:root{color:#102018;background:#eef4eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app{background:radial-gradient(circle at 0 0,#1f8f582e,#0000 34rem),linear-gradient(#f9fbf6,#eef4eb);grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#102018;flex-direction:column;gap:24px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:#1f8f58;border-radius:17px;place-items:center;width:48px;height:48px;display:grid}.brand b{font-size:20px;display:block}.brand span,.side-foot small{color:#b8c9bf;font-size:13px;display:block}.sidebar nav{gap:8px;display:grid}.navbtn,.side-foot button{color:#dbe9df;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:15px;align-items:center;gap:10px;padding:12px 13px;display:flex}.navbtn:hover,.navbtn.active,.side-foot button:hover{color:#fff;background:#ffffff1a}.side-foot{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:16px}.side-foot p{margin:0 0 3px}.main{width:100%;max-width:1440px;margin:0 auto;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.topbar h1{letter-spacing:-.04em;margin:4px 0 0;font-size:36px}.eyebrow{color:#1f8f58;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px;font-weight:900}.card{background:#ffffffe6;border:1px solid #10201814;border-radius:24px;padding:22px;box-shadow:0 18px 60px #123c2c14}.card-lite{background:#fff;border:1px solid #10201814;border-radius:16px;padding:14px}.grid{display:grid}.gap{gap:18px}.two-col{grid-template-columns:1fr 1fr;gap:18px;display:grid}.two-col.wide{grid-template-columns:.9fr 1.1fr}.hero{background:linear-gradient(135deg,#fff,#effaf2);grid-template-columns:1.2fr .8fr;align-items:stretch;gap:20px;display:grid}.hero h2{letter-spacing:-.06em;margin:16px 0;font-size:54px;line-height:.95}.hero p{color:#52685d;line-height:1.65}.hero-panel{color:#e9f6ee;background:#102018;border-radius:22px;align-content:center;padding:22px;display:grid}.hero-panel p{color:#c7d8ce}.pill{color:#147342;background:#e6f6ed;border-radius:999px;align-items:center;gap:7px;width:max-content;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.btn{cursor:pointer;color:#fff;background:#123c2c;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:900;display:inline-flex}.btn:hover{background:#0f3025}.btn.secondary{color:#123c2c;background:#e9f2e6}.btn.full{width:100%}.btn:disabled{opacity:.6}.notice{color:#17643b;cursor:pointer;background:#eaf8ef;border:1px solid #bce8cb;border-radius:16px;margin-bottom:16px;padding:14px 16px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat svg{color:#147342}.stat span{color:#66786d;margin-top:8px;display:block}.stat b{letter-spacing:-.04em;font-size:36px;display:block}.section-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-head h3,.form h2{letter-spacing:-.03em;margin:4px 0 14px;font-size:28px}.module-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.module{background:#f8fbf6;border:1px solid #10201814;border-radius:18px;padding:15px}.module span{color:#fff;background:#123c2c;border-radius:11px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.module b{margin:10px 0 5px;display:block}.module p,.module small{color:#66786d;line-height:1.45}.form{gap:13px;display:grid}.form-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}label{color:#33473d;gap:7px;font-size:14px;font-weight:800;display:grid}input,select{background:#fff;border:1px solid #10201824;border-radius:14px;outline:none;width:100%;padding:12px 13px}input:focus,select:focus{border-color:#1f8f58;box-shadow:0 0 0 4px #1f8f581a}.lead-list{gap:14px;display:grid}.lead{justify-content:space-between;align-items:center;gap:14px;display:flex}.lead h3,.sample h3{margin:10px 0 5px}.lead p,.sample p{color:#66786d;margin:5px 0}.kanban{grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;padding-bottom:8px;display:grid;overflow:auto}.lane{background:#ffffff9e;border:1px solid #10201814;border-radius:20px;min-height:180px;padding:13px}.lane h3{text-transform:capitalize;margin:0 0 12px;font-size:16px}.deal{background:#fff;border:1px solid #10201814;border-radius:16px;margin-bottom:10px;padding:13px}.deal p,.deal small{color:#66786d;line-height:1.45;display:block}.deal select{margin-top:10px}.sample select{max-width:240px}.check{align-items:center;gap:10px;display:flex}.check input{width:auto}.check-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.result{background:#f3f8f0;border:1px solid #10201814;border-radius:18px;padding:15px}.result b{font-size:22px}.result li{color:#33473d;margin:7px 0}.output{white-space:pre-wrap;color:#e9f6ee;background:#102018;border-radius:18px;padding:16px;line-height:1.5;overflow:auto}.center{text-align:center;place-items:center;gap:12px;max-width:560px;margin:auto;display:grid}@media (max-width:1100px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(3,1fr)}.main{padding:18px}.hero,.two-col,.two-col.wide{grid-template-columns:1fr}.stats,.module-grid,.form-grid,.kanban{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.sidebar nav,.stats,.module-grid,.form-grid,.kanban,.check-grid{grid-template-columns:1fr}.topbar,.lead{display:grid}.hero h2{font-size:40px}}.app-fallback{background:#eef4eb;min-height:100vh;padding:24px}.muted{color:#66786d}.quick-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.quick{text-align:left;cursor:pointer;color:#102018}.quick svg{color:#147342}.quick b{margin:10px 0 6px;font-size:17px;display:block}.quick span{color:#66786d;line-height:1.45;display:block}.quick:hover{border-color:#1f8f58;transform:translateY(-2px)}.muted{color:#66786d;line-height:1.6}@media (max-width:1100px){.quick-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.quick-grid{grid-template-columns:1fr}}