@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--bg: #f4efe6;--bg-strong: #efe7db;--surface: #fffdf8;--surface-alt: #f8f4ec;--surface-strong: #ffffff;--line: rgba(7, 28, 68, .1);--line-strong: rgba(7, 28, 68, .18);--ink: #0d2348;--ink-strong: #081730;--muted: #5f6f85;--navy: #0b1f43;--navy-strong: #06142c;--teal: #0d98a5;--teal-strong: #0a7f89;--teal-soft: rgba(13, 152, 165, .12);--gold: #b99443;--gold-soft: rgba(185, 148, 67, .12);--success: #19885c;--danger: #b5474f;--shadow: 0 18px 40px rgba(7, 28, 68, .06);font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top right,rgba(13,152,165,.08),transparent 28%),linear-gradient(180deg,#faf7f1 0%,var(--bg) 100%);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.portal-shell{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;min-height:100vh;padding:148px 28px 40px;align-items:start}.top-banner{position:fixed;inset:0 0 auto;z-index:40;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px #06142c24}.top-banner__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#06142cf5,#06142cd1 45%,#0d98a5d6),url(/images/portal-hero.jpg) center/cover}.top-banner__content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "headline headline";gap:18px 24px;align-items:start;padding:18px 28px 22px;color:#fff}.top-banner__brand,.top-banner__actions,.account-pill{display:flex;align-items:center;gap:14px}.top-banner__brand{grid-area:brand;min-width:0}.top-banner__headline{grid-area:headline;min-width:0;max-width:760px}.top-banner__actions{grid-area:actions}.brand-logo{width:76px;height:auto;filter:brightness(0) invert(1)}.brand-copy{display:grid;gap:2px}.brand-copy span,.top-banner__headline p,.account-pill span{color:#ffffffc7;font-size:.84rem}.brand-copy strong,.top-banner__headline h1,.summary-card strong,.profile-card h2,.data-card h3,.welcome-panel h1{overflow-wrap:anywhere}.brand-copy strong,.top-banner__headline h1,.section-panel h2,.data-card h3,.feature-surface h2,.state-panel h1,.welcome-panel h1,.summary-card strong{margin:0;font-weight:800;color:inherit}.top-banner__headline h1{font-size:clamp(1.55rem,2.2vw,2.15rem);line-height:1.08}.top-banner__headline p{margin:6px 0 0;line-height:1.5;max-width:620px}.top-banner__actions{justify-content:flex-end;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease;font-weight:700;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button--primary{background:var(--teal);color:#fff;box-shadow:0 8px 18px #0d98a52e}.button--secondary{background:var(--surface-strong);border-color:var(--line-strong);color:var(--ink-strong)}.button--ghost{background:#ffffffa8;border-color:var(--line);color:var(--ink-strong)}.button--inverted{background:#fff;color:var(--navy)}.button--banner{background:#ffffff14;border-color:#ffffff3d;color:#fff}.alert-button,.account-pill{border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff}.alert-button{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;cursor:pointer;font-weight:700}.alert-button span{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#ffffff2e;font-size:.82rem}.account-pill{padding:8px 12px 8px 8px;min-width:0}.account-pill__avatar,.profile-card__avatar{display:grid;place-items:center;font-weight:800}.account-pill__avatar{width:34px;height:34px;border-radius:50%;background:#ffffff38}.sidebar{position:sticky;top:136px;align-self:start}.sidebar-shell{padding:14px;border:1px solid var(--line);border-radius:24px;background:#fffcf6d6;box-shadow:0 10px 24px #071c440d}.profile-card,.section-panel,.state-panel,.timeout-modal{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.profile-card,.section-panel,.state-panel,.timeout-modal,.hero-tile,.data-card,.feature-surface,.summary-card{border-radius:20px}.profile-card{padding:18px;margin-bottom:14px}.profile-card__header{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center}.profile-card__avatar{width:56px;height:56px;border-radius:18px;background:linear-gradient(180deg,#0d98a51f,#0b1f4314);color:var(--navy)}.profile-card h2{margin:0;font-size:1rem}.profile-card p,.profile-card span,.section-panel p,.data-card p,.empty-state p,.feature-surface p,.state-panel p,.summary-card p{margin:0;color:var(--muted);line-height:1.55}.profile-card__summary{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--ink-strong);font-size:.9rem}.profile-card__dot{width:9px;height:9px;border-radius:999px;flex-shrink:0;background:var(--gold);box-shadow:0 0 0 5px #b994431f}.sidebar-nav{display:grid;gap:14px}.nav-group{display:grid;gap:8px}.nav-group h3{margin:0;color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav-group__items{display:grid;gap:6px}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:0 14px;border-radius:12px;color:var(--ink-strong);font-size:.95rem;font-weight:700}.nav-item small{color:var(--teal-strong);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.nav-item--priority{background:#0d98a50a}.nav-item--active{background:linear-gradient(135deg,var(--navy),#14325e);color:#fff;box-shadow:0 8px 18px #06142c24}.nav-item--active small{color:#ffffffd6}.workspace{display:grid;gap:28px;min-width:0}.dashboard-stack,.page-stack{display:grid;gap:24px}.welcome-panel,.section-panel{padding:30px}.welcome-panel{border-radius:24px;border:1px solid rgba(11,31,67,.08);background:linear-gradient(135deg,#fffffffa,#fffcf6f2),radial-gradient(circle at top right,rgba(185,148,67,.08),transparent 22%);box-shadow:var(--shadow)}.welcome-panel__header,.metric-strip,.hero-tile__actions,.panel-heading,.panel-actions,.data-card__row,.data-card__footer,.meta-row,.library-controls,.timeout-modal__actions,.state-panel__actions{display:flex;gap:16px}.welcome-panel__header,.library-controls{justify-content:space-between;align-items:flex-start}.metric-strip{flex-wrap:wrap}.metric-strip>div,.time-lockup,.score-lockup{display:grid;gap:4px;min-width:128px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#fffffff2,#f8f4ecf2);border:1px solid rgba(11,31,67,.08)}.metric-strip span,.time-lockup span,.score-lockup span{color:var(--muted);font-size:.82rem}.metric-strip strong,.time-lockup strong,.score-lockup strong{font-size:1.24rem}.hero-grid,.layer-grid,.two-column-layout,.summary-grid,.archive-grid{display:grid;gap:20px}.hero-grid,.layer-grid,.two-column-layout,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card,.hero-tile,.data-card,.feature-surface{padding:24px;border:1px solid rgba(11,31,67,.08);background:var(--surface-strong)}.summary-card{background:linear-gradient(180deg,#fbf8f1f2,#fff)}.summary-card__label,.hero-tile__label,.section-panel__eyebrow{display:inline-block;color:var(--teal-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.summary-card strong{font-size:1.1rem;margin-top:10px}.summary-card p{margin-top:6px}.data-card--selected{border-color:#0d98a54d;box-shadow:inset 0 0 0 1px #0d98a51f}.hero-tile--light{background:linear-gradient(180deg,#0d98a50f,#fffffffa),var(--surface-strong)}.hero-tile--accent{background:radial-gradient(circle at top right,rgba(185,148,67,.18),transparent 26%),linear-gradient(135deg,var(--navy-strong),#102a51 62%,#0b6770);color:#fff}.hero-tile--accent p,.hero-tile--accent .hero-tile__label{color:#fffc}.section-panel__header{display:grid;gap:8px;margin-bottom:18px}.panel-heading{justify-content:space-between;align-items:flex-start}.panel-actions{align-items:center}.status-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-chip--neutral{background:#0b1f4314;color:var(--ink-strong)}.status-chip--accent{background:var(--teal-soft);color:var(--teal-strong)}.status-chip--quiet{background:#ffffff24;color:inherit}.status-chip--success{background:#19885c1f;color:var(--success)}.stack-list,.checklist{display:grid;gap:14px}.checklist__item{display:grid;gap:4px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#0d98a50a,#0b1f4305)}.data-card__row,.data-card__footer,.meta-row{justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.meta-row{color:var(--muted);font-size:.86rem}.progress-line{width:100%;height:8px;margin:18px 0 14px;border-radius:999px;background:#0b1f4314;overflow:hidden}.progress-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#69d2d8)}.tab-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.tab-button{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#ffffffb8;color:var(--ink-strong);cursor:pointer;font-weight:700}.tab-button--active{background:var(--navy);border-color:var(--navy);color:#fff}.feature-surface{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#0d98a50d,#0b1f4305),var(--surface-strong)}.library-search{width:min(420px,100%);min-height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fffffff5;color:var(--ink-strong)}.table-shell{overflow:auto;border-radius:20px;border:1px solid var(--line);background:#fffc}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(11,31,67,.08)}th{color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.empty-state,.state-shell{display:grid;place-items:center;text-align:center}.empty-state{gap:10px;min-height:220px;padding:24px;border-radius:20px;border:1px dashed rgba(11,31,67,.18);background:linear-gradient(180deg,#0b1f4305,#0d98a50a)}.state-shell{min-height:100vh;padding:32px}.state-panel,.timeout-modal{max-width:640px;padding:32px}.state-panel__actions,.timeout-modal__actions{justify-content:center;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#06142c70}.nav-toggle{display:none;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#fff;cursor:pointer}@media (max-width: 1180px){.portal-shell{grid-template-columns:1fr;padding-top:172px}.sidebar{position:fixed;top:126px;left:16px;width:min(320px,calc(100vw - 32px));z-index:35;transform:translate(calc(-100% - 28px));transition:transform .18s ease}.portal-shell--nav-open .sidebar{transform:translate(0)}.top-banner__content{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "headline" "actions"}.nav-toggle{display:inline-flex;align-items:center}}@media (max-width: 900px){.portal-shell{padding:208px 16px 20px}.hero-grid,.layer-grid,.two-column-layout,.summary-grid{grid-template-columns:1fr}.welcome-panel__header,.feature-surface,.library-controls,.panel-heading{flex-direction:column;align-items:stretch}}@media (max-width: 640px){.top-banner__content{padding:14px 16px 16px}.brand-logo{width:70px}.welcome-panel,.section-panel,.profile-card,.data-card,.feature-surface,.summary-card{padding:20px}.portal-shell{padding-top:224px}}