:root{--bg0: #0a1330;--bg1: #102656;--txt: #f3f8ff;--muted: #bdd0ee;--line: rgba(255, 255, 255, .12);--line-soft: rgba(255, 255, 255, .08);--card: rgba(18, 33, 78, .62);--cta0: #4d89ff;--cta1: #2e68e6;--ok: #93f7dc;--okbg: rgba(16, 185, 129, .15);--warn: #ffd4de;--warnbg: rgba(225, 29, 72, .19)}*{box-sizing:border-box}html,body,#root{height:100dvh;margin:0;overflow:hidden;overflow-x:hidden}body{font-family:Segoe UI,Trebuchet MS,Verdana,sans-serif;color:var(--txt);background:radial-gradient(circle at 18% 4%,rgba(93,133,255,.22),transparent 22%),radial-gradient(circle at 84% 14%,rgba(40,193,255,.08),transparent 18%),linear-gradient(180deg,var(--bg1) 0%,var(--bg0) 100%);overflow:hidden;overflow-x:hidden}.splash{position:fixed;inset:0;z-index:9999;background:#000;display:grid;place-items:center;opacity:1;transition:opacity .42s ease}.splash.out{opacity:0;pointer-events:none}.splashLogo{font-size:clamp(34px,8vw,72px);font-weight:800;letter-spacing:.18em;color:#e6f6ff;text-shadow:0 6px 40px rgba(56,189,248,.22)}.splashText{position:absolute;bottom:38px;left:50%;transform:translate(-50%);color:#0ea5e9d1;font-family:Courier New,Courier,monospace;letter-spacing:1px;font-size:12px;text-transform:uppercase;white-space:nowrap;pointer-events:none}.page{min-height:100dvh;display:grid;place-items:center;padding:18px;position:relative}.pageHidden{visibility:hidden}.bgGlow{position:absolute;top:14%;left:50%;transform:translate(-50%);width:34rem;height:34rem;border-radius:999px;background:#2dd4bf14;filter:blur(60px);pointer-events:none}.panel{position:relative;z-index:1;width:min(100%,560px);max-width:560px;min-width:0;height:min(95dvh,920px);border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,#132459b3,#0914389e);-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px);box-shadow:0 34px 110px #01041480;padding:18px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;overflow:hidden;overflow-x:hidden}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:18px;border:1px solid var(--line-soft);background:#ffffff0a;padding:10px 12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brandCopy{display:grid;min-width:0;align-items:center}.brand img{width:40px;height:40px;object-fit:contain;border-radius:12px;border:1px solid var(--line-soft);background:#ffffff1a;padding:3px;flex-shrink:0;cursor:pointer}.brand h1{margin:0;font-size:16px;font-weight:700;letter-spacing:.04em}.brand p{margin:2px 0 0;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#bae6fdb8}.headerTicker{display:inline-block;animation:tickerFade .45s ease;min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghostLink{text-decoration:none;border-radius:999px;border:1px solid var(--line-soft);background:#ffffff14;color:#d6f4ff;padding:8px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.hero{border-radius:20px;border:1px solid var(--line-soft);background:linear-gradient(180deg,#192c64b8,#14255894);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px}.heroLead{margin:8px 0 0;max-width:68ch;color:var(--muted);font-size:14px;line-height:1.45}.alertRow{display:block}.alertTextWrap{display:grid;gap:8px}.ackRow{display:flex;align-items:center;gap:10px}.alertDanger{margin-top:0;border-radius:10px;padding:8px 10px;border:1px solid rgba(239,68,68,.75);color:#fee2e2;background:#b91c1c80;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;display:inline-flex}.ackInline{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-bottom:2px}.ackInline input{width:30px;height:30px;margin:0;cursor:pointer}.ctaRow{margin-top:14px;display:grid;grid-template-columns:1.1fr .9fr;gap:8px;align-items:stretch}.cta{margin-top:0;width:100%;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:14px;background:linear-gradient(180deg,var(--cta0),var(--cta1));color:#fff;font-size:20px;font-weight:700;text-align:left;box-shadow:0 16px 38px #2563eb59;cursor:pointer}.ctaDanger{background:linear-gradient(180deg,#8e284a,#7a1e3f);box-shadow:0 16px 38px #91244957}.cta:disabled{opacity:.85;cursor:wait}.status{margin-top:10px;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.4}.status.ok{color:var(--ok);background:var(--okbg)}.status.warn{color:var(--warn);background:var(--warnbg)}.statusMeta{margin-top:8px;color:#bae6fddb;font-size:13px;font-weight:600}.appTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tabBtn{border-radius:12px;border:1px solid var(--line-soft);background:#ffffff0a;color:var(--muted);padding:8px 6px;min-height:40px;font-size:12px;line-height:1.05;white-space:normal;word-break:break-word;text-align:center;cursor:pointer}.tabBtn.active{color:#ecfeff;background:#38bdf829;border-color:#7dd3fc66}.contentViewport{min-height:0;overflow:hidden;padding-right:2px;contain:layout paint}.tabContent{display:grid;gap:10px;animation:none;overflow-x:hidden;will-change:transform}.tabContent.slideFromRight{animation:slideFromRight .24s cubic-bezier(.22,1,.36,1)}.tabContent.slideFromLeft{animation:slideFromLeft .24s cubic-bezier(.22,1,.36,1)}.accessScroll{max-height:100%;overflow:auto;padding-right:3px;padding-bottom:8px}.captchaInline{border-radius:14px;border:1px solid var(--line-soft);background:#ffffff0a;min-height:58px;display:grid;place-items:center;padding:5px;overflow:hidden}.captchaInline>div{width:100%}.captchaInlineWidget{width:100%;display:flex;justify-content:center;transform:scale(.92);transform-origin:center top}.captchaHint{font-size:11px;color:#bfdbfeb8;letter-spacing:.02em}.flatProgressWrap{margin-top:10px;width:100%;height:8px;border-radius:999px;border:1px solid var(--line-soft);background:#94a3b826;overflow:hidden}.flatProgressBar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#2563eb);transition:width .35s ease}.captchaInline iframe{max-width:100%}.keyBox{border-radius:18px;border:1px solid rgba(125,211,252,.2);background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px;display:grid;gap:10px}.keyHead{display:flex;justify-content:space-between;align-items:center;gap:8px}.keyHead span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#bfdbfec2}.dangerText{color:#fca5a5!important}.keyBox code{border-radius:12px;border:1px solid var(--line-soft);background:#0206175c;padding:10px;font-size:12px;line-height:1.5;color:#f8fbff;word-break:break-all}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bottomDock{border-top:1px solid var(--line-soft);padding-top:10px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));display:grid;gap:8px}.dockActions{grid-template-columns:repeat(2,minmax(0,190px));justify-content:center}.dockBtn{padding:8px 10px;border-radius:10px;font-size:12px}.usersCounter{text-align:center;color:#bfdbfec7;font-size:11px}.secondary{border-radius:12px;border:1px solid var(--line-soft);background:#ffffff14;color:#e2e8f0;padding:10px 12px;cursor:pointer}.secondary:disabled{opacity:.5;cursor:not-allowed}.selectLike{width:100%}.linkBtn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.downloadBox,.stepsBox,.supportBox{border-radius:18px;border:1px solid var(--line-soft);background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px;display:grid;gap:8px}.downloadBox h3,.stepsBox h3,.supportBox h3{margin:0;font-size:15px}.downloadBox p{margin:0;color:var(--muted);font-size:13px}.supportBox p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.supportForm{display:grid;gap:8px}.supportChannels{display:grid;grid-template-columns:1fr 1fr;gap:8px}.channelBtn.selected{border-color:#38bdf899;background:#38bdf83d;color:#ecfeff}.supportField{display:grid;gap:8px}.supportField label{font-size:12px;color:#bfdbfee0}.supportInput{width:100%;font-size:16px}.supportText{width:100%;min-height:86px;resize:vertical;font:inherit}.supportActions{display:flex;justify-content:flex-end;gap:8px}.adminSupportLayout{display:grid;grid-template-columns:1fr;gap:10px;min-height:0;grid-template-rows:auto minmax(0,1fr)}.adminTicketList{display:grid;grid-template-columns:1fr;gap:6px;max-height:360px;overflow:auto;padding-right:2px;overflow-x:hidden;align-content:start}.adminTicketItem{display:flex;flex-direction:column;gap:2px;text-align:left;min-height:28px;padding:6px 9px;font-size:12px;align-content:start;background:#ffffff0f;border-radius:10px}.adminTicketItem.active{border-color:#4ade80d9;background:#22c55e2e}.ticketRowMain{display:flex;align-items:center;gap:8px;min-width:0}.ticketContact{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.92}.ticketRowMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;opacity:.72}.ticketUnreadDot{margin-left:auto;font-size:11px;line-height:1;color:#86efac}.supportChatPane{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;min-height:0}.supportMiniActions{display:flex;gap:6px;flex-wrap:wrap}.adminLoginCard{border:1px solid var(--line-soft);border-radius:12px;background:#ffffff0f;padding:10px;display:grid;gap:8px}.adminLoginTitle{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#bfdbfee6}.miniActionBtn{font-size:11px;padding:6px 10px;min-height:30px}.dangerMiniBtn{border-color:#f87171a6;color:#fecaca;background:#7f1d1d61}.logoutMiniBtn{border-color:#f87171cc;color:#ffe4e6;background:#be123c73;font-weight:700}.supportMessages{border:1px solid var(--line-soft);border-radius:12px;background:#0206173d;min-height:360px;max-height:58dvh;overflow:auto;overflow-x:hidden;padding:10px 10px 86px;display:grid;gap:8px;align-content:start;scroll-padding-bottom:90px}.supportMsg{border-radius:12px;padding:8px 10px;display:inline-block;width:fit-content;max-width:min(74%,420px);background:#ffffff14;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.supportMsg.user{justify-self:end;background:#38bdf840}.supportMsg.admin{justify-self:start;background:#6366f140}.supportMsgMeta{font-size:11px;opacity:.8;margin-bottom:4px}.supportComposer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.iconSendBtn{width:42px;min-width:42px;height:38px;padding:0;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.quickReplyBar{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.quickReplyBtn{font-size:10px;max-width:100%;white-space:normal;text-align:left;line-height:1.2}.uploadBtnLabel{width:38px;min-width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.uploadBtnLabel input{display:none}.uploadHint{font-size:11px;color:#bfdbfedb}.supportAttachments{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.supportAttachmentBtn{border:1px solid var(--line-soft);border-radius:10px;padding:0;width:82px;height:82px;overflow:hidden;background:#ffffff14;cursor:pointer}.supportAttachmentBtn img{width:100%;height:100%;object-fit:cover;display:block}.imageViewer{position:fixed;inset:0;z-index:10020;background:#020617db;display:grid;place-items:center;padding:16px}.imageViewer img{max-width:100%;max-height:100%;border-radius:12px}.supportFeedback{display:grid;gap:8px}.infoScroll{max-height:100%;overflow:auto;padding-right:3px;padding-bottom:8px}.supportScroll{max-height:100%;overflow:auto;overflow-x:hidden;padding-right:3px;padding-bottom:8px}.supportTicketPane{min-height:0;height:min(70dvh,620px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.supportTicketTop{display:grid;gap:8px}.supportBottomBar{position:sticky;bottom:0;padding-top:6px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0c153826,#0c1538e0 45%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line-soft)}.selectedFilesRow{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;align-items:center}.selectedFileChip{width:52px;height:52px;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;background:#ffffff14;padding:0}.selectedFilePreview{cursor:pointer}.selectedFileCell{position:relative;width:52px;height:52px}.selectedFilePreview img{width:100%;height:100%;object-fit:cover;display:block}.removeFileBtn{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:999px;border:1px solid rgba(248,113,113,.8);background:#991b1beb;color:#fff;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.quickLinks{margin-top:2px;display:flex;flex-wrap:wrap;gap:6px}.tinyLinkBtn{text-decoration:none;border-radius:999px;border:1px solid var(--line-soft);background:#3b82f629;color:#dbeafe;padding:5px 10px;font-size:11px}.stepsBox ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--muted);font-size:13px;line-height:1.45}.textLink{color:#7dd3fc}@media(max-width:760px){.page{place-items:start center;padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.panel{border-radius:20px;padding:10px;width:min(100%,560px);height:calc(100dvh - 20px)}.header{flex-direction:row;align-items:center}.brand h1{font-size:14px}.brand p{font-size:9px;letter-spacing:.14em}.ghostLink{padding:7px 10px;font-size:11px}.ctaRow,.actions{grid-template-columns:1fr}.adminSupportLayout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.adminTicketList{grid-template-columns:1fr;max-height:240px}.supportComposer{grid-template-columns:auto 1fr auto}.dockActions{grid-template-columns:repeat(2,minmax(0,1fr))}.cta{font-size:18px}.ackInline{justify-content:start}.ackRow{gap:8px}.captchaInlineWidget{transform:scale(.9)}.tabBtn{font-size:11px;padding:8px 4px}}@media(max-width:420px){.brand img{width:34px;height:34px}.ghostLink{max-width:42%;overflow:hidden;text-overflow:ellipsis}}@keyframes fadeSlide{0%{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromRight{0%{opacity:1;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:1;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes tickerFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}input,select,textarea{font-size:16px}