:root{--ink:#17201d;--muted:#64716d;--line:#d9e2dc;--paper:#fbfcf8;--surface:#fff;--mint:#11615c;--mint-2:#d8f1ea;--coral:#d6604c;--gold:#d29b2e;--blue:#3769a8;--dark:#0e2522;--shadow:0 24px 70px rgba(24,42,36,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;background:var(--dark);color:#f7fff9;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#e7fff5;color:var(--dark);font-weight:900}.brand strong,.brand small{display:block}.brand small{color:#a9c3bc}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;color:#c8dcd7;text-align:left;padding:12px 14px;border-radius:8px;font-weight:700}.nav button:hover,.nav button.active{background:rgba(255,255,255,.1);color:#fff}.sidebar-note{margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.06)}.sidebar-note span{font-size:12px;color:#a9e6d5;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.sidebar-note p{margin:8px 0 0;color:#dcebe7;font-size:13px;line-height:1.45}.content{min-width:0}.view{display:none;padding:76px clamp(22px,5vw,76px);min-height:100vh}.view.active{display:block}.hero{background:linear-gradient(135deg,#f8fbf6 0%,#e8f4ed 52%,#f6eee1 100%)}.hero.active{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(320px,1.18fr);align-items:center;gap:clamp(28px,6vw,76px)}.hero-copy{align-self:center}.eyebrow{margin:0 0 10px;color:var(--mint);text-transform:uppercase;letter-spacing:.1em;font-weight:900;font-size:12px}h1{margin:0;font-size:clamp(52px,8vw,118px);line-height:.88;letter-spacing:0}h2{margin:0;font-size:clamp(30px,4.2vw,54px);line-height:1;letter-spacing:0}h3{margin:0 0 14px;font-size:20px}.hero-lead{margin:24px 0 0;max-width:720px;color:#384540;font-size:clamp(18px,2vw,24px);line-height:1.45}.hero-actions{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}.btn,button,.primary,.ghost{border:0;min-height:42px;padding:0 16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.primary,.btn.primary{background:var(--mint);color:#fff}.ghost,.btn.ghost,button{background:#e9f2ee;color:var(--ink)}button.danger,.danger{color:var(--coral)}.hero-visual{min-width:0}.mock-window{border-radius:8px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid rgba(14,37,34,.12)}.mock-topbar{height:44px;background:#132a27;display:flex;align-items:center;gap:8px;padding:0 16px}.mock-topbar span{width:10px;height:10px;border-radius:50%;background:#e5fff5;opacity:.75}.mock-grid{display:grid;grid-template-columns:118px minmax(210px,1fr);gap:16px;padding:18px;min-height:390px;background:#f8faf6}.mock-menu,.mock-main{border-radius:8px;background:#fff;border:1px solid var(--line);padding:14px}.mock-menu{display:grid;align-content:start;gap:12px}.mock-menu b{height:24px;border-radius:6px;background:#eef4f0}.mock-menu b:first-child{background:var(--mint-2)}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-kpis i{height:72px;border-radius:8px;background:linear-gradient(160deg,#e9f6ef,#fff);border:1px solid var(--line)}.mock-chart{height:170px;margin-top:14px;display:flex;gap:10px;align-items:end;padding:18px;border-radius:8px;background:#f4f7f2}.mock-chart span{flex:1;border-radius:6px 6px 0 0;background:var(--mint);min-height:45px}.mock-chart span:nth-child(2){height:70%;background:var(--gold)}.mock-chart span:nth-child(3){height:42%;background:var(--blue)}.mock-chart span:nth-child(4){height:86%;background:var(--coral)}.mock-list{display:grid;gap:10px;margin-top:14px}.mock-list em{height:42px;border-radius:8px;background:#fff;border:1px solid var(--line)}.home-panels{grid-column:1/-1}.section-heading{max-width:940px;margin-bottom:28px}.section-heading>p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.5}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 34px rgba(22,35,31,.06);padding:20px;margin-bottom:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:18px}.kpi{padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px}.kpi span{color:var(--muted);font-size:13px;font-weight:800}.kpi strong{display:block;font-size:31px;margin:6px 0}.kpi small{color:var(--muted)}.kpi.warn strong{color:var(--gold)}.kpi.danger strong{color:var(--coral)}.stack{display:grid;gap:10px}.item{padding:14px;border-radius:8px;background:#f8faf6;border:1px solid var(--line)}.item.done{opacity:.6}.item.done strong{text-decoration:line-through}.item-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--mint-2);color:var(--mint);font-size:12px;font-weight:900}.pill.warn{background:#fff4d6;color:var(--gold)}.pill.danger{background:#ffe9e4;color:var(--coral)}.hint,.muted{color:var(--muted);font-size:13px;line-height:1.45}.editor-layout{display:grid;grid-template-columns:320px minmax(360px,1fr);gap:24px;align-items:start}.tools{position:sticky;top:20px}.tools label{display:grid;gap:8px;font-weight:800;margin:10px 0}.tools input,.tools textarea,.rules select{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.tools hr{border:0;border-top:1px solid var(--line);margin:18px 0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drop{min-height:96px;border:1px dashed #99b5ae;border-radius:8px;background:#f4fbf8;display:grid;place-items:center;text-align:center;color:var(--muted);padding:16px}.drop.large{min-height:210px}.drop input{margin-top:10px}.row{display:flex;gap:8px}.wide{width:100%;margin-top:10px}.notice{padding:12px;background:#f4f7f2;border:1px solid var(--line);border-radius:8px;color:var(--mint);font-weight:700}.canvas-panel{overflow:auto;padding:16px}.invoice-canvas{position:relative;width:794px;height:1123px;margin:auto;background:#fff;border:1px solid #cbd8d2;box-shadow:var(--shadow);overflow:hidden}.invoice-canvas:before{content:"A4";position:absolute;right:14px;top:10px;color:#b7c3be;font-weight:900}.invoice-block{position:absolute;min-width:84px;min-height:34px;padding:8px;border:1px solid transparent;background:rgba(255,255,255,.82);white-space:pre-wrap;line-height:1.35}.invoice-block.shape{background:var(--mint-2);border-color:var(--mint);min-height:12px}.invoice-block.selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(55,105,168,.16)}.resize-handle{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;border-radius:50%;background:var(--blue)}.table-list{display:grid}.table-row{display:grid;grid-template-columns:1.4fr .9fr .8fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.table-row:first-child{border-top:0}.table-row.deleted{opacity:.45}.table-row select{border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff}.rules{display:grid;gap:12px}.rules label{display:grid;gap:7px}.rules label:has(input){display:flex}.big{font-size:28px;font-weight:900;color:var(--mint)}ol{line-height:1.85}@media(max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero.active,.grid.two,.grid.three,.editor-layout,.kpi-grid{grid-template-columns:1fr}.tools{position:static}.invoice-canvas{width:680px;height:962px}}@media(max-width:680px){.view{padding:48px 16px}.mock-grid{grid-template-columns:1fr}.mock-menu{display:none}.invoice-canvas{width:540px;height:764px}.table-row{grid-template-columns:1fr}.nav{grid-template-columns:1fr}}