@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#1c2330;--muted:#7b8595;--line:#e8ebf0;--paper:#fff;--wash:#f6f7fb;--violet:#6c5ce7;--violet-dark:#5142c6;--mint:#dff7ec;--peach:#fff0df;--sky:#e8f1ff;--rose:#ffe5ec}*{box-sizing:border-box}body,html{background:var(--wash)}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#202736;color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:28px}.brand{font-size:22px;font-weight:800;letter-spacing:-.04em;padding:0 12px}.brand span{color:#a89eff}.nav{display:grid;gap:6px}.nav a{padding:12px 14px;border-radius:12px;color:#aeb5c3;font-weight:600}.nav a.active,.nav a:hover{background:#30394d;color:#fff}.sidebar-spacer{flex:1 1}.side-note{color:#8993a5;font-size:12px;line-height:1.5;padding:0 12px}.main{flex:1 1;min-width:0;padding:34px clamp(18px,4vw,58px) 54px}.topbar{max-width:1150px;margin:0 auto 32px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{color:var(--violet);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;margin:0 0 8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.05em;line-height:1.05;margin-bottom:10px}h2{font-size:22px;letter-spacing:-.035em;margin-bottom:8px}h3{font-size:16px;margin-bottom:6px}.subtitle{color:var(--muted);line-height:1.6}.content{max-width:1150px;margin:0 auto}.grid{gap:18px}.card{background:var(--paper);border-radius:20px;padding:22px;box-shadow:0 8px 30px rgba(35,43,62,.035)}.card-tight{padding:16px 18px}.hero-card{color:#fff;background:linear-gradient(135deg,#6858e5,#8a79f4);border:0;padding:28px}.hero-card .eyebrow{color:#d9d4ff}.hero-card .subtitle{color:#eeeaff}.stat{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.stat-value{font-size:30px;letter-spacing:-.05em}.stat-label{color:var(--muted);font-size:13px}.icon-bubble{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-size:20px}.mint{background:var(--mint)}.peach{background:var(--peach)}.sky{background:var(--sky)}.rose{background:var(--rose)}.progress{background:#edf0f5}.progress>span{background:linear-gradient(90deg,#6c5ce7,#9f91ff)}.row{gap:14px}.small{font-size:12px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:#f0f1f6;color:#687184;font-size:11px;font-weight:800;white-space:nowrap}.pill.violet{background:#eeeaff;color:#5e50d1}.pill.green{background:#e5f8ee;color:#198858}.pill.orange{background:#fff1e0;color:#b46b1f}.pill.red{background:#ffe9ed;color:#c34a64}.btn{border:0;border-radius:12px;padding:11px 15px;background:var(--violet);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{background:var(--violet-dark)}.btn.secondary{background:#eef0f5;color:#4f586a}.btn.danger{background:#c94d64}.btn.ghost{background:transparent;color:var(--violet);padding-left:0;padding-right:0}label{font-size:12px;font-weight:800;color:#5e6778}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;color:var(--ink);background:#fff;outline:none}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#978cff;box-shadow:0 0 0 3px #eeeaff}.list{display:grid;gap:10px}.list-item{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.empty{text-align:center;padding:34px 20px;border:1px dashed #dce0e9;border-radius:16px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0,#e8e4ff,transparent 35%),var(--wash)}.auth-card{width:min(100%,450px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 22px 70px rgba(42,35,96,.1)}.auth-card .brand{color:var(--ink);padding:0;margin-bottom:34px;display:block}.error{background:#fff0f2;color:#b53c55;padding:11px 13px;border-radius:11px;font-size:13px}.landing{min-height:100vh;padding:26px clamp(20px,6vw,90px);background:linear-gradient(135deg,#f7f5ff,#f5f7fb 50%,#eefcf7)}.landing-nav{margin:0 auto;display:flex;justify-content:space-between}.landing-hero,.landing-nav{max-width:1200px;align-items:center}.landing-hero{margin:100px auto 0;display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.landing h1{font-size:clamp(42px,7vw,78px);max-width:740px}.landing h1 em{color:var(--violet);font-style:normal}.landing-copy{max-width:580px;font-size:18px}.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.mockup{background:#fff;border:1px solid #e2e1ed;border-radius:26px;padding:18px;box-shadow:0 28px 70px rgba(70,54,155,.16);transform:rotate(2deg)}.mockup-top{height:9px;width:42%;border-radius:99px;background:#ddd8ff;margin-bottom:18px}.mockup-card{border-radius:16px;padding:18px;background:linear-gradient(135deg,#6c5ce7,#927ff0);color:#fff;margin-bottom:14px}.mockup-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mockup-stat{padding:15px;border:1px solid #ececf2;border-radius:15px}.mobile-only{display:none}@media (max-width:900px){.sidebar{width:210px}.landing-hero{grid-template-columns:1fr;margin-top:70px;gap:45px}.mockup{max-width:560px}}@media (max-width:700px){.shell,.sidebar{display:block}.sidebar{width:auto;padding:14px 16px}.brand{display:inline-block;padding:7px 0}.nav{display:flex;overflow-x:auto;gap:2px;margin-top:10px}.nav a{padding:9px 11px;font-size:12px;white-space:nowrap}.side-note,.sidebar-spacer{display:none}.main{padding:24px 14px 40px}.topbar{margin-bottom:24px}.form-grid,.grid-2,.grid-3{grid-template-columns:1fr}.card{border-radius:16px;padding:18px}.row.stack-mobile{align-items:stretch;flex-direction:column}h1{font-size:32px}}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:28px}.lead{color:var(--muted);max-width:650px;margin:10px 0 0}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 30px rgba(64,49,27,.035)}.card.soft{background:#edf3ec;border-color:#d3e1d1}.card.warn{background:#f8edd6;border-color:#ecd7a4}.card.danger{background:#fae5e0;border-color:#ecc8c1}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.stat-value{display:block;font-size:2rem;font-weight:800;letter-spacing:-.06em;margin-top:4px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions,.button{align-items:center}.button{border:0;border-radius:10px;padding:10px 15px;background:var(--violet);color:#fff;font-weight:800;display:inline-flex;justify-content:center;gap:7px}.button:hover{background:var(--violet-dark)}.button.secondary{background:#eef0f5;color:#4f586a}.button.ghost{background:transparent;color:var(--violet);border:1px solid var(--line)}.button.danger{background:#c94d64}.button.small{padding:7px 10px;font-size:.82rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink)}.textarea{min-height:96px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:2px solid #c8c2ff;border-color:var(--violet)}.progress{height:8px;border-radius:99px;background:#e8e9ef;overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--violet)}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 9px;font-size:.73rem;font-weight:800;background:#e9eaf0;color:#5e6473}.badge.green{background:#d9e8da;color:#345b3e}.badge.yellow{background:#f5e3b5;color:#795914}.badge.red{background:#f3d4cf;color:#8a4138}.divider{border:0;border-top:1px solid var(--line);margin:18px 0}.small{font-size:.82rem}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.stack{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-weight:700;font-size:.86rem}.field.full{grid-column:1/-1}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0,#e8e4ff,transparent 35%),var(--wash)}.auth-wrap .auth-card{width:min(100%,460px)}.auth-wrap .brand{color:var(--ink);padding:0;margin-bottom:0;display:inline-flex}.empty{padding:22px 4px;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}td,th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}@media (max-width:700px){.page-head{display:grid}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.grid-2,.grid-3{grid-template-columns:1fr}}