:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f4f7f8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d7e0e3;background:#fff;border-radius:8px;padding:.65rem .85rem;color:#233447}button:hover{background:#f1f6f6}.primary{background:#16706b;color:#fff;border-color:#16706b;font-weight:700}.primary:hover{background:#0f5b57}main{display:flex;min-height:100vh}aside{width:238px;background:#132b3a;color:#d8e5e9;padding:1.5rem 1rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:1.25rem;font-weight:800;line-height:1}.brand span{color:#65c6ba}.brand small{display:block;font-size:.55rem;letter-spacing:.18em;color:#99b6bf;margin-top:.35rem}nav{margin-top:2rem;display:grid;gap:.2rem}nav button{color:#cde0e4;background:transparent;border:0;text-align:left;border-radius:6px;padding:.7rem .8rem}nav button:hover,nav button.active{background:#214456;color:#fff}.user{margin-top:auto;border-top:1px solid #315264;padding:.9rem .4rem 0;font-size:.9rem}.user small,.queue span,.queue small{display:block;color:#78929c;margin-top:.2rem}.user button{display:block;margin-top:.7rem;padding:.35rem .5rem;background:transparent;color:#cde0e4;border-color:#476677}.content{padding:2.2rem;max-width:1500px;width:100%;margin:auto}header,.tablehead{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1{margin:0;font-size:1.8rem;color:#132b3a}h2{margin:.1rem 0 .4rem;color:#183447;font-size:1.25rem}h3{margin:.2rem 0}header p,.muted{color:#647786}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:1rem;margin:1.6rem 0}.metric{background:#fff;border:1px solid #e0e8ea;border-radius:10px;padding:1.1rem}.metric strong{font-size:1.65rem;display:block;color:#17394b}.metric span{font-size:.83rem;color:#607582}.metric.danger{border-left:4px solid #c73333}.metric.danger strong{color:#b42323}.panel{background:#fff;border:1px solid #dfe7e9;border-radius:11px;padding:1.3rem;box-shadow:0 2px 5px #142e3b08}.queue{display:grid;gap:.55rem}.queue article{display:flex;justify-content:space-between;align-items:center;border:1px solid #e2eaec;border-radius:8px;padding:.75rem .85rem;gap:1rem}.queue article.critical{border-left:5px solid #c92b2b;background:#fff6f6}.queue strong{color:#203a4b}.queue button{white-space:nowrap}.empty{text-align:center;padding:2.5rem 1rem;color:#71828d}.red-row{background:#fff5f5}.redtag{font-size:.62rem;color:#b42323;background:#fee2e2;padding:.18rem .3rem;border-radius:3px;margin-left:.4rem}table{width:100%;border-collapse:collapse;margin-top:1rem;text-align:left}th,td{padding:.78rem .6rem;border-bottom:1px solid #e6edef;font-size:.9rem}th{color:#607582;font-weight:600}.notice{margin:1rem 0;padding:.8rem;background:#def4ed;border:1px solid #9bdbc9;color:#155746;border-radius:8px}.notice button{float:right;border:0;background:none;padding:0}.auth,.center{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth form{width:min(410px,100%);background:#fff;padding:2rem;border:1px solid #dde7e9;border-radius:12px;box-shadow:0 8px 30px #1233}.auth .brand{margin-bottom:2.4rem;color:#153345}.auth label,.modal label{display:grid;gap:.35rem;margin:1rem 0;font-size:.9rem;font-weight:700;color:#344c59}input,select{border:1px solid #bacbd0;border-radius:7px;padding:.65rem;background:#fff}.auth form>.primary{width:100%;margin-top:.7rem}.error{color:#b42323}.modal{position:fixed;inset:0;background:#10273599;display:grid;place-items:center;padding:1rem;z-index:5}.modal form{background:#fff;width:min(520px,100%);padding:1.4rem;border-radius:12px;box-shadow:0 15px 50px #0005}.privacy{font-size:.84rem;line-height:1.45;background:#fff5df;border-left:4px solid #e49a16;padding:.75rem;color:#714b00}.report button{margin-right:.6rem}.settings hr{border:0;border-top:1px solid #e3ebed;margin:1.5rem 0}@media print{aside,header button,.report button{display:none!important}.content{padding:0}.panel{box-shadow:none;border:0}}@media(max-width:720px){main{display:block}aside{height:auto;width:auto;position:static;padding:1rem}nav{margin:1rem 0;display:flex;overflow:auto}nav button{white-space:nowrap}.user{display:none}.content{padding:1.2rem}header{align-items:flex-start}.metrics{grid-template-columns:repeat(2,1fr);gap:.65rem}.metric{padding:.8rem}.metric strong{font-size:1.35rem}table{display:block;overflow-x:auto;white-space:nowrap}.queue article{align-items:flex-start}.tablehead .primary{display:none}}
