:root{--color-primary:#4361ee;--color-primary-light:#7284ff;--color-primary-dark:#3730a3;--color-accent:#06b6d4;--color-accent-light:#67e8f9;--color-accent-hover:#0891b2;--color-success:#10b981;--color-success-light:#34d399;--color-danger:#ef4444;--color-danger-light:#f87171;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-bg:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-surface:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--shadow-sm:0 1px 2px 0 #4361ee0d;--shadow:0 2px 4px 0 #4361ee14, 0 1px 2px -1px #4361ee0a;--shadow-md:0 4px 12px -2px #4361ee1a, 0 2px 6px -2px #4361ee0f;--shadow-lg:0 12px 32px -4px #4361ee26, 0 4px 12px -4px #4361ee1a;--shadow-xl:0 24px 48px -8px #4361ee33, 0 8px 16px -8px #4361ee1f;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--transition-fast:.15s ease;--transition:.25s ease;--transition-slow:.35s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}[data-theme=dark]{--color-primary:#7284ff;--color-primary-light:#93a5ff;--color-primary-dark:#4361ee;--color-accent:#67e8f9;--color-accent-hover:#22d3ee;--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-surface:#1e293b;--color-border:#334155;--color-border-light:#475569;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#0f172a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 2px 4px 0 #0000004d, 0 1px 2px -1px #0003;--shadow-md:0 4px 12px -2px #0006, 0 2px 6px -2px #0000004d;--shadow-lg:0 12px 32px -4px #00000080, 0 4px 12px -4px #0006}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{min-height:100dvh}button{cursor:pointer;touch-action:manipulation;font-family:inherit}input,select,textarea{touch-action:manipulation;font-family:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);cursor:pointer;min-width:44px;min-height:44px;transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff26,#0000);position:absolute;inset:0}.btn:active:after{opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow);transform:translateY(0)}.btn-success{background:linear-gradient(135deg, var(--color-success) 0%, #059669 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--color-danger) 0%, #dc2626 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--color-border-light);overflow:hidden}.input{width:100%;padding:var(--spacing-md);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);min-height:48px;color:var(--color-text);transition:all var(--transition-fast);font-size:1rem}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #4361ee26}.input::placeholder{color:var(--color-text-muted)}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{text-align:left;padding:var(--spacing-md);color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border);white-space:nowrap;font-weight:600}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:#4361ee0a}.table tbody tr:nth-child(2n){background-color:var(--color-bg-secondary)}.table tbody tr:nth-child(2n):hover{background-color:#4361ee0a}.badge{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--color-success);background:linear-gradient(135deg,#10b98126 0%,#10b9811a 100%)}.badge-danger{color:var(--color-danger);background:linear-gradient(135deg,#ef444426 0%,#ef44441a 100%)}.badge-warning{color:var(--color-warning);background:linear-gradient(135deg,#f59e0b26 0%,#f59e0b1a 100%)}.badge-info{color:var(--color-accent);background:linear-gradient(135deg,#06b6d426 0%,#06b6d41a 100%)}[data-theme=dark] .badge-success{background:linear-gradient(135deg,#10b98140 0%,#10b98126 100%)}[data-theme=dark] .badge-danger{background:linear-gradient(135deg,#ef444440 0%,#ef444426 100%)}[data-theme=dark] .badge-warning{background:linear-gradient(135deg,#f59e0b40 0%,#f59e0b26 100%)}[data-theme=dark] .badge-info{background:linear-gradient(135deg,#67e8f940 0%,#67e8f926 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition) ease-out}.animate-slide-up{animation:slideUp var(--transition) ease-out}.animate-slide-down{animation:slideDown var(--transition) ease-out}.animate-scale-in{animation:scaleIn var(--transition) ease-out}.animate-pulse{animation:2s ease-in-out infinite pulse}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-label{color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:600}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 4px #ef444426}.input-error-text{color:var(--color-danger);margin-top:var(--spacing-xs);font-size:.75rem}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);min-height:36px;font-size:.8125rem}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);min-height:52px;font-size:1rem}.page-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.page-title{color:var(--color-text);letter-spacing:-.5px;margin:0;font-size:1.75rem;font-weight:700}.page-actions{gap:var(--spacing-sm);display:flex}.empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--spacing-md);opacity:.4;font-size:4rem}.empty-state-text{margin-bottom:var(--spacing-lg);font-size:1rem}.loading-state{padding:var(--spacing-2xl);color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.loading-state svg{color:var(--color-primary)}.form-grid{gap:var(--spacing-md);display:grid}.form-row{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.form-row>*{flex:1;min-width:200px}.form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:flex-end;display:flex}.form{gap:var(--spacing-md);flex-direction:column;display:flex}.card-modern{border-radius:var(--radius-xl);overflow:hidden}.card-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.card-actions{gap:var(--spacing-sm);display:flex}.card-body{padding:var(--spacing-lg)}.stock-symbol,.fund-symbol{font-family:var(--font-mono);border-radius:var(--radius);padding:4px 10px;font-size:.875rem;font-weight:700}.stock-symbol{color:var(--color-primary);background:linear-gradient(135deg,#4361ee1f 0%,#4361ee14 100%)}.fund-symbol{color:var(--color-success);background:linear-gradient(135deg,#10b9811f 0%,#10b98114 100%)}.portfolio-name{color:var(--color-text);font-weight:600}.value-cell{font-family:var(--font-mono);color:var(--color-primary);font-size:.9375rem;font-weight:600}.asset-cell{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.875rem}.text-muted{color:var(--color-text-muted)}.charts-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.pie-chart{gap:var(--spacing-md);flex-direction:column;display:flex}.pie-chart-visual{width:200px;height:200px;margin:0 auto;position:relative}.pie-chart-svg{width:100%;height:100%}.pie-chart-slice{transition:all var(--transition-fast);cursor:pointer}.pie-chart-slice:hover{filter:brightness(1.1);transform-origin:50%;transform:scale(1.02)}.pie-chart-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-chart-total-label{color:var(--color-text-muted);font-size:.75rem;display:block}.pie-chart-total-value{color:var(--color-text);font-size:.875rem;font-weight:600;display:block}.pie-chart-legend{gap:var(--spacing-sm);flex-direction:column;display:flex}.pie-chart-legend-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);transition:all var(--transition-fast);display:flex}.pie-chart-legend-item:hover{background-color:var(--color-bg-tertiary);transform:translate(4px)}.pie-chart-legend-color{border-radius:3px;flex-shrink:0;width:12px;height:12px}.pie-chart-legend-name{color:var(--color-text);flex:1;font-size:.875rem}.pie-chart-legend-value{color:var(--color-text);font-size:.875rem;font-weight:600}.pie-chart-legend-percentage{color:var(--color-text-muted);text-align:right;min-width:45px;font-size:.75rem}.chart-empty{padding:var(--spacing-xl);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}@media (width<=768px){:root{--spacing-md:12px;--spacing-lg:20px}.page-title{font-size:1.5rem}.table{font-size:.8125rem}.table th,.table td{padding:var(--spacing-sm) var(--spacing-md)}.btn{min-width:48px;min-height:48px}.btn-sm{min-width:40px;min-height:40px}.input{min-height:52px;font-size:16px}.form-row{flex-direction:column}.form-row>*{min-width:100%}}@media (width<=480px){.page-header{flex-direction:column;align-items:stretch}.page-actions{width:100%}.page-actions .btn{flex:1}}.list-card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--color-border-light);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all var(--transition-fast)}.list-card:active{transform:scale(.98)}.list-card-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.list-card-title{color:var(--color-text);font-size:1rem;font-weight:600}.list-card-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.875rem}.list-card-row{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.list-card-row:last-child{border-bottom:none}.list-card-label{color:var(--color-text-muted);font-size:.8125rem}.list-card-value{color:var(--color-text);font-size:.9375rem;font-weight:500}.list-card-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);display:flex}.list-card-actions .btn{flex:1}@media (width>=769px){.mobile-list{display:none}}@media (width<=768px){.desktop-table{display:none}.mobile-list{display:block}}.loading-state{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-secondary);flex-direction:column;display:flex}.animate-spin{animation:1s linear infinite spin}.report-summary{margin-bottom:var(--spacing-lg)}.summary-card{gap:var(--spacing-md);padding:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.summary-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.summary-label{color:var(--color-text-muted);font-size:.8125rem}.summary-value{color:var(--color-text);font-size:1.125rem;font-weight:600}.summary-value.positive{color:var(--color-success)}.summary-value.negative{color:var(--color-danger)}.chart-card,.holdings-card{margin-bottom:var(--spacing-lg)}.card-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);display:flex}.card-header h3{color:var(--color-text);font-size:1rem;font-weight:600}.chart-placeholder{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);color:var(--color-text-muted);flex-direction:column;display:flex}.chart-hint{color:var(--color-text-muted);font-size:.75rem}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th,.data-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border-light);white-space:nowrap}.data-table th{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:600;position:sticky;top:0}.data-table td.positive{color:var(--color-success)}.data-table td.negative{color:var(--color-danger)}.report-list{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.report-card{cursor:pointer;transition:all var(--transition-fast)}.report-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.report-card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.report-card-header h3{color:var(--color-text);font-size:1rem;font-weight:600}.report-date{color:var(--color-text-muted);font-size:.75rem}.report-card-stats{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.stat{gap:var(--spacing-xs);flex-direction:column;display:flex}.stat-label{color:var(--color-text-muted);font-size:.75rem}.stat-value{color:var(--color-text);font-size:.875rem;font-weight:500}.stat-value.positive{color:var(--color-success)}.stat-value.negative{color:var(--color-danger)}.empty-state{align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}@media (width<=768px){.report-list{grid-template-columns:1fr}.summary-card{grid-template-columns:1fr 1fr}.report-card-stats{grid-template-columns:1fr}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:var(--spacing-xs)}}.layout{flex-direction:column;min-height:100dvh;display:flex}.header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-text-inverse);z-index:50;box-shadow:var(--shadow-md);position:sticky;top:0}.header-content{max-width:1400px;padding:var(--spacing-md) var(--spacing-lg);align-items:center;gap:var(--spacing-md);margin:0 auto;display:flex}.hamburger{border-radius:var(--radius);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:#ffffff1a;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.hamburger:hover{background:#fff3}.hamburger:active{transform:scale(.95)}.header-brand{align-items:center;gap:var(--spacing-sm);display:flex}.header-logo{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);border-radius:var(--radius);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 2px 8px #06b6d466}.header-title{letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:700}.header-nav{gap:var(--spacing-lg);margin-left:auto;display:flex}.nav-group{gap:var(--spacing-xs);display:flex}.nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:#fffc;border-radius:var(--radius);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:#fff;background:#ffffff26}.nav-link:active{transform:scale(.98)}.nav-link-active{color:#fff;background:#ffffff40}.nav-icon{font-size:1rem;display:flex}.header-actions{align-items:center;gap:var(--spacing-sm);display:flex}.theme-toggle{border-radius:var(--radius);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:#ffffff1a;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:#fff3;transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;visibility:hidden;transition:all var(--transition);background:#00000080;position:fixed;inset:0}.drawer-overlay-active{opacity:1;visibility:visible}.drawer-overlay-closing{opacity:0;visibility:visible}.drawer{background:var(--color-surface);z-index:150;width:280px;height:100dvh;transition:transform var(--transition);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.drawer-open{transform:translate(0)}.drawer-closing{transform:translate(-100%)}.drawer-header{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;justify-content:space-between;align-items:center;display:flex}.drawer-brand{align-items:center;gap:var(--spacing-sm);display:flex}.drawer-logo{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);border-radius:var(--radius);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;font-weight:700;display:flex}.drawer-title{font-size:1.25rem;font-weight:700}.drawer-close{border-radius:var(--radius);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:#ffffff26;border:none;justify-content:center;align-items:center;display:flex}.drawer-close:hover{background:#ffffff40}.drawer-nav{padding:var(--spacing-md);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.drawer-nav-link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--color-text);border-radius:var(--radius-lg);transition:all var(--transition-fast);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:500;text-decoration:none;display:flex}.drawer-nav-link:hover{background:var(--color-bg-tertiary)}.drawer-nav-link:active{transform:scale(.98)}.drawer-nav-link-active{color:var(--color-primary);background:linear-gradient(135deg,#4361ee1f 0%,#4361ee14 100%)}.drawer-nav-icon{background:var(--color-bg-tertiary);border-radius:var(--radius);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.drawer-nav-link-active .drawer-nav-icon{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff}.drawer-nav-label{flex:1}.drawer-nav-group{margin-bottom:var(--spacing-md)}.drawer-nav-group-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);font-size:.75rem;font-weight:600}.drawer-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary)}.drawer-theme-toggle{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-size:.9375rem;font-weight:500;display:flex}.drawer-theme-toggle:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.drawer-theme-toggle:active{transform:scale(.98)}.main{background-color:var(--color-bg);flex:1}.main-content{max-width:1400px;padding:var(--spacing-lg);margin:0 auto}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-lg);margin-top:auto}.footer-content{text-align:center;max-width:1400px;margin:0 auto}.footer-text{color:var(--color-text-muted);font-size:.875rem}@media (width<=768px){.hamburger{display:flex}.header-brand{margin-left:var(--spacing-sm)}.header-title,.header-nav{display:none}.theme-toggle{margin-left:auto}.main-content{padding:var(--spacing-md)}}@media (width<=480px){.header-content{padding:var(--spacing-sm) var(--spacing-md)}.header-logo{width:32px;height:32px;font-size:1rem}.drawer{width:100%}.drawer-header{padding:var(--spacing-sm) var(--spacing-md)}.drawer-nav{padding:var(--spacing-sm)}.drawer-nav-link{padding:var(--spacing-md)}}