:root{--primary: #005EC1;--primary-dark: #004B9A;--secondary: #35917B;--secondary-dark: #2A7462;--accent: #2F0475;--accent-blue: #295E80;--accent-orange: #D06219;--accent-purple: #5F3899;--accent-pink: #9D2E75;--accent-brown: #664432;--success: #2B854C;--warning: #DA9A30;--danger: #B00300;--info: #0357B0;--neutral-00: #FFFFFF;--neutral-01: #F6F7F8;--neutral-02: #EAEEF3;--neutral-03: #D5D8DD;--neutral-04: #C1C6CE;--neutral-05: #9BA1AB;--neutral-06: #585E66;--neutral-07: #393D43;--neutral-08: #1D1E21;--neutral-09: #080808;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--font-sans: "Open Sans", sans-serif;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 20px;--font-xl: 28px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-light: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .1);--shadow-heavy: 0 10px 20px rgba(0, 0, 0, .2);--bg-white: var(--neutral-00);--bg-default: var(--neutral-00);--bg-content: var(--neutral-01);--text-light: var(--neutral-06);--text-primary: var(--neutral-09);--border-default: var(--neutral-03)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-content);color:var(--text-primary);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--font-bold);line-height:var(--line-height-tight)}a{color:var(--primary);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.cursor-pointer{cursor:pointer}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.fixed{position:fixed}.bg-black{background-color:#000}.text-white{color:#fff}.opacity-10{opacity:.1}.opacity-80{opacity:.8}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.aspect-video{aspect-ratio:16 / 9}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius-lg)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-colors{transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.bg-black\/90{background-color:#000000e6}.max-w-6xl{max-width:72rem}.max-w-3xl{max-width:48rem}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.animate-in{animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.fade-in{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.group:hover .group-hover\:opacity-20{opacity:.2}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.sm\:p-8{padding:2rem}@media(max-width:640px){.sm\:p-8{padding:1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);min-height:36px;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--font-bold);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.btn-disabled{background-color:var(--neutral-04)!important;color:var(--neutral-05)!important;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--bg-white)}.btn-primary:not(.btn-disabled):hover{background-color:var(--primary-dark)}.btn-danger{background-color:var(--primary);color:var(--bg-white)}.btn-danger:not(.btn-disabled):hover{background-color:var(--primary-dark)}.btn-text{background-color:var(--primary);color:var(--bg-white)}.btn-text:not(.btn-disabled):hover{background-color:var(--primary-dark)}.btn-text:not(.btn-disabled):active{background-color:var(--primary-dark)}.btn-text-primary{background-color:var(--primary);color:var(--bg-white)}.btn-text-primary:not(.btn-disabled):hover{background-color:var(--primary-dark)}.btn-text-primary:not(.btn-disabled):active{background-color:var(--primary-dark)}.btn-text-danger{background-color:var(--primary);color:var(--bg-white)}.btn-text-danger:not(.btn-disabled):hover{background-color:var(--primary-dark)}.btn-text-danger:not(.btn-disabled):active{background-color:var(--primary-dark)}.btn-sm{font-size:var(--font-md);padding:var(--spacing-1) var(--spacing-3)}.btn-md{font-size:var(--font-md);padding:var(--spacing-3) var(--spacing-5)}.btn-lg{font-size:var(--font-lg);padding:var(--spacing-5) var(--spacing-10)}.btn-icon{display:flex;align-items:center}.input-container{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.input-label{font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-medium);line-height:var(--line-height-normal);color:var(--text-primary)}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-field{width:100%;font-family:var(--font-sans);font-size:var(--font-md);font-weight:var(--font-normal);line-height:var(--line-height-normal);border-radius:var(--radius-sm);border:1px solid var(--border-default);background-color:var(--bg-white);color:var(--text-primary);padding:var(--spacing-3);transition:all .2s ease;outline:none}.input-field::placeholder{color:var(--text-light)}.input-field:hover:not(:disabled){border-color:var(--text-primary)}.input-field:focus:not(:disabled){border-color:var(--primary);outline:2px solid var(--primary);outline-offset:-2px}.input-error{border-color:var(--danger)!important;color:var(--danger)}.input-error:focus:not(:disabled){outline-color:var(--danger)}.input-disabled{background-color:var(--neutral-04);color:var(--neutral-05);cursor:not-allowed}.has-left-icon{padding-left:calc(var(--spacing-3) * 2 + 20px)}.has-right-icon{padding-right:calc(var(--spacing-3) * 2 + 20px)}.input-icon-left,.input-icon-right{position:absolute;color:var(--text-light);display:flex;align-items:center;pointer-events:none}.input-icon-left{left:var(--spacing-3)}.input-icon-right{right:var(--spacing-3)}.input-password-toggle{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;color:var(--text-light);transition:color .2s ease;line-height:0;pointer-events:auto}.input-password-toggle:hover:not(:disabled){color:var(--text-primary)}.input-password-toggle:disabled{cursor:not-allowed;opacity:.5}.input-error-message{font-family:var(--font-sans);font-size:var(--font-xs);color:var(--danger);margin-top:var(--spacing-1)}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-content);padding:var(--spacing-4);background:radial-gradient(circle at top right,var(--neutral-02) 0%,var(--bg-content) 100%)}.login-card{position:relative;width:100%;max-width:440px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-heavy);padding:var(--spacing-10) var(--spacing-8);overflow:hidden;animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.login-decoration-circle-1{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent-purple) 100%);opacity:.1;pointer-events:none}.login-decoration-circle-2{position:absolute;bottom:-60px;left:-40px;width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--primary-dark) 100%);opacity:.08;pointer-events:none}.login-content{position:relative;z-index:1}.login-header{text-align:center;margin-bottom:var(--spacing-8)}.login-title{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--spacing-2)}.login-subtitle{font-size:var(--font-sm);color:var(--text-light)}.login-form{display:flex;flex-direction:column}.login-error-alert{background-color:#b003001a;color:var(--danger);padding:var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--font-sm);text-align:center;border-left:3px solid var(--danger)}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-content)}.dashboard-header{background-color:var(--bg-white);box-shadow:var(--shadow-light);padding:var(--spacing-4) 0;position:sticky;top:0;z-index:10}.brand-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent-purple) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-medium)}.brand-text{font-size:var(--font-lg);font-weight:var(--font-bold);letter-spacing:-.02em}.user-profile .avatar{width:40px;height:40px;border-radius:50%;background-color:var(--accent-blue);color:var(--bg-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--font-md);cursor:pointer;box-shadow:var(--shadow-light);transition:transform .2s ease}.user-profile .avatar:hover{transform:scale(1.05)}.dashboard-hero{margin-bottom:var(--spacing-8)}.hero-title{font-size:36px;color:var(--text-primary);margin-bottom:var(--spacing-2)}.hero-subtitle{font-size:var(--font-md);color:var(--text-light)}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.min-w-0{min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.items-start{align-items:flex-start}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mt-6{margin-top:var(--spacing-6)}.p-4{padding:var(--spacing-4)}.text-lg{font-size:var(--font-lg)}.text-sm{font-size:var(--font-sm)}.text-xs{font-size:var(--font-xs)}.text-2xl{font-size:24px}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-text-primary{color:var(--text-primary)}.text-text-light{color:var(--text-light)}.text-neutral-04{color:var(--neutral-04)}.text-neutral-05{color:var(--neutral-05)}.text-primary{color:var(--primary)}.bg-white{background-color:var(--bg-white)}.bg-neutral-02{background-color:var(--neutral-02)}.bg-primary{background-color:var(--primary)}.hover\:bg-primary-dark:hover{background-color:var(--primary-dark)}.bg-primary\/10{background-color:#005ec11a}.bg-neutral-08\/50{background-color:#1d1e2180}.hover\:bg-neutral-08:hover{background-color:var(--neutral-08)}.rounded-full{border-radius:9999px}.w-12{width:3rem}.h-12{height:3rem}.border{border-width:1px;border-style:solid}.border-neutral-03{border-color:var(--neutral-03)}.hover\:border-primary:hover{border-color:var(--primary)}.shadow-light{box-shadow:var(--shadow-light)}.hover\:shadow-medium:hover{box-shadow:var(--shadow-medium)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-left{text-align:left}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.max-w-4xl{max-width:56rem}@media(min-width:640px){.sm\:items-center{align-items:center}.hidden.sm\:block{display:block}}.hidden{display:none}.text-danger{color:var(--danger)}.bg-transparent{background-color:transparent}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:shadow-md:hover{box-shadow:var(--shadow-medium)}.hover\:bg-primary\/10:hover{background-color:#005ec11a}.hover\:bg-danger\/10:hover{background-color:#b003001a}.duration-200{transition-duration:.2s}@media(max-width:768px){.hero-title{font-size:28px}.hero-subtitle{font-size:var(--font-sm)}.dashboard-hero{text-align:center;margin-bottom:var(--spacing-6)}.video-grid{grid-template-columns:1fr;gap:var(--spacing-4)}}.modal-overlay{position:fixed;inset:0;z-index:50;background-color:#0009;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease both}.modal-card{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:520px;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--neutral-02);flex-shrink:0}.modal-title{font-size:20px;font-weight:var(--font-bold);color:var(--text-primary)}.modal-close-btn{display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:#fff;border:none;border-radius:9999px;padding:4px;cursor:pointer;transition:opacity .2s ease;flex-shrink:0}.modal-close-btn:hover{opacity:.85}.modal-body{padding:28px 32px;overflow-y:auto;flex:1}.modal-form{display:flex;flex-direction:column;gap:24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:1px solid var(--neutral-02);background-color:var(--neutral-01);flex-shrink:0}.modal-progress-bar-wrapper{flex:1;display:flex;align-items:center;padding-right:16px}.modal-progress-bar-track{width:100%;background-color:var(--neutral-03);border-radius:9999px;height:8px;overflow:hidden}.modal-progress-bar-fill{background-color:var(--primary);height:8px;border-radius:9999px;transition:width .3s ease}.modal-progress-label{font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--primary);margin-left:12px}.admin-page{display:flex;flex-direction:column;gap:24px;width:100%;max-width:56rem;margin-left:auto;margin-right:auto;padding:0 32px}.admin-page-header{display:flex;flex-direction:column;gap:16px}@media(min-width:640px){.admin-page-header{flex-direction:row;align-items:center;justify-content:space-between}}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;background-color:var(--bg-white);border-radius:var(--radius-lg);border:2px dashed var(--neutral-03)}.empty-state-icon{color:var(--neutral-04);margin-bottom:16px}.empty-state-title{font-size:18px;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:8px}.empty-state-desc{font-size:var(--font-sm);color:var(--text-light)}