:root{--color-brand-navy:#183b73;--color-brand-blue:#1f6eb8;--color-electric-blue:#1475d1;--color-brand-violet:#6d35b2;--color-brand-purple:#8a22c8;--color-deep-ink:#242134;--color-ink-soft:#302a45;--color-off-white:#eceef2;--color-silver:#d6d9e1;--color-night:#0b0d12;--color-canvas:#fff;--color-mist:#f2f3f5;--color-on-canvas:#242134;--color-muted-on-canvas:#475569;--color-on-night:#eceef2;--color-muted-on-night:#cbd5e1;--color-success:#16a34a;--color-success-surface:#dcfce7;--color-warning:#d97706;--color-warning-surface:#fff7ed;--color-danger:#dc2626;--color-danger-surface:#fee2e2;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:8px;--shadow-soft:0 18px 48px #2421341a;--shadow-strong:0 12px 32px #24213429;--border-light:#2421341a;--gradient-brand:linear-gradient(135deg, var(--color-brand-blue), var(--color-brand-purple), var(--color-electric-blue));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
:root{--app-surface:var(--color-canvas);--app-surface-soft:var(--color-mist);--app-text:var(--color-deep-ink);--app-muted-text:var(--color-muted-on-canvas);--app-surface-border:var(--border-light);--app-shadow:var(--shadow-soft);--shadow-strong:0 12px 24px #2421341f;--app-topbar-bg:#ffffffe0;--app-shell-shadow:0 18px 38px #18264d29;--button-primary-fg:#fff;--button-primary-bg:var(--gradient-brand);--button-primary-border:transparent;--button-secondary-fg:var(--color-brand-navy);--button-secondary-bg:#1f6eb814;--button-secondary-border:#1f6eb847;--button-focus-ring:#1475d13d}*{box-sizing:border-box}html{background:var(--app-surface-soft);scrollbar-color:var(--color-brand-purple) #2421341f;min-width:320px}body{min-height:100vh;color:var(--app-text);background:linear-gradient(135deg, #1f6eb81a, transparent 34%), linear-gradient(315deg, #8a22c817, transparent 30%), var(--app-surface-soft);font-family:var(--font-sans);margin:0;line-height:1.35}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{height:100vh;color:var(--color-on-night);background:linear-gradient(145deg, #183b73f5, #242134fa 54%, #6d35b2f0), var(--color-night);box-shadow:var(--app-shell-shadow);border-right:1px solid #eceef224;align-content:start;gap:28px;padding:24px 18px;display:grid;position:sticky;top:0}.brand-lockup{border-bottom:1px solid #eceef224;gap:10px;padding:8px 10px 18px;text-decoration:none;display:grid}.brand-lockup img{width:176px;height:auto;display:block}.brand-lockup span{color:var(--color-muted-on-night);letter-spacing:.01em;font-size:13px}.side-nav{gap:8px;display:grid}.side-nav a{color:#eceef2cc;border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:12px;min-height:46px;padding:0 12px 0 16px;text-decoration:none;display:flex;position:relative}.side-nav a:before{content:"";background:0 0;border-radius:999px;width:4px;position:absolute;inset:8px auto 8px 0}.side-nav a:hover,.side-nav a.active{color:#fff;background:#eceef21a;border-color:#eceef229}.side-nav a.active:before,.side-nav a.active span{background:var(--gradient-brand)}.side-nav span{width:30px;height:30px;color:var(--color-off-white);border-radius:var(--radius-sm);background:#eceef21a;flex:none;place-items:center;font-size:12px;display:inline-grid}.side-nav strong{font-size:15px;font-weight:650}.workspace{grid-template-rows:auto 1fr;min-width:0;display:grid}.topbar{z-index:5;background:var(--app-topbar-bg);border-bottom:1px solid var(--app-surface-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 30px;display:flex;position:sticky;top:0}.topbar strong,.topbar p{margin:0}.topbar-kicker,.eyebrow{color:var(--color-brand-blue);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:720}.topbar-actions,.actions,.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}main{padding:30px}.page-stack{gap:22px;display:grid}.hero-panel{color:var(--app-text);background:linear-gradient(180deg, var(--app-surface), #ffffffeb);border:1px solid var(--app-surface-border);border-radius:var(--radius-md);box-shadow:var(--app-shadow);grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:stretch;gap:24px;padding:28px;display:grid}.hero-copy{align-content:center;gap:16px;display:grid}.hero-copy h1,.hero-copy p,.section-heading h2,.section-heading p,.record-row h3,.record-row p{margin:0}.hero-copy h1{letter-spacing:0;max-width:780px;font-size:clamp(28px,3vw,42px);line-height:1.05}.hero-copy>p:not(.eyebrow){max-width:720px;color:var(--app-muted-text);font-size:17px;line-height:1.58}.button{min-height:42px;color:var(--button-fg);background:var(--button-bg);border:1px solid var(--button-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s;display:inline-flex}.button:hover{box-shadow:var(--shadow-strong);transform:translateY(-1px)}.button:focus-visible,.icon-button:focus-visible,.side-nav a:focus-visible,.brand-lockup:focus-visible{outline:3px solid var(--button-focus-ring);outline-offset:2px}.button-primary{--button-fg:var(--button-primary-fg);--button-bg:var(--button-primary-bg);--button-border:var(--button-primary-border)}.button-secondary{--button-fg:var(--button-secondary-fg);--button-bg:var(--button-secondary-bg);--button-border:var(--button-secondary-border)}.brand-card{min-height:210px;color:var(--color-off-white);background:linear-gradient(135deg, #183b73f5, #6d35b2eb), var(--color-night);border-radius:var(--radius-md);align-content:end;gap:20px;padding:22px;display:grid;overflow:hidden}.brand-card img{object-fit:contain;width:72px;height:72px}.brand-card span{max-width:220px;color:var(--color-muted-on-night);line-height:1.45}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card,.list-panel{background:var(--app-surface);border:1px solid var(--app-surface-border);border-radius:var(--radius-md);box-shadow:0 12px 30px #2421340f}.metric-card{align-content:space-between;gap:12px;min-height:118px;padding:18px;display:grid}.metric-card span{color:var(--app-muted-text);line-height:1.4}.metric-card strong{color:var(--metric-color);font-size:30px;line-height:1}.metric-blue{--metric-color:var(--color-brand-blue)}.metric-purple{--metric-color:var(--color-brand-purple)}.metric-neutral{--metric-color:var(--color-deep-ink)}.list-panel{gap:16px;padding:22px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.section-heading h2{font-size:24px}.record-list{gap:10px;display:grid}.record-row{background:linear-gradient(135deg, #1f6eb812, #8a22c80a), var(--app-surface);border-radius:var(--radius-sm);border:1px solid #1f6eb824;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:78px;padding:14px;display:grid}.record-row h3{font-size:16px}.record-row p{color:var(--app-muted-text);margin-top:5px;line-height:1.45}.status-pill{min-height:30px;color:var(--color-brand-navy);white-space:nowrap;background:#1f6eb81a;border:1px solid #1f6eb82e;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.icon-button{min-height:34px;color:var(--color-brand-navy);border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:1px solid #1f6eb833;padding:0 10px;font-size:13px;font-weight:700}.icon-button:hover,.icon-button:focus-visible{border-color:#1f6eb866}.icon-button.danger{color:var(--color-danger);background:var(--color-danger-surface);border-color:#dc262638}@media (max-width:1020px){.app-shell{grid-template-columns:1fr}.sidebar{gap:18px;height:auto;position:static}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.side-nav a{min-height:52px}.hero-panel{grid-template-columns:1fr}}@media (max-width:720px){.topbar,.section-heading{flex-direction:column;align-items:stretch}main,.topbar{padding-inline:18px}.side-nav,.metric-grid{grid-template-columns:1fr}.hero-panel,.list-panel{padding:18px}.hero-copy h1{font-size:32px}.record-row{grid-template-columns:1fr;align-items:stretch}.row-actions{align-items:stretch}.row-actions>*{flex:150px}}