@font-face{font-family:Bricolage;src:url('/assets/bricolage.ttf') format('truetype');font-weight:400 800;font-display:swap}@font-face{font-family:Hanken;src:url('/assets/hanken.ttf') format('truetype');font-weight:400 800;font-display:swap}
:root{color-scheme:dark;--navy:#00265a;--deep:#001840;--raised:#082f65;--teal:#7dc4d2;--coral:#ff9d82;--text:#fff;--muted:#b7c7df;--line:#ffffff26;--body:Hanken,system-ui,sans-serif;--heading:Bricolage,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.6}a{color:var(--teal);text-underline-offset:4px}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:10px 20px;border:1px solid var(--line);border-radius:8px;background:#ffffff0d;color:var(--text);cursor:pointer;text-decoration:none;font-weight:700}button:hover,.button:hover{border-color:var(--teal)}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--coral);color:var(--deep);border-color:var(--coral)}.secondary{background:transparent}.quiet{padding:4px 8px;background:transparent;border:0;color:var(--teal)}.danger{background:transparent;color:#ffbaaa;border-color:#ffbaaa55}h1,h2,h3{font-family:var(--heading);letter-spacing:-.035em;line-height:1.15;margin:0 0 16px}h1{font-size:clamp(32px,4vw,50px);font-weight:700}h2{font-size:24px}h3{font-size:19px;letter-spacing:-.02em}p{margin:0 0 16px}small{font-size:12px}.muted{color:var(--muted)}.teal{color:var(--teal)}.coral{color:var(--coral)}.eyebrow{color:var(--teal);font-size:11px;letter-spacing:.15em;font-weight:800;display:block;margin-bottom:12px}.sidebar{width:248px;background:var(--deep);position:fixed;inset:0 auto 0 0;padding:32px 20px 16px;display:flex;flex-direction:column;border-right:1px solid var(--line);overflow:auto;z-index:2}.brand{color:white;display:flex;gap:12px;align-items:center;text-decoration:none;font-family:var(--heading);font-size:29px;letter-spacing:-.06em;line-height:1}.brand small{display:block;font-family:var(--body);font-size:8px;letter-spacing:.17em;color:var(--teal);margin-top:10px}.brand-mark{font-size:52px;font-weight:800;position:relative;line-height:1}.brand-mark span{color:var(--coral);font-size:26px}.nav-label{font-size:10px;color:var(--muted);letter-spacing:.14em;margin:48px 12px 16px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;gap:14px;padding:10px 12px;border-radius:8px;color:#c5d3e7;text-decoration:none;font-size:13px;font-weight:600}.sidebar nav a span{width:18px;font-size:19px;line-height:1.2;text-align:center}.sidebar nav a:hover{background:#ffffff0a}.sidebar nav a.active{color:white;background:#4ca6b82b;border-left:3px solid var(--teal);padding-left:9px}.sidebar-bottom{margin-top:auto;padding:36px 8px 8px;display:flex;align-items:center;gap:12px}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{display:block;color:var(--muted)}.avatar{width:36px;height:36px;background:#ff9d8226;color:var(--coral);border-radius:50%;display:grid;place-items:center}.logout{padding-left:48px}.workspace{margin-left:248px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:12px}.pill{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:4px 12px;font-size:11px;color:var(--muted);white-space:nowrap}main{max-width:1440px;margin:0 auto;padding:40px}.page-heading{margin-bottom:36px}.page-heading p{color:var(--muted);margin:0;max-width:70ch}.page-heading .button{margin-top:24px}.panel{background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:28px;margin-bottom:24px;min-width:0}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-top h2{margin:0}.section-top a{font-size:12px}.section-top .eyebrow{margin:0}.overview-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.balance{background:linear-gradient(120deg,#073f6e,#09335d);position:relative;overflow:hidden}.balance:after{content:'';position:absolute;right:-110px;top:60px;width:300px;height:300px;border:1px solid #7dc4d230;border-radius:50%;pointer-events:none;box-shadow:0 0 0 36px #7dc4d209,0 0 0 72px #7dc4d207}.balance h2{font-size:31px;line-height:1.2;position:relative;z-index:1}.balance-number{font-family:var(--heading);font-size:68px;line-height:1.1;margin:20px 0 8px;color:var(--teal)}.balance-number small{font-family:var(--body);font-size:14px;display:block;color:white;letter-spacing:0;margin-top:8px}.balance p{color:var(--muted);font-size:12px}.balance .button{position:relative;z-index:1;margin-top:12px}.empty{text-align:center;padding:32px 16px;color:var(--muted)}.empty>span{font-size:36px;color:var(--teal);display:block;margin-bottom:12px}.empty h3{color:white}.list-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.list-row:last-child{border:0}.list-row small{display:block;color:var(--muted);margin-top:4px}.list-row p{margin:6px 0 0}.news-summary{border-bottom:1px solid var(--line);padding:12px 0}.news-summary:last-child{border:0}.news-summary h3{margin-bottom:8px}.news-summary p{color:var(--muted);font-size:13px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;margin-bottom:24px;background:var(--raised)}.stat-strip>div{padding:24px;border-right:1px solid var(--line)}.stat-strip>div:last-child{border:0}.stat-strip strong{font-family:var(--heading);font-size:30px;display:block}.stat-strip strong small{font-size:15px}.stat-strip span{font-size:12px;color:var(--muted)}form label{display:block;font-size:13px;font-weight:600;margin-bottom:16px}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid #7894b773;border-radius:7px;padding:11px 12px;background:var(--deep);color:white;margin-top:6px;min-height:44px}input[type=file]{padding:8px}textarea{resize:vertical}select option{background:var(--deep)}input::placeholder,textarea::placeholder{color:#9cafc9}input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--teal)}.check{display:flex;align-items:center;gap:10px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:24px}.form-grid button{justify-self:start;align-self:end}.wide{grid-column:1/-1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}td,th{padding:16px 12px;border-bottom:1px solid var(--line)}td:first-child,th:first-child{padding-left:0}tr:last-child td{border-bottom:0}.status{border-radius:5px;background:#ffffff12;color:var(--muted);padding:4px 10px;font-size:11px;text-transform:capitalize;display:inline-block}.status.approved,.status.paid{background:#7dc4d220;color:#a5e2d8}.status.pending{background:#ff9d821c;color:#ffc0aa}.status.rejected{background:#ffbaaa15;color:#ffbaaa}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.actions form{margin:0}.record{padding:24px 0;border-bottom:1px solid var(--line)}.record:last-child{border:0;padding-bottom:0}.record:first-of-type{padding-top:12px}.record h3{max-width:65ch;overflow-wrap:anywhere}.record .section-top{align-items:start}.amount{font-size:23px;color:var(--teal);white-space:nowrap}.inline-form{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-top:20px}.inline-form label{margin-bottom:0}.search-bar{display:grid;grid-template-columns:2fr 1fr auto;gap:16px;align-items:end;margin-bottom:28px}.search-bar label{margin:0}.prose{white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0;color:#e1e8f3}.signatures{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;border-block:1px solid var(--line);padding:24px 0}.signatures p{margin:8px 0}.signatures small{color:var(--muted)}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:700;color:var(--teal)}details form{margin-top:24px}.alert{padding:20px 24px;border:1px solid #ff9d8259;background:#ff9d8212;border-radius:10px;margin-bottom:24px;color:#ffe2d9}.alert p{margin:8px 0 0;font-size:14px}.alert.success{border-color:#7dc4d266;background:#7dc4d211;color:#cceff1}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 40px;color:var(--muted);font-size:11px}.skip{position:fixed;top:-100px;left:16px;z-index:10;background:var(--coral);color:var(--deep);padding:10px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.public-wrap{max-width:1400px;margin:auto}.public-wrap main{padding:48px}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:660px;margin:28px 0}.login-story{padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at bottom left,#15526c,var(--deep) 70%)}.login-story h1{font-size:clamp(36px,4vw,56px);margin:24px 0;line-height:1.15}.login-story em{font-style:normal;color:var(--coral)}.login-story p{max-width:36ch;color:var(--muted)}.login-story .brand{margin-bottom:60px}.login-panel{padding:64px 48px;background:var(--raised);display:flex;flex-direction:column;justify-content:center}.login-panel h2{font-size:34px}.login-panel>p{color:var(--muted);margin-bottom:32px}.login-panel .button{font-size:13px}.login-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0;color:var(--muted);font-size:12px}.login-panel .alert{margin-bottom:0}
@media(min-width:1600px){main{padding:48px 56px}}@media(max-width:1100px){.sidebar{width:210px;padding-inline:12px}.workspace{margin-left:210px}main{padding:28px}.topbar{padding-inline:28px}.overview-grid,.two-columns{grid-template-columns:1fr}.login-story,.login-panel{padding:36px}.public-wrap main{padding:24px}.login-layout{margin:0}.signatures{grid-template-columns:1fr}.section-top{flex-wrap:wrap}}@media(max-width:768px){.sidebar{position:static;width:auto;padding:20px}.sidebar .brand{font-size:24px}.brand-mark{font-size:40px}.nav-label,.sidebar-bottom,.logout{display:none}.sidebar nav{display:flex;overflow-x:auto;margin-top:24px;gap:8px;padding-bottom:8px}.sidebar nav a{white-space:nowrap;min-height:44px}.workspace{margin:0}.topbar{height:56px;padding:0 20px}.topbar .pill{display:none}main{padding:24px 16px}.page-heading{margin-bottom:24px}.panel{padding:20px}.form-grid,.search-bar{grid-template-columns:1fr}.search-bar button{justify-self:start}.stat-strip>div{padding:16px 12px}.stat-strip strong{font-size:24px}.stat-strip span{font-size:10px}.list-row{align-items:start;flex-wrap:wrap}.footer{padding:20px}.login-layout{grid-template-columns:1fr;min-height:0}.login-story{padding:28px;min-height:340px}.login-story .brand{margin-bottom:40px}.login-story>p{display:none}.login-panel{padding:36px 28px}.login-features{gap:12px}.public-wrap main{padding:16px}.login-story h1{font-size:36px}.balance-number{font-size:58px}.amount{font-size:20px}.section-top>form{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.brand img{display:block;max-width:100%;height:auto}