.hd-panel{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-xl,16px);overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease}.hd-panel:hover{box-shadow:0 10px 40px rgba(0,0,0,.08)}.hd-panel:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:10}.hd-panel__header{align-items:center;background:linear-gradient(180deg,rgba(59,130,246,.02) 0,transparent);border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.hd-panel__title{align-items:center;color:var(--color-text,#1f2937);display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0}.hd-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 12px;transition:all .2s}.hd-badge--success{background:rgba(34,197,94,.1);color:#16a34a}.hd-badge--warning{background:rgba(245,158,11,.1);color:#d97706}.hd-badge--info{background:rgba(59,130,246,.1);color:#2563eb}.hd-badge--cosmetic{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.1));color:#7c3aed}.panel.trading-panel{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-xl,16px);overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease}.panel.trading-panel:hover{box-shadow:0 10px 40px rgba(0,0,0,.08)}.panel.trading-panel:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:10}.panel.trading-panel .panel-header{align-items:center;background:linear-gradient(180deg,rgba(59,130,246,.02) 0,transparent);border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.panel.trading-panel .panel-title{color:var(--color-text,#1f2937);font-size:1.125rem;font-weight:600;margin:0}.panel.trading-panel .panel-subtitle{color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin-top:4px}.panel.trading-panel .panel-body{padding:16px 20px}.account-panel .account-profile{align-items:center;display:flex;gap:16px;padding:20px}.account-panel .account-profile__avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:64px;justify-content:center;width:64px}.account-panel .account-profile__info{flex:1}.account-panel .account-profile__name{color:var(--color-text,#1f2937);font-size:1.25rem;font-weight:600}.account-panel .account-profile__username{color:var(--color-text-secondary,#6b7280);font-size:.875rem}.account-panel .account-level{padding:0 20px 20px}.account-panel .account-level__badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:9999px;box-shadow:0 4px 12px rgba(245,158,11,.3);color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:8px 16px}.account-panel .account-level__progress{margin-top:12px}.account-panel .account-level__bar{background:#e5e7eb;border-radius:9999px;height:8px;overflow:hidden}.account-panel .account-level__fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:9999px;height:100%;transition:width .5s ease}.asset-panel .asset-highlight{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));border-bottom:1px solid var(--color-border,#e5e7eb);padding:20px}.asset-panel .asset-highlight__main{text-align:center}.asset-panel .asset-highlight__label{color:var(--color-text-secondary,#6b7280);font-size:.875rem}.asset-panel .asset-highlight__value{margin-top:8px}.asset-panel .asset-highlight__value strong{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;font-size:2.5rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text}.asset-panel .asset-highlight__unit{color:var(--color-text-secondary,#6b7280);font-size:1rem;margin-left:4px}.asset-panel .asset-highlight__change{background:rgba(34,197,94,.1);border-radius:9999px;color:#16a34a;display:inline-block;font-size:.875rem;font-weight:500;margin-top:8px;padding:4px 12px}.asset-panel .asset-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:20px}.asset-panel .asset-grid__item{align-items:center;background:var(--color-surface-alt,#f9fafb);border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s}.asset-panel .asset-grid__item:hover{background:rgba(59,130,246,.05)}.asset-panel .asset-grid__icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.asset-panel .asset-grid__label{color:var(--color-text-secondary,#6b7280);font-size:.875rem}.asset-panel .asset-grid__value{color:var(--color-text,#1f2937);font-size:1.25rem;font-weight:600}.section-nav{background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#e5e7eb);margin-bottom:24px;padding:16px 20px}.section-nav-group{display:flex;flex-wrap:wrap;gap:8px}.section-nav .btn{border-radius:8px;font-weight:500;transition:all .2s}.section-nav .btn--secondary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff}.section-nav .btn--ghost:hover{background:rgba(59,130,246,.1);color:#3b82f6}.section-nav-label{color:var(--color-text-secondary,#6b7280);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:16px 0 8px;text-transform:uppercase}.section-nav-divider{background:var(--color-border,#e5e7eb);height:1px;margin:16px 0}.trading-buttons-group .btn--trading{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb)}.trading-buttons-group .btn--trading:hover{background:rgba(59,130,246,.05);border-color:#3b82f6}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.stats-grid>*{background:var(--color-surface-alt,#f9fafb);border-radius:12px;padding:20px;text-align:center;transition:all .2s}.stats-grid>:hover{background:rgba(59,130,246,.05);transform:translateY(-2px)}.rankings-panel .panel-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:16px}@media(max-width:1024px){.rankings-panel .panel-grid{grid-template-columns:1fr}}.news-panel .news-feed{padding:16px}.news-panel .stream-status{align-items:center;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.875rem;gap:8px}.news-panel .status-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.notification-section,.preferences-section{background:var(--color-surface-alt,#f9fafb);border-radius:12px;margin-bottom:24px;padding:20px}.notification-section__header,.preferences-section__header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.notification-section__icon,.preferences-section__icon{font-size:1.5rem}.notification-section__title,.preferences-section__title{color:var(--color-text,#1f2937);font-size:1rem;font-weight:600}.preferences-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.preferences-grid{grid-template-columns:1fr}}.preferences-field__label{color:var(--color-text,#1f2937);display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.preferences-field__input,.preferences-field__textarea{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:8px;color:var(--color-text,#1f2937);font-size:.875rem;padding:12px 16px;transition:all .2s;width:100%}.preferences-field__input:focus,.preferences-field__textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.preferences-field__hint{color:var(--color-text-secondary,#6b7280);font-size:.75rem;margin-top:4px}.notification-toggle{align-items:center;background:var(--color-surface,#fff);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s}.notification-toggle:hover{background:rgba(59,130,246,.05)}.notification-toggle__info{align-items:center;display:flex;gap:12px}.notification-toggle__icon{font-size:1.5rem}.notification-toggle__name{color:var(--color-text,#1f2937);font-size:.875rem;font-weight:500}.notification-toggle__desc{color:var(--color-text-secondary,#6b7280);font-size:.75rem}.notification-toggle__slider{background:#d1d5db;border-radius:9999px;height:24px;position:relative;transition:all .2s;width:44px}.notification-toggle__slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .2s;width:20px}.notification-toggle__input:checked+.notification-toggle__slider{background:#3b82f6}.notification-toggle__input:checked+.notification-toggle__slider:after{transform:translate(20px)}.notification-toggle__input{display:none}.btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s}.btn--primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff}.btn--primary:hover{box-shadow:0 6px 20px rgba(59,130,246,.4);transform:translateY(-2px)}.btn--ghost{background:transparent;border:1px solid var(--color-border,#e5e7eb);color:var(--color-text,#1f2937)}.btn--ghost:hover{background:var(--color-surface-alt,#f9fafb);border-color:#3b82f6;color:#3b82f6}.btn--danger{background:#ef4444;border:none;color:#fff}.btn--danger:hover{background:#dc2626}.btn--sm{font-size:.75rem;padding:6px 12px}.avatar-upload{align-items:center;display:flex;flex-direction:column;gap:16px}.avatar-upload__preview{align-items:center;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.1);display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.avatar-upload__placeholder{color:#9ca3af}.avatar-upload__hint{color:var(--color-text-secondary,#6b7280);font-size:.75rem;text-align:center}.alert{border-radius:12px;font-size:.875rem;padding:16px 20px}.alert--success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#16a34a}.alert--error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#dc2626}.alert--warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:#d97706}.alert--info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#2563eb}.compliance-banner{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(239,68,68,.05));border:1px solid rgba(245,158,11,.2);border-radius:12px;color:var(--color-text,#1f2937);font-size:.875rem;margin:20px;padding:16px 24px}.compliance-banner strong{color:#d97706}.app-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,.95);border-bottom:1px solid var(--color-border,#e5e7eb);position:sticky;top:0;z-index:100}.header-bar{justify-content:space-between;margin:0 auto;max-width:1440px;padding:12px 24px}.brand,.header-bar{align-items:center;display:flex}.brand{gap:12px;text-decoration:none}.brand-logo-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;box-shadow:0 4px 12px rgba(59,130,246,.3);display:flex;height:40px;justify-content:center;width:40px}.brand-title{font-size:1.25rem;font-weight:700;margin:0}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle{color:var(--color-text-secondary,#6b7280);font-size:.75rem;margin:0}.user-menu{align-items:center;background:var(--color-surface-alt,#f9fafb);border-radius:9999px;cursor:pointer;display:flex;gap:12px;padding:8px 16px;transition:all .2s}.user-menu:hover{background:rgba(59,130,246,.1)}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.user-info{text-align:left}.user-info .fw-600{color:var(--color-text,#1f2937);font-size:.875rem;font-weight:600}.user-info .text-muted{color:var(--color-text-secondary,#6b7280);font-size:.75rem}.analytics-panel,[data-sections*=analytics]{background:var(--color-surface,#fff)}.analytics-panel .panel-header{align-items:center;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;padding:16px 20px}.holdings-table{border-collapse:collapse;width:100%}.holdings-table th{background:var(--color-surface-alt,#f9fafb);color:var(--color-text-secondary,#6b7280);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.holdings-table td,.holdings-table th{border-bottom:1px solid var(--color-border,#e5e7eb)}.holdings-table td{font-size:.875rem;padding:16px}.holdings-table tr:hover td{background:rgba(59,130,246,.02)}.holdings-table .stock-name{color:var(--color-text,#1f2937);font-weight:600}.holdings-table .stock-code{color:var(--color-text-secondary,#6b7280);font-family:monospace;font-size:.75rem}.chart-container{background:var(--color-surface-alt,#f9fafb);border-radius:12px;min-height:300px;padding:20px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-title{color:var(--color-text,#1f2937);font-size:1rem;font-weight:600}.period-selector{background:var(--color-surface-alt,#f9fafb);border-radius:8px;display:flex;gap:4px;padding:4px}.watchlist{padding:0}.market-card,.stats-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:12px;padding:20px;text-align:center}.market-card .card-title,.stats-card .card-title{color:var(--color-text-secondary,#6b7280);font-size:.875rem;margin-bottom:8px}.market-card .card-value,.stats-card .card-value{color:var(--color-text,#1f2937);font-family:monospace;font-size:1.5rem;font-weight:700}.market-card .card-change,.stats-card .card-change{align-items:center;display:inline-flex;font-size:.875rem;font-weight:500;gap:4px;margin-top:8px}.card-change.up{color:#16a34a}.card-change.down{color:#dc2626}.progress-bar{background:#e5e7eb;border-radius:9999px;height:8px;overflow:hidden}.progress-bar .progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:9999px;height:100%;transition:width .5s ease}.progress-bar.success .progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-bar.warning .progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-bar.danger .progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.empty-state{padding:48px 24px;text-align:center}.empty-state .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.asset-panel .asset-grid,.dashboard-grid,.preferences-grid,.rankings-panel .panel-grid{grid-template-columns:1fr}.header-bar{padding:12px 16px}.brand-subtitle{display:none}}