:root{--bg:#04060d;--panel:#0a0f1cc7;--panel-solid:#0a0f1c;--card:#0e1628d1;--line:#7aa8ff2e;--text:#eff6ff;--muted:#93a4bd;--cyan:#14f1ff;--blue:#4c7dff;--purple:#a855f7;--green:#28ff9b;--yellow:#ffd166;--red:#ff4d6d;--shadow:0 0 28px #14f1ff24, 0 0 60px #a855f714;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 15% 10%, #14f1ff29, transparent 25%), radial-gradient(circle at 80% 0%, #a855f72e, transparent 28%), radial-gradient(circle at 60% 70%, #28ff9b14, transparent 25%), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{flex-direction:column;min-height:100vh;display:flex}.public-nav,.app-topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#04060dc7;justify-content:space-between;align-items:center;height:76px;padding:0 42px;display:flex;position:sticky;top:0}.logo-mark{background:linear-gradient(135deg, var(--cyan), var(--purple));color:#050711;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 0 22px #14f1ff59}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-weight:800;display:flex}.brand small{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:500;display:block}.nav-links{color:var(--muted);align-items:center;gap:24px;font-size:14px;display:flex}.nav-links a:hover{color:var(--cyan)}.nav-actions{align-items:center;gap:12px;display:flex}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{border-color:#14f1ff80;transform:translateY(-1px)}.btn-primary{color:#03050c;background:linear-gradient(135deg, var(--cyan), var(--green));border:0;box-shadow:0 0 28px #14f1ff47}.btn-purple{background:linear-gradient(135deg, var(--blue), var(--purple));border:0}.btn-danger{color:#ffd3dc;border-color:#ff4d6d61}.btn-block{justify-content:center;width:100%}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;max-width:1200px;margin:0 auto;padding:72px 28px 54px;display:grid}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:800}.hero h1,.page-title h1{letter-spacing:-.075em;margin:12px 0 16px;font-size:clamp(42px,6vw,74px);line-height:.95}.gradient-text{background:linear-gradient(135deg, var(--cyan), var(--green), var(--purple));color:#0000;-webkit-background-clip:text}.hero p,.page-title p{color:var(--muted);max-width:680px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.glass,.card,.metric,.form-card,.bot-card,.table-card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);background:linear-gradient(#0e1628eb,#080c18c2)}.preview-panel{min-height:420px;padding:22px;position:relative;overflow:hidden}.preview-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 10%,#14f1ff29,#0000 28%);position:absolute;inset:-2px}.preview-header{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.status-dot{background:var(--green);width:10px;height:10px;box-shadow:0 0 14px var(--green);border-radius:999px;display:inline-block}.preview-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.preview-chart{border:1px solid var(--line);height:170px;color:var(--muted);background:linear-gradient(135deg,#14f1ff1a,#a855f714);border-radius:18px;place-items:center;margin-top:16px;display:grid}.section{max-width:1200px;margin:0 auto;padding:42px 28px}.section-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.section h2{letter-spacing:-.05em;margin:0;font-size:34px}.section p{color:var(--muted);line-height:1.65}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card{padding:22px}.card h3{margin:10px 0 8px}.card .icon{font-size:28px}.auth-wrap{place-items:center;min-height:calc(100vh - 76px);padding:44px 20px;display:grid}.auth-grid{grid-template-columns:1fr .85fr;gap:24px;width:min(1020px,100%);display:grid}.form-card{padding:30px}.form-card h1{letter-spacing:-.05em;margin-top:0;font-size:36px}.field{margin:16px 0}.label-row{color:#dbeafe;justify-content:space-between;gap:10px;margin-bottom:8px;font-weight:700;display:flex}.help{color:var(--cyan);cursor:help;border:1px solid #14f1ff47;border-radius:999px;place-items:center;width:20px;height:20px;font-size:12px;display:inline-grid}.input,.select,textarea.input{border:1px solid var(--line);width:100%;color:var(--text);background:#01050ea8;border-radius:14px;outline:none;padding:13px 14px}.input:focus,.select:focus{border-color:#14f1ffbf;box-shadow:0 0 0 3px #14f1ff1f}.note{color:var(--muted);font-size:13px;line-height:1.55}.tip{color:#c5faff;background:#14f1ff14;border:1px solid #14f1ff38;border-radius:16px;padding:14px}.app-layout{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#03060eeb;height:100vh;padding:24px;position:sticky;top:0}.side-nav{gap:8px;margin-top:34px;display:grid}.side-nav a{color:var(--muted);border-radius:14px;align-items:center;gap:10px;padding:13px 14px;display:flex}.side-nav a.active,.side-nav a:hover{color:var(--text);background:#14f1ff14;border:1px solid #14f1ff2e}.app-main{min-width:0}.app-content{padding:28px}.app-topbar{height:72px;padding:0 28px;position:sticky}.profile-pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:flex}.avatar{background:linear-gradient(135deg, var(--purple), var(--cyan));color:#050711;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.page-title{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.page-title h1{font-size:44px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric{padding:18px}.metric span{color:var(--muted);font-size:13px}.metric strong{letter-spacing:-.04em;margin-top:6px;font-size:28px;display:block}.metric .positive{color:var(--green)}.metric .negative{color:var(--red)}.layout-two{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}.bot-list{gap:14px;display:grid}.bot-card{grid-template-columns:1fr auto;align-items:center;gap:16px;padding:18px;display:grid}.bot-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.badge.green{color:var(--green);background:#28ff9b14;border-color:#28ff9b47}.badge.blue{color:var(--cyan);background:#14f1ff14;border-color:#14f1ff47}.bot-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-section{margin-bottom:22px}.form-section h2{margin-bottom:10px;font-size:22px}.check-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.check-card{border:1px solid var(--line);color:#dbeafe;background:#ffffff08;border-radius:14px;padding:12px}.summary-card{padding:22px;position:sticky;top:92px}.summary-row{color:var(--muted);border-bottom:1px solid #ffffff12;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.summary-row strong{color:var(--text);text-align:right}.table-card{overflow:hidden}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid #ffffff12;padding:14px 16px}.table th{color:var(--muted);background:#ffffff08;font-weight:700}.table td{color:#dbeafe}.chart-placeholder{border-radius:var(--radius);border:1px solid var(--line);height:260px;color:var(--muted);background:linear-gradient(135deg,#14f1ff12,#a855f70f);place-items:center;display:grid}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;width:100%;max-width:1200px;margin:42px auto 0;padding:28px;display:flex}.footer-links{flex-wrap:wrap;gap:18px;display:flex}@media (max-width:980px){.hero,.auth-grid,.layout-two{grid-template-columns:1fr}.grid-3,.grid-4,.metrics-grid{grid-template-columns:repeat(2,1fr)}.app-layout{grid-template-columns:1fr}.sidebar{display:none}.public-nav{padding:0 18px}.nav-links{display:none}}@media (max-width:620px){.grid-3,.grid-4,.metrics-grid,.form-grid,.check-grid,.preview-grid,.bot-card{grid-template-columns:1fr}.bot-actions{justify-content:start}.page-title{display:block}.footer{flex-direction:column}}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu summary::marker{display:none}