:root{font-family:Segoe UI,Aptos,Inter,sans-serif;color:#102033;background:radial-gradient(circle at top left,rgba(22,163,74,.12),transparent 28%),radial-gradient(circle at top right,rgba(15,23,42,.08),transparent 30%),linear-gradient(180deg,#f3f8f6,#eef3f7 48%,#f8fafc);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--surface-dark: #122033;--line: rgba(16, 32, 51, .1);--text-muted: #5f6f81;--brand: #0f766e;--brand-strong: #0f5d57;--shadow-soft: 0 18px 50px rgba(15, 23, 42, .08);--shadow-card: 0 14px 34px rgba(15, 23, 42, .1);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--sidebar-width: 280px;--sidebar-width-collapsed: 96px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:#102033}button,input,textarea{font:inherit}.loading-screen,.error-screen,.empty-screen{width:min(1120px,calc(100vw - 32px));margin:64px auto;padding:28px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:24px;padding:24px}.workspace-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}.workspace-sidebar,.panel,.overview-card,.insight-card,.login-panel,.stat-strip,.workspace-topbar{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace-sidebar{position:sticky;top:24px;align-self:start;min-height:calc(100vh - 48px);max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto 1fr auto;gap:20px;padding:18px 14px 14px;background:radial-gradient(circle at top left,rgba(99,230,190,.12),transparent 24%),linear-gradient(180deg,#0f2133fa,#114a4ffa 58%,#0c6059fa);color:#eefaf8;box-shadow:0 20px 42px #07121e3d,inset 0 1px #ffffff0a}.sidebar-top,.sidebar-brand,.sidebar-nav-item,.sidebar-user,.workspace-topbar-main,.workspace-topbar-actions,.toolbar-cluster,.form-footer,.table-actions,.segmented-control,.editor-header,.editor-actions{display:flex;gap:12px}.sidebar-top,.editor-header,.workspace-topbar,.workspace-topbar-main,.workspace-topbar-actions{align-items:center}.sidebar-top,.editor-header,.workspace-topbar{justify-content:space-between}.sidebar-brand{align-items:center;font-size:.95rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.15}.brand-mark{width:10px;height:10px;border-radius:999px;background:#bbf7d0;box-shadow:0 0 0 8px #bbf7d01f}.sidebar-icon-button,.sidebar-nav-item,.nav-button,.primary-button,.secondary-button,.ghost-button,.action-button,.segmented-option{border:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.sidebar-icon-button,.status-chip,.logout-button,.secondary-button,.ghost-button,.action-button,.segmented-option{border-radius:14px}.sidebar-icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:#eefaf8;box-shadow:inset 0 0 0 1px #ffffff0f}.workspace-topbar .sidebar-icon-button{background:#0f766e1a;color:#0f5d57;box-shadow:inset 0 0 0 1px #0f766e24}.hamburger-button{padding:0}.hamburger-lines{width:18px;display:inline-grid;gap:4px}.hamburger-lines span{display:block;height:2px;border-radius:999px;background:currentColor}.close-icon{font-size:1rem;line-height:1;font-weight:700}.sidebar-section-label{color:#eefaf8a3;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{display:grid;gap:12px;min-height:0;align-content:start}.sidebar-nav-list{display:grid;gap:10px;min-height:0;overflow-y:auto;padding-right:6px;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(194,245,231,.42) transparent}.sidebar-nav-list::-webkit-scrollbar{width:8px}.sidebar-nav-list::-webkit-scrollbar-track{background:transparent}.sidebar-nav-list::-webkit-scrollbar-thumb{border-radius:999px;background:#c2f5e74d}.sidebar-nav-list::-webkit-scrollbar-thumb:hover{background:#c2f5e775}.sidebar-nav-item{width:100%;align-items:center;padding:14px 14px 14px 12px;border-radius:20px;background:linear-gradient(180deg,#ffffff13,#ffffff0b);color:#eefaf8;text-align:left;box-shadow:inset 0 0 0 1px #ffffff09,0 8px 18px #00000014}.sidebar-nav-item.active{background:linear-gradient(180deg,#84e1ca3d,#59c2aa2e);box-shadow:inset 0 0 0 1px #c2f5e73d,0 14px 26px #040e1a38}.sidebar-nav-item:hover{transform:translateY(-1px);background:linear-gradient(180deg,#ffffff1a,#ffffff0f)}.sidebar-nav-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffff1a;font-weight:700;color:#f5fffd;box-shadow:inset 0 0 0 1px #ffffff0d}.sidebar-nav-copy{display:grid;gap:3px;min-width:0}.sidebar-nav-title{font-weight:700;color:#f6fbfb}.sidebar-nav-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2f4f1e0}.sidebar-nav-subtitle,.sidebar-user-role{color:#eefaf8b8;font-size:.85rem}.sidebar-footer{display:grid;gap:14px}.sidebar-user{align-items:center}.sidebar-avatar{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffff1f;font-weight:700}.sidebar-user-name{font-weight:700}.sidebar-logout{justify-content:center}.workspace-main{min-width:0;display:grid;gap:20px;align-content:start}.workspace-topbar{display:flex;gap:16px;padding:22px 24px}.workspace-topbar-main{min-width:0;flex:1 1 auto}.workspace-topbar-actions{justify-content:flex-end;flex-wrap:wrap}.workspace-title{margin:6px 0;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.04em}.summary-grid,.workspace-body,.dashboard-stack,.table-toolbar,.form-grid,.form-split,.checkbox-grid,.overview-grid,.hero-topbar,.hero-meta,.login-topline,.login-features{display:grid;gap:16px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.workspace-body{grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);align-items:start}.workspace-body-single{grid-template-columns:1fr}.dashboard-stack{gap:20px}.workspace-primary,.workspace-secondary{min-width:0;display:grid;gap:16px;align-content:start}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.panel-link{display:grid;gap:8px;width:100%;padding:20px;border:1px solid rgba(16,32,51,.08);border-radius:18px;background:#f7fbfb;text-align:left;color:#173248}.panel-link-title{font-weight:700;font-size:1.02rem}.panel-link-copy{color:var(--text-muted);line-height:1.6}.overview-card,.panel,.insight-card,.stat-strip{padding:22px}.panel{min-width:0}.meta-label,.eyebrow,.table-caption,.supporting-text{color:var(--text-muted);font-size:.92rem}.overview-value{margin-top:10px;font-size:2rem;font-weight:700;letter-spacing:-.04em;color:#0f172a}.overview-detail{margin-top:8px;color:var(--text-muted);font-size:.96rem}.panel-title,.insight-title{margin:6px 0;letter-spacing:-.03em}.panel-title{font-size:1.5rem}.insight-title{font-size:1.05rem}.section-stack{display:grid;gap:18px}.table-toolbar{grid-template-columns:1fr auto;align-items:center}.toolbar-cluster{align-items:center;flex-wrap:wrap;justify-content:flex-end}.status-chip{min-height:46px;display:inline-flex;align-items:center;gap:10px;padding:0 16px;background:#0f766e14;color:#173248}.status-chip-label{color:var(--text-muted);font-size:.88rem}.stat-strip{min-width:150px}.meta-value{margin-top:8px;font-size:1.25rem;font-weight:700}.table-shell{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface-strong)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(16,32,51,.07);vertical-align:top}.data-table th{color:#486072;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#f7fafb}.data-table tbody tr:hover{background:#f8fffd}.identity-cell{display:grid;gap:4px}.identity-name{font-weight:700}.identity-sub{color:var(--text-muted);font-size:.9rem}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.85rem;font-weight:700}.pill.role{background:#0f766e1a;color:#0f766e}.pill.permission{background:#15803d1f;color:#166534}.pill.status-active{background:#22c55e26;color:#166534}.pill.status-inactive{background:#94a3b838;color:#475569}.system-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0f172a14;color:#1e293b;font-size:.82rem;font-weight:700}.secondary-button,.ghost-button,.action-button,.segmented-option{min-height:44px;padding:0 16px;background:#edf5f4;color:#214053}.secondary-button{display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 18px #0f172a14}.ghost-button{background:#0f766e14;color:var(--brand-strong)}.action-button{min-height:38px;padding:0 12px;border:1px solid rgba(16,32,51,.08);background:#f7fbfb;white-space:nowrap}.action-danger{background:#fef2f2f5;color:#b91c1c}.action-button:disabled,.segmented-option:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-card{display:grid;gap:20px;padding:28px;border:1px solid rgba(16,32,51,.08);border-radius:20px;background:linear-gradient(180deg,#f8fcfcf5,#f0f7f7fa)}.form-card-page,.editor-header{min-width:0}.inline-summary-card{display:grid;gap:6px;padding:18px 20px;border:1px solid rgba(16,32,51,.08);border-radius:18px;background:#f4fafaeb}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid-span{grid-column:1 / -1}.form-split{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.field-group{display:grid;gap:8px}.field-label{font-weight:700;color:#1f3347}.field-input{width:100%;min-height:52px;padding:0 16px;border:1px solid rgba(16,32,51,.12);border-radius:14px;outline:none;background:#f9fcfc;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field-textarea{min-height:120px;padding:14px 16px;resize:vertical}.field-input:focus{border-color:#0f766e9e;box-shadow:0 0 0 4px #0f766e1f;background:#fff}.password-field{position:relative;display:block}.password-field-input{padding-right:76px}.password-toggle{position:absolute;top:50%;right:10px;min-width:56px;min-height:34px;border:0;border-radius:10px;background:#0f766e1a;color:var(--brand-strong);cursor:pointer;font-weight:700;transform:translateY(-50%)}.checkbox-chip,.toggle-row{display:flex;gap:10px;align-items:center;min-height:48px;padding:12px 14px;border:1px solid rgba(16,32,51,.1);border-radius:16px;background:#fffc;color:#214053}.checkbox-chip input,.toggle-row input{accent-color:var(--brand)}.segmented-control{padding:6px;border-radius:16px;background:#0f766e14}.segmented-option{flex:1 1 0;min-height:40px;background:transparent}.segmented-option.active{color:#f8fffd;background:linear-gradient(135deg,var(--brand),var(--brand-strong));box-shadow:0 10px 18px #0f766e2e}.coordinate-mode-toggle{display:flex;max-width:420px}.coordinate-picker{display:grid;gap:14px;padding:18px;border:1px solid rgba(16,32,51,.1);border-radius:20px;background:#ffffffc7}.coordinate-picker-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.coordinate-search{display:flex;gap:10px}.coordinate-search .field-input{flex:1 1 auto}.coordinate-search-message{margin:-4px 0 0}.coordinate-map-shell{position:relative;min-height:300px;overflow:hidden;border:1px solid rgba(16,32,51,.1);border-radius:18px;background:#e8f1f4}.coordinate-map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.coordinate-map-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;color:var(--text-muted);background:#e8f1f4db}.form-footer{align-items:center}.form-hint{color:var(--text-muted);font-size:.9rem;line-height:1.5}.primary-button{min-height:54px;padding:0 18px;border-radius:16px;color:#f8fffd;font-weight:700;background:linear-gradient(135deg,var(--brand),var(--brand-strong));box-shadow:0 14px 26px #0f766e38}.topbar-primary{min-width:140px}.message-success{padding:14px 16px;border:1px solid rgba(22,163,74,.18);border-radius:14px;color:#166534;background:#f0fdf4f2}.message-error{padding:14px 16px;border:1px solid rgba(220,38,38,.18);border-radius:14px;color:#991b1b;background:#fef2f2f2}.toast-viewport{position:fixed;top:20px;right:20px;z-index:60;display:grid;gap:12px;width:min(380px,calc(100vw - 32px))}.toast-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;min-height:58px;padding:14px 16px;border:1px solid;border-radius:18px;background:#fffffff5;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toast-success{border-color:#16a34a2e;color:#166534}.toast-error{border-color:#dc26262e;color:#991b1b}.toast-dot{width:10px;height:10px;border-radius:999px;background:currentColor}.toast-close{width:28px;height:28px;border:0;border-radius:999px;background:#0f172a0f;color:inherit;cursor:pointer;line-height:1}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:24px;background:#1020336b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirmation-dialog{width:min(440px,100%);display:grid;gap:14px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow-card)}.confirmation-dialog .panel-title{margin:0}.confirmation-dialog .supporting-text{margin:0;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.login-layout{min-height:100vh;display:grid;place-items:center;padding:24px}.login-frame{width:min(1120px,100%);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:32px;box-shadow:var(--shadow-card);background:var(--surface-strong)}.login-showcase{padding:42px;color:#ecfeff;background:radial-gradient(circle at 20% 20%,rgba(110,231,183,.22),transparent 28%),linear-gradient(145deg,#102033,#0f766e 62%,#0b5b56)}.login-panel{display:grid;align-content:start;gap:24px;padding:42px;background:#ffffffeb}.login-title{margin:18px 0 10px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.02;letter-spacing:-.04em}.login-subtitle{max-width:520px;color:#ecfeffd1;line-height:1.7}.login-feature{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff14}.login-feature .eyebrow{color:#dcfce7eb;font-weight:700;letter-spacing:.04em}.login-feature .supporting-text{color:#f0fdfad1}.feature-title{margin:6px 0;font-size:1rem;color:#f8fffd}.form-shell{display:grid;gap:18px;margin-top:0}.login-panel .muted-list{margin-top:8px}.muted-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.muted-list li{display:flex;gap:12px;align-items:start;color:var(--text-muted)}.muted-list strong{color:#163047}.table-wrapper{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface-strong)}.row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.empty-inline{padding:18px 6px;color:var(--text-muted)}.pill-high{background:#16a34a26;color:#166534}.pill-medium{background:#eab30829;color:#854d0e}.pill-low{background:#f9731624;color:#9a3412}.pill-degraded,.pill-warning{background:#ef44441f;color:#b91c1c}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.muted-panel,.detail-card{min-width:0}.json-panel,.json-editor{width:100%;min-height:220px;margin:0;padding:16px;border:1px solid rgba(16,32,51,.12);border-radius:16px;background:#f7fbfb;color:#163047;overflow:auto;font-family:Consolas,Courier New,monospace;font-size:.9rem}.form-input,.form-textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(16,32,51,.12);border-radius:14px;background:#f9fcfc}.form-textarea{min-height:110px;resize:vertical}.danger-button{min-height:44px;padding:0 16px;border:0;border-radius:14px;cursor:pointer;color:#fff7f7;background:linear-gradient(135deg,#dc2626,#b91c1c)}.history-list{display:grid;gap:12px}.history-row{display:grid;gap:4px;padding:14px;border:1px solid rgba(16,32,51,.08);border-radius:16px;background:#f7fbfbeb}.operations-dashboard{gap:24px}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.8fr);gap:20px;background:radial-gradient(circle at top right,rgba(142,224,211,.28),transparent 34%),linear-gradient(135deg,#0f766e,#115e59);color:#f4fffd}.dashboard-title{margin:0 0 12px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.02;color:#fbfffe}.dashboard-hero .supporting-text{max-width:64ch;color:#f4fffddb}.dashboard-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.dashboard-hero-actions{display:grid;align-content:start;gap:12px}.dashboard-section{display:grid;gap:18px}.dashboard-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-panel{min-width:0}.dashboard-subtitle{margin:6px 0 0;font-size:1.15rem;color:#17314d}.dashboard-list{display:grid;gap:10px}.dashboard-list.compact{gap:8px}.dashboard-list-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(16,32,51,.08);border-radius:16px;background:#f7fbfbf5;color:#4d6780}.dashboard-list-row strong{color:#17314d}.trend-list{display:grid;gap:12px}.trend-row{display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:16px;background:#f0f9f6eb;color:#4d6780}.trend-row strong{color:#17314d}.desktop-only{display:inline-flex}.mobile-only,.sidebar-overlay{display:none}@media (max-width: 1180px){.workspace-body{grid-template-columns:1fr}.workspace-secondary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-columns,.dashboard-hero{grid-template-columns:1fr}}@media (max-width: 980px){.workspace-shell,.workspace-shell.sidebar-collapsed{grid-template-columns:1fr;padding:16px}.workspace-sidebar{position:fixed;top:16px;left:16px;bottom:16px;z-index:30;width:min(320px,calc(100vw - 32px));min-height:auto;max-height:none;transform:translate(calc(-100% - 24px));transition:transform .18s ease}.workspace-sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:block;border:0;background:#1020335c}.workspace-main{gap:16px}.workspace-topbar{flex-direction:column;align-items:stretch}.workspace-topbar-actions{justify-content:stretch}.summary-grid,.table-toolbar,.form-grid,.form-split,.checkbox-grid,.login-frame,.dashboard-columns{grid-template-columns:1fr}.editor-header{flex-direction:column;align-items:flex-start}.desktop-only{display:none}.mobile-only{display:inline-flex}}@media (max-width: 640px){.workspace-topbar,.panel,.overview-card,.insight-card,.form-card,.loading-screen,.error-screen,.empty-screen,.login-panel,.login-showcase{padding:18px}.data-table th,.data-table td{padding:14px 12px}.table-actions,.toolbar-cluster,.workspace-topbar-actions,.editor-actions,.dashboard-hero-meta{flex-wrap:wrap}.dashboard-list-row{grid-template-columns:1fr;align-items:start}.topbar-primary,.status-chip,.secondary-button,.ghost-button,.dashboard-hero-actions>button{width:100%}}