:root{--brand-red: #CC0000;--brand-red-dark: #a80000;--brand-red-light: #f44336;--brand-yellow: #FFCB05;--brand-yellow-dark: #e6b300;--brand-blue: #3B82F6;--brand-blue-dark: #2563EB;--brand-green: #22C55E;--brand-green-dark: #16A34A;--primary-color: var(--brand-blue);--primary-dark: var(--brand-blue-dark);--secondary-color: #94a3b8;--accent-color: var(--brand-yellow);--accent-dark: var(--brand-yellow-dark);--header-bg: var(--brand-red);--success-color: var(--brand-green);--danger-color: #ef4444;--warning-color: #f59e0b;--bg-color: #f1f5f9;--bg-secondary: #e2e8f0;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .06);--text-color: #1e293b;--text-muted: #64748b;--text-light: #94a3b8;--border-radius: 10px;--border-radius-lg: 16px;--container-max-width: 1400px;--header-height: 70px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12), 0 4px 10px rgba(0, 0, 0, .06);--shadow-red: 0 4px 15px rgba(204, 0, 0, .25);--transition-fast: all .15s ease;--transition-normal: all .25s ease;--transition-bounce: all .3s cubic-bezier(.34, 1.56, .64, 1)}.dark{--bg-color: #0f172a;--bg-secondary: #1e293b;--card-bg: #1e293b;--card-border: rgba(255, 255, 255, .1);--text-color: #f1f5f9;--text-muted: #94a3b8;--text-light: #64748b;--primary-color: #60a5fa;--header-bg: #1e1b4b;--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4)}body{background-color:var(--bg-color);margin:0;font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);line-height:1.6;overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-red{color:var(--brand-red)}.text-yellow{color:var(--brand-yellow)}.text-blue{color:var(--brand-blue)}.fw-800{font-weight:800}.btn{padding:10px 20px;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#27ae60}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-outline{background-color:transparent;border:1px solid var(--secondary-color);color:var(--text-color)}.btn-outline:hover{background-color:#eaeaea}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-color)}.form-control{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a}.card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;padding:20px}.loader-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--border-radius)}.spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.container,.home-container,.pokedex-container,.wanted-container,.trade-container{padding:10px!important}table{display:block;overflow-x:auto;white-space:nowrap}.pokemon-table th:nth-child(1),.pokemon-table td:nth-child(1){position:sticky;left:0;background:#fff;z-index:10;min-width:60px;max-width:60px;border-right:1px solid #eee}.pokemon-table tr:hover td:nth-child(1){background-color:#f9f9f9}.pokemon-table th:nth-child(2),.pokemon-table td:nth-child(2){position:sticky;left:60px;background:#fff;z-index:10;min-width:100px;max-width:120px;border-right:2px solid #ddd}.pokemon-table tr:hover td:nth-child(2){background-color:#f9f9f9}.card{margin-bottom:10px}}