:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f7f5ff;background:#070811;font-synthesis:none;--bg:#080917;--bg2:#0e0d21;--panel:#111227;--panel2:#15152d;--edge:#342b54;--muted:#a6a4bd;--purple:#ad47fd;--pink:#ec3cfa;--cyan:#21d4f8;--green:#25dd87;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}svg{flex-shrink:0}.icon{vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.6}img{max-width:100%}.grad-text{background:linear-gradient(110deg,#f38cff 4%,#a467ff 45%,#19e1fe 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-logo{display:inline-flex;gap:10px;align-items:center;font-weight:900;font-size:25px;letter-spacing:-.065em;white-space:nowrap}.brand-logo .brand-symbol{display:grid;place-items:center;width:34px;height:34px;border:3px solid #bd48ff;border-radius:12px;transform:rotate(-10deg);box-shadow:0 0 19px #9d29ff66;color:#ce5fff}.brand-symbol svg{width:23px;height:23px;transform:rotate(10deg);stroke-width:3}.brand-big{font-size:28px}.brand-big .brand-symbol{width:41px;height:41px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:11px 19px;border-radius:12px;border:1px solid #4c3b6a;background:#1c1733;color:#f7f2ff;font-size:13px;font-weight:700;transition:.2s ease;text-align:center;white-space:nowrap}.btn:hover{border-color:#b27eff;transform:translateY(-1px);box-shadow:0 8px 30px #a130ff33}.btn.primary{border-color:#cb49fa;background:linear-gradient(120deg,#8a25f5,#c62af6 55%,#8028ff);box-shadow:0 0 21px #8e2dff45;color:white}.btn.primary:hover{box-shadow:0 0 27px #a74cff99}.btn.ghost{background:transparent;border-color:#88729c}.btn.subtle{background:#241d43;border-color:#48336a}.btn.cyan{border-color:#06dafa;background:linear-gradient(120deg,#8a36f8,#14cce3)}.btn.small{min-height:36px;padding:8px 13px;font-size:12px}.btn.tiny{padding:7px 10px;min-height:31px;font-size:11px;border-radius:9px}.btn .icon{width:18px;height:18px}.btn.block{width:100%}.glass{background:linear-gradient(140deg,#151127ed,#11172ce8);border:1px solid #4b3b65;box-shadow:0 14px 36px #0005}.kicker{text-transform:uppercase;letter-spacing:.19em;color:#c47bff;font-weight:800;font-size:11px}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #695087;padding:6px 12px;border-radius:100px;background:#150f28;color:#e4d5ff;font-size:12px;font-weight:650}.small-note{color:var(--muted);font-size:12px}.demo-strip{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;color:#d9caff;background:#211332;border-bottom:1px solid #603a83;font-size:11px;text-align:center}.demo-strip strong{color:#fff}.demo-strip .icon{width:14px;height:14px}.pill-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#40eda5;box-shadow:0 0 12px #40eda5}.status{padding:5px 10px;border-radius:100px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;white-space:nowrap}.status.green{background:#063f31;color:#46efab}.status.purple{background:#38235b;color:#d0a0ff}.status.amber{background:#52371c;color:#ffc672}.status.blue{background:#203758;color:#77c4ff}.muted{color:var(--muted)}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading h2{font-size:23px;margin-bottom:5px}.section-heading p{font-size:13px;color:#a5a2ba}.section-heading .btn{margin-top:1px}.avatar{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(140deg,#6736ee,#9c2aff,#12bdd4);color:#fff;font-size:11px;font-weight:900;box-shadow:inset 0 1px #fff5}.avatar.pink{background:linear-gradient(130deg,#f5359b,#7832ff)}.avatar.cyan{background:linear-gradient(130deg,#2686ff,#20d8d9)}.avatar.violet{background:linear-gradient(130deg,#a83cff,#3929a7)}.campaign-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:linear-gradient(135deg,#6f24b6,#301d75,#152f4b);color:#e5a8ff;border:1px solid #754ea3;border-radius:11px;box-shadow:inset 0 0 12px #be54ff43}.campaign-mark svg{height:20px;width:20px}.empty-state{text-align:center;padding:45px 20px;color:#b8b1cf}.empty-state .icon{display:block;margin:0 auto 12px;width:34px;height:34px;color:#a75dff}.empty-state h3{color:#fff;margin-bottom:6px}.empty-state p{font-size:13px;max-width:390px;margin:auto}.modal-backdrop{position:fixed;inset:0;background:#04040bdd;z-index:1000;display:grid;place-items:center;padding:16px;backdrop-filter:blur(10px)}.modal{width:min(100%,520px);background:linear-gradient(150deg,#1b1732,#111224);padding:27px;border:1px solid #705594;border-radius:22px;box-shadow:0 0 90px #5c1c9973;max-height:90vh;overflow-y:auto}.modal-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.modal-head h2{font-size:24px}.modal-head p{font-size:12px;color:var(--muted);margin-top:5px}.modal-close{background:#241c3b;border:1px solid #514169;color:white;border-radius:10px;display:grid;place-items:center;width:34px;height:34px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.field label{color:#d8d0eb;font-size:12px;font-weight:750}.field input,.field select,.field textarea,.search-input{background:#0c0e20;color:#fff;border:1px solid #43385e;border-radius:10px;min-height:43px;padding:12px 14px;outline:none;width:100%;font-size:13px}.field textarea{resize:vertical;min-height:78px}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:#ac65ff;box-shadow:0 0 0 3px #8530fb29}.form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;right:22px;bottom:20px;z-index:1200;background:#241c3b;border:1px solid #7a56b0;padding:14px 18px;border-radius:12px;box-shadow:0 8px 50px #000b;font-size:13px;max-width:350px;animation:toastin .25s ease}@keyframes toastin{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}.focus-ring:focus-visible,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #c481ff;outline-offset:3px}
