.fo45 { --fo45-ink:var(--nos-ink,#071120); --fo45-panel:var(--nos-surface-deep,#0c1a2f); --fo45-line:var(--nos-line,#253957); --fo45-text:var(--nos-text,#edf4ff); --fo45-muted:var(--nos-text-muted,#9caec7); --fo45-cyan:var(--nos-cyan,#65d7e9); --fo45-amber:var(--nos-amber,#f2c66d); --fo45-green:var(--nos-green,#80d6a3); --fo45-red:var(--nos-red,#ff9caa); min-height:100%; display:grid; grid-template-columns:228px minmax(0,1fr); background:radial-gradient(circle at 76% 0%,var(--nos-ink-lift,#1d3156) 0,transparent 38%),var(--fo45-ink); color:var(--fo45-text); font:14px/1.5 var(--nos-font-sans,Inter,ui-sans-serif,system-ui,sans-serif); }
.fo45 nav { display:grid; align-content:start; gap:6px; padding:28px 16px; border-right:1px solid var(--fo45-line); background:var(--nos-nav-glass,rgba(4,12,25,.62)); }.fo45 nav strong { margin:0 0 24px; font:600 20px var(--nos-font-serif,Georgia,serif); }.fo45 nav em { display:block; color:var(--fo45-cyan); font:12px/1.2 var(--nos-font-sans,Inter,sans-serif); font-style:normal; letter-spacing:.12em; text-transform:uppercase; }.fo45 nav button { padding:11px 12px; border:1px solid transparent; border-radius:var(--nos-radius-sm,8px); background:transparent; color:var(--fo45-muted); text-align:left; cursor:pointer; }.fo45 nav button:hover,.fo45 nav button.is-active { border-color:var(--fo45-line); background:var(--nos-selection,rgba(101,215,233,.08)); color:var(--fo45-text); }.fo45 nav small { margin:22px 8px 0; color:var(--fo45-muted); }
.fo45-stage { min-width:0; }.fo45-main { max-width:1220px; padding:46px clamp(20px,5vw,72px); }.fo45-main header p { margin:0; color:var(--fo45-cyan); font-size:11px; letter-spacing:.14em; }.fo45-main header h1 { max-width:700px; margin:8px 0; font:400 clamp(34px,5vw,58px)/1.03 var(--nos-font-serif,Georgia,serif); letter-spacing:-.035em; }.fo45-main header span,.fo45-hint { color:var(--fo45-muted); }.fo45-metrics,.fo45-grid { display:grid; gap:14px; margin-top:30px; }.fo45-metrics { grid-template-columns:repeat(3,1fr); }.fo45-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.fo45-card,.fo45-metrics article { padding:20px; border:1px solid var(--fo45-line); border-radius:var(--nos-radius,12px); background:linear-gradient(145deg,var(--nos-panel-highlight,rgba(18,38,67,.88)),var(--nos-panel,rgba(7,17,32,.9))); }.fo45-card h2 { margin:0 0 12px; font:400 25px var(--nos-font-serif,Georgia,serif); }.fo45-card button,.fo45-card select { margin-top:10px; padding:9px 12px; border:1px solid var(--nos-control-line,#456181); border-radius:var(--nos-radius-sm,7px); background:var(--nos-control-bg,#102541); color:var(--fo45-text); cursor:pointer; }.fo45-card label { display:grid; gap:5px; margin:10px 0; color:var(--fo45-muted); }.fo45-metrics small,.fo45-metrics strong { display:block; }.fo45-metrics small { color:var(--fo45-muted); }.fo45-metrics strong { margin:8px 0; font-size:26px; font-variant-numeric:tabular-nums; }.fo45-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 12px; width:100%; padding:12px 0; border:0; border-top:1px solid var(--fo45-line); background:none; color:var(--fo45-text); text-align:left; }.fo45-row small { grid-column:1/-1; color:var(--fo45-muted); }.fo45-row a { color:var(--fo45-cyan); }.fo45-row--button { cursor:pointer; }.fo45-pill { display:inline-flex; width:max-content; padding:2px 7px; border:1px solid currentColor; border-radius:99px; font-size:10px; letter-spacing:.06em; }.fo45-pill--cyan{color:var(--fo45-cyan)}.fo45-pill--amber{color:var(--fo45-amber)}.fo45-pill--green{color:var(--fo45-green)}.fo45-pill--red{color:var(--fo45-red)}.fo45-pill--muted{color:var(--fo45-muted)}.fo45-empty { padding:22px 0; color:var(--fo45-muted); }.fo45-empty p { margin:4px 0; }.fo45-error { color:var(--fo45-red); }.fo45-notice { margin:18px clamp(20px,5vw,72px) 0; padding:10px 14px; border:1px solid var(--nos-success-line,rgba(128,214,163,.45)); border-radius:var(--nos-radius-sm,8px); background:var(--nos-success-bg,rgba(128,214,163,.08)); color:var(--nos-success-text,#c6f2d7); }
@media (max-width:760px){.fo45{grid-template-columns:1fr}.fo45 nav{position:sticky;top:0;z-index:1;grid-template-columns:1fr repeat(4,auto);align-items:center;padding:12px;border-right:0;border-bottom:1px solid var(--fo45-line)}.fo45 nav strong{margin:0}.fo45 nav em,.fo45 nav small{display:none}.fo45 nav button{padding:7px;font-size:11px}.fo45-metrics,.fo45-grid{grid-template-columns:1fr}.fo45-main{padding:30px 18px}}
.fo45-money-totals{display:grid;gap:4px}.fo45-money-total{display:block}.fo45-unknown{display:block;margin-top:8px;color:var(--fo45-amber)}.fo45-dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(1,7,16,.72)}.fo45-dialog{width:min(100%,520px);padding:24px;border:1px solid var(--fo45-line);border-radius:var(--nos-radius,12px);background:var(--nos-panel,#0d1d34);box-shadow:0 24px 64px rgba(0,0,0,.45)}.fo45-dialog h2{margin:0 0 10px;font:400 26px var(--nos-font-serif,Georgia,serif)}.fo45-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.fo45-dialog-actions button{padding:9px 12px;border:1px solid var(--nos-control-line,#456181);border-radius:var(--nos-radius-sm,7px);background:var(--nos-control-bg,#102541);color:var(--fo45-text);cursor:pointer}.fo45-dialog-actions [data-confirm-action]{border-color:var(--fo45-cyan);background:var(--nos-selection,rgba(101,215,233,.14))}.fo45-dialog button:disabled{cursor:wait;opacity:.62}