:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#192538;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}a{color:#b50d22;text-decoration:none}button,.button-link{cursor:pointer;border:1px solid #cbd5e1;border-radius:7px;padding:10px 15px;background:#fff;color:#192538;font:inherit}button:hover,.service-card:hover{filter:brightness(.96)}.primary,.button-link{background:#bf0b21;color:#fff;border:0;padding:13px 22px;border-radius:7px;display:inline-block}input,select{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:7px;background:white;font:inherit;margin:6px 0 15px}label{display:block;font-size:14px;font-weight:600}header{height:65px;background:#a30d23;color:#fff;display:flex;align-items:center;padding:8px 20px;gap:13px}header img{height:40px;width:40px;object-fit:contain;background:white;border-radius:4px}header a{color:#fff}.right{margin-left:auto}.shell{display:flex;min-height:calc(100vh - 65px)}aside{width:230px;flex-shrink:0;background:white;border-right:1px solid #e5e7eb;padding:18px 12px}aside a{display:block;padding:12px 14px;border-radius:6px;color:#344256;margin:4px 0}aside a.active{background:#b50d22;color:#fff}.profile{display:flex;gap:10px;align-items:center;margin-bottom:24px;padding:10px;font-weight:bold}.profile img{width:38px;height:38px;object-fit:contain}.profile small{display:block;font-weight:normal;color:#64748b}main{padding:28px;flex:1;min-width:0}h1{font-size:26px;margin:0 0 24px}h2{font-size:20px}h3{font-size:14px;color:#64748b}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin-bottom:22px}.card,.service-card,.panel{background:white;border:1px solid #e1e7ef;border-radius:12px;padding:20px;box-shadow:0 4px 18px #17255408}.card strong{font-size:34px;color:#b50d22}.service-card{font-weight:bold;min-height:90px;display:flex;align-items:center}.panel{margin-top:18px;max-width:1200px}.panel form{max-width:480px}.panel td form{display:flex;gap:6px;align-items:center}.panel td form select{min-width:120px;margin:0}.panel td form button{padding:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8edf2;font-size:14px}th{background:#f9fafb}.tag{border-radius:20px;background:#e7ecf3;padding:5px 10px}.tag.waiting{background:#fff0d6}.tag.called,.tag.serving{background:#dbeafe}.tag.completed{background:#dcfce7}.alert{background:#fee2e2;color:#991b1b;padding:12px;border-radius:8px;margin:12px 0}.success{background:#dcfce7;padding:12px;border-radius:8px}.small{font-size:13px;color:#64748b}.auth{display:flex;min-height:100vh}.auth-photo{width:52%;background:linear-gradient(#a30018a8,#a30018d9),url('campus.jpg') center/cover;position:relative;color:white;padding:11vh 7%;display:flex;flex-direction:column;justify-content:space-between}.brand-large{display:flex;gap:20px;align-items:center}.brand-large img{width:75px;height:75px;object-fit:contain;background:#fff;border-radius:5px}.brand-large h1{font-size:48px;margin:0}.brand-large h2{font-size:28px;margin:0}.brand-large p{font-size:18px}.auth-features{text-align:center}.auth-main{width:48%;display:grid;place-items:center;padding:25px}.auth-card{background:#fff;box-shadow:0 6px 30px #1e293b17;border-radius:13px;padding:45px;max-width:550px;width:100%;text-align:center}.auth-card label{text-align:left}.auth-logo{height:78px;width:78px;object-fit:contain}.auth-card h1{margin:20px 0 6px}.auth-card p{color:#64748b}.auth-card .primary,.auth-card .secondary{width:100%;margin:8px 0}.tv{background:#f3f5f8}.tv-header{display:flex;align-items:center;background:#a30d23;color:white;padding:18px 35px;gap:18px}.tv-header img{height:60px;width:60px;object-fit:contain;background:#fff}.tv-header b{font-size:27px}.tv-header small{display:block}.tv-header #clock{font-size:30px;font-weight:bold}.tv-header #date{text-align:right}.tv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:30px}.tv-service{background:#fff;text-align:center;border-radius:12px;overflow:hidden;box-shadow:0 6px 22px #1e293b16}.tv-service h2{background:#a30d23;color:#fff;margin:0;padding:20px;font-size:30px}.tv-number{font-size:clamp(56px,8vw,130px);font-weight:800;color:#a30d23;padding:18px}.tv-service p{font-size:24px}.tv-footer{position:fixed;bottom:0;background:#a30d23;color:white;text-align:center;width:100%;padding:12px;font-size:22px}@media(max-width:850px){.auth-photo{display:none}.auth-main{width:100%}.shell{display:block}aside{width:100%;display:flex;overflow-x:auto;padding:6px}aside .profile{display:none}aside a{white-space:nowrap}main{padding:15px}.tv-grid{grid-template-columns:1fr;padding-bottom:70px}.tv-header{padding:12px;flex-wrap:wrap}.tv-header b{font-size:18px}}
.account-identity{display:flex;align-items:center;gap:8px;min-width:0}.account-avatar,header img.account-avatar,.profile img.account-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#fff}.profile-photo-preview{display:block;width:80px;height:80px;max-width:80px;max-height:80px;border-radius:50%;object-fit:cover;border:2px solid #e1e7ef;margin-bottom:12px}@media(max-width:600px){header{height:auto;min-height:65px;flex-wrap:wrap}.account-identity{flex-wrap:wrap}}