@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink: #111712;--ink-soft: #2f3a33;--muted: #69746b;--muted-strong: #526056;--paper: #fbf7ec;--paper-warm: #f5eddb;--surface: rgba(255, 252, 244, .92);--surface-solid: #fffdf7;--surface-deep: #17251d;--surface-deep-2: #0f1813;--line: rgba(28, 38, 31, .12);--line-strong: rgba(28, 38, 31, .22);--accent: #0b82ff;--accent-strong: #075cbd;--accent-soft: rgba(11, 130, 255, .1);--mint: #18b46f;--mint-soft: rgba(24, 180, 111, .12);--gold: #d99824;--gold-soft: rgba(217, 152, 36, .14);--danger: #d84b36;--danger-soft: rgba(216, 75, 54, .12);--shadow-sm: 0 12px 28px rgba(17, 23, 18, .08);--shadow: 0 28px 70px rgba(17, 23, 18, .14);--shadow-deep: 0 34px 90px rgba(8, 15, 11, .32);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 11px;--font-body: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 5% 8%,rgba(24,180,111,.28),transparent 24rem),radial-gradient(circle at 88% 2%,rgba(11,130,255,.2),transparent 25rem),linear-gradient(135deg,#fbf4e4,#f2ead8 42%,#e9dfca);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body:before,body:after{position:fixed;inset:0;z-index:-2;pointer-events:none;content:""}body:before{background-image:linear-gradient(rgba(17,23,18,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,23,18,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.74),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.74),transparent 78%)}body:after{z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,.45),transparent 32%),radial-gradient(circle at 50% 100%,rgba(255,255,255,.5),transparent 34rem)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p,strong{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.04em}strong{letter-spacing:-.02em}code{padding:2px 7px;border:1px solid var(--line);border-radius:999px;background:#ffffff8c;color:var(--accent-strong)}.page-shell{width:min(1480px,calc(100% - 36px));min-height:100vh;display:grid;grid-template-columns:306px minmax(0,1fr);gap:22px;margin:0 auto;padding:18px 0 42px}.workspace-rail{position:sticky;top:18px;height:calc(100vh - 36px);display:grid;grid-template-rows:auto 1fr;gap:14px;overflow:visible}.workspace-main{min-width:0}.screen{width:100%}.auth-shell{width:min(1180px,calc(100% - 36px));min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:center;margin:0 auto;padding:44px 0}.topbar,.primary-nav,.auth-card,.hero-card,.panel,.metric-card,.mini-card,.split-card,.commitment-card,.table-shell,.session-warning-card{position:relative;border:1px solid rgba(255,255,255,.18);background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar,.primary-nav{color:#f8f5e9;background:linear-gradient(160deg,#213327fa,#0a120dfa),var(--surface-deep);box-shadow:var(--shadow-deep)}.primary-nav{overflow:hidden;z-index:1}.topbar{overflow:visible;isolation:isolate;z-index:20}.topbar:before,.primary-nav:before{position:absolute;inset:0;pointer-events:none;content:"";background:radial-gradient(circle at 15% 0%,rgba(24,180,111,.24),transparent 14rem),radial-gradient(circle at 100% 18%,rgba(11,130,255,.18),transparent 13rem),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,auto,30px 30px,30px 30px}.topbar>*,.primary-nav>*{position:relative;z-index:1}.topbar{display:grid;gap:18px;padding:22px;border-radius:var(--radius-xl)}.brand-lockup{display:grid;gap:16px}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:20px;color:#08100c;background:linear-gradient(135deg,#f7ff9e,#47ec9b 45%,#0b82ff);font-family:var(--font-display);font-size:2rem;font-weight:700;box-shadow:0 18px 42px #18b46f40}.topbar h1{max-width:12ch;margin-top:7px;color:#fffaf0;font-size:clamp(1.8rem,2.5vw,2.55rem);line-height:.94}.topbar .eyebrow,.primary-nav .nav-section-label{color:#f8f5e994}.topbar-actions{display:flex;align-items:center}.user-menu{position:relative;width:100%}.user-pill,.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;font-size:.84rem;font-weight:700}.user-pill{width:100%;gap:8px;padding:0 13px;border:1px solid rgba(255,255,255,.16);color:#f9f6eb;background:#ffffff14}.user-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-pill:hover{background:#ffffff21}.user-menu-dropdown{position:absolute;top:calc(100% + 10px);left:0;z-index:50;width:min(280px,calc(100vw - 44px));padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-md);background:#101a14;box-shadow:var(--shadow-deep)}.user-menu-header{padding:11px 12px 13px;border-bottom:1px solid rgba(255,255,255,.1)}.user-menu-header strong{display:block;margin-bottom:4px;color:#fffaf0}.user-menu-header p{color:#f8f5e999;font-size:.88rem}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;margin-top:6px;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#f8f5e9db;text-align:left}.user-menu-item:hover{color:#fffaf0;background:#ffffff17}.primary-nav{display:flex;flex-direction:column;gap:8px;min-height:0;padding:18px;border-radius:var(--radius-xl)}.nav-section-label,.eyebrow{display:block;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow{margin-bottom:9px}.nav-link{position:relative;display:flex;align-items:center;gap:11px;min-height:48px;padding:0 13px;border:1px solid transparent;border-radius:16px;color:#f8f5e9a8;font-size:.94rem;font-weight:700;transition:transform .18s ease,color .18s ease,border-color .18s ease,background .18s ease}.nav-link:after{position:absolute;right:12px;width:6px;height:6px;border-radius:999px;background:transparent;content:""}.nav-link:hover{color:#fffaf0;background:#ffffff14;transform:translate(2px)}.nav-link-active{border-color:#ffffff29;color:#fffaf0;background:linear-gradient(135deg,#ffffff24,#ffffff0f);box-shadow:inset 4px 0 #47ec9b}.nav-link-active:after{background:#47ec9b;box-shadow:0 0 16px #47ec9bdb}.rail-note{margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(135deg,#f7ff9e29,#0b82ff14),#ffffff0f}.rail-note span{display:block;margin-bottom:5px;color:#f8f5e994;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.rail-note strong{display:block;color:#fffaf0;font-size:1rem}.auth-card,.hero-card,.panel{border-color:var(--line);border-radius:var(--radius-xl);background:linear-gradient(145deg,#fffdf7fa,#f8f0ded1),var(--surface-solid)}.auth-card,.hero-card,.panel{padding:26px}.panel{container-type:inline-size}.hero-card,.panel,.metric-card,.auth-card{animation:riseIn .42s ease both}.hero-card:before,.panel:before,.metric-card:before,.auth-card:before{position:absolute;inset:0;pointer-events:none;border-radius:inherit;content:"";background:linear-gradient(135deg,rgba(255,255,255,.86),transparent 30%),radial-gradient(circle at 100% 0%,rgba(11,130,255,.08),transparent 16rem)}.hero-card>*,.panel>*,.metric-card>*,.auth-card>*{position:relative;z-index:1}.hero-card{overflow:hidden;min-height:210px;display:grid;align-content:end;box-shadow:var(--shadow)}.hero-card:after{position:absolute;top:24px;right:24px;width:170px;height:170px;border:1px solid rgba(17,23,18,.08);border-radius:999px;background:linear-gradient(90deg,transparent 49%,rgba(17,23,18,.12) 50%,transparent 51%),linear-gradient(rgba(17,23,18,.12) 49%,transparent 50%,transparent 51%),radial-gradient(circle,rgba(24,180,111,.16),transparent 68%);content:"";opacity:.68}.compact-hero{min-height:150px;padding:24px 26px}.hero-card h1,.auth-card h1{max-width:18ch;color:var(--ink);font-size:clamp(2.5rem,5.2vw,5.7rem);font-weight:700;line-height:.88}.compact-hero h1{max-width:24ch;font-size:clamp(2rem,3.7vw,3.8rem)}.hero-card p,.panel p,.auth-card p,.form-note,.empty-state,.table-note,.simple-list,.section-copy{color:var(--muted)}.hero-card>p,.auth-card>p,.section-copy{max-width:760px;margin-top:14px;font-size:1rem;line-height:1.72}.stack-lg,.stack-md,.stack-sm,.auth-sidebar,.auth-feature-list,.auth-highlight-grid{display:grid}.stack-lg{gap:22px}.stack-md{gap:15px}.stack-sm{gap:11px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:15px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{overflow:hidden;min-height:150px;padding:20px;border-color:var(--line);border-radius:var(--radius-lg);background:linear-gradient(155deg,#fffdf7f5,#f5eddbd1),var(--surface-solid);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.metric-card:nth-child(1){background:linear-gradient(155deg,#fffdf7f5,#e7f5eae0),var(--surface-solid)}.metric-card:nth-child(2){background:linear-gradient(155deg,#fffdf7f5,#e8f2ffdb),var(--surface-solid)}.metric-card:hover{border-color:#1117123d;box-shadow:var(--shadow);transform:translateY(-2px)}.metric-card p{color:var(--muted-strong);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.metric-card strong{display:block;margin-top:17px;font-family:var(--font-display);font-size:clamp(1.75rem,2.35vw,2.85rem);font-weight:700;line-height:.95}.section-header,.panel-actions,.split-card,.mini-card,.row-actions{display:flex;align-items:center}.section-header{justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:18px}.section-header>div{min-width:0;flex:1 1 240px}.section-header>.ghost-button,.section-header>.primary-button{flex:0 0 auto;max-width:100%}.panel h2,.auth-card h2{margin-bottom:0;color:var(--ink);font-family:var(--font-body);font-size:clamp(1.28rem,1.55vw,1.72rem);font-weight:800;letter-spacing:-.035em;line-height:1.04;overflow-wrap:anywhere;text-wrap:balance}.panel h3{font-size:1.12rem}.panel-actions,.row-actions{gap:9px}.panel-actions{justify-content:flex-end;flex-wrap:wrap}.auth-sidebar{align-self:stretch;gap:16px}.auth-hero{overflow:hidden;min-height:560px}.auth-hero:after{position:absolute;right:-70px;bottom:-80px;width:310px;height:310px;border-radius:999px;background:radial-gradient(circle,rgba(24,180,111,.34),transparent 66%),conic-gradient(from 120deg,#0b82ff59,#f7ff9e73,#18b46f6b,#0b82ff59);content:"";filter:blur(2px);opacity:.85}.auth-actions{display:grid;gap:12px;max-width:380px;margin-top:28px}.auth-note{font-size:.92rem}.auth-highlight-grid,.auth-feature-list{gap:14px}.auth-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px;margin-top:34px}.auth-highlight,.auth-feature{padding:17px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff7a}.auth-highlight strong,.auth-feature strong{display:block;margin-bottom:7px;font-size:1rem}.auth-feature-kicker{display:inline-flex;align-items:center;margin-bottom:12px;padding:5px 10px;border:1px solid rgba(11,130,255,.16);border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.field,.checkbox-field{display:grid;gap:8px}.field span{color:var(--muted-strong);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.field input,.field select{min-height:48px;width:100%;padding:0 13px;border:1px solid var(--line-strong);border-radius:15px;outline:none;background:#ffffffb8;color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field input:focus,.field select:focus{border-color:#0b82ffb8;background:#fff;box-shadow:0 0 0 4px #0b82ff1f}.checkbox-field{grid-auto-flow:column;justify-content:start;align-items:center;color:var(--muted-strong);font-weight:700}.checkbox-field input{width:18px;height:18px;accent-color:var(--mint)}.primary-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:15px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.primary-button{color:#fffaf0;background:#101a14;box-shadow:0 14px 28px #101a1429}.primary-button:hover{background:#17251d;transform:translateY(-1px);box-shadow:0 18px 34px #101a1433}.ghost-button,.icon-button{border-color:var(--line-strong);background:#ffffff8f;color:var(--ink)}.ghost-button:hover,.icon-button:hover{border-color:#0b82ff52;color:var(--accent-strong);background:#ffffffeb;transform:translateY(-1px)}.icon-button{min-width:40px;min-height:40px;padding:0}.data-table .row-actions{justify-content:flex-end;gap:6px;white-space:nowrap}.data-table .icon-button{min-width:34px;min-height:34px;border-radius:10px;background:transparent;color:var(--muted-strong);box-shadow:none}.data-table .icon-button:hover{background:#1117120f;color:var(--ink);transform:none}.status-pill{min-height:36px;padding:0 12px;border:1px solid rgba(11,130,255,.14);background:var(--accent-soft);color:var(--accent-strong)}.status-healthy{border-color:#18b46f2e;background:var(--mint-soft);color:#087848}.status-watch{border-color:#d9982438;background:var(--gold-soft);color:#956100}.status-risk{border-color:#d84b3633;background:var(--danger-soft);color:#a53222}.split-card,.mini-card,.commitment-card{border-color:var(--line);border-radius:var(--radius-lg);background:#ffffff7a}.split-card,.mini-card{justify-content:space-between;gap:12px;padding:15px}.split-card>div:first-child,.mini-card>div:first-child{min-width:0}.mini-card strong,.mini-card p,.split-card strong,.split-card p{overflow-wrap:anywhere}.mini-card{transition:border-color .16s ease,background .16s ease,transform .16s ease}.mini-card:hover{border-color:var(--line-strong);background:#ffffffb8;transform:translateY(-1px)}.mini-card strong:last-child{flex-shrink:0;white-space:nowrap}.row-actions,.mini-card>.icon-button{flex:0 0 auto}.row-actions .icon-button{flex:0 0 auto}.account-total-card{border-color:#18b46f40;background:linear-gradient(135deg,#18b46f21,#f7ff9e2e),#ffffff9e}.commitment-card{padding:17px}.form-note{font-size:.9rem;line-height:1.55}.table-shell{overflow-x:auto;border-color:var(--line);border-radius:var(--radius-lg);background:#ffffff80}.data-table{width:100%;min-width:760px;border-collapse:collapse}.data-table th,.data-table td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{color:var(--muted-strong);background:#ffffff8f;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.data-table tbody tr{transition:background .14s ease}.data-table tbody tr:hover{background:#0b82ff0b}.data-table tr:last-child td{border-bottom:none}.table-title{color:var(--ink);font-weight:800}.table-note{margin-top:5px;font-size:.86rem;line-height:1.45}.simple-list{padding-left:18px}.simple-list li+li{margin-top:8px}.empty-state{padding:12px 0;line-height:1.55}.error-text{color:var(--danger);font-weight:800}.session-warning-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#0c130e5c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.session-warning-card{width:min(500px,100%);padding:26px;border-color:var(--line);border-radius:var(--radius-xl);background:var(--surface-solid);box-shadow:var(--shadow-deep)}.session-warning-copy{margin-top:12px;color:var(--muted);line-height:1.65}.session-warning-countdown{display:inline-flex;align-items:center;min-height:38px;margin:18px 0;padding:0 12px;border-radius:999px;background:var(--gold-soft);color:#956100;font-weight:800}@keyframes riseIn{0%{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@container (max-width: 760px){.section-header{align-items:flex-start;flex-direction:column;gap:18px}.section-header>div{flex-basis:auto;width:100%}.section-header>.ghost-button,.section-header>.primary-button{align-self:flex-start}}@media(max-width:1180px){.page-shell{grid-template-columns:264px minmax(0,1fr)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.page-shell{width:min(100% - 24px,100%);display:block;padding-top:12px}.workspace-rail{position:relative;top:auto;height:auto;display:grid;gap:10px;margin-bottom:14px}.topbar{grid-template-columns:1fr;padding:18px}.brand-lockup{grid-template-columns:auto 1fr;align-items:center}.brand-mark{width:50px;height:50px;border-radius:17px;font-size:1.6rem}.topbar h1{max-width:none;font-size:clamp(1.3rem,4.6vw,2.1rem)}.primary-nav{flex-direction:row;align-items:center;overflow-x:auto;padding:10px;border-radius:22px}.nav-section-label,.rail-note{display:none}.nav-link{min-height:42px;flex:0 0 auto;white-space:nowrap}.nav-link-active{box-shadow:inset 0 -3px #47ec9b}.auth-shell,.grid-two,.grid-three{grid-template-columns:1fr}.auth-shell{width:min(100% - 24px,100%)}.section-header{align-items:flex-start;flex-direction:column}}@media(max-width:640px){body{background:radial-gradient(circle at 0% 0%,rgba(24,180,111,.22),transparent 18rem),linear-gradient(135deg,#fbf4e4,#eee2ca)}.auth-shell{padding:18px 0}.hero-card,.auth-card,.panel{padding:20px;border-radius:24px}.hero-card{min-height:180px}.compact-hero{min-height:126px}.hero-card h1,.auth-card h1{font-size:clamp(2.1rem,14vw,3.7rem)}.metrics-grid,.auth-highlight-grid{grid-template-columns:1fr}.split-card,.mini-card{display:grid;grid-template-columns:1fr}.panel-actions,.row-actions{justify-content:flex-start}.primary-button,.ghost-button{width:100%}.row-actions .icon-button{width:auto}}
