:root{color-scheme:dark;--bg:#0d1320;--surface:#151e2f;--surface2:#1d2940;--border:#2b3850;--text:#edf3ff;--muted:#98a8c1;--primary:#2988e5;--danger:#bd4652;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(78,167,255,.15),transparent 35%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.row{display:flex;gap:8px;align-items:center}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);display:grid;gap:15px;padding:28px;border:1px solid var(--border);border-radius:22px;background:var(--surface)}.login-card h1{margin:0}.login-card p{margin:-7px 0 5px;color:var(--muted)}.brand{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#4ea7ff,#7e75ff);font-weight:800}label{display:grid;gap:6px;color:var(--muted);font-size:14px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:#101827;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#4ea7ff}button{border:0;border-radius:10px;padding:10px 14px;font-weight:650;cursor:pointer}.primary{background:var(--primary);color:white}.secondary{background:#3b4962;color:white}.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.danger{background:var(--danger);color:white}.error{min-height:20px;color:#ff7180}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:13px max(15px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--border);background:rgba(13,19,32,.94);backdrop-filter:blur(10px)}.topbar h1{margin:0;font-size:21px}.topbar small{color:var(--muted)}main{width:min(1220px,calc(100% - 24px));margin:18px auto 45px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats article{display:grid;gap:6px;padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.stats span{color:var(--muted);font-size:13px}.stats strong{font-size:25px}.toolbar{display:grid;grid-template-columns:1fr 190px auto auto;gap:8px;margin:14px 0}.panel{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:13px 15px}.panel-title h2{margin:0}.service-item{display:grid;grid-template-columns:145px 1fr 1fr 190px 105px;gap:11px;align-items:center;padding:12px 15px;border-top:1px solid var(--border);cursor:pointer}.service-item:hover{background:rgba(78,167,255,.07)}.service-item strong{color:#b9dbff}.service-item small{display:block;color:var(--muted)}.status{width:fit-content;padding:5px 8px;border:1px solid #52637f;border-radius:999px;font-size:12px}.empty{padding:45px;text-align:center;color:var(--muted)}dialog{width:min(800px,calc(100% - 18px));max-height:calc(100vh - 20px);padding:0;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--text)}dialog::backdrop{background:rgba(0,0,0,.72)}.dialog-form{display:grid;gap:13px;padding:17px;max-height:calc(100vh - 22px);overflow:auto}.dialog-form>header,.dialog-form>footer{display:flex;gap:9px;align-items:center}.dialog-form>header{justify-content:space-between}.dialog-form h2,.dialog-form h3{margin:0}.dialog-form>footer{position:sticky;bottom:-17px;margin:3px -17px -17px;padding:12px 17px;border-top:1px solid var(--border);background:var(--surface)}.close{font-size:24px;padding:5px 11px;background:transparent;color:white}.spacer{flex:1}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.attachments{display:grid;gap:9px;padding:12px;border:1px solid var(--border);border-radius:13px;background:#101827}.attachment-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:9px}.attachment-item small{color:var(--muted)}.toast{position:fixed;z-index:100;right:15px;bottom:16px;max-width:calc(100% - 30px);padding:11px 14px;border-radius:11px;background:#253550;opacity:0;transform:translateY(100px);transition:.25s}.toast.show{opacity:1;transform:none}@media(max-width:850px){.stats{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr 1fr}.service-item{grid-template-columns:130px 1fr 175px}.desktop-hide{display:none}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:570px){main{width:calc(100% - 16px);margin-top:9px}.topbar{padding:10px}.topbar h1{font-size:18px}.stats{gap:7px}.stats article{padding:12px}.toolbar{grid-template-columns:1fr}.service-item{grid-template-columns:1fr auto;padding:11px}.mobile-hide{display:none}.form-grid{grid-template-columns:1fr}.dialog-form{padding:12px}.dialog-form>footer{bottom:-12px;margin:3px -12px -12px;padding:10px 12px}}