.variant-admin{max-width:1400px;margin:0 auto;padding:100px 20px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.admin-header{margin-bottom:40px}.admin-header h1{font-size:32px;font-weight:700;margin:0 0 10px;color:#1f2937}.admin-header .subtitle{font-size:16px;color:#6b7280;margin:0}.message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.message-success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.message-error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;text-align:center}.stat-card h3{font-size:36px;font-weight:700;margin:0 0 8px;color:#4f46e5}.stat-card h3.valid{color:#10b981}.stat-card h3.invalid{color:#ef4444}.stat-card p{font-size:14px;color:#6b7280;margin:0}.variants-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:30px}.variants-table table{width:100%;border-collapse:collapse}.variants-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.variants-table th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.variants-table td{padding:16px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#1f2937}.variants-table tr:last-child td{border-bottom:none}.variants-table tr.inactive{opacity:.6;background:#f9fafb}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.traffic-input{width:80px;padding:8px;border:2px solid #4F46E5;border-radius:6px;font-size:14px;text-align:center}.traffic-value{font-size:16px;font-weight:600;color:#4f46e5}.action-buttons{display:flex;gap:8px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;text-align:center}.btn-sm{padding:6px 12px;font-size:12px}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.traffic-summary{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px}.traffic-summary h3{font-size:18px;margin:0 0 16px;color:#1f2937}.progress-bar{display:flex;height:40px;background:#f3f4f6;border-radius:8px;overflow:hidden;margin-bottom:12px}.progress-segment{display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;transition:width .3s ease}.traffic-summary p{font-size:16px;font-weight:600;margin:0}.traffic-summary p.valid{color:#10b981}.traffic-summary p.invalid{color:#ef4444}.admin-footer{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-top:30px}.admin-footer .warning{margin:0;color:#92400e;font-size:14px}@media (max-width: 768px){.variant-admin{padding:80px 16px 40px}.variants-table{overflow-x:auto}.variants-table th,.variants-table td{padding:12px 8px;font-size:13px}.action-buttons{flex-direction:column}.admin-stats{grid-template-columns:1fr}.admin-header h1{font-size:24px}}