@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{--paper:#f5f3eb;--ink:#183e33;--muted:#6d756c;--line:#d9ddd2;--white:#fffefa;--lime:#dfed9e;--red:#a52d24;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:var(--white);color:var(--ink);padding:10px 15px;border-radius:5px}button:hover{background:#edf0e3}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#28604e}.danger{color:var(--red)}a{color:inherit}.shell{display:grid;grid-template-columns:225px 1fr;min-height:100vh}.rail{background:var(--ink);color:var(--paper);padding:30px 22px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.brand{font-family:Libre Caslon Display,Georgia,serif;font-size:45px;letter-spacing:-2px;line-height:1}.brand small{display:block;font:10px DM Sans,sans-serif;letter-spacing:2px;margin-top:12px;text-transform:uppercase}.rail nav{display:grid;gap:4px}.rail nav button{border:0;text-align:left;background:transparent;color:#cbd5ca;padding:13px 12px}.rail nav button[aria-current=page]{background:var(--lime);color:var(--ink)}.rail .bottom{margin-top:auto;display:grid;gap:12px}.rail select{width:100%;padding:10px;background:#245044;color:var(--white);border:1px solid #527164;border-radius:5px}.rail label{font-size:11px;text-transform:uppercase;letter-spacing:1px}.main{min-width:0;padding:32px 4vw 70px;background:radial-gradient(ellipse at 90% 0,#e9ecd7 0,transparent 45%)}.topbar{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:20px}.intro{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:38px 0 28px}h1{font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(36px,4vw,58px);font-weight:400;letter-spacing:-1px;margin:0}h2{font-size:18px;margin:0 0 16px}h3{font-size:13px;letter-spacing:.3px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);margin-bottom:10px}.subtitle{color:var(--muted);font-size:14px;line-height:1.7}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.toolbar input{min-width:140px;flex:1}.toolbar label{font-size:11px;color:var(--muted)}input,select,textarea{padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink);max-width:100%}textarea{min-height:90px;resize:vertical}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:7px;background:var(--white)}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:#eef0e7;text-align:left;padding:16px 18px;border-bottom:1px solid var(--line)}td{padding:17px 18px;border-bottom:1px solid #eef0e7}tbody tr:last-child td{border:0}tbody tr[data-action]{cursor:pointer}tbody tr[data-action]:hover{background:#f4f7e8}.money{font-variant-numeric:tabular-nums;text-align:right}.badge{background:#edf2df;padding:4px 8px;border-radius:4px;font-size:11px}.totals{display:flex;gap:36px;padding:21px 0;justify-content:flex-end}.total-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.total-value{font-family:Libre Caslon Display,Georgia,serif;font-size:30px;margin-top:3px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.card{background:var(--white);padding:24px;border:1px solid var(--line);border-radius:7px}.card p{font-size:13px;color:var(--muted);line-height:1.7}.empty{padding:64px 24px;text-align:center;color:var(--muted)}.empty strong{display:block;font-family:Libre Caslon Display,Georgia,serif;font-size:30px;color:var(--ink);font-weight:400;margin-bottom:12px}.error{padding:15px 18px;background:#f8e5de;border-left:3px solid var(--red);font-size:13px;color:var(--red);margin:15px 0}.success{padding:14px;background:var(--lime);font-size:13px}.detail-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px}.section-nav{display:grid;align-content:start;gap:6px}.section-nav button{text-align:left;border:0;background:transparent;font-size:12px}.section-nav button.active{background:#e4e9d9}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:25px;margin-bottom:25px}.fact label{display:block;text-transform:uppercase;font-size:10px;color:var(--muted);margin-bottom:6px}.fact div{font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}dialog{padding:0;border:1px solid var(--line);border-radius:9px;max-width:min(640px,calc(100vw - 24px));width:100%;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#102b22aa;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-head{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.dialog-body{padding:24px 26px;max-height:70vh;overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px;align-content:start}.field>span{font-size:11px;color:var(--muted)}.field.wide{grid-column:1/-1}.dialog-foot{display:flex;gap:10px;justify-content:flex-end;padding-top:25px}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-art{background:var(--ink);color:var(--paper);padding:60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:"";width:500px;height:500px;border:70px solid #305c47;border-radius:50%;position:absolute;right:-160px;top:25%;opacity:.7}.login-art h1{max-width:500px;font-size:clamp(55px,6vw,90px);z-index:1}.login-art p{color:#b9c8b8;font-size:13px}.login-panel{padding:60px;display:flex;align-items:center}.login-panel>div{max-width:360px}.login-panel a{display:inline-block;text-decoration:none;padding:14px 23px;border-radius:4px;margin-top:20px}.login-panel .eyebrow{margin-bottom:20px}.fade-in{animation:arrive .3s ease-out}@keyframes arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.shell{grid-template-columns:175px 1fr}.rail{padding:25px 14px}.main{padding:24px}.detail-layout{grid-template-columns:1fr}.section-nav{display:flex;overflow:auto}.login-art{padding:40px}.login-panel{padding:35px}}@media(max-width:640px){.shell{display:block}.rail{position:relative;height:auto;gap:18px;padding:20px}.brand{font-size:32px}.brand small{display:inline;margin-left:15px}.rail nav{display:flex;overflow:auto}.rail nav button{white-space:nowrap}.rail .bottom{grid-template-columns:1fr auto;gap:8px;align-items:end}.rail .bottom label{display:none}.main{padding:20px 16px}.intro{margin-top:26px;align-items:start}h1{font-size:40px}.toolbar{gap:8px}.topbar{font-size:9px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.login{grid-template-columns:1fr}.login-art{min-height:350px;padding:30px}.login-art h1{font-size:60px}.login-panel{padding:35px 30px}.totals{gap:20px;justify-content:space-between;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.fade-in{animation:none}}.demo-banner{padding:8px 16px;text-align:center;background:#fff2cd;color:#503c00;font:600 13px system-ui}
