:root{--brand-steel: #6a89a7;--brand-ice: #bdddfc;--brand-sky: #88bdf2;--brand-deep: #384959;--bg: #e9f1fb;--surface: #f7fbff;--surface-strong: #ffffff;--surface-muted: #edf5ff;--text: #243241;--text-muted: #5b6f84;--border: #bdd0e3;--accent: var(--brand-sky);--accent-deep: var(--brand-steel);--success: #2c8d5d;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--shadow-soft: 0 10px 26px rgba(56, 73, 89, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:"Source Sans 3",Segoe UI,sans-serif;color:var(--text);line-height:1.35;background:radial-gradient(circle at 8% -18%,#f7fbff 0%,transparent 34%),linear-gradient(160deg,#edf4fc 0%,var(--bg) 55%,#d9e8f8 100%)}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:300px 1fr;position:relative}.sidebar{background:linear-gradient(180deg,#f8fbff,#eef5fd 48%,#e6eff9);border-right:1px solid var(--border);padding:14px 12px 18px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:8px}.brand-mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--brand-steel),var(--brand-sky));display:grid;place-items:center;color:#fff;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;box-shadow:0 8px 14px #6a89a759}.brand-text strong{display:block;font-family:Outfit,sans-serif;font-size:1rem;letter-spacing:.02em}.brand-text small{color:var(--text-muted);font-size:.75rem}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.nav-group{background:#fff6;border-radius:12px;padding:8px}.nav-group h2{margin:0 0 4px;font-size:.73rem;font-family:Outfit,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#4d6278}.nav-item{display:block;text-decoration:none;color:#334860;font-size:.89rem;border-radius:9px;padding:6px 8px;transition:background-color .12s ease,color .12s ease,transform .12s ease}.nav-item:hover{background:#88bdf233;color:#223648;transform:translate(2px)}.nav-item:focus-visible{outline:3px solid rgba(136,189,242,.45);outline-offset:1px}.nav-item.active{background:linear-gradient(130deg,#88bdf273,#6a89a747);color:#1f3243;font-weight:600}.nav-item-btn{width:100%;border:0;text-align:left;cursor:pointer;background:transparent;font:inherit;display:flex;align-items:center;justify-content:space-between}.api-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.api-dot.ok{background:#2c8d5d}.api-dot.pending{background:#b98b1d}.menu-progress{display:flex;justify-content:space-between;align-items:center;margin:0 8px 10px;padding:8px 10px;border-radius:11px;border:1px solid #c8d9ea;background:#ffffffa6}.menu-progress strong{display:block;font-family:Outfit,sans-serif;font-size:.95rem}.menu-progress small{display:block;color:var(--text-muted);font-size:.72rem}.menu-progress span{color:#405971;font-size:.78rem;font-weight:600}.workspace{display:flex;flex-direction:column;min-width:0}.topbar{height:64px;border-bottom:1px solid var(--border);background:#f2f8ffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;gap:14px;padding:0 20px;position:sticky;top:0;z-index:15}.menu-btn{display:none}.menu-btn span{width:18px;height:2px;background:#344c63;display:block;border-radius:100px}.search-wrap{min-width:260px;width:min(520px,58vw);display:flex;align-items:center;background:#f3f8ff;border:1px solid #c8daeb;border-radius:10px;padding:6px 10px}.search-wrap input{border:0;background:transparent;width:100%;font:inherit;color:var(--text)}.search-wrap input:focus{outline:0}.search-wrap:focus-within{border-color:var(--brand-steel);box-shadow:0 0 0 3px #6a89a740}.search-wrap kbd{font-family:Outfit,sans-serif;font-size:.72rem;border:1px solid #bfcfe0;padding:1px 6px;border-radius:6px;color:#4f657c;background:#fff}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{width:34px;height:34px;border-radius:9px;border:1px solid #bfd1e2;background:#fff;color:#425b73;cursor:pointer;display:grid;place-items:center;font-family:Outfit,sans-serif;transition:transform .12s ease,box-shadow .12s ease}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px #3849592e}.icon-btn:focus-visible,.user-menu:focus-visible,select:focus-visible,.pill:focus-visible{outline:3px solid rgba(136,189,242,.4);outline-offset:1px}.user-menu{height:36px;border-radius:10px;border:1px solid #bfd1e2;background:#fff;display:flex;align-items:center;gap:8px;padding:0 10px 0 8px;color:#334b63;font:inherit;cursor:pointer}.avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--brand-sky),var(--brand-steel));color:#fff;display:grid;place-items:center;font-family:Outfit,sans-serif;font-size:.78rem}.main-content{padding:14px 20px 26px;display:flex;flex-direction:column;gap:12px}.crumbs{color:#60748b;font-size:.88rem;display:flex;align-items:center;gap:8px}.panel,.kpi{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.panel{padding:14px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.panel-header h1,.panel-header h2,.kpi h2,.kpi h3{margin:0;font-family:Outfit,sans-serif}.panel-header h1{font-size:1rem}.panel-header h2,.kpi h2{font-size:.92rem}.pill-group{display:flex;flex-wrap:wrap;gap:6px}.pill{border:1px solid #c6d8ea;border-radius:8px;background:#f4f9ff;color:#516982;padding:5px 9px;font:inherit;font-size:.78rem;cursor:pointer}.pill:hover{background:#e8f2ff}.pill:disabled{opacity:.55;cursor:not-allowed}.pill.is-active{color:#fff;border-color:var(--brand-steel);background:linear-gradient(140deg,var(--brand-sky),var(--brand-steel))}.chart-block{background:linear-gradient(180deg,#fcfeff,#f3f8ff);border:1px solid #d4e1ef;border-radius:var(--radius-sm);padding:10px}.legend{display:flex;gap:14px;font-size:.82rem;color:#5d748d;margin-bottom:10px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.dot-blue{background:var(--brand-sky)}.dot-gold{background:var(--brand-deep)}.chart-grid{height:230px;position:relative;padding:14px 4px 26px;border-radius:10px;background-image:linear-gradient(to top,rgba(106,137,167,.2) 1px,transparent 1px);background-size:100% 20%}.bars{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px;position:relative;z-index:2}.bar-col{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.bar{width:clamp(28px,76%,64px);border-radius:9px 9px 5px 5px;background:linear-gradient(180deg,var(--brand-sky) 0%,var(--brand-steel) 100%);box-shadow:inset 0 -8px 12px #38495938}.bar-col label{font-size:.75rem;color:#677f98}.line-layer{position:absolute;top:14px;right:4px;bottom:26px;left:4px;width:calc(100% - 8px);height:calc(100% - 40px);z-index:3;overflow:visible;pointer-events:none}.line-layer polyline{fill:none;stroke:var(--brand-deep);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px rgba(56,73,89,.3))}.stats-row{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat-tile{margin:0;background:var(--surface-muted);border:1px solid #d8e4f1;border-radius:10px;padding:10px}.stat-tile h3{margin:0;font-family:Outfit,sans-serif;font-size:1.2rem}.stat-tile p{margin:3px 0 0;font-size:.81rem;color:#647d97}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kpi{padding:12px;min-height:120px}.kpi header{display:flex;align-items:center;justify-content:space-between;gap:8px}select{border:1px solid #c8d8e8;background:#f5faff;border-radius:8px;padding:4px 7px;color:#4f6983;font:inherit;font-size:.77rem}.kpi-value{margin:14px 0 4px;font-size:clamp(1.6rem,2.2vw,2rem);color:#1f3346;font-family:Outfit,sans-serif}.kpi-trend{margin:0;color:var(--text-muted);font-size:.85rem}.kpi-trend.up{color:var(--success);font-weight:600}.kpi-warning{background:linear-gradient(160deg,#88bdf273,#bdddfccc);border-color:#9ec3e8}.kpi-warning .kpi-value,.kpi-warning h2{color:#2b465d}.donut-card{display:flex;flex-direction:column;gap:8px}.donut-wrap{margin:auto;width:120px;height:120px;position:relative;display:grid;place-items:center}.donut{width:100%;height:100%;transform:rotate(-90deg)}.donut-bg{fill:transparent;stroke:#dfeaf6;stroke-width:3.8}.donut-segment{fill:transparent;stroke-width:3.8}.seg-a{stroke:var(--brand-sky);stroke-dasharray:58 100}.seg-b{stroke:var(--brand-steel);stroke-dasharray:8 100;stroke-dashoffset:-58}.seg-c{stroke:var(--brand-deep);stroke-dasharray:4 100;stroke-dashoffset:-66}.donut-wrap strong{position:absolute;font-family:Outfit,sans-serif;font-size:1.3rem}.donut-wrap span{position:absolute;margin-top:24px;color:#6a819b;font-size:.76rem}.map-panel{min-height:410px}.map-surface{height:350px;border-radius:12px;border:1px solid #c9daec;overflow:hidden;position:relative;background:radial-gradient(circle at 22% 30%,rgba(106,137,167,.2),transparent 35%),radial-gradient(circle at 60% 50%,rgba(136,189,242,.22),transparent 34%),radial-gradient(circle at 80% 70%,rgba(189,221,252,.35),transparent 28%),linear-gradient(135deg,#d5e7fb,#b9d5f3 38%,#89b8e8)}.map-surface:before,.map-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.map-surface:before{background-image:linear-gradient(110deg,transparent 0 15%,rgba(56,73,89,.16) 15% 17%,transparent 17% 43%,rgba(106,137,167,.16) 43% 45%,transparent 45% 100%),linear-gradient(180deg,rgba(255,255,255,.24),transparent 35%)}.map-surface:after{background-image:repeating-linear-gradient(130deg,rgba(255,255,255,.18) 0,rgba(255,255,255,.18) 1px,transparent 1px,transparent 13px);mix-blend-mode:soft-light}.map-marker{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 35%,#dff1ff 0%,var(--brand-sky) 40%,var(--brand-deep) 100%);border:2px solid #2f4254;box-shadow:0 0 0 3px #88bdf23d,0 8px 10px #38495947;transform:translate(-50%,-50%)}.map-marker:after{content:"";position:absolute;left:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#f8fdff}.page-footer{text-align:center;color:#72869f;font-size:.77rem;padding:8px 0 2px}.resource-panel{display:flex;flex-direction:column;gap:10px}.resource-endpoint{margin:2px 0 0;font-size:.79rem;color:#627991;font-family:Source Code Pro,Courier New,monospace}.resource-actions{display:flex;align-items:center;gap:8px}.resource-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:600;border:1px solid transparent}.resource-chip.ok{color:#1f6543;border-color:#9bd0b4;background:#e8f7ee}.resource-chip.pending{color:#7f5f16;border-color:#e0c17b;background:#fff6df}.resource-stats{margin-top:0}.resource-table-wrap{border:1px solid #d2e1ef;border-radius:10px;overflow:auto;background:#fafdff}.resource-table{width:100%;border-collapse:collapse;min-width:720px}.resource-table th,.resource-table td{border-bottom:1px solid #dfebf7;text-align:left;vertical-align:top;padding:8px 10px;font-size:.82rem}.resource-table th{position:sticky;top:0;z-index:1;background:#eef6ff;color:#39526b;text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-family:Outfit,sans-serif}.resource-table td{color:#324b64;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-table tbody tr:hover{background:#eef5ff}.resource-table tbody tr.is-selected{background:#ddefff}.resource-row-actions{display:flex;align-items:center;gap:6px}.resource-action-btn{border:1px solid #b9cde0;background:#fff;color:#324c65;border-radius:7px;font-size:.72rem;padding:2px 8px;cursor:pointer}.resource-action-btn:hover{background:#ecf4fe}.resource-action-btn.danger{border-color:#e2b4b4;color:#7c2a2a}.resource-action-btn.danger:hover{background:#fdecec}.resource-empty{padding:24px 16px;text-align:center;color:#60768f;font-size:.9rem}.resource-error{color:#7b1e1e;border:1px solid #e8b1b1;background:#fdecec;border-radius:10px;padding:10px;font-size:.84rem}.resource-json{margin:0;min-height:180px;max-height:420px;overflow:auto;border-radius:10px;border:1px solid #d4e2ef;background:#f5faff;color:#293f55;padding:10px;font-size:.78rem}.detail-panel{display:flex;flex-direction:column;gap:10px}.detail-meta{display:flex;flex-wrap:wrap;gap:10px;color:#4f6780;font-size:.8rem}.detail-editor{width:100%;min-height:220px;border:1px solid #c8d7e7;border-radius:10px;background:#f8fcff;color:#263b4f;font-family:Source Code Pro,Courier New,monospace;font-size:.78rem;padding:10px;resize:vertical}.detail-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-field{border:1px solid #d5e2ef;border-radius:10px;padding:8px;background:#fbfdff}.detail-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.detail-field-title{display:flex;flex-direction:column;gap:2px}.detail-field label{font-family:Outfit,sans-serif;font-size:.75rem;color:#47607a}.detail-field-title small{font-size:.68rem;color:#6f859b;letter-spacing:.02em}.detail-field input,.detail-field select,.detail-field textarea,.detail-add-row input,.detail-add-row select{width:100%;border:1px solid #c6d7e8;border-radius:8px;padding:8px 9px;font:inherit;color:#24384d;background:#fff}.detail-field input:read-only,.detail-field textarea:read-only,.detail-add-row input:read-only,.detail-field select:disabled,.detail-add-row select:disabled{background:#eef4fb;color:#62788e}.detail-field textarea{resize:vertical;min-height:76px}.detail-help{display:inline-block;margin-top:5px;color:#4c6f91;font-size:.7rem}.detail-help.required{color:#936a17}.detail-required-hint{border:1px solid #f1dbab;background:#fff8e7;color:#7b5d20;border-radius:9px;padding:8px 10px;font-size:.78rem}.detail-add-row{display:grid;grid-template-columns:1fr minmax(110px,140px) 1fr auto;gap:8px;align-items:center}.reveal{opacity:0;transform:translateY(12px)}.dashboard-shell.loaded .reveal{animation:rise-in .45s cubic-bezier(.2,.9,.2,1) forwards}.dashboard-shell.loaded .reveal:nth-of-type(2){animation-delay:70ms}.dashboard-shell.loaded .reveal:nth-of-type(3){animation-delay:.14s}.sidebar-overlay{display:none}@keyframes rise-in{to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 1180px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;left:0;top:0;transform:translate(-102%);transition:transform .22s ease;width:300px;box-shadow:12px 0 28px #38495947}.dashboard-shell.sidebar-open .sidebar{transform:translate(0)}.menu-btn{display:inline-grid;gap:3px}.search-wrap{width:100%;min-width:0}.topbar{gap:10px;padding-inline:12px}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#22324240;opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:30}.sidebar-overlay.active{opacity:1;pointer-events:auto}}@media (max-width: 980px){.stats-row,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-warning{grid-column:1 / -1}.detail-form-grid,.detail-add-row{grid-template-columns:1fr}.topbar-actions .icon-btn:first-child,.topbar-actions .icon-btn:nth-child(2){display:none}}@media (max-width: 720px){.main-content{padding:12px}.stats-row,.kpi-grid{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start}.chart-grid{height:200px}.map-panel{min-height:300px}.map-surface{height:250px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}