:root{--bg:#f6fbff;--panel:#fff;--ink:#0f172a;--muted:#5b677a;--blue:#2563eb;--cyan:#06b6d4;--violet:#7c3aed;--green:#16a34a;--line:#dbeafe;--dark:#08111f;--shadow:0 20px 60px rgba(37,99,235,.12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.55}.top{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10}.wrap{max-width:1240px;margin:0 auto;padding:0 24px}.nav{height:68px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.logo{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:var(--shadow)}.links{display:flex;gap:16px;align-items:center;font-weight:750;font-size:14px}.links a{color:var(--ink);text-decoration:none}.cta{background:var(--blue);color:white!important;padding:10px 14px;border-radius:12px}.hero{padding:72px 0;background:radial-gradient(circle at top right,#dff7ff,#fff 45%,#eef6ff)}.kicker{display:inline-block;background:#eaf3ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:999px;padding:8px 12px;font-weight:850;font-size:13px}h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 14px;max-width:1000px}.lead{font-size:20px;color:var(--muted);max-width:900px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{border:1px solid var(--line);border-radius:13px;padding:12px 16px;background:white;color:var(--blue);font-weight:850;cursor:pointer;text-decoration:none}.btn.primary{background:var(--blue);color:white;border-color:var(--blue)}.grid{display:grid;gap:20px}.two{grid-template-columns:1.1fr .9fr}.three{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.section{padding:44px 0}.card{background:white;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px}.muted{color:var(--muted)}.workspace{display:grid;grid-template-columns:260px 1fr 330px;gap:18px}.side,.right,.main{background:white;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.tab{display:block;width:100%;text-align:left;background:#f8fbff;border:1px solid var(--line);border-radius:12px;margin:8px 0;padding:12px;cursor:pointer;font-weight:800}.tab.active{background:#eaf3ff;border-color:#93c5fd;color:#1d4ed8}.metric{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{background:#f8fbff;border:1px solid var(--line);border-radius:14px;padding:14px}.stat b{font-size:26px;color:var(--blue)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;margin:7px 0;background:#fff;color:var(--ink)}textarea{min-height:110px}.feed{display:grid;gap:10px;max-height:420px;overflow:auto}.item{border:1px solid var(--line);background:#fbfdff;border-radius:14px;padding:13px}.tag{display:inline-block;font-size:12px;background:#eef6ff;color:#1d4ed8;border-radius:999px;padding:4px 8px;margin:2px}.warn{background:#fff7ed;border-color:#fed7aa}.dark{background:var(--dark);color:white}.dark p{color:#cbd5e1}.receipt{font-family:ui-monospace,monospace;font-size:12px;white-space:pre-wrap}.ok{color:var(--green);font-weight:900}.bar{height:12px;border-radius:999px;overflow:hidden;background:#dbeafe;display:flex}.b1{width:35%;background:var(--blue)}.b2{width:25%;background:var(--cyan)}.b3{width:22%;background:var(--violet)}.b4{width:18%;background:#94a3b8}@media(max-width:1000px){.workspace,.two{grid-template-columns:1fr}.links{display:none}}