@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--accent-blue-dark:#1e40af;--accent-blue-light:#60a5fa;--accent-indigo:#4f46e5;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--shadow-inner:inset 0 2px 4px 0 #0000004d;--text-5xl:3rem;--text-6xl:3.75rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--transition-none:none;--transition-all:all 150ms ease-in-out;--transition-default:color 150ms ease-in-out,background-color 150ms ease-in-out,border-color 150ms ease-in-out,text-decoration-color 150ms ease-in-out,fill 150ms ease-in-out,stroke 150ms ease-in-out,opacity 150ms ease-in-out,box-shadow 150ms ease-in-out,transform 150ms ease-in-out,filter 150ms ease-in-out,backdrop-filter 150ms ease-in-out;--transition-slow:all 300ms ease-in-out;--z-auto:auto;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar-track{border-radius:.375rem}::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:.375rem;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-transition:var(--transition-all);transition:var(--transition-all)}::-webkit-scrollbar-thumb:hover{background:#8b5cf699}:focus,[role=button]:focus,button:focus{outline:2px solid #3b82f6;outline:2px solid var(--accent-blue);outline-offset:2px}button{background:none;border:none;cursor:pointer;font-family:inherit}a{color:#06b6d4;color:var(--accent-cyan);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,fill .15s ease-in-out,stroke .15s ease-in-out,opacity .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out,filter .15s ease-in-out,-webkit-text-decoration-color .15s ease-in-out,-webkit-backdrop-filter .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,text-decoration-color .15s ease-in-out,fill .15s ease-in-out,stroke .15s ease-in-out,opacity .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out,filter .15s ease-in-out,backdrop-filter .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,text-decoration-color .15s ease-in-out,fill .15s ease-in-out,stroke .15s ease-in-out,opacity .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out,filter .15s ease-in-out,backdrop-filter .15s ease-in-out,-webkit-text-decoration-color .15s ease-in-out,-webkit-backdrop-filter .15s ease-in-out;transition:var(--transition-default)}a:hover{color:#3b82f6;color:var(--accent-blue);text-decoration:underline}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-hover:#475569;--text-primary:#fff;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--accent-purple:#3b82f6;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-pink:#60a5fa;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--surface-primary:#ffffff0d;--surface-secondary:#ffffff14;--surface-tertiary:#ffffff1f;--border-dark:#ffffff1a;--border-light:#ffffff26;--border-hover:#fff3;--primary-50:#0f172a;--primary-100:#1e293b;--primary-500:#3b82f6;--primary-600:#1e40af;--primary-700:#1e3a8a;--primary-900:#0f172a;--secondary-50:#334155;--secondary-100:#475569;--secondary-300:#cbd5e1;--secondary-500:#94a3b8;--secondary-600:#cbd5e1;--secondary-700:#e2e8f0;--secondary-800:#fff;--secondary-900:#fff;--accent-500:#3b82f6;--accent-600:#1e40af;--success-500:#10b981;--warning-500:#f59e0b;--error-500:#ef4444;--gradient-primary:linear-gradient(135deg,#3b82f6,#06b6d4);--gradient-secondary:linear-gradient(135deg,#1e293b,#334155);--gradient-card:linear-gradient(145deg,#1e293be6,#334155cc);--gradient-background:linear-gradient(135deg,#0f172a,#1e293b);--glass-background:#1e293b99;--glass-border:#8b5cf633;--glass-backdrop:blur(20px);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #00000080;--shadow-2xl:0 25px 50px -12px #000000b3;--shadow-glass:0 8px 32px #0006;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--transition-spring:300ms cubic-bezier(0.4,0,0.2,1);--danger-500:#ef4444;--danger-600:#dc2626;--success-600:#059669;--warning-600:#d97706;--error-600:#dc2626;--info-600:#0ea5e9}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-size:var(--text-base);line-height:1.6;position:relative}body:before{background:#0000;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4)}.btn{border-radius:1rem;border-radius:var(--radius-lg);font-size:.875rem;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;line-height:1;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-spring);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#3b82f6,#06b6d4);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;box-shadow:var(--shadow-lg);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);background:#ffffff14;background:var(--surface-secondary);border:1px solid #ffffff26;border:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#ffffff1f;background:var(--surface-tertiary);border-color:#fff3;border-color:var(--border-hover);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-group{margin-bottom:1.25rem}.form-label{color:#fff;font-size:.875rem;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:#ffffff14;background:var(--surface-secondary);border:1px solid #ffffff26;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8;color:var(--text-tertiary)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffff1f;background:var(--surface-tertiary);border-color:#3b82f6;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-textarea{min-height:120px;resize:vertical}.card{background:#ffffff14;background:var(--surface-secondary);border:1px solid #ffffff26;border:1px solid var(--border-light);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-glass);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-spring)}.card:hover{background:#ffffff1f;background:var(--surface-tertiary);border-color:#fff3;border-color:var(--border-hover);box-shadow:0 20px 25px -5px #0009,0 8px 10px -6px #00000080;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-body{padding:var(--space-6)}.table{background:#ffffff14;background:var(--surface-secondary);border:1px solid #ffffff26;border:1px solid var(--border-light);border-collapse:collapse;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-glass);overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-dark);padding:1rem;padding:var(--space-4);text-align:left}.table td,.table th{color:#fff;color:var(--text-primary)}.table th{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);font-size:.875rem;font-size:var(--text-sm);font-weight:700}.table tbody tr:hover{background:#ffffff1f;background:var(--surface-tertiary)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-slide-in{animation:slideInFromLeft .5s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.btn-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-glass:hover{background:#fff3;border-color:#ffffff4d}.status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:.75rem;border-radius:var(--radius-md);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.status-success{background:#10b98126;border-color:#10b9814d;color:#10b981}.status-warning{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b}.status-error{background:#ef444426;border-color:#ef44444d;color:#ef4444}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #667eea4d;border-radius:50%;border-top:3px solid var(--primary-500);display:inline-block;height:20px;width:20px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#334155;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#06b6d4);border-radius:.75rem;border-radius:var(--radius-md);-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out;-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1e40af,#0891b2);box-shadow:0 0 10px #3b82f64d}@media (max-width:1024px){.container{padding:0 .75rem;padding:0 var(--space-3)}}@media (max-width:768px){.container{padding:0 .5rem;padding:0 var(--space-2)}.text-4xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-3xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-2xl{font-size:1.25rem;font-size:var(--text-xl)}.card-body{padding:1rem;padding:var(--space-4)}.btn{padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}}@media (max-width:480px){.btn{font-size:.75rem;font-size:var(--text-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.form-input,.form-select,.form-textarea{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.table td,.table th{font-size:.875rem;font-size:var(--text-sm);padding:.5rem;padding:var(--space-2)}}.App{min-height:100vh}.main-content{padding-top:4.5rem}.focus-ring:focus{box-shadow:0 0 0 4px #667eea1a;outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--text-4xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#3b82f6;color:var(--accent-purple)}.text-secondary{color:#cbd5e1;color:var(--text-secondary)}.text-muted{color:#94a3b8;color:var(--text-tertiary)}.text-success{color:#10b981;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.text-error{color:#ef4444;color:var(--error)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-6{margin:1.5rem;margin:var(--space-6)}.m-8{margin:2rem;margin:var(--space-8)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.characters-container{height:100%;padding:var(--space-8);position:relative;width:100%}.character,.characters-container{align-items:center;display:flex;justify-content:center}.character{position:absolute}.character-body{align-items:center;display:flex;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4));flex-direction:column;justify-content:center;position:relative;transition:filter .3s ease-in-out}.character-body.is-dizzy{animation:float-character-dizzy .6s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(100,50,150,.3))}.character-1{bottom:15%;right:55%;z-index:4}.character-1 .semicircle{animation:float-character 3s ease-in-out infinite;background:linear-gradient(135deg,#ff8c42,#ff6b1a);border-radius:160px 160px 0 0;box-shadow:inset -5px -5px 15px #0003,inset 5px 5px 15px #ffffff4d;height:200px;position:relative;width:320px}.character-1 .semicircle .eyes-container{gap:45px;margin-bottom:5px;margin-top:8px}.character-1 .semicircle .eye{height:30px;width:30px}.character-1 .semicircle .pupil{height:14px;width:14px}.character-2{bottom:18%;left:10%;z-index:1}.character-2 .rectangle{animation:float-character 3.5s ease-in-out infinite;animation-delay:.5s;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:25px;box-shadow:inset -8px -8px 20px #00000040,inset 8px 8px 20px #ffffff26;height:360px;position:relative;width:200px}.character-2 .rectangle.large .eyes-container{gap:45px;margin-bottom:35px;margin-top:-90%}.character-2 .rectangle.large .eye{height:34px;width:34px}.character-2 .rectangle.large .pupil{height:16px;width:16px}.character-3{bottom:15%;left:35%;z-index:2}.character-3 .rectangle{animation:float-character 3.8s ease-in-out infinite;animation-delay:.3s;background:linear-gradient(135deg,#0e56ba,#0847cf);border-radius:12px;box-shadow:inset -4px -4px 12px #0006,inset 4px 4px 12px #ffffff1a;height:240px;position:relative;width:120px}.character-3 .rectangle.small .eyes-container{gap:20px;margin-bottom:12px;margin-top:-90%}.character-3 .rectangle.small .eye{height:18px;width:18px}.character-3 .rectangle.small .pupil{height:9px;width:9px}.character-4{bottom:15%;right:35%;z-index:3}.character-4 .cylinder{animation:float-character 3.8s ease-in-out infinite;background:linear-gradient(90deg,#fbbf24,#f59e0b 50%,#fbbf24);border-radius:64px 64px 16px 16px;box-shadow:inset -6px 0 15px #0003,inset 6px 0 15px #ffffff26,0 15px 35px #00000059;height:176px;position:relative;width:100px}.character-4 .cylinder .eyes-container{gap:32px;margin-bottom:28px;margin-top:30px}.character-4 .cylinder .eye{height:28px;width:28px}.character-4 .cylinder .pupil{height:13px;width:13px}.eyes-container{display:flex;gap:30px;margin-bottom:20px;position:relative;z-index:10}.eye{height:28px;width:28px}.eye,.eye-white{align-items:center;display:flex;justify-content:center}.eye-white{background:#fffffff2;box-shadow:0 3px 8px #00000040;height:100%;overflow:hidden;width:100%}.eye-white,.pupil{border-radius:50%;position:relative}.pupil{background:#1f2937;height:13px;transition:transform .05s ease-out;width:13px;z-index:2}.pupil-shine{background:#fffc;border-radius:50%;box-shadow:0 0 3px #fff9;height:5px;left:4px;position:absolute;top:2px;width:5px;z-index:3}.mouth{align-items:center;display:flex;height:35px;justify-content:center;position:relative;z-index:10}.mouth-svg{stroke-linecap:round;stroke-linejoin:round;color:#1f2937;height:35px;width:35px}.mouth-O{animation:surprise-animation .3s ease-out}.mouth-smile{animation:smile-animation .3s ease-out}.mouth-sad{animation:sad-animation .3s ease-out}.mouth-shy{animation:shy-animation .3s ease-out}.mouth-coolSmirk,.mouth-heartSmile{animation:smile-animation .3s ease-out}.mouth-confused{animation:confused-animation .3s ease-out}.mouth-bigSmile,.mouth-veryBigSmile{animation:laugh-animation .3s ease-out}.mouth-suspicious{animation:suspicious-animation .3s ease-out}@keyframes float-character{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-character-dizzy{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(0) rotate(-2deg)}75%{transform:translateY(-8px) rotate(1deg)}}@keyframes surprise-animation{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes smile-animation{0%{opacity:0}to{opacity:1}}@keyframes sad-animation{0%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes shy-animation{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes confused-animation{0%{transform:skewX(-5deg) translateY(-3px)}50%{transform:skewX(5deg) translateY(0)}to{transform:skewX(0) translateY(0)}}@keyframes laugh-animation{0%{transform:scale(.8) translateY(-5px)}50%{transform:scale(1.1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes suspicious-animation{0%{transform:skewY(3deg)}to{transform:skewY(0deg)}}.eye-cool,.eye-love{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.eye-cool,.sunglasses{position:relative}.sunglasses{border:2.5px solid;border-radius:50%;height:12px;width:20px}.sunglasses:after,.sunglasses:before{background:currentColor;content:"";height:8px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.sunglasses:before{left:-4px}.sunglasses:after{right:-4px}.eye-dizzy{align-items:center;display:flex;height:28px;justify-content:center;opacity:1;width:28px}.eye-dizzy .eye-special{animation:dizzy-spin .4s linear infinite;animation-delay:0s;animation-fill-mode:both}@keyframes dizzy-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.eye-dead{align-items:center;display:flex;height:28px;justify-content:center;opacity:.7;width:28px}.eye-special{color:currentColor;height:100%;width:100%}.sun{background:radial-gradient(circle at 40% 40%,#f3f4f6 0,#e5e7eb 50%,#d1d5db 100%);border-radius:50%;box-shadow:inset 60px 0 120px #141852f2,0 0 30px #c8c8c84d;height:128px;position:absolute;right:10%;top:5%;width:128px;z-index:0}@media (max-width:768px){.characters-container{display:none}}.login-page{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{inset:0;position:absolute;z-index:0}.background-shapes{height:100%;position:relative;width:100%}.shape{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f614;border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:300px;left:-5%;top:10%;width:300px}.shape-2{animation-delay:2s;height:200px;right:-10%;top:60%;width:200px}.shape-3{animation-delay:4s;height:150px;right:20%;top:30%;width:150px}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.login-wrapper{align-items:center;animation:fadeIn .8s ease-out;display:flex;gap:var(--space-12);justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-8);position:relative;width:100%;z-index:10}.characters-section{align-items:center;display:flex;flex:1 1;height:600px;justify-content:center}.login-container{animation:slideInFromRight .8s ease-out;flex:1 1;max-width:420px;width:100%}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8)}.login-header{margin-bottom:var(--space-8);text-align:center}.logo{display:flex;justify-content:center;margin-bottom:var(--space-4)}.login-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-2)}.login-subtitle{color:var(--text-secondary);font-size:var(--text-base);line-height:1.5}.login-form{margin-bottom:var(--space-6)}.error-message{animation:slideInFromLeft .3s ease-out;background:#ef444426;color:#ef4444;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.form-group{margin-bottom:var(--space-5)}.form-label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-tertiary);left:var(--space-3);z-index:1}.form-input{-webkit-appearance:none;appearance:none;background:var(--surface-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-8);text-indent:20px;transition:all var(--transition-fast);width:100%}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{background:var(--bg-tertiary);border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.form-input:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.password-toggle{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);position:absolute;right:var(--space-3);transition:all var(--transition-fast)}.password-toggle:hover:not(:disabled){background:var(--surface-tertiary);color:var(--text-secondary)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.checkbox-wrapper{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2)}.checkbox-wrapper input[type=checkbox]{margin:0;opacity:0;position:absolute;width:auto}.checkmark{background:var(--surface-tertiary);border:2px solid var(--border-light);border-radius:var(--radius-sm);height:18px;position:relative;transition:all var(--transition-fast);width:18px}.checkbox-wrapper input[type=checkbox]:checked+.checkmark{background:var(--accent-blue);border-color:var(--accent-blue)}.checkbox-wrapper input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-label{-webkit-user-select:none;user-select:none}.forgot-password{background:#0000;border:none;color:var(--accent-cyan);cursor:pointer;font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.forgot-password:hover{color:var(--accent-blue);text-decoration:underline}.login-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-4);transition:all var(--transition-fast);width:100%}.login-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);filter:brightness(1.1);transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.login-footer{border-top:1px solid var(--border-light);padding-top:var(--space-4);text-align:center}.login-footer p{color:var(--text-secondary);font-size:var(--text-sm)}.register-link{color:var(--accent-cyan);font-weight:600;margin-left:var(--space-1);text-decoration:none;transition:color var(--transition-fast)}.register-link:hover{color:var(--accent-blue);text-decoration:underline}@media (max-width:1024px){.login-wrapper{gap:var(--space-8);max-width:900px}.characters-section{display:none}.login-container{flex:1 1;max-width:100%}}@media (max-width:768px){.login-wrapper{gap:var(--space-6);padding:0 var(--space-4)}.characters-section{display:none}.login-card{padding:var(--space-6)}.login-title{font-size:var(--text-2xl)}.login-subtitle{font-size:var(--text-sm)}.shape-1,.shape-2,.shape-3{display:none}}@media (max-width:480px){.login-wrapper{padding:0 var(--space-2)}.login-card{padding:var(--space-4)}.characters-section{display:none}}@media (max-width:360px){.login-container{margin:0 var(--space-2)}.login-card{padding:var(--space-4)}}.dashboard{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:calc(100vh - 4.5rem);padding:2rem}.dashboard-header{margin-bottom:var(--space-10)}.welcome-section{border-bottom:1px solid #ffffff1a;margin-bottom:var(--space-8);padding-bottom:var(--space-6);text-align:left}.dashboard-title{color:#fff;font-size:var(--text-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-2)}.dashboard-subtitle{color:#ffffffb3;font-size:var(--text-lg);max-width:600px}.stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-8)}.stat-card{align-items:center;background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border:1px solid #3b82f64d;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d;gap:var(--space-4);transition:all var(--transition-normal)}.stat-card:hover{background:linear-gradient(135deg,#3b82f626,#06b6d426);border-color:#3b82f680;box-shadow:0 8px 30px #3b82f666;transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-number{color:#fff}.modules-section{margin-bottom:var(--space-12)}.section-header{margin-bottom:var(--space-8);text-align:left}.section-title{color:#fff;font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-2)}.section-subtitle{color:#ffffffb3;font-size:var(--text-base);max-width:500px}.modules-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.module-card{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);display:flex;flex-direction:column;min-height:420px;overflow:hidden;position:relative;transform:translateY(0);transition:all var(--transition-normal)}.module-card:before{background:linear-gradient(90deg,#3b82f6,#3b82f6,#06b6d4);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.module-card:hover:before{opacity:1}.module-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.module-card.completed{border-color:#10b981}.module-card.completed:before{background:linear-gradient(90deg,#10b981,#06b6d4);opacity:1}.module-thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;overflow:hidden;position:relative}.module-thumbnail,.thumbnail-placeholder{align-items:center;display:flex;justify-content:center}.thumbnail-placeholder{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:var(--radius-lg);color:#fff;flex-direction:column;gap:var(--space-2);height:100%;opacity:.95;width:100%}.thumbnail-placeholder svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:64px;width:64px}.thumbnail-placeholder span{font-size:var(--text-lg);font-weight:600;text-align:center}.thumbnail-image{transition:transform .4s ease}.progress-overlay{background:#ffffff1a;bottom:0;height:12px;left:0;margin-top:8px;padding:4px;position:absolute;right:0}.progress-bar{background:linear-gradient(90deg,var(--accent-blue) 0,var(--accent-cyan) 100%);border-radius:6px;transition:width var(--transition-slow)}.module-content{flex:1 1;padding:var(--space-6)}.module-title{color:var(--text-primary);font-size:var(--text-xl);line-height:1.3}.module-meta,.module-title{margin-bottom:var(--space-3)}.module-meta{font-size:var(--text-sm);justify-content:space-between}.lesson-count,.module-meta{color:var(--text-secondary)}.lesson-count{font-weight:600}.progress-text{color:var(--accent-blue);margin-top:10px}.module-actions{padding:0 var(--space-6) var(--space-6)}.module-progress-info{border-top:1px solid var(--border-dark);margin-top:var(--space-3);padding:var(--space-4) 0}.module-progress-info,.progress-circle-compact{align-items:center;display:flex;justify-content:center}.progress-circle-compact{height:56px;position:relative;width:56px}.progress-percentage{color:var(--accent-blue);font-size:.75rem;font-weight:700;position:absolute}.progress-percentage.completed{color:#10b981}.module-actions .btn{justify-content:center;width:100%}.view-lessons-btn{margin-top:var(--space-2);width:100%}.module-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d;margin-bottom:var(--space-8);padding:var(--space-6)}.module-info{margin-top:var(--space-4);text-align:center}.module-title{color:#fff;font-size:var(--text-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-4)}.module-meta{align-items:center;display:flex;gap:var(--space-6);justify-content:center;margin-bottom:var(--space-2)}.lesson-count{color:#ffffffb3;font-size:var(--text-base);font-weight:500}.progress-badge{align-items:center;display:flex;gap:var(--space-3)}.progress-text{color:#3b82f6;font-size:var(--text-sm);margin-top:0}.progress-text.completed{align-items:center;color:#10b981;display:inline-flex;gap:var(--space-1)}.lessons-container{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.lessons-container{display:flex;flex-direction:column;gap:var(--space-6)}}.lesson-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:100%;min-height:280px;overflow:hidden;transition:all var(--transition-normal)}.lesson-card:hover{border-color:#3b82f6;box-shadow:0 12px 35px #8b5cf633;transform:translateY(-4px)}.lesson-card.completed{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981}.lesson-header{border-bottom:1px solid #e2e8f0;gap:var(--space-4);padding:var(--space-6)}.lesson-header,.lesson-number{align-items:center;display:flex}.lesson-number{background:#f1f5f9;border-radius:50%;color:#475569;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.lesson-card.completed .lesson-number{background:#10b981;color:#fff}.lesson-info{flex:1 1}.lesson-title{color:#1e293b;font-size:var(--text-lg);font-weight:700;line-height:1.3;margin-bottom:var(--space-1)}.lesson-description{color:#64748b;font-size:var(--text-sm);line-height:1.5}.lesson-status{flex-shrink:0}.lesson-content{align-items:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:280px;padding:var(--space-6)}.lesson-content-wrapper{display:flex;flex-direction:column;gap:var(--space-4);height:100%}.video-section{align-items:center;display:flex;flex:1 1;justify-content:center}.video-thumbnail-wrapper{aspect-ratio:16/9;background:#000;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-fast);width:100%}.video-thumbnail-wrapper:hover{box-shadow:var(--shadow-md)}.video-thumbnail-img{display:block;height:100%;object-fit:cover;width:100%}.play-button-overlay{align-items:center;background:#0009;border-radius:50%;display:flex;justify-content:center;left:50%;padding:var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-fast)}.video-thumbnail-wrapper:hover .play-button-overlay{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.video-play-btn{background:#0000;border:none;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.pdf-section{align-items:center;background:var(--secondary-50);border:1px solid var(--secondary-200);border-radius:var(--radius-md);display:flex;justify-content:center;min-height:60px;padding:var(--space-3)}.pdf-section.pdf-only{flex:1 1;flex-direction:column;gap:var(--space-3);justify-content:center;min-height:200px}.pdf-icon{color:var(--primary-500)}.pdf-text{color:var(--secondary-600);font-size:var(--text-sm);font-weight:500;margin:0}.pdf-link-compact{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.pdf-link-compact:hover{background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-1px)}.lesson-placeholder-content{align-items:center;color:var(--secondary-500);display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);justify-content:center}.lesson-placeholder-content svg{color:var(--secondary-300)}.iframe-container{margin-bottom:var(--space-4)}.iframe-container:last-child{margin-bottom:0}.pdf-container{background:var(--secondary-50);border:1px solid var(--secondary-200);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-4)}.pdf-container h4{color:var(--secondary-900);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-2) 0}.pdf-link{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:background var(--transition-fast)}.pdf-link:hover{background:var(--primary-600)}.video-container{display:none}.lesson-placeholder{align-items:center;background:var(--secondary-100);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);justify-content:center;padding:var(--space-4)}.lesson-placeholder svg{color:var(--secondary-400);height:48px;width:48px}.lesson-placeholder span{color:var(--secondary-500);font-size:var(--text-base)}.pdf-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:9999}.pdf-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:90%;max-height:800px;max-width:1200px;width:90%}.pdf-modal-header{align-items:center;border-bottom:1px solid var(--secondary-200);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.pdf-modal-header h3{color:var(--secondary-900);font-size:var(--text-xl);font-weight:600;margin:0}.close-btn{background:none;border-radius:var(--radius-sm);color:var(--secondary-500);transition:color var(--transition-fast)}.close-btn:hover{color:var(--secondary-700)}.pdf-modal-content{flex:1 1;padding:var(--space-4)}.pdf-iframe{border-radius:var(--radius-md)}@media (max-width:768px){.pdf-modal{height:95%;width:95%}.pdf-modal-header{padding:var(--space-3) var(--space-4)}.pdf-modal-content{padding:var(--space-2)}}.video-modal-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:9999}.video-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:1200px;width:90%}.video-modal-header{align-items:center;border-bottom:1px solid var(--secondary-200);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.video-modal-header h3{color:var(--secondary-900);font-size:var(--text-xl);font-weight:600;margin:0}.video-modal-content{align-items:center;background:var(--secondary-900);border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex;flex:1 1;justify-content:center;padding:var(--space-4)}.video-iframe{border:none;border-radius:var(--radius-md);height:100%;max-height:600px;min-height:400px;width:100%}@media (max-width:768px){.video-modal{height:auto;width:95%}.video-modal-header{padding:var(--space-3) var(--space-4)}.video-modal-content{padding:var(--space-2)}.video-iframe{max-height:400px;min-height:250px}}.lesson-actions{border-top:1px solid var(--secondary-200);margin-top:var(--space-4);padding:0 var(--space-6) var(--space-6);padding-top:var(--space-4)}.lesson-actions .btn{justify-content:center;width:100%}.empty-state,.loading-state{padding:var(--space-16) var(--space-4)}@media (max-width:1024px){.modules-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.dashboard{padding:1rem}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.dashboard{padding:var(--space-4) 0}.dashboard-title{font-size:var(--text-3xl)}.module-title,.section-title{font-size:var(--text-2xl)}.modules-grid,.stats-grid{gap:var(--space-4);grid-template-columns:1fr}.module-meta{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.lesson-iframe{height:250px}}@media (max-width:480px){.lesson-actions,.lesson-content,.lesson-header,.module-content,.stat-card{padding:var(--space-4)}.lesson-header{flex-direction:column;gap:var(--space-3)}.lesson-header,.lesson-info{text-align:center}}.courses-view-wrapper{animation:fadeIn .6s ease-out}.hero-section{border-bottom:1px solid #ffffff1a;margin-bottom:4rem;padding-bottom:3rem}.hero-content{margin-bottom:2.5rem}.hero-title{color:#fff;font-size:2.75rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 .75rem}.hero-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-subtitle{color:#ffffffb3;font-size:1.125rem;line-height:1.6;margin:0;max-width:600px}.quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-item,.stat-item:hover{background:linear-gradient(135deg,#8b5cf626,#3b82f626)}.stat-item:hover{border-color:#8b5cf64d}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.stat-label{font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.courses-section{margin-bottom:4rem}.section-header-modern{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2.5rem}.section-title-modern{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .5rem}.section-description{color:#fff9;font-size:1rem;margin:0}.modules-grid-modern{grid-gap:2rem;animation:slideUp .6s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-card-container{transition:transform .3s ease,box-shadow .3s ease}.course-card-container:hover{transform:translateY(-8px)}.course-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:1.5rem;box-shadow:var(--shadow-glass);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.course-card:hover{background:var(--surface-tertiary);border-color:var(--border-hover);box-shadow:var(--shadow-xl)}.course-card-thumbnail{align-items:center;background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-cyan) 100%);display:flex;height:180px;justify-content:center;opacity:.2;overflow:hidden;position:relative;width:100%}.course-card-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.course-card-container:hover .course-card-thumbnail img{transform:scale(1.1)}.course-card-overlay{background:linear-gradient(180deg,#0000,#0003);height:100%;left:0;position:absolute;top:0;width:100%}.course-card-thumbnail-placeholder{background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-cyan) 100%);opacity:.15}.course-card-icon{align-items:center;color:var(--text-secondary);display:flex;justify-content:center}.course-card-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.course-card-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.4;margin:0}.course-card-description{color:var(--text-secondary);flex:1 1;font-size:.95rem;line-height:1.5;margin:0}.course-card-progress{align-items:center;display:flex;gap:1rem}.progress-bar-container{flex:1 1}.progress-bar-track{background:var(--surface-tertiary);border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4 50%,#06b6d4);border-radius:3px;height:100%;transition:width .5s ease}.progress-text{color:var(--accent-cyan);font-size:.85rem;font-weight:700;min-width:40px;text-align:right}.course-card-meta{border-top:1px solid var(--border-light);flex-wrap:wrap;font-size:.85rem;font-weight:500;gap:.5rem;padding-top:1rem}.course-card-meta,.course-meta-item{align-items:center;color:var(--text-secondary);display:flex}.course-meta-item{gap:.375rem}.course-meta-separator{color:var(--text-tertiary)}.course-card-actions{border-top:1px solid var(--border-light);display:flex;gap:.75rem;padding:1.5rem}.btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.btn-primary{box-shadow:0 4px 15px #3b82f64d;color:#fff;flex:1 1}.btn-primary,.btn-primary:hover{background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-cyan) 100%)}.btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.modules-grid-view-wrapper{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;height:100%}.modules-grid-header{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2rem;position:relative}.back-btn-icon,.modules-grid-header{align-items:center;justify-content:center}.back-btn-icon{background:#0000;border:1px solid #fff3;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:.5rem;left:0;line-height:1;padding:.625rem 1rem;position:absolute;top:0;transition:all .3s ease;white-space:nowrap}.back-btn-icon:hover{background:#ffffff1a;border-color:#fff6;transform:translateX(-2px)}.back-btn-icon:active{transform:translateX(0)}.back-btn-icon svg{flex-shrink:0;height:20px;width:20px}.modules-grid-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center;min-width:0;text-align:center}.modules-grid-title{color:#fff;font-size:2rem;font-weight:800;line-height:1.2;margin:0;word-break:break-word}.modules-grid-subtitle{color:#fff9;font-size:.95rem;line-height:1.5;margin:0}.modules-grid-count{align-self:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-top:.25rem;padding:.4rem 1rem;text-transform:uppercase}.modules-grid-content{flex:1 1;overflow-y:auto;padding-right:1rem}.modules-grid-content::-webkit-scrollbar{width:6px}.modules-grid-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modules-grid-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.modules-grid-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modules-grid-items{grid-gap:2rem;animation:slideUp .6s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:1024px){.modules-grid-header{align-items:center;flex-direction:column;gap:1.5rem;justify-content:center;margin-bottom:2rem}.back-btn-icon{left:0;position:absolute;top:0}.modules-grid-items{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.modules-grid-header{margin-bottom:1.5rem;padding-bottom:1.5rem}.modules-grid-title{font-size:1.5rem}.modules-grid-subtitle{font-size:.9rem}.modules-grid-items{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.modules-grid-header{gap:.75rem;padding-top:3rem}.back-btn-icon{font-size:.8rem;padding:.5rem .75rem}.back-btn-icon svg{height:16px;width:16px}.modules-grid-title{font-size:1.25rem}.modules-grid-count{font-size:.65rem;padding:.35rem .8rem}.modules-grid-items{gap:.75rem;grid-template-columns:1fr}}.module-detail-layout{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;height:100%}.module-detail-header{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}.module-detail-controls{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;width:100%}.back-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:.5rem;line-height:1;margin-top:0;padding:.5rem .75rem;transition:all .3s ease;white-space:nowrap}.back-btn,.detail-back-btn{align-self:center}.back-btn:hover{background:#ffffff1a;border-color:#fff6;transform:translateX(-2px)}.back-btn:active{transform:translateX(0)}.back-btn svg{flex-shrink:0}.module-detail-info{align-items:center;display:flex;flex-direction:column;gap:.1rem;justify-content:center;min-width:0;text-align:center;width:100%}.module-detail-title{color:#fff;font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 .5rem}.module-detail-subtitle,.module-detail-title{display:block;overflow-wrap:break-word;text-align:center;width:100%;word-break:break-word}.module-detail-subtitle{color:#fff9;font-size:.95rem;margin:0}.module-detail-progress{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:0;height:60px;justify-content:center;padding:0;position:relative;white-space:nowrap;width:60px}.module-detail-progress .progress-text{color:#3b82f6;font-size:.9rem;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.module-detail-progress .progress-text.completed{color:#10b981}.module-content-layout{grid-gap:1.5rem;align-items:start;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:1fr 300px;overflow:hidden}.module-main-content{display:flex;flex-direction:column;gap:1rem;height:100%;overflow-y:auto;padding-right:.5rem}.module-main-content::-webkit-scrollbar{width:6px}.module-main-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.module-main-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.module-main-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.lesson-main-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.lesson-main-title{font-size:1.5rem;font-weight:800;line-height:1.2}.lesson-description-section{background:#3b82f614;border-left:4px solid var(--accent-blue);border-radius:.5rem;padding:1rem}.description-label{color:var(--accent-blue);font-size:.75rem;font-weight:700;margin:0 0 .5rem}.lesson-description-content{font-size:.95rem;line-height:1.5}.lesson-meta-section{background:#ffffff0d;border-radius:.5rem;color:#ffffffb3;font-size:.9rem;gap:.5rem;padding:.75rem}.lesson-meta-section svg{color:var(--accent-cyan)}.lesson-completion-section{display:flex;gap:1rem}.btn-mark-complete{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:.75rem;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.btn-mark-complete:hover{background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-mark-complete:active{transform:translateY(0)}.btn-mark-complete svg{flex-shrink:0;height:18px;width:18px}.btn-mark-complete.completed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.btn-mark-complete.completed:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.lesson-content-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;margin-bottom:0;padding-bottom:0}.tab-button{align-items:center;display:flex;font-size:.95rem;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#3b82f60d;color:#ffffffe6}.tab-button svg{stroke-width:2;height:18px;width:18px}.lesson-content-player{align-items:center;background-color:initial;border-radius:1rem;display:flex;flex-shrink:0;height:600px;justify-content:center;min-height:600px;overflow:hidden}.video-iframe-player,.video-player-wrapper{height:100%;width:100%}.video-iframe-player{border:none;border-radius:.5rem}.pdf-companion-button{align-items:center;background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border:1px solid #3b82f633;border-radius:.75rem;display:flex;justify-content:center;margin-top:.5rem;padding:1.5rem}.btn-pdf-companion{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:.625rem;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.875rem 1.5rem;transition:all .3s ease}.btn-pdf-companion:hover{background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 6px 25px #3b82f666;transform:translateY(-2px)}.btn-pdf-companion:active{transform:translateY(0)}.pdf-player-wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.pdf-iframe{background:#fff;border:none;border-radius:.5rem;height:100%;width:100%}.pdf-content-view,.pdf-content-view .pdf-player-wrapper{position:relative}.pdf-viewer-container{height:100%;position:relative;width:100%}.pdf-blur-overlay,.pdf-viewer-container{align-items:center;display:flex;justify-content:center}.pdf-blur-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:1rem;bottom:0;left:0;position:absolute;right:0;top:0;z-index:15}.pdf-open-btn{background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:8px;box-shadow:0 4px 15px #3b82f666;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.pdf-open-btn:hover{background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 6px 25px #3b82f699;transform:translateY(-2px)}.pdf-open-btn:active{transform:translateY(0)}@media (max-width:768px){.pdf-content-view{max-height:70vh;min-height:500px}.pdf-content-view .pdf-player-wrapper{max-height:70vh;min-height:500px;position:relative}.pdf-content-view .pdf-iframe{border-radius:.25rem}}@media (max-width:480px){.pdf-content-view,.pdf-content-view .pdf-player-wrapper{max-height:60vh;min-height:400px}}.pdf-modal-fullscreen-overlay{background:#000000fa;bottom:0;display:none;left:0;padding:0;position:fixed;right:0;top:0;z-index:10000}.pdf-modal-fullscreen-overlay.active{display:flex;flex-direction:column}.pdf-modal-fullscreen-toolbar{align-items:center;background:#00000080;border-bottom:1px solid #ffffff0d;display:flex;gap:8px;justify-content:flex-end;padding:8px 16px}.pdf-modal-close-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#fca5a5;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .3s ease}.pdf-modal-close-btn:hover{background:#ef444433;border-color:#ef444466;color:#fecaca}.pdf-modal-close-btn:active{transform:scale(.95)}.pdf-modal-fullscreen-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden}.pdf-modal-fullscreen-content iframe{border:none;height:100%;width:100%}.pdf-preview{gap:1.5rem;padding:3rem;text-align:center}.pdf-preview svg{color:#ffffff80;opacity:.8}.pdf-preview p{color:#fffc;font-size:1.125rem;margin:0}.content-placeholder{align-items:center;color:#ffffff80;display:flex;flex-direction:column;gap:1rem;text-align:center}.content-placeholder svg{opacity:.5}.lesson-info-section{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.lesson-main-header{border-bottom:1px solid #ffffff1a;padding-bottom:1rem}.lesson-main-title{color:#fff;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0}.lesson-description-section{display:flex;flex-direction:column;gap:.75rem}.description-label{color:#ffffffb3;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.lesson-description-content{color:#fffc;font-size:1rem;line-height:1.6;margin:0}.lesson-meta-section{align-items:center;color:#fff9;display:flex;font-size:.95rem;gap:.75rem}.lesson-meta-section svg{color:#3b82f6;flex-shrink:0}.module-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;height:100%;max-height:100%;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0}.sidebar-header{border-bottom:1px solid #ffffff1a;padding-bottom:1rem}.sidebar-title{color:#fff;font-size:1rem;font-weight:700;margin:0}.sidebar-count{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.lessons-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.lessons-list::-webkit-scrollbar{width:4px}.lessons-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.lessons-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.lessons-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.lesson-sidebar-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:.4rem;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:10px;min-height:60px;padding:.5rem;text-align:left;transition:all .3s ease}.lesson-sidebar-item:hover{background:#ffffff14;border-color:#ffffff1a}.lesson-sidebar-item.active{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-color:#8b5cf666;height:55px}.lesson-sidebar-item.completed .lesson-item-number{background:#10b981;color:#fff}.lesson-item-number{background:#ffffff1a;border-radius:50%;color:#ffffffb3;font-size:.7rem;font-weight:700;height:24px;min-width:24px;width:24px}.lesson-item-media,.lesson-item-number{align-items:center;display:flex;justify-content:center}.lesson-item-media{background:#ffffff0d;border-radius:.5rem;height:48px;min-width:48px;overflow:hidden;width:48px}.lesson-thumbnail-preview{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.lesson-item-icon{align-items:center;color:#ffffff80;display:flex;height:100%;justify-content:center;width:100%}.lesson-item-content{flex:1 1;min-width:0;overflow:hidden}.lesson-item-title{color:#fff;font-size:.8rem;font-weight:600;line-height:1.2;margin:0;word-break:break-word}.lesson-item-duration,.lesson-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-item-duration{color:#ffffff80;display:block;font-size:.65rem;margin-top:.15rem}@media (max-width:1200px){.module-content-layout{gap:1.5rem;grid-template-columns:1fr 280px}.module-detail-header{gap:1.5rem;grid-template-columns:auto 1fr auto;min-height:60px}.module-detail-title{font-size:1.8rem}.lesson-content-player{min-height:350px}.module-sidebar{position:relative;top:auto}}@media (max-width:768px){.module-detail-header{gap:1rem;grid-template-columns:auto 1fr auto;margin-bottom:1.5rem;min-height:50px;padding-bottom:1.5rem}.back-btn{font-size:.85rem;justify-self:start;padding:.5rem .875rem}.module-detail-info{gap:.125rem;justify-self:center}.module-detail-title{font-size:1.5rem}.module-detail-subtitle{font-size:.85rem}.module-detail-progress{align-items:center;flex-direction:row;justify-self:end}.module-detail-progress .progress-text{font-size:.8rem}.module-content-layout{gap:1rem;grid-template-columns:1fr}.module-detail-layout{height:auto}.module-sidebar{height:auto;max-height:350px;padding:1rem;position:relative;top:auto}.lessons-list{max-height:300px;overflow-y:auto}.sidebar-header{padding-bottom:.75rem}.lesson-item-title{font-size:.75rem}.lesson-item-number{font-size:.65rem;height:22px;min-width:22px;width:22px}.lesson-sidebar-item{height:44px;min-height:44px}}@media (max-width:480px){.module-detail-header{align-items:center;gap:.75rem;grid-template-columns:auto 1fr auto;justify-items:center;margin-bottom:1rem;min-height:45px;padding-bottom:1rem}.back-btn{font-size:.8rem;justify-self:start;padding:.475rem .8rem}.back-btn svg{height:18px;width:18px}.module-detail-info{gap:.1rem;justify-self:center;min-width:0}.module-detail-title{font-size:1.2rem;line-height:1.15;margin:0}.module-detail-subtitle{font-size:.75rem;line-height:1;margin:0}.module-detail-progress{align-items:center;flex-direction:column;gap:.25rem;justify-content:center}.module-detail-progress .progress-text{font-size:.7rem}.lesson-main-title{font-size:1.1rem}.lesson-main-description{font-size:.85rem}.lesson-content-player{height:250px;min-height:250px}.pdf-preview{padding:1rem .75rem}.pdf-preview svg{height:50px;width:50px}.module-sidebar{max-height:280px;padding:.75rem}.sidebar-title{font-size:.85rem}.lesson-item-title{font-size:.7rem}.lesson-item-number{font-size:.6rem;height:20px;min-width:20px;width:20px}.lessons-list{max-height:250px;overflow-y:auto}.lesson-sidebar-item{height:55px;min-height:55px}.description-label{font-size:.7rem}.lesson-description-content{font-size:.85rem}.lesson-meta-section{font-size:.8rem;padding:.6rem}}@media (max-width:1024px){.modules-grid-modern{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hero-title{font-size:2.25rem}.section-title-modern{font-size:1.75rem}}@media (max-width:768px){.hero-section{margin-bottom:3rem;padding-bottom:2rem}.hero-title{font-size:1.875rem}.hero-subtitle{font-size:1rem}.quick-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-item{align-items:center;flex-direction:column;padding:1.25rem;text-align:center}.stat-icon{height:40px;width:40px}.stat-value{font-size:2.25rem;font-weight:800}.stat-label{font-size:.85rem;font-weight:600}.modules-grid-modern{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.section-title-modern{font-size:1.5rem}.section-description{font-size:.9rem}.course-card-thumbnail{height:150px}.course-card-content{gap:.85rem;padding:1.25rem}.course-card-title{font-size:1.15rem}.course-card-description{font-size:.9rem}.course-card-meta{color:#ffffffd9;font-size:.8rem}.progress-text{font-size:.8rem}.course-card-actions{padding:1.25rem}.btn{font-size:.9rem;padding:.7rem 1.15rem}}@media (max-width:480px){.hero-title{font-size:1.5rem}.hero-name{display:block}.hero-subtitle{font-size:.9rem}.quick-stats{gap:.75rem;grid-template-columns:1fr}.stat-item{padding:.75rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.7rem}.modules-grid-modern{gap:.75rem;grid-template-columns:1fr}.section-title-modern{font-size:1.25rem}.module-card{min-height:380px}.course-card{border-radius:1rem}.course-card-thumbnail{height:140px}.course-card-content{gap:.75rem;padding:1rem}.course-card-title{font-size:1.1rem}.course-card-description{font-size:.85rem}.course-card-meta{color:#ffffffd9;font-size:.8rem}.progress-text{font-size:.75rem;min-width:35px}.course-card-actions{padding:1rem}.btn{font-size:.85rem;padding:.625rem 1rem}}.pdf-blur-mobile-only{display:none}.pdf-viewer-desktop{display:flex;flex-direction:column;position:relative}.pdf-desktop-header{background:#0000001a;border-bottom:1px solid #ffffff1a;border-radius:1rem 1rem 0 0;justify-content:flex-end;padding:.5rem}.pdf-desktop-header,.pdf-fullscreen-btn{align-items:center;display:flex;gap:.5rem}.pdf-fullscreen-btn{background:#3b82f633;border:1px solid #3b82f64d;border-radius:.5rem;color:#3b82f6;cursor:pointer;font-size:.85rem;font-weight:600;justify-content:center;padding:.5rem .75rem;transition:all .3s ease}.pdf-fullscreen-btn:hover{background:#3b82f64d;border-color:#3b82f680;color:#60a5fa}.pdf-fullscreen-btn:active{transform:scale(.95)}.pdf-fullscreen-btn svg{flex-shrink:0;height:18px;width:18px}.pdf-viewer-mobile{display:none}.pdf-iframe-native{border:none;border-radius:0 0 1rem 1rem;flex:1 1;width:100%}.pdf-iframe-fullscreen{border:none;height:100%;width:100%}@media (max-width:768px){.pdf-blur-mobile-only{display:flex}.pdf-viewer-desktop{display:none}.pdf-viewer-mobile{display:flex}}.custom-video-player-container{aspect-ratio:16/9;background:#000;border-radius:12px;display:block;flex-shrink:0;height:100%;max-width:100%;overflow:hidden;position:relative;width:100%}#youtube-player-container{left:0!important;position:absolute!important;top:0!important}#youtube-player-container,#youtube-player-container iframe,#youtube-player-container>*,.youtube-player-embed{border:none!important;display:block!important;height:100%!important;margin:0!important;overflow:hidden!important;padding:0!important;width:100%!important}.youtube-player-embed{left:0!important;position:absolute!important;top:0!important}.youtube-player-embed *{border:none!important}.youtube-player-embed *,.youtube-player-embed iframe{display:block!important;height:100%!important;margin:0!important;overflow:hidden!important;padding:0!important;width:100%!important}.custom-video-wrapper{background:#000;height:100%;overflow:hidden;position:relative;width:100%}.video-overlay{cursor:pointer;height:100%;width:100%}.custom-controls-bar-top,.video-overlay{left:0;position:absolute;top:0;z-index:50}.custom-controls-bar-top{background:#000;height:60px;opacity:0;padding:24px 16px;pointer-events:none;right:0;transition:opacity .15s ease}.custom-controls-bar-top.visible{opacity:1;pointer-events:auto}.controls-top-content{align-items:center;display:flex;gap:12px}.custom-controls-bar{background:linear-gradient(180deg,#0000,#000000d9 50%,#000000f2);bottom:0;left:0;opacity:0;padding:32px 16px 12px;position:absolute;right:0;transition:opacity .3s ease;z-index:50}.custom-video-player-container.is-paused .custom-controls-bar,.custom-video-player-container:hover .custom-controls-bar{opacity:1}.progress-container{align-items:center;margin-bottom:12px;width:100%}.progress-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;outline:none;transition:all .2s ease;width:100%}.progress-slider:hover{background:#ffffff4d;height:6px}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ef4444;border-radius:50%;box-shadow:0 0 10px #ef4444cc;cursor:pointer;height:14px;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px}.progress-slider::-webkit-slider-thumb:hover{box-shadow:0 0 15px #ef4444;height:18px;width:18px}.progress-slider::-moz-range-thumb{background:#ef4444;border:none;border-radius:50%;box-shadow:0 0 10px #ef4444cc;cursor:pointer;height:14px;-moz-transition:all .2s ease;transition:all .2s ease;width:14px}.progress-slider::-moz-range-thumb:hover{box-shadow:0 0 15px #ef4444;height:18px;width:18px}.controls-bottom{gap:8px;justify-content:space-between}.control-btn,.controls-bottom{align-items:center;display:flex}.control-btn{background:#ffffff26;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.control-btn:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 12px #ef44444d;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.controls-right-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414b3;border:1px solid #ef44444d;border-radius:8px;display:flex;flex-shrink:0;gap:8px;margin-left:auto;padding:8px 12px}.controls-right-container:hover{background:#141414d9;border-color:#ef444480}.time-display{color:#fff;font-family:Courier New,monospace;font-size:13px;font-weight:500;margin:0 6px;white-space:nowrap}.volume-control{align-items:center;display:flex;gap:8px}.volume-control:hover .volume-slider{width:100px}.volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;outline:none;overflow:visible;transition:width .6s ease,opacity .45s ease;width:0}.volume-slider:hover{background:#ffffff4d;height:6px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef4444b3;cursor:pointer;height:12px;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 12px #ef4444;height:14px;width:14px}.volume-slider::-moz-range-thumb{background:#ef4444;border:none;border-radius:50%;box-shadow:0 0 8px #ef4444b3;cursor:pointer;height:12px;-moz-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-slider::-moz-range-thumb:hover{box-shadow:0 0 12px #ef4444;height:14px;width:14px}.speed-control{position:relative}.speed-btn,.speed-control{align-items:center;display:flex}.speed-btn{background:#ffffff26;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;height:36px;justify-content:center;transition:all .2s ease;width:40px}.speed-btn:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 12px #ef44444d}.speed-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;border:1px solid #fff3;border-radius:8px;bottom:100%;display:flex;flex-direction:column;margin-bottom:8px;min-width:60px;opacity:0;padding:8px 0;pointer-events:none;position:absolute;right:0;transform:translateY(8px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);visibility:hidden;z-index:100}.speed-control.open .speed-menu,.speed-control:hover .speed-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.speed-option{background:#0000;border:none;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;text-align:center;transition:all .2s ease;width:100%}.speed-option:hover{background:#ef44444d;color:#ef4444}.speed-option.active{background:#ef444480;color:#ef4444;font-weight:700}.custom-video-player-container:fullscreen{border-radius:0;height:100vh;width:100vw}.custom-video-player-container:fullscreen .custom-controls-bar{display:none}.custom-video-player-container:fullscreen.is-paused .custom-controls-bar{display:block;opacity:1}.youtube-player-embed:after,.youtube-player-embed:before{display:none!important}.youtube-player-embed iframe{border:none!important}.youtube-player-embed>*{display:block!important}.html5-video-container,.ytp-add-to-playlist-button,.ytp-chrome-top,.ytp-error-content,.ytp-gradient-top,.ytp-pause-overlay,.ytp-share-button,.ytp-watch-later-button{display:none!important}@media (max-width:768px){.custom-controls-bar-top{height:52px;padding:12px 8px}.custom-controls-bar{padding:24px 8px 8px}.control-btn{font-size:16px;height:32px;width:32px}.speed-btn{font-size:11px;height:32px;width:36px}.time-display{font-size:9px;margin:0 4px}.volume-control{align-items:center;display:flex;gap:8px}.volume-control:hover .volume-slider,.volume-slider{width:70px}.controls-bottom{gap:4px}.progress-container{margin-bottom:8px}.progress-slider{height:3px}.progress-slider:hover{height:5px}.progress-slider::-webkit-slider-thumb{height:10px;width:10px}.progress-slider::-moz-range-thumb{height:10px;width:10px}.speed-menu{left:0;min-width:50px;right:auto}.speed-option{font-size:11px;padding:6px 10px}.controls-right-container{background:#141414d9;border:1px solid #ef444466;bottom:auto;gap:6px;margin-left:auto;padding:6px 8px;position:relative;right:auto;z-index:auto}.controls-right-container .control-btn{font-size:14px;height:28px;width:28px}.controls-right-container .speed-btn{font-size:10px;height:28px;width:32px}.controls-right-container .volume-slider{opacity:1;transition:width .6s ease,opacity .45s ease;width:70px}}.pdfviewer-root{background:#1a1a1a;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.pdfviewer-toolbar{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 16px;z-index:10}.pdfviewer-nav,.pdfviewer-zoom{align-items:center;display:flex;gap:8px}.pdfviewer-download-btn,.pdfviewer-fullscreen-btn,.pdfviewer-nav button,.pdfviewer-zoom button{align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .2s ease}.pdfviewer-download-btn:hover:not(:disabled),.pdfviewer-fullscreen-btn:hover:not(:disabled),.pdfviewer-nav button:hover:not(:disabled),.pdfviewer-zoom button:hover:not(:disabled){background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#fff3;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.pdfviewer-page{color:#ffffffb3;font-size:13px;font-weight:500;min-width:60px;padding:0 8px;text-align:center}.pdfviewer-download-btn{margin-left:auto}.pdfviewer-download-btn:disabled,.pdfviewer-fullscreen-btn:disabled,.pdfviewer-nav button:disabled,.pdfviewer-zoom button:disabled{cursor:not-allowed;opacity:.4}@media (min-width:769px){.pdfviewer-canvas-wrap{padding:32px 0}.pdfviewer-canvas-wrap,.pdfviewer-document-container{align-items:center;justify-content:center}}.pdfviewer-canvas-wrap{-webkit-overflow-scrolling:touch;align-items:flex-start;background:linear-gradient(180deg,#1a1a1a,#141414);display:flex;flex:1 1 auto;justify-content:flex-start;min-height:0;overflow:auto;padding:32px;scroll-behavior:smooth}.pdfviewer-canvas-wrap::-webkit-scrollbar{height:6px;width:6px}.pdfviewer-canvas-wrap::-webkit-scrollbar-track{background:#ffffff0d}.pdfviewer-canvas-wrap::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.pdfviewer-canvas-wrap::-webkit-scrollbar-thumb:hover{background:#ffffff40}.pdfviewer-document{align-items:center;display:flex;justify-content:center;width:100%}.pdfviewer-document-container{align-items:flex-start;display:flex;height:auto;justify-content:flex-start;width:100%;will-change:transform}@media (min-width:769px){.pdfviewer-document-container{max-width:100%;width:100%}}@media (max-width:768px){.pdfviewer-document-container{min-height:-webkit-max-content;min-height:max-content;min-width:-webkit-max-content;min-width:max-content}}.pdfviewer-page-render{background:#fff;border-radius:4px;box-shadow:0 4px 20px #000c;display:flex;height:auto;justify-content:center;max-width:100%}@media (max-width:768px){.pdfviewer-page-render{max-width:none}}.pdfviewer-page-render canvas{display:block;height:auto;max-width:100%}.pdfviewer-page-render .react-pdf__Page__canvas{height:auto;max-width:100%}.pdfviewer-loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.pdfviewer-spinner{animation:pdfviewer-spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fff9;height:40px;width:40px}@keyframes pdfviewer-spin{to{transform:rotate(1turn)}}.pdfviewer-empty{align-items:center;color:#ffffff80;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center}.pdfviewer-fullscreen{background:#1a1a1a;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:9999}.pdfviewer-fullscreen-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding:12px}.pdfviewer-close-fullscreen{align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .2s ease}.pdfviewer-close-fullscreen:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#fff3;box-shadow:0 4px 12px #0000004d}.pdfviewer-fullscreen-content{align-items:flex-start;background:linear-gradient(180deg,#1a1a1a,#141414);display:flex;flex:1 1;justify-content:center;overflow:auto;padding:24px 16px 16px}.pdfviewer-fullscreen-footer{align-items:center;background:#0000004d;border-top:1px solid #ffffff1a;display:flex;gap:16px;justify-content:center;padding:12px 16px}.pdfviewer-fullscreen-footer button{align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .2s ease}.pdfviewer-fullscreen-footer button:hover:not(:disabled){background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#fff3;box-shadow:0 4px 12px #0000004d}.pdfviewer-fullscreen-footer button:disabled{cursor:not-allowed;opacity:.4}.pdfviewer-fullscreen-footer span{color:#ffffffb3;font-size:13px;min-width:60px;text-align:center}.react-pdf__Page{display:flex;justify-content:center}.react-pdf__Page canvas{height:auto;max-width:100%}.react-pdf__Page__textContent{display:none}@media (max-width:768px){.pdfviewer-toolbar{gap:8px;padding:10px 12px}.pdfviewer-download-btn,.pdfviewer-fullscreen-btn,.pdfviewer-nav button,.pdfviewer-zoom button{font-size:13px;height:32px;min-width:32px;padding:6px 10px}.pdfviewer-page{font-size:12px;min-width:50px}.pdfviewer-canvas-wrap{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1ad9;justify-content:flex-start;padding:8px;position:relative}.pdfviewer-canvas-wrap:before{background:#0000004d;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.pdfviewer-document-container{align-items:flex-start;justify-content:flex-start}.pdfviewer-download-btn{margin-left:8px}}@media (max-width:480px){.pdfviewer-toolbar{gap:4px;padding:8px}.pdfviewer-download-btn,.pdfviewer-fullscreen-btn,.pdfviewer-nav button,.pdfviewer-zoom button{font-size:12px;height:30px;min-width:30px;padding:5px 8px}.pdfviewer-page{font-size:11px;min-width:45px;padding:0 4px}.pdfviewer-canvas-wrap{padding:4px}.pdfviewer-download-btn{margin-left:4px}}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--scale-factor));min-width:calc(180px*var(--scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--scale-factor));box-shadow:0 calc(2px*var(--scale-factor)) calc(5px*var(--scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--scale-factor));max-width:calc(180px*var(--scale-factor));padding:calc(6px*var(--scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--scale-factor));padding-top:calc(2px*var(--scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer .endOfContent.active{top:0}.navbar{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:var(--surface-secondary);border-bottom:1px solid var(--border-light);left:0;position:fixed;right:0;top:0;transition:transform .3s ease-in-out,box-shadow .3s ease;z-index:100}.navbar--visible{transform:translateY(0)}.navbar--hidden{transform:translateY(-100%)}.navbar-container{height:4.5rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1.5rem}.brand-link,.navbar-brand,.navbar-container{align-items:center;display:flex}.brand-link{gap:.75rem;text-decoration:none}.brand-icon svg{border-radius:.5rem}.brand-text{color:var(--text-primary);font-size:1.25rem;font-weight:600}.navbar-menu{align-items:center;display:flex;gap:1rem}.nav-link,.nav-links{display:flex;gap:.5rem}.nav-link{align-items:center;border-radius:.5rem;color:var(--text-secondary);font-weight:500;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease-in-out}.nav-link:hover{background-color:var(--surface-tertiary);color:var(--text-primary)}.nav-link.active{background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-cyan) 100%);color:#fff;font-weight:600}.navbar-user{align-items:center;display:flex;gap:1rem}.user-info{gap:.75rem}.user-avatar{background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-cyan) 100%);border:2px solid var(--border-light);height:2.5rem;width:2.5rem}.user-details{display:flex;flex-direction:column}.user-name{color:var(--text-primary);font-weight:600}.user-role{font-size:.875rem}.logout-btn,.user-role{color:var(--text-secondary)}.logout-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease-in-out}.logout-btn:hover{background-color:var(--surface-tertiary);color:var(--text-primary)}.logout-btn span{display:none}.notification-badge{font-size:.75rem;height:20px;min-width:20px;padding:0 6px;right:-8px;top:-8px}.notification-badge,.notification-badge-hamburger{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-weight:600;justify-content:center;position:absolute}.notification-badge-hamburger{font-size:.65rem;height:16px;min-width:16px;padding:0 4px;right:-2px;top:-2px;z-index:10}.mobile-menu-toggle{display:none}.mobile-menu-btn{background:#0000;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;position:relative}@media (max-width:768px){.navbar-menu{display:none}.mobile-menu-toggle{display:block}.brand-text{display:none}}.drawer-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;left:0;z-index:1000}.drawer-backdrop,.drawer-content{bottom:0;position:fixed;right:0;top:0}.drawer-content{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:var(--surface-secondary);border-left:1px solid var(--border-light);box-shadow:-2px 0 15px #0000004d;display:flex;flex-direction:column;max-width:80%;transform:translateX(100%);transition:transform .3s ease-in-out;width:280px;z-index:1001}.drawer-content.open{transform:translateX(0)}.drawer-header{border-bottom:1px solid var(--border-light);padding:1.5rem}.drawer-user-info{align-items:center;display:flex;gap:1rem}.user-avatar-large{align-items:center;background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:3.5rem;justify-content:center;width:3.5rem}.user-details-mobile{display:flex;flex-direction:column}.user-name-mobile{color:var(--text-primary);font-size:1.125rem;font-weight:600}.user-role-mobile{color:var(--text-secondary);font-size:.875rem}.drawer-nav-links{display:flex;flex-direction:column;flex-grow:1;gap:.5rem;padding:1rem}.drawer-nav-link{align-items:center;border-radius:.5rem;color:var(--text-secondary);display:flex;font-weight:500;gap:1rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease-in-out}.drawer-nav-link:hover{background-color:var(--surface-tertiary);color:var(--text-primary)}.drawer-nav-link.active{background:var(--gradient-primary);color:#fff;font-weight:600}.drawer-footer{border-top:1px solid var(--border-light);padding:1.5rem}.drawer-logout-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease-in-out;width:100%}.drawer-logout-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.main-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);flex:1 1;margin-top:4.5rem;min-height:calc(100vh - 4.5rem);padding:2rem}@media (max-width:768px){.main-content{padding:1rem}}.course-management-page,.lessons-page,.modules-page{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;padding:2rem 1rem;position:relative}.course-management-header,.management-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:2rem}.header-left{align-items:center;display:flex;flex:1 1;gap:1.5rem}.header-title-section h1,.header-title-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1.2;margin:0}.header-subtitle{color:#fff9;font-size:.95rem;margin-top:.5rem}.header-actions{gap:1rem}.back-button{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.back-button:hover{background:#3b82f633;border-color:#3b82f680;transform:translateX(-2px)}.add-button-fab{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:50%;box-shadow:0 8px 24px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;transition:all .3s ease;width:56px}.add-button-fab:hover{box-shadow:0 12px 32px #3b82f699;transform:scale(1.1)}.breadcrumb-nav{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:2rem;padding:.75rem 1.5rem;width:-webkit-fit-content;width:fit-content}.breadcrumb-item{color:#fff9;cursor:pointer;font-size:.9rem;transition:color .3s ease}.breadcrumb-item:hover{color:#3b82f6}.breadcrumb-item.active{color:#3b82f6;font-weight:600}.breadcrumb-separator{color:#fff6;font-size:.8rem}.management-content{margin:0 auto;max-width:1400px}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.management-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid #3b82f633;border-radius:16px;box-shadow:0 4px 15px #0003,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;min-height:350px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.management-card:before{background:linear-gradient(90deg,#3b82f6,#06b6d4 50%,#3b82f6);height:4px;transition:all .3s ease}.management-card:after,.management-card:before{content:"";left:0;position:absolute;right:0;top:0}.management-card:after{background:radial-gradient(ellipse at top right,#3b82f61a,#0000);bottom:0;pointer-events:none}.management-card:hover{border-color:#3b82f680;box-shadow:0 12px 40px #3b82f64d,0 0 30px #3b82f626,inset 0 1px 0 #ffffff1a;transform:translateY(-8px) scale(1.02)}.management-card:hover:before{height:5px}.card-header{align-items:flex-start;background:linear-gradient(135deg,#3b82f614,#0000);border-bottom:1px solid #3b82f61a;display:flex;gap:1rem;padding:1.5rem}.card-icon{align-items:center;background:linear-gradient(135deg,#3b82f64d,#06b6d44d);border-radius:12px;box-shadow:0 4px 12px #3b82f633;color:#3b82f6;display:flex;flex-shrink:0;font-size:1.75rem;height:48px;justify-content:center;width:48px}.card-header-content{flex:1 1}.card-title{font-size:1.15rem;margin:0;word-break:break-word}.card-position{color:#06b6d4;font-size:.85rem;font-weight:600;margin-top:.4rem}.card-subtitle{color:#ffffff80;font-size:.8rem;margin-top:.25rem}.card-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.card-description{color:#ffffffb3;font-size:.9rem;line-height:1.5;min-height:40px}.card-meta{background:#3b82f60d;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem}.meta-item{color:#fff9;font-size:.85rem;gap:.5rem}.meta-label{color:#fffc;font-weight:600}.meta-value{color:#06b6d4;font-weight:600}.drag-handle{background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border:1px dashed #3b82f64d;border-radius:8px;color:#3b82f6;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.drag-handle:hover{background:linear-gradient(135deg,#3b82f633,#06b6d433);border-color:#3b82f680}.card-actions{background:linear-gradient(135deg,#0000,#3b82f608);border-top:1px solid #3b82f61a;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:.4rem;min-width:-webkit-max-content;min-width:max-content;padding:.6rem 1.2rem;transition:all .3s ease;white-space:nowrap}.action-button.primary{background:linear-gradient(135deg,#3b82f6,#06b6d4);box-shadow:0 4px 12px #3b82f64d;color:#fff}.action-button.primary:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.action-button.secondary{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.action-button.secondary:hover{background:#3b82f640;border-color:#3b82f680;transform:translateY(-2px)}.action-button.danger{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.action-button.danger:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-2px)}.empty-state{background:#1e293b66;border:2px dashed #ffffff1a;border-radius:12px;grid-column:1/-1;padding:4rem 2rem}.empty-state-icon{margin-bottom:1rem}.empty-state-title{color:#fffc;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state-text{color:#ffffff80;margin-bottom:1.5rem}.loading-container{gap:1rem;min-height:400px}.loading-spinner{border:3px solid #3b82f633;height:50px;width:50px}.loading-text{color:#fff9;font-size:.95rem}.error-alert{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.error-icon{flex-shrink:0;font-size:1.25rem}.success-alert{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#86efac;margin-bottom:1.5rem;padding:1rem}@media (max-width:768px){.course-management-page,.lessons-page,.modules-page{padding:1rem}.course-management-header,.management-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-left{width:100%}.header-actions{justify-content:space-between;width:100%}.header-title-section h1,.header-title-section h2{font-size:1.5rem}.content-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.management-card{min-height:250px}.breadcrumb-nav{font-size:.8rem;padding:.6rem 1rem}.card-actions{align-items:stretch;flex-direction:column;padding:.75rem 1rem}.action-button{justify-content:center;padding:.6rem .8rem;width:100%}}@media (max-width:480px){.course-management-page,.lessons-page,.modules-page{padding:.75rem}.course-management-header,.management-header{margin-bottom:1.5rem;padding:1rem}.header-title-section h1,.header-title-section h2{font-size:1.25rem}.content-grid{gap:1rem;grid-template-columns:1fr}.card-body,.card-header{padding:1rem}.card-actions{align-items:stretch;flex-direction:column;gap:.5rem;padding:.75rem}.action-button{font-size:.75rem;justify-content:center;padding:.5rem .6rem;width:100%}.add-button-fab{font-size:20px;height:48px;width:48px}}.users-page{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:calc(100vh - 4rem);padding:var(--space-6) 0}.header-content,.users-header{margin-bottom:var(--space-8)}.header-content{text-align:center}.page-title{font-size:var(--text-4xl);line-height:1.2;margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--text-lg);margin:0 auto;max-width:600px}.users-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-8)}.stat-item:hover{box-shadow:0 8px 16px #3b82f626;transform:translateY(-2px)}.stat-number{color:#3b82f6;font-size:var(--text-3xl);font-weight:700;line-height:1;margin-bottom:var(--space-1)}.stat-label{color:#ffffffb3;font-size:var(--text-sm);font-weight:500}.filter-form .MuiOutlinedInput-root,.filter-form .MuiOutlinedInput-root input,.filter-title{color:#fff}.filter-form .MuiOutlinedInput-root fieldset{border-color:#fff3}.filter-form .MuiOutlinedInput-root:hover fieldset{border-color:#ffffff4d}.filter-form .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.filter-form .MuiInputLabel-root{color:#ffffffb3!important}.filter-form .MuiInputLabel-root.Mui-focused{color:#3b82f6!important}.filter-form .MuiAutocomplete-paper{background-color:#1e293b!important}.filter-form .MuiAutocomplete-option{color:#fff!important}.filter-form .MuiAutocomplete-option[aria-selected=true]{background-color:#3b82f633!important}.input-icon{color:#ffffff80}.error-message{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.loading-state p{color:#ffffffb3}.loading-spinner.large{border-color:#3b82f6 #3b82f64d #3b82f64d}.empty-icon{color:#fff6}.empty-state h3{color:#fff}.empty-state p{color:#fff9}.users-table-container{background:#1e293b99;border:1px solid #3b82f61a;box-shadow:0 4px 12px #0000004d}.table-header{background:#1e293b66;border-bottom:1px solid #3b82f61a}.table-header h3{color:#fff}.users-count{color:#fff9}.users-table th{background:#3b82f61a;border-bottom:1px solid #3b82f61a;color:#3b82f6}.edit-modal-overlay{background:#000c;top:4.5rem}.edit-modal.card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #3b82f61a;box-shadow:0 16px 32px #00000080}.form-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:var(--text-base);transition:all .2s ease}.form-input::placeholder{color:#fff6}.form-input:focus{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled{background-color:#ffffff0d;color:#ffffff80}.modal-header .btn-secondary{border:1px solid #fff3;color:#ffffffb3}.modal-title h3{color:#fff}.modal-sub{color:#fff9}.avatar-large{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.avatar-name{color:#fff}.avatar-email{color:#fff9}.user-row.clickable:hover{background:#3b82f61a}.users-section .btn{color:#ffffffb3}.th-content svg{color:#3b82f6}.users-table td{border-bottom:1px solid #3b82f61a;color:#fffc}.user-row{background:#1e293b66}.user-row:hover{background:#3b82f61a}.user-name-link:hover{color:#3b82f6}.user-avatar{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.user-name{color:#fff}.user-email{color:#fff9}.role-badge.student{background:#06b6d426;border:1px solid #06b6d44d;color:#06b6d4}.role-badge.instructor{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.role-badge.admin-role{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.role-badge.super-admin-role{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.company-name{color:#ffffffb3}.no-company{color:#fff6}.fab{background:linear-gradient(135deg,#3b82f6,#06b6d4);box-shadow:0 4px 12px #3b82f666,0 2px 4px #0000004d}.fab:hover{box-shadow:0 6px 16px #3b82f680,0 3px 6px #0006}.new-password-display{background-color:#06b6d41a;border:1px solid #06b6d44d;box-shadow:inset 0 2px 4px #0003}.new-password-display span{color:#06b6d4}.card .btn.btn-primary{font-size:var(--text-sm);max-width:200px}.tabs-container{border-bottom:1px solid #3b82f61a;gap:var(--space-2);margin-bottom:var(--space-6)}.tab-button{background:#0000;border-bottom:2px solid #0000;font-size:var(--text-base);font-weight:600;padding:var(--space-3) var(--space-4);transition:all .2s ease}.tab-button:hover{color:#3b82f6}.tab-button.active{border-bottom-color:#3b82f6}.users-content{grid-gap:var(--space-8);align-items:start;display:grid;gap:var(--space-8);grid-template-columns:300px 1fr}.filters-section .card{position:-webkit-sticky;position:sticky;top:var(--space-6)}.filter-title{color:var(--secondary-900);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.filter-form{display:flex;flex-direction:column;gap:var(--space-4)}.filter-form .btn{justify-content:center}.input-icon-wrapper{position:relative}.input-icon{color:var(--secondary-400);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-input.with-icon{padding-left:40px}.users-section{min-height:400px}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4)}.error-message svg{flex-shrink:0}.loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-16) var(--space-4);text-align:center}.loading-state p{color:var(--secondary-600);font-size:var(--text-base)}.loading-spinner.large{border-width:4px;height:40px;width:40px}.empty-state{gap:var(--space-6);padding:var(--space-16) var(--space-4)}.empty-icon{color:var(--secondary-400)}.empty-state h3{color:var(--secondary-700);font-size:var(--text-2xl);font-weight:600;margin:0}.empty-state p{color:var(--secondary-500);font-size:var(--text-base);max-width:400px}.users-table-container{background:#1e293b99!important;border:1px solid #3b82f614!important;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000004d!important;overflow:hidden}.table-header{align-items:center;background:var(--secondary-50);border-bottom:1px solid var(--secondary-200);display:flex;justify-content:space-between;padding:var(--space-6)}.table-header h3{color:var(--secondary-900);font-size:var(--text-xl);font-weight:600;margin:0}.users-count{color:var(--secondary-600);font-size:var(--text-sm);font-weight:500}.table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{background:var(--secondary-50);border-bottom:1px solid var(--secondary-200);font-weight:600;padding:var(--space-4) var(--space-6);text-align:left}.edit-modal-overlay{background:#02061799;padding:var(--space-4);z-index:9999}.edit-modal{max-height:90vh;max-width:100%;overflow:auto;width:720px}.modal-form{margin-top:var(--space-6)}.edit-modal.card{background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:1px solid #3b82f614!important;border-radius:var(--radius-lg);box-shadow:0 16px 32px #00000080!important;overflow:visible}.edit-modal .card-body{padding:var(--space-6)}.modal-grid{align-items:start}.modal-avatar{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding-top:var(--space-2)}.avatar-large{margin-bottom:var(--space-3)}.modal-form .form-grid{align-items:start}.form-input{height:44px;padding:0 var(--space-4)}.form-input:disabled{background-color:#f0f2f5;color:#6c757d;cursor:default}.modal-header .btn-secondary{background:#0000;border:1px solid var(--secondary-200);border-radius:12px;padding:var(--space-2)}@media (max-width:720px){.edit-modal{width:calc(100% - 32px)}.modal-grid{grid-template-columns:1fr}.modal-avatar{order:-1}.modal-form .form-grid{grid-template-columns:1fr}}.modal-header{margin-bottom:var(--space-4)}.modal-title h3{margin:0}.modal-sub{color:var(--secondary-500);font-size:var(--text-xs)}.modal-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:220px 1fr}.modal-avatar{text-align:center}.avatar-large{align-items:center;background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:40px;font-weight:700;height:120px;justify-content:center;margin:0 auto var(--space-3);width:120px}.avatar-name{color:var(--secondary-900);font-weight:600}.avatar-email{color:var(--secondary-600);font-size:var(--text-sm)}.modal-form .form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.modal-form .form-group{margin:0}.modal-form .form-group .form-input{width:100%}.user-row.clickable{cursor:pointer}.user-row.clickable:hover{background:var(--secondary-50)}.edit-form .form-group{margin-bottom:var(--space-4)}.modal-actions{margin-top:var(--space-4)}.users-section .btn{color:var(--secondary-700);font-size:var(--text-sm);margin-left:var(--space-2)}.row-actions,.th-content{display:flex;gap:var(--space-2)}.th-content{align-items:center}.th-content svg{color:var(--secondary-500);flex-shrink:0}.users-table td{border-bottom:1px solid var(--secondary-200);padding:var(--space-4) var(--space-6);vertical-align:middle}.user-row{transition:background-color var(--transition-fast)}.user-row:hover{background:var(--secondary-50)}.user-info-wrapper{align-items:center;display:flex}.user-avatar-link,.user-name-link{color:inherit;text-decoration:none;transition:color .2s ease}.user-name-link:hover{color:var(--primary-600)}.user-info{gap:var(--space-3)}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:var(--gradient-primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:var(--text-sm);font-weight:600;height:40px;justify-content:center;width:40px}.user-details{flex:1 1}.user-name{color:var(--secondary-900);font-size:var(--text-base);font-weight:500;line-height:1.4}.user-email{color:var(--secondary-600);font-size:var(--text-sm)}.role-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-1) var(--space-3);text-transform:uppercase}.role-badge.student{background:#cce0e4;border:1px solid #538a95;color:#3a6c74}.role-badge.instructor{background:#cceae1;border:1px solid #67b79e;color:#4a8d78}.role-badge.admin-role{background:#ffe3b3;border:1px solid #ffb727;color:#c80}.role-badge.super-admin-role{background:#f5b5a3;border:1px solid #e4491c;color:#a33111}.company-name{color:var(--secondary-700);font-size:var(--text-sm);font-weight:500}.no-company{color:var(--secondary-400);font-style:italic}.fab{background-color:#3b82f6;border-radius:50%;bottom:2rem;box-shadow:0 4px Spx #0003,0 2px 4px #00000026;color:#fff;font-size:28px;font-weight:300;right:2rem;text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.fab:hover{box-shadow:0 6px 12px #0000004d,0 3px 6px #0003;transform:scale(1.05)}@media (max-width:1024px){.users-content{gap:var(--space-6);grid-template-columns:1fr}.filters-section .card{position:static}.filter-form{align-items:end;flex-direction:row}.filter-form .form-group{flex:1 1;margin-bottom:0}.filter-form .btn{flex-shrink:0}}@media (max-width:768px){.users-page{padding:var(--space-4) 0}.page-title{font-size:var(--text-3xl)}.users-stats{grid-template-columns:1fr}.users-content,.users-stats{gap:var(--space-4)}.filter-form,.table-header{flex-direction:column}.table-header{align-items:flex-start;gap:var(--space-2)}.users-table td,.users-table th{padding:var(--space-3) var(--space-4)}.user-info{gap:var(--space-2)}.user-avatar{font-size:var(--text-xs);height:32px;width:32px}}@media (max-width:480px){.users-table{font-size:var(--text-sm)}.users-table td,.users-table th{padding:var(--space-2) var(--space-3)}.th-content{font-size:var(--text-xs)}.user-name{font-size:var(--text-sm)}.user-email{font-size:var(--text-xs)}.role-badge{font-size:10px;padding:var(--space-1) var(--space-2)}.company-name{font-size:var(--text-xs)}}.new-password-display{align-items:center;background-color:var(--secondary-100);border:1px solid var(--secondary-300);border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0000000f;display:flex;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4)}.new-password-display span{color:var(--secondary-800);flex-grow:1;font-family:Courier New,Courier,monospace;font-size:var(--text-lg);font-weight:600;letter-spacing:1.5px;text-align:center}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1 1;min-width:0}.PhoneInputCountryIcon{height:1em;height:var(--PhoneInputCountryFlag-height);width:1.5em;width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:1em;width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:#0000001a;background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:.8;opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:.65;opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-self:stretch;margin-right:.35em;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:1px;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:currentColor;border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:1px;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-top-width:0;height:.3em;height:var(--PhoneInputCountrySelectArrow-width);margin-left:.35em;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:.45;opacity:var(--PhoneInputCountrySelectArrow-opacity);transform:rotate(45deg);transform:var(--PhoneInputCountrySelectArrow-transform);width:.3em;width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cb;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.profile-page{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);min-height:100vh;padding:var(--space-8) 0}.profile-card{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:auto;max-width:800px;overflow:hidden}.profile-header-background{background:var(--gradient-primary);height:200px}.profile-content{padding:0 var(--space-8) var(--space-8);position:relative;text-align:center}.profile-picture-wrapper{display:inline-block;margin-top:-75px;position:relative}.profile-picture-container{background-color:var(--bg-tertiary);border:5px solid var(--bg-secondary);border-radius:50%;box-shadow:var(--shadow-sm);position:relative}.profile-picture-container.editable{cursor:pointer}.profile-picture{border-radius:50%;display:block;height:150px;object-fit:cover;width:150px}.profile-picture-overlay{align-items:center;background-color:#00000080;border-radius:50%;color:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.profile-picture-container.editable:hover .profile-picture-overlay{opacity:1}.picture-menu{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:50%;overflow:hidden;position:absolute;top:calc(100% + 10px);transform:translateX(-50%);width:160px;z-index:10}.menu-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);text-align:left;transition:background-color .2s ease;width:100%}.menu-item:hover{background-color:var(--surface-tertiary)}.profile-details{margin-top:var(--space-6)}.profile-name{color:var(--text-primary);font-size:var(--text-3xl);font-weight:700;margin:0}.profile-role{color:var(--text-secondary);font-size:var(--text-lg);margin:var(--space-1) 0 0}.profile-company{color:var(--text-tertiary);font-size:var(--text-base);margin-top:var(--space-2)}.profile-actions{margin-top:var(--space-6)}.profile-error,.profile-loading{color:var(--text-secondary);font-size:var(--text-lg);padding:var(--space-16);text-align:center}.super-admin-layout{align-items:start;background:linear-gradient(135deg,#0f172a,#1e293b);display:grid;grid-template-columns:auto 1fr;min-height:100vh;width:100%}.super-admin-layout .container{padding-left:var(--space-8);padding-right:var(--space-8);width:100%}.super-admin-sidebar{background:#1e293b99;border:1px solid #3b82f61a;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000004d;margin-left:var(--space-8);padding:var(--space-4) var(--space-2);position:-webkit-sticky;position:sticky;top:var(--space-6);width:240px}.super-admin-sidebar nav ul{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.super-admin-sidebar nav a{border-radius:var(--radius-md);color:#ffffffb3;display:block;font-weight:500;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.super-admin-sidebar nav a:hover{background-color:#3b82f61a;color:#fff}.super-admin-sidebar nav a.active{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;font-weight:600}.edit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal{animation:fadeIn .2s ease-out;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #3b82f61a;border-radius:var(--radius-lg);box-shadow:0 16px 32px #00000080;display:flex;flex-direction:column;height:auto;max-height:calc(100vh - var(--space-8)*2);max-width:800px;width:100%}.edit-modal .card-body{overflow-y:auto}.modal-header{align-items:flex-start;color:#fff}.modal-content{padding:var(--space-2) 0}.dependencies-list{background-color:#3b82f60d;border:1px solid #3b82f633;border-radius:var(--radius-md);color:#ffffffb3;font-size:var(--text-sm);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.dependency-group{margin-bottom:var(--space-4)}.dependency-header{align-items:center;color:#fffc;display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.dependency-header input[type=checkbox]{height:16px;width:16px}.dependency-items{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:var(--space-2) 0 0 0;padding-left:var(--space-5)}.dependency-items li{align-items:center;color:#fff9;display:flex;font-size:var(--text-sm);gap:var(--space-2)}.modal-tip{color:#ffffff80;font-size:var(--text-xs);margin-top:var(--space-4)}.table-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.form-section-title{border-bottom:1px solid #3b82f61a;color:#fff;font-size:var(--text-lg);font-weight:600;grid-column:1/-1;margin-bottom:var(--space-2);margin-top:var(--space-6);padding-bottom:var(--space-2)}.form-section-title:first-of-type{margin-top:0}.step-indicator{border-bottom:1px solid #3b82f61a;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.step,.step-indicator{display:flex;position:relative}.step{align-items:center;color:#ffffff80;flex:0 1 auto;font-size:var(--text-sm);font-weight:500;gap:var(--space-2)}.step:not(:last-child):after{background-color:#3b82f61a;content:"";height:2px;left:calc(100% + var(--space-2));position:absolute;right:calc(-100% - var(--space-2));top:12px;transition:background-color var(--transition-slow);width:100%}.step.completed:not(:last-child):after{background-color:#3b82f6}.step.active{color:#3b82f6;font-weight:600}.step.completed{color:#06b6d4}.step-number{align-items:center;background-color:#3b82f61a;border-radius:50%;color:#ffffff80;display:flex;font-size:var(--text-xs);height:24px;justify-content:center;transition:all var(--transition-fast);width:24px;z-index:1}.step.active .step-number,.step.completed .step-number{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff}.PhoneInput{position:relative}.PhoneInputCountry{align-items:center;display:flex;left:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.PhoneInputCountrySelect{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:#ffffffb3;cursor:pointer;font-family:inherit;font-size:1rem;margin-left:var(--space-2);padding:0 18px 0 0}.PhoneInputCountrySelectArrow{border-color:#ffffff80 #0000 #0000;border-style:solid;border-width:5px 4px 0;content:"";display:block;height:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:0}.PhoneInput .MuiInputLabel-shrink~.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend{margin-left:0}.PhoneInput .MuiInputLabel-root:not(.MuiInputLabel-shrink){color:#ffffffb3!important;transform:translate(46px,16px) scale(1)}.PhoneInput .MuiOutlinedInput-input{color:#fff;padding-left:50px!important}.PhoneInput .PhoneInputCountry{align-items:center;display:flex;left:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.PhoneInput .PhoneInputCountrySelect{-webkit-appearance:none;appearance:none;background-color:initial;background-image:none;border:none;color:#ffffffb3;cursor:pointer;font-family:inherit;font-size:1rem;margin-left:var(--space-2);padding:0}.tabs-container{border-bottom:2px solid #3b82f61a;display:flex}.tab-button{background-color:initial;border:none;color:#fff9;cursor:pointer;font-size:var(--text-md);font-weight:500;padding:var(--space-3) var(--space-5);position:relative;transition:color var(--transition-fast)}.tab-button:hover{color:#fffc}.tab-button.active{color:#3b82f6;font-weight:600}.tab-button.active:after{background-color:#3b82f6;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.MuiOutlinedInput-root,.MuiOutlinedInput-root input,.MuiOutlinedInput-root textarea{color:#fff}.MuiOutlinedInput-root fieldset{border-color:#fff3}.MuiOutlinedInput-root:hover fieldset{border-color:#ffffff4d}.MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.MuiInputLabel-root{color:#ffffffb3!important}.MuiInputLabel-root.Mui-focused{color:#3b82f6!important}.MuiInputLabel-root.Mui-disabled{color:#fff6!important}.MuiAutocomplete-paper{background-color:#1e293b!important}.MuiAutocomplete-option{color:#fff!important}.MuiAutocomplete-option[aria-selected=true]{background-color:#3b82f633!important}.MuiAutocomplete-listbox,.MuiSelect-select{color:#fff}.MuiSelect-icon{color:#ffffff80}.MuiMenuItem-root{color:#fff!important}.MuiMenuItem-root:hover{background-color:#3b82f61a!important}.MuiMenuItem-root.Mui-selected{background-color:#3b82f633!important}.MuiMenu-paper{background-color:#1e293b!important}.MuiOutlinedInput-input::placeholder{color:#fff6;opacity:1}.MuiFormHelperText-root{color:#fff9!important}.MuiCheckbox-root{color:#ffffff80!important}.MuiCheckbox-root.Mui-checked{color:#3b82f6!important}.MuiRadio-root{color:#ffffff80!important}.MuiRadio-root.Mui-checked{color:#3b82f6!important}.MuiSwitch-root .MuiSwitch-switchBase{color:#ffffff80!important}.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked{color:#3b82f6!important}.MuiSwitch-root .MuiSwitch-track{background-color:#fff3!important}.MuiButton-contained{background:linear-gradient(135deg,#3b82f6,#06b6d4)!important;color:#fff!important}.MuiButton-outlined{border-color:#ffffff4d!important;color:#fffc!important}.MuiButton-outlined:hover{background-color:#3b82f61a!important;border-color:#3b82f6!important}.MuiButton-text{color:#fffc!important}.MuiDialog-paper{background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:1px solid #3b82f61a!important}.MuiDialog-backdrop{background-color:#000000b3!important}.MuiTableCell-head{background-color:#3b82f61a!important;color:#3b82f6!important;font-weight:600}.MuiTableCell-body{border-bottom-color:#3b82f61a!important;color:#fffc!important}.MuiTableRow-root:hover{background-color:#3b82f60d!important}.MuiCard-root{background:#1e293b99!important;border:1px solid #3b82f61a!important;color:#fffc!important}.reports-dashboard{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);min-height:100vh;overflow-x:hidden;padding:var(--space-6);position:relative;transition:var(--transition-all)}.reports-dashboard-header{animation:slideInDown .6s ease-out;margin-bottom:var(--space-12);text-align:center}.reports-dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-cyan) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.875rem,5vw,2.25rem);font-weight:var(--font-bold);letter-spacing:-.5px;margin:0 0 var(--space-2) 0}.reports-dashboard-header p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.stat-card-container{grid-gap:var(--space-4);animation:fadeIn .6s ease-out;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-10)}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:visible;padding:var(--space-6);position:relative;transition:var(--transition-slow)}.stat-card:before{background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));border-radius:0 0 var(--radius-2xl) var(--radius-2xl);bottom:-4px;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.stat-card:hover{background:var(--surface-tertiary);border-color:var(--border-hover);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.stat-card:hover:before{opacity:1}.stat-card-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4);min-height:56px}.stat-card-icon{align-items:center;background:linear-gradient(135deg,#3b82f626,#06b6d426);border-radius:var(--radius-xl);color:var(--accent-blue);display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.stat-card-trend{background:#10b98126;border-radius:var(--radius-lg);color:var(--success);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3)}.stat-card-trend.negative{background:#ef444426;color:var(--error)}.stat-card-value{color:var(--text-primary);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-bold);letter-spacing:-.5px;line-height:1.2;margin-bottom:var(--space-2)}.stat-card-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.4;margin-bottom:var(--space-1)}.stat-card-subtitle{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.4}.reports-tabs-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);overflow-x:auto;padding:var(--space-3);scrollbar-color:#8b5cf666 #0000;scrollbar-width:thin}.reports-tabs-container::-webkit-scrollbar{height:4px}.reports-tabs-container::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:var(--radius-full)}.reports-tabs-list{display:flex;gap:var(--space-2);list-style:none;margin:0;padding:0}.reports-tab-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);line-height:1.2;min-height:44px;padding:var(--space-3) var(--space-4);transition:var(--transition-all);white-space:nowrap}.reports-tab-button:hover{background:#3b82f61a;color:var(--accent-blue)}.reports-tab-button.active{background:linear-gradient(135deg,#3b82f633,#06b6d433);border-bottom:2px solid var(--accent-blue);color:var(--text-primary)}.reports-content-section{animation:fadeIn .5s ease-out}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.section-title{color:var(--text-primary);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:var(--font-bold);line-height:1.3;margin:0}.section-subtitle{color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.4;margin-top:var(--space-2)}.cards-grid{grid-gap:var(--space-4);align-items:stretch;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:var(--space-4)}@supports (display:grid){.cards-grid{grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.data-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-height:200px;padding:var(--space-6);transition:var(--transition-slow)}.data-card:hover{background:var(--surface-tertiary);border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.data-card-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1.4;margin:0 0 var(--space-2) 0;padding-bottom:var(--space-2);word-break:break-word}.data-card-meta{color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);line-height:1.4;margin-bottom:var(--space-4)}.data-card-content{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-2)}.progress-container{display:flex;gap:var(--space-3);padding:var(--space-3) 0}.progress-label-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:end;line-height:1.2;margin-bottom:var(--space-2);min-height:auto;padding:0}.progress-label,.progress-label-row{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.progress-label{flex:1 1;margin:0;min-width:0;white-space:normal}.progress-bar-wrapper{background:#ffffff14;border-radius:var(--radius-full);box-shadow:inset 0 1px 3px #0000004d;height:8px;margin-bottom:var(--space-1);margin-top:var(--space-1);overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));border-radius:var(--radius-full);box-shadow:0 0 10px #3b82f666;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-percentage{display:flex;width:25%}.badge-group{display:flex;flex-wrap:wrap;gap:var(--space-2);row-gap:var(--space-2)}.badge{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);justify-content:center;line-height:1.2;min-height:28px;padding:var(--space-2) var(--space-3);transition:var(--transition-all);white-space:nowrap}.badge-success{background:#10b98126;border:1px solid #10b9814d;color:var(--success)}.badge-warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:var(--warning)}.badge-primary{background:#3b82f626;border:1px solid #3b82f64d;color:var(--accent-blue)}.badge-neutral{background:#ffffff1a;border:1px solid #ffffff26;color:var(--text-secondary)}.badge:hover{box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.empty-state{align-items:center;background:var(--surface-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-2xl);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--space-12)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state-text{color:var(--text-tertiary);font-size:var(--text-sm);max-width:400px}.avatar{align-items:center;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--text-lg);font-weight:var(--font-bold);height:48px;justify-content:center;width:48px}.avatar-small{font-size:var(--text-sm);height:36px;width:36px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:60vh}.loading-spinner{color:var(--accent-blue)}.loading-text{color:var(--text-secondary);font-size:var(--text-sm)}.chart-container{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-height:350px;padding:var(--space-6);position:relative}.chart-header{margin-bottom:var(--space-5)}.chart-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1.4;margin:0}.chart-content{flex-grow:1;height:300px;position:relative}.chart-placeholder{align-items:center;color:var(--text-tertiary);display:flex;height:100%;justify-content:center}.layout-two-column{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:2fr 1fr}@media (max-width:1024px){.layout-two-column{grid-template-columns:1fr}.stat-card-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.reports-dashboard{padding:var(--space-4)}.reports-dashboard-header{margin-bottom:var(--space-8)}.reports-dashboard-header h1{font-size:1.5rem}.stat-card-container{gap:var(--space-3);grid-template-columns:1fr;margin-bottom:var(--space-8)}.stat-card{padding:var(--space-5)}.cards-grid{gap:var(--space-3);grid-template-columns:1fr}.chart-container{min-height:300px;padding:var(--space-4)}.chart-content{height:250px}.section-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.reports-dashboard{padding:var(--space-3)}.reports-dashboard-header{margin-bottom:var(--space-6)}.reports-dashboard-header h1{font-size:1.25rem}.reports-dashboard-header p{font-size:var(--text-xs)}.stat-card-container{margin-bottom:var(--space-6)}.stat-card-icon{height:44px;width:44px}.stat-card-icon,.stat-card-value{font-size:1.25rem}.stat-card-label{font-size:var(--text-xs)}.reports-tabs-list{gap:0}.reports-tab-button{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.section-title{font-size:1.125rem}.cards-grid{grid-template-columns:1fr}.data-card{padding:var(--space-5)}.chart-container{min-height:280px;padding:var(--space-3)}.chart-content{height:220px}.empty-state{min-height:250px;padding:var(--space-6)}.empty-state-icon{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-center,.form-modal-overlay{align-items:center;display:flex;justify-content:center}.form-modal-overlay{background:#02061799;bottom:0;left:0;overflow-y:auto;padding:var(--space-4);position:fixed;right:0;top:0;z-index:9999}.form-modal{background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:1px solid #3b82f614!important;border-radius:var(--radius-lg);box-shadow:0 16px 32px #00000080!important;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.form-modal .card-body{padding:var(--space-6)}.modal-header{gap:var(--space-4);margin-bottom:var(--space-6)}.modal-header h3{font-size:var(--text-xl)}.close-btn{height:40px;min-width:40px!important;padding:var(--space-2)!important}.informativo-form{display:flex;flex-direction:column;gap:var(--space-4)}.informativo-form .MuiTextField-root{background:#ffffff0d;border-radius:8px}.informativo-form .MuiTextField-root .MuiOutlinedInput-root{color:#fff}.informativo-form .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#ffffff1a}.informativo-form .MuiTextField-root:hover .MuiOutlinedInput-root fieldset{border-color:#3b82f64d}.informativo-form .MuiOutlinedInput-input::placeholder{color:#fff6;opacity:1}.informativo-form .MuiFormLabel-root{color:#ffffffb3!important}.expiration-section{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:8px;padding:var(--space-3)}.expiration-section .MuiFormControlLabel-root{color:#fff;margin-bottom:var(--space-2)}.images-section{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:8px;padding:var(--space-4)}.images-section h4{color:#fff;font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-3)}.upload-area{margin-bottom:var(--space-3)}.upload-label{background:#3b82f61a;border:2px dashed #3b82f64d;border-radius:8px;color:#667eea;cursor:pointer;display:block;font-weight:500;padding:var(--space-4);text-align:center;transition:all .2s ease}.upload-label:hover{background:#3b82f633;border-color:#3b82f680}.images-preview{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.image-item{align-items:center;aspect-ratio:1;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.image-thumbnail{height:100%;object-fit:cover;width:100%}.pdf-preview{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:8px;width:100%}.pdf-icon{font-size:28px}.pdf-name{color:#fff;font-size:10px;font-weight:600;text-align:center;word-break:break-all}.remove-btn{background:#ef4444cc!important;border-radius:0;color:#fff;height:auto;margin:0!important;min-width:auto!important;opacity:0;padding:4px!important;position:absolute;right:0;top:0;transition:opacity .2s ease}.image-item:hover .remove-btn{opacity:1}.modal-actions{gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4)}.modal-actions .btn{min-width:120px}@media (max-width:600px){.form-modal-overlay{padding:var(--space-2)}.form-modal{max-width:100%}.form-modal .card-body{padding:var(--space-4)}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{min-width:auto}}.media-modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.media-modal-overlay.expanded{background-color:#000;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;overflow:hidden;position:relative;width:95vw}@media (min-width:1024px){.media-modal{height:95vh;width:98vw}}.media-modal.expanded-modal{background:#000;border-radius:0;bottom:0;box-shadow:none;left:0;max-height:100vh;max-width:100vw;position:fixed;right:0;top:0;z-index:10001}.media-modal.expanded-modal .media-container{border-radius:0;padding:0}.media-close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:15px;top:0;transition:all .3s ease;width:40px;z-index:10001}.media-close-btn:hover{background:#fff;transform:scale(1.1)}.media-fullscreen-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:65px;top:15px;transition:all .3s ease;width:40px;z-index:10001}.media-fullscreen-btn:hover{background:#fff;transform:scale(1.1)}.media-expand-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:65px;top:15px;transition:all .3s ease;width:40px;z-index:10001}.media-expand-btn:hover{background:#fff;transform:scale(1.1)}.expand-close-btn{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;pointer-events:auto;position:fixed;right:30px;top:10px;transition:all .3s ease;width:50px;z-index:10002}.expand-close-btn:hover{background:#fff;transform:scale(1.15)}.media-container{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;overflow:auto}.media-image{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.pdf-viewer-desktop{border:none;border-radius:8px;height:100%;width:100%}.pdf-viewer-mobile-wrapper{border-radius:8px;overflow:hidden;width:100%}.pdf-loading,.pdf-viewer-mobile-wrapper{display:flex;flex-direction:column;height:100%}.pdf-loading{align-items:center;color:#ffffffb3;gap:16px;justify-content:center}.pdf-loading .spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fff9;height:40px;width:40px}@media (min-width:769px){.pdf-viewer-mobile-wrapper{display:none}}@media (max-width:768px){.pdf-viewer-desktop{display:none}}.media-navigation{align-items:center;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-top:1px solid #ddd;border-top:1px solid var(--border-color,#ddd);display:flex;gap:15px;justify-content:space-between;padding:15px 20px}.nav-btn{background:#007bff;background:var(--accent-primary,#007bff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.nav-btn:hover{background:#0056b3;background:var(--accent-hover,#0056b3);transform:translateY(-2px)}.nav-btn:active{transform:translateY(0)}.media-counter{color:#333;color:var(--text-primary,#333);font-weight:600;min-width:60px;text-align:center}@media (max-width:768px){.media-navigation{flex-wrap:wrap;gap:10px}.nav-btn{flex:1 1;min-width:100px}.media-info{flex-direction:column;gap:5px;text-align:center}.file-name{width:100%}.file-type{margin-left:0}}.informativo-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #3b82f61a;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.informativo-card:before{background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0}.informativo-card:hover{border-color:#3b82f64d;box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px)}.card-images{background:#0003;height:200px;overflow:hidden;width:100%}.card-images.clickable{cursor:pointer}.image-carousel{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.pdf-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;width:100%}.pdf-icon{font-size:48px}.informativo-card:hover .card-image{transform:scale(1.05)}.informativo-card:hover .pdf-thumbnail{background:linear-gradient(135deg,#764ba2,#667eea)}.image-count{background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:var(--text-xs);font-weight:600;padding:4px 8px;position:absolute;right:8px}.card-content{display:flex;flex:1 1;flex-direction:column;padding:var(--space-4)}.card-title{border-bottom:2px solid #3b82f64d;color:#fff;font-size:var(--text-xl);font-weight:700;letter-spacing:.5px;line-height:1.3;margin:0 0 var(--space-2);padding-bottom:var(--space-2);text-transform:uppercase}.card-description{color:#fffc;flex:1 1;font-size:var(--text-sm);font-weight:400;line-height:1.6;margin:0 0 var(--space-3)}.card-metadata{border-bottom:1px solid #3b82f61a;display:flex;flex-direction:column;font-size:var(--text-xs);font-style:italic;gap:var(--space-1);margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.meta-item{align-items:center;display:flex;justify-content:space-between}.meta-label{color:#fff9;font-style:normal;font-weight:400}.meta-value{color:#ffffffe6;font-weight:500}.meta-value.expiration{color:#06b6d4;font-style:normal}.meta-value.expiration.expired{color:#ef4444;font-style:normal;text-decoration:line-through}.card-actions{flex-direction:row;gap:var(--space-2)}.card-actions,.card-actions .btn{align-items:center;display:flex;justify-content:center}.card-actions .btn{border-radius:var(--radius-md);flex:1 1;font-size:var(--text-xs);font-weight:500;gap:var(--space-1);letter-spacing:.5px;min-width:0;padding:var(--space-2) var(--space-2);text-transform:uppercase;transition:all .2s ease}.btn-text{display:inline}@media (max-width:768px){.card-actions .btn{flex:none;min-width:auto}.btn-text{display:none}}.card-actions .btn-success{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;color:#fff}.card-actions .btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.card-actions .btn-outline-primary{background:#0000;border:1px solid #3b82f680;color:#3b82f6}.card-actions .btn-outline-secondary{background:#0000;border:1px solid #9ca3af80;color:#9ca3af}.card-actions .btn-outline-secondary:hover{background:#9ca3af1a;border-color:#9ca3af;color:#d1d5db;transform:translateY(-1px)}@media (max-width:480px){.card-content{padding:var(--space-3)}.card-title{font-size:var(--text-base)}.card-description{font-size:var(--text-xs)}}.carousel-banner{border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:0 auto 2rem;max-width:1200px;overflow:hidden;position:relative;width:100%}.carousel-container{height:280px;position:relative;width:100%}.carousel-container.clickable:hover{transform:scale(1.02)}.carousel-image{display:block;height:100%;object-fit:cover;width:100%}.carousel-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;left:0;padding:2rem 1.5rem 1rem;position:absolute;right:0}.carousel-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 2px 4px #00000080}.carousel-description{font-size:1rem;line-height:1.4;margin:0;opacity:.9;text-shadow:0 1px 2px #00000080}.carousel-indicators{bottom:1rem;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%)}.indicator{background-color:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:background-color .3s ease;width:12px}.indicator.active{background-color:#fff}.indicator:hover{background-color:#fffc}@media (max-width:768px){.carousel-container{height:200px}.carousel-overlay{padding:1.5rem 1rem .5rem}.carousel-title{font-size:1.25rem}.carousel-description{font-size:.9rem}}.informativos-sidebar-overlay{background:linear-gradient(135deg,#1e293b,#0f172a);border-left:1px solid #3b82f61a;bottom:0;box-shadow:-2px 0 8px #0003;display:flex;flex-direction:column;margin-bottom:var(--space-6);padding-bottom:var(--space-6);position:fixed;right:0;top:80px;width:280px;z-index:100}.informativos-sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.sidebar-header{align-items:center;background:#3b82f60d;border-bottom:1px solid #3b82f61a;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-2) var(--space-3)}.sidebar-header h3{color:#fff;font-size:var(--text-sm);font-weight:600;margin:0}.close-btn{background:#0000;border:none;border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;display:none;font-size:1rem;padding:var(--space-1);transition:all .2s ease}.close-btn:hover{background:#3b82f61a;color:#fff}.sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);overflow-y:auto;padding:var(--space-2)}.empty-state,.loading-state{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;font-size:var(--text-xs);justify-content:center;padding:var(--space-4);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:var(--space-4);width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state h4{color:#fffc;margin:var(--space-2) 0}.informativos-list{display:flex;flex-direction:column;gap:var(--space-2)}.informativo-item{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2);transition:all .2s ease}.informativo-item:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateX(-2px)}.item-thumbnail{align-items:center;background:#3b82f61a;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.thumbnail-image{border-radius:var(--radius-sm);height:100%;object-fit:cover;width:100%}.pdf-icon-mini{font-size:1.5rem}.item-content{cursor:pointer;margin-bottom:var(--space-1)}.item-title{-webkit-line-clamp:2;line-clamp:2;color:#fff;font-weight:600;line-height:1.3}.item-description,.item-title{-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--text-xs);margin:0;overflow:hidden;text-overflow:ellipsis}.item-description{-webkit-line-clamp:1;line-clamp:1;color:#fff9;line-height:1.2}.item-meta{display:none}.item-actions{display:flex;gap:var(--space-1);justify-content:flex-end}.item-actions .btn{font-size:var(--text-xs);min-width:auto;padding:var(--space-1)}@keyframes pulse{0%{box-shadow:0 0 0 0 #3b82f6b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 0 0 #3b82f600;transform:scale(1)}}.pulse-animation{animation:pulse 1.5s cubic-bezier(.4,0,.6,1)}.informativo-modal-overlay{align-items:center;background:#020617cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.informativo-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #3b82f61a;border-radius:var(--radius-lg);box-shadow:0 16px 32px #00000080;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#3b82f60d;border-bottom:1px solid #3b82f61a;display:flex;justify-content:space-between;padding:var(--space-4)}.modal-header h3{color:#fff;font-size:var(--text-lg);font-weight:600;margin:0}.modal-close{background:#0000;border:none;border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;font-size:1.5rem;padding:var(--space-1);transition:all .2s ease}.modal-close:hover{background:#3b82f61a;color:#fff}.modal-content{max-height:calc(80vh - 140px);overflow-y:auto;padding:var(--space-4)}.modal-meta{color:#fff9;display:flex;font-size:var(--text-sm);justify-content:space-between;margin-bottom:var(--space-4)}.modal-description{color:#ffffffe6;font-size:var(--text-base);line-height:1.6}.modal-actions{border-top:1px solid #3b82f61a;display:flex;justify-content:flex-end;padding:var(--space-4)}@media (max-width:768px){.informativos-sidebar-overlay{display:none}.informativo-modal{max-height:90vh;width:95%}.modal-content{max-height:calc(90vh - 140px)}}@media (max-width:480px){.modal-actions,.modal-content,.modal-header,.sidebar-content,.sidebar-header{padding:var(--space-3)}}.informativos-page{background:#0000;display:flex;min-height:calc(100vh - 72px)}.informativos-page.loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center}.informativos-container{flex:1 1;margin-right:280px;padding:0 var(--space-4)}.informativos-header{align-items:flex-start;display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-8)}.informativos-header>div{flex:1 1}.header-actions{align-items:center;display:flex;gap:var(--space-3)}.informativos-filters{margin-bottom:var(--space-6)}.filter-toggle{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-2) var(--space-3);position:relative;transition:var(--transition-all)}.filter-toggle:hover{background:var(--surface-secondary)}.filter-toggle input[type=checkbox]{display:none}.toggle-slider{background:var(--border-dark);border-radius:10px;height:20px;position:relative;transition:var(--transition-all);width:40px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:16px;left:2px;position:absolute;top:2px;transition:var(--transition-all);width:16px}.filter-toggle input[type=checkbox]:checked+.toggle-slider{background:var(--accent-blue)}.filter-toggle input[type=checkbox]:checked+.toggle-slider:before{left:22px}.page-title{color:#fff;font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-2)}.page-subtitle{color:#ffffffb3;font-size:var(--text-base);margin:0}.error-state{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#fca5a5;margin-bottom:var(--space-4);padding:var(--space-4);text-align:center}.error-state p{margin:0 0 var(--space-3)}.empty-state{color:#fff9;padding:var(--space-16);text-align:center}.empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.empty-state h3{color:#fffc;margin:0 0 var(--space-2)}.empty-state p{margin:0}.informativos-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.banner-divider{background:linear-gradient(90deg,#0000,var(--border-light),#0000);display:none;height:1px;margin:var(--space-4) 0}@media (max-width:768px){.informativos-container{margin-right:0}.informativos-header{flex-direction:column}.informativos-grid{grid-template-columns:1fr}.page-title{font-size:var(--text-2xl)}.banner-divider{display:block}}.fab{align-items:center;background:var(--accent-blue);border:none;border-radius:var(--radius-full);bottom:var(--space-5);box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:var(--space-5);transition:var(--transition-all);width:56px;z-index:1000}.fab:hover{background:var(--accent-blue-dark);transform:scale(1.1)}
/*# sourceMappingURL=main.284a71fb.css.map*/