*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,sans-serif;background-color:#0f172a;color:#f1f5f9;min-height:100vh}.ranking-page{display:flex;justify-content:center;align-items:flex-start;padding:40px 20px}.ranking-container{width:100%;max-width:1200px;background:#1e293b;border-radius:16px;padding:40px;box-shadow:0 0 30px rgba(0,0,0,.3)}.ranking-title{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:700;margin-bottom:25px}.tab-buttons{display:flex;gap:10px;margin-bottom:20px}.tab-button{background:#475569;color:#fff;border:none;border-radius:999px;padding:8px 20px;font-weight:600;cursor:pointer;transition:.3s}.tab-button.active{background:#f8fafc;color:#0f172a}.tab-button:hover{background:#64748b}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.filters select{background:#0f172a;color:#f8fafc;border:1px solid #334155;padding:8px 12px;border-radius:6px;font-weight:500}.ranking-table{background:#0f172a;border-radius:12px;padding:24px}.ranking-table h2{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:600;color:#e2e8f0;margin-bottom:20px}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:600;color:#cbd5e1;border-bottom:1px solid #334155}td,th{padding:10px}td{color:#f8fafc;border-bottom:1px solid #1e293b}td.right{text-align:right}td.center{text-align:center;color:#94a3b8;padding:20px 0}tr:hover td{background-color:#1e293b}.driver{display:flex;align-items:center;gap:12px}.avatar{width:45px;height:45px;border-radius:50%;border:2px solid #334155;object-fit:cover}.driver .name{color:#f8fafc;text-decoration:none;font-weight:500;transition:color .2s}.driver .name:hover{color:#38bdf8}.loading{color:#cbd5e1}.error,.loading{text-align:center;padding:20px}.error{color:#f87171}.perfil-page{display:flex;justify-content:center;padding:40px 20px}.perfil-container{width:100%;max-width:1000px;background:#1e293b;border-radius:16px;padding:40px;box-shadow:0 0 30px rgba(0,0,0,.3)}.perfil-header{display:flex;align-items:center;gap:30px;border-bottom:1px solid #334155;padding-bottom:25px;margin-bottom:30px}.perfil-avatar{border-radius:50%;border:3px solid #334155;object-fit:cover}.perfil-nome{font-size:2rem;font-weight:700;color:#fff}.perfil-total{font-size:1rem;color:#94a3b8;margin-top:5px}.perfil-stats{display:flex;gap:20px;margin-top:8px;color:#f8fafc;font-weight:500}.perfil-conquistas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.perfil-conquistas h2{margin-bottom:8px;color:#f1f5f9}.perfil-conquistas ul{list-style:disc;margin-left:20px;color:#cbd5e1}.perfil-vazio{color:#94a3b8;font-size:.9rem}.perfil-viagens h2{color:#f1f5f9;margin-bottom:15px}.perfil-viagens table{font-size:.9rem}.perfil-viagens td,.perfil-viagens th{padding:10px;border-bottom:1px solid #334155;color:#f8fafc}.perfil-viagens tr:hover td{background-color:#0f172a}.perfil-cards{display:flex;justify-content:space-between;gap:1.5rem;margin-top:2rem;margin-bottom:2rem;flex-wrap:wrap}.perfil-card-dir,.perfil-card-esq{flex:1 1;background-color:#1e293b;border-radius:1rem;padding:1.5rem;color:#fff;box-shadow:0 0 12px rgba(0,0,0,.3)}.perfil-card-titulo{font-size:1.1rem;font-weight:700;margin-bottom:.8rem}.perfil-card-total{margin-top:.6rem;font-weight:700;font-size:1rem}.perfil-card-posicao{font-size:1.4rem;font-weight:700;color:#facc15;margin-top:.5rem}.perfil-viagens{margin-top:2rem;background-color:#1e293b;padding:1.5rem;border-radius:1rem;box-shadow:0 0 12px rgba(0,0,0,.3)}.perfil-viagens h2{color:#fff;font-weight:700;font-size:1.2rem;margin-bottom:1rem;border-bottom:1px solid #334155;padding-bottom:.5rem}.perfil-viagens table{width:100%;border-collapse:collapse;margin-top:.5rem}.perfil-viagens thead{background-color:#273449}.perfil-viagens th{text-align:left;padding:.75rem;color:#cbd5e1;font-weight:600;font-size:.9rem;border-bottom:2px solid #334155}.perfil-viagens tbody tr{border-bottom:1px solid #334155;transition:background .2s ease-in-out}.perfil-viagens tbody tr:hover{background-color:#2b3a50}.perfil-viagens td{padding:.7rem;color:#e2e8f0;font-size:.9rem}.perfil-viagens td:first-child,.perfil-viagens th:first-child{border-top-left-radius:8px}.perfil-viagens td:last-child,.perfil-viagens th:last-child{border-top-right-radius:8px}.perfil-viagens table{overflow-x:auto;display:block}