*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,sans-serif;background:#f5f8f7;color:#17343d}.wrap{max-width:1180px;margin:auto;padding:20px}.top,.hero{display:flex;gap:20px;align-items:center;justify-content:space-between}header{background:#fff;border-bottom:1px solid #dce7e3}.admin-nav{display:flex;gap:13px;flex-wrap:wrap}.admin-nav a{color:#31545b;text-decoration:none}.admin-nav .active{color:#117b5c;font-weight:800}.eyebrow{color:#15966f;font-weight:800;letter-spacing:.08em}.muted{color:#60777c}.hero h1{margin:.15em 0}.hero button,.actions button,.note-form button{background:#15966f;color:#fff;border:0;border-radius:9px;padding:9px 12px;font-weight:750;cursor:pointer}.summary{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.pill{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #dce7e3}.pill.critical{color:#a5352f}.pill.warning{color:#9a6511}.alert-list{display:grid;gap:14px}.alert-card{background:#fff;border:1px solid #dce7e3;border-radius:14px;padding:17px}.alert-card.critical{border-left:5px solid #c84b43}.alert-card.warning{border-left:5px solid #d39420}.alert-card.normal{border-left:5px solid #15966f}.card-head{display:flex;justify-content:space-between;gap:15px}.severity{text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.07em}.critical .severity{color:#a5352f}.warning .severity{color:#9a6511}.normal .severity{color:#117b5c}.card-head h2{font-size:18px;margin:4px 0}.value{font-size:20px;font-weight:800;text-align:right}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:13px 0}.workflow div{background:#f7faf9;border-radius:10px;padding:10px}.workflow span{display:block;color:#60777c;font-size:11px}.workflow b{display:block;margin-top:3px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button.secondary{background:#eef5f2;color:#31545b}.actions a{padding:9px 12px;border-radius:9px;background:#eef5f2;color:#31545b;text-decoration:none;font-weight:750}.note-form{display:flex;gap:8px;margin-top:12px}.note-form input{flex:1;border:1px solid #cadbd5;border-radius:9px;padding:10px}.notes{margin-top:12px;border-top:1px solid #e5eeeb;padding-top:8px}.note{padding:7px 0;border-bottom:1px solid #eef3f1}.note small{display:block;color:#60777c;margin-top:2px}.message,.guardrail{margin:14px 0;padding:12px;background:#fff;border:1px solid #dce7e3;border-radius:10px}.message.error{background:#fff1f0;border-color:#efc7c3}.message.success{background:#eef9f4;border-color:#b9dfcf}.guardrail{color:#536b70}.empty{padding:20px;color:#60777c}@media(max-width:760px){.top,.hero,.card-head{align-items:flex-start;flex-direction:column}.workflow{grid-template-columns:1fr 1fr}.value{text-align:left}.note-form{flex-direction:column}}

.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.filterbar button{border:1px solid #cadbd5;background:#fff;color:#31545b;border-radius:999px;padding:8px 12px;font-weight:750;cursor:pointer}.filterbar button.active{background:#17343d;color:#fff;border-color:#17343d}.sla{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 13px}.sla>div{background:#fbfcfc;border:1px solid #e5eeeb;border-radius:10px;padding:10px}.sla span{display:block;color:#60777c;font-size:11px}.sla b{display:block;margin-top:3px}.sla .overdue{color:#a5352f}.sla .soon{color:#9a6511}.sla-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:10px 0 13px;padding:11px;background:#f7faf9;border-radius:10px}.sla-controls label{display:grid;gap:4px;color:#60777c;font-size:11px}.sla-controls input,.sla-controls select{border:1px solid #cadbd5;border-radius:8px;padding:8px;background:#fff;color:#17343d}.sla-controls button{background:#31545b;color:#fff;border:0;border-radius:8px;padding:9px 11px;font-weight:750;cursor:pointer}.escalation-badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#fff0ee;color:#a5352f;font-size:11px;font-weight:800}.priority-urgent{color:#a5352f}.priority-high{color:#9a6511}@media(max-width:760px){.sla{grid-template-columns:1fr 1fr}.sla-controls{align-items:stretch}.sla-controls label{width:100%}}