:root{--primary-color: #3498db;--primary-dark: #2980b9;--secondary-color: #95a5a6;--accent-color: #ffcb05;--accent-dark: #e6b800;--header-bg: #db2b2b;--success-color: #2ecc71;--danger-color: #e74c3c;--warning-color: #f1c40f;--bg-color: #f7f7f7;--card-bg: #ffffff;--text-color: #333333;--text-light: #7f8c8d;--border-radius: 8px;--container-max-width: 1400px;--header-height: 80px}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%}.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}}