:root{--page:#f5f3e8;--surface:#fffef8;--surface-soft:#edf0e2;--ink:#102f25;--ink-soft:#53665d;--line:#d8dfcf;--brand:#b9ef52;--brand-strong:#8dca28;--forest:#173c2e;--forest-soft:#28523f;--white:#fff;--danger:#a43c32;--danger-soft:#f9e8e4;--warning:#8b5b0b;--warning-soft:#fff3d5;--success:#2f6e43;--success-soft:#e5f3e7;--shadow:0 18px 52px #102f2514;--shadow-small:0 7px 22px #102f2512;--radius:16px;--radius-small:10px}
*{box-sizing:border-box}html{background:var(--page);color:var(--ink)}body{background:var(--page);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-strong) 62%, transparent);outline-offset:2px}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:850;display:inline-flex}.brand-mark{background:var(--brand);width:32px;height:32px;color:var(--forest);border-radius:9px;place-items:center;display:grid}.brand-mark svg{width:20px;height:20px}.eyebrow{color:var(--success);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.muted{color:var(--ink-soft)}.small{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.button{background:var(--brand);min-height:44px;color:var(--forest);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-weight:760;transition:transform .15s,background .15s;display:inline-flex}.button:hover{background:var(--brand-strong);transform:translateY(-1px)}.button.secondary{background:var(--surface);border-color:var(--line)}.button.ghost{border-color:var(--line);background:0 0}.button.danger{background:var(--danger);color:var(--white)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.icon-button{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink);border-radius:10px;place-items:center;display:grid}.field{gap:7px;display:grid}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:44px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px 12px}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 25%, transparent);outline:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-stack{gap:16px;display:grid}.checkbox{align-items:flex-start;gap:10px;font-size:14px;display:flex}.checkbox input{accent-color:var(--brand-strong);margin-top:3px}.public-header{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:24px 30px;display:flex}.public-nav{align-items:center;gap:12px;display:flex}.landing{background:radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--brand) 24%, transparent), transparent 28%), var(--page);min-height:100vh}.hero{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:72px;max-width:1180px;min-height:calc(100vh - 92px);margin:auto;padding:60px 30px 100px;display:grid}.hero h1{letter-spacing:-.065em;max-width:740px;margin:0;font-size:clamp(48px,7vw,90px);line-height:.96}.hero p{max-width:600px;color:var(--ink-soft);margin:28px 0;font-size:19px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.product-preview{min-height:450px;color:var(--white);background:var(--forest);box-shadow:var(--shadow);border-radius:30px;padding:36px;position:relative;overflow:hidden}.product-preview:after{content:"";background:var(--brand);opacity:.9;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-100px;right:-80px}.product-preview h2{z-index:1;letter-spacing:-.04em;margin:80px 0 12px;font-size:42px;position:relative}.product-preview p{z-index:1;color:color-mix(in srgb, var(--white) 72%, transparent);position:relative}.preview-chip{z-index:1;color:var(--forest);background:var(--brand);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.auth-page{place-items:center;min-height:100vh;padding:30px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(100%,480px);box-shadow:var(--shadow);border-radius:20px;padding:34px}.auth-card h1{letter-spacing:-.04em;margin:28px 0 8px}.auth-footer{text-align:center;color:var(--ink-soft);margin-top:20px;font-size:14px}.workspace{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--forest);height:100vh;color:var(--white);flex-direction:column;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar .brand{padding:0 10px 22px}.sidebar-section{color:color-mix(in srgb, var(--white) 56%, transparent);letter-spacing:.11em;text-transform:uppercase;margin:16px 10px 8px;font-size:10px;font-weight:800}.sidebar nav{gap:4px;display:grid}.nav-link{min-height:42px;color:color-mix(in srgb, var(--white) 76%, transparent);border-radius:9px;align-items:center;gap:11px;padding:9px 11px;font-size:14px;font-weight:650;display:flex}.nav-link svg{width:18px;height:18px}.nav-link:hover,.nav-link.active{color:var(--white);background:color-mix(in srgb, var(--white) 10%, transparent)}.nav-link.active{box-shadow:inset 3px 0 var(--brand)}.sidebar-bottom{margin-top:auto}.account-switcher{width:100%;color:var(--white);background:color-mix(in srgb, var(--white) 8%, transparent);border:1px solid color-mix(in srgb, var(--white) 14%, transparent);border-radius:10px;padding:11px}.account-switcher option{color:var(--ink);background:var(--surface)}.workspace-main{min-width:0}.topbar{z-index:10;background:color-mix(in srgb, var(--page) 91%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-title{font-size:14px;font-weight:750}.topbar-actions{align-items:center;gap:10px;display:flex}.user-badge{align-items:center;gap:10px;font-size:13px;display:flex}.avatar{background:var(--brand);width:34px;height:34px;color:var(--forest);border-radius:50%;place-items:center;font-weight:800;display:grid}.mobile-menu{display:none}.content{width:min(100%,1440px);margin:auto;padding:34px 36px 70px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.page-header h1{letter-spacing:-.045em;margin:0 0 6px;font-size:clamp(28px,4vw,42px)}.page-header p{color:var(--ink-soft);margin:0}.grid{gap:18px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-small);padding:22px}.card h2,.card h3{letter-spacing:-.025em;margin-top:0}.card.flush{padding:0;overflow:hidden}.metric{min-height:142px}.metric-label{color:var(--ink-soft);font-size:13px;font-weight:650}.metric-value{letter-spacing:-.04em;margin:20px 0 4px;font-size:32px;font-weight:850}.metric-note{color:var(--ink-soft);font-size:12px}.callout{background:var(--surface-soft);border-left:4px solid var(--brand-strong);border-radius:8px;padding:16px 18px}.callout.warning{background:var(--warning-soft);border-color:var(--warning)}.callout.danger{background:var(--danger-soft);border-color:var(--danger)}.callout.success{background:var(--success-soft);border-color:var(--success)}.status{color:var(--ink-soft);background:var(--surface-soft);text-transform:capitalize;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status.active,.status.approved,.status.paid,.status.completed,.status.sent{color:var(--success);background:var(--success-soft)}.status.failed,.status.suspended,.status.expired,.status.needs_attention,.status.rejected{color:var(--danger);background:var(--danger-soft)}.status.awaiting_payment,.status.open,.status.applied,.status.reconcile,.status.partially_paid{color:var(--warning);background:var(--warning-soft)}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%}th{color:var(--ink-soft);background:var(--surface-soft);text-align:left;text-transform:uppercase;letter-spacing:.06em;padding:13px 16px;font-size:11px}td{border-top:1px solid var(--line);vertical-align:top;padding:15px 16px;font-size:14px}tr:hover td{background:color-mix(in srgb, var(--surface-soft) 45%, transparent)}.table-title{font-weight:750}.table-subtitle{color:var(--ink-soft);margin-top:3px;font-size:12px}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;display:grid}.plan{flex-direction:column;min-height:420px;display:flex;position:relative}.plan.featured{border-color:var(--brand-strong)}.plan-price{letter-spacing:-.05em;margin:22px 0 4px;font-size:34px;font-weight:850}.plan-price span{letter-spacing:0;color:var(--ink-soft);font-size:13px;font-weight:600}.plan ul{color:var(--ink-soft);gap:10px;padding:0;font-size:14px;list-style:none;display:grid}.plan li:before{content:"✓";color:var(--success);margin-right:9px;font-weight:900}.plan .button{margin-top:auto}.saving{color:var(--success);font-size:12px;font-weight:750}.price-breakdown{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px;margin:16px 0;padding:14px 0;display:grid}.price-row{justify-content:space-between;gap:14px;font-size:13px;display:flex}.price-row.total{font-weight:800}.empty{text-align:center;color:var(--ink-soft);padding:44px 24px}.empty h3{color:var(--ink);margin-bottom:8px}.loading{min-height:280px;color:var(--ink-soft);place-items:center;display:grid}.error{color:var(--danger);background:var(--danger-soft);border-radius:9px;padding:14px;font-size:14px}.success{color:var(--success);background:var(--success-soft);border-radius:9px;padding:14px;font-size:14px}.tabs{gap:6px;margin-bottom:24px;display:flex;overflow:auto}.tab{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:700}.tab.active{background:var(--forest);color:var(--white);border-color:var(--forest)}.modal-backdrop{z-index:50;background:color-mix(in srgb, var(--forest) 56%, transparent);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(100%,640px);max-height:90vh;box-shadow:var(--shadow);border-radius:18px;padding:26px;overflow:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.modal-header h2{margin:0}.actions{flex-wrap:wrap;gap:9px;display:flex}.split{grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);align-items:start;gap:20px;display:grid}.summary-list{gap:13px;display:grid}.summary-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding-bottom:11px;font-size:14px;display:flex}.summary-row:last-child{border:0}@media (max-width:1024px){.grid.four,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:35px}.split{grid-template-columns:1fr}}@media (max-width:760px){.public-header{padding:18px}.public-nav .secondary{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 18px}.hero h1{font-size:52px}.product-preview{min-height:350px}.workspace{grid-template-columns:1fr}.sidebar{z-index:40;width:min(86vw,290px);box-shadow:var(--shadow);transition:transform .2s;position:fixed;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.mobile-menu{display:grid}.topbar{padding:0 16px}.topbar-title,.user-badge span{display:none}.content{padding:26px 16px 60px}.page-header{flex-direction:column}.grid.two,.grid.three,.grid.four,.form-grid{grid-template-columns:1fr}.metric{min-height:120px}.auth-page{padding:14px}.auth-card{padding:26px 20px}}