:root{font-family:system-ui,sans-serif;color:#17333c;background:#f3f6f5;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #ccd8d7;background:white;color:#17333c;padding:11px 16px;border-radius:9px}button:disabled{opacity:.5;cursor:wait}.primary{background:#176655;color:white;border-color:#176655}a{color:#176655}.shell{display:flex;min-height:100vh}aside{width:245px;flex-shrink:0;background:#142c35;color:#ecf6f3;padding:28px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{color:white;text-decoration:none;font-size:25px;font-weight:750}.brand span{display:block;color:#8cd4c2;font-size:16px;margin-top:4px}.muted{color:#94afb5;font-size:13px;line-height:1.7}nav{display:grid;gap:9px;margin-top:24px}nav button{text-align:left;background:transparent;color:white;border-color:#36515a}nav button.active{background:#244a50;border-color:#73b4a7}.bottom{margin-top:auto;display:grid;gap:10px;font-size:12px}.bottom a{color:#b4dbcf}.bottom button{background:transparent;color:white;border-color:#36515a}main{padding:40px;flex:1;min-width:0;max-width:1450px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}h1{font-size:30px;margin:0}h2{font-size:21px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700;color:#708b86}.card{background:white;border:1px solid #dce5e2;border-radius:16px;padding:25px;margin-bottom:18px}.auth{max-width:450px}form,label{display:grid;gap:10px}form{gap:18px}input,select,textarea{background:white;color:#17333c;border:1px solid #c8d6d3;border-radius:8px;padding:11px;width:100%}textarea{resize:vertical}#status{padding:16px;border-radius:10px;background:#e4f2eb;border:1px solid #bbd7c8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{background:white;border:1px solid #dce5e2;padding:20px;border-radius:14px}.stat strong{display:block;font-size:29px;margin-top:8px}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{flex:1}.toolbar select{max-width:200px}.row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #edf1ef}.row h3,.row p{margin:4px 0}.row p{font-size:13px;color:#698079}.badge{font-size:12px;border-radius:20px;background:#eaf1ed;padding:5px 9px;white-space:nowrap}.overdue{color:#a24629;background:#fff0e8}.empty{padding:35px;text-align:center;color:#718780}.message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;background:#f5f8f6;padding:18px;border-radius:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.small{font-size:12px;color:#70877f}.buttons{display:flex;gap:10px;flex-wrap:wrap}dialog{width:min(850px,94vw);max-height:90vh;overflow:auto;border:1px solid #d3ded9;border-radius:18px;padding:30px;color:#17333c}dialog::backdrop{background:#142c3588}.close{float:right}footer{font-size:12px;color:#8b9c96;margin-top:35px}[hidden]{display:none!important}@media(max-width:750px){.shell{display:block}aside{width:100%;height:auto;position:static;padding:20px}aside .muted{display:none}nav{grid-template-columns:repeat(2,1fr);margin-top:15px}.bottom{margin-top:15px;grid-template-columns:1fr 1fr}.bottom p{grid-column:1/-1;margin:0}.brand span{display:inline;margin-left:10px}.stats{grid-template-columns:1fr 1fr}main{padding:22px}.grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar select{max-width:none}h1{font-size:26px}.row{align-items:flex-start}.row .buttons{flex-direction:column}}