:root{--bg: #060818;--glass: rgba(255,255,255,.04);--bd: rgba(255,255,255,.08);--bd-strong: rgba(255,255,255,.14);--text: #f1f5f9;--muted: rgba(255,255,255,.4);--muted2: rgba(255,255,255,.65);--indigo: #6366f1;--violet: #8b5cf6;--row-sep: rgba(255,255,255,.05);--primary: #6366f1;--accent: #8b5cf6;--foreground: #f1f5f9;--background: #060818;--muted-foreground: rgba(255,255,255,.45);--border: rgba(255,255,255,.08);--primary-foreground: #fff;--ring: rgba(99,102,241,.45);--destructive: #ef4444;--chart-3: #34d399;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;width:100%;overflow-x:hidden}@media (min-width: 720px){html,body{overflow:hidden}}body{margin:0;min-height:100dvh;color:var(--text);font-family:var(--font-sans);background:var(--bg)}.beams-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.beams-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:1;filter:blur(6px) saturate(1.08)}.beams-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 70% at 60% -10%,rgba(117,146,255,.26) 0%,transparent 66%),radial-gradient(70% 58% at 15% 100%,rgba(0,207,255,.22) 0%,transparent 66%),linear-gradient(180deg,#02061424,#0206148f 70%,#020614d1)}.app-shell{width:min(560px,100%);max-width:560px;min-height:100dvh;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;overflow:hidden}.anim-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.anim-orb{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform,opacity}@keyframes orb1{0%,to{transform:translate(0) scale(1)}30%{transform:translate(50px,-40px) scale(1.12)}65%{transform:translate(-30px,30px) scale(.93)}}@keyframes orb2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-45px,35px) scale(1.08)}70%{transform:translate(25px,-25px) scale(1.05)}}@keyframes orb3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,50px) scale(.88)}}@media (min-width: 600px){body{background:#020510}.app-shell{min-height:100dvh;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 1px #6366f10f,-32px 0 80px #0006,32px 0 80px #0006;background:var(--bg)}}.app-content{flex:1;min-height:0;padding-bottom:calc(72px + env(safe-area-inset-bottom));position:relative;z-index:3;overflow-y:auto}.screen-pad{padding:0 14px}.desktop-sidebar{display:none}@media (min-width: 720px){html,body{overflow:hidden}.app-shell{width:min(900px,calc(100vw - 32px));max-width:min(900px,calc(100vw - 32px));min-height:unset;flex-direction:row;height:100dvh;overflow:hidden;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 1px #6366f10d,-40px 0 100px #00000080,40px 0 100px #00000080}.desktop-sidebar{display:flex;flex-direction:column;align-items:flex-start;width:220px;min-width:220px;flex-shrink:0;height:100dvh;overflow-y:auto;padding:24px 16px;border-right:1px solid rgba(255,255,255,.07);background:#06081880;position:relative;z-index:2}.sidebar-logo{height:52px;width:100%;object-fit:contain;object-position:center center;display:block;flex-shrink:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;align-self:stretch}.sidebar-nav-btn{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#ffffff8c;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;text-align:left;transition:background .15s,color .15s;width:100%;white-space:nowrap}.sidebar-nav-btn.active{background:#6366f126;color:#fff}.sidebar-nav-btn:hover:not(.active){background:#ffffff0d;color:#fffc}.app-content{flex:1;min-width:0;height:100dvh;overflow-y:auto;padding-bottom:32px}.screen-pad{padding:0 28px}}.glass{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:10px}.card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;margin-bottom:10px;min-width:0;overflow:hidden}.mobile-topbar{display:flex;align-items:center;padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.mobile-topbar-logo{height:30px;width:auto;object-fit:contain;object-position:left center}.mobile-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 0 18px}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.screen-title{font-size:26px;font-weight:800;color:var(--text);line-height:1.1;margin-top:3px}.balance-hero{padding:20px;position:relative;background:linear-gradient(135deg,#6366f124,#8b5cf617);border-color:#6366f138}.hero-glow{position:absolute;right:-20px;top:-20px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.4),transparent 65%);filter:blur(22px);pointer-events:none;z-index:0}.hero-amount{font-size:42px;font-weight:800;color:#a5b4fc;line-height:1;margin:8px 0 4px;font-family:var(--font-mono);letter-spacing:-.02em}.hero-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted2);margin-top:4px}.hero-actions{display:flex;gap:8px;margin-top:16px}.btn-primary{height:44px;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;font-weight:700;font-family:var(--font-sans);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:opacity .15s;flex:1}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost-sq{width:44px;height:44px;flex-shrink:0;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff0a;color:var(--muted2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;font-size:18px}.btn-ghost-sq:hover{background:#ffffff12}.bell-btn{width:40px;height:40px;flex-shrink:0;margin-top:8px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff0a;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.status-chip{padding:14px;margin-bottom:0}.status-chip-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-bottom:6px}.status-chip-count{font-size:26px;font-weight:700;line-height:1;font-family:var(--font-mono)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(560px,100%);height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#060818f0;border-top:1px solid rgba(255,255,255,.07);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:stretch;z-index:200}.tabbar-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#ffffff59;font-size:10px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:color .15s;padding:8px 4px;line-height:1}.tabbar-btn.active{color:#fff}.tab-icon-wrap{width:48px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:14px;transition:background .15s}.tabbar-btn.active .tab-icon-wrap{background:#ffffff1c}.channels-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.channel-link{border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);padding:10px 12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px}.channel-link:hover{background:#ffffff0f}.channel-link.telegram{border-color:#2aabee4d}.channel-link.whatsapp{border-color:#25d3664d}.channel-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0;min-width:0}.row span{font-size:13px;color:var(--muted2);min-width:0}.row strong{font-size:14px;font-family:var(--font-mono);text-align:right;min-width:0;color:var(--text)}.total-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--row-sep)}.ledger-row{display:flex;justify-content:space-between;gap:8px;padding-top:10px;margin-top:10px;min-width:0;border-top:1px solid var(--row-sep)}.ledger-type{font-weight:700;font-size:13px;color:var(--text)}.section-title{margin:0 0 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.op-plus{color:#34d399;font-weight:700;font-family:var(--font-mono)}.op-minus{color:#f87171;font-weight:700;font-family:var(--font-mono)}.op-payout{color:var(--text);font-weight:700;font-family:var(--font-mono);opacity:.75}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filters .input-group{min-width:0}.filters .input{width:100%;min-width:0}.small{font-size:12px;color:var(--muted)}.error-card{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 14px;color:#fca5a5;font-size:14px;font-weight:600;margin:0 14px 10px}.profile-hero{display:flex;align-items:center;gap:14px;padding:4px 0 16px;border-bottom:1px solid var(--row-sep);margin-bottom:6px}.profile-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:grid;place-items:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0;letter-spacing:-1px;box-shadow:0 4px 12px #6366f159}.profile-hero-name{font-size:17px;font-weight:700;color:var(--text);line-height:1.2}.profile-hero-sub{font-size:12px;color:var(--muted);margin-top:2px}.profile-fields{display:grid;gap:0}.profile-field{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--row-sep);min-width:0;overflow:hidden}.profile-field:last-child{border-bottom:none;padding-bottom:0}.profile-label{font-size:13px;color:var(--muted);min-width:0}.profile-value{font-size:14px;font-weight:600;text-align:right;overflow-wrap:anywhere;word-break:break-all;min-width:0;color:var(--text)}.input,button.primary{width:100%;min-width:0;max-width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);padding:11px 12px;font-size:14px;color:var(--text);background:#ffffff0d}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--primary);outline:2px solid rgba(99,102,241,.25);outline-offset:0}.input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;line-height:1.2;padding-right:36px;font-size:16px}.input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.2em}.input[type=date]::-webkit-calendar-picker-indicator{opacity:.9;margin-left:6px;cursor:pointer}button.primary{border:0;color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer}button.primary:disabled{opacity:.6;cursor:not-allowed}.ghost{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a;color:var(--text);padding:9px 12px;font-weight:600;cursor:pointer;font-family:var(--font-sans);font-size:14px}.ghost:hover{background:#ffffff12}.danger-btn{margin-top:8px;color:#fca5a5;border-color:#ef444440}.input-group{display:flex;flex-direction:column;gap:6px}.input-group span{font-size:12px;font-weight:700;color:var(--muted)}.input-wrap{position:relative}.input-wrap .input{padding-left:38px;padding-right:38px}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.toggle-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:16px;position:relative;z-index:1;overflow:hidden}.auth-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(78% 62% at 54% -10%,rgba(116,146,255,.44) 0%,transparent 70%),radial-gradient(66% 50% at 18% 100%,rgba(0,206,255,.34) 0%,transparent 65%);opacity:.72}.auth-card{width:min(500px,calc(100vw - 24px));background:#101623d1;border:1px solid rgba(188,203,255,.28);border-radius:20px;padding:18px;position:relative;z-index:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}.auth-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);flex-shrink:0}.auth-brand h2{margin:0;font-size:18px;color:var(--text)}.auth-brand p{margin:4px 0 0;font-size:13px;color:var(--muted)}.auth-form{display:grid;gap:10px}.auth-submit{margin-top:6px}.auth-error{margin-top:10px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#fca5a5;border-radius:10px;padding:10px 12px;font-weight:600;font-size:14px}.logo-wrap{flex-shrink:0}.login-logo{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:12px}.login-logo .brand-logo{margin:0 auto}.brand-logo{width:auto;max-width:clamp(116px,31vw,164px);max-height:52px;height:auto;display:block;object-fit:contain}@media (max-width: 420px){.brand-logo{max-width:124px}.hero-amount{font-size:34px}.screen-title{font-size:22px}.ledger-row{flex-direction:column;align-items:flex-start}}@media (min-width: 720px){.tabbar,.mobile-topbar{display:none}}