:root{--font-display: "Geist", "Inter", system-ui, sans-serif;--font-ui: "Geist", "Inter", system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-loose: 1.65;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .04em;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 9999px;--duration-instant: 80ms;--duration-fast: .14s;--duration-base: .2s;--duration-slow: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.3, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, 0, 1);--z-base: 1;--z-sticky: 100;--z-sidebar: 200;--z-topbar: 300;--z-dropdown: 400;--z-drawer: 500;--z-modal: 600;--z-toast: 700;--z-tooltip: 800;--sidebar-width: 260px;--sidebar-width-collapsed: 64px;--header-height: 56px;--content-pad-x: clamp(1.25rem, 2vw, 2rem);--content-pad-y: 1.5rem}:root,:root[data-theme=ocean-default],:root[data-theme=abyssal-pro],:root[data-theme=bronze-executive],:root[data-theme=cyan-tech],:root[data-theme=mono-slate],:root[data-theme=petrodive-white],:root[data-theme=oceanthrive-brand]{color-scheme:light;--surface-base: #F6F5F0;--surface-raised: #FFFFFF;--surface-sunken: #EFEDE6;--surface-overlay: rgba(11, 25, 41, .55);--skeleton: rgba(11, 25, 41, .06);--hero-deep: #041220;--surface-sidebar: #0E1C2E;--surface-sidebar-raised: #16273D;--content-on-sidebar: #DCE3EE;--content-on-sidebar-muted:#7B8AA2;--border-on-sidebar: rgba(255,255,255,.06);--content-primary: #0B1929;--content-secondary: #2F3D50;--content-muted: #6A788C;--content-faint: #94A0B2;--content-inverse: #FFFFFF;--content-on-overlay: #FFFFFF;--border-subtle: #E5E1D6;--border-default: #D6D1C2;--border-strong: #B5AE9C;--border-focus: var(--accent-default);--success-default: #2C7A4B;--success-subtle: #E5F1EA;--success-strong: #205938;--warning-default: #B07D1F;--warning-subtle: #F7EFD9;--warning-strong: #815713;--danger-default: #B43F33;--danger-subtle: #F8E5E1;--danger-strong: #842A20;--info-default: #2660A8;--info-subtle: #E1ECF8;--info-strong: #1B477D;--up-fg: var(--success-default);--down-fg: var(--danger-default);--shadow-1: 0 1px 0 0 rgba(11,25,41,.04), 0 1px 2px 0 rgba(11,25,41,.04);--shadow-2: 0 1px 0 0 rgba(11,25,41,.04), 0 2px 4px -1px rgba(11,25,41,.06);--shadow-3: 0 4px 12px -2px rgba(11,25,41,.08), 0 2px 4px -1px rgba(11,25,41,.04);--shadow-4: 0 12px 28px -8px rgba(11,25,41,.14), 0 4px 8px -2px rgba(11,25,41,.06);--shadow-5: 0 24px 48px -12px rgba(11,25,41,.22), 0 8px 16px -4px rgba(11,25,41,.08);--shadow-focus: 0 0 0 3px var(--accent-subtle);--shadow-inset: inset 0 0 0 1px var(--border-default);--viz-1: #1E3F66;--viz-2: #B07A3C;--viz-3: #2BA6A1;--viz-4: #7B5EA7;--viz-5: #C46B4B;--viz-6: #4F8C3A;--viz-7: #B85A86;--viz-8: #6B7280}:root[data-theme$=-dark],:root[data-theme=dark],:root[data-theme=ocean-default-dark],:root[data-theme=abyssal-pro-dark],:root[data-theme=bronze-executive-dark],:root[data-theme=cyan-tech-dark],:root[data-theme=mono-slate-dark]{color-scheme:dark;--surface-base: #060e1a;--surface-raised: #0d1b2e;--surface-sunken: #0a1525;--surface-overlay: rgba(0, 0, 0, .65);--skeleton: rgba(255, 255, 255, .05);--hero-deep: #020812;--surface-sidebar: #060F1B;--surface-sidebar-raised: #0F1E33;--content-on-sidebar: #DCE3EE;--content-on-sidebar-muted:#6B7B93;--border-on-sidebar: rgba(255,255,255,.05);--content-primary: #ECEFF4;--content-secondary: #BFC8D6;--content-muted: #7E8B9F;--content-faint: #5C677A;--content-inverse: #0B1626;--content-on-overlay: #FFFFFF;--border-subtle: #1C2E47;--border-default: #25395A;--border-strong: #38507A;--success-default: #4FAF7A;--success-subtle: #14322A;--success-strong: #7DCFA0;--warning-default: #D6A23C;--warning-subtle: #3A2E12;--warning-strong: #F0BF66;--danger-default: #E36F61;--danger-subtle: #3A1A18;--danger-strong: #F09387;--info-default: #5C9EE0;--info-subtle: #122A45;--info-strong: #8EBDED;--up-fg: var(--success-default);--down-fg: var(--danger-default);--shadow-1: 0 1px 0 0 rgba(0,0,0,.4), 0 1px 2px 0 rgba(0,0,0,.4);--shadow-2: 0 2px 4px -1px rgba(0,0,0,.5);--shadow-3: 0 4px 12px -2px rgba(0,0,0,.55), 0 2px 4px -1px rgba(0,0,0,.4);--shadow-4: 0 12px 28px -8px rgba(0,0,0,.7), 0 4px 8px -2px rgba(0,0,0,.5);--shadow-5: 0 24px 48px -12px rgba(0,0,0,.8);--shadow-focus: 0 0 0 3px var(--accent-subtle);--shadow-inset: inset 0 0 0 1px var(--border-default);--viz-1: #6FA3DB;--viz-2: #D6A36F;--viz-3: #5DC9C2;--viz-4: #B49DDA;--viz-5: #E3A088;--viz-6: #8FBE73;--viz-7: #DA90B0;--viz-8: #A0AABB}:root,:root[data-theme=ocean-default],:root[data-theme=ocean-default-dark]{--accent-default: #1E3F66;--accent-hover: #16314F;--accent-active: #0F2540;--accent-subtle: rgba(30, 63, 102, .1);--accent-fg: #FFFFFF;--accent-text-safe: #1E3F66}:root[data-theme=ocean-default-dark]{--accent-default: #FF6900;--accent-hover: #e55e00;--accent-active: #cc5400;--accent-subtle: rgba(255, 105, 0, .15);--accent-fg: #1a1a1a;--accent-text-safe: #FF8534}:root[data-theme=abyssal-pro]{--accent-default: #0F2540;--accent-hover: #08182C;--accent-active: #050F1F;--accent-subtle: rgba(15, 37, 64, .1);--accent-fg: #FFFFFF;--accent-text-safe: #0F2540}:root[data-theme=abyssal-pro-dark]{--accent-default: #B6C7E0;--accent-hover: #D2DDED;--accent-active: #97AED1;--accent-subtle: rgba(182, 199, 224, .16);--accent-fg: #0B1626;--accent-text-safe: #B6C7E0}:root[data-theme=bronze-executive]{--accent-default: #B07A3C;--accent-hover: #946328;--accent-active: #76501F;--accent-subtle: rgba(176, 122, 60, .12);--accent-fg: #FFFFFF;--accent-text-safe: #815713}:root[data-theme=bronze-executive-dark]{--accent-default: #D6A36F;--accent-hover: #E2B689;--accent-active: #BF8B58;--accent-subtle: rgba(214, 163, 111, .18);--accent-fg: #1A0F03;--accent-text-safe: #D6A36F}:root[data-theme=cyan-tech]{--accent-default: #126E70;--accent-hover: #0E5A5C;--accent-active: #0A4748;--accent-subtle: rgba(18, 110, 112, .12);--accent-fg: #FFFFFF;--accent-text-safe: #126E70}:root[data-theme=cyan-tech-dark]{--accent-default: #5DC9C2;--accent-hover: #82D8D2;--accent-active: #46B0AA;--accent-subtle: rgba(93, 201, 194, .18);--accent-fg: #062425;--accent-text-safe: #5DC9C2}:root[data-theme=mono-slate]{--accent-default: #2F3D50;--accent-hover: #1F2C3D;--accent-active: #131C2A;--accent-subtle: rgba(47, 61, 80, .1);--accent-fg: #FFFFFF;--accent-text-safe: #2F3D50}:root[data-theme=mono-slate-dark]{--accent-default: #C5CDDA;--accent-hover: #DDE3EC;--accent-active: #A6B0C0;--accent-subtle: rgba(197, 205, 218, .14);--accent-fg: #0B1626;--accent-text-safe: #C5CDDA}[data-theme=petrodive-white]{--accent-default: #ED6B26;--accent-hover: #D85F1E;--accent-active: #B5500F;--accent-subtle: rgba(237, 107, 38, .1);--accent-fg: #1a1a1a;--accent-text-safe: #B5500F;--font-display: "Poppins", "Inter", system-ui, sans-serif;--font-ui: "Poppins", "Inter", system-ui, sans-serif}[data-theme=petrodive-white-dark]{--accent-default: #F2823F;--accent-hover: #F6975C;--accent-active: #D86C28;--accent-subtle: rgba(242, 130, 63, .16);--accent-fg: #1a1a1a;--accent-text-safe: #F2823F;--font-display: "Poppins", "Inter", system-ui, sans-serif;--font-ui: "Poppins", "Inter", system-ui, sans-serif}[data-theme=oceanthrive-brand]{--accent-default: #FF6900;--accent-hover: #E55E00;--accent-active: #CC5400;--accent-subtle: rgba(255, 105, 0, .12);--accent-fg: #1a1a1a;--accent-text-safe: #B84900}[data-theme=oceanthrive-brand-dark]{--accent-default: #FF6900;--accent-hover: #FF7F1F;--accent-active: #E55E00;--accent-subtle: rgba(255, 105, 0, .18);--accent-fg: #1a1a1a;--accent-text-safe: #FF8534}@theme inline{ --color-surface-base: var(--surface-base); --color-surface-raised: var(--surface-raised); --color-surface-sunken: var(--surface-sunken); --color-surface-sidebar: var(--surface-sidebar); --color-content-primary: var(--content-primary); --color-content-secondary: var(--content-secondary); --color-content-muted: var(--content-muted); --color-content-faint: var(--content-faint); --color-content-inverse: var(--content-inverse); --color-border-subtle: var(--border-subtle); --color-border-default: var(--border-default); --color-border-strong: var(--border-strong); --color-accent-default: var(--accent-default); --color-accent-hover: var(--accent-hover); --color-accent-active: var(--accent-active); --color-accent-subtle: var(--accent-subtle); --color-accent-fg: var(--accent-fg); --color-accent-text-safe: var(--accent-text-safe); --color-skeleton: var(--skeleton); --color-hero-deep: var(--hero-deep); --color-success-default: var(--success-default); --color-success-subtle: var(--success-subtle); --color-warning-default: var(--warning-default); --color-warning-subtle: var(--warning-subtle); --color-danger-default: var(--danger-default); --color-danger-subtle: var(--danger-subtle); --color-info-default: var(--info-default); --color-info-subtle: var(--info-subtle); --font-sans: var(--font-ui); --font-mono: var(--font-mono); --radius-xs: var(--radius-xs); --radius-sm: var(--radius-sm); --radius-md: var(--radius-md); --radius-lg: var(--radius-lg); --radius-xl: var(--radius-xl); --shadow-1: var(--shadow-1); --shadow-2: var(--shadow-2); --shadow-3: var(--shadow-3); --shadow-4: var(--shadow-4); --shadow-5: var(--shadow-5); }@custom-variant dark (&:where([data-theme*="-dark"],[data-theme*="-dark"] *));.oc-eyebrow{font-family:var(--font-mono);font-size:10.5px;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--content-muted)}.oc-card{background-color:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.oc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:40px;padding:0 .875rem;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:13px;font-weight:var(--weight-medium);line-height:1;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.oc-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-color:var(--accent-default)}.oc-btn:disabled,.oc-btn[disabled]{opacity:.55;cursor:not-allowed}.oc-btn--cta{height:44px;padding:0 1.25rem;font-size:var(--text-base)}.oc-btn--sm{height:32px;padding:0 .625rem;font-size:var(--text-sm)}.oc-btn--primary{background-color:var(--accent-default);color:var(--accent-fg);border-color:var(--accent-default)}.oc-btn--primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.oc-btn--primary:active:not(:disabled){background-color:var(--accent-active);border-color:var(--accent-active)}.oc-btn--outline{background-color:var(--surface-raised);color:var(--content-primary);border-color:var(--border-default)}.oc-btn--outline:hover:not(:disabled){background-color:var(--surface-sunken)}.oc-btn--ghost{background-color:transparent;color:var(--content-secondary)}.oc-btn--ghost:hover:not(:disabled){background-color:var(--surface-sunken);color:var(--content-primary)}.oc-field{display:block;width:100%;height:40px;padding:0 .75rem;background-color:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--content-primary);font-family:var(--font-ui);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.oc-field::placeholder{color:var(--content-faint)}.oc-field:focus-visible{outline:none;border-color:var(--accent-default);box-shadow:var(--shadow-focus)}.oc-field:disabled{opacity:.55;cursor:not-allowed}.oc-field--error{border-color:var(--danger-default)}.oc-field-error-msg{color:var(--danger-strong);font-size:var(--text-xs)}.oc-kpi__value{font-size:28px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--content-primary)}.oc-kpi__hint{font-size:var(--text-sm);color:var(--content-muted)}.oc-kpi__delta{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-sm);font-weight:var(--weight-medium)}.oc-kpi__delta--up{color:var(--up-fg)}.oc-kpi__delta--down{color:var(--down-fg)}.oc-badge{display:inline-flex;align-items:center;gap:.375rem;height:22px;padding:0 .5rem;border-radius:var(--radius-sm);font-size:11px;font-weight:var(--weight-semibold);line-height:1;white-space:nowrap}.oc-badge--ok{background-color:var(--success-subtle);color:var(--success-strong)}.oc-badge--warn{background-color:var(--warning-subtle);color:var(--warning-strong)}.oc-badge--bad{background-color:var(--danger-subtle);color:var(--danger-strong)}.oc-badge--info{background-color:var(--info-subtle);color:var(--info-strong)}.oc-table{width:100%;border-collapse:collapse}.oc-table th{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--content-muted);text-align:left;padding:.5rem .75rem}.oc-table td{font-size:12.5px;color:var(--content-secondary);padding:.5rem .75rem;border-top:1px solid var(--border-subtle)}.oc-table tbody tr:hover{background-color:var(--surface-sunken)}.oc-meter{height:6px;background-color:var(--surface-sunken);border-radius:var(--radius-pill);overflow:hidden}.oc-meter__fill,.oc-meter>span{display:block;height:100%;background-color:var(--accent-default);border-radius:var(--radius-pill)}.oc-skeleton{background-color:var(--skeleton);border-radius:var(--radius-md);animation:oc-pulse 1.6s var(--ease-standard) infinite}@keyframes oc-pulse{0%,to{opacity:1}50%{opacity:.45}}.oc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.875rem;padding:3rem 1.5rem;background-color:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.oc-empty__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-xl);background-color:var(--surface-sunken);color:var(--content-muted)}.oc-empty__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--content-primary)}.oc-empty__body{font-size:var(--text-sm);color:var(--content-muted)}.oc-empty--error{border-color:var(--danger-default)}.oc-empty--error .oc-empty__icon{background-color:var(--danger-subtle);color:var(--danger-strong)}.oc-page-title{margin:0;font-size:28px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--content-primary)}.oc-badge--neutral{background-color:var(--surface-sunken);color:var(--content-secondary)}.oc-badge--accent{background-color:var(--accent-subtle);color:var(--accent-text-safe)}.oc-count-badge{display:inline-flex;align-items:center;height:22px;padding:0 .5rem;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);background-color:var(--accent-subtle);color:var(--accent-text-safe)}.oc-meter--ok .oc-meter__fill,.oc-meter--ok>span{background-color:var(--success-default)}.oc-meter--warn .oc-meter__fill,.oc-meter--warn>span{background-color:var(--warning-default)}.oc-meter--bad .oc-meter__fill,.oc-meter--bad>span{background-color:var(--danger-default)}.oc-seg{display:inline-flex;align-items:center;gap:2px;padding:2px;background-color:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md)}.oc-seg__btn{display:inline-flex;align-items:center;gap:.375rem;height:32px;padding:0 .75rem;border:0;border-radius:var(--radius-sm);background-color:transparent;color:var(--content-muted);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.oc-seg__btn:focus-visible,.oc-seg button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oc-seg__btn[aria-pressed=true],.oc-seg__btn[aria-selected=true],.oc-seg button[aria-pressed=true],.oc-seg button[aria-selected=true]{background-color:var(--accent-default);color:var(--accent-fg)}.oc-drawer__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--surface-overlay);z-index:var(--z-drawer);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard)}.oc-drawer__scrim.is-open{opacity:1;pointer-events:auto}.oc-drawer{position:fixed;top:0;inset-inline-end:0;height:100vh;width:min(460px,92vw);background-color:var(--surface-raised);border-inline-start:1px solid var(--border-default);box-shadow:var(--shadow-5);z-index:calc(var(--z-drawer) + 1);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-emphasized);display:flex;flex-direction:column}.oc-drawer.is-open{transform:translate(0)}[dir=rtl] .oc-drawer{transform:translate(-100%)}[dir=rtl] .oc-drawer.is-open{transform:translate(0)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:var(--font-ui, system-ui, sans-serif);font-size:14px;color:var(--content-primary);background:var(--surface-base)}.admin-shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:48px 1fr;height:100vh}.admin-topbar{grid-column:1 / -1;display:flex;align-items:center;padding:0 20px;background:var(--surface-raised);border-bottom:1px solid var(--border-subtle);gap:12px}.admin-topbar__logo{font-size:13px;font-weight:var(--weight-semibold);color:var(--accent-text-safe);letter-spacing:-.01em}.admin-topbar__tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:4px;background:var(--danger-subtle);color:var(--danger-default)}.admin-topbar__user{margin-left:auto;font-size:12px;color:var(--content-secondary);display:flex;align-items:center;gap:10px}.admin-sidebar{background:var(--surface-raised);border-right:1px solid var(--border-subtle);padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.admin-nav__section{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--content-muted);padding:10px 8px 4px}.admin-nav__item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;color:var(--content-secondary);cursor:pointer;text-decoration:none;transition:background .12s,color .12s;border:none;background:none;width:100%;text-align:left}.admin-nav__item:hover{background:var(--surface-hover);color:var(--content-primary)}.admin-nav__item.active{background:var(--accent-subtle);color:var(--accent-text-safe);font-weight:var(--weight-medium)}.admin-nav__icon{font-size:14px;width:16px;text-align:center;flex-shrink:0}.admin-main{overflow-y:auto;padding:24px 28px 32px}.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--surface-base)}.login-card{width:100%;max-width:380px;padding:32px;border-radius:var(--radius-xl);background:var(--surface-raised);border:1px solid var(--border-subtle)}.login-logo{font-size:18px;font-weight:700;color:var(--accent-text-safe);margin-bottom:4px}.login-sub{font-size:12px;color:var(--content-muted);margin-bottom:24px}.login-error{font-size:12px;color:var(--danger-default);background:var(--danger-subtle);padding:8px 12px;border-radius:var(--radius-md);margin-bottom:14px}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.kpi-card{padding:16px;border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border-subtle)}.kpi-card__label{font-size:11px;color:var(--content-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-card__value{font-size:24px;font-weight:700;color:var(--content-primary);margin-top:4px}.mono{font-family:var(--font-mono);font-size:12px}