:root,[data-theme="light"]{--primary:#6366f1;--primary-hover:#4f46e5;--bg:#f8fafc;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6}[data-theme="dark"]{--primary:#818cf8;--primary-hover:#6366f1;--bg:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border:#334155;--border-light:#1e293b;--success:#34d399;--danger:#f87171;--warning:#fbbf24;--info:#60a5fa}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-shell{min-height:100vh;min-height:100dvh}.auth-page{min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.auth-pattern{min-height:100vh;min-height:100dvh}.dashboard-layout{height:100vh;height:100dvh}.sidebar-left{transition:width 0.3s ease,transform 0.3s ease;height:100vh;height:100dvh}.sidebar-left.collapsed{width:72px}.sidebar-left.collapsed .sidebar-logo-text,.sidebar-left.collapsed .nav-item-text,.sidebar-left.collapsed .sidebar-user-info,.sidebar-left.collapsed .sidebar-btn-text{display:none}.sidebar-left.collapsed .sidebar-header{padding:16px 12px}.sidebar-left.collapsed .sidebar-header>div:first-child{justify-content:center}.sidebar-left.collapsed #btn-collapse-sidebar{margin-top:8px}.sidebar-left.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}.sidebar-left.collapsed .nav-item i{margin:0}.sidebar-left.collapsed .sidebar-user-card{justify-content:center;padding:12px}.sidebar-left.collapsed .sidebar-user-avatar{margin:0}.sidebar-left.collapsed .sidebar-bottom-btn{justify-content:center;padding-left:0;padding-right:0}.sidebar-left.collapsed nav{padding:16px 8px}.sidebar-left.collapsed>div:last-child{padding:16px 8px}.sidebar-left.collapsed .nav-item{position:relative}.sidebar-left.collapsed .nav-item::after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;padding:6px 12px;background:var(--text);color:var(--bg);font-size:13px;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all 0.2s ease;z-index:100}.sidebar-left.collapsed .nav-item:hover::after{opacity:1;visibility:visible}.sidebar-toggle-icon{transition:transform 0.3s ease}.sidebar-left.collapsed .sidebar-toggle-icon{transform:rotate(180deg)}.nav-item{position:relative;overflow:hidden}.nav-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transition:transform 0.2s ease}.nav-item:hover::before,.nav-item.active::before{transform:scaleY(1)}.card-hover{transition:all 0.3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 40px -10px rgba(0,0,0,0.1)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,0.2)}button:active{transform:scale(0.98)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.animate-fadeIn{animation:fadeIn 0.3s ease forwards}.animate-slideInLeft{animation:slideInLeft 0.3s ease forwards}.animate-slideInRight{animation:slideInRight 0.3s ease forwards}.notyf{padding-top:env(safe-area-inset-top,0px) !important;padding-right:env(safe-area-inset-right,8px) !important;top:0 !important}.notyf__toast{border-radius:12px !important;padding:12px 16px !important;box-shadow:0 4px 20px -5px rgba(0,0,0,0.3) !important;margin:8px !important}@media (max-width:768px){.notyf{top:env(safe-area-inset-top,0px) !important;padding-top:8px !important;padding-right:calc(8px+env(safe-area-inset-right,0px)) !important;padding-left:8px !important}.notyf__toast{padding:10px 12px !important;font-size:12px !important;min-width:auto !important;max-width:200px !important;border-radius:8px !important;box-shadow:0 4px 12px -4px rgba(0,0,0,0.3) !important;display:flex !important;align-items:flex-start !important}.notyf__wrapper{display:flex !important;align-items:flex-start !important;flex:1 !important;min-width:0 !important}.notyf__message{font-size:12px !important;line-height:1.4 !important;white-space:normal !important;word-wrap:break-word !important;flex:1 !important;min-width:0 !important;padding-right:12px !important;text-align:left !important;width:100% !important}.notyf__icon{width:16px !important;height:16px !important;min-width:16px !important;margin-right:8px !important;flex-shrink:0 !important}.notyf__icon svg{width:14px !important;height:14px !important}.notyf__ripple{display:none !important}.notyf__dismiss{position:absolute !important;top:8px !important;right:8px !important;width:18px !important;height:18px !important;background:rgba(255,255,255,0.25) !important;border-radius:4px !important;cursor:pointer !important;display:block !important}.notyf__dismiss-btn{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;background:transparent !important;border:none !important;cursor:pointer !important;display:block !important}.notyf__dismiss-btn::before,.notyf__dismiss-btn::after{content:'' !important;position:absolute !important;top:50% !important;left:50% !important;width:8px !important;height:2px !important;background:white !important;border-radius:1px !important}.notyf__dismiss-btn::before{transform:translate(-50%,-50%) rotate(45deg) !important}.notyf__dismiss-btn::after{transform:translate(-50%,-50%) rotate(-45deg) !important}}.notyf__toast--success{background:var(--success) !important}.notyf__toast--error{background:var(--danger) !important}[data-lucide]{display:inline-block;vertical-align:middle}@media (max-width:1023px){.sidebar-left{position:fixed !important;left:0;top:0;bottom:0;height:100% !important;max-height:100vh;max-height:100dvh;z-index:50;box-sizing:border-box}.sidebar-left.-translate-x-full{transform:translateX(-100%) !important}.sidebar-left.translate-x-0{transform:translateX(0) !important}}@media (max-width:640px){.dashboard-layout main{padding:16px !important}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 16px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text)}tr:hover td{background:var(--bg-tertiary)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500}.badge-success{background:rgba(16,185,129,0.1);color:var(--success)}.badge-danger{background:rgba(239,68,68,0.1);color:var(--danger)}.badge-warning{background:rgba(245,158,11,0.1);color:var(--warning)}.badge-info{background:rgba(59,130,246,0.1);color:var(--info)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.tooltip{position:relative}.tooltip::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:6px 10px;background:var(--text);color:var(--bg);font-size:12px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.2s ease;pointer-events:none;margin-bottom:6px}.tooltip:hover::after{opacity:1;visibility:visible}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px -10px rgba(0,0,0,0.2);overflow:hidden;z-index:100}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text);font-size:14px;transition:background 0.2s ease;cursor:pointer}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item.danger{color:var(--danger)}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--bg-secondary);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px -10px rgba(0,0,0,0.3)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border)}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;transition:all 0.2s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.2)}.form-input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:500;transition:all 0.2s ease;cursor:pointer;border:none}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:white}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--success);color:white}.btn-success:hover{background:#059669}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text)}.btn:disabled{opacity:0.5;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{width:64px;height:64px;color:var(--text-muted);margin-bottom:16px}.empty-state-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}.empty-state-description{font-size:14px;color:var(--text-muted);max-width:300px}.trade-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden}.price-up{color:var(--success)}.price-down{color:var(--danger)}.auth-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(99,102,241,0.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(99,102,241,0.05) 0%,transparent 50%)}.password-strength{height:4px;border-radius:2px;margin-top:8px;background:var(--bg-tertiary);overflow:hidden}.password-strength-bar{height:100%;transition:width 0.3s ease,background 0.3s ease}.password-strength-weak{width:33%;background:var(--danger)}.password-strength-medium{width:66%;background:var(--warning)}.password-strength-strong{width:100%;background:var(--success)}.phone-input-wrapper{display:flex;gap:8px}.phone-input-wrapper .country-code{width:100px;flex-shrink:0}.phone-input-wrapper .phone-number{flex:1}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@supports (padding-bottom:env(safe-area-inset-bottom)){.safe-area-bottom,.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top,.pt-safe{padding-top:env(safe-area-inset-top)}.safe-area-left,.pl-safe{padding-left:env(safe-area-inset-left)}.safe-area-right,.pr-safe{padding-right:env(safe-area-inset-right)}.dashboard-layout main{padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal-overlay{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.bottom-actions-safe{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (max-width:1023px){.dashboard-layout header{padding-top:env(safe-area-inset-top,0px);height:auto;min-height:56px}.sidebar-left{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}.sidebar-left>.sidebar-header{padding-top:16px}.sidebar-left>div:last-child{padding-bottom:16px}}@media (min-width:1024px){.sidebar-left>.sidebar-header{padding-top:16px}.sidebar-left>div:last-child{padding-bottom:16px}}.full-height-mobile{height:100vh;height:100dvh;height:-webkit-fill-available}@media (max-width:768px){.mobile-cards-view .desktop-table{display:none !important}.mobile-cards-view .mobile-cards{display:block !important}.tx-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:12px}.tx-card:active{background:var(--bg-tertiary)}.tx-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tx-card-symbol{display:flex;align-items:center;gap:12px}.tx-card-symbol-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.tx-card-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tx-card-row{display:flex;flex-direction:column;gap:2px}.tx-card-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}.tx-card-value{font-size:13px;font-weight:500;color:var(--text)}.tx-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.tx-card-pnl{font-size:18px;font-weight:700}}@media (min-width:769px){.mobile-cards-view .desktop-table{display:block !important}.mobile-cards-view .mobile-cards{display:none !important}}@media (max-width:768px){.tap-target{min-height:44px;min-width:44px}input,select,textarea,button{font-size:16px !important}.mobile-spacing>*+*{margin-top:12px}}.scroll-hint{position:relative}.scroll-hint::after{content:'';position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg-secondary));pointer-events:none;opacity:0;transition:opacity 0.3s}.scroll-hint.show-hint::after{opacity:1}.ptr-indicator{position:absolute;top:-40px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.2s,top 0.2s}.ptr-indicator.visible{top:10px;opacity:1}.swipeable-card{position:relative;overflow:hidden;touch-action:pan-y}.swipeable-card-content{position:relative;background:var(--bg-secondary);z-index:1;transition:transform 0.2s ease}.swipeable-card-actions{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center}@media (max-width:640px){.stats-grid-mobile{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:8px !important}.stats-grid-mobile>div{padding:12px !important}.stats-grid-mobile .stat-value{font-size:16px !important}}@media (max-width:768px){.mobile-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:4px}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab{flex-shrink:0;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;white-space:nowrap;transition:all 0.2s}}@media (max-width:640px){.page-header-mobile h1{font-size:20px !important}.page-header-mobile p{display:none}}@media (max-width:768px){.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{padding:6px 12px;border-radius:20px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);white-space:nowrap}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:white}}@media (max-width:768px){.bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:90vh;background:var(--bg-secondary);border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform 0.3s ease;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:12px auto}}.fab{position:fixed;bottom:calc(20px+env(safe-area-inset-bottom,0px));right:20px;width:56px;height:56px;border-radius:28px;background:var(--primary);color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(99,102,241,0.4);z-index:100;transition:transform 0.2s,box-shadow 0.2s}.fab:active{transform:scale(0.95)}.fab:hover{box-shadow:0 6px 30px rgba(99,102,241,0.5)}@media (max-width:768px){#notification-panel.mobile-bottom-sheet{position:fixed !important;top:auto !important;bottom:0 !important;left:0 !important;right:0 !important;max-height:70vh !important;border-radius:20px 20px 0 0 !important;padding-bottom:env(safe-area-inset-bottom) !important}}@media (max-width:768px){.dropdown-menu{min-width:140px}.dropdown-item{padding:14px 16px;font-size:15px}}@media (max-width:768px){.dropdown-menu.mobile-bottom-sheet{position:fixed !important;top:auto !important;bottom:0 !important;left:0 !important;right:0 !important;border-radius:20px 20px 0 0 !important;padding-bottom:env(safe-area-inset-bottom) !important;max-height:60vh;overflow-y:auto}.dropdown-item{padding:16px !important;font-size:16px !important}}.trade-mobile{-webkit-overflow-scrolling:touch}.trade-mobile .overscroll-contain{overscroll-behavior:contain}.trade-mobile{overscroll-behavior-y:contain}.trade-page{background:var(--bg)}.trade-page .market-watch{min-width:240px}.trade-page .symbol-item{transition:all 0.15s ease}.trade-page .symbol-item:hover{background:var(--bg-tertiary)}.trade-page .symbol-item.selected{background:rgba(99,102,241,0.1);border-left:2px solid var(--primary)}.trade-page .chart-header{min-height:48px}.trade-page .terminal{min-height:200px;max-height:300px}.trade-page .terminal table{font-size:12px}.trade-page .terminal th,.trade-page .terminal td{padding:8px 12px}.trade-page .terminal-footer{flex-wrap:wrap}#trading-chart{min-height:300px}@media (max-width:1280px){.trade-page .market-watch{width:200px !important}.trade-page .trade-form{width:280px !important}}@media (max-width:1024px){.trade-page{flex-direction:column}.trade-page .market-watch{width:100% !important;height:200px;border-right:none;border-bottom:1px solid var(--border)}.trade-page .trade-form{width:100% !important;border-left:none;border-top:1px solid var(--border)}.trade-page .terminal{max-height:none}}@keyframes priceFlashUp{0%{background-color:rgba(16,185,129,0.3)}100%{background-color:transparent}}@keyframes priceFlashDown{0%{background-color:rgba(239,68,68,0.3)}100%{background-color:transparent}}.price-flash-up{animation:priceFlashUp 0.3s ease}.price-flash-down{animation:priceFlashDown 0.3s ease}.category-tab{transition:all 0.2s ease}.category-tab:hover{background:var(--bg-tertiary)}.symbol-search-row:hover{background:var(--bg-tertiary)}.symbol-search-row:active{background:var(--border)}