html,body,#root{width:100%;min-height:100dvh;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.app{display:flex;width:100%;min-height:100dvh;background:var(--bg)}.loadingScreen,.errorScreen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:16px}.loadingSpinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loadingText{color:var(--text-secondary);font-size:14px}.errorBox{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);padding:16px 20px;color:var(--danger);font-size:14px;max-width:360px;text-align:center}.loginScreen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;padding:24px;gap:32px;position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(37,99,235,.15) 0%,transparent 60%),var(--bg)}.langToggle{position:absolute;top:16px;right:16px;padding:6px 14px;border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.langToggle:hover{background:#ffffff1a;color:var(--text)}.loginLogo{display:flex;flex-direction:column;align-items:center;gap:16px}.loginIcon{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 0 40px var(--primary-glow),0 0 80px #2563eb1a;transition:transform .3s ease}.loginIcon:hover{transform:scale(1.05)}.loginTitle{font-size:28px;font-weight:700;letter-spacing:-.5px}.loginSubtitle{color:var(--text-secondary);font-size:15px;text-align:center;max-width:260px;line-height:1.5}.loginCard{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}.loginInputLabel{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:-4px}.loginInput{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text);font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}.loginInput::placeholder{color:var(--text-muted)}.loginInput:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.loginInputCode{text-align:center;font-size:28px;font-weight:700;letter-spacing:8px;font-family:monospace}.loginAuto{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0}.loginAutoText{font-size:14px;color:var(--text-secondary);text-align:center}.loginHint{font-size:12px;color:var(--text-muted);text-align:center}.loginHint.clickable{cursor:pointer;color:var(--primary)}.loginHint.clickable:hover{color:var(--accent)}.loginRetry{margin-top:8px;font-size:12px;color:var(--primary);cursor:pointer;background:none;border:none;padding:4px 8px;border-radius:6px}.loginRetry:hover{background:#4a90e21a}.loginButton{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--primary),#1d4ed8);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 0 24px var(--primary-glow)}.loginButton:hover{transform:translateY(-1px);box-shadow:0 0 32px var(--primary-glow),0 4px 20px #0000004d}.loginButton:active{transform:translateY(0)}.loginButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.loginButtonTelegram{background:linear-gradient(135deg,#08c,#006ba6);box-shadow:0 0 20px #0088cc4d}.loginButtonTelegram:hover{box-shadow:0 0 28px #08c6}.loginButtonManual{background:#ffffff0f;border:1px solid var(--glass-border);color:var(--text-secondary)}.loginButtonManual:hover{background:#ffffff1a;color:var(--text);box-shadow:none}.loginDivider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}.loginDivider:before,.loginDivider:after{content:"";flex:1;height:1px;background:var(--border)}.loginBack{font-size:13px;color:var(--text-secondary);cursor:pointer;margin-bottom:4px;transition:color .2s}.loginBack:hover{color:var(--text)}.successBox{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-sm);padding:12px 16px;color:var(--success);font-size:13px;text-align:center}.sidebar{width:220px;min-width:220px;height:100dvh;display:flex;flex-direction:column;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);position:fixed;top:0;left:0;z-index:100;padding:20px 12px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebarLogo{display:flex;align-items:center;gap:10px;padding:0 8px 20px;border-bottom:1px solid var(--border);margin-bottom:12px}.sidebarLogoIcon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sidebarLogoText{font-size:16px;font-weight:700;letter-spacing:-.3px}.sidebarNav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.sidebarNav::-webkit-scrollbar{width:3px}.sidebarNav::-webkit-scrollbar-thumb{background:transparent}.sidebarNav:hover::-webkit-scrollbar-thumb{background:var(--text-muted)}.sidebarSection{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;padding:8px 12px 4px}.sidebarItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--radius-xs);transition:all .15s;text-align:left;width:100%;position:relative}.sidebarItem:hover{color:var(--text-secondary);background:#ffffff0a}.sidebarItem.active{color:var(--text);background:#2563eb1f}.sidebarItem.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--accent);border-radius:1px}.sidebarItem.active svg{color:var(--accent)}.sidebarBadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:1;margin-left:auto;position:relative;box-shadow:0 0 8px #ef444466}.sidebarFooter{padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.sidebarDivider{height:1px;background:var(--border);margin:8px 0}.sidebarLangBtn{width:100%;padding:8px 12px;border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.sidebarLangBtn:hover{background:#ffffff14;color:var(--text)}.hamburgerBtn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-xs);flex-shrink:0;margin-right:8px}.hamburgerBtn:hover{background:#ffffff0f;color:var(--text)}.sidebarOverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150;animation:fadeIn .15s ease}.mainArea{flex:1;margin-left:220px;display:flex;flex-direction:column;min-height:100dvh}.topBar{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:90;min-height:60px;transition:box-shadow .2s}.topBarTitle{font-size:18px;font-weight:700;letter-spacing:-.3px}.topBarSubtitle{font-size:13px;color:var(--text-secondary);margin-top:2px}.topBarRight{position:relative;margin-left:auto}.bellBtn{position:relative;width:36px;height:36px;border-radius:10px;border:none;background:#ffffff0f;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.bellBtn:hover{background:#ffffff1a;color:var(--text)}.bellBadge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 8px #ef444480}.notifDropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:calc(100vw - 32px);background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:0 12px 40px #0006;z-index:200;overflow:hidden}.notifDropdownHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;font-size:14px;font-weight:700;border-bottom:1px solid var(--glass-border);flex-wrap:wrap;gap:6px}.notifDropdownMarkAll{background:none;border:none;color:var(--primary);font-size:11px;cursor:pointer;padding:0;white-space:nowrap}.notifDropdownMarkAll:hover{text-decoration:underline}.notifDropdownList{max-height:360px;overflow-y:auto}.notifDropdownList::-webkit-scrollbar{width:3px}.notifDropdownList::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.notifDropdownEmpty{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:13px}.notifDropdownItem{display:flex;gap:10px;padding:10px 16px;align-items:flex-start;transition:background .15s;cursor:default}.notifDropdownItem:hover{background:#ffffff08}.notifDropdownItem.unread{background:#3b82f60a}.notifDropdownIcon{font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.notifDropdownContent{flex:1;min-width:0}.notifDropdownTitle{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notifDropdownMsg{font-size:12px;color:var(--text-muted);margin-top:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notifDropdownTime{font-size:10px;color:var(--text-muted);margin-top:4px;opacity:.7}.notifUnreadDot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:6px}.notifDropdownFooter{border-top:1px solid var(--glass-border);padding:8px 16px}.notifDropdownAll{background:none;border:none;color:var(--primary);font-size:12px;cursor:pointer;padding:4px 0;width:100%;text-align:center}.notifDropdownAll:hover{text-decoration:underline}.content{flex:1;overflow-y:auto}.page{padding:24px;animation:pageIn .2s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pageHeader{margin-bottom:20px}.pageTitle{font-size:22px;font-weight:700;letter-spacing:-.4px}.pageSubtitle{color:var(--text-secondary);font-size:13px;margin-top:4px}.projectsHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.projectsToolbar{display:flex;margin-bottom:16px}.projectsSearch{width:100%;max-width:420px}.card{background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .2s}.card:hover{border-color:#ffffff1a}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.statCard{background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:18px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.statCard:hover{border-color:#ffffff1f;transform:translateY(-2px)}.statCard:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .2s}.statCard:hover:before{opacity:1}.statCardIcon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.statCardIcon.blue{background:#2563eb1f;color:var(--primary)}.statCardIcon.accent{background:#38bdf81f;color:var(--accent)}.statCardIcon.green{background:#22c55e1f;color:var(--success)}.statCardIcon.yellow{background:#f59e0b1f;color:var(--warning)}.dashboardGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.dashboardGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dashboardGrid{grid-template-columns:1fr}}.statValue{font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1}.statValue.blue{color:var(--primary)}.statValue.accent{color:var(--accent)}.statValue.green{color:var(--success)}.statValue.yellow{color:var(--warning)}.statLabel{font-size:12px;color:var(--text-secondary);margin-top:6px;font-weight:500}.inputGroup{display:flex;gap:10px}.input{flex:1;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.btn{padding:12px 20px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btnPrimary{background:linear-gradient(135deg,var(--primary),#1d4ed8);color:#fff;box-shadow:0 0 16px var(--primary-glow)}.btnPrimary:hover{box-shadow:0 0 24px var(--primary-glow);transform:translateY(-1px)}.btnPrimary:active{transform:translateY(0)}.btnGhost{background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--glass-border)}.btnGhost:hover{background:#ffffff1a;color:var(--text)}.btnDanger{background:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btnDanger:hover{background:#ef444433}.btnSuccess{background:#22c55e1f;color:var(--success);border:1px solid rgba(34,197,94,.2)}.btnSuccess:hover{background:#22c55e33}.btnWarning{background:#eab3081f;color:#eab308;border:1px solid rgba(234,179,8,.2)}.btnWarning:hover{background:#eab30833}.btnSmall{padding:6px 12px;font-size:12px;border-radius:var(--radius-xs)}.btnFull{width:100%}.projectList{display:flex;flex-direction:column;gap:10px}.projectItem{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:border-color .2s,transform .15s}.projectItem:hover{border-color:#ffffff1f;transform:translateY(-1px)}.projectItemHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.projectName{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusReady{font-size:12px;color:var(--success);white-space:nowrap}.statusWarn{font-size:12px;color:#eab308;white-space:nowrap}.statusError{font-size:12px;color:#f44336;white-space:nowrap}.projectItemBody{display:flex;gap:24px;flex-wrap:wrap}.projectMetaCol{display:flex;flex-direction:column;gap:3px}.projectMetaRow{font-size:12px;color:var(--text-secondary)}.projectOwner{font-size:11px;color:var(--text-muted);padding:4px 0;border-top:1px solid rgba(255,255,255,.04)}.projectActions{display:flex;gap:6px;flex-wrap:wrap}.projCardHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.projCardBadges{display:flex;align-items:center;gap:8px;flex-shrink:0}.projTypeBadge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.projTypeWebapp{background:#38bdf81f;color:var(--accent);border:1px solid rgba(56,189,248,.2)}.projTypeClassic{background:#94a3b81f;color:var(--text-secondary);border:1px solid rgba(148,163,184,.15)}.projStatusGrid{display:flex;flex-direction:column;gap:4px;padding:6px 0}.projStatusRow{display:flex;align-items:center;gap:6px;font-size:12px}.projStatLabel{color:var(--text-muted);min-width:55px}.projStatIconOk{color:var(--success);font-weight:700;font-size:13px;width:16px;text-align:center}.projStatIconFail{color:var(--danger);font-weight:700;font-size:13px;width:16px;text-align:center}.projStatTextOk{color:var(--text-secondary)}.projStatTextFail{color:#f87171}.projModeSelector{margin:8px 0}.projModeLabel{font-size:12px;color:var(--text-muted);margin-bottom:8px;font-weight:500}.projModeCards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.projModeCard{padding:14px;border-radius:var(--radius-sm);border:2px solid var(--glass-border);cursor:pointer;transition:all .2s;position:relative;background:var(--card)}.projModeCard:hover{border-color:#ffffff1f}.projModeActive{border-color:var(--primary)!important;background:#2563eb14!important}.projModeIcon{font-size:24px;margin-bottom:6px}.projModeTitle{font-size:15px;font-weight:700;margin-bottom:4px}.projModeDesc{font-size:11px;color:var(--text-muted);line-height:1.4}.projModeBadge{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;background:#22c55e26;color:var(--success)}.projSwitching{opacity:.6;pointer-events:none}.projProgressBar{display:flex;gap:3px;margin:8px 0 4px}.projProgressSeg{flex:1;height:5px;border-radius:3px;transition:background .3s}.projProgressDone{background:var(--success)}.projProgressTodo{background:#ffffff14}.projActionsRow{display:flex;gap:8px;margin-top:10px}.projActionsSecondary{margin-top:6px}.btnAccent{background:#38bdf81f!important;color:var(--accent)!important;border:1px solid rgba(56,189,248,.2)}.btnAccent:hover{background:#38bdf833!important}.projSetupPanel{max-width:500px!important}.projSetupSteps{display:flex;flex-direction:column;gap:4px;padding:8px 0}.projSetupStep{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-xs);gap:12px}.projSetupStepOk{background:#22c55e0f;border:1px solid rgba(34,197,94,.1)}.projSetupStepPending{background:#ffffff05;border:1px solid var(--glass-border)}.projSetupStepLeft{display:flex;align-items:center;gap:10px}.projSetupStepIcon{font-size:16px;width:22px;text-align:center}.projSetupStepLabel{font-size:13px;font-weight:600}.projSetupStepStatus{font-size:11px;color:var(--text-muted)}.projSetupFooter{margin-top:12px}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;gap:20px}.emptyIconWrap{width:80px;height:80px;border-radius:20px;background:#ffffff08;border:1px dashed var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:border-color .2s}.emptyState:hover .emptyIconWrap{border-color:#ffffff1a}.emptyTitle{font-size:16px;font-weight:600;color:var(--text-secondary)}.emptyText{font-size:13px;color:var(--text-muted);max-width:260px;line-height:1.6}.planBadge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.planBadge.free{background:#94a3b81f;color:var(--text-secondary);border:1px solid rgba(148,163,184,.15)}.planBadge.business{background:#2563eb1f;color:var(--primary);border:1px solid rgba(37,99,235,.2)}.planBadge.unlimited{background:#38bdf81f;color:var(--accent);border:1px solid rgba(56,189,248,.2)}.tariffGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tariffCard{background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;display:flex;flex-direction:column}.tariffCard:hover{border-color:#ffffff1f;transform:translateY(-2px)}.tariffCard.current{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.tariffCard.current:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent))}.tariffHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tariffName{font-size:16px;font-weight:700}.tariffPrice{font-size:24px;font-weight:800;color:var(--accent)}.tariffPrice span{font-size:13px;font-weight:400;color:var(--text-muted)}.tariffMeta{font-size:13px;color:var(--text-secondary);margin:4px 0}.tariffPrices{display:flex;gap:10px;margin-top:8px;font-size:13px;color:var(--text-secondary)}.tariffPrices span{background:var(--card);padding:3px 8px;border-radius:6px;white-space:nowrap}.dataTable{width:100%;border-collapse:collapse}.dataTable th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--glass-border)}.dataTable td{padding:10px 12px;font-size:13px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.04)}.dataTable tr:hover td{background:#ffffff05}.statusBadge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.statusBadge.approved,.statusBadge.paid,.statusBadge.completed,.statusBadge.success{background:#22c55e1f;color:#22c55e}.statusBadge.pending,.statusBadge.confirming{background:#f59e0b1f;color:#f59e0b}.statusBadge.rejected,.statusBadge.failed{background:#ef44441f;color:#ef4444}.settingsPre{background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:16px;font-size:12px;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.tariffFeatures{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1}.tariffFeature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);line-height:1.4}.tariffFeature .check{color:var(--success);font-weight:700;font-size:15px}.tariffBuyBtn{width:100%;margin-top:20px}.tariffCurrentLabel{margin-top:16px;text-align:center;font-size:12px;color:var(--accent);font-weight:600;padding:10px;background:#38bdf814;border-radius:var(--radius-xs)}.revenueBadge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.2);margin-bottom:12px}.accountList{display:flex;flex-direction:column;gap:8px}.accountItem{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:border-color .2s}.accountItem:hover{border-color:#ffffff1f}.accountItemNew,.accountItemNew:hover{border-color:var(--success)!important}.newClientBadge{position:absolute;top:-6px;right:-6px;background:var(--success);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.accountAvatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.accountInfo{flex:1;min-width:0}.accountName{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accountMeta{font-size:12px;color:var(--text-muted);margin-top:2px}.accountActions{flex-shrink:0}.clientsFilters{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.clientFilterBtn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.clientFilterBtn:hover{border-color:#ffffff26;color:var(--text)}.clientFilterBtn.active{background:var(--primary);border-color:var(--primary);color:#fff}.clientFilterCount{font-size:11px;background:#ffffff26;border-radius:10px;padding:0 7px;min-width:20px;text-align:center;line-height:18px}.clientFilterBtn.active .clientFilterCount{background:#0003}.clientPlanBadge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.clientPlanBadge.free{background:#6b728026;color:#9ca3af}.clientPlanBadge.business{background:#3b82f626;color:#60a5fa}.clientPlanBadge.unlimited{background:#a855f726;color:#a78bfa}.clientMenuWrap{position:relative}.clientMenuBtn{width:32px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:18px;letter-spacing:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.clientMenuBtn:hover{background:#ffffff0f;color:var(--text)}.clientMenuDropdown{position:absolute;right:0;top:calc(100% + 4px);background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0000004d;z-index:100;min-width:180px;overflow:hidden}.clientMenuItem{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background .15s;text-align:left}.clientMenuItem:hover{background:#ffffff0d;color:var(--text)}.settingsBlock{margin-bottom:20px}.settingsBlockHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:15px;font-weight:700}.settingsStatus{font-size:10px;font-weight:700;padding:2px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.settingsStatus.enabled{background:#22c55e1f;color:var(--success)}.settingsStatus.disabled{background:#6b72801f;color:#9ca3af}.adminBotCard{background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px;margin-bottom:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.adminBotHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.adminBotTitle{font-size:17px;font-weight:700}.adminBotForm{display:flex;flex-direction:column;gap:12px}.adminBotActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.adminBotMessage{max-width:none;text-align:left;margin-bottom:12px}.adminBotResult{margin-top:14px;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--glass-border);border-radius:var(--radius-xs);background:#ffffff08;color:var(--text-secondary);font-size:13px;word-break:break-word}.testCenterPage{display:flex;gap:20px;min-height:60vh}.tcSidebar{display:flex;flex-direction:column;gap:10px;width:220px;min-width:220px;max-height:calc(100vh - 150px);padding:10px 8px;background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius);overflow-y:auto;align-self:flex-start}.tcSidebarGroup{display:flex;flex-direction:column;gap:2px}.tcSidebarGroupTitle{padding:4px 10px 3px;color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase}.tcSidebarItem{min-height:38px;padding:8px 10px;border:none;border-left:2px solid transparent;border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;text-align:left;transition:all .15s}.tcSidebarItem:hover{background:#ffffff0a;color:var(--text)}.tcSidebarItem.active{border-left-color:#3b82f6;background:#3b82f629;color:#60a5fa}.tcMain{flex:1}.tcHeader{margin-bottom:16px}.tcTitle{font-size:18px;font-weight:700}.tcForm{display:flex;flex-direction:column;gap:12px;max-width:500px}.tcField{display:flex;flex-direction:column;gap:4px}.tcField label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.tcField input,.tcField select{padding:10px 12px;border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text);font-size:13px;outline:none;transition:border-color .2s}.tcField input:focus,.tcField select:focus{border-color:var(--primary)}.tcBtn{padding:10px 20px;border:none;border-radius:var(--radius-xs);background:var(--primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s;align-self:flex-start}.tcBtn:hover{opacity:.85}.tcBtn:disabled{opacity:.4;cursor:not-allowed}.tcBtnDanger{background:var(--danger, #ef4444)}.tcNote{font-size:12px;color:var(--text-secondary);padding:8px 12px;background:#ffffff08;border-radius:var(--radius-xs);border:1px solid var(--glass-border)}.tcLoading{margin-top:12px;font-size:13px;color:var(--text-secondary)}.tcResult{margin-top:16px}.tcResultTitle{font-size:13px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.tcResultPre{background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-xs);padding:14px;font-size:11px;line-height:1.5;overflow-x:auto;max-height:400px;overflow-y:auto;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}@media (max-width: 768px){.testCenterPage{flex-direction:column;gap:12px;min-height:0}.tcSidebar{width:100%;min-width:0;max-height:34vh}.tcMain{min-width:0}}.onboardingPage{max-width:720px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;gap:32px}.onbHeader{text-align:center}.onbLogo{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px;box-shadow:0 0 40px var(--primary-glow)}.onbTitle{font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.onbSubtitle{font-size:16px;color:var(--accent);margin:0 0 12px;font-weight:500}.onbDesc{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:520px;margin:0 auto}.onbSectionTitle{font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--glass-border)}.onbCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.onbCard{background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px;transition:border-color .2s}.onbCard:hover{border-color:#ffffff1f}.onbCardIcon{font-size:28px;margin-bottom:10px}.onbCardTitle{font-size:15px;font-weight:700;margin-bottom:6px}.onbCardText{font-size:12px;color:var(--text-secondary);line-height:1.5}.onbFeatureList{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.onbFeatureItem{display:flex;align-items:flex-start;padding:10px 14px;background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius-xs);font-size:13px;line-height:1.4}.onbSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.onbStep{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center}.onbStepNum{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.onbStepText{font-size:12px;color:var(--text-secondary);line-height:1.3}.onbActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.onbDismiss{text-align:center;padding:16px 0 8px;border-top:1px solid var(--glass-border)}@media (max-width: 767px){.onbCards,.onbFeatureList{grid-template-columns:1fr}.onbSteps{grid-template-columns:repeat(2,1fr)}.onboardingPage{padding:20px 16px}}select{color-scheme:dark}.select{padding:8px 28px 8px 12px;border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text);font-size:12px;font-weight:600;outline:none;cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.select:focus{border-color:var(--primary)}.settingsGroup{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden}.settingsItem{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.settingsItem:last-child{border-bottom:none}.settingsItemLabel{font-size:14px;font-weight:500}.settingsItemValue{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.roleBadge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.roleBadge.superadmin{background:#38bdf81f;color:var(--accent);border:1px solid rgba(56,189,248,.2)}.roleBadge.client{background:#94a3b814;color:var(--text-muted);border:1px solid rgba(148,163,184,.1)}.roleBadge.danger{background:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.roleBadge.warning{background:#fbbf241f;color:var(--warning);border:1px solid rgba(251,191,36,.2)}.glowBg{position:fixed;top:-200px;left:220px;width:500px;height:500px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);pointer-events:none;z-index:0;opacity:.5}.sectionLabel{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.revenueBarHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.revenueBarTrack{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.revenueBarFill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;transition:width .3s ease}.revenueForm{display:flex;gap:10px;margin-bottom:20px}.revenueForm .input{flex:1}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px;width:100%;max-width:960px;max-height:90dvh;overflow-y:auto;animation:slideUp .2s ease}@media (max-width: 600px){.modal{max-width:100%;padding:16px}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modalHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modalTitle{font-size:18px;font-weight:700}.modalClose{width:32px;height:32px;border-radius:8px;border:none;background:#ffffff0f;color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modalClose:hover{background:#ffffff1a;color:var(--text)}.modalSubtitle{font-size:13px;color:var(--text-muted);margin-top:-14px;margin-bottom:16px}.modalBody{margin-bottom:20px}.modalFooter{margin-top:20px}.fieldLabel{font-size:12px;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:4px}.modalIcon{font-size:48px;text-align:center;margin-bottom:16px}.modalIcon.pending{animation:pulse 1.5s ease-in-out infinite}.setupWizardModal{color:var(--text)}.setupWizardModal .input::placeholder{color:#71809a;opacity:1}.setupWizardModal .input:disabled{background:#ffffff06;color:#8290a8;opacity:.8}.setupWizardModal select.input,.setupWizardModal select.select{color-scheme:dark;background-color:#151d2d;color:#e5edf9}.setupWizardModal select.input option,.setupWizardModal select.select option{background:#151d2d;color:#e5edf9}.setupWizardCloseConfirm{position:sticky;top:0;z-index:4;display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:14px;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-sm);background:#182131;box-shadow:0 8px 24px #00000059}.setupWizardHelp{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-sm);background:#3b82f614;color:var(--text-secondary);font-size:12px;line-height:1.45}.setupWizardGroupRoles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.setupWizardGroupRoles>div{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff08;font-size:12px}.setupWizardGroupRoles span{color:var(--text-muted);line-height:1.4}.setupWizardSelectedGroup{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}@media (max-width: 600px){.setupWizardGroupRoles{grid-template-columns:1fr}.setupWizardSelectedGroup{align-items:flex-start;flex-direction:column}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modalText{color:var(--text-secondary);font-size:14px;text-align:center;margin-bottom:20px;line-height:1.5}.paymentMethods{display:flex;flex-direction:column;gap:10px}.paymentCard{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;text-align:left;width:100%;position:relative}.paymentCard:hover{background:#ffffff0f;border-color:var(--primary);transform:translateY(-1px)}.paymentCard:active{transform:translateY(0)}.paymentCardIcon{font-size:28px;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:12px}.paymentCardInfo{flex:1;min-width:0}.paymentCardTitle{font-size:14px;font-weight:600;margin-bottom:2px}.paymentCardDesc{font-size:12px;color:var(--text-muted)}.paymentCardArrow{color:var(--text-muted);font-size:18px;flex-shrink:0}.paymentStep{display:flex;flex-direction:column;align-items:center;gap:12px}.paymentIcon{font-size:48px;margin-bottom:4px}.paymentMethodLabel{font-size:16px;font-weight:700}.paymentDesc{color:var(--text-secondary);font-size:13px;text-align:center}.cryptoAddress{width:100%;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-xs);padding:12px;text-align:center}.cryptoLabel{font-size:11px;color:var(--text-muted);margin-bottom:4px}.cryptoAddr{font-size:13px;font-weight:600;color:var(--accent);font-family:monospace;word-break:break-all}.manualDetails{width:100%;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-xs);padding:12px}.manualRow{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid var(--border)}.manualRow:last-child{border-bottom:none}.manualRow span:first-child{color:var(--text-muted)}.manualRow span:last-child{font-weight:600}.uploadArea{width:100%;padding:24px;border:2px dashed var(--glass-border);border-radius:var(--radius-sm);text-align:center;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s}.uploadArea:hover{border-color:var(--primary);background:#2563eb0d}.uploadIcon{font-size:24px;margin-bottom:8px}.financeFilters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.financeFilters .select{min-width:140px}.financeTableWrap{overflow-x:auto;background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-overflow-scrolling:touch}.financeTableWrap:after{content:"← →";position:sticky;bottom:0;right:8px;display:block;text-align:right;font-size:10px;color:var(--text-muted);opacity:.4;pointer-events:none;padding:2px 8px}.financeTable{width:100%;border-collapse:collapse;font-size:13px}.financeTable th{padding:12px 14px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;background:#ffffff05;position:sticky;top:0}.financeTable td{padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.financeTable tr:last-child td{border-bottom:none}.financeTable tr:hover td{background:#ffffff08}.financeTable tr:nth-child(2n) td{background:#ffffff04}.financeTable tr:nth-child(2n):hover td{background:#ffffff09}.finClientCell{display:flex;flex-direction:column}.finUsername{font-size:11px;color:var(--text-muted)}.finAmount{font-weight:700;color:var(--success)}.finMethodBadge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}.finMethodBadge.stars{background:#f59e0b1a;color:var(--warning)}.finMethodBadge.uah{background:#22c55e1a;color:var(--success)}.finMethodBadge.crypto{background:#38bdf81a;color:var(--accent)}.finStatusBadge{display:inline-flex;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}.finStatusBadge.completed{background:#22c55e1a;color:var(--success)}.finPayoutSelect{padding:4px 20px 4px 8px;border-radius:6px;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text);font-size:11px;font-weight:600;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%2394A3B8' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.finPayoutSelect.pending{border-color:#f59e0b4d;color:var(--warning)}.finPayoutSelect.released{border-color:#22c55e4d;color:var(--success)}.finPayoutSelect.problem{border-color:#ef44444d;color:var(--danger)}.finCalendar{display:flex;flex-direction:column;gap:8px}.finCalendarItem{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.finCalendarDate{font-size:13px;font-weight:600;min-width:90px;color:var(--text-secondary)}.finCalendarBar{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.finCalendarFill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px}.finCalendarAmount{font-size:13px;font-weight:700;color:var(--accent);min-width:80px;text-align:right}.financeToolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap}.financeFilters{display:flex;gap:10px;flex-wrap:wrap;flex:1}.financeFilters .select{min-width:130px}.finSearchInput{min-width:200px;max-width:280px}.financeActions{display:flex;gap:8px;flex-shrink:0}.periodSwitch{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.periodBtn{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--card);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.periodBtn:hover{border-color:#ffffff26;color:var(--text)}.periodBtn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.financeClientsPanel{background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.financePanelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.financePanelTitle{font-size:16px;font-weight:800;color:var(--text)}.financePanelSubtitle{font-size:12px;color:var(--text-muted);margin-top:3px}.financePlanStats{display:flex;gap:8px;flex-wrap:wrap}.financePlanStats span{display:inline-flex;padding:5px 9px;border-radius:7px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);font-size:11px;font-weight:700}.financeClientsEmpty{padding:16px;border:1px dashed var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);text-align:center}.finImportBtn{cursor:pointer}.finImportResult{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-bottom:16px}.finImportResultTitle{font-size:13px;font-weight:700;white-space:nowrap}.finImportStats{display:flex;gap:12px;font-size:12px}.finImportStat{color:var(--text-secondary)}.finImportStat.green{color:var(--success)}.finImportStat.yellow{color:var(--warning)}.finImportErrors{font-size:11px;color:var(--danger);margin-left:auto}.finActionsCell{display:flex;gap:4px}.finActionBtn{width:28px;height:28px;border-radius:6px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.finActionBtn.edit:hover{background:#2563eb1f;color:var(--primary);border-color:var(--primary)}.finActionBtn.delete:hover{background:#ef44441f;color:var(--danger);border-color:var(--danger)}.finToast{position:fixed;top:20px;right:20px;padding:12px 20px;background:var(--card);border:1px solid var(--success);border-radius:var(--radius-sm);color:var(--success);font-size:13px;font-weight:600;z-index:2000;animation:fadeInOut 3s ease;box-shadow:0 4px 20px #0000004d}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.finFormModal{max-width:520px}.finForm{display:flex;flex-direction:column;gap:12px}.finFormRow{display:flex;gap:12px}.finFormGroup{flex:1;display:flex;flex-direction:column;gap:4px}.finFormGroup label{font-size:12px;font-weight:600;color:var(--text-secondary)}.finFormGroup .input,.finFormGroup .select{width:100%}.finFormActions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.projSettingsSection{margin-bottom:16px}.projSettingsLabel{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-bottom:12px}.projBotConnected{display:flex;flex-direction:column;gap:12px}.projBotStatus{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--success)}.projBotInfo{background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-xs);padding:12px}.projBotRow{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid var(--border)}.projBotRow:last-child{border-bottom:none}.projBotRow span:first-child{color:var(--text-muted)}.projBotRow span:last-child{font-weight:600}.projBotToken{font-family:monospace;font-size:12px;color:var(--accent)}.projBotSetup{display:flex;flex-direction:column;gap:12px}.projBotHint{font-size:13px;color:var(--text-muted)}.projBotResult{margin-top:12px;display:flex;flex-direction:column;gap:12px}.projStatusBar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-xs);margin-bottom:16px;font-size:13px}.projStatusLabel{font-weight:700}.projStatusBot{color:var(--text-secondary)}.projStatusGroup{color:var(--text-muted);margin-left:auto}.projTabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.projTab{flex:1 1 auto;min-width:0;padding:8px 10px;border:1px solid var(--glass-border);border-radius:var(--radius-xs);background:#ffffff08;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.projTab.active{background:#2563eb1f;color:var(--text);border-color:var(--primary)}.projTab:disabled{opacity:.4;cursor:not-allowed}.projChecklist{display:flex;flex-direction:column;gap:6px;margin-top:12px}.projCheckItem{font-size:13px;color:var(--text-secondary)}.projWarning{margin-top:12px;padding:10px 14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-xs);color:var(--warning);font-size:13px}.projStepHints{display:flex;flex-direction:column;gap:8px;margin-top:12px}.projStepHint{background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-xs);overflow:hidden}.projStepHintHeader{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;transition:background .15s}.projStepHintHeader:hover{background:#ffffff0d}.projStepHintStatus{font-size:14px;flex-shrink:0}.projStepHintArrow{margin-left:auto;font-size:10px;color:var(--text-muted);transition:transform .2s}.projStepHintArrow.open{transform:rotate(90deg)}.projStepHintBody{padding:0 12px 12px;font-size:13px;color:var(--text-secondary);line-height:1.6}.projStepHintBody p{margin:6px 0}.projStepHintBody code{font-family:monospace;font-size:12px;background:#ffffff0f;padding:1px 5px;border-radius:3px;color:var(--accent)}.projStepHintBody .hintLink{color:var(--primary);text-decoration:underline;cursor:pointer}html.tg-desktop-webapp .app{width:100%;max-width:none;margin:0}html.tg-desktop-webapp .sidebar{width:220px;min-width:220px;padding:20px 12px}html.tg-desktop-webapp .sidebarLogoText,html.tg-desktop-webapp .sidebarItem span,html.tg-desktop-webapp .sidebarFooter .sidebarItem span{display:inline}html.tg-desktop-webapp .sidebarLogo{justify-content:flex-start;padding:0 8px 20px}html.tg-desktop-webapp .sidebarSection{display:block}html.tg-desktop-webapp .sidebarItem,html.tg-desktop-webapp .sidebarFooter .sidebarItem{justify-content:flex-start;padding:10px 12px}html.tg-desktop-webapp .sidebarLangBtn{font-size:13px;padding:8px 12px}html.tg-desktop-webapp .mainArea{margin-left:220px}html.tg-desktop-webapp .glowBg{left:220px}html.tg-desktop-webapp .statsGrid{grid-template-columns:repeat(4,1fr)}html.tg-desktop-webapp .tariffGrid{grid-template-columns:repeat(3,1fr)}html.tg-desktop-webapp .inputGroup,html.tg-desktop-webapp .revenueForm,html.tg-desktop-webapp .finFormRow,html.tg-desktop-webapp .financeFilters{flex-direction:row}html.tg-desktop-webapp .financeFilters .select{min-width:130px}html.tg-desktop-webapp .finSearchInput{min-width:200px;max-width:280px}html.tg-desktop-webapp .financeToolbar{flex-direction:row}html.tg-desktop-webapp .financeActions{width:auto}html.tg-desktop-webapp .financeActions .btn{flex:initial}html.tg-desktop-webapp .loginScreen{background:radial-gradient(ellipse at 50% 0%,rgba(37,99,235,.15) 0%,transparent 60%),var(--bg)}html.tg-desktop .app{width:100%;max-width:none;margin:0}html.telegram-desktop-mode .sidebar{width:220px;min-width:220px;padding:20px 12px}html.telegram-desktop-mode .sidebarLogoText,html.telegram-desktop-mode .sidebarItem span,html.telegram-desktop-mode .sidebarFooter .sidebarItem span{display:inline}html.telegram-desktop-mode .sidebarLogo{justify-content:flex-start;padding:0 8px 20px}html.telegram-desktop-mode .sidebarSection{display:block}html.telegram-desktop-mode .sidebarItem,html.telegram-desktop-mode .sidebarFooter .sidebarItem{justify-content:flex-start;padding:10px 12px}html.telegram-desktop-mode .sidebarLangBtn{font-size:13px;padding:8px 12px}html.telegram-desktop-mode .mainArea{margin-left:220px}html.telegram-desktop-mode .glowBg{left:220px}html.telegram-desktop-mode .statsGrid{grid-template-columns:repeat(4,1fr)}html.telegram-desktop-mode .tariffGrid{grid-template-columns:repeat(3,1fr)}html.telegram-desktop-mode .inputGroup,html.telegram-desktop-mode .revenueForm,html.telegram-desktop-mode .finFormRow,html.telegram-desktop-mode .financeFilters{flex-direction:row}html.telegram-desktop-mode .financeFilters .select{min-width:130px}html.telegram-desktop-mode .finSearchInput{min-width:200px;max-width:280px}html.telegram-desktop-mode .financeToolbar{flex-direction:row}html.telegram-desktop-mode .financeActions{width:auto}html.telegram-desktop-mode .financeActions .btn{flex:initial}html.telegram-mobile-mode .sidebar{width:60px;min-width:60px;padding:16px 6px}html.telegram-mobile-mode .sidebarLogoText{display:none}html.telegram-mobile-mode .sidebarLogo{justify-content:center;padding:0 0 16px}html.telegram-mobile-mode .sidebarSection,html.telegram-mobile-mode .sidebarItem span{display:none}html.telegram-mobile-mode .sidebarItem{justify-content:center;padding:10px}html.telegram-mobile-mode .sidebarFooter .sidebarItem span{display:none}html.telegram-mobile-mode .sidebarFooter .sidebarItem{justify-content:center}html.telegram-mobile-mode .sidebarLangBtn{font-size:11px;padding:6px}html.telegram-mobile-mode .mainArea{margin-left:60px}html.telegram-mobile-mode .glowBg{left:60px}html.telegram-mobile-mode .statsGrid{grid-template-columns:repeat(2,1fr)}html.telegram-mobile-mode .tariffGrid{grid-template-columns:1fr}html.telegram-mobile-mode .inputGroup,html.telegram-mobile-mode .revenueForm,html.telegram-mobile-mode .financeFilters{flex-direction:column}html.telegram-mobile-mode .financeFilters .select{min-width:auto}html.telegram-mobile-mode .finSearchInput{min-width:auto;max-width:none}html.telegram-mobile-mode .financeToolbar{flex-direction:column}html.telegram-mobile-mode .financeActions{width:100%}html.telegram-mobile-mode .financeActions .btn{flex:1}html.telegram-mobile-mode .finFormRow{flex-direction:column}html.telegram-mobile-mode .finImportResult,html.telegram-mobile-mode .finImportStats{flex-wrap:wrap}@media (max-width: 767px){.hamburgerBtn{display:flex}.sidebarOverlay{display:block}.sidebar{position:fixed;top:0;left:0;width:280px;min-width:280px;height:100dvh;z-index:200;transform:translate(-100%);transition:transform .3s ease;padding:20px 12px}.sidebar.open{transform:translate(0)}.mainArea{margin-left:0}.glowBg{left:0}.page{padding:16px}.projectsHeader{align-items:stretch;flex-direction:column}.projectsHeader .btn{width:100%}.projectsSearch{max-width:none}.topBar{padding:12px 16px}.statsGrid,.tariffGrid{grid-template-columns:1fr}.inputGroup,.revenueForm,.finFormRow,.financeFilters{flex-direction:column}.financeFilters .select{min-width:auto}.finSearchInput{min-width:auto;max-width:none}.financeToolbar{flex-direction:column}.financeActions{width:100%}.financeActions .btn{flex:1}.loginScreen{padding:16px}.loginCard{max-width:none;padding:0 8px}html.telegram-mobile-mode .sidebar{width:280px;min-width:280px;padding:20px 12px}html.telegram-mobile-mode .sidebar.open{transform:translate(0)}html.telegram-mobile-mode .sidebarLogoText{display:inline}html.telegram-mobile-mode .sidebarLogo{justify-content:flex-start;padding:0 8px 20px}html.telegram-mobile-mode .sidebarSection{display:block}html.telegram-mobile-mode .sidebarItem span{display:inline}html.telegram-mobile-mode .sidebarItem{justify-content:flex-start;padding:10px 12px}html.telegram-mobile-mode .sidebarFooter .sidebarItem span{display:inline}html.telegram-mobile-mode .sidebarFooter .sidebarItem{justify-content:flex-start}html.telegram-mobile-mode .sidebarLangBtn{font-size:13px;padding:8px 12px}html.telegram-mobile-mode .mainArea{margin-left:0}html.telegram-mobile-mode .glowBg{left:0}html.telegram-mobile-mode .statsGrid,html.telegram-mobile-mode .tariffGrid{grid-template-columns:1fr}}@media (min-width: 1200px){.app{max-width:1600px;margin:0 auto}.sidebar{width:260px;min-width:260px}.mainArea{margin-left:260px}.glowBg{left:260px}.topBar{padding:16px 32px}.page{padding:32px}.statsGrid{grid-template-columns:repeat(4,1fr)}html.telegram-desktop-mode .sidebar{width:260px;min-width:260px}html.telegram-desktop-mode .mainArea{margin-left:260px}html.telegram-desktop-mode .glowBg{left:260px}}select,select.input,select.select,.crmSelect{color-scheme:dark}select.input,.crmSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0f;color:var(--text);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px 32px 8px 12px;font-size:13px;outline:none;cursor:pointer;min-width:100px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}select.input:focus,.crmSelect:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}select.input option{background:#1a2332;color:#e2e8f0}.crmSelectWrap{min-width:100px}.crmSelectTrigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text);font-size:13px;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none;min-height:38px}.crmSelectTrigger:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.crmSelectPlaceholder{color:var(--text-muted)}.crmSelectDropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:4px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#111827;box-shadow:0 8px 24px #00000080;max-height:200px;overflow-y:auto}.crmSelectOption{padding:8px 12px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background .1s}.crmSelectOption:hover{background:#ffffff14;color:var(--text)}.crmSelectOptionActive{color:var(--accent);font-weight:600;background:#3b82f61a}input.input,.crmInput,textarea.input,.crmTextarea{background:#ffffff0f;color:var(--text);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;outline:none}input.input:focus,.crmInput:focus,textarea.input:focus,.crmTextarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}input.input::placeholder,textarea.input::placeholder{color:var(--text-muted)}select.input:hover,input.input:hover,textarea.input:hover{border-color:#ffffff1a}button:disabled{opacity:.4;cursor:not-allowed}.userBlock{position:relative;margin-left:12px}.userBtn{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;border:1px solid transparent;background:none;color:var(--text);cursor:pointer;font-size:13px}.userBtn:hover{border-color:var(--glass-border);background:#ffffff0a}.userAvatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.userDropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:4px;min-width:180px;z-index:100}.userDropdownItem{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:none;color:var(--text-secondary);font-size:13px;cursor:pointer;border-radius:6px}.userDropdownItem:hover{background:#ffffff0f;color:var(--text)}.userDropdownItem.danger{color:#ef4444}.userDropdownItem.danger:hover{background:#ef44441a}.versionTag{font-size:10px;padding:2px 8px;border-radius:10px;background:#2563eb1f;color:var(--primary);display:inline-block}.sidebarFooterSupport{margin-top:12px;padding:8px 0;border-top:1px solid var(--glass-border)}.sidebarFooterSupport p{font-size:10px;color:var(--text-muted);margin:2px 0}html.tg-mobile .hamburgerBtn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:12px;z-index:110;width:44px;height:44px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html.tg-mobile .topBar{padding-top:calc(env(safe-area-inset-top,0px) + 8px);min-height:calc(56px + env(safe-area-inset-top,0px))}html.tg-mobile .topBarRight{display:none}html.tg-mobile .page{padding-top:calc(env(safe-area-inset-top,0px) + 64px)}html.tg-mobile .sidebar{position:fixed;z-index:120;left:-85%;width:85%;height:100dvh;transition:left .25s ease;padding-top:calc(env(safe-area-inset-top,0px) + 16px)}html.tg-mobile .sidebar.open{left:0}html.tg-mobile .sidebarOverlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:105}html.tg-mobile .mainArea{margin-left:0!important}@media (max-width: 768px){html.tg-mobile .projectSettingsOverlay,html.telegram-mobile-mode .projectSettingsOverlay{align-items:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 88px)}html.tg-mobile .projectSettingsModal,html.telegram-mobile-mode .projectSettingsModal{max-height:calc(100dvh - env(safe-area-inset-top,0px) - 104px)!important}.projectSettingsModal .modalHeader{position:sticky;top:0;z-index:5;background:var(--card)}.projectsHeader{flex-direction:column;gap:12px;align-items:stretch}.projectsHeader .btn{width:100%;justify-content:center}.projectsToolbar{flex-direction:column;gap:8px}.projectsToolbar .projectsSearch{width:100%}.projectList{grid-template-columns:1fr}.projectItem{width:100%}.projectItemBody{flex-direction:column;gap:8px}.projectActions{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important}.projectActions .btn{width:100%;justify-content:center;padding:8px 4px;font-size:11px}.page{padding:16px}html.telegram-mobile-mode .page{padding:12px 12px 80px}}@media (max-width: 768px){.projectsHeader+div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media (max-width: 768px){.sidebar{display:none}.sidebar.open{display:flex}.hamburgerBtn,.topBar{display:none}.mobileBackBtn{display:flex}.mobileMenuPage{padding-top:calc(env(safe-area-inset-top,0px) + 80px)}.mobileMenuTile{transition:transform .15s}.mobileMenuTile:active{transform:scale(.96)}.mobilePage{padding-top:calc(env(safe-area-inset-top,0px) + 80px)}.mobileTopBar{padding:0 12px 8px;margin-bottom:4px}.mobileTopBar .btn{font-size:14px}.dashboardGrid{grid-template-columns:repeat(2,1fr)!important;gap:8px}.dashboardGrid .statCard{padding:12px}.dashboardGrid .statValue{font-size:22px}.dashboardGrid .statLabel{font-size:11px}.statCard{width:100%;min-width:0;overflow:hidden}div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.dataTable{display:table;min-width:600px}.dataTable thead{display:table-header-group}.dataTable tbody{display:table-row-group}.dataTable tr{display:table-row;padding:0;border:none}.dataTable th{display:table-cell}.dataTable td{display:table-cell;padding:6px 8px;font-size:12px}.dataTable td:before{display:none}.financeTableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.statCard>.dataTable{min-width:auto;width:100%}.financeToolbar form,.financeFilters{flex-direction:column;gap:8px}.financeFilters select,.financeFilters input{width:100%}td .btn{width:100%;margin:4px 0}.pageTitle{font-size:20px}.tariffGrid{grid-template-columns:1fr!important}html.telegram-mobile-mode body{padding-bottom:80px}}@media (max-width: 400px){.dashboardGrid{grid-template-columns:1fr!important}}@media (min-width: 769px){.sidebar{width:260px;max-width:260px;min-width:260px;position:fixed;left:0;top:0;height:100vh;transform:none!important;z-index:20}.mainArea{margin-left:260px;width:calc(100% - 260px)}.hamburgerBtn,.mobileMenuPage{display:none!important}.mobilePage{padding-top:0!important}.mobileTopBar,.mobileBackBtn,.sidebarOverlay{display:none!important}html.tg-mobile .sidebar{width:260px;max-width:260px;min-width:260px;left:0!important;position:fixed!important}html.tg-mobile .mainArea{margin-left:260px!important;width:calc(100% - 260px)!important}html.tg-mobile .sidebarOverlay{display:none!important}}:root{--bg: #0B1020;--card: #111827;--card-hover: #1a2235;--primary: #2563EB;--primary-glow: rgba(37, 99, 235, .35);--accent: #38BDF8;--accent-glow: rgba(56, 189, 248, .25);--text: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #475569;--border: rgba(255, 255, 255, .06);--glass: rgba(17, 24, 39, .6);--glass-border: rgba(255, 255, 255, .08);--danger: #EF4444;--success: #22C55E;--warning: #F59E0B;--radius: 20px;--radius-sm: 12px;--radius-xs: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}input,button,select{font-family:inherit}
