*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050810;--surface: rgba(14, 18, 34, .82);--surface2: rgba(24, 30, 52, .9);--border: rgba(79, 142, 247, .13);--border-strong: rgba(79, 142, 247, .24);--accent: #4f8ef7;--accent-dim: rgba(79, 142, 247, .16);--accent-glow: rgba(79, 142, 247, .35);--text: #e2e8f0;--text-dim: #7b8599;--otp: #f59e0b;--otp-bg: rgba(245, 158, 11, .09);--bank: #10b981;--bank-bg: rgba(16, 185, 129, .09);--red: #ef4444;--radius: 10px;--font: "Inter", system-ui, sans-serif}body{background:radial-gradient(ellipse 70% 55% at 12% 25%,rgba(79,110,247,.14) 0%,transparent 60%),radial-gradient(ellipse 65% 50% at 88% 12%,rgba(139,92,246,.11) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 55% 92%,rgba(16,185,129,.07) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 72% 60%,rgba(79,142,247,.05) 0%,transparent 50%),#050810;background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:14px;min-height:100vh}button{cursor:pointer;font-family:inherit}input{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4f8ef733;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4f8ef766}input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #4f8ef724!important;outline:none}.blur-sm{backdrop-filter:blur(10px) saturate(1.5);-webkit-backdrop-filter:blur(10px) saturate(1.5)}.blurred{backdrop-filter:blur(22px) saturate(1.7);-webkit-backdrop-filter:blur(22px) saturate(1.7)}.blurred-strong{backdrop-filter:blur(36px) saturate(2);-webkit-backdrop-filter:blur(36px) saturate(2)}.glass-surface{background:var(--surface);border:1px solid var(--border)}.msg-card{background:var(--surface);border:1px solid var(--border);transition:background .15s,box-shadow .18s,border-color .18s}.msg-card:hover{background:var(--surface2);border-color:var(--border-strong);box-shadow:0 6px 28px #0000004d,0 0 0 1px #4f8ef71a}.msg-otp{box-shadow:0 2px 16px #f59e0b1a}.msg-bank{box-shadow:0 2px 16px #10b9811a}.msg-otp:hover{box-shadow:0 6px 28px #f59e0b24,0 0 0 1px #4f8ef71a}.msg-bank:hover{box-shadow:0 6px 28px #10b98124,0 0 0 1px #4f8ef71a}.sidebar{transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s}@media (max-width: 768px){.sidebar{position:fixed!important;inset-block:0;inset-inline-start:0;z-index:300;transform:translate(-100%);box-shadow:none}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open{transform:translate(0)!important;box-shadow:8px 0 48px #000000b3}[dir=rtl] .sidebar.open{box-shadow:-8px 0 48px #000000b3}}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media (max-width: 768px){.sidebar-backdrop{display:block}}.hamburger{display:none;background:none;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;padding:6px 8px;border-radius:7px;align-items:center;justify-content:center;transition:color .15s,background .15s,border-color .15s;flex-shrink:0}.hamburger:hover{color:var(--text);background:var(--surface2);border-color:var(--border-strong)}@media (max-width: 768px){.hamburger{display:flex}}@media (max-width: 768px){.header-title,.header-user-name{display:none!important}}@media (max-width: 520px){.header-actions-secondary{display:none!important}}.sidebar-close-btn{display:none;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:6px;font-size:18px;line-height:1;transition:color .15s;align-self:flex-end;margin-bottom:4px}.sidebar-close-btn:hover{color:var(--text)}@media (max-width: 768px){.sidebar-close-btn{display:flex}}@keyframes pulse-dot{0%,to{box-shadow:0 0 5px #22c55e,0 0 10px #22c55e59}50%{box-shadow:0 0 10px #22c55e,0 0 20px #22c55e80;opacity:.75}}.live-dot{animation:pulse-dot 2.2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(79,142,247,.18);border-top-color:var(--accent);animation:spin .7s linear infinite;display:inline-block}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.msg-enter{animation:fade-slide-in .22s ease-out}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-content-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{animation:modal-backdrop-in .18s ease-out}.modal-box{animation:modal-content-in .22s cubic-bezier(.34,1.4,.64,1)}.stats-panel{width:160px;flex-shrink:0;padding:20px 16px;display:flex;flex-direction:column}.stats-mobile{display:block}@media (min-width: 1024px){.stats-mobile{display:none}}@media (max-width: 1023px){.stats-panel{display:none}}.msg-delete-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px 6px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.35;transition:opacity .15s,color .15s;flex-shrink:0}.msg-delete-btn:hover{opacity:1;color:#f87171}@media (max-width: 768px){.msg-delete-btn{opacity:1;color:#f87171;padding:6px 8px}}.btn-accent{background:linear-gradient(135deg,#4f8ef7,#6d6af5);border:none;color:#fff;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s,box-shadow .15s}.btn-accent:hover:not(:disabled){box-shadow:0 4px 18px #4f8ef766;opacity:.92}.btn-accent:disabled{opacity:.45;cursor:default}.stat-accent{background:linear-gradient(135deg,#4f8ef7,#9b82f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}