:root{--bg:#f4f6f9;--ink:#17253a;--muted:#758196;--line:#e7ecf2;--accent:#13766d;--sidebar:#12253b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #d9e1e9;background:white;color:var(--ink);border-radius:8px;padding:10px 15px;font-weight:600;cursor:pointer;white-space:nowrap}button:hover,.button:hover{filter:brightness(.96)}.primary{background:var(--accent);border-color:var(--accent);color:white}input,select,textarea{padding:10px 12px;border:1px solid #dce3eb;border-radius:7px;background:white;color:var(--ink);min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #83b9b2;outline-offset:1px}textarea{width:100%;resize:vertical}label{display:block;font-weight:500}small{font-size:12px;color:var(--muted)}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:8px 0 10px}h2{font-size:17px;letter-spacing:-.25px;margin:0 0 18px}.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:var(--sidebar);padding:34px 22px;color:#d4dfed;display:flex;flex-direction:column}.brand{color:white;font-weight:800;letter-spacing:3px;font-size:27px;line-height:1.2;padding:0 12px}.brand span{display:block;letter-spacing:2.3px;font-size:9px;font-weight:500;margin-top:8px;color:#9aafc5}.nav-label{font-size:9px;letter-spacing:1.5px;color:#7b93ac;margin:50px 12px 16px}nav a{display:block;padding:11px 12px;border-radius:7px;margin-bottom:6px;font-size:13px}nav a.selected,nav a:hover{color:#fff;background:#243c54}.sidebar-bottom{margin-top:auto;padding:22px 12px 0;border-top:1px solid #294057}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom small{color:#9aafc5;margin-top:4px}.logout{border:0;background:transparent;color:#9aafc5;font-weight:400;padding:14px 0 0}main{margin-left:234px}.topbar{height:73px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px;color:var(--muted)}.workspace{padding:35px 38px;max-width:1720px;margin:auto}.tag{font-size:10px;letter-spacing:.9px;font-weight:700;background:#edf2f6;padding:6px 9px;border-radius:5px;color:#60768a}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;color:var(--accent);letter-spacing:1.7px}.muted{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:11px;padding:21px 24px;min-height:145px}.stat span{color:#68788e;font-size:12px}.stat strong{font-size:35px;font-weight:650;letter-spacing:-1px;line-height:1.6}.stat small{font-size:11px}.stat.danger strong{color:#ba6659}.panel{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:22px;overflow:hidden}.padded{padding:25px}.filters{display:flex;align-items:end;gap:12px;padding:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filters>input{flex:1;min-width:180px}.filters select{max-width:230px}.filters label{font-size:12px}.filters label input,.filters label select{display:block;margin-top:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;letter-spacing:.35px;color:#7b899b;background:#fafbfd;font-weight:600;padding:14px 20px}td{padding:19px 20px;border-top:1px solid #f0f3f6;vertical-align:middle}td strong{font-weight:550}td small{display:block;margin-top:3px}.ticket-link{display:block;font-size:13px;font-weight:550;min-width:190px;max-width:380px}.ticket-link small{font-size:10px;margin:0 0 5px;letter-spacing:.3px;font-weight:500}.ticket-link:hover{color:var(--accent)}.badge{display:inline-block;padding:5px 9px;font-size:10px;border-radius:5px;white-space:nowrap;background:#edf1f6;color:#5c7088}.badge.new{background:#e9f0fd;color:#4b75b3}.badge.assigned,.badge.working{background:#e4f2ee;color:#16776b}.badge.waiting{background:#fff3da;color:#997026}.badge.resolved,.badge.closed{background:#edf3ee;color:#5c8568}.badge.cancelled{background:#f4e8e7;color:#aa6f68}.empty{text-align:center;padding:60px 30px;color:var(--muted)}.pagination{display:flex;gap:18px;padding:17px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.pagination span{margin-right:auto}.pagination a{color:var(--accent)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.text-body{white-space:normal;overflow-wrap:anywhere}.back-link{display:block;color:var(--muted);font-size:12px;margin-bottom:25px}.stack{display:flex;flex-direction:column;gap:15px}.stack input,.stack select{display:block;width:100%;margin-top:6px}dl{margin:24px 0 0;padding-top:16px;border-top:1px solid var(--line)}dt{font-size:11px;color:var(--muted);margin-top:13px}dd{margin:3px 0 0;font-size:12px}.message{padding:18px 0;border-bottom:1px solid var(--line)}.message.internal{background:#faf7ed;padding:15px;border-radius:7px;margin:12px 0;border:1px solid #efe9d8}.message-meta{font-size:10px;color:var(--muted);margin-bottom:7px}.note-form{margin-top:25px}.note-form label{font-size:12px}.note-form input[type=checkbox]{margin-right:6px}.note-form p{margin:12px 0}.event{border-top:1px solid var(--line);padding:12px 0;font-size:12px}.event small{display:block;font-size:10px}.time-value{font-size:30px;font-weight:650;margin-bottom:16px}.time-value small{font-size:15px}.time-form{margin:22px 0}.fineprint{font-size:12px;color:var(--muted);max-width:960px}.analytics-stats{margin-top:24px}.candidate-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.candidate-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.candidate-actions input{width:140px}.file{display:block;color:var(--accent);font-size:12px;margin-top:8px}.form-panel{max-width:760px;padding:30px}.form-panel form p label{display:block;margin-bottom:7px}.form-panel input,.form-panel select{width:100%}.errorlist{color:#b54a44;padding-left:20px}.flash{padding:13px 18px;background:#e6f4ed;border-radius:8px;margin-bottom:20px}.flash.error{background:#fbecea;color:#ac4d43}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#12253b;padding:25px}.login-card{width:470px;max-width:100%;padding:45px;background:#fff;border-radius:15px}.login-card h1{font-size:28px;margin:20px 0 15px}.login-card form{margin-top:30px}.login-card label{font-size:12px;margin-bottom:6px}.login-card input:not([type=hidden]){width:100%}.full{width:100%}.login-card .errorlist{font-size:12px}
@media(max-width:1150px){.sidebar{width:195px;padding:30px 14px}main{margin-left:195px}.workspace{padding:28px 24px}.topbar{padding:0 24px}.stats{gap:10px}.stat{padding:18px}.detail-grid{grid-template-columns:minmax(0,1fr) 280px}.heading h1{font-size:28px}}
@media(max-width:800px){.sidebar{position:relative;width:100%;padding:20px}.brand{font-size:20px;padding:0}.brand span{display:inline;margin-left:12px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}nav a{padding:7px 10px;margin:0;font-size:12px}main{margin-left:0}.topbar{height:50px;padding:0 20px}.workspace{padding:25px 18px}.heading{align-items:start;flex-wrap:wrap}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{min-height:120px}.detail-grid{display:block}.filters{padding:15px}.filters>input{flex-basis:100%}.candidate-head{flex-direction:column}.padded{padding:20px}.form-panel{padding:20px}}
/* Operations dashboard */
.heading-dot{color:#18ac91}.live-pill{display:flex;align-items:center;gap:8px;border:1px solid #d9e8e3;background:#f0faf6;color:#387361;padding:8px 13px;border-radius:30px;font-size:11px}.live-pill i{width:6px;height:6px;border-radius:50%;background:#28ae83;box-shadow:0 0 0 4px #ddf4e9}.overview-hero{background:radial-gradient(ellipse at 85% 0%,#28665e 0,transparent 65%),#102d38;border-radius:19px;padding:32px 36px;color:white;display:flex;justify-content:space-between;gap:28px;margin-bottom:22px;position:relative;overflow:hidden;box-shadow:0 14px 30px #12362c12}.overview-hero .eyebrow{color:#8ad6c4}.overview-hero h2{font-size:46px;margin:14px 0 10px;letter-spacing:-1.5px}.overview-hero h2 span{font-size:23px;font-weight:400;letter-spacing:-.4px}.overview-hero p{color:#acc8ca;font-size:12px}.overview-hero .button{margin-top:12px;border-color:#ffffff29;background:#ffffff12;color:#effffb;border-radius:9px;font-size:12px}.hero-signal{width:220px;border-left:1px solid #ffffff20;padding-left:32px;display:flex;flex-direction:column;justify-content:center}.hero-signal>span{color:#b4d0ce;letter-spacing:1.2px;font-size:9px}.hero-signal strong{font-size:65px;font-weight:500;line-height:1.25;letter-spacing:-3px}.hero-signal small{max-width:170px;color:#b4d0ce}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.overview-metrics>a,.overview-metrics>div{background:#fff;padding:20px 24px;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column}.overview-metrics span{font-size:11px;color:#6e7e90}.overview-metrics strong{font-size:34px;line-height:1.8;letter-spacing:-1px;font-weight:600}.overview-metrics small{font-size:10px}.danger-text{color:#c55c57!important}.amber-text{color:#bd872b}.overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px}.overview-grid .panel{border-radius:14px;box-shadow:0 3px 12px #17253a03}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.section-title h2{margin:0 0 3px}.section-title small{font-size:10px}.section-title .tag{font-size:8px;background:#eaf6f0;color:#3d8971}.deadline-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-top:1px solid #eff2f5}.deadline-row:hover .deadline-info strong{color:var(--accent)}.deadline-icon{background:#edf4f5;border:1px solid #dfecee;color:#5a7a87;border-radius:10px;min-width:39px;height:40px;display:flex;align-items:center;justify-content:center;font-size:10px}.deadline-icon.late{background:#fff1ed;border-color:#f4e0da;color:#b76559}.deadline-info{flex:1;min-width:0}.deadline-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:550}.deadline-info small{display:block;font-size:10px;margin-top:4px}.deadline-clock{text-align:right;flex-shrink:0}.deadline-clock strong{font-size:11px;font-variant-numeric:tabular-nums;color:#328273;font-weight:550}.deadline-clock small{display:block;font-size:9px;margin-top:4px}.chart-legend{display:flex;gap:16px;font-size:10px;color:var(--muted);margin:15px 0 30px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;background:#1d927f;border-radius:2px}.chart-legend span+span i{background:#c3ded7}.bar-chart{display:flex;gap:10px;height:190px;border-bottom:1px solid var(--line);padding:0 3px 0}.chart-day{display:flex;flex-direction:column;flex:1;min-width:0;text-align:center}.bar-values{font-size:9px;color:#788d98;height:24px}.bar-pair{height:140px;display:flex;align-items:flex-end;justify-content:center;gap:4px;background:repeating-linear-gradient(to top,transparent 0,transparent 34px,#edf1f5 35px)}.bar-pair span{width:16px;max-width:32%;min-height:0;background:#1d927f;border-radius:4px 4px 0 0}.bar-pair span+span{background:#c3ded7}.chart-day>small{font-size:9px;padding-top:9px}.workload-row{display:flex;gap:12px;align-items:center;border-top:1px solid #eff2f5;padding:18px 0}.avatar{width:35px;height:35px;border-radius:11px;background:#edf1fa;color:#5b79a2;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:650}.workload-person{flex:1;min-width:0}.workload-person strong{font-size:12px;font-weight:550}.workload-person small{display:block;font-size:10px}.workload-meter{width:44%;max-width:240px}.workload-meter>div{display:flex;justify-content:space-between;gap:6px;margin-bottom:8px}.workload-meter strong{font-size:11px;font-weight:600}.workload-meter small{font-size:9px}.meter-track{height:5px;background:#edf2f5;border-radius:8px;display:block;overflow:hidden}.meter-track i{display:block;height:100%;background:#39a38d;border-radius:8px}.meter-track i.over{background:#d77469}.text-link{font-size:11px;color:var(--accent)}.queue-state{padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.queue-state span{display:flex;gap:10px;align-items:center;font-size:12px;color:#64778c}.queue-state i{width:7px;height:7px;background:#6b9bcb;border-radius:50%}.queue-state:nth-child(3) i{background:#58ac9a}.queue-state:nth-child(4) i{background:#967fc1}.queue-state:nth-child(5) i{background:#d4a050}.queue-state strong{font-size:20px;font-weight:550}.dashboard-note{background:#f5f8fa;color:#79909f;border-radius:10px;font-size:11px;padding:15px;margin-top:15px}.connect-steps{padding-left:22px;color:#6c7f91}.connect-steps li{padding:6px}.connect-confirm{padding:20px;background:#edf8f2;border-radius:10px;margin:20px 0}.form-panel input[type=checkbox]{width:auto}hr{border:0;border-top:1px solid var(--line);margin:24px 0}@media(min-width:1500px){.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}@media(max-width:1100px){.overview-grid{grid-template-columns:1fr}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-hero{padding:28px}.overview-hero h2 span{display:block;font-size:19px}.hero-signal{width:175px;padding-left:22px}}@media(max-width:550px){.overview-hero{padding:23px;gap:16px}.overview-hero h2{font-size:38px}.overview-hero h2 span{font-size:16px}.hero-signal{width:110px;padding-left:15px}.hero-signal strong{font-size:48px}.hero-signal>span{font-size:8px}.hero-signal small{font-size:9px}.overview-metrics{gap:10px}.overview-metrics>a,.overview-metrics>div{padding:16px}.overview-metrics span{font-size:10px}.deadline-row{gap:9px;flex-wrap:wrap}.deadline-clock{width:100%;text-align:left;padding-left:48px}.workload-meter{width:43%}.workload-meter>div{flex-direction:column}.workload-person strong{font-size:11px}.heading h1{font-size:28px}}
.security-card{width:650px}.security-card img{max-width:100%;height:auto}.security-card .row{display:flex;gap:10px;flex-wrap:wrap}.security-card .btn{display:inline-block;padding:10px 15px;border:1px solid #d9e1e9;border-radius:8px;margin:5px 0}.security-card .btn-primary{background:var(--accent);color:white}.security-card input[type=checkbox]{width:auto!important}.security-card form table{display:block}.security-card td{border:0;padding:8px}.security-card .helptext{display:block;font-size:12px;color:var(--muted)}.security-card ul{padding-left:20px}