@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.4;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--z-dropdown: 1000;--z-modal: 1050;--z-tooltip: 1100}[data-theme=dark]{--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-light: #60A5FA;--color-primary-dark: #1E40AF;--color-bg-primary: #181A20;--color-bg-secondary: #181A20;--color-bg-tertiary: #202630;--color-bg-quaternary: #2B3139;--color-text-primary: #EAECEF;--color-text-secondary: #929AA5;--color-text-tertiary: #707A8A;--color-text-disabled: #4F5867;--color-success: #2EBD85;--color-danger: #F6465D;--color-warning: #F0B90B;--color-info: #3B82F6;--color-border: #474D57;--color-input-border: #474D57;--color-divider: #333B47;--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--glass-bg: rgba(32, 38, 48, .6);--glass-border: #333B47}[data-theme=light]{--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-light: #60A5FA;--color-primary-dark: #1E40AF;--color-bg-primary: #FFFFFF;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #F1F3F5;--color-bg-quaternary: #E9ECEF;--color-text-primary: #1A1D1F;--color-text-secondary: #6C757D;--color-text-tertiary: #ADB5BD;--color-text-disabled: #CED4DA;--color-success: #2EBD85;--color-danger: #F6465D;--color-warning: #F0B90B;--color-info: #3B82F6;--color-border: rgba(0, 0, 0, .1);--color-input-border: rgba(0, 0, 0, .15);--color-divider: rgba(0, 0, 0, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(59, 130, 246, .2);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-disabled);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background-color:var(--color-primary);color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}input,textarea,select{font-family:inherit}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%}.main-content-full{flex:1;width:100%;min-height:100vh}h1,.h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-text-primary)}h2,.h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.01em;color:var(--color-text-primary)}h3,.h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text-primary)}h4,.h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text-primary)}h5,.h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-primary)}h6,.h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-primary)}p{margin-bottom:var(--spacing-md)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-blue{color:var(--color-primary)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-6xl{font-size:64px}.text-7xl{font-size:72px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-primary);font-size:14px;font-weight:500;padding:0 20px;height:40px;border-radius:12px;border:none;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:12px}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.btn-outline{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-warning{background-color:var(--color-warning);color:var(--color-bg-primary)}.btn-warning:hover:not(:disabled){opacity:.9}.btn-sm{font-size:12px;padding:0 12px;height:32px}.btn-lg{font-size:14px;padding:0 24px;height:48px}.btn-xl{font-size:16px;padding:0 32px;height:52px;font-weight:600}.btn-icon{padding:0;aspect-ratio:1;width:40px;height:40px}.btn-block{width:100%}.btn-rounded-sm{border-radius:6px}.input{width:100%;font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:12px;padding:var(--spacing-md) var(--spacing-lg);height:40px;outline:none}.input::placeholder{color:var(--color-text-tertiary)}.input:hover:not(:disabled){border-color:var(--color-text-tertiary)}.input:focus{border-color:var(--color-primary)}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--color-danger)}.input-error:focus{border-color:var(--color-danger)}.input-success{border-color:var(--color-success)}.input-success:focus{border-color:var(--color-success)}.input-sm{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);height:32px}.input-lg{font-size:var(--font-size-sm);padding:0 var(--spacing-lg);height:48px}.input-group{display:flex;gap:var(--spacing-sm);align-items:center}.input-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.input-helper{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.input-error-text{display:block;font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--spacing-xs)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23848E9C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-lg) center;padding-right:var(--spacing-3xl)}.textarea{min-height:120px;resize:vertical;font-family:var(--font-primary);line-height:var(--line-height-relaxed);padding:var(--spacing-md) var(--spacing-lg)}.checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;width:18px;height:18px}input[type=checkbox]:checked{accent-color:var(--color-primary)}.radio{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.form-group{margin-bottom:var(--spacing-md)}.card{background-color:var(--color-bg-primary);border-radius:16px;padding:24px;border:1px solid var(--color-border)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:24px}.card-highlight{background:var(--color-bg-secondary);border:1px solid var(--color-primary)}.card-flat{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;padding:24px}.card-structured{padding:0}.card-structured .card-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.card-structured .card-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}.card-structured .card-subtitle{font-size:12px;color:var(--color-text-secondary);margin-top:4px}.card-structured .card-body{padding:16px 24px}.card-structured .card-footer{padding:20px 24px;border-top:1px solid var(--color-border)}.card-compact,.card-structured.card-compact .card-header,.card-structured.card-compact .card-body,.card-structured.card-compact .card-footer{padding:12px 16px}.card-sm{padding:16px;border-radius:8px}.card-structured.card-sm .card-header{padding:16px 20px}.card-structured.card-sm .card-body{padding:12px 20px}.card-structured.card-sm .card-footer{padding:16px 20px}.card-lg{padding:32px;border-radius:16px}.card-structured.card-lg .card-header{padding:24px 32px}.card-structured.card-lg .card-body{padding:20px 32px}.card-structured.card-lg .card-footer{padding:24px 32px}.card-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.card-list-item:last-child{border-bottom:none}.card-list-item-info{display:flex;align-items:center;gap:10px}.card-list-item-info .card-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.card-list-item-value{display:flex;align-items:center;gap:12px;text-align:right}.explore-all-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.explore-all-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.card-action-btn{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-xs);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);padding:0;transition:opacity .2s}.card-action-btn:hover{opacity:.8}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table thead{background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table th.text-right{text-align:right}.table th.text-center{text-align:center}.table tbody tr{border-bottom:1px solid var(--color-divider);transition:background-color var(--transition-fast)}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background-color:var(--color-bg-tertiary)}.table td{padding:var(--spacing-lg);color:var(--color-text-primary);vertical-align:middle}.table td.text-right{text-align:right}.table td.text-center{text-align:center}.table-striped tbody tr:nth-child(2n){background-color:var(--color-bg-tertiary)}.table-striped tbody tr:nth-child(2n):hover{background-color:var(--color-bg-quaternary)}.table-sm th,.table-sm td{padding:var(--spacing-sm) var(--spacing-md)}.table-lg th,.table-lg td{padding:var(--spacing-lg) var(--spacing-xl)}.table-borderless{border:none}.table-borderless thead,.table-borderless tbody tr{border-bottom:none}.table-cell-success{color:var(--color-success);font-weight:var(--font-weight-medium)}.table-cell-danger{color:var(--color-danger);font-weight:var(--font-weight-medium)}.table-cell-warning{color:var(--color-warning);font-weight:var(--font-weight-medium)}.table-cell-primary{color:var(--color-primary);font-weight:var(--font-weight-medium)}.table-actions{display:flex;gap:var(--spacing-sm);align-items:center}.table-action-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.table-action-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary)}.table-sort-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;color:inherit;cursor:pointer;font-weight:inherit;font-size:inherit;padding:0}.table-sort-icon{opacity:.5;transition:opacity var(--transition-base)}.table-sort-btn:hover .table-sort-icon{opacity:1}.table-sort-btn.active .table-sort-icon{opacity:1;color:var(--color-primary)}@media (max-width: 768px){.table-container{border-radius:var(--radius-md)}.table{font-size:var(--font-size-xs)}.table th,.table td{padding:var(--spacing-sm) var(--spacing-md)}}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);white-space:nowrap;line-height:1}.badge-primary{background-color:#3b82f626;color:var(--color-primary)}.badge-success{background-color:#0ecb8126;color:var(--color-success)}.badge-danger{background-color:#f6465d26;color:var(--color-danger)}.badge-warning{background-color:#f0b90b26;color:var(--color-warning)}.badge-info{background-color:#3b82f626;color:var(--color-info)}.badge-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-solid-primary{background-color:var(--color-primary);color:#fff}.badge-solid-success{background-color:var(--color-success);color:#fff}.badge-solid-danger{background-color:var(--color-danger);color:#fff}.badge-solid-warning{background-color:var(--color-warning);color:var(--color-bg-primary)}.badge-solid-secondary{background-color:var(--color-text-secondary);color:var(--color-bg-primary)}.badge-outline-primary{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.badge-outline-success{background-color:transparent;border:1px solid var(--color-success);color:var(--color-success)}.badge-outline-danger{background-color:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.badge-outline-warning{background-color:transparent;border:1px solid var(--color-warning);color:var(--color-warning)}.badge-outline-secondary{background-color:transparent;border:1px solid var(--color-text-secondary);color:var(--color-text-secondary)}.badge-sm{font-size:10px;padding:2px var(--spacing-xs)}.badge-lg{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.badge-dot{padding-left:var(--spacing-md);position:relative}.badge-dot:before{content:"";position:absolute;left:var(--spacing-xs);top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:currentColor}.badge-pill{border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-md)}.badge-square{border-radius:var(--radius-sm)}.badge-icon{display:inline-flex;align-items:center;gap:4px}.badge-icon svg{width:12px;height:12px}.badge-hot{background:linear-gradient(135deg,#f0b90b,#ff6b6b);color:#fff;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.badge-new{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.badge-verified{background-color:#0ecb8126;color:var(--color-success);display:inline-flex;align-items:center;gap:4px}.badge-verified:before{content:"✓";font-weight:var(--font-weight-bold)}.powered-by-badge-fixed{position:fixed;bottom:1rem;right:1rem;background:var(--color-primary);border-radius:20px;padding:6px 12px;display:flex;align-items:center;gap:6px;z-index:9998;font-size:11px;color:#fff;font-weight:500}.powered-by-badge-fixed svg{color:#fff}@media (max-width: 480px){.powered-by-badge-fixed{bottom:1rem;right:1rem}}.tabs-container{width:100%}.tabs-list{display:flex;gap:var(--spacing-sm);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tab{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;position:relative;transition:all var(--transition-base);white-space:nowrap;border-bottom:2px solid transparent}.tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab:disabled{opacity:.5;cursor:not-allowed}.tab-icon{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.tabs-pills .tabs-list{border-bottom:none;gap:var(--spacing-md)}.tabs-pills .tab{border-radius:var(--radius-md);border-bottom:none}.tabs-pills .tab.active{background-color:var(--color-primary);color:#fff}.tabs-pills .tab:hover{background-color:var(--color-bg-quaternary)}.tabs-pills .tab.active:hover{background-color:var(--color-primary-hover)}.tabs-boxed .tabs-list{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);gap:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.tabs-boxed .tab{border-radius:var(--radius-md);border-bottom:none}.tabs-boxed .tab.active{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.tabs-vertical{display:flex;gap:var(--spacing-lg)}.tabs-vertical .tabs-list{flex-direction:column;border-bottom:none;border-right:1px solid var(--color-border);min-width:200px}.tabs-vertical .tab{border-bottom:none;border-right:2px solid transparent;justify-content:flex-start;text-align:left}.tabs-vertical .tab.active{border-right-color:var(--color-primary)}.tabs-content{padding:var(--spacing-xl) 0}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tabs-sm .tab{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.tabs-lg .tab{font-size:var(--font-size-lg);padding:var(--spacing-lg) var(--spacing-xl)}@media (max-width: 768px){.tab{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.tabs-vertical{flex-direction:column}.tabs-vertical .tabs-list{flex-direction:row;border-right:none;border-bottom:1px solid var(--color-border);min-width:auto;width:100%}.tabs-vertical .tab{border-right:none;border-bottom:2px solid transparent}.tabs-vertical .tab.active{border-right:none;border-bottom-color:var(--color-primary)}}.tooltip-wrapper{position:relative;display:inline-block}.tooltip{position:absolute;background-color:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-top:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-border)}.tooltip-top:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-bg-primary);z-index:1}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--color-border)}.tooltip-bottom:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--color-bg-primary);z-index:1}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--color-border)}.tooltip-left:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--color-bg-primary);z-index:1}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--color-border)}.tooltip-right:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--color-bg-primary);z-index:1}.tooltip-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tooltip-primary.tooltip-top:before{border-top-color:var(--color-primary)}.tooltip-primary.tooltip-bottom:before{border-bottom-color:var(--color-primary)}.tooltip-primary.tooltip-left:before{border-left-color:var(--color-primary)}.tooltip-primary.tooltip-right:before{border-right-color:var(--color-primary)}.tooltip-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.tooltip-success.tooltip-top:before{border-top-color:var(--color-success)}.tooltip-success.tooltip-bottom:before{border-bottom-color:var(--color-success)}.tooltip-success.tooltip-left:before{border-left-color:var(--color-success)}.tooltip-success.tooltip-right:before{border-right-color:var(--color-success)}.tooltip-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.tooltip-danger.tooltip-top:before{border-top-color:var(--color-danger)}.tooltip-danger.tooltip-bottom:before{border-bottom-color:var(--color-danger)}.tooltip-danger.tooltip-left:before{border-left-color:var(--color-danger)}.tooltip-danger.tooltip-right:before{border-right-color:var(--color-danger)}.tooltip-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);white-space:normal;max-width:300px}.tooltip-sm{padding:4px var(--spacing-sm);font-size:10px}.dropdown{position:relative;display:inline-block}.dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-menu{position:absolute;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:var(--z-dropdown);min-width:200px}.dropdown-left{left:0}.dropdown-right{right:0}.dropdown-center{left:50%;transform:translate(-50%) translateY(-8px)}.dropdown-center.show{transform:translate(-50%) translateY(0)}.dropdown-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.dropdown-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:4px}.dropdown-content{padding:var(--spacing-sm)}.dropdown-list{display:flex;flex-direction:column;gap:2px}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.dropdown-item:hover,.dropdown-item:active{background-color:var(--color-bg)}.dropdown-item.active{background-color:#2563eb1a;color:var(--color-primary)}.dropdown-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-item.danger:hover{background-color:#f6465d1a}.dropdown-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:inherit}.dropdown-item-content{flex:1;display:flex;flex-direction:column;gap:2px}.dropdown-item-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:inherit}.dropdown-item-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.dropdown-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-sm) 0}.dropdown-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.dropdown-search{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.dropdown-search input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;transition:all var(--transition-base)}.dropdown-search input:focus{border-color:var(--color-primary);background-color:var(--color-bg-elevated)}.dropdown-scrollable{max-height:400px;overflow-y:auto}.dropdown-scrollable::-webkit-scrollbar{width:6px}.dropdown-scrollable::-webkit-scrollbar-track{background:transparent}.dropdown-scrollable::-webkit-scrollbar-thumb{background:var(--color-bg);border-radius:var(--radius-full)}.dropdown-sm{min-width:160px}.dropdown-md{min-width:240px}.dropdown-lg{min-width:320px}.dropdown-xl{min-width:400px}@media (max-width: 768px){.dropdown-menu{position:fixed;left:var(--spacing-md);right:var(--spacing-md);max-width:calc(100vw - 32px)}.dropdown-left,.dropdown-right,.dropdown-center{left:var(--spacing-md);right:var(--spacing-md);transform:translateY(-8px)}.dropdown-center.show,.dropdown-left.show,.dropdown-right.show{transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--color-border)}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.modal-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end}.modal-footer-center{justify-content:center}.modal-footer-between{justify-content:space-between}@media (max-width: 768px){.modal{max-width:100%;max-height:100vh;border-radius:0}.modal-overlay{padding:0}}.alert{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.alert-content{flex:1}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:inherit}.alert-message{color:inherit;opacity:.9}.alert-close{flex-shrink:0;background:transparent;border:none;color:inherit;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;opacity:.7;transition:all var(--transition-base)}.alert-close:hover{opacity:1;background-color:#0000001a}.alert-primary{background-color:#3b82f61a;border-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .alert-primary{background-color:#3b82f614}.alert-success{background-color:#0ecb811a;border-color:var(--color-success);color:var(--color-success)}[data-theme=light] .alert-success{background-color:#0ecb8114}.alert-danger{background-color:#f6465d1a;border-color:var(--color-danger);color:var(--color-danger)}[data-theme=light] .alert-danger{background-color:#f6465d14}.alert-warning{background-color:#f0b90b1a;border-color:var(--color-warning);color:var(--color-warning)}[data-theme=light] .alert-warning{background-color:#f0b90b14}.alert-info{background-color:#3b82f61a;border-color:var(--color-info);color:var(--color-info)}[data-theme=light] .alert-info{background-color:#3b82f614}.alert-secondary{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.alert-solid-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.alert-solid-success{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.alert-solid-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.alert-solid-warning{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-bg-primary)}.alert-outline-primary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.alert-outline-success{background-color:transparent;border-color:var(--color-success);color:var(--color-success)}.alert-outline-danger{background-color:transparent;border-color:var(--color-danger);color:var(--color-danger)}.alert-outline-warning{background-color:transparent;border-color:var(--color-warning);color:var(--color-warning)}.alert-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}.alert-lg{padding:var(--spacing-xl);font-size:var(--font-size-base)}.alert-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.alert-banner{border-radius:0;border-left:none;border-right:none}@media (max-width: 768px){.alert{padding:var(--spacing-md)}.alert-lg{padding:var(--spacing-lg)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:0}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.w-auto{width:auto}.w-50{width:50%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.list{display:flex;flex-direction:column;gap:0}.list-item{display:grid;grid-template-columns:32px 240px 1fr;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-secondary);cursor:default;transition:all .2s;border-bottom:1px solid var(--color-divider)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--color-bg-tertiary)}.list-item-clickable{cursor:pointer}.list-item-info{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:var(--spacing-2xl);align-items:center}.list-item-info>div{text-align:right}.list-item-info>button{width:auto;min-width:80px}.list-item-compact{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.list-item-compact .list-item-info{gap:var(--spacing-lg)}.list-item-2col{grid-template-columns:32px 1fr}.list-item-3col{grid-template-columns:32px 240px 1fr}.list-item-4col{grid-template-columns:32px 200px 1fr auto}.list-item-actions{display:flex;align-items:center;gap:var(--spacing-md)}.list-favorite-btn{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-xs);transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-favorite-btn:hover{color:var(--color-primary)}@media (max-width: 1200px){.list-item{grid-template-columns:32px 150px 1fr}.list-item-info{gap:var(--spacing-md)}}@media (max-width: 768px){.list-item{grid-template-columns:24px 1fr;gap:var(--spacing-sm)}.list-item-info{grid-column:2;grid-template-columns:1fr;gap:var(--spacing-sm)}.list-item-info>div{text-align:left}}.app-layout-header-only{min-height:100vh;display:flex;flex-direction:column;font-family:inherit}.main-content{flex:1;padding:var(--spacing-2xl);min-height:calc(100vh - 56px);font-family:inherit}.header-modern{background:var(--color-bg-secondary);border-bottom:none;height:56px;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1030;font-family:inherit}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;height:100%;font-family:inherit}.header-left{display:flex;align-items:center;gap:var(--spacing-xl);flex:1;height:100%;padding-left:var(--spacing-sm)}.header-logo{display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer;padding-right:var(--spacing-sm)}.logo-image{height:20px;width:auto;object-fit:contain}.header-nav{display:flex;align-items:center;gap:var(--spacing-xs);height:100%}.nav-dropdown{position:relative;height:100%;display:flex;align-items:center}.nav-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px var(--spacing-md);border-radius:var(--radius-sm);background:transparent;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;font-family:inherit;color:var(--color-text-primary);height:auto;line-height:1;transition:all .2s}.nav-link:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-link.active{background:var(--color-bg-tertiary);color:var(--color-primary)}.chevron{transition:transform .2s}.chevron.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-sm));background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;z-index:9999;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;box-shadow:var(--shadow-lg)}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.dropdown-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.dropdown-list{padding:var(--spacing-sm)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;text-align:left;width:100%;transition:all .2s}.dropdown-item:hover{background:var(--color-bg-tertiary)}.dropdown-item.danger{color:var(--color-danger)}.dropdown-item.danger:hover{background:#f6465d1a}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--spacing-sm) 0}.trade-dropdown{min-width:320px;left:0}.trade-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xs);padding:var(--spacing-sm)}.trade-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:all .2s}.trade-item:hover{background:var(--color-bg-tertiary)}.trade-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-primary);flex-shrink:0}.trade-content{display:flex;flex-direction:column;gap:2px}.trade-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.trade-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:flex-end;height:100%;padding-right:var(--spacing-sm)}.header-right svg,.user-avatar svg,.icon-btn svg{color:var(--color-text-primary);stroke:currentColor}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;transition:all .2s}.icon-btn:hover{background:var(--color-bg-tertiary)}.user-menu{position:relative;z-index:1035}.user-trigger{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:4px;border-radius:var(--radius-sm);background:transparent;border:none;font-family:inherit;transition:all .2s}.user-trigger:hover{background:var(--color-bg-tertiary)}.user-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit}.user-avatar{background:transparent;border:1.5px solid var(--color-border);width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);transition:all .2s}.user-trigger:hover .user-avatar,.user-trigger.active .user-avatar{border-color:var(--color-text-primary)}.user-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:240px;z-index:9999;overflow:hidden}.user-dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.user-dropdown-email{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.auth-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-menu-btn{display:none;background:transparent;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-primary);transition:all .2s}.mobile-menu-btn:hover{background:var(--color-bg-tertiary)}.mobile-menu{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-lg)}.mobile-menu-section{margin-bottom:var(--spacing-lg)}.mobile-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm)}.mobile-menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;text-align:left;width:100%;transition:all .2s}.mobile-menu-item:hover{background:var(--color-bg-tertiary)}.mobile-menu-item.active{background:var(--color-bg-tertiary);color:var(--color-primary)}.mobile-item-name{font-weight:var(--font-weight-medium)}.mobile-item-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}#google_translate_element,.goog-te-banner-frame{display:none!important}body{top:0!important}.skiptranslate{display:none!important}@media (max-width: 768px){.mobile-menu-btn{display:flex}.header-nav,.auth-buttons{display:none}}.chatbot-wrapper{position:fixed;bottom:5rem;right:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);z-index:9999}.chatbot-button-new{width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all .3s ease;overflow:hidden;padding:0}.chatbot-button-new:hover{width:130px;border-radius:24px;background:var(--color-primary-hover);box-shadow:var(--shadow-lg)}.chatbot-button-new svg{flex-shrink:0;transition:all .3s ease}.chatbot-button-new:hover svg{opacity:0;width:0;margin-right:0}.chatbot-button-new .chatbot-button-text{position:absolute;opacity:0;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;transition:all .3s ease}.chatbot-button-new:hover .chatbot-button-text{opacity:1;position:relative}.powered-by-badge{background:var(--color-primary);border-radius:20px;padding:6px 12px;display:flex;align-items:center;gap:6px;font-size:11px;color:#fff;font-weight:500}.powered-badge-icon{color:#fff}.chatbot-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;pointer-events:none}.chatbot-container{position:fixed;bottom:2rem;right:2rem;width:400px;height:600px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary);border:1px solid var(--color-border);pointer-events:all;animation:chatbotSlideIn .3s ease}@keyframes chatbotSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.chatbot-header-info{display:flex;align-items:center;gap:var(--spacing-md)}.chatbot-header-avatar{width:40px;height:40px;background:#fff3;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.chatbot-header-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:#fff}.chatbot-header-subtitle{font-size:var(--font-size-xs);opacity:.9;color:#fff}.chatbot-header-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.chatbot-action-btn{background:#ffffff26;border:none;border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.chatbot-action-btn:hover{background:#ffffff40}.chatbot-close-btn{background:#fff3;border:none;border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.chatbot-close-btn:hover{background:#ffffff4d}.chatbot-login-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:0 20px 60px #0000004d;z-index:10001;width:90%;max-width:320px;text-align:center;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-45%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.login-prompt-icon{font-size:2.5rem;margin-bottom:var(--spacing-lg)}.login-prompt-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.login-prompt-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;margin-bottom:var(--spacing-sm)}.login-btn-primary{background:var(--color-primary);color:#fff}.login-btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.login-btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.chatbot-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--color-bg-secondary)}.chat-message{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.chat-message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.message-avatar.user{background:var(--color-primary)}.message-avatar.bot{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.message-bubble{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);max-width:80%;font-size:var(--font-size-sm);line-height:1.5;white-space:pre-line}.chat-message-user{background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-xs)}.chat-message-bot{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-xs);border:1px solid var(--color-border)}.message-action{margin-top:var(--spacing-xs);margin-left:44px}.message-login-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s}.message-login-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.typing-indicator{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.typing-indicator .message-avatar{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.typing-indicator .message-bubble{background:var(--color-bg-tertiary);border:1px solid var(--color-border);display:flex;gap:var(--spacing-xs);padding:var(--spacing-md)}.typing-dots{display:flex;gap:var(--spacing-xs)}.typing-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-tertiary);animation:bounce 1.4s ease-in-out infinite both}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot-suggestions{padding:var(--spacing-lg);background:var(--color-bg-primary);border-top:1px solid var(--color-border);max-height:200px;overflow-y:auto}.suggestions-title{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.suggestions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.suggestion-item{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;text-align:left;transition:all .2s}.suggestion-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-text-primary)}.chatbot-input-container{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);background:var(--color-bg-primary)}.chatbot-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);outline:none;font-size:var(--font-size-sm);transition:all .2s}.chatbot-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.chatbot-input::placeholder{color:var(--color-text-tertiary)}.chatbot-send-btn{padding:var(--spacing-md);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:44px}.chatbot-send-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.05)}.chatbot-send-btn:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.5}.chatbot-messages::-webkit-scrollbar,.chatbot-suggestions::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track,.chatbot-suggestions::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.chatbot-messages::-webkit-scrollbar-thumb,.chatbot-suggestions::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.chatbot-messages::-webkit-scrollbar-thumb:hover,.chatbot-suggestions::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media (max-width: 480px){.chatbot-wrapper{bottom:4rem;right:1rem}.chatbot-container{width:100vw;height:100vh;bottom:0;right:0;border-radius:0}.chatbot-button-new{width:48px;height:48px}.chatbot-button-new:hover{width:48px;border-radius:50%}.chatbot-button-new:hover svg{opacity:1;width:20px}.chatbot-login-prompt{width:calc(100% - 2rem)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-container{width:100%;max-width:420px;position:relative}.logo-section{text-align:left;margin-bottom:32px}.logo-img{height:20px;width:auto}.btn-icon-qr{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;padding:0}.btn-icon-qr:hover{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.divider{display:flex;align-items:center;text-align:center;margin:20px 0}.form-group{margin-bottom:24px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.divider span{padding:0 16px;color:var(--color-text-tertiary);font-size:12px}.social-btns{display:flex;flex-direction:column;gap:12px}.text-link{color:var(--color-primary);font-size:14px;font-weight:500;text-decoration:none}.text-link:hover{opacity:.8}.text-link-btn{background:transparent;border:none;color:var(--color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:0}.text-link-btn:hover{opacity:.8}.login-footer{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:40px}.footer-link{color:var(--color-text-tertiary);font-size:12px;text-decoration:none}@media (max-width: 768px){.login-page{padding:16px}.login-container{max-width:100%}.login-footer{flex-wrap:wrap;gap:16px}}.footer{background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:48px 0 24px;margin-top:auto}.footer-container{max-width:1400px;margin:0 auto;padding:0 24px}.footer-top{display:grid;grid-template-columns:280px repeat(4,1fr);gap:48px;margin-bottom:48px}.footer-column{display:flex;flex-direction:column}.footer-logo{height:28px;width:auto;object-fit:contain;object-position:left center;margin-bottom:24px;display:block}.footer-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:16px}.footer-title-spaced{margin-top:24px}.footer-social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.footer-social-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.footer-social-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-hover)}.footer-controls{display:flex;flex-direction:column;gap:8px}.footer-control-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.footer-control-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-hover)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-link{background:transparent;border:none;padding:0;font-size:14px;color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:color .2s ease}.footer-link:hover{color:var(--color-text-primary)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:24px;display:flex;justify-content:center}.footer-company-info{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.footer-company-name{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0}.footer-company-detail{font-size:12px;color:var(--color-text-tertiary);line-height:1.6;margin:0}.footer-email{color:var(--color-primary);text-decoration:none}.footer-email:hover{text-decoration:underline}.footer-copyright{text-align:center;padding-top:16px}.footer-copyright p{font-size:12px;color:var(--color-text-tertiary);margin:0}@media (max-width: 1200px){.footer-top{grid-template-columns:240px repeat(4,1fr);gap:32px}}@media (max-width: 968px){.footer-top{grid-template-columns:repeat(3,1fr);gap:32px}.footer-column:first-child{grid-column:1 / -1}}@media (max-width: 768px){.footer{padding:32px 0 16px}.footer-container{padding:0 16px}.footer-top{grid-template-columns:1fr;gap:32px;margin-bottom:32px}.footer-column:first-child{grid-column:1}.footer-social-grid{grid-template-columns:repeat(4,1fr);max-width:200px}.footer-controls{flex-direction:row}.footer-control-btn{flex:1;justify-content:center}.footer-bottom{padding-top:16px}}.terms-page{min-height:100vh;padding:40px 24px}.terms-container{max-width:900px;margin:0 auto}.terms-content{margin-top:32px}.terms-section{margin-bottom:32px}.terms-section h2{margin-bottom:16px;color:var(--color-text-primary)}.terms-section p{line-height:1.6;color:var(--color-text-secondary);margin-bottom:12px}@media (max-width: 768px){.terms-page{padding:24px 16px}.terms-section{margin-bottom:24px}}.landing-page{min-height:100vh}.animate-slide-up{opacity:0;transform:translateY(40px);transition:none}.section-visible .animate-slide-up{opacity:1;transform:translateY(0);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.hero-section{padding:0 var(--spacing-xl);min-height:100vh;display:flex;align-items:center;justify-content:center}.landing-page .section-container{max-width:1400px;margin:0 auto;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);width:100%}.hero-section .section-container{transform:translate(50px) translateY(-80px)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.hero-grid>div:first-child{transform:translate(0)}.hero-main-title{line-height:.95;letter-spacing:-.03em;font-size:84px;position:relative}[data-theme=dark] .hero-main-title{background:linear-gradient(180deg,#fff,#fff 60%,gray);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .hero-main-title{background:linear-gradient(180deg,#1e40af,#3b82f6 60%,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .section-heading{background:linear-gradient(180deg,#fff,#fff 60%,gray);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .section-heading{background:linear-gradient(180deg,#1e40af,#3b82f6 60%,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .mobile-app-title{background:linear-gradient(180deg,#fff,#fff 60%,gray);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .mobile-app-title{background:linear-gradient(180deg,#1e40af,#3b82f6 60%,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .cta-title{background:linear-gradient(180deg,#fff,#fff 60%,gray);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .cta-title{background:linear-gradient(180deg,#1e40af,#3b82f6 60%,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-email-signup{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap}.hero-email-wrapper{position:relative;flex:1;min-width:250px;overflow:hidden}.hero-email-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all .2s}.hero-email-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.hero-email-input::placeholder{color:var(--color-text-tertiary)}.email-feature-text{position:absolute;left:var(--spacing-lg);top:50%;color:var(--color-text-tertiary);font-size:var(--font-size-base);pointer-events:none;white-space:nowrap;animation:slideUpAndOut 2.5s ease-in-out infinite}@keyframes slideUpAndOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(-50%)}90%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-120px)}}.hero-signup-btn{white-space:nowrap}.hero-features,.feature-dot{display:none}.hero-social-signup{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.social-icon-only{width:40px;height:40px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--color-text-secondary)}.social-icon-only:hover{color:var(--color-primary);transform:translateY(-2px)}.social-btn{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.social-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-animation-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:translate(0)}.hero-animation{width:100%;max-width:450px;height:auto}.market-section{padding:var(--spacing-2xl) var(--spacing-xl)}.market-section .card{padding:16px}.market-section h2{margin-top:var(--spacing-xl)}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.features-section{padding:var(--spacing-3xl) var(--spacing-xl)}.features-container{max-width:1200px}.section-subtitle{max-width:700px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.feature-icon-wrapper{width:64px;height:64px;background-color:transparent;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.mobile-app-section{padding:var(--spacing-3xl) var(--spacing-xl)}.mobile-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;max-width:1200px;margin:0 auto}.mobile-app-grid>div:first-child{transform:translate(0)}.mobile-app-title{font-size:40px;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--spacing-lg)}.mobile-feature-icon{flex-shrink:0;margin-top:var(--spacing-xs)}.app-store-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);width:56px;height:56px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.app-store-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-store-text,.app-store-label,.app-store-name{display:none}.mobile-app-animation-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:translate(0)}.mobile-app-animation{width:100%;max-width:550px;height:auto}.mobile-qr-code{width:160px;height:160px;padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-lg);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.cta-section{padding:var(--spacing-3xl) var(--spacing-xl)}.cta-container{max-width:800px;text-align:center}.cta-title{font-size:48px;font-weight:700;letter-spacing:-.02em}@media (max-width: 1024px){.hero-section{min-height:auto;padding:var(--spacing-2xl) var(--spacing-xl)}.hero-grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}.hero-main-title{font-size:64px}.hero-animation-wrapper{order:-1}.hero-animation{max-width:400px}.market-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.mobile-app-grid{grid-template-columns:1fr}.mobile-app-title{font-size:var(--font-size-3xl)}.mobile-app-animation-wrapper{order:-1}.mobile-app-animation{max-width:500px}}@media (max-width: 768px){.hero-section{padding:var(--spacing-xl) var(--spacing-lg);min-height:auto}.hero-main-title{font-size:48px}.hero-email-signup{flex-direction:column}.hero-email-input{width:100%;min-width:auto}.hero-signup-btn{width:100%}.hero-animation{max-width:300px}.hero-social-signup{flex-direction:column;align-items:flex-start}.market-section,.features-section{padding:var(--spacing-2xl) var(--spacing-lg)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.mobile-app-section{padding:var(--spacing-2xl) var(--spacing-lg)}.mobile-app-title{font-size:var(--font-size-3xl)}.mobile-app-animation{max-width:450px}.app-store-btn{width:100%;justify-content:center}.cta-section{padding:var(--spacing-2xl) var(--spacing-lg)}.cta-title{font-size:var(--font-size-3xl)}}.kyc-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background-color:var(--color-bg-primary)}.kyc-container{width:100%;max-width:500px;position:relative}.kyc-progress-bar{position:fixed;top:0;left:0;right:0;height:4px;background-color:var(--color-bg-tertiary);z-index:100}.kyc-progress-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease}.kyc-back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-text-secondary);font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:12px;transition:color .2s}.kyc-back-btn:hover:not(:disabled){color:var(--color-primary)}.kyc-back-btn:disabled{opacity:.5;cursor:not-allowed}.kyc-page-compact .form-group{margin-bottom:16px}.kyc-doc-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}.kyc-doc-type-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:16px 12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-height:110px}.kyc-doc-type-card:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-tertiary)}.kyc-doc-type-card.selected{border-color:var(--color-primary);background:var(--color-bg-tertiary);border-width:2px}.kyc-doc-type-card:disabled{opacity:.5;cursor:not-allowed}.kyc-doc-type-icon{color:var(--color-text-secondary);margin-bottom:4px}.kyc-doc-type-card.selected .kyc-doc-type-icon{color:var(--color-primary)}.kyc-doc-type-content{display:flex;flex-direction:column;gap:4px;width:100%}.kyc-doc-type-title{font-size:13px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.kyc-doc-recommended{display:inline-block;background:var(--color-success);color:#fff;font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.kyc-doc-type-desc{font-size:11px;color:var(--color-text-tertiary);margin:0;line-height:1.3}.kyc-dob-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.kyc-upload-area{position:relative;border:2px dashed var(--color-border);border-radius:8px;padding:32px 16px;text-align:center;transition:all .2s;background:var(--color-bg-secondary);min-height:200px}.kyc-upload-area:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}.kyc-file-input{display:none}.kyc-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--color-text-secondary);min-height:136px}.kyc-upload-label svg{color:var(--color-text-tertiary);margin-bottom:8px}.kyc-upload-text{display:inline-block;padding:8px 24px;background:var(--color-primary);color:#fff;border-radius:6px;font-weight:500;font-size:14px}.kyc-upload-hint{font-size:12px;color:var(--color-text-tertiary)}.kyc-preview{position:relative;width:100%;min-height:200px;display:flex;align-items:center;justify-content:center}.kyc-preview-img{width:100%;max-height:200px;object-fit:contain;border-radius:8px}.kyc-remove-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:var(--color-danger);color:#fff;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.kyc-remove-btn:hover:not(:disabled){opacity:.8;transform:scale(1.1)}.kyc-remove-btn:disabled{opacity:.5;cursor:not-allowed}.kyc-readonly-field{padding:12px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:14px}.kyc-consent{padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:16px}.kyc-consent p{font-size:12px;color:var(--color-text-secondary);margin:0;line-height:1.5}@media (max-width: 768px){.kyc-page{padding:24px 16px}.kyc-container{max-width:100%}.kyc-doc-type-grid{grid-template-columns:1fr;gap:10px}.kyc-doc-type-card{flex-direction:row;text-align:left;padding:12px;min-height:auto}.kyc-doc-type-content{align-items:flex-start}.kyc-doc-type-title{justify-content:flex-start}.kyc-dob-grid{grid-template-columns:1fr}.kyc-upload-area{min-height:180px}.kyc-upload-label{min-height:144px}}.dashboard-sidebar{position:absolute;left:0;top:0;bottom:0;width:240px;background-color:var(--color-bg-secondary);border-right:1px solid rgba(255,255,255,.05);overflow-y:auto;z-index:100;display:flex;flex-direction:column}.sidebar-content{padding:16px 0;display:flex;flex-direction:column;align-items:center;width:100%}.sidebar-nav{display:flex;flex-direction:column;gap:4px;width:100%;padding:0 12px}.sidebar-menu-item{width:100%;display:flex;flex-direction:column;align-items:center}.sidebar-link{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:none;color:var(--color-text-secondary);font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;border-radius:8px;transition:all .2s ease}.sidebar-link:hover{background-color:#ffffff0d}.sidebar-link.active{background-color:#ffffff14;color:var(--color-text-primary)}.sidebar-link-content{display:flex;align-items:center;gap:12px}.sidebar-link-content svg{flex-shrink:0;width:20px;height:20px}.expand-icon{color:var(--color-text-tertiary);transition:transform .2s ease;width:16px;height:16px}.sidebar-submenu{display:flex;flex-direction:column;width:100%;margin-top:4px}.sidebar-sublink{width:100%;padding:10px 16px 10px 48px;background:transparent;border:none;color:var(--color-text-tertiary);font-size:13px;cursor:pointer;text-align:left;border-radius:8px;transition:all .2s ease}.sidebar-sublink:hover,.sidebar-sublink.active{color:var(--color-text-primary);background-color:#ffffff0d}@media (max-width: 1024px){.dashboard-sidebar{position:fixed;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 10px #0000004d}.dashboard-sidebar.mobile-open{transform:translate(0)}}.dashboard-sidebar::-webkit-scrollbar{width:4px}.dashboard-sidebar::-webkit-scrollbar-track{background:transparent}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:20px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dashboard-layout{display:flex;width:100%;position:relative;min-height:100%}.dashboard-main{flex:1;margin-left:240px;width:calc(100% - 240px)}.dashboard-content{width:100%;padding:24px 32px}@media (max-width: 1024px){.dashboard-main{margin-left:0;width:100%}}@media (max-width: 768px){.dashboard-content{padding:20px 24px}}@media (max-width: 480px){.dashboard-content{padding:16px}}.dashboard-page{width:100%;max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:var(--spacing-2xl)}.user-profile-card{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl);background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.user-avatar-large{width:64px;height:64px;border-radius:50%;overflow:hidden;background-color:var(--color-bg-tertiary);flex-shrink:0}.user-avatar-large img{width:100%;height:100%;object-fit:cover}.user-avatar-letter{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:var(--font-weight-semibold);background:var(--color-primary);color:var(--color-text-primary)}.user-info{flex:1}.user-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.user-meta{display:flex;gap:var(--spacing-2xl);flex-wrap:wrap}.user-meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.meta-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.get-started-section{margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.steps-progress{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.step{display:flex;align-items:center;gap:var(--spacing-sm)}.step-number{width:32px;height:32px;border-radius:50%;background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.step.completed .step-number{background-color:var(--color-primary);color:#fff}.step-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.step.completed .step-label{color:var(--color-text-primary)}.step-line{flex:1;height:2px;background-color:var(--color-border);min-width:40px}.action-cards-container{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.action-card-horizontal{display:flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;flex:1;height:200px;min-height:200px;max-height:200px}.action-card-horizontal.expanded{flex:2.5;border-color:var(--color-primary);background:var(--color-bg-secondary);box-shadow:0 8px 24px #f0b90b26;height:200px;min-height:200px;max-height:200px}.action-card-horizontal.collapsed{flex:.7;opacity:.7;height:200px;min-height:200px;max-height:200px}.action-card-horizontal:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-card-horizontal.expanded:hover{transform:scale(1.02) translateY(-2px)}.card-left{display:flex;align-items:center;justify-content:center;min-width:120px;transition:all .4s ease}.action-card-horizontal.collapsed .card-left{min-width:80px}.card-animation{width:120px;height:120px;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.action-card-horizontal.collapsed .card-animation{width:80px;height:80px}.card-right{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);padding-left:var(--spacing-lg);transition:all .4s ease}.action-card-horizontal.collapsed .card-right{padding-left:var(--spacing-sm)}.card-header-inline{display:flex;flex-direction:column;gap:var(--spacing-xs)}.card-title-main{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;transition:font-size .3s ease}.action-card-horizontal.collapsed .card-title-main{font-size:var(--font-size-sm)}.card-status-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0;transition:all .3s ease}.action-card-horizontal.collapsed .card-status-text{font-size:var(--font-size-xs)}.card-description-expanded{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0;opacity:0;max-height:0;overflow:hidden;transition:all .4s ease}.action-card-horizontal.expanded .card-description-expanded{opacity:1;max-height:100px;margin-top:var(--spacing-sm)}.btn-compact{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);margin-top:auto}.action-card-horizontal.expanded .btn{margin-top:var(--spacing-md);align-self:flex-start}.balance-section{margin-bottom:var(--spacing-2xl)}.balance-card{padding:var(--spacing-2xl);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-lg)}.balance-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.toggle-balance-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.toggle-balance-btn:hover{color:var(--color-text-primary)}.balance-actions{display:flex;gap:var(--spacing-sm)}.balance-amount{display:flex;flex-direction:column;gap:var(--spacing-sm)}.balance-value-container{display:flex;align-items:center;gap:var(--spacing-md)}.balance-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.currency-selector{position:relative}.currency-dropdown-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s}.currency-dropdown-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.balance-currency{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.currency-dropdown{position:absolute;top:100%;left:0;margin-top:var(--spacing-xs);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs);display:flex;flex-direction:column;gap:2px;min-width:100px;z-index:10;box-shadow:var(--shadow-lg)}.currency-dropdown button{background:transparent;border:none;color:var(--color-text-secondary);padding:var(--spacing-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:all .2s}.currency-dropdown button:hover{background-color:var(--color-bg-quaternary);color:var(--color-text-primary)}.balance-usd{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.balance-pnl{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pnl-value{font-weight:var(--font-weight-medium)}.pnl-value.positive{color:var(--color-success)}.pnl-value.negative{color:var(--color-danger)}.markets-section,.discover-section,.square-section{margin-bottom:var(--spacing-2xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.btn-link{background:transparent;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;padding:0}.btn-link:hover{opacity:.8}.markets-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.markets-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl)}.markets-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.markets-tabs{display:flex;gap:var(--spacing-lg);padding:0 var(--spacing-xl);border-bottom:1px solid var(--color-border);overflow-x:auto}.tab-btn{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-md) 0;cursor:pointer;white-space:nowrap;position:relative}.tab-btn:hover,.tab-btn.active{color:var(--color-text-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-primary)}.markets-table{max-height:380px;overflow-y:auto}.earn-table{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1.2fr 1.2fr .8fr;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-bg-tertiary);position:sticky;top:0;z-index:1}.table-col{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.table-col.text-right{text-align:right}.table-body{min-height:auto}.table-row{display:grid;grid-template-columns:2fr 1.2fr 1.2fr .8fr;padding:var(--spacing-md) var(--spacing-xl);transition:background-color .2s;align-items:center}.table-row:hover{background-color:var(--color-bg-tertiary)}.coin-info{display:flex;align-items:center;gap:var(--spacing-sm)}.coin-icon{width:24px;height:24px;border-radius:50%;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--font-weight-semibold);flex-shrink:0}.coin-details{display:flex;flex-direction:column;gap:2px}.coin-symbol{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-xs)}.coin-name{font-size:11px;color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.table-row .table-col{font-size:var(--font-size-xs);color:var(--color-text-primary);font-weight:var(--font-weight-normal)}.positive{color:var(--color-success)}.negative{color:var(--color-danger)}.table-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.discover-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.duration-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.square-container{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.square-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl)}.trending-topics-section{padding:var(--spacing-xl);margin:0}.trending-topics-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.trending-topics-list{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.trending-topic-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all .2s;cursor:pointer}.trending-topic-badge:hover{border-color:var(--color-primary);background-color:var(--color-bg-tertiary)}.topic-number{font-weight:var(--font-weight-bold);color:var(--color-primary);font-size:var(--font-size-xs)}.topic-hashtag{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.topic-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.news-timeline{padding:var(--spacing-lg) 0}.news-timeline-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:background-color .2s;cursor:pointer}.news-timeline-item:hover{background-color:var(--color-bg-tertiary)}.news-timeline-item:not(:last-child):after{content:"";position:absolute;left:calc(var(--spacing-xl) + 4px);top:40px;bottom:-20px;width:1px;background-color:var(--color-border)}.timeline-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-tertiary);flex-shrink:0;margin-top:6px;position:relative;z-index:1}.news-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.news-time-ago{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.news-headline{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.5;margin:0}.news-excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}@media (max-width: 1024px){.user-profile-card{flex-direction:column;text-align:center}.user-meta{justify-content:center}.action-cards-container{flex-direction:column}.action-card-horizontal,.action-card-horizontal.expanded,.action-card-horizontal.collapsed{flex:1;opacity:1}.action-card-horizontal.expanded{transform:scale(1)}.card-left,.action-card-horizontal.collapsed .card-left{min-width:100px}.card-animation,.action-card-horizontal.collapsed .card-animation{width:100px;height:100px}.balance-header{flex-direction:column;align-items:flex-start}.table-header,.table-row{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.dashboard-page{padding:0}.steps-progress{overflow-x:auto}.balance-value{font-size:var(--font-size-3xl)}.markets-tabs,.square-tabs{padding-bottom:var(--spacing-xs)}}.settings-header{margin-bottom:var(--spacing-2xl)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.settings-section{margin-bottom:var(--spacing-3xl)}.settings-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.settings-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);gap:var(--spacing-xl)}.settings-item:last-child{border-bottom:none}.settings-item-content{flex:1;min-width:0}.settings-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.settings-item-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-top:var(--spacing-xs)}.settings-item-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.settings-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs)}.settings-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:4px 12px;border-radius:var(--radius-md)}.settings-status.off{color:var(--color-text-tertiary);background-color:var(--color-bg-tertiary)}.settings-link{color:var(--color-primary);text-decoration:none}.settings-link:hover{text-decoration:underline}.user-avatar-small{width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.user-avatar-letter{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.color-indicator{width:12px;height:12px;border-radius:2px;display:inline-block}.color-indicator.green{background-color:var(--color-success)}.color-indicator.red{background-color:var(--color-error)}.theme-toggle{display:flex;gap:var(--spacing-xs);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:4px}.theme-btn{background:transparent;border:none;color:var(--color-text-secondary);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-btn:hover{color:var(--color-text-primary)}.theme-btn.active{background-color:var(--color-bg-secondary);color:var(--color-primary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-tertiary);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}@media (max-width: 1024px){.settings-item{flex-direction:column;align-items:flex-start}.settings-item-actions{width:100%;justify-content:space-between}}@media (max-width: 768px){.settings-header,.settings-section{padding:0 var(--spacing-lg)}.settings-item{padding:var(--spacing-lg)}.page-title{font-size:var(--font-size-2xl)}}.avatar-preview-container{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.avatar-preview-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--color-border)}.avatar-preview-placeholder{width:120px;height:120px;border-radius:50%;border:2px dashed var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem}.nickname-rules{margin-top:1rem;padding:1rem;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.nickname-rules p{margin:0 0 .5rem;font-weight:600}.nickname-rules ul{margin:0;padding-left:1.25rem;list-style:disc}.nickname-rules li{margin-bottom:.25rem}.w-full{width:100%}.markets-page{min-height:100vh}.markets-page .section-container{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.markets-top-tabs{display:flex;gap:var(--spacing-xl);padding:0 var(--spacing-xl)}.markets-top-tab{background:none;border:none;color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);padding:var(--spacing-md) 0;cursor:pointer;transition:all .2s}.markets-top-tab.active,.markets-top-tab:hover{color:var(--color-text-primary)}.markets-stats-section{padding:var(--spacing-lg) var(--spacing-xl)}.markets-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.markets-main-section{padding:var(--spacing-lg) var(--spacing-xl)}.markets-tabs-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);margin-bottom:var(--spacing-md);padding-bottom:0}.markets-main-tabs{display:flex;align-items:center;gap:var(--spacing-xl);flex:1;overflow-x:auto}.markets-main-tab{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);padding:var(--spacing-xs) 0 var(--spacing-sm) 0;cursor:pointer;border-bottom:3px solid transparent;display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;transition:all .2s}.markets-main-tab.active{color:var(--color-text-primary);font-weight:var(--font-weight-medium);border-bottom-color:var(--color-primary)}.markets-main-tab:hover{color:var(--color-text-primary)}.markets-tab-badge{background:var(--color-primary);color:var(--color-bg-primary);font-size:10px;padding:2px 4px;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold)}.markets-actions{display:flex;gap:var(--spacing-md);align-items:center}.markets-search-wrapper{position:relative;display:flex;align-items:center}.markets-search-icon{position:absolute;left:var(--spacing-sm);color:var(--color-text-tertiary);pointer-events:none;z-index:1;transition:all .3s ease}.markets-search-input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 36px;width:40px;transition:all .3s ease;cursor:pointer}.markets-search-input::placeholder{color:transparent}.markets-search-wrapper:hover .markets-search-input,.markets-search-input:focus{width:250px;cursor:text}.markets-search-wrapper:hover .markets-search-input::placeholder,.markets-search-input:focus::placeholder{color:var(--color-text-tertiary)}.markets-search-input:focus{outline:none;border-color:var(--color-primary)}.markets-icon-btn{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.markets-icon-btn:hover{color:var(--color-text-primary)}.markets-sub-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-sm)}.markets-sub-tab{background:transparent;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs);transition:all .2s}.markets-sub-tab.active,.markets-sub-tab:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.markets-table-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-divider);margin-bottom:var(--spacing-sm)}.markets-table-header-left{display:flex;align-items:center;flex:1;padding-left:48px}.markets-table-header-right{display:flex;align-items:center;gap:var(--spacing-xl)}.markets-table-header-cell{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-align:left;min-width:100px}.markets-table-header-right .markets-table-header-cell{text-align:right}.markets-table-header-right .markets-table-header-cell:last-child{min-width:80px}.markets-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.markets-pagination-btn{background:var(--color-bg-secondary);border:none;color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;min-width:36px;font-size:var(--font-size-xs);display:flex;align-items:center;justify-content:center;transition:all .2s}.markets-pagination-btn:hover:not(:disabled){background:var(--color-bg-tertiary)}.markets-pagination-btn.active{background:var(--color-primary);color:var(--color-bg-primary);font-weight:var(--font-weight-medium)}.markets-pagination-btn:disabled{color:var(--color-text-tertiary);cursor:not-allowed;opacity:.5}.markets-pagination-ellipsis{color:var(--color-text-tertiary);padding:0 var(--spacing-xs)}.trading-data-section{padding:var(--spacing-lg) var(--spacing-xl)}.trading-data-tabs{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-bottom:0}.trading-data-tab{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) 0 var(--spacing-sm) 0;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.trading-data-tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary)}.trading-data-tab:hover{color:var(--color-text-primary)}.trading-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.trading-data-dropdown{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer}.trading-data-table{width:100%;border-collapse:collapse}.trading-data-table thead th{text-align:left;padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);border-bottom:1px solid var(--color-divider)}.trading-data-table tbody tr{border-bottom:1px solid var(--color-divider);transition:background .2s}.trading-data-table tbody tr:hover{background:var(--color-bg-tertiary)}.trading-data-table tbody tr:last-child{border-bottom:none}.trading-data-table td{padding:var(--spacing-md) var(--spacing-xs);font-size:var(--font-size-sm)}@media (max-width: 1200px){.trading-data-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.markets-stats-grid{grid-template-columns:repeat(2,1fr)}.trading-data-grid{grid-template-columns:1fr}}@media (max-width: 768px){.markets-stats-section,.markets-main-section,.trading-data-section{padding:var(--spacing-lg)}.markets-stats-grid{grid-template-columns:1fr}.markets-tabs-container{flex-direction:column;align-items:flex-start}.markets-main-tabs{width:100%}.markets-actions{width:100%;justify-content:flex-end}}.overview-container{padding:2rem;max-width:1400px;margin:0 auto}.wallet-card{padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;cursor:pointer;transition:all .2s;border:1px solid var(--color-border)}.wallet-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.wallet-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.wallet-card-title{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.wallet-card-balance{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.assets-table{width:100%;border-collapse:collapse}.assets-table thead tr{border-bottom:1px solid var(--color-border)}.assets-table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase}.assets-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s}.assets-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.assets-table tbody tr:last-child{border-bottom:none}.assets-table td{padding:1rem 1.5rem}.asset-cell{display:flex;align-items:center;gap:.75rem}.asset-icon,.account-icon{width:32px;height:32px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:#fff;flex-shrink:0}.account-icon{font-size:1.25rem;background:transparent}.asset-info{display:flex;flex-direction:column;gap:.125rem}.asset-name{margin:0;font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.asset-fullname{margin:0;font-size:.75rem;color:var(--color-text-secondary)}.asset-amount{margin:0;font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.asset-value{margin:0;font-size:.75rem;color:var(--color-text-secondary)}.asset-price,.asset-ratio{font-size:.875rem;color:var(--color-text-primary)}.empty-state{padding:3rem;text-align:center;color:var(--color-text-secondary)}.icon-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem .5rem;font-size:1.25rem}.icon-btn:hover{color:var(--color-text-primary)}.transactions-list{display:flex;flex-direction:column;gap:.75rem}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border)}.transaction-icon{width:40px;height:40px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.margin-container{padding:2rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.margin-container{padding:1rem}}.transaction-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.transaction-type{margin:0;font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.transaction-time{margin:0;font-size:.75rem;color:var(--color-text-secondary)}.transaction-amount{text-align:right;display:flex;flex-direction:column;gap:.25rem}.amount-value{margin:0;font-weight:600;font-size:.875rem}.amount-value.incoming{color:var(--color-success)}.amount-value.outgoing{color:var(--color-danger)}.transaction-status{margin:0;font-size:.75rem;color:var(--color-text-secondary)}@media (max-width: 768px){.overview-container{padding:1rem}}.wallet-page-wrapper{display:flex;min-height:calc(100vh - 160px);position:relative;background-color:var(--color-bg-primary)}.wallet-sidebar{position:absolute;left:0;top:0;bottom:0;width:240px;background-color:var(--color-bg-secondary);border-right:1px solid rgba(255,255,255,.05);overflow-y:auto;z-index:100}.wallet-sidebar-content{padding:16px 0}.wallet-sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px}.wallet-sidebar-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:none;color:var(--color-text-secondary);font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;border-radius:8px;transition:all .2s ease}.wallet-sidebar-item:hover:not(:disabled){background-color:#ffffff0d}.wallet-sidebar-item.active{background-color:#ffffff14;color:var(--color-text-primary)}.wallet-sidebar-item-content{display:flex;align-items:center;gap:12px}.wallet-sidebar::-webkit-scrollbar{width:4px}.wallet-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:20px}.wallet-main-area{flex:1;margin-left:240px;background-color:var(--color-bg-primary)}.wallet-content{padding:32px;max-width:1200px;margin:0 auto}.kyc-verification-banner{background:var(--color-bg-secondary);border-bottom:1px solid rgba(255,255,255,.05);padding:20px 32px}.kyc-banner-content{display:flex;align-items:center;gap:16px;max-width:1200px;margin:0 auto}.kyc-banner-icon{color:var(--color-warning);flex-shrink:0}.kyc-banner-text{flex:1}.btn-verify-again{padding:8px 24px;background:var(--color-warning);color:#000;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.coin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.coin-option{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s}.coin-option:hover{border-color:var(--color-primary)}.coin-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.coin-symbol{font-size:16px;font-weight:600;color:var(--color-text-primary)}.coin-name{font-size:12px;color:var(--color-text-secondary)}.coin-balance{font-size:11px;color:var(--color-text-tertiary);margin-top:4px}.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px}.step-item{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number{width:32px;height:32px;border-radius:50%;background:var(--color-bg-tertiary);border:2px solid var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.step-item.completed .step-number{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-label{font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.step-item.completed .step-label{color:var(--color-primary)}.step-line{width:80px;height:2px;background:var(--color-border);margin:15px 16px 0;align-self:flex-start}.network-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.network-option{padding:12px 16px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s}.network-option:hover{border-color:var(--color-primary)}.network-option.selected{background:#3b82f61a;border-color:var(--color-primary);color:var(--color-primary)}.address-section{display:flex;gap:24px;padding:24px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;margin-bottom:24px}.address-value-container{display:flex;gap:12px;margin-bottom:16px}.address-value{flex:1;padding:12px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:14px;font-family:Courier New,monospace;word-break:break-all}.recent-deposits-section,.recent-withdrawals-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--color-border)}.deposit-tabs{display:flex;gap:8px;margin-bottom:16px}.deposit-tab{padding:8px 16px;background:transparent;border:none;color:var(--color-text-secondary);font-size:14px;cursor:pointer;border-radius:4px}.deposit-tab.active{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.no-records{display:flex;flex-direction:column;align-items:center;padding:60px 20px;text-align:center}.no-records-icon{font-size:48px;margin-bottom:16px;opacity:.5}.success-container{display:flex;flex-direction:column;align-items:center;padding:60px 20px;text-align:center}.success-icon-circle{width:80px;height:80px;background:linear-gradient(135deg,var(--color-success) 0%,#2ecc71 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px}.withdrawal-id-box{padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;margin-bottom:32px;width:100%;max-width:500px}.withdrawal-id-box code{display:block;padding:12px;background:var(--color-bg-primary);border-radius:4px;color:var(--color-primary);font-size:14px;word-break:break-all}.form-select-binance,.form-input-binance{width:100%;padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:14px}.form-select-binance:focus,.form-input-binance:focus{outline:none;border-color:var(--color-primary)}.amount-input-container{display:flex;gap:8px}.max-btn{padding:12px 20px;background:var(--color-bg-tertiary);border:none;border-radius:4px;color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer}.max-btn:hover{background:var(--color-bg-quaternary)}.max-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.wallet-sidebar{position:fixed;transform:translate(-100%);transition:transform .3s ease;z-index:1000}.wallet-sidebar.mobile-open{transform:translate(0)}.wallet-main-area{margin-left:0}}@media (max-width: 768px){.address-section{flex-direction:column}.coin-grid,.network-grid{grid-template-columns:1fr}}.earn-hero-section{padding:2rem 0}.earn-hero-content h1{margin-bottom:.5rem}.earn-hero-content p{margin-bottom:1.5rem}.earn-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.earn-stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.earn-stat-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);display:flex;align-items:center;padding:0}.earn-stat-toggle:hover{color:var(--color-text-primary)}.earn-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.earn-featured-section{padding:2rem 0}.earn-featured-section h3{margin-bottom:1rem}.earn-featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.earn-product-card{padding:1.5rem}.earn-product-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.earn-product-info{margin-bottom:1rem}.earn-product-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.earn-products-section{padding:2rem 0}.earn-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.earn-filters{margin-bottom:1rem}.earn-filters-row{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.earn-search-wrapper{position:relative;flex:1;max-width:300px}.earn-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.earn-search-input{padding-left:36px;font-size:var(--font-size-sm);width:100%}.earn-dropdown{min-width:140px;max-width:140px;font-size:var(--font-size-sm)}.earn-table{width:100%;border-collapse:collapse}.earn-table thead tr{border-bottom:1px solid var(--color-border)}.earn-table th{text-align:left;padding:1rem 0;font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.earn-table th.text-right{text-align:right}.earn-table tbody tr{border-bottom:1px solid var(--color-border)}.earn-table td{padding:1rem 0}.earn-table td.text-right{text-align:right}.earn-coin-cell{display:flex;align-items:center;gap:.75rem}.earn-loading-cell,.earn-empty-cell{padding:2rem;text-align:center}.earn-subscribe-btn-full{width:100%}@media (max-width: 1024px){.earn-stats-grid{grid-template-columns:repeat(2,1fr)}.earn-featured-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 768px){.earn-stats-grid,.earn-featured-grid{grid-template-columns:1fr}.earn-filters-row{flex-direction:column;align-items:stretch}.earn-search-wrapper,.earn-dropdown{max-width:100%}.earn-table{display:block;overflow-x:auto}}.dep-container{display:flex;gap:48px;padding:40px;max-width:1200px;margin:0 auto}.dep-progress{display:flex;flex-direction:column;align-items:center;padding-top:8px}.dep-progress-item{display:flex;flex-direction:column;align-items:center}.dep-progress-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:transparent;border:2px solid var(--color-text-tertiary);color:var(--color-text-tertiary);transition:all .3s}.dep-progress-circle.active,.dep-progress-circle.completed{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.dep-progress-line{width:2px;height:80px;background:var(--color-text-tertiary);transition:background .3s}.dep-progress-line.completed{background:var(--color-primary)}.dep-content{flex:1;min-width:0}.dep-step{margin-bottom:48px}.dep-step.disabled{opacity:.4;pointer-events:none}.dep-step-title{font-size:20px;font-weight:500;color:var(--color-text-tertiary);margin:0 0 20px}.dep-step-title.active{color:var(--color-text-primary)}.dep-step-content{padding-left:0}.dep-search{position:relative;margin-bottom:24px}.dep-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.dep-search input{width:100%;padding:14px 16px 14px 48px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:15px}.dep-search input::placeholder{color:var(--color-text-tertiary)}.dep-search input:focus{outline:none;border-color:var(--color-primary)}.dep-coins{display:flex;gap:12px;flex-wrap:wrap}.dep-coin-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--color-bg-tertiary);border:none;border-radius:8px;color:var(--color-text-primary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.dep-coin-btn:hover{background:var(--color-bg-quaternary)}.dep-coin-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.dep-selected-row{display:flex;align-items:center;gap:16px}.dep-selected-value{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--color-bg-tertiary);border-radius:6px;font-size:15px;font-weight:500;color:var(--color-text-primary)}.dep-change-btn{background:none;border:none;color:var(--color-primary);font-size:14px;cursor:pointer}.dep-change-btn:hover{text-decoration:underline}.dep-networks{display:flex;gap:12px;flex-wrap:wrap}.dep-network-btn{padding:10px 24px;background:var(--color-bg-tertiary);border:none;border-radius:8px;color:var(--color-text-primary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.dep-address-area{display:flex;gap:24px;margin-bottom:20px}.dep-qr img{width:150px;height:150px;border-radius:8px;background:#fff;padding:8px}.dep-address-details{flex:1}.dep-address-details label{display:block;font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.dep-address-row{display:flex;gap:12px;margin-bottom:16px}.dep-address-row code{flex:1;padding:14px 16px;background:var(--color-bg-tertiary);border-radius:6px;font-size:14px;font-family:monospace;color:var(--color-text-primary);word-break:break-all}.dep-copy-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:var(--color-primary);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.dep-copy-btn:hover{opacity:.9}.dep-network-info{font-size:14px;color:var(--color-text-secondary);margin:0}.dep-network-info strong{color:var(--color-text-primary)}.dep-warning{display:flex;gap:12px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.dep-warning svg{color:var(--color-warning);flex-shrink:0;margin-top:2px}.dep-warning strong{color:var(--color-warning)}.dep-loading{text-align:center;padding:40px}.dep-loading .spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.dep-recent{margin-top:60px;padding-top:40px;border-top:1px solid var(--color-border)}.dep-recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dep-recent-header h2{font-size:18px;font-weight:600;margin:0;color:var(--color-text-primary)}.dep-more-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:color .2s}.dep-more-btn:hover{color:var(--color-text-primary)}.dep-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-tertiary)}.dep-empty svg{margin-bottom:16px;opacity:.5}.dep-empty p{margin:0;font-size:14px}.dep-history-list{display:flex;flex-direction:column;gap:12px}.dep-history-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--color-bg-secondary);border-radius:8px}.dep-history-coin{display:flex;align-items:center;gap:12px}.dep-history-amount{font-size:15px;font-weight:500;color:var(--color-text-primary)}.dep-history-network{font-size:13px;color:var(--color-text-secondary)}.dep-history-status{text-align:right}.dep-status{font-size:13px;font-weight:500;padding:4px 10px;border-radius:4px}.dep-status.completed,.dep-status.success{color:var(--color-success);background:#22c55e1a}.dep-status.pending{color:var(--color-warning);background:#f59e0b1a}.dep-status.failed{color:var(--color-error);background:#ef44441a}.dep-history-date{font-size:12px;color:var(--color-text-tertiary);margin-top:4px}.dep-faq{width:260px;flex-shrink:0}.dep-faq h3{font-size:18px;font-weight:500;margin:0 0 20px;color:var(--color-text-primary)}.dep-faq a{display:block;font-size:14px;color:var(--color-text-secondary);text-decoration:none;margin-bottom:16px;line-height:1.4}.dep-faq a:hover{color:var(--color-primary)}.dep-error{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:24px;font-size:14px;color:var(--color-error)}.dep-success-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;margin-bottom:24px;font-size:14px;color:var(--color-success)}.dep-success{text-align:center;padding:60px 20px}.dep-success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-success) 0%,#2ecc71 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 24px}.dep-success h2{font-size:24px;margin:0 0 12px;color:var(--color-text-primary)}.dep-success p{color:var(--color-text-secondary);margin:0 0 24px}.dep-success-id{margin-bottom:32px}.dep-success-id label{display:block;font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.dep-form-group{margin-bottom:20px}.dep-form-group label{display:block;font-size:14px;color:var(--color-text-secondary);margin-bottom:8px}.dep-input{width:100%;padding:14px 16px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:15px;outline:none;transition:border-color .2s}.dep-input:focus{border-color:var(--color-primary)}.dep-input::placeholder{color:var(--color-text-tertiary)}.dep-select{width:100%;padding:14px 16px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:15px;outline:none;cursor:pointer}.dep-select:focus{border-color:var(--color-primary)}.dep-amount-input{display:flex;gap:12px}.dep-amount-input .dep-input{flex:1}.dep-max-btn{padding:14px 20px;background:var(--color-bg-tertiary);border:none;border-radius:8px;color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.dep-max-btn:hover{background:var(--color-bg-quaternary)}.dep-balance-hint{font-size:13px;color:var(--color-text-secondary);margin:8px 0 0}.dep-primary-btn{width:100%;padding:16px;background:var(--color-primary);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:24px}.dep-primary-btn:hover:not(:disabled){opacity:.9}.dep-primary-btn:disabled{opacity:.5;cursor:not-allowed}.dep-coin-balance{font-size:12px;color:var(--color-text-tertiary);margin-left:auto}.dep-network-btn{display:flex;flex-direction:column;gap:4px;padding:14px 20px;background:var(--color-bg-tertiary);border:none;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s}.dep-network-btn:hover{background:var(--color-bg-quaternary)}.dep-network-name{font-size:15px;font-weight:600;color:var(--color-text-primary)}.dep-network-desc{font-size:13px;color:var(--color-text-secondary)}.dep-transfer-direction{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px}.dep-wallet-select{flex:1}.dep-wallet-select label{display:block;font-size:14px;color:var(--color-text-secondary);margin-bottom:8px}.dep-swap-btn{width:44px;height:44px;background:var(--color-bg-tertiary);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-bottom:1px}.dep-swap-btn:hover{background:var(--color-bg-quaternary);color:var(--color-primary)}.dep-asset-select{display:flex;gap:10px;flex-wrap:wrap}.dep-asset-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:8px;color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:all .2s}.dep-asset-btn:hover{background:var(--color-bg-quaternary)}.dep-asset-btn.active{border-color:var(--color-primary);background:#3b82f61a}.dep-summary{background:var(--color-bg-tertiary);border-radius:8px;padding:16px;margin-top:24px}.dep-summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.dep-summary-row:not(:last-child){border-bottom:1px solid var(--color-border)}.dep-summary-row span:first-child{color:var(--color-text-secondary)}.dep-summary-row span:last-child{color:var(--color-text-primary);font-weight:500}.status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.status-success{color:var(--color-success);background:#22c55e1a}.status-warning{color:var(--color-warning);background:#f59e0b1a}.status-error{color:var(--color-error);background:#ef44441a}@media (max-width: 900px){.dep-container{flex-direction:column;padding:24px}.dep-progress{flex-direction:row;justify-content:center;gap:0;margin-bottom:32px}.dep-progress-item{flex-direction:row}.dep-progress-line{width:60px;height:2px}.dep-faq{width:100%}.dep-address-area{flex-direction:column;align-items:center}.dep-address-row{flex-direction:column}}.overview-container{display:flex;flex-direction:column;gap:0}.overview-asset-icon{width:32px;height:32px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-bg-primary)}.overview-tx-icon{width:40px;height:40px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}@media (max-width: 768px){.overview-container>.card>div[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important;gap:var(--spacing-md)!important}}.assets-history-content{padding:24px}.assets-filter-section{display:flex;gap:12px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.assets-filter-group{display:flex;align-items:center;gap:8px}.assets-filter-label{font-size:14px;color:var(--color-text-secondary);min-width:40px}.assets-filter-select{min-width:180px;height:40px}.assets-filter-input{min-width:200px;height:40px}.assets-filter-reset{height:40px;padding:0 24px;margin-left:auto}.assets-filter-swap{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.assets-info-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f0b90b1a;border:1px solid rgba(240,185,11,.2);border-radius:8px;margin-bottom:24px}.assets-info-banner svg{color:var(--color-warning);flex-shrink:0}.assets-info-banner p{margin:0;font-size:14px;color:var(--color-text-primary)}.assets-table-header{display:grid;gap:16px;padding:12px 24px;font-size:12px;font-weight:500;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px}.assets-table-header.layout-overview{grid-template-columns:200px 120px 120px 1fr 200px}.assets-table-header.layout-deposit,.assets-table-header.layout-withdraw{grid-template-columns:180px 100px 140px 120px 1fr 160px 140px 120px}.assets-table-header.layout-transfer{grid-template-columns:200px 120px 1fr 140px 140px 120px}.assets-list{display:flex;flex-direction:column}.assets-list-item{display:grid;gap:16px;padding:16px 24px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);transition:background .2s}.assets-list-item:hover{background:var(--color-bg-tertiary)}.assets-list-item:last-child{border-bottom:none}.assets-list-item.layout-overview{grid-template-columns:200px 120px 120px 1fr 200px}.assets-list-item.layout-deposit,.assets-list-item.layout-withdraw{grid-template-columns:180px 100px 140px 120px 1fr 160px 140px 120px}.assets-list-item.layout-transfer{grid-template-columns:200px 120px 1fr 140px 140px 120px}.assets-cell{display:flex;align-items:center;font-size:14px}.assets-cell-time{color:var(--color-text-secondary);font-size:14px}.assets-cell-coin{font-weight:600;color:var(--color-text-primary)}.assets-cell-coin-detail{display:flex;flex-direction:column;gap:2px}.assets-cell-coin-detail .network{font-size:12px;color:var(--color-text-secondary);font-weight:400}.assets-cell-amount{font-weight:600}.assets-cell-amount.positive{color:var(--color-success)}.assets-cell-amount.negative{color:var(--color-danger)}.assets-cell-address{font-size:13px;color:var(--color-text-secondary);font-family:monospace}.assets-cell-txid{font-size:13px;font-family:monospace;color:var(--color-primary);cursor:pointer}.assets-cell-txid:hover{text-decoration:underline}.assets-cell-remark{font-size:13px;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.assets-type-badge.deposit{background:#0ecb811a;color:var(--color-success)}.assets-type-badge.withdrawal{background:#f6465d1a;color:var(--color-danger)}.assets-type-badge.transfer{background:#f0b90b1a;color:var(--color-warning)}.assets-type-badge.trade{background:#2563eb1a;color:var(--color-primary)}.assets-status-badge{font-weight:600;font-size:13px}.assets-status-badge.success{color:var(--color-success)}.assets-status-badge.pending{color:var(--color-warning)}.assets-status-badge.failed{color:var(--color-danger)}.assets-wallet-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:500}.assets-wallet-badge.from{background:#f6465d1a;color:var(--color-danger)}.assets-wallet-badge.to{background:#0ecb811a;color:var(--color-success)}.assets-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--color-text-tertiary)}.assets-empty-state svg{margin-bottom:16px;opacity:.5}.assets-empty-state p{font-size:14px;margin:0}.assets-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary)}.assets-loading-content{text-align:center}.assets-loading-content .loading-spinner{margin:0 auto 1rem}.assets-loading-content p{margin:0;font-size:14px}@media (max-width: 1400px){.assets-table-header.layout-deposit,.assets-table-header.layout-withdraw,.assets-list-item.layout-deposit,.assets-list-item.layout-withdraw{grid-template-columns:160px 90px 120px 100px 1fr 140px 120px 100px}}@media (max-width: 1200px){.assets-table-header.layout-overview,.assets-list-item.layout-overview{grid-template-columns:160px 100px 100px 1fr 160px}.assets-filter-section{gap:8px}.assets-filter-select,.assets-filter-input{min-width:160px}}@media (max-width: 768px){.assets-history-content{padding:16px}.assets-filter-section{flex-direction:column;align-items:stretch}.assets-filter-group{width:100%}.assets-filter-select,.assets-filter-input{flex:1;min-width:0}.assets-filter-reset{margin-left:0;width:100%}.assets-table-header{display:none}.assets-list-item{grid-template-columns:1fr;gap:12px;padding:16px}.assets-cell{justify-content:space-between}.assets-cell:before{content:attr(data-label);font-weight:600;color:var(--color-text-secondary);font-size:12px;text-transform:uppercase}}.spot-order-page{width:100%}.spot-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);background:transparent;margin-bottom:0}.spot-tab{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);border-bottom:2px solid transparent;margin-bottom:-1px}.spot-tab:hover{color:var(--color-text-primary)}.spot-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.spot-tab-content{background:transparent}.orders-container{padding:var(--spacing-xl);background:transparent}.filters-row{display:flex;align-items:flex-end;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:400}.filter-dropdown{min-width:120px;font-size:var(--font-size-sm);height:36px}.orders-table{background:transparent;border-radius:0;overflow:visible;border:none}.table-header{display:grid;grid-template-columns:140px 100px 100px 80px 120px 120px 100px 120px 150px 120px;padding:var(--spacing-md) 0;background:transparent;border-bottom:1px solid var(--color-divider);font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.table-body{min-height:300px;background:transparent}.table-row{display:grid;grid-template-columns:140px 100px 100px 80px 120px 120px 100px 120px 150px 120px;padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-divider);transition:background .2s;align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background:#ffffff05}.table-col{font-size:var(--font-size-xs);color:var(--color-text-primary);padding:0 var(--spacing-xs)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--spacing-3xl) var(--spacing-xl);background:transparent}.empty-icon{margin-bottom:var(--spacing-lg);opacity:.6}.empty-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.cancel-all-btn{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);padding:6px 12px;border-radius:6px;font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.cancel-all-btn:hover:not(:disabled){background:#f6465d1a}.cancel-all-btn:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}.text-muted{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:6px;font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-quaternary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:var(--font-size-xs)}@media (max-width: 1400px){.table-header,.table-row{grid-template-columns:130px 90px 90px 70px 110px 110px 90px 110px 140px 110px}}@media (max-width: 1200px){.orders-container{padding:var(--spacing-lg)}.table-header,.table-row{grid-template-columns:repeat(10,minmax(80px,1fr))}.table-col{padding:0 var(--spacing-xs)}}@media (max-width: 768px){.spot-tabs{overflow-x:auto}.spot-tab{white-space:nowrap}.filters-row{flex-direction:column;align-items:stretch}.filter-dropdown{min-width:100%}.orders-table{overflow-x:auto}}.chart-container{height:100%;display:flex;flex-direction:column;min-height:0}.spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.explorer-search-wrapper{position:relative;display:flex;align-items:center}.explorer-search-icon{position:absolute;left:10px;color:var(--color-text-tertiary);pointer-events:none}.explorer-search-input{width:100%;padding:6px 10px 6px 32px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--card-font-body);color:var(--color-text-primary);outline:none;transition:border-color .2s}.explorer-search-input::placeholder{color:var(--color-text-tertiary)}.explorer-search-input:focus{border-color:var(--color-primary)}.explorer-star-btn{padding:4px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:color .2s;border-radius:var(--radius-xs)}.explorer-star-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.explorer-star-btn.active{color:#f3ba2f}.explorer-pair{font-size:var(--card-font-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explorer-pair-quote{color:var(--color-text-tertiary);font-size:11px;margin-left:2px}.explorer-price{font-size:var(--card-font-body);color:var(--color-text-primary);text-align:right}.explorer-change{font-size:var(--card-font-body);font-weight:var(--font-weight-medium);text-align:right}.trades-tabs{display:flex;gap:0;width:100%}.trades-tab{flex:1;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-tertiary);font-size:var(--card-font-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;text-align:center}.trades-tab:hover{color:var(--color-text-secondary)}.trades-tab.active{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);border-bottom-color:var(--color-primary)}.trades-row{display:grid;gap:8px;padding:3px 16px;font-size:var(--card-font-body);text-align:right;transition:background .15s;cursor:pointer}.trades-row:hover{background:var(--color-bg-tertiary)}.trades-row span:first-child{text-align:left}.trades-price-buy{color:var(--color-success);font-weight:var(--font-weight-medium)}.trades-price-sell{color:var(--color-danger);font-weight:var(--font-weight-medium)}.trades-time{color:var(--color-text-tertiary);font-size:11px;font-weight:var(--font-weight-medium)}.trading-panel-horizontal{display:flex;flex-direction:column;height:auto;min-height:fit-content}.trading-panel-tabs{display:flex;gap:2px;padding:0 var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.trading-panel-tab{font-size:var(--card-font-body);padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-tertiary);cursor:pointer;white-space:nowrap;transition:all .2s;font-weight:var(--font-weight-normal)}.trading-panel-tab:hover{color:var(--color-text-secondary)}.trading-panel-tab.active{color:var(--color-primary);font-weight:var(--font-weight-semibold);border-bottom-color:var(--color-primary)}.trading-panel-order-types{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px var(--spacing-md);border-bottom:1px solid var(--color-border)}.trading-leverage-controls{display:flex;gap:12px;margin-left:auto}.trading-leverage-group{display:flex;align-items:center;gap:6px}.trading-leverage-label{font-size:11px;color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.trading-leverage-select{padding:4px 8px;font-size:var(--card-font-body);font-weight:var(--font-weight-semibold);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;outline:none}.trading-order-type-btn{padding:4px 12px;background:transparent;border:none;border-radius:12px;color:var(--color-text-tertiary);font-size:var(--card-font-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.trading-order-type-btn:hover{color:var(--color-text-primary);background:#ffffff0d}.trading-order-type-btn.active{color:var(--color-text-primary);background:#ffffff0d;font-weight:var(--font-weight-semibold)}.trading-validation-errors{padding:8px 16px;background:#f6465d1a;border-bottom:1px solid var(--color-border)}.trading-validation-error{font-size:var(--card-font-body);color:var(--color-danger);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:6px}.trading-validation-warnings{padding:8px 16px;background:#f0b90b1a;border-bottom:1px solid var(--color-border)}.trading-validation-warning{font-size:var(--card-font-body);color:var(--color-warning);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:6px}.trading-validation-icon{font-size:14px}.trading-panel-content{display:flex;gap:16px;padding:16px}.trading-panel-side{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.trading-input-group{display:flex;flex-direction:column;gap:4px}.trading-input-label{font-size:11px;color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);display:block;margin-bottom:4px}.trading-input-label-inline{display:flex;justify-content:space-between;align-items:center}.trading-input-asset{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.trading-input-wrapper{display:flex;gap:8px;align-items:center;position:relative}.trading-input-with-asset{position:relative;flex:1}.trading-input-asset-inside{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:var(--card-font-heading);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);pointer-events:none}.trading-input-with-asset-value{padding-right:70px}.trading-input{width:100%;padding:10px 12px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);outline:none;transition:all .2s;height:40px}.trading-input::placeholder{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.trading-input:focus{border-color:var(--color-text-tertiary)}.trading-input:disabled{background:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.trading-input-readonly{background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.trading-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23707A8A' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.trading-select:disabled{cursor:not-allowed;opacity:.6}.trading-percentage-buttons{display:flex;gap:6px;margin:4px 0}.trading-percentage-btn{flex:1;padding:6px 8px;font-size:11px;font-weight:var(--font-weight-bold);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.trading-percentage-btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.trading-percentage-btn:disabled{opacity:.5;cursor:not-allowed}.trading-input-btn{padding:8px 12px;font-size:var(--card-font-body);font-weight:var(--font-weight-semibold);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.trading-input-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.trading-slider{display:flex;flex-direction:column;gap:4px;margin:8px 0}.trading-range-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-bg-tertiary);border-radius:2px;outline:none;cursor:pointer}.trading-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-primary);border-radius:50%;cursor:pointer}.trading-range-slider::-moz-range-thumb{width:12px;height:12px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:none}.trading-slider-marks{display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-tertiary)}.trading-tpsl{margin:4px 0}.trading-checkbox-label{display:flex;align-items:center;gap:6px;font-size:var(--card-font-body);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.trading-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.trading-tpsl-section{padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:8px}.trading-tpsl-header{font-size:11px;color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);margin-bottom:4px}.trading-tpsl-inputs{display:flex;gap:8px}.trading-input-group-inline{flex:1;display:flex;flex-direction:column;gap:4px}.trading-input-label-small{font-size:10px;color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.trading-input-small{width:100%;padding:6px 8px;font-size:11px;font-weight:var(--font-weight-medium);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);outline:none;transition:all .2s}.trading-input-small:focus{border-color:var(--color-text-tertiary)}.trading-input-with-unit{position:relative;display:flex;align-items:center}.trading-input-with-unit .trading-input-small{padding-right:28px}.trading-input-unit{position:absolute;right:8px;font-size:11px;color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);pointer-events:none}.trading-balance-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--color-text-tertiary)}.trading-balance-label{font-weight:var(--font-weight-medium)}.trading-balance-value{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.trading-max-buy{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--color-text-tertiary);margin-bottom:4px}.trading-max-label{font-weight:var(--font-weight-medium)}.trading-max-value{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.trading-submit-btn{width:100%;padding:12px;font-size:var(--card-font-heading);font-weight:var(--font-weight-bold);border:none;border-radius:12px;cursor:pointer;transition:all .2s;text-transform:none}.trading-submit-buy{background:var(--color-success);color:#fff}.trading-submit-buy:hover:not(:disabled){background:#25a370;transform:translateY(-1px)}.trading-submit-buy:disabled{background:#2ebd854d;cursor:not-allowed;opacity:.6}.trading-submit-sell{background:var(--color-danger);color:#fff}.trading-submit-sell:hover:not(:disabled){background:#e03d52;transform:translateY(-1px)}.trading-submit-sell:disabled{background:#f6465d4d;cursor:not-allowed;opacity:.6}.order-history-grid{display:grid;grid-template-columns:100px 80px 70px 60px 100px 100px 80px 100px 1fr 60px;gap:6px;align-items:center}.order-history-filter{display:flex;align-items:center;gap:6px;font-size:var(--card-font-body);color:var(--color-text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none}.order-history-cancel-all{padding:6px 12px;background:transparent;border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);font-size:var(--card-font-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s}.order-history-cancel-all:hover{background:var(--color-danger);color:#fff}.order-history-cancel-btn{padding:4px;background:transparent;border:none;cursor:pointer;color:var(--color-danger);display:flex;align-items:center;justify-content:center;transition:all .2s}.order-history-cancel-btn:hover{color:#dc2626}.orderbook-filter{display:flex;align-items:center;gap:4px;font-size:var(--card-font-body);color:var(--color-text-secondary);cursor:pointer;padding:4px 8px;border-radius:var(--radius-xs);transition:background .2s}.orderbook-filter:hover{background:var(--color-bg-tertiary)}.orderbook-filter-value{font-weight:var(--font-weight-medium)}.orderbook-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.orderbook-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:8px 16px;font-size:11px;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border)}.orderbook-columns span:first-child{text-align:left}.orderbook-columns span{text-align:right}.orderbook-asks{display:flex;flex-direction:column-reverse;overflow-y:auto}.orderbook-bids{display:flex;flex-direction:column;overflow-y:auto}.orderbook-row{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:3px 16px;cursor:pointer;font-size:var(--card-font-body);text-align:right;transition:background .15s}.orderbook-row:hover{background:var(--color-bg-tertiary)}.orderbook-row span:first-child{text-align:left}.orderbook-depth-bar{position:absolute;right:0;top:0;bottom:0;z-index:0;transition:width .3s}.orderbook-row-ask .orderbook-depth-bar{background:#f6465d1f}.orderbook-row-bid .orderbook-depth-bar{background:#0ecb811f}.orderbook-price{position:relative;z-index:1;font-weight:var(--font-weight-medium)}.orderbook-price-ask{color:var(--color-danger)}.orderbook-price-bid{color:var(--color-success)}.orderbook-amount{position:relative;z-index:1;color:var(--color-text-primary)}.orderbook-total{position:relative;z-index:1;color:var(--color-text-secondary);font-size:11px}.orderbook-spread{padding:10px 16px;background:#0003;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.orderbook-spread-price{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-success);line-height:1.2}.orderbook-spread-arrow{font-size:var(--card-font-heading);color:var(--color-text-tertiary)}.orderbook-spread-value{font-size:var(--card-font-body);color:var(--color-text-tertiary)}.main-content.trade-view{background:#000;padding:0;min-height:calc(100vh - 60px)}.trade-page{width:100%;min-height:calc(100vh - 60px);background:#000;display:grid;grid-template-columns:350px 1fr 350px;grid-template-rows:auto minmax(600px,1000px) 300px;gap:4px;padding:4px}.trade-page>*:nth-child(1){grid-column:1 / 4!important;grid-row:1;width:100%!important;max-width:100%!important;min-width:100%!important}.trade-page>*:nth-child(1) *{max-width:100%!important}.trade-grid-left{grid-column:1;grid-row:2;min-height:0;display:flex;flex-direction:column}.trade-grid-center{grid-column:2;grid-row:2;min-height:0;display:flex;flex-direction:column;gap:4px}.trade-grid-center>*:first-child{flex:60;min-height:0;overflow:hidden}.trade-grid-center>*:last-child{flex:40;min-height:0;overflow:hidden}.trade-grid-right{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:4px;min-height:0}.trade-grid-right>*:last-child{flex:60;min-height:0;overflow:hidden;order:-1}.trade-grid-right>*:first-child{flex:40;min-height:0;overflow:hidden}.trade-history-section{grid-column:1 / 4;grid-row:3;min-height:0}.trade-grid{display:contents}.market-stats-content{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px}.market-stats-symbol{display:flex;align-items:center;gap:8px}.market-stats-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--color-primary),#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--card-font-heading);font-weight:var(--font-weight-bold);color:#fff;flex-shrink:0}.market-stats-info{display:flex;flex-direction:column;gap:0}.market-stats-pair{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2;display:flex;align-items:baseline;gap:2px;letter-spacing:-.01em}.market-stats-pair-quote{font-size:var(--card-font-heading);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary)}.market-stats-item{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}.market-stats-label{font-size:11px;color:var(--color-text-tertiary);line-height:1.2;font-weight:var(--font-weight-normal)}.market-stats-value{font-size:var(--card-font-heading);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.2}.market-stats-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}@media (max-width: 768px){.market-stats-content{gap:var(--spacing-md)}}@media (max-width: 1400px){.trade-grid{grid-template-columns:300px 1fr 300px}}@media (max-width: 1200px){.trade-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:4px}.trade-grid-left,.trade-grid-center,.trade-grid-right{grid-row:auto;grid-column:1;min-height:400px}.trade-grid-center>*:first-child{min-height:400px}}:root{--card-padding: 10px 16px;--card-padding-sm: 8px 12px;--card-gap: 8px;--card-font-heading: 13px;--card-font-body: 12px;--card-icon: 14px}.trade-card{background:var(--color-bg-secondary);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;height:100%}.trade-card-header{padding:var(--card-padding);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;min-height:44px}.trade-card-title{font-size:var(--card-font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.2}.trade-card-content{padding:var(--card-padding);flex:1;overflow-y:auto;min-height:0}.trade-card-actions{display:flex;align-items:center;gap:var(--card-gap)}.trade-card-icon-btn{padding:var(--spacing-xs);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:color .2s}.trade-card-icon-btn:hover{color:var(--color-text-secondary)}.trade-card-icon-btn.active{color:var(--color-primary)}.trade-card-tabs{display:flex;gap:2px;overflow-x:auto;padding:0 var(--spacing-md) 8px;border-bottom:1px solid var(--color-border)}.trade-card-tab{font-size:var(--card-font-body);padding:5px 10px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-tertiary);cursor:pointer;white-space:nowrap;transition:all .2s}.trade-card-tab:hover{color:var(--color-text-secondary)}.trade-card-tab.active{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);border-bottom-color:var(--color-primary)}.trade-card-search{padding:var(--card-padding);border-bottom:1px solid var(--color-border)}.trade-card-list{flex:1;overflow-y:auto;min-height:0}.trade-card-list-header{display:grid;gap:6px;padding:var(--card-padding-sm);font-size:11px;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-secondary);z-index:1}.trade-card-list-item{display:grid;gap:6px;padding:var(--card-padding-sm);cursor:pointer;transition:background .15s;align-items:center}.trade-card-list-item:hover,.trade-card-list-item.active{background:var(--color-bg-tertiary)}.trade-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px var(--spacing-lg);gap:10px;text-align:center;color:var(--color-text-tertiary);font-size:var(--card-font-body)}