*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f8f9fa;color:#1a1a1a;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.login-container{width:100%;max-width:420px;padding:clamp(24px,5vw,48px);margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e5e7eb}@media (max-width:640px){.login-container{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}}.form-group{margin-bottom:24px}label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease;background-color:#fff;color:#1a1a1a}input:focus{outline:none;border-color:#e63946;box-shadow:0 0 0 3px rgba(230,57,70,.1)}input:hover{border-color:#9ca3af}select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;background-color:#fff;color:#1a1a1a;transition:all .2s ease}select:focus{outline:none;border-color:#e63946;box-shadow:0 0 0 3px rgba(230,57,70,.1)}input[type=time]{color-scheme:light}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(28%) sepia(87%) saturate(1911%) hue-rotate(336deg) brightness(91%) contrast(91%);cursor:pointer}input[type=time]::-webkit-datetime-edit-hour-field:focus,input[type=time]::-webkit-datetime-edit-minute-field:focus{background-color:#e63946;color:#fff;border-radius:2px}textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;background-color:#fff;color:#1a1a1a;transition:all .2s ease;resize:vertical;min-height:100px}textarea:focus{outline:none;border-color:#e63946;box-shadow:0 0 0 3px rgba(230,57,70,.1)}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit}button:disabled{cursor:not-allowed}form button:not([type]),form button[type=submit]{width:100%;padding:14px 24px;background:#e63946;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(230,57,70,.2)}form button:not([type]):hover,form button[type=submit]:hover{background:#d32f3e;box-shadow:0 4px 8px rgba(230,57,70,.3)}form button:not([type]):disabled,form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}button.secondary{padding:12px 20px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.05)}button.secondary:hover{background:#f9fafb;border-color:#9ca3af}.error{color:#dc2626;margin-top:10px;background-color:#fef2f2;padding:12px 16px;border-radius:8px;border:1px solid #fecaca;font-size:14px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.video-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.08);transition:all .2s ease;border:1px solid #e5e7eb;overflow:hidden;cursor:pointer}.video-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.12);border-color:#d1d5db}.video-thumbnail{width:100%;height:160px;object-fit:cover;background:#1a1a1a;position:relative;display:flex;align-items:center;justify-content:center}.video-content{padding:14px}.video-card h3,.video-card p{margin-bottom:10px}.video-card p{color:#666}video{max-width:100%}video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-timeline{display:none!important}video::-webkit-media-controls-playback-rate-button,video::-webkit-media-controls-time-remaining-display{display:none!important}.progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#e63946,#d32f3e);transition:width .3s ease}.progress-text{font-size:14px;color:#666;margin-top:5px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:20px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1);max-width:100%}@media (max-width:768px){.table-container{margin-top:12px;border-radius:8px}td,th{padding:12px 10px;font-size:14px}th{font-size:12px;white-space:nowrap}}.table-container table{margin-top:0;border:none;border-radius:0;box-shadow:none}table{width:100%;background:#fff;border-collapse:collapse;margin-top:20px;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb}td,th{padding:16px;text-align:left;border-bottom:1px solid #e5e7eb}th{background:#fafafa;color:#374151;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}tr:hover{background-color:#f9fafb}tr:last-child td{border-bottom:none}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.sonner-toast{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e5e7eb;background-color:#fff;color:#374151}.sonner-toast[data-type=error],.sonner-toast[data-type=info],.sonner-toast[data-type=success],.sonner-toast[data-type=warning]{background-color:#fff;border-color:#e5e7eb;color:#374151}.sonner-toast-close-button{width:auto;background:transparent;border:none;padding:0;box-shadow:none;margin-top:0;color:#6b7280;transition:color .15s ease}.sonner-toast-close-button:hover{color:#1a1a1a;background:transparent;box-shadow:none;transform:none}