.light-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:0;overflow:hidden}:root{--bg-top: #020712;--bg-mid: #05132f;--bg-bottom: #0a2a68;--glass-strong: rgba(10, 29, 67, .74);--glass-soft: rgba(7, 21, 49, .58);--line: rgba(178, 228, 255, .2);--line-soft: rgba(178, 228, 255, .14);--text: #eff8ff;--muted: rgba(218, 238, 255, .75);--accent-a: #a7f3ff;--accent-b: #5fd8ff;--accent-c: #2f7dff;--ok: #74e7c9;--warn: #ffd475;--bad: #ff9fb2}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(175deg,var(--bg-top) 0%,var(--bg-mid) 44%,var(--bg-bottom) 100%)}.app-shell{position:relative;min-height:100vh;overflow:hidden}.night-scene{isolation:isolate}.rays-layer{position:absolute;inset:0;z-index:-3}.vignette-layer{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 48% -5%,rgba(122,226,255,.32) 0%,transparent 45%),radial-gradient(circle at 10% 100%,rgba(57,119,255,.28) 0%,transparent 48%),linear-gradient(180deg,#0208162e,#050d21d1)}.grid-overlay{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(188,231,255,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(188,231,255,.04) 1px,transparent 1px);background-size:36px 36px;animation:pan-grid 22s linear infinite}.page{width:min(1160px,94vw);margin:0 auto;padding:20px 0 64px}.panel{position:relative;border-radius:24px;border:1px solid var(--line);background:linear-gradient(130deg,var(--glass-strong) 0%,var(--glass-soft) 60%,rgba(7,18,43,.44) 100%);box-shadow:0 26px 58px #0309189e,inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(255,255,255,.12) 0%,transparent 36%),radial-gradient(circle at 88% 88%,rgba(84,170,255,.15) 0%,transparent 42%)}.topbar{position:sticky;top:12px;z-index:60;margin-bottom:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cabinet-nav{margin-bottom:12px;padding:8px;display:flex;gap:8px;flex-wrap:wrap}.cabinet-nav-link{text-decoration:none;color:var(--text);font-size:14px;font-weight:700;border:1px solid var(--line-soft);border-radius:11px;padding:9px 13px;background:#081d4380;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.cabinet-nav-link:hover{transform:translateY(-1px);border-color:#a0e8ff9e}.cabinet-nav-link.is-active{color:#042642;border-color:#b9ebffcc;background:linear-gradient(135deg,var(--accent-a),var(--accent-b) 44%,var(--accent-c));box-shadow:0 8px 22px #45bbff47}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.brand img{width:40px;height:40px;border-radius:12px;object-fit:cover;border:1px solid rgba(183,232,255,.7);box-shadow:0 12px 24px #46bfff57}.brand span{display:grid;gap:1px}.brand strong{font-size:15px;line-height:1.2}.brand small{color:var(--muted);font-size:12px}.actions{display:flex;align-items:center;gap:8px}.btn{appearance:none;border:1px solid var(--line-soft);border-radius:12px;padding:10px 14px;background:#0a1f4775;color:var(--text);font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.btn:hover{transform:translateY(-1px);border-color:#9beaff9e}.btn:disabled{opacity:.7;cursor:default;transform:none}.btn-primary{color:#042642;border-color:#b9ebffcc;background:linear-gradient(135deg,var(--accent-a),var(--accent-b) 44%,var(--accent-c));box-shadow:0 12px 28px #45bbff47}.btn-danger{border-color:#ff9fb27a;background:#701f2e57}.btn-sm{padding:8px 12px;font-size:13px}.hero{padding:28px;display:grid;gap:13px}.badge{width:fit-content;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;border:1px solid rgba(164,231,255,.62);background:linear-gradient(132deg,#48c9ff3d,#2e80ff33)}h1,h2,h3{margin:0;line-height:1.22;font-family:Sora,Manrope,sans-serif}h1{font-size:clamp(30px,5vw,50px);letter-spacing:-.02em}h2{font-size:clamp(24px,2.8vw,34px);letter-spacing:-.015em}h3{font-size:21px}p{margin:0}.hero p{color:var(--muted);max-width:70ch}.hero-cta{display:flex;gap:10px;flex-wrap:wrap}.landing-grid{margin-top:14px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{border-radius:16px;border:1px solid var(--line-soft);background:#07183b9e;padding:16px;box-shadow:inset 0 1px #ffffff14}.feature-card h3{font-size:17px}.feature-card p{margin-top:6px;font-size:14px;color:var(--muted)}.auth-grid{padding:0;display:grid;grid-template-columns:1.03fr 1fr}.auth-grid>*{padding:30px;z-index:1}.auth-intro{border-right:1px solid var(--line-soft);display:grid;align-content:center;gap:12px}.auth-intro p{color:var(--muted)}.auth-intro ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--muted);font-size:14px}.auth-card{display:grid;align-content:center;gap:12px}.telegram-preview{border:1px solid var(--line-soft);border-radius:16px;padding:14px;display:grid;gap:8px;background:#081b418f}.telegram-preview-head{display:flex;align-items:center;gap:8px}.telegram-preview p{color:var(--muted);font-size:14px}.dot{width:10px;height:10px;border-radius:999px;background:var(--accent-b);box-shadow:0 0 #43c4ff80;animation:pulse 1.8s infinite}.btn-telegram{width:100%;max-width:360px;justify-content:center;display:inline-flex;align-items:center;gap:8px}.btn-spinner{width:15px;height:15px;border-radius:999px;border:2px solid rgba(4,38,66,.28);border-top-color:#042642e6;animation:spin .75s linear infinite}.btn-telegram>span{font-size:14px;line-height:1}.auth-hint{font-size:13px;color:var(--muted)}.auth-error{border:1px solid rgba(255,159,178,.45);border-radius:12px;background:#6f1f2d5c;color:#ffe9ee;padding:10px 12px;font-size:14px}.auth-success{border:1px solid rgba(121,232,196,.42);border-radius:12px;background:#18493c57;color:#dcfff3;padding:10px 12px;font-size:14px}.auth-card-v2{width:min(520px,94vw);padding:26px}.auth-method-stack{display:grid;gap:14px}.auth-session-box{display:grid;gap:10px}.auth-session-box p{color:var(--muted)}.auth-session-actions{display:flex;gap:10px;flex-wrap:wrap}.auth-email-box{display:grid;gap:10px}.auth-subtitle{color:var(--muted);font-size:14px}.auth-label{font-size:13px;color:var(--muted);font-weight:600}.auth-email-submit{margin-top:4px;width:100%;justify-content:center;display:inline-flex}.auth-link-btn{width:fit-content}.auth-separator{position:relative;text-align:center;color:var(--muted);font-size:13px}.auth-separator:before,.auth-separator:after{content:"";position:absolute;top:50%;width:calc(50% - 70px);border-top:1px solid var(--line-soft)}.auth-separator:before{left:0}.auth-separator:after{right:0}.auth-social-row{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.auth-social-btn{width:52px;height:52px;border-radius:999px;border:1px solid var(--line-soft);cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.auth-social-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #3ca3ff59}.auth-social-btn:disabled{opacity:.55;cursor:default}.auth-social-btn.tg{background:linear-gradient(135deg,#2ecbff,#2285ff)}.auth-social-btn svg{width:24px;height:24px;transform:translate(-1px)}.auth-legal-note{margin-top:2px;text-align:center;color:var(--muted);font-size:13px}.auth-center-wrap{min-height:calc(100vh - 84px);display:grid;place-content:center;gap:14px;justify-items:center}.auth-brand-top{display:flex;align-items:center;gap:10px}.auth-brand-top img{width:46px;height:46px;border-radius:11px;border:1px solid rgba(183,232,255,.35);box-shadow:0 8px 16px #38aeff33}.auth-brand-top h1{font-size:34px;letter-spacing:-.02em}.cabinet-grid{display:grid;gap:10px;grid-template-columns:repeat(12,minmax(0,1fr))}.kpi,.block{border:1px solid var(--line-soft);border-radius:16px;background:#081c4294;padding:16px;box-shadow:inset 0 1px #ffffff14}.kpi{grid-column:span 3}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{margin-top:8px;font-weight:800;font-size:20px}.kpi.ok .value{color:var(--ok)}.kpi.warn .value{color:var(--warn)}.kpi.bad .value{color:var(--bad)}.block.main{grid-column:span 8}.block.side{grid-column:span 4}.block p{margin-top:6px;color:var(--muted);font-size:14px}.code-box{margin-top:10px;border:1px dashed rgba(160,230,255,.44);border-radius:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;word-break:break-word;background:#061632a8}.inline-actions{margin-top:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.profile-list{margin-top:10px;display:grid;gap:10px}.profile-list div{display:grid;gap:3px}.profile-list span{color:var(--muted);font-size:12px}.profile-list strong{font-size:14px}.plan-list{margin-top:10px;display:grid;gap:8px}.plan-item{border:1px solid var(--line-soft);border-radius:12px;padding:10px;background:#081d408f;display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-item .meta{margin-top:3px;font-size:12px;color:var(--muted)}.plan-right{display:flex;align-items:center;gap:10px}.support-form{margin-top:10px;display:grid;gap:8px}.support-thread{margin-top:8px;padding:10px;border:1px solid var(--line-soft);border-radius:12px;background:#081a3c7a;display:grid;gap:8px;max-height:320px;overflow-y:auto}.support-thread-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.support-thread-empty{font-size:13px;color:var(--muted)}.support-message{border:1px solid var(--line-soft);border-radius:10px;padding:8px 10px;display:grid;gap:6px}.support-message.from-user{background:#14427c70}.support-message.from-admin{background:#102f599e}.support-message-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.support-message-body{white-space:pre-wrap;word-break:break-word;font-size:13px}textarea{width:100%;min-height:112px;border:1px solid var(--line-soft);border-radius:12px;resize:vertical;background:#091e459e;color:var(--text);padding:12px;font:inherit}.text-input{width:100%;border:1px solid var(--line-soft);border-radius:12px;background:#091e459e;color:var(--text);padding:12px;font:inherit}.toast{font-size:13px;color:var(--muted)}.loading,.error{min-height:calc(100vh - 80px);display:grid;place-items:center}.payment-modal-backdrop{position:fixed;inset:0;z-index:120;background:#020816b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px}.payment-modal{width:min(420px,96vw);padding:18px;display:grid;gap:12px}.payment-modal p{color:var(--muted)}.payment-modal-actions{display:grid;grid-template-columns:1fr;gap:8px}.payment-modal-actions .btn{justify-content:center}.payment-modal-cancel{margin-top:2px}.loading-card{width:min(520px,94vw);padding:22px;text-align:center;display:grid;justify-items:center;gap:8px}@keyframes pulse{0%,to{box-shadow:0 0 #43c4ff80}50%{box-shadow:0 0 0 11px #43c4ff00}}@keyframes pan-grid{0%{transform:translateY(0)}to{transform:translateY(36px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1100px){.kpi{grid-column:span 6}.block.main,.block.side{grid-column:span 12}}@media(max-width:900px){.auth-grid{grid-template-columns:1fr}.auth-intro{border-right:0;border-bottom:1px solid var(--line-soft)}.landing-grid{grid-template-columns:1fr}}@media(max-width:640px){.page{width:min(96vw,1160px);padding-top:14px}.topbar{position:static;padding:10px}.cabinet-nav{padding:10px}.cabinet-nav-link{width:100%;text-align:center}.actions{flex-wrap:wrap;justify-content:flex-end}.hero,.auth-grid>*,.kpi,.block{padding:14px}.kpi{grid-column:span 12}.plan-item{flex-direction:column;align-items:flex-start}.plan-right{width:100%;justify-content:space-between}.auth-center-wrap{min-height:calc(100vh - 38px);padding:6px 0 18px}.auth-brand-top h1{font-size:28px}}