:root{--gold-primary:#ffb700;--gold-secondary:#ff9500;--gold-dark:#e67e00;--gold-darker:#cc7000;--gold-light:#fff4e6;--gold-lighter:#fffbf5;--gold-lightest:#fffbf5;--gold-accent:#ffc947;--primary-color:var(--gold-primary);--primary-dark:var(--gold-dark);--primary-light:var(--gold-lighter);--primary-gradient:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);--success-color:#28a745;--danger-color:#dc3545;--warning-color:var(--gold-primary);--info-color:#17a2b8;--secondary-color:#6c757d;--light-color:#f8f9fa;--dark-color:#343a40;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--text-muted:#6b7280;--text-light:#f8f9fa;--text-body:var(--text-primary);--text-dark:var(--text-primary);--text-white:#fff;--text-gold:#e67e00;--bg-light:#f8f9fa;--bg-white:#fff;--bg-dark:#343a40;--border-color:#e9ecef;--bg-gold-lighter:rgba(255,183,0,.05);--gradient-gold-subtle:linear-gradient(135deg,rgba(255,183,0,.05),rgba(255,183,0,.02));--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:30px;--shadow-sm:0 2px 6px rgba(0,0,0,.05);--shadow-md:0 4px 14px rgba(0,0,0,.07);--shadow-lg:0 8px 28px rgba(0,0,0,.09);--shadow-xl:0 12px 42px rgba(0,0,0,.11);--shadow-hover:0 8px 28px rgba(244,208,63,.18);--transition-fast:all .2s ease;--transition-base:all .3s ease;--transition-slow:all .5s ease;--font-xs:.875rem;--font-sm:.9375rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:2.5rem;--line-height-tight:1.2;--line-height-base:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--gold-primary-rgb:255,183,0;--gold-dark-rgb:230,126,0;--gold-accent-rgb:255,201,71;--success-color-rgb:40,167,69;--danger-color-rgb:220,53,69;--warning-color-rgb:255,193,7;--info-color-rgb:23,162,184;--success-gradient:linear-gradient(135deg,#28a745,#20c997);--danger-gradient:linear-gradient(135deg,#dc3545,#c82333);--border-width:1px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--gold-light:#332600;--gold-lighter:#1a1300;--gold-lightest:#121008;--text-primary:#e5e5e5;--text-secondary:#a0a0a0;--text-muted:#888;--text-light:#e5e5e5;--text-body:#e5e5e5;--text-dark:#e5e5e5;--text-gold:#ffb700;--bg-light:#0f0f0f;--bg-white:#1a1a1a;--bg-dark:#0a0a0a;--border-color:#333;--bg-gold-lighter:rgba(255,183,0,.08);--gradient-gold-subtle:linear-gradient(135deg,rgba(255,183,0,.08),rgba(255,183,0,.03));--shadow-sm:0 2px 6px rgba(0,0,0,.3);--shadow-md:0 4px 14px rgba(0,0,0,.4);--shadow-lg:0 8px 28px rgba(0,0,0,.5);--shadow-xl:0 12px 42px rgba(0,0,0,.6);--shadow-hover:0 8px 28px rgba(255,183,0,.15);--success-gradient:linear-gradient(135deg,#22c55e,#16a34a);--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--neutral-50:#1a1a1a;--neutral-100:#252525;--neutral-200:#333;--neutral-300:#444;--neutral-400:#666;--neutral-500:#888;--neutral-600:#a0a0a0;--neutral-700:#b0b0b0;--neutral-800:#d0d0d0;--neutral-900:#e5e5e5;--neutral-950:#f0f0f0;--success-light:rgba(16,185,129,.15);--success-50:rgba(16,185,129,.08);--danger-light:rgba(239,68,68,.15);--danger-50:rgba(239,68,68,.08);--danger-100:rgba(239,68,68,.12);--warning-50:rgba(245,158,11,.08);--warning-100:rgba(245,158,11,.12);--gold-50:rgba(255,183,0,.08);--gold-200:rgba(255,183,0,.15);--info-50:rgba(59,130,246,.08);--info-100:rgba(59,130,246,.12);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--gold-light:#332600;--gold-lighter:#1a1300;--gold-lightest:#121008;--text-primary:#e5e5e5;--text-secondary:#a0a0a0;--text-muted:#888;--text-light:#e5e5e5;--text-body:#e5e5e5;--text-dark:#e5e5e5;--text-gold:#ffb700;--bg-light:#0f0f0f;--bg-white:#1a1a1a;--bg-dark:#0a0a0a;--border-color:#333;--bg-gold-lighter:rgba(255,183,0,.08);--gradient-gold-subtle:linear-gradient(135deg,rgba(255,183,0,.08),rgba(255,183,0,.03));--shadow-sm:0 2px 6px rgba(0,0,0,.3);--shadow-md:0 4px 14px rgba(0,0,0,.4);--shadow-lg:0 8px 28px rgba(0,0,0,.5);--shadow-xl:0 12px 42px rgba(0,0,0,.6);--shadow-hover:0 8px 28px rgba(255,183,0,.15);--neutral-50:#1a1a1a;--neutral-100:#252525;--neutral-200:#333;--neutral-300:#444;--neutral-400:#666;--neutral-500:#888;--neutral-600:#a0a0a0;--neutral-700:#b0b0b0;--neutral-800:#d0d0d0;--neutral-900:#e5e5e5;--neutral-950:#f0f0f0;--success-light:rgba(16,185,129,.15);--success-50:rgba(16,185,129,.08);--danger-light:rgba(239,68,68,.15);--danger-50:rgba(239,68,68,.08);--danger-100:rgba(239,68,68,.12);--warning-50:rgba(245,158,11,.08);--warning-100:rgba(245,158,11,.12);--gold-50:rgba(255,183,0,.08);--gold-200:rgba(255,183,0,.15);--info-50:rgba(59,130,246,.08);--info-100:rgba(59,130,246,.12);color-scheme:dark}}:root{--card-padding:var(--spacing-lg);--card-border-radius:var(--radius-xl);--card-shadow:var(--shadow-md);--card-hover-shadow:var(--shadow-lg);--btn-padding-x:var(--spacing-lg);--btn-padding-y:var(--spacing-sm);--btn-border-radius:var(--radius-md);--input-padding-x:var(--spacing-lg);--input-padding-y:var(--spacing-md);--input-border-radius:var(--radius-lg);--input-focus-shadow:0 0 0 4px rgba(255,183,0,.3);--icon-size-sm:32px;--icon-size-md:40px;--icon-size-lg:48px;--icon-size-xl:64px;--touch-target-min:44px;--touch-target-sm:44px;--touch-target-md:48px;--touch-target-lg:56px;--live-dot-size:8px;--live-dot-color:var(--success-color);--animation-duration-fast:.3s;--animation-duration-base:.5s;--animation-duration-slow:1s;--animation-timing:ease-in-out}.assets-grid-container{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%}.assets-list-container{display:flex;flex-direction:column;gap:12px;width:100%}.assets-compact-container{display:flex;flex-direction:column;gap:8px;width:100%}.compact-row{align-items:center;background:var(--bg-white,#fff);border:1px solid rgba(var(--gold-primary-rgb),.08);border-radius:12px;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.compact-row:hover{border-color:rgba(var(--gold-primary-rgb),.2);box-shadow:0 4px 12px rgba(var(--gold-primary-rgb),.1);transform:translate(4px)}.compact-asset-name{color:var(--neutral-700,#2d3748);font-size:.95rem;font-weight:600}.compact-ticker{color:var(--neutral-500,#718096);font-size:.75rem;font-weight:500}.compact-price{color:var(--neutral-700,#2d3748);font-size:1rem;font-weight:700}.compact-change{border-radius:6px;font-size:.875rem;font-weight:600;padding:4px 8px}.compact-change.positive{background:rgba(34,197,94,.1);color:#22c55e}.compact-change.negative{background:rgba(239,68,68,.1);color:#ef4444}.market-stats-section .filter-card{cursor:pointer;position:relative;transition:all .3s ease}.market-stats-section .filter-card:hover{transform:translateY(-2px)}.filter-indicator{align-items:center;background:linear-gradient(135deg,var(--gold-primary),var(--gold-secondary));border-radius:50%;color:#fff;display:none;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px;z-index:2}.filter-card.active .filter-indicator{display:flex}.filter-card.active .stat-card-modern{border-color:rgba(var(--gold-primary-rgb),.3);box-shadow:0 4px 12px rgba(var(--gold-primary-rgb),.2)}.category-header{background:linear-gradient(135deg,var(--neutral-50,#fffbf5) 0,var(--gold-50,#fff8f0) 100%);border:1px solid rgba(var(--gold-primary-rgb),.1);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.header-content{flex-wrap:wrap;justify-content:space-between}.header-content,.header-info{align-items:center;display:flex;gap:1rem}.category-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--neutral-50,#fffbf5) 0,var(--gold-50,#fff4e6) 100%);border:2px solid rgba(var(--gold-primary-rgb),.15);border-radius:16px;color:var(--gold-primary);display:flex;font-size:1.75rem;height:56px;justify-content:center;width:56px}.category-title{color:var(--neutral-700,#2d3748);font-size:1.75rem;font-weight:700;margin:0}.category-subtitle{color:var(--neutral-500,#718096);font-size:.9rem;margin:0}.ticker-count{color:var(--gold-primary);font-weight:600}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem}.view-mode-toggle{background:var(--neutral-100,#f8f9fa);border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.view-mode-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--neutral-500,#718096);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.view-mode-btn:hover{background:var(--neutral-200,#e2e8f0);color:var(--neutral-700,#2d3748)}.view-mode-btn.active{background:var(--bg-white,#fff);box-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--neutral-700,#2d3748);font-weight:600}.view-mode-btn i{font-size:1rem}.search-section{margin-bottom:1.5rem}.search-box-wrapper{max-width:100%}.search-input-modern{border-color:rgba(var(--gold-primary-rgb),.2);transition:all .3s ease}.search-input-modern:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px rgba(var(--gold-primary-rgb),.1)}.pagination{gap:.25rem}.pagination .page-item{margin:0}.pagination .page-link{align-items:center;border:1px solid var(--border-color,#dee2e6);border-radius:8px;color:var(--neutral-700,#2d3748);display:flex;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.pagination .page-link:hover{background-color:var(--neutral-100,#f8f9fa);border-color:var(--gold-primary);color:var(--gold-primary)}.pagination .page-item.active .page-link{background:linear-gradient(135deg,var(--gold-primary),var(--gold-secondary));border-color:var(--gold-primary);box-shadow:0 2px 8px rgba(var(--gold-primary-rgb),.3);color:#fff;font-weight:600}.pagination .page-item.disabled .page-link{background-color:var(--neutral-100,#f8f9fa);border-color:var(--border-color,#dee2e6);color:var(--neutral-400,#adb5bd);cursor:not-allowed;pointer-events:none}.pagination .page-link i{font-size:.875rem;line-height:1}.pagination+div{margin-top:.75rem}.pagination+div small{color:var(--neutral-500,#718096);font-size:.875rem}@media(max-width:1400px){.assets-list-container .price-card-modern{gap:16px;grid-template-columns:180px 1fr auto;padding:14px 16px}.assets-list-container .price-card-modern .price-data{flex-wrap:wrap;gap:8px;justify-content:flex-start}.assets-list-container .price-card-modern .price-pill{font-size:12px;padding:5px 10px}.assets-list-container .price-card-modern .divider,.assets-list-container .price-card-modern .range-badge{display:none}}@media(max-width:1280px){.assets-list-container .price-card-modern{gap:12px;grid-template-columns:160px 1fr auto;overflow:hidden;padding:12px 14px}.assets-list-container .price-card-modern .asset-name{font-size:14px}.assets-list-container .price-card-modern .asset-code{font-size:11px}.assets-list-container .price-card-modern .price-pill{font-size:11px;gap:4px;padding:4px 8px}.assets-list-container .price-card-modern .price-pill-label{font-size:8px}.assets-list-container .price-card-modern .change-badge-bold{flex-shrink:0;font-size:11px;max-width:85px;padding:5px 8px}}@media(max-width:1100px){.assets-list-container .price-card-modern{gap:10px;grid-template-columns:1fr}.assets-list-container .price-card-modern .asset-info{align-items:center;flex-direction:row;gap:8px}.assets-list-container .price-card-modern .price-data{justify-content:flex-start}.assets-list-container .price-card-modern .actions{justify-content:space-between}}@media(max-width:768px){.category-header{padding:1rem}.category-icon-wrapper{font-size:1.5rem;height:48px;width:48px}.category-title{font-size:1.5rem}.header-content{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.view-mode-toggle{justify-content:space-between;width:100%}.view-mode-btn{flex:1;justify-content:center}.assets-grid-container{gap:12px;grid-template-columns:1fr}.compact-row{flex-wrap:wrap;gap:.5rem}}@media(max-width:576px){.view-mode-btn span{display:none}.view-mode-btn i{font-size:1.25rem}}