:root{--bg-primary: #f5f5f5;--bg-card: #ffffff;--bg-card-alt: #f8f9fa;--bg-nav: #343a40;--text-primary: #333;--text-secondary: #666;--text-muted: #999;--text-heading: #1a1a1a;--border-color: #ddd;--border-light: #e9ecef;--accent: #007bff;--accent-hover: #0056b3;--accent-bg: #e8f0fe;--accent-bg-alt: #f0f7ff;--danger: #dc3545;--danger-hover: #c82333;--success: #22c55e;--success-bg: #dcfce7;--warning: #eab308;--shadow: rgba(0,0,0,.05);--shadow-md: rgba(0,0,0,.1);--scrollbar-track: #f1f1f1;--scrollbar-thumb: #888;--scrollbar-thumb-hover: #555;--input-bg: #ffffff;--input-disabled-bg: #f0f0f0;--chip-bg: #e8f0fe;--chip-text: #1a73e8;--chip-border: #d2e3fc;--nav-border: #495057;--nav-link: #ccc;--nav-text: #adb5bd;--btn-icon-bg: #f0f0f0;--btn-icon-hover: #e0e0e0;--modal-bg: rgba(0, 0, 0, .5);--error-bg: #f8d7da;--error-text: #721c24;--comparison-up-bg: #fee2e2;--comparison-up-text: #dc2626;--comparison-down-bg: #dcfce7;--comparison-down-text: #16a34a;--comparison-same-bg: #f3f4f6;--comparison-same-text: #6b7280;--budget-bar-bg: #e5e7eb;--ai-usage-bg: #f0fdf4;--ai-usage-limit-bg: #fef2f2;--toast-success-bg: #f0fdf4;--toast-success-text: #166534;--toast-error-bg: #fef2f2;--toast-error-text: #991b1b;--toast-info-bg: #eff6ff;--toast-info-text: #1e40af}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-card: #16213e;--bg-card-alt: #1a2744;--bg-nav: #0f3460;--text-primary: #e0e0e0;--text-secondary: #aaa;--text-muted: #777;--text-heading: #f0f0f0;--border-color: #2a2a4a;--border-light: #2a3a5a;--accent: #4dabf7;--accent-hover: #339af0;--accent-bg: #1a2744;--accent-bg-alt: #16213e;--danger: #ff6b6b;--danger-hover: #fa5252;--success: #51cf66;--success-bg: #1a3a2a;--warning: #ffd43b;--shadow: rgba(0,0,0,.3);--shadow-md: rgba(0,0,0,.4);--scrollbar-track: #1a1a2e;--scrollbar-thumb: #4a4a6a;--scrollbar-thumb-hover: #6a6a8a;--input-bg: #1a2744;--input-disabled-bg: #16213e;--chip-bg: #1a2744;--chip-text: #4dabf7;--chip-border: #2a3a5a;--nav-border: #2a3a5a;--nav-link: #aaa;--nav-text: #8899aa;--btn-icon-bg: #1a2744;--btn-icon-hover: #2a3a5a;--modal-bg: rgba(0, 0, 0, .7);--error-bg: #3a1a1a;--error-text: #ff6b6b;--comparison-up-bg: #3a1a1a;--comparison-up-text: #ff6b6b;--comparison-down-bg: #1a3a2a;--comparison-down-text: #51cf66;--comparison-same-bg: #2a2a4a;--comparison-same-text: #8899aa;--budget-bar-bg: #2a2a4a;--ai-usage-bg: #1a3a2a;--ai-usage-limit-bg: #3a1a1a;--toast-success-bg: #1a3a2a;--toast-success-text: #86efac;--toast-error-bg: #3a1a1a;--toast-error-text: #fca5a5;--toast-info-bg: #1a2744;--toast-info-text: #93c5fd}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-size:16px;transition:background .3s,color .3s}@media(max-width:768px){body{font-size:17px;padding-bottom:64px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}button,.btn{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:1rem;transition:opacity .2s,background .2s}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-size:16px;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);transition:background .3s,color .3s,border-color .3s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}