:root{--bg: #070a12;--bg2: #0b101c;--panel: #0f1524;--panel2: #131b2e;--border: #1d2740;--border2: #263350;--text: #e6ecf7;--muted: #8b96b0;--faint: #5b667f;--accent: #7c5cff;--accent2: #22d3ee;--gold: #f5b53f;--green: #2ee6a6;--red: #ff5c72;--yellow: #fbbf24;--grad: linear-gradient(135deg, #7c5cff 0%, #22d3ee 100%);--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#33456b}.mono{font-family:JetBrains Mono,monospace}.app{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);padding:20px 14px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.logo{display:flex;align-items:center;gap:10px;padding:6px 10px 18px}.logo-badge{width:36px;height:36px;border-radius:10px;background:var(--grad);display:grid;place-items:center;font-weight:900;color:#0a0e17;box-shadow:0 0 24px #7c5cff80}.logo-title{font-weight:800;font-size:15px;letter-spacing:.02em}.logo-title span{color:var(--accent2)}.logo-sub{font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.nav-group{font-size:10px;color:var(--faint);letter-spacing:.14em;text-transform:uppercase;padding:12px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--muted);cursor:pointer;border:1px solid transparent;transition:all .15s;text-decoration:none;font-size:13px;font-weight:500}.nav-item:hover{color:var(--text);background:var(--panel)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#7c5cff38,#22d3ee1f);border-color:#7c5cff66}.nav-item .ico{width:18px;text-align:center;font-size:15px}.side-foot{margin-top:auto;padding:12px 10px;border-top:1px solid var(--border);font-size:11px;color:var(--faint)}.main{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:14px 26px;background:#070a12d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.page-title{font-size:20px;font-weight:800}.page-crumb{font-size:11px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase}.top-right{display:flex;align-items:center;gap:14px}.search-pill{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);padding:8px 14px;border-radius:99px;font-size:12px;color:var(--muted);cursor:pointer;transition:all .15s}.search-pill:hover{border-color:var(--border2);color:var(--text)}.user-chip{display:flex;align-items:center;gap:8px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:12px;font-weight:800;color:#0a0e17}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.content{padding:24px 26px 48px;max-width:1440px;margin:0 auto}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}@media(max-width:1100px){.g4,.g5{grid-template-columns:repeat(3,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.g4,.g5,.g3,.g2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .15s}.card:hover{border-color:var(--border2)}.card-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}.card-title .ico{font-size:14px}.card-value{font-size:26px;font-weight:800;margin-top:8px;letter-spacing:-.01em}.card-sub{font-size:12px;color:var(--muted);margin-top:4px}.section{margin-bottom:22px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}.section-title .ico{font-size:16px}.ring{position:relative;width:52px;height:52px;flex-shrink:0}.ring svg{transform:rotate(-90deg)}.ring-track{stroke:var(--border2)}.ring-val{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;font-weight:800}.score-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700}.score-high{background:#2ee6a624;color:var(--green)}.score-mid{background:#f5b53f24;color:var(--gold)}.score-low{background:#ff5c7224;color:var(--red)}.bar-track{height:7px;border-radius:99px;background:var(--bg2);overflow:hidden}.bar-fill{height:100%;border-radius:99px;background:var(--grad);transition:width .5s ease}.bar-fill.gold{background:linear-gradient(90deg,#f5b53f,#f97316)}.bar-fill.green{background:linear-gradient(90deg,#10b981,#2ee6a6)}.bar-fill.red{background:linear-gradient(90deg,#f43f5e,#ff5c72)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;border:1px solid var(--border2);background:var(--panel2);color:var(--text);font-weight:600;font-size:13px;cursor:pointer;transition:all .15s;text-decoration:none}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--grad);border:none;color:#0a0e17;font-weight:800;box-shadow:0 6px 20px #7c5cff59}.btn.primary:hover{filter:brightness(1.1)}.btn.gold{background:linear-gradient(135deg,#f5b53f,#f97316);border:none;color:#1a1203;font-weight:800}.btn.small{padding:6px 12px;font-size:12px}.btn.ghost{background:transparent;border-color:var(--border);color:var(--muted)}.btn.ghost:hover{color:var(--text);border-color:var(--border2)}.input,.select,.textarea{background:var(--bg2);border:1px solid var(--border2);color:var(--text);border-radius:10px;padding:10px 14px;font-size:13px;width:100%;outline:none;transition:border-color .15s;font-family:inherit}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff2e}.label{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;display:block}.hint{font-size:11px;color:var(--faint);margin-top:6px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:10px 12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--border)}.table td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:hover td{background:#7c5cff0d}.table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px}.badge.green{background:#2ee6a624;color:var(--green)}.badge.blue{background:#22d3ee24;color:var(--accent2)}.badge.purple{background:#7c5cff29;color:#a78bfa}.badge.yellow{background:#fbbf2424;color:var(--yellow)}.badge.red{background:#ff5c7224;color:var(--red)}.badge.gray{background:#8b96b024;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1100px){.hero-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.hero-grid{grid-template-columns:1fr}}.hero-card{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--panel) 0%,var(--panel2) 100%);border:1px solid var(--border);border-radius:18px;padding:22px;transition:transform .2s,border-color .2s;cursor:pointer;text-decoration:none;color:var(--text)}.hero-card:hover{transform:translateY(-3px);border-color:var(--accent)}.hero-card .glow{position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;filter:blur(50px);opacity:.25}.hero-ico{font-size:26px;margin-bottom:10px}.hero-name{font-size:17px;font-weight:800}.hero-desc{font-size:12px;color:var(--muted);margin-top:4px}.hero-num{font-size:28px;font-weight:900;margin-top:14px;letter-spacing:-.01em}.hero-num small{font-size:12px;color:var(--muted);font-weight:600}.alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel2);font-size:13px;margin-bottom:8px}.alert.warn{border-color:#fbbf2466;background:#fbbf240f}.alert.info{border-color:#22d3ee59;background:#22d3ee0d}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:8px 14px;border-radius:9px;cursor:pointer;border:1px solid transparent;font-size:12px;font-weight:600;color:var(--muted);background:transparent}.tab:hover{color:var(--text)}.tab.active{color:#fff;background:var(--panel2);border-color:var(--accent)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-dow{text-align:center;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:6px 0}.cal-day{min-height:86px;border:1px solid var(--border);border-radius:10px;padding:6px;background:var(--panel);font-size:11px}.cal-day.empty{background:transparent;border-style:dashed}.cal-day.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cal-num{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px}.cal-post{font-size:10px;padding:3px 5px;border-radius:5px;margin-bottom:3px;background:#7c5cff29;border:1px solid rgba(124,92,255,.35);color:#c4b5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-post.pub{background:#2ee6a61f;border-color:#2ee6a659;color:var(--green)}.cal-post.more{background:transparent;border-color:var(--border2);color:var(--muted)}.cal-rendered{color:var(--green);margin-left:2px;cursor:help}.chat{display:flex;flex-direction:column;height:600px}.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.msg{max-width:78%;padding:11px 14px;border-radius:14px;font-size:13px;line-height:1.5}.msg.bot{align-self:flex-start;background:var(--panel2);border:1px solid var(--border);border-bottom-left-radius:4px}.msg.user{align-self:flex-end;background:var(--grad);color:#0a0e17;font-weight:600;border-bottom-right-radius:4px}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat-suggest{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:600;background:#ffffff05}.chip:hover{color:var(--text);border-color:var(--accent)}.chip-x{color:var(--faint);font-size:14px;font-weight:700;line-height:1;padding:0 2px}.chip-x:hover{color:#ff5c72}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.wrap{flex-wrap:wrap}.mt{margin-top:14px}.mt2{margin-top:22px}.mb{margin-bottom:12px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12px}.big{font-size:16px}.grow{flex:1}.flex{display:flex}.col{display:flex;flex-direction:column}.center{align-items:center}.bold{font-weight:700}.divider{height:1px;background:var(--border);margin:14px 0}.est-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--gold);background:#f5b53f1f;border:1px solid rgba(245,181,63,.35);padding:3px 8px;border-radius:6px}.conf-score{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--accent2);background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);padding:3px 8px;border-radius:6px}.kpi{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:var(--bg2);border:1px solid var(--border)}.kpi .kpi-ico{font-size:22px}.kpi .kpi-val{font-size:19px;font-weight:800}.kpi .kpi-label{font-size:11px;color:var(--muted)}.profile-row{display:flex;align-items:center;gap:12px}.profile-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:14px;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid var(--border2);color:var(--accent2);flex-shrink:0}.link{color:var(--accent2);text-decoration:none;cursor:pointer}.link:hover{text-decoration:underline}.banner{border-radius:var(--radius);background:linear-gradient(120deg,#7c5cff29,#22d3ee14);border:1px solid rgba(124,92,255,.35);padding:16px 18px;display:flex;align-items:center;gap:14px}.banner .big{font-weight:800}.machine-hero{border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(135deg,#151a33,#0d1122 60%,#0b0f1e);border:1px solid rgba(124,92,255,.45);padding:26px}.machine-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 200px at 80% -20%,rgba(34,211,238,.18),transparent)}.machine-hero>*{position:relative}.loading{display:grid;place-items:center;min-height:50vh;color:var(--muted);font-size:13px;gap:12px}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--border2);border-top-color:var(--accent2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{padding:14px 18px;border-radius:10px;margin:10px 0;background:#ff5c721a;border:1px solid rgba(255,92,114,.4);color:var(--red);font-size:13px}.fade-in{animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tooltip{position:relative}.phone-frame{position:relative;width:210px;height:350px;margin:0 auto;border:2px solid var(--border2);border-radius:26px;padding:0;background:#0a0f1d;overflow:hidden}.phone-top{position:absolute;top:10px;left:50%;transform:translate(-50%);width:60px;height:14px;border-radius:10px;background:var(--border2);z-index:30}.phone-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.phone-bg-ph{background:linear-gradient(135deg,#1c2440,#131b2e 55%,#0a0f1d);background-image:radial-gradient(circle at 20% 20%,rgba(124,92,255,.35),transparent 45%),radial-gradient(circle at 80% 70%,rgba(34,211,238,.25),transparent 45%)}.ph-el{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:11px;color:#fff}.ph-video{background:linear-gradient(135deg,#7c5cff,#22d3ee);border:1px dashed rgba(255,255,255,.7);flex-direction:column;gap:4px}.ph-play{font-size:26px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.ph-logo{background:#0000008c;border:1px solid rgba(255,255,255,.3);font-size:16px}.ph-bar{background:#7c5cffd9}.ph-text{background:#0a0f1dbf;border:1px solid rgba(255,255,255,.25);font-weight:800;letter-spacing:.5px}.ph-leg{background:#00000080;border:1px dashed rgba(255,255,255,.35)}.ph-cta{background:#2ee6a6;color:#0a0e17;font-weight:900;letter-spacing:1px}.phone-dur{position:absolute;bottom:6px;left:0;right:0;text-align:center;color:var(--faint);z-index:20;background:#0a0f1d99}.el-active{outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 0 4px #2ee6a626;cursor:pointer}.el-row{cursor:default}.el-row.el-pos{cursor:pointer}.chip-active{background:var(--accent);color:#0a0e17;border-color:var(--accent);font-weight:700}.el-img{width:56px;height:56px;border-radius:10px;object-fit:contain;border:1px solid var(--border);background:#ffffff08;flex:none}.el-img-ph{display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#7c5cff40,#22d3ee26)}.tpl-thumb{width:100%;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.tpl-thumb-ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c5cff33,#22d3ee26)}.vid-mini{width:34px;height:46px;flex:none;border-radius:6px;border:1px solid var(--border);background:linear-gradient(135deg,#7c5cff4d,#22d3ee33);display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:12px}.vid-mini.ready{border-color:#2ee6a6;color:#2ee6a6;background:#2ee6a61f}.spinner-mini{width:14px;height:14px;border-radius:50%;border:2px solid var(--border2);border-top-color:var(--accent2);animation:spin .7s linear infinite}.cal-post-wrap{position:relative;margin:2px 0}.cal-del{position:absolute;top:-6px;right:-4px;width:16px;height:16px;line-height:1;font-size:10px;border-radius:50%;border:1px solid var(--border2);background:#1a2337;color:#ff5c72;cursor:pointer;display:none;z-index:5}.cal-day:hover .cal-del,.cal-weekday:hover .cal-del{display:block}.cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;min-height:220px}.cal-weekday{border:1px solid var(--border);border-radius:10px;padding:8px;text-align:center;background:#ffffff04}.cal-weekday.today{border-color:var(--accent2);box-shadow:0 0 0 1px var(--accent2)}.cal-weeklist{display:flex;flex-direction:column;gap:4px;margin-top:6px;text-align:left}.cal-dayview{padding:4px 8px}.lib-scroll{max-height:320px;overflow-y:auto}.render-preview{width:72px;height:128px;object-fit:cover;border-radius:8px;border:1px solid var(--border2);background:#000}.cal-day.drag-over,.cal-weekday.drag-over{border-color:var(--accent2);background:#22d3ee14;box-shadow:0 0 0 1px var(--accent2) inset}.cal-post-wrap[draggable=true]{cursor:grab}.cal-post-wrap[draggable=true]:active{cursor:grabbing;opacity:.6}.login-wrap{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px}.login-brand{display:flex;align-items:center;gap:12px}.logo-badge.big{width:52px;height:52px;font-size:20px;border-radius:14px}.stack{display:flex;flex-direction:column;gap:12px}.err-box{background:#ff5c721a;border:1px solid rgba(255,92,114,.4);color:var(--red);padding:10px 14px;border-radius:10px;font-size:12px}.btn.block{width:100%;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.demo-note{background:var(--bg2);border:1px dashed var(--border2);border-radius:10px;padding:12px 14px;font-size:12px}.plan-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:.08em;padding:2px 7px;border:1px solid;border-radius:99px;background:transparent;cursor:pointer;font-family:inherit}.link-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-family:inherit;text-decoration:underline}.link-btn:hover{color:var(--text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060910b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{width:100%;max-width:720px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;max-height:90vh;overflow-y:auto}.modal-x{background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;font-family:inherit}.modal-x:hover{color:var(--text)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:18px}.plan-card{position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px}.plan-card.current{box-shadow:0 0 0 2px #7c5cff40}.plan-card.popular{background:linear-gradient(180deg,rgba(245,181,63,.08),var(--bg2))}.plan-tag{position:absolute;top:-9px;left:14px;background:linear-gradient(135deg,#f5b53f,#f97316);color:#1a1203;font-size:9px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:99px}.plan-name{font-weight:800;font-size:16px;letter-spacing:.04em}.plan-price{font-size:20px;font-weight:800;color:var(--text)}.plan-feats{list-style:none;margin:0;padding:0;font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:5px;flex:1}