:root{--ink:#18231f;--muted:#78827d;--line:#e7ebe7;--paper:#f6f7f5;--white:#fff;--green:#148258;--dark:#102820;--lime:#dff3a7;--shadow:0 16px 50px #17352512}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Arial',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,b{font-family:'Arial','Arial',sans-serif}h1{font-size:30px;letter-spacing:-1.1px;margin:3px 0 7px}h2{font-size:18px;letter-spacing:-.3px;margin:0}.muted{color:var(--muted);margin:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--green);margin:0 0 9px}.loading,.error{padding:10vh;text-align:center;color:var(--muted)}.shell{min-height:100vh;display:grid;grid-template-columns:242px 1fr}.sidebar{background:#fff;border-right:1px solid var(--line);padding:27px 17px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:11px;padding:0 8px 43px}.logo b{font-size:19px;letter-spacing:-.8px;display:block}.logo small{display:block;font-size:9px;letter-spacing:2px;color:#96a29b;margin-top:2px}.brand-mark{width:46px;height:46px;border-radius:15px;background:var(--dark);color:var(--lime);display:grid;place-items:center;font:800 25px Arial}.brand-mark.small{width:35px;height:35px;border-radius:11px;font-size:19px}.nav-label{color:#a0a9a4;font-weight:700;font-size:9px;letter-spacing:1.35px;padding:0 11px 12px}.nav{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border:0;background:none;border-radius:9px;color:#65716b;text-align:left;margin-bottom:3px;font-weight:600}.nav i{font-style:normal;font-size:18px;width:19px;text-align:center}.nav.active{background:#edf5ee;color:#147e56}.sidebar-bottom{margin-top:auto}.secure{display:flex;gap:10px;align-items:center;background:#f7f8f6;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px}.secure>span{color:var(--green);font-size:20px}.secure b,.secure small,.profile b,.profile small{display:block}.secure b,.profile b{font-size:11px}.secure small,.profile small{font-size:10px;color:var(--muted);margin-top:3px}.logout{border:0;background:transparent;color:#849089;padding:10px 12px}.main{min-width:0}.topbar{height:70px;background:#ffffffcc;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px}.crumb{color:#929b96;font-size:12px}.crumb span{padding:0 9px;color:#c0c7c2}.profile{display:flex;align-items:center;gap:9px}.avatar{background:#e9f0e9;color:var(--green);display:grid;place-items:center;border-radius:50%;width:34px;height:34px;font-weight:700}.content{max-width:1500px;padding:38px 42px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.button{border-radius:8px;padding:11px 15px;border:1px solid transparent;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;white-space:nowrap}.primary{background:var(--dark);color:#fff}.primary:hover{background:#1d4836}.primary span{color:var(--lime);font-size:18px}.secondary{color:#56625b;background:white;border-color:var(--line)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px}.metric{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px 21px;display:grid;gap:6px}.metric>span{font-size:12px;color:#78827d}.metric>b{font-size:28px;letter-spacing:-1px}.metric small{font-size:11px;color:#9ba39e}.metric.accent{background:#f0f6e8;border-color:#e2ebd3}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.section-title p{font-size:12px;color:#929b96;margin:5px 0 0}.text-button{color:var(--green);border:0;background:none;font-weight:600}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.status-card{background:white;border:1px solid var(--line);border-radius:10px;text-align:left;padding:15px;transition:.15s}.status-card:hover{border-color:#a9cbbb;transform:translateY(-1px);box-shadow:var(--shadow)}.status-name{font-size:12px;color:#65716b;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:#9eb5a6;border-radius:50%}.d0{background:#56a77c}.d1{background:#b4a15a}.d2{background:#8c9fab}.d3{background:#528fc0}.d4{background:#72aa6c}.d5{background:#c38e51}.d6{background:#8b84b2}.d7{background:#9cab9c}.d8{background:#c77c74}.status-card strong{font:700 22px Arial;display:block;margin:11px 0 0}.status-card strong small{font:400 10px 'Arial';color:#a0a8a3}.recent-title{margin-top:33px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;text-align:left;min-width:760px}th{font-size:9px;letter-spacing:1px;color:#9ba49f;padding:13px 16px;border-bottom:1px solid var(--line);font-weight:700}td{padding:13px 16px;border-bottom:1px solid #f0f2ef;color:#69746e;font-size:12px}tr:last-child td{border-bottom:0}tbody tr.ticket-row{cursor:pointer}tbody tr.ticket-row:hover{background:#fafbf9}td b{display:block;color:#25332c;font-size:12px}td small{display:block;color:#9ba39e;font-size:10px;margin-top:4px}.ticket-code{color:var(--green)!important}.pill{background:#eff4ef;border-radius:20px;padding:5px 8px;font-size:10px;color:#647469;white-space:nowrap}.urgency{color:#8d9991;font-size:11px;white-space:nowrap}.urgency.hot{color:#c56a53;font-weight:700}.icon-button,.close{border:0;background:transparent;color:#88958e;font-size:18px}.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:16px}.search{border:1px solid var(--line);background:white;border-radius:8px;padding:0 11px;display:flex;align-items:center;gap:9px;color:#96a29b;flex:1;min-width:180px}.search input{border:0;outline:0;padding:11px 0;width:100%;color:var(--ink);background:transparent}.toolbar select{border:1px solid var(--line);background:white;padding:11px 12px;border-radius:8px;color:#66736c;max-width:190px}.empty{text-align:center;padding:36px;color:#9aa39e}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 20%,#e8f0e5 0%,var(--paper) 55%)}.login-card{background:white;width:min(100%,420px);padding:43px 44px;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.login-card .brand-mark{margin-bottom:26px}.login-card h1{font-size:25px;margin-bottom:9px}.login-card>.muted{font-size:13px}.stack{display:grid;gap:15px;margin:27px 0 20px}.stack label,.field{font-size:11px;color:#69746e;font-weight:600;display:grid;gap:7px}.stack input,.field input,.field select,.field textarea{width:100%;border:1px solid #e3e8e3;border-radius:7px;padding:11px 12px;outline:none;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#9bbba8!important;box-shadow:0 0 0 3px #13825710}.stack .button{width:100%;margin-top:3px}.login-card>small{color:#a0a8a3;font-size:10px}.form-error{color:#bb5345;font-size:12px;margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:#101b16a8;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(100%,850px);max-height:94vh;overflow:auto;background:white;border-radius:13px;box-shadow:0 24px 80px #0003}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:23px 27px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.modal>header h2{font-size:20px}.close{font-size:27px}.form-grid{padding:23px 27px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.field.wide{grid-column:span 3}.field textarea{min-height:65px;resize:vertical}.modal footer{padding:14px 27px 22px;display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--line)}.privacy-note{font-size:10px;color:#7c8b82;margin-right:auto}.toast{position:fixed;bottom:22px;right:22px;background:var(--dark);color:white;border-radius:9px;padding:12px 17px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:8}.toast.show{opacity:1;transform:none}
@media(max-width:1000px){.shell{grid-template-columns:200px 1fr}.content{padding:30px 25px}.topbar{padding:0 25px}.status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{display:block}.sidebar{height:auto;position:relative;padding:12px 13px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center}.logo{padding:0}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;grid-column:1/-1;gap:4px;margin-top:12px}.nav{justify-content:center;margin:0;padding:10px 4px;font-size:11px;gap:5px}.nav i{font-size:15px}.topbar{height:54px;padding:0 16px}.profile>div{display:none}.content{padding:24px 15px}.page-head{align-items:flex-start;gap:12px}.page-head h1{font-size:24px}.page-head .button{padding:10px;font-size:11px}.metric-row{gap:8px}.metric{padding:13px 12px}.metric>b{font-size:22px}.metric>span{font-size:10px}.metric small{font-size:9px}.status-grid{grid-template-columns:1fr 1fr}.status-card{padding:12px}.status-name{font-size:10px}.status-card strong{font-size:19px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.toolbar select{flex:1;max-width:none}.form-grid{grid-template-columns:1fr 1fr;padding:17px}.field.wide{grid-column:span 2}.modal footer{padding:13px 17px 18px;flex-wrap:wrap}.privacy-note{width:100%;margin:0 0 6px}.login-card{padding:32px 26px}}@media(max-width:390px){.status-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}}