*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f7fa;min-height:100vh;padding:20px 24px;color:#2c3e50;transition:background-color .3s ease,color .3s ease}body.dark-mode{background:#1a1d23;color:#e4e6eb}.app{max-width:900px;margin:0 auto;padding:20px 16px 0}.header{margin-bottom:20px;padding:16px;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;transition:background-color .3s ease,box-shadow .3s ease}.dark-mode .header{background:#242830;box-shadow:0 2px 6px #0003}.instagram-link{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin-top:8px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;text-decoration:none;border-radius:16px;font-size:.75rem;font-weight:600;transition:all .3s ease}.instagram-link:hover{transform:translateY(-1px);box-shadow:0 3px 10px #bc18884d}.instagram-link svg{flex-shrink:0}.instagram-link span{white-space:nowrap}.header-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.header-content>div{text-align:center;flex:1}.header h1{font-size:1.5rem;margin-bottom:4px;color:#2c3e50;font-weight:700;transition:color .3s ease}.dark-mode .header h1{color:#e4e6eb}.subtitle{font-size:.85rem;color:#7f8c8d;font-weight:500;transition:color .3s ease}.dark-mode .subtitle{color:#8b92a0}.theme-toggle{background:#f0f3f7;border:none;width:36px;height:36px;border-radius:50%;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.theme-toggle:hover{transform:scale(1.1);background:#e0e6ed}.dark-mode .theme-toggle{background:#2f3541}.dark-mode .theme-toggle:hover{background:#3a404d}.day-selector{background:#fff;border-radius:10px;padding:14px 16px;margin-bottom:16px;box-shadow:0 2px 6px #0000000f;transition:background-color .3s ease,box-shadow .3s ease;display:flex;align-items:center;gap:10px}.dark-mode .day-selector{background:#242830;box-shadow:0 2px 6px #0003}.day-selector label{font-size:.8rem;font-weight:600;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease;white-space:nowrap}.dark-mode .day-selector label{color:#e4e6eb}.day-select{flex:1;padding:8px 32px 8px 14px;font-size:.9rem;font-weight:600;border:2px solid #e0e6ed;border-radius:8px;background:#fff;color:#2c3e50;cursor:pointer;transition:all .2s ease;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235a6c7d' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.dark-mode .day-select{background-color:#2f3541;border-color:#3a404d;color:#e4e6eb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b0b7c3' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.day-select:hover{border-color:#3498db}.day-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.loading{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;color:#7f8c8d;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #00000014;transition:background-color .3s ease,color .3s ease}.dark-mode .loading{background:#242830;color:#8b92a0}.search-container{position:relative;margin-bottom:16px}.search-input{width:100%;padding:10px 40px 10px 14px;font-size:.9rem;border:2px solid #e0e6ed;border-radius:8px;background:#fff;outline:none;transition:all .2s ease;color:#2c3e50}.dark-mode .search-input{background:#242830;border-color:#3a404d;color:#e4e6eb}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.search-input::placeholder{color:#95a5a6}.dark-mode .search-input::placeholder{color:#6b7280}.clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.3rem;color:#95a5a6;cursor:pointer;padding:5px 8px;transition:color .2s}.clear-btn:hover{color:#7f8c8d}.no-results{text-align:center;padding:40px;background:#fff;border-radius:12px;color:#7f8c8d;box-shadow:0 2px 8px #00000014;transition:background-color .3s ease,color .3s ease}.dark-mode .no-results{background:#242830;color:#8b92a0}.podium-container{margin-bottom:20px}.podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;padding:20px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;transition:background-color .3s ease}.dark-mode .podium{background:#242830}.podium-place{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.podium-place.first{order:2}.podium-place.second{order:1}.podium-place.third{order:3}.podium-avatar{width:55px;height:55px;border-radius:50%;overflow:hidden;border:2px solid #e0e6ed;background:#f5f7fa;transition:border-color .3s ease}.podium-place.first .podium-avatar{width:70px;height:70px;border-color:#f1c40f;border-width:3px}.dark-mode .podium-avatar{border-color:#3a404d;background:#2f3541}.dark-mode .podium-place.first .podium-avatar{border-color:#f1c40f}.podium-avatar img{width:100%;height:100%;object-fit:cover}.podium-medal{font-size:1.8rem;margin-top:-8px}.podium-place.first .podium-medal{font-size:2.2rem}.podium-name{font-size:.75rem;font-weight:600;color:#2c3e50;text-align:center;max-width:90px;word-break:break-word;line-height:1.2;transition:color .3s ease}.dark-mode .podium-name{color:#e4e6eb}.podium-time{font-size:.75rem;font-weight:600;color:#3498db;transition:color .3s ease}.podium-stand{margin-top:6px;padding:20px 28px 14px;background:linear-gradient(to bottom,#e0e6ed,#c8d0d8);border-radius:6px 6px 0 0;font-size:1.2rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.podium-place.first .podium-stand{padding:35px 28px 14px;background:linear-gradient(to bottom,#f1c40f,#d4a017)}.podium-place.second .podium-stand{padding:28px 28px 14px;background:linear-gradient(to bottom,#bdc3c7,#95a5a6)}.podium-place.third .podium-stand{padding:20px 28px 14px;background:linear-gradient(to bottom,#cd7f32,#b87333)}.leaderboard{display:flex;flex-direction:column;gap:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:14px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;transition:background-color .3s ease}.dark-mode .pagination{background:#242830}.pagination-btn{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.pagination-btn:disabled{background:#e0e6ed;color:#95a5a6;cursor:not-allowed}.dark-mode .pagination-btn:disabled{background:#2f3541;color:#6b7280}.pagination-info{font-size:.85rem;font-weight:600;color:#2c3e50;transition:color .3s ease}.dark-mode .pagination-info{color:#e4e6eb}.racer-card{background:#fff;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;border:1px solid #f0f3f7}.dark-mode .racer-card{background:#242830;border-color:#2f3541;box-shadow:0 2px 6px #0003}.racer-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#e0e6ed}.dark-mode .racer-card:hover{box-shadow:0 4px 12px #0000004d;border-color:#3a404d}.racer-card.dnf{opacity:.5;background:#fafbfc}.dark-mode .racer-card.dnf{background:#1e2127}.rank{min-width:40px;text-align:center}.medal{font-size:1.5rem}.rank-number{font-size:1.1rem;font-weight:700;color:#7f8c8d;transition:color .3s ease}.dark-mode .rank-number{color:#8b92a0}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #e0e6ed;flex-shrink:0;background:#f5f7fa;transition:border-color .3s ease,background-color .3s ease}.dark-mode .avatar{border-color:#3a404d;background:#2f3541}.avatar img{width:100%;height:100%;object-fit:cover}.info{flex:1;min-width:0}.name{font-size:.9rem;font-weight:600;color:#2c3e50;margin-bottom:4px;word-break:break-word;line-height:1.3;transition:color .3s ease}.dark-mode .name{color:#e4e6eb}.stats{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#7f8c8d;transition:color .3s ease}.dark-mode .stats{color:#8b92a0}.status{padding:2px 8px;border-radius:5px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status.completed{background:#d4edda;color:#155724}.status.dnf-status{background:#f8d7da;color:#721c24}.separator{color:#d0d7de}.time{font-weight:600;color:#3498db}.lap{color:#95a5a6;font-weight:500}@media(max-width:768px){body{padding:12px 16px}.app{padding:12px 12px 0}.header{padding:14px 12px;margin-bottom:18px}.instagram-link{font-size:.72rem;padding:4px 10px;gap:5px;margin-top:6px}.instagram-link svg{width:15px;height:15px}.header-content{gap:14px}.header h1{font-size:1.3rem}.subtitle{font-size:.8rem}.theme-toggle{width:32px;height:32px;font-size:1rem}.day-selector{padding:14px;margin-bottom:14px;flex-direction:column;align-items:stretch;gap:10px}.day-selector label{font-size:.75rem}.day-select{padding:9px 12px;font-size:.85rem}.search-container{margin-bottom:14px}.search-input{padding:10px 38px 10px 14px;font-size:.85rem}.clear-btn{font-size:1.1rem;right:10px}.podium-container{margin-bottom:18px}.podium{gap:10px;padding:18px 12px}.podium-avatar{width:45px;height:45px;border-width:2px}.podium-place.first .podium-avatar{width:55px;height:55px}.podium-medal{font-size:1.5rem;margin-top:-6px}.podium-place.first .podium-medal{font-size:1.8rem}.podium-name{font-size:.7rem;max-width:70px}.podium-time{font-size:.7rem}.podium-stand{padding:16px 20px 12px;font-size:1rem}.podium-place.first .podium-stand{padding:28px 20px 12px}.podium-place.second .podium-stand{padding:22px 20px 12px}.podium-place.third .podium-stand{padding:16px 20px 12px}.leaderboard{gap:8px}.racer-card{padding:11px 13px;gap:11px}.rank{min-width:35px}.rank-number{font-size:1rem}.avatar{width:36px;height:36px}.name{font-size:.85rem;margin-bottom:5px}.stats{font-size:.75rem;gap:6px}.status{padding:2px 7px;font-size:.7rem}.time{font-size:.75rem}.pagination{gap:14px;padding:14px;margin-top:18px}.pagination-btn{padding:8px 15px;font-size:.8rem}.pagination-info{font-size:.8rem}.no-results{padding:28px;font-size:.85rem}}@media(max-width:480px){body{padding:10px 14px}.app{padding:10px 8px 0}.header{padding:12px 10px;margin-bottom:16px}.instagram-link{font-size:.7rem;padding:3px 9px;gap:4px;margin-top:6px}.instagram-link svg{width:14px;height:14px}.header h1{font-size:1.2rem}.subtitle{font-size:.75rem}.day-selector{padding:12px;margin-bottom:12px}.search-container{margin-bottom:12px}.podium-container{margin-bottom:16px}.podium{gap:8px;padding:14px 10px}.podium-avatar{width:40px;height:40px}.podium-place.first .podium-avatar{width:50px;height:50px}.podium-medal{font-size:1.3rem}.podium-place.first .podium-medal{font-size:1.6rem}.podium-name{font-size:.65rem;max-width:60px}.podium-time{font-size:.65rem}.podium-stand{padding:14px 16px 10px;font-size:.9rem}.podium-place.first .podium-stand{padding:24px 16px 10px}.podium-place.second .podium-stand{padding:19px 16px 10px}.podium-place.third .podium-stand{padding:14px 16px 10px}.leaderboard{gap:7px}.racer-card{padding:9px 11px;gap:9px}.rank{min-width:30px}.rank-number{font-size:.9rem}.avatar{width:32px;height:32px}.name{font-size:.8rem;margin-bottom:4px}.stats{font-size:.7rem;gap:5px}.status{padding:2px 6px;font-size:.65rem}.pagination{padding:12px;margin-top:16px;gap:12px}.pagination-btn{padding:7px 13px;font-size:.75rem}.pagination-info{font-size:.75rem}.no-results{padding:24px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:6px}.dark-mode .skeleton{background:linear-gradient(90deg,#2a2e35,#33373e,#2a2e35);background-size:1000px 100%}.skeleton-card{opacity:.7}.skeleton-search{width:100%;height:38px;border-radius:8px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-rank{width:30px;height:20px;margin:0 auto}.skeleton-name{width:60%;height:16px;margin-bottom:6px}.skeleton-stats{width:40%;height:14px}.skeleton-podium-avatar{width:55px;height:55px;border-radius:50%}.skeleton-podium-avatar-large{width:70px;height:70px;border-radius:50%}.skeleton-podium-text{width:70px;height:12px;margin:4px 0}.skeleton-podium-text-small{width:50px;height:10px;margin:2px 0}.skeleton-stand{opacity:.5}.podium-container{animation:fadeIn .5s ease-in}.leaderboard{animation:fadeIn .4s ease-in}.racer-card{animation:fadeIn .3s ease-in;animation-fill-mode:both}.racer-card:nth-child(1){animation-delay:.05s}.racer-card:nth-child(2){animation-delay:.1s}.racer-card:nth-child(3){animation-delay:.15s}.racer-card:nth-child(4){animation-delay:.2s}.racer-card:nth-child(5){animation-delay:.25s}.racer-card:nth-child(6){animation-delay:.3s}.racer-card:nth-child(7){animation-delay:.35s}.racer-card:nth-child(8){animation-delay:.4s}.racer-card:nth-child(9){animation-delay:.45s}.racer-card:nth-child(10){animation-delay:.5s}.admin-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem}.admin-login{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-card h2{margin:0 0 1.5rem;text-align:center;color:#333}.login-card form{display:flex;flex-direction:column;gap:1rem}.login-card input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.login-card input:focus{outline:none;border-color:#667eea}.login-card button{padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.login-card button:hover{transform:translateY(-2px)}.admin-panel{min-height:100vh;background:#f5f5f5}.admin-header{background:#fff;padding:1rem 2rem;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center}.admin-header h1{margin:0;font-size:1.5rem}.admin-actions{display:flex;align-items:center;gap:1rem}.btn-logout{padding:.5rem 1rem;background:#ff4757;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.admin-content{display:flex;min-height:calc(100vh - 70px)}.admin-sidebar{width:250px;background:#fff;padding:1.5rem;box-shadow:2px 0 8px #0000000d}.sidebar-section{margin-bottom:2rem}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sidebar-header h3{margin:0;font-size:1.1rem}.btn-add{padding:.4rem .8rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500}.days-list{display:flex;flex-direction:column;gap:.5rem}.day-item{padding:.75rem;background:#f5f5f5;border:2px solid transparent;border-radius:8px;cursor:pointer;text-align:left;font-weight:500;transition:all .2s}.day-item:hover{background:#e8e8e8}.day-item.active{background:#667eea;color:#fff;border-color:#667eea}.admin-main{flex:1;padding:2rem}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.main-header h2{margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 40px #0000004d}.modal-content h3{margin:0 0 1.5rem}.modal-content form{display:flex;flex-direction:column;gap:1rem}.modal-content input,.modal-content select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.modal-content input:focus,.modal-content select:focus{outline:none;border-color:#667eea}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.modal-actions button{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.modal-actions button[type=button]{background:#e0e0e0;color:#333}.btn-primary{background:#667eea!important;color:#fff!important}.racers-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.racers-table table{width:100%;border-collapse:collapse}.racers-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0}.racers-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.racers-table tr:hover{background:#f8f9fa}.rank-input{width:60px;padding:.4rem;border:2px solid #e0e0e0;border-radius:6px;text-align:center}.status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;background:#4caf50;color:#fff}.status-badge.dnf{background:#ff4757}.btn-delete{padding:.4rem .8rem;background:#ff4757;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-delete:hover{background:#e63946}@media(max-width:768px){.admin-content{flex-direction:column}.admin-sidebar{width:100%}.racers-table{overflow-x:auto}}.btn-import{padding:.5rem 1rem;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;margin-right:1rem}.btn-import:hover{background:#45a049}.modal-large{max-width:600px}.modal-description{color:#666;margin-bottom:1.5rem;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group small{display:block;margin-top:.5rem;color:#666;font-size:.85rem}.import-info{background:#f0f7ff;border:1px solid #b3d9ff;border-radius:8px;padding:1rem;margin:1rem 0}.import-info h4{margin:0 0 .5rem;color:#06c;font-size:.95rem}.import-info ul{margin:0;padding-left:1.5rem}.import-info li{margin:.3rem 0;color:#555;font-size:.9rem}.import-progress{text-align:center;padding:2rem 0}.progress-bar{width:100%;height:30px;background:#e0e0e0;border-radius:15px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.progress-text{font-size:1.1rem;font-weight:600;color:#333;margin:.5rem 0}.progress-count{font-size:.9rem;color:#666;margin:0}input[type=file]{padding:.5rem;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;background:#fafafa}input[type=file]:hover{border-color:#667eea;background:#f5f5ff}body{margin:0;padding:0}