:root{--blue: #2563eb;--blue-dark: #1d4ed8;--ink: #1a1a2e;--muted: #6b7280;--line: #e5e7eb;--bg: #f7f8fa;--surface: #ffffff;--surface-1: #f3f4f6;--surface-2: #ffffff;--input-bg: #ffffff;--hover: #f7f8fa;--accent-soft: #f0f4ff;--danger: #dc2626;--ok: #059669;--radius: 10px;--shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);color-scheme:light}:root[data-theme=dark]{--blue: #3b82f6;--blue-dark: #60a5fa;--ink: #e6e8ee;--muted: #9aa3b2;--line: #2a3140;--bg: #0e1116;--surface: #171b22;--surface-1: #1e2430;--surface-2: #171b22;--input-bg: #1e2430;--hover: #1e2430;--accent-soft: #1c2740;--danger: #f87171;--ok: #34d399;--shadow: 0 1px 3px rgba(0, 0, 0, .5);color-scheme:dark}:root[data-accent=teal]{--blue:#0d9488;--blue-dark:#0f766e;--accent-soft:#e2f7f3}:root[data-accent=indigo]{--blue:#4f46e5;--blue-dark:#4338ca;--accent-soft:#eef0ff}:root[data-accent=violet]{--blue:#7c3aed;--blue-dark:#6d28d9;--accent-soft:#f3ecff}:root[data-accent=green]{--blue:#16a34a;--blue-dark:#15803d;--accent-soft:#e7f6ec}:root[data-accent=amber]{--blue:#c2740a;--blue-dark:#9a5b08;--accent-soft:#fbf0dc}:root[data-accent=rose]{--blue:#e11d48;--blue-dark:#be123c;--accent-soft:#fce9ee}:root[data-accent=slate]{--blue:#475569;--blue-dark:#334155;--accent-soft:#eef1f5}:root[data-theme=dark][data-accent=teal]{--blue:#2dd4bf;--blue-dark:#5eead4;--accent-soft:#0c2b28}:root[data-theme=dark][data-accent=indigo]{--blue:#818cf8;--blue-dark:#a5b4fc;--accent-soft:#1e2140}:root[data-theme=dark][data-accent=violet]{--blue:#a78bfa;--blue-dark:#c4b5fd;--accent-soft:#241a3a}:root[data-theme=dark][data-accent=green]{--blue:#34d399;--blue-dark:#6ee7b7;--accent-soft:#0e2a1c}:root[data-theme=dark][data-accent=amber]{--blue:#fbbf24;--blue-dark:#fcd34d;--accent-soft:#2a2113}:root[data-theme=dark][data-accent=rose]{--blue:#fb7185;--blue-dark:#fda4af;--accent-soft:#2c1420}:root[data-theme=dark][data-accent=slate]{--blue:#94a3b8;--blue-dark:#cbd5e1;--accent-soft:#1c2534}:root[data-bg=warm]{--bg:#f7f5f1;--hover:#f1eee8}:root[data-bg=cool]{--bg:#f1f5f9;--hover:#e9eff5}:root[data-bg=graphite]{--bg:#eaecef;--hover:#e1e4e8}:root[data-theme=dark][data-bg=warm]{--bg:#14110d;--hover:#1e1a14}:root[data-theme=dark][data-bg=cool]{--bg:#0c0f15;--hover:#161b24}:root[data-theme=dark][data-bg=graphite]{--bg:#07080b;--hover:#13151a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.brand{font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.brand .accent{color:var(--blue)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--line)}.topbar .right{display:flex;align-items:center;gap:1rem}.container{max-width:960px;margin:0 auto;padding:2rem 1.25rem}.page-title{font-size:1.5rem;margin:0 0 .25rem;letter-spacing:-.02em}.page-sub{color:var(--muted);margin:0 0 1.5rem}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:2rem 1rem}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem}.auth-card h1{text-align:center;margin:0 0 .25rem}.auth-card .tagline{text-align:center;color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.login-shell{display:flex;min-height:100vh}.login-brand{flex:1 1 46%;position:relative;overflow:hidden;color:#fff;background:linear-gradient(150deg,var(--blue) 0%,var(--blue-dark) 62%,#0b1220 130%);padding:3rem 3.25rem;display:flex;flex-direction:column;justify-content:space-between}.login-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#fff 1.4px,transparent 0);background-size:26px 26px}.login-brand:after{content:"";position:absolute;right:-140px;bottom:-160px;width:460px;height:460px;border-radius:50%;border:44px solid rgba(255,255,255,.08)}.login-brand>*{position:relative;z-index:1}.login-brand .lb-word{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.login-brand .lb-head{font-size:clamp(1.7rem,3.2vw,2.45rem);line-height:1.12;font-weight:700;letter-spacing:-.02em;margin:0 0 1rem;max-width:15ch}.login-brand .lb-sub{font-size:1rem;opacity:.9;max-width:34ch;margin:0 0 1.75rem}.login-brand .lb-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}.login-brand .lb-list li{display:flex;align-items:center;gap:10px;font-size:.98rem;opacity:.96}.login-brand .lb-check{width:22px;height:22px;border-radius:50%;background:#ffffff2e;display:grid;place-items:center;font-size:.8rem;flex-shrink:0}.login-brand .lb-foot{font-size:.82rem;opacity:.75}.login-main{flex:1 1 54%;display:grid;place-items:center;padding:2rem 1.25rem;background:var(--bg)}.login-main .auth-card{border:1px solid var(--line);box-shadow:var(--shadow)}@media (max-width: 860px){.login-shell{flex-direction:column}.login-brand{flex:none;padding:1.5rem 1.5rem 1.75rem}.login-brand:after{display:none}.login-brand .lb-sub,.login-brand .lb-list,.login-brand .lb-foot{display:none}.login-brand .lb-head{font-size:1.4rem;margin:.7rem 0 0;max-width:none}.login-main{flex:1;padding-top:1.75rem}}.field{margin-bottom:1rem}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}input,select{width:100%;padding:.6rem .75rem;font-size:.95rem;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--ink)}input:focus,select:focus{outline:2px solid var(--blue);border-color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;border:1px solid transparent;border-radius:8px;background:var(--blue);color:#fff}.btn:hover{background:var(--blue-dark)}.btn:disabled{opacity:.6;cursor:default}.btn.block{width:100%}.btn.ghost{background:transparent;color:var(--blue);border-color:var(--line)}.btn.ghost:hover{background:var(--accent-soft)}.btn.sm{padding:.4rem .7rem;font-size:.85rem}.btn.link{background:none;border:none;color:var(--blue);padding:0;font-weight:600}.grid{display:grid;gap:1rem}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 640px){.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card.click{cursor:pointer;transition:box-shadow .15s,transform .15s}.card.click:hover{box-shadow:0 4px 12px #1018281a;transform:translateY(-1px)}.stat .label{color:var(--muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.stat .value{font-size:1.6rem;font-weight:700;margin-top:.25rem;letter-spacing:-.02em}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--line);font-size:.9rem}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.num{text-align:right;font-variant-numeric:tabular-nums}.nav{display:flex;gap:.25rem;padding:0 1.25rem;background:var(--surface);border-bottom:1px solid var(--line);overflow-x:auto}.nav a{padding:.75rem .9rem;font-size:.9rem;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.nav a:hover{color:var(--ink);text-decoration:none}.nav a.active{color:var(--blue);border-bottom-color:var(--blue)}.pill.draft{background:#f3f4f6;color:#4b5563}.pill.open{background:#eff6ff;color:var(--blue-dark)}.pill.partial{background:#fffbeb;color:#b45309}.pill.paid{background:#ecfdf5;color:var(--ok)}.pill.void{background:#fef2f2;color:var(--danger)}.line-row{display:grid;grid-template-columns:2fr .6fr .9fr .9fr .7fr 1.4fr auto;gap:.4rem;align-items:center;margin-bottom:.5rem}.line-row .col-label{font-size:.7rem;color:var(--muted);font-weight:600}.totals{max-width:320px;margin-left:auto}.totals .row{margin-top:.35rem}.line-row input,.line-row select{padding:.45rem .55rem;font-size:.9rem}.icon-btn{background:none;border:1px solid var(--line);border-radius:6px;cursor:pointer;padding:.4rem .55rem;color:var(--muted)}.icon-btn:hover{color:var(--danger);border-color:var(--danger)}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.mt{margin-top:1.5rem}.tr-click{cursor:pointer}.tr-click:hover td{background:var(--hover)}.notice{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;height:100vh;display:flex;flex-direction:column;padding:1rem 0 .5rem;z-index:50;overflow-y:auto}.sidebar .brand{padding:.25rem 1.25rem .75rem}.sidebar-company{margin:0 .75rem .5rem;width:calc(100% - 1.5rem);justify-content:space-between}.nav-group{padding:.35rem 0}.nav-group-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;padding:.4rem 1.25rem .15rem}.side-link{display:block;padding:.5rem 1.25rem;font-size:.9rem;color:var(--ink);font-weight:500;border-left:3px solid transparent}.side-link:hover{background:var(--hover);text-decoration:none}.side-link.active{color:var(--blue);border-left-color:var(--blue);background:var(--accent-soft);font-weight:600}.sidebar-footer{margin-top:auto;padding:.75rem 1.25rem 0;border-top:1px solid var(--line)}.main-area{margin-left:240px;flex:1;min-width:0}.mobile-bar,.sidebar-overlay{display:none}.hamburger{background:none;border:1px solid var(--line);border-radius:8px;padding:.35rem .6rem;cursor:pointer;font-size:1.1rem;line-height:1}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--line)}.topbar-menu{display:none}.tb-item{position:relative}.tb-spacer{flex:1}.tb-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--line);border-radius:8px;padding:.35rem .6rem;cursor:pointer;font:inherit;color:var(--ink)}.tb-btn:hover{background:var(--hover)}.tb-co{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.tb-search{flex:1;max-width:420px}.tb-search input{width:100%;padding:.4rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--input-bg, var(--surface));color:var(--ink);font:inherit}.tb-new{white-space:nowrap}.tb-icon{position:relative;background:none;border:none;cursor:pointer;font-size:1.15rem;padding:.2rem .35rem;border-radius:8px;line-height:1}.tb-icon:hover{background:var(--hover)}.tb-badge{position:absolute;top:-2px;right:-2px;background:var(--danger);color:#fff;font-size:.62rem;font-weight:700;border-radius:999px;padding:0 4px;min-width:15px;text-align:center}.tb-avatar{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;background:var(--accent-soft);color:var(--blue);font-weight:700;font-size:.8rem}.tb-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #00000024;padding:.35rem;z-index:60}.tb-menu-right{left:auto;right:0}.tb-search-menu{left:0;right:0;width:100%;max-height:360px;overflow-y:auto}.tb-menu-head{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:.3rem .5rem}.tb-menu-item{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:.45rem .5rem;border-radius:7px;font:inherit;color:var(--ink)}.tb-menu-item:hover{background:var(--hover)}.tb-menu-item.on{color:var(--blue);font-weight:600}.tb-menu-sep{border-top:1px solid var(--line);margin:.3rem 0}.tb-menu-empty{padding:.6rem .5rem;color:var(--muted);font-size:.85rem}.tb-hit-type{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:6px}.tb-hit-label{font-weight:600}.tb-hit-sub{display:block;font-size:.78rem;color:var(--muted)}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .2s ease;box-shadow:0 0 40px #0000002e}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.mobile-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:45}.topbar-menu{display:inline-flex}.tb-hide-mobile{display:none}.tb-search{max-width:none}}@media print{.sidebar,.mobile-bar,.topbar,.sidebar-overlay,.no-print{display:none!important}.main-area{margin-left:0!important}body{background:#fff}.invoice-sheet .card{box-shadow:none;border:none}.container{padding:0}}.error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca;padding:.6rem .75rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.muted{color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.pill{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.pill.role{background:#eef2ff;color:var(--blue-dark)}.center-note{text-align:center;color:var(--muted);padding:3rem 1rem}:root[data-fontsize=small]{font-size:15px}:root[data-fontsize=large]{font-size:17.5px}:root[data-density=compact] th,:root[data-density=compact] td{padding:.42rem .6rem}:root[data-density=compact] input,:root[data-density=compact] select{padding:.42rem .55rem}:root[data-density=compact] .card{padding:.85rem 1rem}:root[data-density=compact] .side-link{padding:.4rem 1.25rem}:root[data-density=compact] .btn{padding:.45rem .85rem}.lp{color:var(--ink)}.lp .btn.lg{padding:.7rem 1.4rem;font-size:1rem}.lp-nav{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto;padding:1.1rem 1.25rem}.lp-brand{display:flex;align-items:center;gap:9px;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.lp-nav-links{display:flex;align-items:center;gap:1rem}.lp-link{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}.lp-link:hover{color:var(--blue)}.lp-hero{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;overflow:hidden;position:relative}.lp-hero:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:#ffffff12;top:-260px;right:-160px}.lp-hero-inner{max-width:1120px;margin:0 auto;padding:4.5rem 1.25rem 5rem;position:relative;z-index:1}.lp-eyebrow{display:inline-block;background:#ffffff29;padding:.35rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600;margin-bottom:1.25rem}.lp-h1{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.08;font-weight:800;letter-spacing:-.03em;margin:0 0 1.25rem;text-wrap:balance}.lp-sub{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;max-width:44ch;opacity:.95;margin:0 0 1.9rem}.lp-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.1rem}.lp-ghost-onblue{background:#ffffff1f;color:#fff;border-color:#ffffff80}.lp-ghost-onblue:hover{background:#ffffff38}.lp-trust{font-size:.9rem;opacity:.85;margin:0}.lp-section{max-width:1120px;margin:0 auto;padding:4rem 1.25rem}.lp-h2{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:800;letter-spacing:-.02em;text-align:center;margin:0 0 .6rem;text-wrap:balance}.lp-section-sub{text-align:center;color:var(--muted);max-width:52ch;margin:0 auto 2.5rem;font-size:1.05rem}.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}.lp-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.6rem}.lp-card-icon{font-size:1.9rem;margin-bottom:.7rem}.lp-card-title{font-size:1.15rem;font-weight:700;margin:0 0 .4rem}.lp-card-body{color:var(--muted);line-height:1.55;margin:0;font-size:.96rem}.lp-band{background:linear-gradient(135deg,var(--blue-dark),var(--blue))}.lp-band-inner{max-width:820px;margin:0 auto;padding:3.5rem 1.25rem;text-align:center}.lp-band-sub{color:#ffffffeb;font-size:1.1rem;line-height:1.6;max-width:56ch;margin:.75rem auto 0}.lp-pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;align-items:start}.lp-plan{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.6rem 1.35rem;position:relative;display:flex;flex-direction:column;gap:.85rem}.lp-plan.featured{border-color:var(--blue);box-shadow:0 12px 30px -18px var(--blue)}.lp-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--blue);color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;letter-spacing:.02em}.lp-plan-name{font-size:1.1rem;font-weight:700;margin:0}.lp-plan-price{font-size:1.9rem;font-weight:800;letter-spacing:-.02em}.lp-plan-price span{font-size:.85rem;font-weight:500;color:var(--muted)}.lp-plan-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;flex:1}.lp-plan-points li{font-size:.92rem;color:var(--ink);padding-left:1.3rem;position:relative}.lp-plan-points li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}.lp-final{text-align:center;padding:4.5rem 1.25rem}.lp-footer{border-top:1px solid var(--line);max-width:1120px;margin:0 auto;padding:2rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.lp-foot-links{display:flex;gap:1.25rem}.lp-foot-links a{color:var(--muted);text-decoration:none;font-size:.9rem}.lp-foot-links a:hover{color:var(--blue)}.lp-foot-note{color:var(--muted);font-size:.82rem;margin:0;width:100%;text-align:center}@media (max-width: 860px){.lp-grid,.lp-pricing{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.lp-grid,.lp-pricing{grid-template-columns:1fr}.lp-nav-links .lp-link{display:none}}.lp-plan-lead{color:var(--muted);font-size:.88rem;margin:0;min-height:2.4em}.lp-plan-points li.lead{color:var(--muted);font-weight:600;padding-left:0;margin-top:.2rem}.lp-plan-points li.lead:before{content:""}.lp-linkbtn{background:none;border:none;color:var(--blue);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.lp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.lp-modal{background:var(--surface);border-radius:16px;padding:1.75rem;width:100%;max-width:440px;position:relative;box-shadow:0 24px 60px -20px #0006;max-height:90vh;overflow-y:auto}.lp-modal-x{position:absolute;top:.9rem;right:1rem;background:none;border:none;font-size:1.1rem;color:var(--muted);cursor:pointer}.app-banner{padding:.6rem 1rem;font-size:.9rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.app-banner.demo{background:var(--blue);color:#fff}.app-banner.locked{background:#b45309;color:#fff}.app-banner .btn{padding:.3rem .75rem;font-size:.82rem}.app-banner .banner-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:8px;padding:.3rem .75rem;cursor:pointer;font-size:.82rem}.app-banner .banner-btn:hover{background:#ffffff52}