:root{--ink:#24343B;--ink-deep:#1b262b;--sage:#7F9685;--amber:#D99A3D;--warm-white:#F6F5F1;--white:#FFFFFF;--charcoal:#262B2D;--slate:#687277;--border:#DDE1DE;--green:#39734F;--orange:#C46A32;--red:#B84A4A}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--warm-white);color:var(--charcoal);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}.screen-dark{background:var(--ink);color:#fff;min-height:100vh}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:24px}.tagline{font-size:clamp(30px,6vw,54px);font-weight:600;letter-spacing:-.02em;margin:10px 0 0}.sub{color:rgba(255,255,255,.66);max-width:520px;font-size:17px;line-height:1.5;margin:0}.muted-d{color:rgba(255,255,255,.5);font-size:13px}.btn{display:inline-block;background:var(--amber);color:var(--ink);padding:12px 30px;border-radius:12px;font-weight:700;font-size:16px;border:none;cursor:pointer}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.55;cursor:default}.card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;text-align:left}.card h1{font-size:26px;margin:0;letter-spacing:-.01em}.card .lede{color:rgba(255,255,255,.6);font-size:15px;margin:-6px 0 6px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:rgba(255,255,255,.6)}.input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;padding:12px 14px;border-radius:10px;font-size:15px;width:100%}.input:focus{outline:none;border-color:var(--amber)}.error{color:#ff9b9b;font-size:14px;margin:0}.app-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--ink);color:#fff}.brand-lockup,.brand-sm{font-weight:700;font-size:18px;letter-spacing:-.01em}.brand-lockup{display:flex;align-items:center;gap:9px}.brand-logo{height:30px;width:30px;display:block}.usage-tag{font-size:12.5px;font-weight:500;color:rgba(255,255,255,.5);margin-left:4px;padding-left:12px;border-left:1px solid rgba(255,255,255,.18)}.app-main{padding:40px 24px;max-width:960px;margin:0 auto}.app-main h1{letter-spacing:-.02em;margin:0 0 8px}.app-sub{color:var(--slate);max-width:620px;line-height:1.5;margin:0}.card-light{border:1px solid var(--border);border-radius:14px;padding:20px}.card-light,.notice{background:var(--white)}.notice{color:var(--slate);font-size:12.5px;border:1px solid var(--border);border-radius:12px;padding:12px 14px;line-height:1.45}.ghost{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff;padding:8px 16px;border-radius:999px;cursor:pointer;font-size:14px}.ghost:hover{border-color:rgba(255,255,255,.55)}.btn-light{background:var(--white);border:1px solid var(--border);color:var(--charcoal);padding:8px 16px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap}.btn-light:hover{border-color:var(--sage)}.field-l{display:flex;flex-direction:column;gap:6px}.field-l label{font-size:13px;color:var(--slate)}.input-l,.select-l{background:var(--white);border:1px solid var(--border);color:var(--charcoal);padding:11px 13px;border-radius:10px;font-size:15px;width:100%}.input-l:focus,.select-l:focus{outline:none;border-color:var(--sage)}.app-layout{display:flex;min-height:100vh}.sidebar{width:200px;flex-shrink:0;background:var(--ink);color:#fff;padding:18px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;padding:6px 10px 16px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{padding:9px 12px;border-radius:8px;color:rgba(255,255,255,.7);font-size:15px;font-weight:500}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.nav-item-active{background:rgba(255,255,255,.14);color:#fff}.app-content{flex:1 1;min-width:0;background:var(--warm-white)}.stat-label{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--slate);font-weight:600}.stat-num{margin:4px 0 0;font-size:30px;font-weight:700;letter-spacing:-.02em}.stat-sub{margin:2px 0 0;font-size:13px;color:var(--slate)}.chip{display:inline-block;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:500;background:rgba(127,150,133,.14);border:1px solid rgba(127,150,133,.35);color:#3f5247}.combo-menu{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.08);max-height:220px;overflow-y:auto;padding:4px}.combo-item{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:15px;color:var(--charcoal)}.combo-item:hover{background:var(--warm-white)}.lineitems{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:6px}.lineitem-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--slate)}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill-green{background:rgba(57,115,79,.12);color:var(--green)}.pill-orange{background:rgba(196,106,50,.12);color:var(--orange)}.pill-red{background:rgba(184,74,74,.12);color:var(--red)}.pill-sage{background:rgba(127,150,133,.16);color:#3f5247}.pill-neutral{background:rgba(104,114,119,.12);color:var(--slate)}