@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#202b3d;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:DM Sans,sans-serif}body{margin:0}.app-shell{--bg:#f5f7fb;--panel:#fff;--text:#202b3d;--muted:#7d899c;--line:#e8edf4;--soft:#f8faff;background:var(--bg);min-height:100vh;color:var(--text);display:flex}.theme-dark{--bg:#111827;--panel:#1b2535;--text:#e8edf7;--muted:#9aa8bd;--line:#303c50;--soft:#202d40}.sidebar{background:#fff;border-right:1px solid #e9edf4;flex-direction:column;flex-shrink:0;width:250px;min-height:100vh;padding:25px 15px 16px;display:flex}.theme-dark .sidebar{border-color:var(--line);background:#172132}.brand{align-items:center;gap:11px;padding:0 10px 27px;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:#234d91;border-radius:12px;place-items:center;width:39px;height:39px;font-family:Manrope,sans-serif;font-weight:800;display:grid}.brand strong{letter-spacing:-.4px;font:800 16px Manrope,sans-serif;display:block}.brand span{color:#8994a7;margin-top:3px;font-size:11px;display:block}.hostel-chip{letter-spacing:.65px;color:#586a85;background:#f3f6fb;border:1px solid #e7edf5;border-radius:8px;align-items:center;gap:7px;margin:0 3px 27px;padding:11px 10px;font-size:9px;font-weight:800;display:flex}.theme-dark .hostel-chip{background:var(--soft);border-color:var(--line);color:var(--muted)}.live-dot{background:#36b980;border-radius:50%;width:6px;height:6px}.chip-arrow{margin-left:auto;font-size:14px}.nav-group{margin-bottom:22px}.nav-item{color:#748198;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:11px 12px;font:600 12px DM Sans,sans-serif;display:flex}.nav-item:hover{color:#2c4d82;background:#f5f7fb}.theme-dark .nav-item:hover{background:var(--soft)}.nav-item.active{color:#2856a0;background:#edf3ff;font-weight:700}.theme-dark .nav-item.active{color:#b8d0ff;background:#263b5b}.nav-icon{text-align:center;width:17px;font-size:17px}.sidebar-bottom{margin-top:auto}.mini-status{border:1px solid var(--line);border-radius:9px;align-items:center;gap:9px;margin-bottom:13px;padding:13px 9px;display:flex}.status-dot{background:#aab4c2;border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.good{background:#26b47b}.status-dot.bad{background:#e15b64}.mini-status b,.user-mini b{font-size:11px;display:block}.mini-status small,.user-mini small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.mini-status>div{flex:1}.tiny-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:18px}.user-mini{border-top:1px solid var(--line);align-items:center;gap:9px;padding:16px 6px 0;display:flex}.avatar{color:#2c579b;background:#dbe8ff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.avatar.small{width:28px;height:28px;font-size:9px}.user-mini>div:nth-child(2){flex:1}.user-menu{color:#9aa5b5;letter-spacing:2px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:70px;padding:0 34px;display:flex}.breadcrumbs{color:var(--muted);font-size:12px}.breadcrumbs span{color:#c0c8d4;padding:0 10px}.top-actions{align-items:center;gap:17px;display:flex}.mode-pill{color:#a96d20;background:#fff5e8;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.mode-pill i{background:#e9a23b;border-radius:50%;width:6px;height:6px}.mode-pill.mode-db{color:#168558;background:#e7f8ef}.mode-pill.mode-db i{background:#27b47b}.profile-button{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.profile-button>span:last-child{color:var(--muted)}.page-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:31px 34px 40px}.eyebrow{letter-spacing:1.3px;color:#6482b1;font-size:9px;font-weight:800}.page-heading h1{letter-spacing:-.9px;margin:8px 0 7px;font:800 25px Manrope,sans-serif}.heading-actions{flex-wrap:wrap;gap:9px;display:flex}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:7px;padding:10px 14px;font:700 11px DM Sans,sans-serif}.button:disabled{opacity:.6;cursor:wait}.button.primary{color:#fff;background:#2858a4;box-shadow:0 3px 7px #2858a41c}.button.primary:hover{background:#204b90}.button.secondary{background:var(--panel);border-color:var(--line);color:var(--text)}.notice-bar,.error-bar{border-radius:7px;align-items:flex-start;gap:10px;margin-bottom:19px;padding:11px 13px;font-size:11px;line-height:1.5;display:flex}.notice-bar{color:#3d6398;background:#edf5ff;border:1px solid #dbe9ff}.error-bar{color:#a12e3b;background:#fff0f0;border:1px solid #f8d6d8}.notice-bar span:nth-child(2),.error-bar span:nth-child(2){flex:1}.notice-bar button,.error-bar button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:17px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 8px #1c315008}.stat-card{min-width:0;padding:19px 19px 16px}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.stat-foot{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.foot-dot{border-radius:50%;width:5px;height:5px}.foot-dot.blue{background:#5280cf}.foot-dot.amber{background:#dfa03f}.foot-dot.violet{background:#8b65d1}.foot-dot.green{background:#36b47c}.panel{min-width:0;padding:20px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;display:flex}.panel-header h2,.panel h2{letter-spacing:-.25px;margin:0 0 5px;font:800 14px Manrope,sans-serif}.text-button{color:#3567b4;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.subtle-icon{color:#8da3c4;font-size:20px}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:10px}thead{background:var(--soft)}th{letter-spacing:.8px;color:#95a0b0;border-bottom:1px solid var(--line);padding:11px 12px;font-size:8px;font-weight:800}td{border-bottom:1px solid var(--line);color:var(--muted);padding:13px 12px}tbody tr:last-child td{border-bottom:0}.click-row{cursor:pointer}.click-row:hover{background:var(--soft)}.complaint-cell b{color:var(--text);text-overflow:ellipsis;max-width:220px;font-size:11px;font-weight:700;display:block;overflow:hidden}.complaint-cell small{color:#91a0b4;margin-top:4px;font-size:9px;display:block}.category-pill{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:5px;padding:4px 7px;font-size:9px}.status{color:#64748b;background:#eef2f7;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status-submitted,.status-under-review{color:#b47b1d;background:#fff4df}.status-assigned{color:#3869b8;background:#eaf1ff}.status-in-progress,.status-awaiting-parts{color:#8056c4;background:#f0eaff}.status-resolved,.status-closed{color:#21875c;background:#e4f8ed}.status-reopened{color:#bd4354;background:#ffebee}.row-more{color:#8d9aaf;cursor:pointer;background:0 0;border:0;font-size:17px}.donut-wrap{place-items:center;padding:8px 0 18px;display:grid}.donut{background:conic-gradient(#35b681 0 var(--resolved),#8d6bd0 var(--resolved) calc(var(--resolved) + var(--progress)),#6a8fd1 calc(var(--resolved) + var(--progress)) 100%,#e8edf5 0);border-radius:50%;place-items:center;width:156px;height:156px;display:grid;position:relative}.donut:before{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:13px}.donut>div{z-index:1;text-align:center;position:relative}.donut strong{font:800 28px Manrope,sans-serif;display:block}.donut span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.legend{gap:12px;display:grid}.legend-row{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.legend-row b{color:var(--text);margin-left:auto}.legend-dot{border-radius:2px;width:7px;height:7px}.legend-dot.blue{background:#6a8fd1}.legend-dot.violet{background:#8d6bd0}.legend-dot.green{background:#35b681}.quick-actions{gap:4px;display:grid}.quick-action{text-align:left;cursor:pointer;color:var(--text);background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:11px 7px;display:flex}.quick-action:hover{background:var(--soft)}.quick-icon{border:1px solid var(--line);color:#5074ad;border-radius:8px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.quick-action>span:nth-child(2){flex:1}.quick-action b{font-size:11px;display:block}.quick-action small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.quick-arrow{color:#9aa6b7}.notice-item{border-bottom:1px solid var(--line);gap:11px;padding:10px 0;display:flex}.notice-item:last-child{border:0}.notice-symbol{color:#b98529;background:#fff4e3;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.notice-item b{font-size:11px}.notice-item p{color:var(--muted);margin:5px 0;font-size:10px;line-height:1.5}.notice-item small{color:#b47b1d;letter-spacing:.6px;font-size:8px;font-weight:800}.footer{border-top:1px solid var(--line);color:#96a1b1;justify-content:space-between;padding:17px 34px;font-size:9px;display:flex}.footer b{padding:0 5px}.filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.search-box input{color:var(--text);background:0 0;border:0;outline:0;width:100%;padding:10px 0;font:11px DM Sans,sans-serif}.filters select,.complaint-form select,.status-edit-label select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:7px;outline-color:#8aa9e3;padding:10px;font:11px DM Sans,sans-serif}.table-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:4px;padding-top:14px;font-size:10px}.empty-state{text-align:center;color:var(--muted);padding:42px 15px}.empty-state>div{color:#a8b7cb;margin-bottom:10px;font-size:27px}.empty-state b{color:var(--text);font-size:12px;display:block}.empty-state p{font-size:10px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.announcement-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.announcement-icon{color:#3866ac;background:#edf3ff;border-radius:11px;place-items:center;width:39px;height:39px;font-size:19px;display:grid}.demo-tag{letter-spacing:.8px;color:#a9731e;white-space:nowrap;background:#fff4e4;border-radius:4px;padding:5px 7px;font-size:8px;font-weight:800}.category-label{color:#6482b1;text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:800}.announcement-card h2{margin:8px 0}.announcement-card>p,.add-placeholder p,.contact-card p{color:var(--muted);font-size:11px;line-height:1.7}.card-divider{background:var(--line);height:1px;margin:17px 0}.card-meta{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.add-placeholder{flex-direction:column;justify-content:center;align-items:flex-start;min-height:230px;display:flex}.add-circle{color:#6685b6;border:1px dashed #aebbd0;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:15px;display:grid}.warning-card{color:#98691e;background:#fff7e9;border:1px solid #f7e4bd;border-radius:8px;gap:11px;margin-bottom:18px;padding:13px;font-size:11px;display:flex}.warning-card>span{font-size:15px}.warning-card b{font-size:11px;display:block}.warning-card p{color:#9a7a48;margin:5px 0 0;line-height:1.6}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.contact-card{padding:22px}.contact-card h2{margin-bottom:10px}.contact-number{color:var(--text);margin:12px 0;font:700 13px Manrope,sans-serif}.analytics-panel{max-width:900px}.bar-row{margin:20px 0}.bar-label{justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.bar-label span{color:var(--muted)}.bar-track{background:var(--soft);border-radius:20px;height:8px;overflow:hidden}.bar-fill{background:#638bd0;border-radius:20px;min-width:0;height:100%}.muted-note{color:var(--muted);margin-top:18px;font-size:10px;line-height:1.6}.export-panel{text-align:center;max-width:720px;margin:0 auto;padding:35px}.export-illustration{color:#3567b4;background:#edf3ff;border-radius:17px;place-items:center;width:65px;height:65px;margin:0 auto 18px;font-size:30px;display:grid}.export-panel h2{font-size:18px}.export-panel>p{color:var(--muted);max-width:440px;margin:10px auto 25px;font-size:11px;line-height:1.7}.export-summary{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);margin-bottom:22px;display:grid}.export-summary>div{border-right:1px solid var(--line);padding:15px 7px}.export-summary>div:last-child{border:0}.export-summary span,.export-summary strong{display:block}.export-summary span{color:var(--muted);margin-bottom:7px;font-size:9px}.export-summary strong{font:800 13px Manrope,sans-serif}.export-button{min-width:170px;margin-bottom:20px}.export-panel .warning-card{text-align:left}.debug-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:18px;display:grid}.debug-state{background:var(--soft);color:var(--muted);border-radius:6px;padding:7px 9px;font-size:10px;font-weight:800}.debug-state.connected{color:#21875c;background:#e5f8ef}.debug-state.error{color:#b43e4b;background:#fff0f0}.debug-state.checking{color:#a9731e;background:#fff4df}.debug-result{background:var(--soft);border:1px solid var(--line);border-radius:9px;align-items:flex-start;gap:13px;margin:20px 0;padding:17px;display:flex}.debug-result-icon{color:#3c67ad;background:#eaf1ff;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.debug-result-icon.connected{color:#21875c;background:#e5f8ef}.debug-result-icon.error{color:#b43e4b;background:#fff0f0}.debug-result b{font-size:12px}.debug-result p{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:10px;line-height:1.7}.margin-left{margin-left:8px}.debug-main h3{margin:23px 0 12px;font:800 12px Manrope,sans-serif}.check-list{color:var(--muted);padding-left:18px;font-size:10px;line-height:1.8}.debug-side h2{margin-bottom:20px}.debug-detail{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;font-size:10px;display:flex}.debug-detail span{color:var(--muted)}.debug-detail b{text-align:right}.warning-card.compact{margin:17px 0 0;padding:11px}.warning-card.compact p{font-size:10px}.modal-backdrop{z-index:20;background:#18243c80;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:var(--panel);width:min(600px,100%);max-height:calc(100vh - 36px);color:var(--text);border-radius:13px;padding:25px;overflow:auto;box-shadow:0 24px 70px #0d1d3c40}.modal-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.modal-header h2{margin:7px 0;font:800 20px Manrope,sans-serif}.complaint-form{gap:15px;display:grid}.complaint-form label,.status-edit-label{color:var(--muted);gap:7px;font-size:10px;font-weight:700;display:grid}.complaint-form input,.complaint-form textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);border-radius:7px;outline-color:#8aa9e3;padding:11px;font:11px DM Sans,sans-serif}.complaint-form textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:8px;display:flex}.detail-grid{background:var(--soft);border-radius:8px;grid-template-columns:1fr 1fr;gap:13px;padding:15px;display:grid}.detail-grid span,.detail-grid b,.detail-description span{display:block}.detail-grid span,.detail-description span{color:var(--muted);margin-bottom:5px;font-size:9px}.detail-grid b{font-size:11px}.detail-description{margin:19px 0}.detail-description p{color:var(--muted);font-size:11px;line-height:1.7}.status-edit-label{margin:13px 0}.status-edit-label select{width:100%}code{background:var(--soft);overflow-wrap:anywhere;border-radius:3px;padding:2px 4px;font-size:10px}.theme-dark .notice-bar{color:#c3d8fa;background:#1d3452;border-color:#2a466c}.theme-dark .error-bar{color:#ffc2c6;background:#44272e;border-color:#60343d}.theme-dark .warning-card{color:#f0cb83;background:#392f1d;border-color:#5c4a2b}.theme-dark .warning-card p{color:#d8bc83}.theme-dark .mode-pill{color:#f0c27d;background:#4a3922}.theme-dark .mode-pill.mode-db{color:#8de0ba;background:#1d3d32}.theme-dark .donut{background:conic-gradient(#35b681 0 var(--resolved),#8d6bd0 var(--resolved) calc(var(--resolved) + var(--progress)),#6a8fd1 calc(var(--resolved) + var(--progress)) 100%,#334155 0)}@media (width<=1150px){.sidebar{width:220px}.page-content{padding:25px 22px}.topbar{padding:0 22px}.stat-grid{gap:10px}.stat-card{padding:15px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr)}}@media (width<=900px){.sidebar{width:72px;padding:20px 9px}.brand{padding:0 7px 25px}.brand>div:last-child,.hostel-chip,.nav-label,.nav-item>span:not(.nav-icon),.mini-status>div,.mini-status .tiny-button,.user-mini>div:nth-child(2),.user-menu{display:none}.nav-item{justify-content:center;padding:12px 0}.nav-icon{font-size:19px}.mini-status{justify-content:center;padding:12px 0}.user-mini{justify-content:center;padding:14px 0 0}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.bottom-grid,.debug-layout{grid-template-columns:1fr}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.sidebar{width:56px;padding:15px 5px}.brand{padding:0 3px 23px}.brand-mark{width:34px;height:34px;font-size:11px}.nav-item{padding:11px 0}.topbar{height:59px;padding:0 13px}.breadcrumbs{font-size:10px}.top-actions{gap:8px}.mode-pill{padding:8px;font-size:0}.mode-pill i{width:7px;height:7px}.profile-button>span:not(.avatar){display:none}.page-content{padding:22px 12px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:18px}.page-heading h1{font-size:22px}.heading-actions{width:100%}.heading-actions .button{flex:1}.stat-grid{gap:9px}.stat-card{padding:13px}.stat-top{font-size:10px}.stat-icon{width:28px;height:28px}.stat-value{font-size:25px}.stat-foot{font-size:9px}.panel{padding:14px}.panel-header{align-items:flex-start}.dashboard-grid,.bottom-grid{gap:12px}.content-grid,.contact-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr;display:grid}.search-box{min-width:0}.footer{flex-direction:column;gap:10px;padding:14px 12px}.export-panel{padding:22px 14px}.export-summary span{font-size:8px}.export-summary strong{font-size:11px}.form-row{grid-template-columns:1fr}.modal{padding:18px}.modal-backdrop{padding:8px}.detail-grid{gap:10px;padding:12px}.debug-state{font-size:9px}.margin-left{margin:8px 0 0}.debug-main .button{margin-bottom:4px}}.signout-button{border:1px solid var(--border,#e5e7eb);min-width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;font-size:22px;display:inline-flex}.signout-button:hover{color:#b91c1c;background:#fee2e2}:root{color:#17212d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17212d;--muted:#7d8998;--line:#e7ebf0;--panel:#fff;--canvas:#f5f7fa;--sidebar:#111e2d;--sidebar-muted:#93a2b5;--blue:#3669e8;--blue-soft:#edf2ff;--green:#138b65;--red:#cf4e51;--amber:#b77920;--violet:#7858d6;--shadow:0 8px 28px #17212d09;background:#f5f7fa;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);margin:0}html,body,#root{min-height:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.app-shell{background:var(--canvas);min-height:100vh;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:13px;display:flex}.app-shell.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8edf4;--muted:#9ba8b9;--line:#2c3949;--panel:#172332;--canvas:#101a26;--blue-soft:#1c3154;--shadow:0 8px 28px #0000001f;background:#101a26}.app-shell.theme-dark .main-content,.app-shell.theme-dark .page-wrap,.app-shell.theme-dark .app-footer{background:var(--canvas);color:var(--ink)}.app-footer{border-top:1px solid var(--line);color:var(--muted);background:var(--canvas);justify-content:space-between;gap:15px;padding:17px 35px;font-size:9px;display:flex}.app-footer b,.app-footer i{color:var(--muted)}.sidebar{background:var(--sidebar);color:#f3f6fb;z-index:30;flex-direction:column;flex:0 0 252px;width:252px;height:100vh;min-height:100vh;padding:25px 15px 14px;display:flex;position:sticky;top:0;overflow:hidden}.brand{align-items:center;gap:10px;min-width:0;padding:0 8px 27px;display:flex}.brand-mark{color:#244db5;letter-spacing:-2px;background:#dce7ff;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;font:800 21px Manrope,sans-serif;display:grid}.brand-mark span{color:#e08c5c}.brand-name{letter-spacing:-.45px;white-space:nowrap;font:800 14px Manrope,sans-serif}.brand-name span{color:#a8b6c8;letter-spacing:0;font:500 11px DM Sans,sans-serif}.brand-caption{letter-spacing:1.25px;color:#8193a9;margin-top:5px;font-size:9px}.mobile-close,.menu-toggle,.nav-backdrop{display:none}.workspace-chip{color:#dce5f0;border:1px solid #2b3a4c;border-radius:8px;align-items:center;gap:8px;margin:0 5px 24px;padding:10px 11px;font-size:11px;display:flex}.live-dot{background:#5bd4a3;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #23423e}.chevron{color:#8d9caf;margin-left:auto}.sidebar-navigation{scrollbar-width:thin;scrollbar-color:#40536b transparent;flex:auto;min-height:0;padding:2px 2px 12px 0;overflow:hidden auto}.nav-section{margin-bottom:22px}.nav-label{letter-spacing:1.4px;color:#7d8da1;padding:0 12px 9px;font-size:9px;font-weight:700}.nav-link{text-align:left;color:#aab8c9;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:10px 12px;font-size:12px;transition:all .18s;display:flex}.nav-link:hover{color:#fff;background:#1b2b3e}.nav-link.active{color:#fff;background:#253b56;box-shadow:inset 2px 0 #80a5ff}.nav-icon{text-align:center;color:#94a7c0;width:17px;font-size:16px}.nav-link.active .nav-icon{color:#a8c2ff}.nav-count{color:#dce8ff;background:#344d6b;border-radius:5px;margin-left:auto;padding:3px 6px;font-size:10px}.sidebar-bottom{flex:none;margin-top:auto}.help-card{background:#1b2b3e;border:1px solid #2b3d51;border-radius:10px;margin:0 3px 15px;padding:14px}.help-icon{color:#b9cbff;margin-bottom:9px;font-size:17px}.help-card strong{font-size:11px}.help-card p{color:#9aabc0;margin:6px 0 11px;font-size:10px;line-height:1.6}.help-card button{color:#b6caff;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.help-card button span{margin-left:4px}.profile-row{border-top:1px solid #2a394b;align-items:center;gap:9px;padding:15px 5px 2px;display:flex}.avatar,.top-avatar{color:#365b9c;background:#d8e4fa;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.top-avatar{border-radius:50%;width:31px;height:31px}.profile-text{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-text strong{white-space:nowrap;color:#f3f6fb;font-size:10px}.profile-text span{color:#8fa0b4;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:9px;overflow:hidden}.signout-button{color:#93a3b6;cursor:pointer;background:0 0;border:0;padding:4px;font-size:16px}.more-button{color:#93a3b6;cursor:pointer;background:0 0;border:0;margin-left:auto}.main-content{background:var(--canvas);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:15;justify-content:space-between;align-items:center;height:66px;padding:0 35px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions,.breadcrumbs,.heading-actions{align-items:center;display:flex}.breadcrumbs{color:var(--muted);gap:11px;font-size:11px}.breadcrumbs b{color:#c1c9d2;font-weight:400}.breadcrumbs strong{color:var(--ink);font-weight:600}.topbar-actions{gap:12px}.icon-button{background:var(--panel);border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;font-size:17px;display:grid}.icon-button:hover{color:var(--blue);border-color:#b6c7e4}.notification-button{position:relative}.notification-button i{background:#e56b61;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:6px}.page-wrap{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:31px 35px 28px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px;display:flex}.eyebrow{letter-spacing:1.35px;color:#8794a4;margin-bottom:8px;font-size:9px;font-weight:700}.page-heading h1{letter-spacing:-1.1px;color:var(--ink);margin:0;font:800 27px Manrope,sans-serif}.page-heading p{color:var(--muted);margin:7px 0 0;font-size:12px}.heading-actions{gap:12px}.btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;transition:transform .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:#315fce;box-shadow:0 3px 7px #315fce1b}.btn-primary:hover{background:#264fb6}.btn-outline{border-color:var(--line);background:var(--panel);color:var(--ink)}.btn-outline:hover{border-color:#aabde0}.btn-quiet{color:var(--muted);background:0 0;border-color:#0000}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;min-width:0;padding:17px 18px 14px}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.stat-icon{border-radius:9px;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.stat-icon.blue{color:#3765d2;background:#eaf0ff}.stat-icon.red{color:#c64c46;background:#fff0ee}.stat-icon.green{color:#138b65;background:#e5f7ef}.stat-icon.violet{color:#7858d6;background:#f0eaff}.stat-icon.amber{color:#b77920;background:#fff3dd}.stat-value{letter-spacing:-1px;margin:9px 0 1px;font:800 28px Manrope,sans-serif}.stat-change{color:var(--ink);font-size:10px;font-weight:600}.stat-foot{border-top:1px solid var(--line);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;margin-top:13px;padding-top:11px;font-size:10px;display:flex;overflow:hidden}.stat-mini-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.stat-mini-dot.blue{background:#6489e8}.stat-mini-dot.red{background:#db6a64}.stat-mini-dot.green{background:#30ad83}.stat-mini-dot.violet{background:#8c72e1}.stat-mini-dot.amber{background:#d7a046}.dashboard-grid{grid-template-columns:minmax(0,1.72fr) minmax(270px,1fr);gap:17px;margin-bottom:17px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;min-width:0}.panel-header{justify-content:space-between;align-items:center;gap:15px;padding:19px 20px 16px;display:flex}.panel-header h2{letter-spacing:-.3px;margin:0;font:800 14px Manrope,sans-serif}.panel-header p{color:var(--muted);margin:5px 0 0;font-size:10px}.text-button{color:var(--blue);white-space:nowrap;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:700}.text-button span{margin-left:4px}.table-wrap{width:100%;overflow-x:auto}.complaints-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.complaints-table thead{background:color-mix(in srgb, var(--canvas) 70%, var(--panel))}.complaints-table th{letter-spacing:.9px;color:#8d98a7;padding:11px 14px;font-size:8px;font-weight:700}.complaints-table th:first-child,.complaints-table td:first-child{padding-left:20px}.complaints-table td{border-top:1px solid var(--line);padding:13px 14px;font-size:10px}.complaints-table tbody tr{cursor:pointer;transition:background .15s}.complaints-table tbody tr:hover{background:color-mix(in srgb, var(--blue-soft) 42%, var(--panel))}.request-cell{align-items:center;gap:10px;min-width:210px;display:flex}.category-mark{color:#4266b6;background:#eff3ff;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.category-mark.plumbing{color:#2d8cc8;background:#eaf6ff}.category-mark.carpentry{color:#b77a1d;background:#fff4df}.category-mark.network{color:#8064d6;background:#f0eaff}.category-mark.cleaning{color:#259268;background:#e8f7ee}.category-mark.civil{color:#b77a1d;background:#fff4df}.request-cell div,.assignee-cell{flex-direction:column;gap:5px;min-width:0;display:flex}.request-cell strong{color:var(--ink);text-overflow:ellipsis;max-width:220px;font-size:10px;font-weight:700;overflow:hidden}.request-cell small,.assignee-cell small{color:var(--muted);font-size:9px}.assignee-cell strong{font-size:10px;font-weight:600}.status-pill,.priority-pill{white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:700;display:inline-flex}.status-pill i,.priority-pill i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-pill.submitted{color:#976d20;background:#fff5dc}.status-pill.verified{color:#0f766e;background:#ccfbf1}.status-pill.registered{color:#1d4ed8;background:#dbeafe}.status-pill.reviewed{color:#4969ba;background:#edf2ff}.status-pill.assigned{color:#7953bd;background:#f2eaff}.status-pill.in-progress{color:#1b7f9d;background:#e7f7fb}.status-pill.resolved{color:#167b59;background:#e5f7ed}.status-pill.reopened{color:#bd514c;background:#fff0ee}.priority-pill.urgent{color:#c33e3a;background:#ffedeb}.priority-pill.high{color:#b96c24;background:#fff2e3}.priority-pill.normal{color:#687587;background:#eff2f5}.priority-pill.low{color:#24805e;background:#e9f8f0}.date-cell{color:var(--muted);font-size:10px!important}.row-more{color:#fff;white-space:nowrap;cursor:pointer;background:#315fce;border:1px solid #315fce;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:auto;min-width:78px;min-height:34px;padding:6px 14px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.row-more span{font-size:14px;transition:transform .15s}.row-more:hover{background:#264fb6;border-color:#264fb6}.row-more:hover span{transform:translate(2px)}.complaints-table td:last-child{white-space:nowrap;width:1%}.panel-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 20px;font-size:9px;display:flex}.panel-footer button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:700}.attention-count{color:#c24c44;background:#fff0ec;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800}.attention-list{padding:0 15px}.attention-item{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;align-items:flex-start;gap:10px;padding:13px 3px;display:flex}.attention-item:hover .attention-arrow{color:var(--blue)}.attention-indicator{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.attention-indicator.urgent{background:#d64e49;box-shadow:0 0 0 3px #ffefed}.attention-indicator.high{background:#d99a39;box-shadow:0 0 0 3px #fff4e1}.attention-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.attention-content>strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.attention-content>small{color:var(--muted);font-size:9px}.attention-meta{align-items:center;gap:8px;display:flex}.attention-meta>span:last-child{color:var(--muted);font-size:9px}.attention-arrow{color:#a9b4c1;margin-top:1px;font-size:14px}.attention-bottom{width:100%;color:var(--blue);text-align:left;cursor:pointer;background:0 0;border:0;padding:15px 20px;font-size:10px;font-weight:700}.attention-bottom span{float:right}.bottom-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.pipeline{padding:0 21px 22px}.pipeline-row{grid-template-columns:125px minmax(0,1fr) 20px;align-items:center;gap:12px;margin:16px 0;display:grid}.pipeline-label{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.pipeline-dot{background:#b4c1d3;border-radius:50%;width:7px;height:7px}.pipeline-dot.step-0{background:#6484d7}.pipeline-dot.step-1{background:#9273dc}.pipeline-dot.step-2{background:#36a0ba}.pipeline-dot.step-3{background:#31a37c}.pipeline-track{background:var(--canvas);border-radius:8px;height:6px;overflow:hidden}.pipeline-fill{background:#a9b6ca;border-radius:8px;height:100%}.pipeline-fill.step-0{background:#6484d7}.pipeline-fill.step-1{background:#9273dc}.pipeline-fill.step-2{background:#36a0ba}.pipeline-fill.step-3{background:#31a37c}.pipeline-row>strong{text-align:right;font-size:10px}.notice-row{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:11px;padding:13px 20px;display:flex}.notice-row:hover{background:var(--canvas)}.notice-mark{border-radius:8px;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:15px;display:grid}.notice-mark.amber{color:#a87520;background:#fff4df}.notice-mark.blue{color:#3c67cc;background:#eaf0ff}.notice-mark.green{color:#21835d;background:#e5f7ed}.notice-row>span:nth-child(2){flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.notice-row small{letter-spacing:.5px;color:var(--muted);font-size:8px}.notice-row strong{font-size:10px}.notice-arrow{color:#9ba8b7}.full-panel{overflow:hidden}.list-header{padding-bottom:18px}.filters{flex-wrap:wrap;align-items:center;gap:9px;padding:0 20px 17px;display:flex}.search-box{border:1px solid var(--line);background:var(--panel);color:#9ca8b6;border-radius:7px;flex:1;align-items:center;gap:8px;min-width:200px;padding:0 10px;display:flex}.search-box span{font-size:19px}.search-box input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:10px 0;font-size:10px}.filters select,.admin-control-row select,.admin-control-row input,.update-note-label textarea,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:7px;outline:none;padding:10px;font-size:10px}.filters select{max-width:170px}.filters select:focus,.form-grid input:focus,.form-grid textarea:focus,.admin-control-row input:focus,.admin-control-row select:focus{border-color:#91a9e4;box-shadow:0 0 0 3px #416fe412}.management-table th{padding-top:12px;padding-bottom:12px}.management-table td{padding-top:14px;padding-bottom:14px}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:38px 20px;font-size:11px;display:flex}.empty-state>div{font-size:24px}.empty-state strong{color:var(--ink);font-size:12px}.empty-state.small{padding:25px 10px}.tracking-layout{grid-template-columns:minmax(290px,.85fr) minmax(0,1.3fr);align-items:start;gap:17px;display:grid}.tracking-search,.tracking-detail{overflow:hidden}.tracking-symbol{color:#8aa5e5;font-size:24px}.tracking-input{flex:none;margin:0 18px 13px}.tracking-results{max-height:560px;padding:0 13px 12px;overflow:auto}.tracking-result{border:1px solid #0000;border-bottom-color:var(--line);text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border-radius:7px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 30px 14px 12px;display:flex;position:relative}.tracking-result:hover,.tracking-result.selected{background:var(--blue-soft);border-color:#d7e2fc}.track-id{letter-spacing:.8px;color:var(--muted);font-size:8px;font-weight:700}.tracking-result>strong{font-size:11px}.track-result-bottom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.track-result-bottom small{color:var(--muted);font-size:9px}.tracking-arrow{color:#9eabba;position:absolute;top:45%;right:12px}.tracking-current{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:8px;margin:0 21px;padding:12px 0;display:flex}.tracking-current>span:first-child{color:var(--muted);margin-right:auto;font-size:10px}.flip-track{border:1px solid var(--line);background:var(--panel);border-radius:18px;margin:18px 21px 21px;padding:22px}.flip-track-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.flip-track-heading h3{margin:5px 0 0;font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.flip-track-status{color:#875900;white-space:nowrap;background:#fff4d6;border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.flip-track-status.is-done{color:#137a43;background:#e4f8ec}.flip-track-activity{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.flip-track-activity h4{margin:0 0 14px;font-family:Manrope,sans-serif;font-size:13px;font-weight:800}.flip-track-event{gap:10px;padding:0 0 15px;display:flex}.flip-track-event:last-child{padding-bottom:0}.flip-track-event-dot{background:#16864a;border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-top:5px;box-shadow:0 0 0 4px #e4f8ec}.flip-track-event strong{color:var(--ink);font-size:12px}.flip-track-event p{color:var(--muted);overflow-wrap:anywhere;margin:4px 0;font-size:12px;line-height:1.45}.tracking-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:470px;padding:35px;display:flex}.tracking-empty-icon{background:var(--blue-soft);width:58px;height:58px;color:var(--blue);border-radius:17px;place-items:center;font-size:29px;display:grid}.tracking-empty h2{margin:19px 0 8px;font:800 19px Manrope,sans-serif}.tracking-empty p{color:var(--muted);max-width:270px;margin:0 0 20px;font-size:11px;line-height:1.7}.info-page{width:100%;max-width:1000px}.info-intro{align-items:center;gap:13px;margin:0 0 19px;display:flex}.info-intro-icon{background:var(--blue-soft);width:43px;height:43px;color:var(--blue);border-radius:12px;place-items:center;font-size:20px;display:grid}.info-intro h2{margin:0;font:800 15px Manrope,sans-serif}.info-intro p{color:var(--muted);margin:6px 0 0;font-size:11px}.announcement-list{gap:13px;display:grid}.announcement-card{padding:20px 22px}.announcement-card-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.notice-tag{letter-spacing:.6px;border-radius:4px;padding:6px 8px;font-size:8px;font-weight:800}.notice-tag.amber{color:#a87520;background:#fff4df}.notice-tag.blue{color:#3c67cc;background:#eaf0ff}.notice-tag.green{color:#21835d;background:#e5f7ed}.announcement-card h2{letter-spacing:-.3px;margin:15px 0 8px;font:800 15px Manrope,sans-serif}.announcement-card>p{color:var(--muted);max-width:750px;margin:0;font-size:11px;line-height:1.75}.announcement-card-foot{border-top:1px solid var(--line);color:#9aa5b2;justify-content:space-between;margin-top:17px;padding-top:12px;font-size:9px;display:flex}.emergency-banner{color:#853b35;background:#fff0ee;border:1px solid #f5d4d0;border-radius:10px;align-items:flex-start;gap:13px;margin-bottom:18px;padding:18px 20px;display:flex}.emergency-icon{background:#ffdbd6;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:grid}.emergency-banner strong{font-size:12px;line-height:1.45;display:block}.emergency-banner p{color:#9d5c55;margin:6px 0 0;font-size:10px;line-height:1.65}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.contact-card{flex-direction:column;align-items:flex-start;min-width:0;padding:24px;display:flex}.contact-icon{color:#3b66c9;background:#edf2ff;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:14px;font-size:19px;display:grid}.contact-icon.icon-0{color:#b77b22;background:#fff4df}.contact-icon.icon-1{color:#1d8a63;background:#e5f7ee}.contact-icon.icon-2{color:#c54e47;background:#fff0ee}.contact-type{letter-spacing:1px;color:var(--muted);margin-top:13px;margin-bottom:8px;font-size:8px;font-weight:800}.contact-card h2{overflow-wrap:anywhere;margin:0 0 9px;font:800 14px/1.35 Manrope,sans-serif}.contact-card>p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.contact-rule{border-top:1px solid var(--line);width:100%;margin:19px 0 15px}.contact-detail-label{letter-spacing:.8px;color:var(--muted);margin-bottom:7px;font-size:8px;font-weight:700}.contact-phone{overflow-wrap:anywhere;margin:6px 0 10px;font-size:12px;line-height:1.5;display:block}.contact-hours{color:var(--muted);overflow-wrap:anywhere;margin-top:9px;font-size:9px;line-height:1.6;display:block}.analytics-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart-panel{padding-bottom:20px}.chart-label{letter-spacing:.7px;color:var(--green);background:#e8f7ef;border-radius:4px;padding:6px 7px;font-size:8px;font-weight:700}.bar-chart{align-items:stretch;gap:15px;height:230px;padding:8px 25px 0;display:flex}.bar-group{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.bar-value{font:700 11px Manrope,sans-serif}.bar-area{background:linear-gradient(to top, var(--line) 1px, transparent 1px);border-bottom:1px solid var(--line);background-size:100% 25%;flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar-column{background:#9db5f1;border-radius:5px 5px 0 0;width:min(44px,70%);min-height:3px}.bar-0{background:#7392e4}.bar-1{background:#a08ae4}.bar-2{background:#66b7c9}.bar-3{background:#55b895}.bar-4{background:#31a37c}.bar-group>span{color:var(--muted);text-align:center;white-space:nowrap;font-size:9px}.category-breakdown{padding:0 22px}.category-line{margin:15px 0}.category-line>div:first-child{justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;display:flex}.category-line>div:first-child span{color:var(--muted)}.category-line>div:first-child strong{font-size:10px}.category-track{background:var(--canvas);border-radius:9px;height:6px;overflow:hidden}.category-track span{background:#6e8ee3;border-radius:9px;height:100%;display:block}.reports-page{width:100%;max-width:1050px}.report-hero{background:linear-gradient(115deg, var(--panel), color-mix(in srgb, var(--blue-soft) 38%, var(--panel)));align-items:flex-start;gap:20px;margin-bottom:17px;padding:25px;display:flex}.report-hero-icon{background:var(--blue-soft);width:48px;height:48px;color:var(--blue);border-radius:13px;flex-shrink:0;place-items:center;font-size:23px;display:grid}.report-hero h2{letter-spacing:-.5px;margin:0 0 8px;font:800 19px Manrope,sans-serif}.report-hero p{color:var(--muted);max-width:580px;margin:0 0 16px;font-size:11px;line-height:1.7}.report-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.report-card{padding:18px}.report-icon{background:var(--canvas);width:34px;height:34px;color:var(--blue);border-radius:9px;place-items:center;margin-bottom:13px;font-size:18px;display:grid}.report-card h3{margin:0 0 8px;font:800 12px Manrope,sans-serif}.report-card>p{color:var(--muted);min-height:50px;font-size:10px;line-height:1.65}.report-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:8px;padding:12px 0;font-size:9px;display:flex}.report-meta strong{color:var(--ink)}.report-card .btn{width:100%;margin-top:3px}.setup-page{width:100%;max-width:1100px}.connection-panel{margin-bottom:16px;padding:22px}.connection-heading{align-items:flex-start;gap:15px;display:flex}.connection-icon{background:var(--blue-soft);width:42px;height:42px;color:var(--blue);border-radius:12px;flex-shrink:0;place-items:center;font-size:20px;display:grid}.connection-icon.connected{color:#18865e;background:#e3f7ed}.connection-icon.error{color:#c24b45;background:#fff0ee}.connection-heading h2{margin:0;font:800 16px Manrope,sans-serif}.connection-heading p{color:var(--muted);overflow-wrap:anywhere;max-width:800px;margin:8px 0 0;font-size:10px;line-height:1.7}.connection-actions{gap:9px;margin:18px 0 15px;display:flex}.connection-foot{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding-top:13px;font-size:9px;display:flex}.state-dot{background:#9ba8b7;border-radius:50%;width:7px;height:7px}.state-dot.connected{background:#1caa79}.state-dot.error{background:#d65d56}.state-dot.checking{background:#dba33c}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101c2b99;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(100%,680px);max-height:calc(100vh - 44px);overflow:auto;box-shadow:0 25px 90px #08132245}.complaint-modal{width:min(100%,720px)}.detail-modal{width:min(100%,700px)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:15px;padding:23px 25px 18px;display:flex}.modal-header h2{letter-spacing:-.5px;margin:0;font:800 19px Manrope,sans-serif}.modal-header p{color:var(--muted);margin:7px 0 0;font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;padding:20px 25px 10px;display:grid}.form-grid label,.admin-control-row label{color:var(--ink);flex-direction:column;gap:7px;font-size:10px;font-weight:700;display:flex}.form-grid label>span{align-items:center;gap:4px;display:inline-flex}.form-grid label em{color:#cf514b;font-style:normal;display:inline}.form-grid input,.form-grid select,.form-grid textarea{width:100%;font-weight:400}.form-grid textarea{resize:vertical;line-height:1.6}.form-grid .form-full{grid-column:1/-1}.field-hint{color:var(--muted);font-size:9px;font-weight:400}.modal-actions{justify-content:flex-end;gap:8px;padding:17px 25px 22px;display:flex}.detail-badges{border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:15px 25px;display:flex}.department-tag{color:var(--muted);background:var(--canvas);border-radius:5px;padding:5px 8px;font-size:9px}.detail-info-grid{grid-template-columns:1fr 1fr;gap:17px;padding:18px 25px;display:grid}.detail-info-grid>div{flex-direction:column;gap:5px;display:flex}.detail-info-grid small{letter-spacing:.7px;color:var(--muted);font-size:8px;font-weight:700}.detail-info-grid strong{font-size:10px}.detail-info-grid span{color:var(--muted);font-size:9px}.detail-description{padding:0 25px 18px}.detail-description h3{margin:0 0 8px;font:800 12px Manrope,sans-serif}.detail-description p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.admin-controls{border-top:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 40%, var(--panel));padding:18px 25px}.admin-controls h3,.detail-timeline h3{margin:0 0 18px;font:800 12px Manrope,sans-serif}.admin-control-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-control-row label:last-child{grid-column:1/-1}.admin-control-row select,.admin-control-row input{width:100%;font-weight:400}.update-note-label{text-align:left;width:100%;margin:18px 0 12px;font-size:10px;font-weight:700;display:block}.update-note-label textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:88px;font:inherit;margin-top:8px;display:block}.detail-timeline{border-top:1px solid var(--line);padding:19px 25px 0}.mini-timeline{gap:10px;margin:13px 0;display:flex}.mini-dot{background:#7797e4;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:3px}.mini-timeline strong{font-size:10px}.mini-timeline p{color:var(--muted);margin:4px 0;font-size:9px}.mini-timeline small{color:#98a5b4;font-size:8px}.auth-screen{color:#172338;background:radial-gradient(circle at 15% 10%,#e8efff 0,#0000 32%),radial-gradient(circle at 90% 90%,#e1f4ee 0,#0000 30%),#f5f7fb;place-items:center;min-height:100vh;padding:24px;font-family:Inter,system-ui,sans-serif;display:grid}.auth-card{background:#fff;border:1px solid #e4e9f1;border-radius:22px;width:min(100%,440px);padding:36px;box-shadow:0 24px 80px #1b2c4518}.auth-brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.auth-brand>div:last-child{flex-direction:column;gap:4px;display:flex}.auth-brand strong{letter-spacing:-.5px;font-size:19px}.auth-brand small{letter-spacing:1.3px;color:#738198;font-size:9px;font-weight:800}.auth-card h1{letter-spacing:-1.2px;margin:10px 0 8px;font-size:32px}.auth-intro{color:#6b7789;margin:0 0 24px;font-size:13px;line-height:1.7}.auth-form{gap:16px;display:grid}.auth-form label{color:#344258;gap:8px;font-size:12px;font-weight:700;display:grid}.auth-form input{box-sizing:border-box;color:#172338;width:100%;font:inherit;background:#fbfcfe;border:1px solid #dbe2ec;border-radius:9px;outline:none;padding:13px 14px}.auth-form input:focus{border-color:#6d8ee0;box-shadow:0 0 0 3px #6d8ee01c}.auth-submit{justify-content:center;width:100%;margin-top:4px;padding:13px}.auth-message{color:#22674c;background:#edf7f2;border-radius:9px;margin-top:16px;padding:11px 12px;font-size:12px;line-height:1.6}.auth-message.error{color:#a33e35;background:#fff0ee}.auth-switch{text-align:center;color:#778296;margin-top:21px;font-size:12px}.auth-switch button{color:#4668bb;cursor:pointer;background:0 0;border:0;margin-left:4px;font-weight:800}.auth-security{color:#7b8798;border-top:1px solid #edf0f5;margin-top:23px;padding-top:17px;font-size:10px;line-height:1.7}.auth-spinner{border:3px solid #dce4f1;border-top-color:#5375c7;border-radius:50%;width:24px;height:24px;margin:24px auto 12px;animation:.8s linear infinite authspin}@keyframes authspin{to{transform:rotate(360deg)}}.toast{z-index:100;color:#f5f8fc;background:#182638;border:1px solid #30435a;border-radius:9px;align-items:center;gap:10px;max-width:min(440px,100vw - 30px);padding:13px 14px;font-size:11px;line-height:1.5;display:flex;position:fixed;bottom:23px;right:25px;box-shadow:0 12px 35px #0d1b2b30}.toast>span{color:#a8c2ff}.toast button{color:#9fb0c3;cursor:pointer;background:0 0;border:0;margin-left:4px;font-size:16px}.app-shell input,.app-shell select,.app-shell textarea{background-color:var(--panel);color:var(--ink);border-color:var(--line)}.app-shell input::placeholder,.app-shell textarea::placeholder{color:var(--muted);opacity:.85}.app-shell select option{background:var(--panel);color:var(--ink)}.theme-dark.auth-screen{color:#e8edf5;background:radial-gradient(circle at 15% 10%,#1b2b46 0,#0000 32%),radial-gradient(circle at 90% 90%,#18372f 0,#0000 30%),#111a27}.theme-dark .auth-card{background:#182332;border-color:#2a394c}.theme-dark .auth-intro,.theme-dark .auth-switch,.theme-dark .auth-security{color:#a5b2c4}.theme-dark .auth-form label{color:#d6dfeb}.theme-dark .auth-form input{color:#eaf0f8;background:#111b28;border-color:#33445a}.theme-dark .auth-security{border-color:#2c3a4d}@media (width<=900px){.sidebar{width:252px;height:100vh;transition:left .22s;position:fixed;top:0;left:-270px;box-shadow:10px 0 40px #07162625}.sidebar.sidebar-open{left:0}.mobile-close{color:#aab8c9;background:0 0;border:0;margin-left:auto;font-size:22px;display:grid}.menu-toggle{border:1px solid var(--line);width:31px;height:31px;color:var(--ink);background:0 0;border-radius:7px;place-items:center;margin-right:11px;display:grid}.nav-backdrop{z-index:25;background:#0a172580;border:0;display:block;position:fixed;inset:0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.bottom-grid,.analytics-grid,.contact-grid,.tracking-layout{grid-template-columns:1fr}}@keyframes electricalFlash{0%{background-color:#dc2626;transform:scale(1)}50%{background-color:#b91c1c;box-shadow:0 0 22px #dc2626bf}to{background-color:#dc2626;transform:scale(1)}}.electrical-flash-banner{color:#fff;background:#dc2626;border-radius:10px;align-items:center;gap:14px;margin-bottom:20px;padding:16px 22px;font-size:13px;font-weight:800;animation:1.4s ease-in-out infinite electricalFlash;display:flex;box-shadow:0 4px 14px #0003}.electrical-flash-banner>span{flex-shrink:0;font-size:20px}.fk-tracker{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-start;width:100%;padding:14px 4px 8px;display:flex}.fk-step-item{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.fk-step-item:last-child{flex:none;align-items:flex-end}.fk-node-row{align-items:center;width:100%;display:flex}.fk-circle{background:var(--panel);border:2px solid #b8c1cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s;display:flex}.fk-circle.is-done{color:#fff;background:#0a8a0a;border-color:#0a8a0a}.fk-bar-bg{background:#dfe3e8;border-radius:99px;flex:1;height:3.5px;margin:0 8px;position:relative;overflow:hidden}.fk-bar-fill{background:#198754;border-radius:99px;height:100%;transition:width .35s}.fk-step-label{color:#7b8694;letter-spacing:.3px;white-space:nowrap;margin-top:9px;font-size:11px;font-weight:700}.fk-step-label.is-done{color:var(--ink);font-weight:800}.fk-tracker.fk-compact{padding:6px 2px 2px}.fk-tracker.fk-compact .fk-circle{width:21px;height:21px}.fk-tracker.fk-compact .fk-bar-bg{height:3px;margin:0 5px}.fk-tracker.fk-compact .fk-step-label{margin-top:6px;font-size:9px}.status-pill.flagged{color:#dc2626;background:#fee2e2}.fk-circle.is-flagged{color:#fff;background:#dc2626;border-color:#dc2626}