:root{--navy:#102a43;--navy2:#163b5c;--green:#2f855a;--green2:#48a66f;--wheat:#e9bd62;--bg:#f4f7f6;--card:#fff;--text:#1e2933;--muted:#6b7c8c;--line:#dfe7e5;--danger:#c2413b;--warning:#b7791f;--info:#2b6cb0;--shadow:0 8px 28px rgba(16,42,67,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:8px;top:-50px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:8px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#102a43,#0c2236);color:#d8e4ec;padding:22px 14px;z-index:30;display:flex;flex-direction:column}.brand{height:62px;display:flex;align-items:center;gap:12px;padding:0 10px;color:#fff}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--green2),#27764e);color:#fff;font-size:15px;font-weight:800;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}.brand b{display:block;font-size:18px;letter-spacing:.2px}.brand small,.login-brand small{display:block;color:#91a8b9;font-size:10px;letter-spacing:1.8px;margin-top:2px}.nav{margin-top:14px;overflow:auto}.nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:3px 0;border-radius:9px;color:#b8cad7;transition:.15s}.nav a span{width:20px;text-align:center;font-size:17px}.nav a:hover,.nav a.active{background:rgba(255,255,255,.09);color:#fff}.nav a.active{box-shadow:inset 3px 0 var(--wheat)}.nav-label{text-transform:uppercase;font-size:9px;letter-spacing:1.4px;color:#6f899c;padding:17px 12px 5px}.sidebar-foot{margin-top:auto;padding:14px 10px 0;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#91a8b9}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4bd37b;box-shadow:0 0 0 4px rgba(75,211,123,.12);margin-right:8px}.main-column{margin-left:248px;min-width:0;flex:1}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:20}.topbar-title{font-size:17px;font-weight:700}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.sync-state{font-size:12px;color:var(--muted);padding-right:12px;border-right:1px solid var(--line)}.user-chip{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e6f4ec;color:var(--green);font-weight:800}.user-name{font-weight:600}.link-button{border:0;background:none;color:var(--muted);cursor:pointer}.icon-button{border:0;background:none;font-size:22px;cursor:pointer}.menu-button{display:none}.content{padding:26px 28px 60px;max-width:1700px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font-size:26px;margin:0 0 5px}.page-head p{margin:0;color:var(--muted)}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);padding:9px 14px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button:hover{border-color:#a8bbb5}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.danger{border-color:#efc3c1;color:var(--danger)}.button.small{padding:6px 10px;font-size:12px}.wide{width:100%}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:15px;margin-bottom:18px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 18px;box-shadow:0 2px 8px rgba(16,42,67,.03);position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;width:64px;height:64px;border-radius:50%;right:-22px;top:-23px;background:#e8f5ed}.kpi-card.warning:after{background:#fcf1d9}.kpi-card.info:after{background:#e8f1fb}.kpi-card.danger:after{background:#fbeaea}.kpi-label{font-size:12px;color:var(--muted);margin-bottom:8px}.kpi-value{font-size:27px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}.kpi-note{font-size:11px;color:var(--muted);margin-top:5px}.grid-2{display:grid;grid-template-columns:1.55fr 1fr;gap:17px;margin-bottom:17px}.grid-even{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 9px rgba(16,42,67,.03);min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);gap:12px}.card-head h2,.card-head h3{font-size:15px;margin:0}.card-body{padding:18px}.card-link{color:var(--green);font-size:12px;font-weight:700}.filter-bar{background:#fff;border:1px solid var(--line);padding:14px;border-radius:12px;margin-bottom:17px;display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filter-bar label{font-size:11px;color:var(--muted);display:grid;gap:5px}.filter-bar input,.filter-bar select,.form-stack input,.form-stack select,.form-stack textarea,.edit-grid input,.edit-grid select,.edit-grid textarea{border:1px solid #cad7d3;border-radius:8px;background:#fff;padding:9px 10px;min-height:38px;color:var(--text)}.filter-bar input[name=q]{min-width:240px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{background:#f7faf9;color:#647787;text-align:left;text-transform:uppercase;letter-spacing:.45px;font-size:10px;padding:11px 13px;border-bottom:1px solid var(--line)}.data-table td{padding:12px 13px;border-bottom:1px solid #edf1f0;vertical-align:top}.data-table tr:hover td{background:#fbfdfc}.data-table a.entity{font-weight:700;color:var(--navy)}.data-table .sub{color:var(--muted);font-size:11px;margin-top:4px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750;white-space:nowrap}.status-success{color:#237049;background:#e3f4e9}.status-warning{color:#946019;background:#fff1d5}.status-danger{color:#a83c37;background:#fce8e7}.status-info{color:#2d65a0;background:#e6f0fb}.status-neutral{color:#647787;background:#edf1f2}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:var(--muted);font-size:12px}.pagination .pages{display:flex;gap:6px}.chart{min-height:260px}.chart svg{width:100%;height:auto;display:block}.chart-empty{height:220px;display:grid;place-items:center;color:var(--muted)}.legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:11px}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}.bar-list{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:minmax(100px,1.5fr) minmax(120px,2fr) 35px;gap:9px;align-items:center;font-size:12px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:8px;background:#edf2f0;border-radius:8px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--green),#68b887);border-radius:8px}.funnel-row{margin:8px auto;height:33px;background:linear-gradient(90deg,#2f855a,#5dac7c);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px;min-width:42%}.map-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(280px,1fr);gap:17px}.map-card{padding:10px;min-height:550px}.map-canvas{position:relative;min-height:485px}.map-canvas svg{width:100%;height:auto}.region-path{stroke:#fff;stroke-width:1.2;cursor:pointer;transition:.15s}.region-path:hover,.region-path.selected{stroke:var(--navy);stroke-width:2.5;filter:brightness(.96)}.map-tooltip{position:fixed;pointer-events:none;background:#102a43;color:#fff;padding:8px 10px;border-radius:7px;font-size:11px;box-shadow:var(--shadow);z-index:60;display:none}.metric-switch{display:flex;gap:6px;flex-wrap:wrap}.metric-switch button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-size:11px;cursor:pointer}.metric-switch button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.region-detail h2{font-size:19px;margin:0 0 3px}.region-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.region-metric{background:#f5f8f7;border-radius:8px;padding:11px}.region-metric b{display:block;font-size:19px}.region-metric span{font-size:10px;color:var(--muted)}.detail-hero{display:flex;align-items:center;gap:15px}.avatar{width:54px;height:54px;border-radius:14px;background:#e7f4ec;display:grid;place-items:center;color:var(--green);font-size:20px;font-weight:800}.detail-hero h1{margin:0 0 5px;font-size:24px}.detail-meta{color:var(--muted);font-size:12px}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.fact{background:#fff;padding:13px 16px}.fact dt{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.4px;margin-bottom:4px}.fact dd{margin:0;font-weight:600;overflow-wrap:anywhere}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);padding:0 18px}.tabs button{border:0;background:none;padding:13px 11px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:700}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.edit-grid label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.edit-grid label:has(textarea),.full-span{grid-column:1/-1}.edit-grid textarea{min-height:80px;resize:vertical}.form-stack{display:grid;gap:13px}.form-stack label{display:grid;gap:6px;color:var(--muted);font-size:12px}.form-stack textarea{min-height:82px}.action-panel{background:#f8faf9;border:1px solid var(--line);border-radius:10px;padding:14px}.notes{display:grid;gap:9px}.note{border-left:3px solid var(--wheat);background:#fbfaf7;padding:10px 12px;border-radius:0 7px 7px 0}.note small{color:var(--muted)}.messages{display:grid;gap:7px;margin-bottom:16px}.message{padding:11px 13px;border-radius:8px;background:#e5f4ea;color:#256a47}.message.error{background:#fce9e8;color:#a83c37}.message.warning{background:#fff2d8;color:#8a5a19}.empty-state{background:#fff;border:1px solid var(--line);border-radius:13px;padding:60px 20px;text-align:center;max-width:780px;margin:50px auto}.empty-icon{width:54px;height:54px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#fff0d7;color:#a76d18;font-size:24px;font-weight:800}.empty-state h1{font-size:22px}.empty-state p{color:var(--muted)}.moderation-count{font-size:28px;font-weight:800;color:var(--navy)}.audit-entry{display:grid;grid-template-columns:145px 130px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.audit-entry time,.muted{color:var(--muted)}code{background:#edf2f1;padding:2px 5px;border-radius:4px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#214f70,#102a43 45%,#091c2c)}.login-card{width:min(420px,calc(100% - 30px));background:#fff;border-radius:18px;padding:34px;box-shadow:0 30px 70px rgba(0,0,0,.25)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:32px}.login-brand b{font-size:19px;color:var(--navy)}.login-card h1{font-size:24px;margin:0 0 7px}.login-card>p{color:var(--muted);margin:0 0 22px}.secure-note{text-align:center;color:var(--muted);font-size:11px;margin-top:17px}.overlay{display:none}.desktop-only{display:table-cell}.mobile-only{display:none}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.map-layout{grid-template-columns:1fr}.facts{grid-template-columns:repeat(2,1fr)}.map-card{min-height:460px}.map-canvas{min-height:390px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none}.overlay{position:fixed;inset:0;background:rgba(5,20,31,.45);z-index:25}.menu-open .overlay{display:block}.main-column{margin-left:0}.menu-button{display:block;margin-right:10px}.topbar{padding:0 14px}.sync-state,.user-name{display:none}.content{padding:18px 13px 40px}.page-head{display:block}.head-actions{margin-top:13px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-card{padding:14px}.kpi-value{font-size:23px}.grid-2,.grid-3{gap:12px}.filter-bar{align-items:stretch}.filter-bar label,.filter-bar input[name=q]{width:100%;min-width:0}.facts{grid-template-columns:1fr}.edit-grid{grid-template-columns:1fr}.data-table th:nth-child(n+5),.data-table td:nth-child(n+5){display:none}.desktop-only{display:none!important}.mobile-only{display:block}.audit-entry{grid-template-columns:1fr;gap:3px}.page-head h1{font-size:22px}}
@media(max-width:430px){.kpi-grid{grid-template-columns:1fr}.topbar-title{font-size:15px}.login-card{padding:26px 21px}}
.brand-logo{width:43px;height:43px;object-fit:cover;border-radius:12px;background:#071621;flex:0 0 auto}
.entity-with-avatar{display:inline-flex!important;align-items:center;gap:9px}.entity-with-avatar>span:last-child{display:grid;gap:2px}.entity-with-avatar small{font-size:10px;color:var(--muted);font-weight:500}.avatar.avatar-sm{width:34px;height:34px;border-radius:10px;font-size:12px;flex:0 0 auto}.rating-chip{display:inline-flex;align-items:center;gap:3px;background:#fff4d7;color:#8a5a19;border:1px solid #f0d99f;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.rating-chip small{font-weight:600}.rating-hero{display:grid;background:#fff4d7;color:#8a5a19;border:1px solid #f0d99f;border-radius:10px;padding:7px 11px;font-size:15px;font-weight:800;line-height:1.1}.rating-hero small{font-size:9px;font-weight:650;margin-top:3px}.rating-hero.empty{background:#f2f5f4;color:var(--muted);border-color:var(--line);font-size:11px}.role-switch{display:flex;gap:6px;padding:7px;margin-bottom:17px;width:max-content}.role-switch a{padding:8px 14px;border-radius:8px;color:var(--muted);font-weight:700}.role-switch a.active{background:var(--navy);color:#fff}.kpi-grid.compact{grid-template-columns:repeat(3,minmax(150px,1fr));max-width:860px}.archive-actions{display:flex;gap:6px;align-items:center}.archive-actions form{margin:0}
.dashboard-map-card{margin-bottom:17px}.dashboard-map{display:block;min-height:250px;padding:10px 18px;background:linear-gradient(135deg,#f5faf7,#eef5f1)}.dashboard-map svg{display:block;width:100%;height:250px}.dashboard-map path{transition:.15s}.dashboard-map path:hover{filter:brightness(.9);stroke:#102a43;stroke-width:2}