html,body,#root{height:100%;margin:0}#root{width:100%;max-width:none;text-align:initial;border:none;min-height:100vh}:root{--bg:#f0f2f5;--surface:#fff;--border:#e4e7ec;--text:#101828;--muted:#667085;--primary:#2563eb;--primary-soft:#eff4ff;--success:#079455;--warn:#dc6803;--danger:#d92d20;--purple:#6938ef;--sidebar-w:248px;--sidebar-collapsed-w:76px;--topbar-h:60px;--radius:12px;--shadow:0 1px 2px #1018280f;--shadow-md:0 4px 12px #10182814;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app-shell{height:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow);z-index:20;flex-direction:column;flex-shrink:0;transition:width .22s;display:flex}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-w)}.sidebar-brand{height:var(--topbar-h);border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:0 1rem;display:flex}.sidebar-brand-text{color:var(--purple);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.sidebar-brand-mark{color:#fff;background:linear-gradient(135deg, var(--purple), var(--primary));border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.2rem;padding:.75rem .65rem;display:flex;overflow-y:auto}.sidebar-link{color:var(--muted);border-radius:10px;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--primary-soft);color:var(--primary)}.sidebar-link.active{background:var(--primary);color:#fff}.sidebar-link.active .sidebar-link-icon{color:#fff}.sidebar-link-icon{color:inherit;flex-shrink:0}.sidebar-collapsed .sidebar-link{justify-content:center;padding:.65rem .5rem}.sidebar-collapsed .sidebar-link-label{display:none}.sidebar-footer{border-top:1px solid var(--border);padding:.65rem}.sidebar-collapse-btn{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem .65rem;font-size:.85rem;display:flex}.sidebar-collapse-btn:hover{color:var(--text);border-color:#cdd5df}.sidebar-collapsed .sidebar-collapse-btn span{display:none}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{min-height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);height:auto;box-shadow:var(--shadow);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:.55rem 1rem;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{flex:0 auto;align-items:center;gap:.5rem .65rem;min-width:0;display:flex}.topbar-right{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.topbar-center{text-align:center;flex:140px;min-width:0;padding:0 .25rem}.topbar-title{color:var(--purple);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:700;display:block;overflow:hidden}.shift-pill{color:var(--success);background:#ecfdf3;border:1px solid #abefc6;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.shift-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.topbar-datetime{color:var(--muted);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.icon-btn{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--bg);color:var(--text)}.notif-badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.user-block{border-left:1px solid var(--border);align-items:center;gap:.5rem;padding-left:.5rem;display:flex}.user-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:700;display:flex}.user-meta{flex-direction:column;line-height:1.15;display:flex}.user-name{font-size:.85rem;font-weight:600}.user-role{color:var(--muted);font-size:.72rem}.btn-ghost{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:10px;align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:.85rem;display:inline-flex}.btn-ghost:hover{color:var(--text);border-color:#cdd5df}.mobile-only{display:none}.page-content{flex:1;min-height:0;padding:1.5rem 1.75rem 2.5rem;overflow:auto}.page-content:has(.map-page){flex-direction:column;padding-bottom:1rem;display:flex;overflow:hidden}@media (width<=900px){.topbar-datetime,.user-meta,.btn-ghost-label{display:none}.mobile-only{display:flex}}@media (width<=640px){.topbar{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-items:center;gap:.5rem;display:grid}.topbar-center{flex:none;grid-area:1/1/auto/-1;padding:0}.topbar-left{grid-area:2/1;justify-self:start}.topbar-right{grid-area:2/2;justify-self:end;max-width:none}}@media (width<=768px){.app-shell:not(.sidebar-collapsed) .sidebar{height:100%;box-shadow:var(--shadow-md);position:fixed;inset:0 auto 0 0}}.page-head{align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head-icon{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-head-text{flex:1;min-width:0}.page-title{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.page-desc{color:var(--muted);max-width:52rem;margin:0;font-size:.9rem;line-height:1.45}.btn-outline{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-outline:hover{border-color:#cdd5df}.btn-outline:disabled{opacity:.55;cursor:not-allowed}.section{margin-bottom:1.75rem}.section-title{color:var(--text);margin:0 0 .75rem;font-size:.95rem;font-weight:600}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.stat-grid-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.stat-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-blue .stat-icon-wrap{color:var(--primary);background:#eff4ff}.stat-green .stat-icon-wrap{color:var(--success);background:#ecfdf3}.stat-amber .stat-icon-wrap{color:var(--warn);background:#fffaeb}.stat-violet .stat-icon-wrap{color:var(--purple);background:#f4f3ff}.stat-label{color:var(--muted);font-size:.8rem}.stat-value{letter-spacing:-.02em;font-size:1.35rem;font-weight:700;display:block}.quick-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.quick-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);align-items:center;gap:1rem;padding:1rem 1.15rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.quick-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.quick-title{font-size:.95rem;font-weight:600}.quick-desc{color:var(--muted);margin-top:.15rem;font-size:.8rem}.toolbar{align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem 1rem;display:flex}.toolbar-icon{color:var(--muted);display:flex}.toolbar-search{border:1px solid var(--border);border-radius:10px;flex:1;min-width:0;padding:.55rem .75rem;font-size:.9rem}.toolbar-meta{color:var(--muted);white-space:nowrap;font-size:.8rem}.card-like{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.875rem}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}table.data th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#f9fafb;font-size:.72rem;font-weight:600}table.data tbody tr:nth-child(2n){background:#fcfcfd}table.data tbody tr:hover{background:#f2f4f7}table.data tbody tr:last-child td{border-bottom:none}.pill{color:#344054;background:#f2f4f7;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.mono{font-family:ui-monospace,Consolas,monospace}.mono.sm{font-size:.78rem}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.padded{padding:.5rem 0}.page-error{color:var(--danger);padding:1rem}.banner-warn{color:#b54708;background:#fffaeb;border:1px solid #fedf89;border-radius:10px;margin-bottom:1rem;padding:.65rem 1rem;font-size:.875rem}.capitalize{text-transform:capitalize}.inline{background:#f2f4f7;border-radius:4px;padding:.1rem .35rem;font-size:.8rem}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));align-items:start;gap:1.25rem;display:grid}.settings-grid>.panel{min-width:0}.panel{padding:1.1rem 1.25rem}.panel-title{margin:0 0 .85rem;font-size:1rem;font-weight:600}.def-list{margin:0}.def-row{border-bottom:1px solid var(--border);grid-template-columns:130px 1fr;gap:.5rem 1rem;padding:.45rem 0;display:grid}.def-row:last-child{border-bottom:none}.def-row dt{color:var(--muted);margin:0;font-size:.85rem}.def-row dd{word-break:break-word;margin:0}.map-placeholder{text-align:center;padding:2rem 1.5rem}.map-canvas{width:100%;height:min(70vh,720px);min-height:420px;margin-top:.75rem;overflow:hidden}.map-hint{margin:0 0 .75rem;font-size:.9rem}.map-page{flex-direction:column;flex:1;gap:.35rem;min-height:0;display:flex}.map-page .page-error{margin:0 0 .15rem;font-size:.85rem}.page-head-map{align-items:center;gap:.6rem;margin-bottom:.25rem}.page-head-icon-sm{border-radius:10px;width:36px;height:36px}.page-head-map .page-title{margin:0;font-size:1.05rem}.page-desc-map{max-width:none;margin:.08rem 0 0;font-size:.78rem;line-height:1.3}.banner-ok-tight{margin-bottom:.25rem;padding:.45rem .75rem;font-size:.8rem}.map-toolbar{flex-flow:row;justify-content:flex-start;align-items:center;gap:.5rem .75rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.map-page .map-toolbar{gap:.4rem .6rem;margin-bottom:.25rem;padding:.35rem .6rem}.map-legend-inline{flex-wrap:nowrap;flex:0 auto;justify-content:flex-start;align-items:center;gap:.35rem .55rem;min-width:0;margin-bottom:0;display:flex}.legend-item-sm{gap:.3rem;font-size:.78rem}.legend-item-sm .dot{width:10px;height:10px}.map-toolbar-hint{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:3rem;font-size:.74rem;overflow:hidden}.map-toolbar-legend{margin-bottom:0}.map-toolbar .map-toolbar-hint{text-align:right;align-self:center;line-height:1.2}.map-toolbar .map-legend-inline,.map-toolbar .map-toolbar-actions{align-self:center}.map-toolbar-actions{flex:none;align-items:center;gap:.5rem;margin-left:auto;display:flex}.map-locate-btn{white-space:nowrap;align-items:center;gap:.45rem;margin-top:0;display:inline-flex}.map-page .map-locate-btn{padding:.45rem .75rem;font-size:.82rem}.map-page .map-canvas{flex:auto;height:auto;min-height:200px;max-height:none;margin-top:0}.map-legend-bar{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-bottom:.75rem;padding:.65rem 1rem;display:flex}.map-legend{justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.map-toolbar .map-legend{justify-content:flex-start;margin-bottom:0}.legend-item{align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;display:inline-flex}.dot{border-radius:50%;width:12px;height:12px}.dot.blue{background:var(--primary)}.dot.green{background:var(--success)}.dot.amber{background:var(--warn)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.login-page{background:linear-gradient(160deg,#eff4ff 0%,#f0f2f5 45%,#fafafa 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-md);border-radius:16px;padding:2rem}.login-brand{align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.login-logo{background:linear-gradient(135deg, var(--purple), var(--primary));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:.9rem;font-weight:800;display:flex}.login-brand h1{margin:0;font-size:1.2rem;font-weight:700}.login-brand p{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.field-label{color:var(--muted);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.field input{border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;font-size:.95rem}.field input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.field-error{color:var(--danger);margin:0 0 .5rem;font-size:.85rem}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:.7rem 1rem;font-size:.95rem;font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.login-hint{color:var(--muted);text-align:center;margin:1.25rem 0 0;font-size:.8rem}.login-hint code{background:#f2f4f7;border-radius:4px;padding:.1rem .35rem;font-size:.78rem}.settings-form{min-width:0}.settings-form .field input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;max-width:100%}.settings-form .field{min-width:0;margin-bottom:.85rem}.settings-form .field:last-of-type{margin-bottom:.5rem}.field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}@media (width<=720px){.field-row{grid-template-columns:1fr}}.checkbox-field{flex-direction:row;align-items:center;gap:.5rem}.checkbox-field input[type=checkbox]{width:auto;margin:0}.form-hint{color:var(--muted);margin:0 0 .75rem}.btn-primary-inline{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:.35rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600}.btn-primary-inline:hover:not(:disabled){filter:brightness(1.05)}.btn-primary-inline:disabled{opacity:.65;cursor:not-allowed}.banner-ok{color:#085d3a;background:#ecfdf3;border:1px solid #abefc6;border-radius:10px;margin-bottom:1rem;padding:.65rem 1rem;font-size:.875rem}