html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:#081830;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}[data-animate],.reveal{opacity:1!important;transform:none!important}.form-group,.auth-page,.auth-card,.auth-header,.auth-form,.auth-footer{opacity:1!important}#root{width:100%;text-align:center}body{background:linear-gradient(180deg,#fafcff,#f5f8ff)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--primary: #0091e0;--secondary: #155c91;--tertiary: #224975;--primary-dark: #155c91;--primary-light: #4fb1e4;--accent: #081830;--success: #059669;--warning: #d97706;--error: #dc2626;--info: #4fb1e4;--white: #ffffff;--gray-50: #f8fafb;--gray-100: #f1f4f7;--gray-200: #e4e9ed;--gray-300: #d1d8de;--gray-400: #9ca6b0;--gray-500: #6b7684;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #081830;--border: #e4e9ed;--ring: #d1d8de;--muted: #6b7684;--background: #ffffff;--foreground: #081830;--card-background: #ffffff;--card-border: #e4e9ed;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--space-20: 5rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Alexandria", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition: all .2s ease-in-out;--transition-fast: all .1s ease-in-out;--transition-slow: all .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-family);line-height:1.6;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--background);color:var(--foreground);font-size:var(--font-size-base);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin-bottom:var(--space-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4)}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius);font-weight:600;font-size:var(--font-size-sm);text-decoration:none;cursor:pointer;transition:var(--transition);background:var(--primary);color:var(--white);min-height:40px}.btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-outline{background:transparent;border-color:var(--border);color:var(--foreground)}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-ghost{background:transparent;color:var(--foreground)}.btn-ghost:hover{background:var(--gray-100)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:32px}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);min-height:48px}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--font-size-lg);min-height:56px}.icon-btn{gap:var(--space-2)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-glass{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.muted{color:var(--muted)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.modal{position:fixed;inset:0;display:none;place-items:center;background:#02061773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999}.modal.show{display:grid}.modal .sheet{width:min(760px,96%);max-height:80vh;overflow:auto;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:var(--space-6)}.sheet header,.sheet footer{padding:var(--space-4);background:var(--white);border-bottom:1px solid var(--border)}.sheet footer{border-top:1px solid var(--border);border-bottom:0;display:flex;justify-content:end;gap:var(--space-2)}.sheet .content{padding:var(--space-4)}.reveal{opacity:1!important;transform:none!important}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--space-3)}}.rtl{direction:rtl;text-align:right}.rtl .container{text-align:right}.rtl .flex{flex-direction:row-reverse}.rtl .flex-col{flex-direction:column}.rtl .text-left{text-align:right}.rtl .text-right{text-align:left}.rtl .ml-auto{margin-left:0;margin-right:auto}.rtl .mr-auto{margin-right:0;margin-left:auto}.rtl .pl-4{padding-left:0;padding-right:var(--space-4)}.rtl .pr-4{padding-right:0;padding-left:var(--space-4)}[data-theme=dark]{--white: #1a1a1a;--gray-50: #2a2a2a;--gray-100: #3a3a3a;--gray-200: #4a4a4a;--gray-300: #5a5a5a;--gray-400: #6a6a6a;--gray-500: #7a7a7a;--gray-600: #8a8a8a;--gray-700: #9a9a9a;--gray-800: #aaaaaa;--gray-900: #ffffff;--border: #4a4a4a;--ring: #5a5a5a;--muted: #7a7a7a;--background: #1a1a1a;--foreground: #ffffff;--card-background: #2a2a2a;--card-border: #4a4a4a;--primary-light: #0066cc}body.dark-mode{background:linear-gradient(135deg,#081830,#224975);color:var(--foreground)}body.dark-mode .card{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .btn-outline:hover{background:#ffffff1a;border-color:#fff3}body.dark-mode .modal .sheet{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .sheet header,body.dark-mode .sheet footer{background:var(--card-background);border-color:var(--card-border)}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background:var(--gray-100);border-color:var(--border);color:var(--foreground)}body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0091e01a}body.dark-mode table{background:var(--card-background);border-color:var(--card-border)}body.dark-mode th,body.dark-mode td{border-color:var(--card-border)}body.dark-mode .topbar{background:linear-gradient(135deg,#081830,#224975);border-bottom-color:#2249754d}body.dark-mode .topbar .wrap,body.dark-mode .topbar .brand,body.dark-mode .topbar .actions,body.dark-mode .topbar .right-tools{background:transparent}body.dark-mode .mobile-drawer{background:linear-gradient(135deg,#081830,#224975)}body.dark-mode .account-menu{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .avatar-btn{background:var(--card-background);border-color:var(--card-border);color:var(--foreground)}body.dark-mode .dark-mode-toggle{background:transparent;border-color:var(--border);color:var(--foreground)}body.dark-mode .dark-mode-toggle:hover{background:#ffffff1a;border-color:#fff3;color:var(--primary)}body.dark-mode .language-toggle{background:transparent;border-color:var(--border);color:var(--foreground)}body.dark-mode .language-toggle:hover{background:#ffffff1a;border-color:#fff3;color:var(--primary)}body.dark-mode .hamburger-btn{background:var(--card-background);border-color:var(--card-border);color:var(--foreground)}body.dark-mode .m-item{background:linear-gradient(180deg,var(--card-background),var(--gray-50));border-color:var(--card-border);color:var(--foreground)}body.dark-mode .m-item:hover{background:var(--primary-light);border-color:var(--primary);color:var(--white)}body.dark-mode .btn-ghost{background:transparent;color:var(--foreground)}body.dark-mode .btn-ghost:hover{background:#ffffff1a;color:var(--foreground)}body.dark-mode .form-group,body.dark-mode .form-label{color:var(--foreground)}body.dark-mode .form-control{background:var(--gray-100);border-color:var(--border);color:var(--foreground)}body.dark-mode .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0091e01a;background:var(--gray-100)}body.dark-mode .form-control::placeholder{color:var(--gray-500)}body.dark-mode .alert{background:var(--card-background);border-color:var(--card-border);color:var(--foreground)}body.dark-mode .alert-success{background:#0596691a;border-color:#059669;color:#10b981}body.dark-mode .alert-error{background:#dc26261a;border-color:#dc2626;color:#ef4444}body.dark-mode .alert-warning{background:#d977061a;border-color:#d97706;color:#f59e0b}body.dark-mode .alert-info{background:#4fb1e41a;border-color:#4fb1e4;color:#4fb1e4}body.dark-mode .badge-success{background:#059669;color:var(--white)}body.dark-mode .badge-warning{background:#d97706;color:var(--white)}body.dark-mode .badge-error{background:#dc2626;color:var(--white)}body.dark-mode .progress{background:var(--gray-100)}body.dark-mode .progress-bar{background:var(--primary)}body.dark-mode .dropdown-menu{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .dropdown-item{color:var(--foreground)}body.dark-mode .dropdown-item:hover{background:#ffffff1a;color:var(--foreground)}body.dark-mode .tooltip{background:var(--gray-900);color:var(--white)}body.dark-mode ::-webkit-scrollbar{width:8px;height:8px}body.dark-mode ::-webkit-scrollbar-track{background:#ffffff1a}body.dark-mode ::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#ffffff80}body.dark-mode ::selection{background:#0091e04d;color:var(--foreground)}body.dark-mode ::-moz-selection{background:#0091e04d;color:var(--foreground)}body.dark-mode a{color:var(--primary)}body.dark-mode a:hover{color:var(--primary-light)}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode p,body.dark-mode ul,body.dark-mode ol,body.dark-mode li{color:var(--foreground)}body.dark-mode code{background:var(--gray-100);color:var(--foreground);border:1px solid var(--border)}body.dark-mode pre{background:var(--gray-100);border:1px solid var(--border);color:var(--foreground)}body.dark-mode blockquote{border-left-color:var(--border);color:var(--foreground)}body.dark-mode hr{border-color:var(--border)}body.dark-mode mark{background:#0091e04d;color:var(--foreground)}body.dark-mode small{color:var(--gray-600)}body.dark-mode strong,body.dark-mode em{color:var(--foreground)}.topbar{grid-area:header;position:sticky;top:0;padding:var(--space-2) 0;height:90px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000;width:100%}.topbar.drawer-open{z-index:10002}.topbar.drawer-open .actions{display:none}.topbar .wrap{max-width:1200px;margin:0 auto;padding:0 var(--space-4);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--font-size-lg);color:var(--gray-900);background:transparent;border:0;cursor:pointer}.brand i{color:var(--primary);font-size:var(--font-size-xl)}.brand-logo{height:60px;width:auto;filter:drop-shadow(0 0 8px rgba(0,145,224,.2));transition:var(--transition)}.brand:hover .brand-logo{filter:drop-shadow(0 0 12px rgba(0,145,224,.3));transform:scale(1.02)}.right-tools{display:flex;align-items:center;gap:var(--space-2)}.topbar .actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:nowrap;white-space:nowrap}.topbar .actions .btn{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-sm);font-weight:600;font-size:var(--font-size-sm);color:var(--gray-700);text-decoration:none;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.topbar .actions .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.topbar .actions .btn:hover:before{left:100%}.topbar .actions .btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.topbar .actions .btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.topbar .actions .btn i{font-size:var(--font-size-base);transition:transform .2s ease}.topbar .actions .btn:hover i{transform:scale(1.1)}.topbar .actions .btn.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.topbar .actions .btn.btn-outline:hover{background:var(--primary);color:var(--white);box-shadow:0 4px 12px #6366f14d}.avatar-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-weight:800;color:var(--gray-700);cursor:pointer;transition:var(--transition)}.avatar-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.avatar-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #93c5fd73}.account-menu{position:absolute;inset-inline-end:var(--space-4);top:calc(100% + var(--space-2));width:min(320px,calc(100vw - 40px));background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-2);display:none;z-index:10000}.account-menu.open{display:block;animation:menuPop .16s ease}@keyframes menuPop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.account-menu .userbox{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--gray-50);border:1px solid var(--primary-light);margin-bottom:var(--space-2)}.account-menu .avatar.lg{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--primary-light);border:1px solid var(--primary);color:var(--primary);font-weight:800}.account-menu .item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);border:1px solid transparent;color:var(--gray-700);text-decoration:none;transition:var(--transition);cursor:pointer;background:none;border:none;width:100%;text-align:left;font-size:var(--font-size-sm)}.account-menu .item:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.account-menu .item.danger:hover{background:#fef2f2;border-color:var(--error);color:var(--error)}.account-menu .sep{height:1px;background:var(--gray-200);margin:var(--space-2) var(--space-1)}.enroll-dd{position:relative;display:inline-block}.enroll-dd>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-sm);font-weight:700;color:var(--gray-700);transition:var(--transition)}.enroll-dd>summary::-webkit-details-marker{display:none}.enroll-dd[open]>summary{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.enroll-menu{position:absolute;right:0;top:calc(100% + var(--space-2));width:min(640px,92vw);padding:var(--space-3);z-index:10000;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.en-head{font-weight:800;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-3);border-bottom:1px solid var(--gray-200);color:var(--gray-900)}.en-list{display:grid;gap:var(--space-3);padding:var(--space-3) 0}.en-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--white),var(--gray-50))}.en-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.en-ic{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--primary-light);border:1px solid var(--primary);color:var(--primary)}.en-title b{display:block;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gray-900);font-weight:700}.en-title .muted{font-size:var(--font-size-xs);color:var(--gray-600)}.badge-sm{padding:2px var(--space-2);border-radius:999px;font-size:var(--font-size-xs);border:1px solid var(--primary-light);background:var(--primary-light);color:var(--primary);font-weight:700}.badge-ok{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.badge-live{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.btn.sm{height:36px;padding:0 var(--space-3);border-radius:var(--radius);font-size:var(--font-size-xs)}.mobile-nav{display:none}.hamburger-btn{display:none;height:40px;padding:0 var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-sm);font-weight:700;color:var(--gray-700);cursor:pointer;transition:var(--transition)}.hamburger-btn i{margin-right:6px}.hamburger-btn:hover{box-shadow:var(--shadow-md)}.mobile-nav>summary{list-style:none}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-drawer{position:fixed;inset:0;width:100vw;height:100vh;background:linear-gradient(180deg,#6366f114,#ffffffe6),var(--white);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10001;display:grid;grid-template-rows:auto 1fr;transform:translateY(-100%);transition:transform .25s ease}.mobile-drawer.open{transform:translateY(0)}.drawer-overlay{position:fixed;inset:0;background:#02061759;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000}.md-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:calc(env(safe-area-inset-top) + var(--space-2)) var(--space-3) var(--space-2);border-bottom:1px solid var(--border)}.md-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:800;cursor:pointer}.md-brand i{color:var(--primary)}.md-brand-logo{height:35px;width:auto;filter:drop-shadow(0 0 8px rgba(0,145,224,.2));transition:var(--transition)}.md-brand:hover .md-brand-logo{filter:drop-shadow(0 0 12px rgba(0,145,224,.3));transform:scale(1.02)}.md-close{border:1px solid var(--border);background:var(--white);border-radius:var(--radius);width:36px;height:36px;display:grid;place-items:center;cursor:pointer}.md-content{padding:var(--space-3);overflow:auto;height:calc(100vh - 64px - env(safe-area-inset-top));overscroll-behavior:contain}.m-list{display:grid;gap:var(--space-2)}.m-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--white),var(--gray-50));text-decoration:none;color:var(--gray-700);transition:var(--transition)}.m-item:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.m-item .l{display:flex;align-items:center;gap:var(--space-3)}.m-courses{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--white)}.m-courses .en-row{margin-top:var(--space-2)}@media (max-width: 1024px){.topbar .actions .btn{padding:0 var(--space-3);font-size:var(--font-size-xs)}.topbar .actions .btn i{font-size:var(--font-size-sm)}}@media (max-width: 768px){.topbar .actions .btn{height:36px;padding:0 var(--space-2);gap:var(--space-1)}.topbar .actions .btn span{display:none}.topbar .actions .btn i{font-size:var(--font-size-base)}}@media (max-width: 760px){.topbar .actions{display:none!important}.mobile-nav,.hamburger-btn{display:inline-block}.right-tools{gap:var(--space-2)}.topbar .wrap{padding:0 var(--space-3)}.brand{font-size:var(--font-size-base)}.brand i{font-size:var(--font-size-lg)}.hamburger-btn{font-size:var(--font-size-sm)}}.topbar .actions{display:flex}@media (max-width: 480px){.topbar .wrap{padding:0 var(--space-2)}.brand{font-size:var(--font-size-sm)}.hamburger-btn{height:36px;padding:0 var(--space-2);font-size:var(--font-size-xs)}}.dark-mode-toggle{min-width:80px;font-weight:600;transition:all .3s ease}.dark-mode-toggle:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.sidebar{grid-area:sidebar;position:sticky;top:56px;width:240px;height:calc(100vh - 56px);background:var(--white);border-right:1px solid var(--border);z-index:100;overflow-y:auto;transition:transform .3s ease}.sidebar .brand-small{display:flex;align-items:center;justify-content:center;height:60px;border-bottom:1px solid var(--border);font-size:var(--font-size-xl);color:var(--primary)}.sidebar .nav{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar .nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--gray-700);text-decoration:none;transition:var(--transition);font-weight:500}.sidebar .nav a:hover{background:var(--gray-50);color:var(--primary)}.sidebar .nav a.active{background:var(--primary-light);color:var(--primary);font-weight:600}.sidebar .nav a i{font-size:var(--font-size-lg);width:20px;text-align:center}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.ft-brand .logo b{background:linear-gradient(135deg,#f1f4f7,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.social-links{justify-content:center;gap:.5rem}.social-link{width:15px;height:15px;font-size:1rem;background:var(--gray-800);border:1px solid var(--gray-800);border-radius:10px;color:var(--gray-400);transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.ft-section{display:flex;flex-direction:column}.ft-section h4{color:var(--white);font-size:.9rem;font-weight:600;margin-bottom:var(--space-3);padding-bottom:var(--space-1);border-bottom:1px solid var(--gray-700)}.ft-links{margin-top:var(--space-2);list-style:none;padding:0;margin:0}.pay-visa{color:#2563eb}.pay-mastercard{color:#f59e0b}.pay-paypal{color:#3b82f6}.bt-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}@media (max-width: 768px){.ft-container{grid-template-columns:1fr;gap:var(--space-4)}}.site-footer{grid-area:footer;background:var(--gray-900);color:var(--white);margin-top:auto;position:relative}.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#0091e0,#155c91,#224975);opacity:.6}.ft-surface{padding:var(--space-6) 0 var(--space-3)}.ft-brand-section{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-700)}.ft-container{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-5);align-items:center}.ft-brand .logo{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:800}.ft-brand .logo i{color:var(--primary);filter:drop-shadow(0 0 10px rgba(0,145,224,.25))}.ft-brand .logo b{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f1f4f7,#fff)}.language-indicator{color:var(--gray-500);font-size:.875rem;padding:var(--space-1) var(--space-2);background:var(--gray-700);border-radius:var(--radius-sm)}.social-links{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.social-link{width:32px;height:32px;font-size:1rem;display:flex;align-items:center;justify-content:center;background:var(--gray-800);border:1px solid var(--gray-800);border-radius:9999px;color:var(--gray-400);transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.social-link:hover{transform:translateY(-1px);background:var(--primary);color:#fff;box-shadow:0 6px 16px #0091e02e}.ft-col.ft-payments{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.ft-simple-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6)}.ft-brand .tagline{max-width:380px;color:var(--gray-400);line-height:1.6;margin:var(--space-2) auto 0}.ft-links{margin-top:var(--space-2);list-style:none;padding:0}.ft-links li{list-style:none}.ft-links a{display:block;padding:.25rem 0;color:var(--gray-400);text-decoration:none;transition:var(--transition);font-size:.8rem;line-height:1.4}.ft-links a:hover{color:var(--primary);transform:translate(2px)}.payment-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.pay-icon{display:inline-grid;place-items:center;width:50px;height:20px;border-radius:8px;background:var(--gray-800);border:1px solid var(--gray-700);color:#e6eefc;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.pay-icon svg{width:100%;height:100%}.pay-icon:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0091e02e;border-color:var(--primary)}.pay-icon.visa{color:#2563eb}.pay-icon.mc{color:#f59e0b}.ft-bottom{border-top:1px solid var(--gray-800);padding:var(--space-4) 0}.ft-bottom-inner{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.bt-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.copyright{color:var(--gray-400);font-size:var(--font-size-sm);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.powered-by{color:var(--gray-500);font-size:var(--font-size-xs)}.codexal-link{color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition)}.codexal-link:hover{color:var(--primary-light);text-decoration:underline}.bt-links{display:flex;gap:var(--space-4);flex-wrap:wrap}.bt-links a{color:var(--gray-400);text-decoration:none;position:relative;transition:var(--transition);font-size:var(--font-size-sm)}.bt-links a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,#0091e0,#155c91,#224975);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.bt-links a:hover{color:#fff}.bt-links a:hover:after{transform:scaleX(1)}.ft-grid .col h4{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-4);color:var(--white)}.ft-grid .col.brand .logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--space-4)}.ft-grid .col.brand .logo i{color:var(--primary)}.ft-grid .col.brand .tagline{color:var(--gray-400);margin-bottom:var(--space-6);line-height:1.6}.ft-grid .col.brand .social{display:flex;gap:var(--space-3)}.ft-grid .col.brand .social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray-800);border-radius:var(--radius);color:var(--gray-400);transition:var(--transition)}.ft-grid .col.brand .social a:hover{background:var(--primary);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #0091e04d}.ft-grid .col.brand .social a:active{transform:translateY(0)}.ft-grid .col .links{list-style:none}.ft-grid .col .links li{margin-bottom:var(--space-2)}.ft-grid .col .links a{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-400);text-decoration:none;transition:var(--transition);font-size:var(--font-size-sm)}.ft-grid .col .links a:hover{color:var(--white);transform:translate(4px)}.ft-grid .col .links a:active{transform:translate(2px)}.ft-grid .col .links a i{color:var(--primary);width:16px}.ft-grid .col.newsletter .newsletter-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.ft-grid .col.newsletter .newsletter-form input{flex:1;padding:var(--space-3);border:1px solid var(--gray-700);border-radius:var(--radius);background:var(--gray-800);color:var(--white);font-size:var(--font-size-sm)}.ft-grid .col.newsletter .newsletter-form input::placeholder{color:var(--gray-500)}.ft-grid .col.newsletter .newsletter-form input:focus{outline:none;border-color:var(--primary)}.ft-grid .col.newsletter .newsletter-form button{padding:var(--space-3) var(--space-4);background:var(--primary);color:var(--white);border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px}.ft-grid .col.newsletter .newsletter-form button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0091e04d}.ft-grid .col.newsletter .newsletter-form button:active{transform:translateY(0)}.ft-grid .col.newsletter small{color:var(--gray-500);font-size:var(--font-size-xs)}.ft-grid .col.newsletter small a{color:var(--primary);text-decoration:none}.ft-col.ft-brand{text-align:center}.ft-tagline{margin-top:.35rem;color:var(--gray-400)}@media (max-width: 768px){.ft-container{grid-template-columns:1fr;gap:var(--space-4)}.bt-wrap{flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.bt-links{order:3;justify-content:center}.ft-col.ft-payments{order:4}.copyright,.powered-by{justify-content:center}.social-links{order:2}.social-link{width:40px;height:40px;font-size:1.1rem}}@media (max-width: 480px){.ft-links a{padding:.4rem .25rem}.bt-links{gap:var(--space-2)}.pay-icon{width:64px;height:28px}}@media (hover: none) and (pointer: coarse){.social-link:hover,.ft-grid .col .links a:hover,.ft-grid .col.newsletter .newsletter-form button:hover,.bt-links a:hover{transform:none}.social-link:active,.ft-grid .col .links a:active,.ft-grid .col.newsletter .newsletter-form button:active,.bt-links a:active{transform:scale(.96)}}body.dark-mode .site-footer{background:linear-gradient(135deg,#081830,#224975)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(34,73,117,.3)!important}body.dark-mode .site-footer:before{background:linear-gradient(90deg,#0091e0,#155c91,#224975);opacity:.8}body.dark-mode .ft-brand-section{border-bottom-color:var(--border)}body.dark-mode .ft-section h4{color:var(--foreground);border-bottom-color:var(--border)}body.dark-mode .social-link{background:var(--gray-100);color:var(--gray-600);border-color:transparent}body.dark-mode .social-link:hover{background:var(--primary);color:var(--white)}body.dark-mode .language-indicator{color:var(--gray-600);background:var(--gray-100)}body.dark-mode .ft-brand .logo b{background:linear-gradient(135deg,var(--foreground),var(--gray-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark-mode .ft-brand .tagline,body.dark-mode .ft-links a{color:var(--gray-600)}body.dark-mode .ft-links a:hover{color:var(--primary)}body.dark-mode .ft-bottom{border-top-color:var(--border)}body.dark-mode .copyright{color:var(--gray-600)}body.dark-mode .powered-by{color:var(--gray-500)}body.dark-mode .bt-links a{color:var(--gray-600)}body.dark-mode .bt-links a:hover{color:var(--white)}body.dark-mode .codexal-link{color:var(--primary)}body.dark-mode .codexal-link:hover{color:var(--primary-light)}body.dark-mode .pay-icon{background:#ffffff14;border-color:#ffffff1f}:root{--primary: #0091e0;--secondary: #155c91;--tertiary: #224975;--primary-dark: #155c91;--primary-light: #4fb1e4;--accent: #081830;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--white: #ffffff;--gray-50: #f8fafb;--gray-100: #f1f4f7;--gray-200: #e4e9ed;--gray-300: #d1d8de;--gray-400: #9ca6b0;--gray-500: #6b7684;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #081830;--gradient-primary: linear-gradient(135deg, #0091e0 0%, #155c91 100%);--gradient-secondary: linear-gradient(135deg, #155c91 0%, #224975 100%);--gradient-tertiary: linear-gradient(135deg, #0091e0 0%, #155c91 50%, #224975 100%);--gradient-accent: linear-gradient(135deg, #081830 0%, #224975 100%);--gradient-hero: linear-gradient(135deg, #0091e0 0%, #155c91 50%, #224975 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Alexandria", system-ui, -apple-system, sans-serif;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition: all .2s ease-in-out;--transition-slow: all .3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);line-height:1.6;color:var(--gray-800);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--gray-900)}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{font-size:1.125rem;line-height:1.7;color:var(--gray-600)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.hero-container{margin-top:20px!important}.hero-container.hero-content-only .hero-content{text-align:center;max-width:800px;margin:0 auto}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:2px solid transparent;border-radius:var(--radius);font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;background:none}.btn.primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-md)}.btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn.ghost{background:var(--white);color:var(--primary);border-color:var(--gray-200);box-shadow:var(--shadow-sm)}.btn.ghost:hover{background:var(--gray-50);border-color:var(--primary);transform:translateY(-1px)}.btn.outline:hover{background:var(--primary);color:var(--white)}.btn.xl{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);transition:var(--transition)}.header-wrap{display:flex;align-items:center;justify-content:space-between;height:80px}.brand{display:flex;align-items:center;cursor:pointer;text-decoration:none}.brand-logo{height:150px;width:auto;filter:drop-shadow(0 0 10px rgba(0,145,224,.2));transition:var(--transition)}.brand:hover .brand-logo{filter:drop-shadow(0 0 15px rgba(0,145,224,.4));transform:scale(1.05)}.nav{display:flex;gap:var(--space-lg)}.nav-link{color:var(--gray-600);text-decoration:none;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);transition:var(--transition)}.nav-link:hover{color:var(--primary);background:var(--gray-50)}.actions{display:flex;align-items:center;gap:var(--space-md)}.hamburger{display:none;width:40px;height:40px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;font-size:1.25rem;color:var(--gray-600)}@media (max-width: 1024px){.nav{gap:var(--space-md)}.actions .btn{padding:0 var(--space-sm)}}@media (max-width: 768px){.nav,.actions .btn{display:none}.hamburger{display:inline-flex;align-items:center;justify-content:center}}.mobile-menu{height:100vh;position:fixed;inset:0;z-index:2000;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-2xl)}.mobile-menu-content{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2xl);width:100%;max-width:400px;box-shadow:var(--shadow-xl);position:relative}.close-menu{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;background:var(--gray-100);border:none;border-radius:var(--radius);cursor:pointer;font-size:1rem;color:var(--gray-600)}.mobile-nav{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.mobile-nav a{padding:var(--space-md);text-decoration:none;color:var(--gray-700);font-weight:500;border-radius:var(--radius);transition:var(--transition)}.mobile-nav a:hover{background:var(--gray-50);color:var(--primary)}.mobile-actions{display:flex;flex-direction:column;gap:var(--space-md)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:80px}.hero-bg{position:absolute;inset:0;z-index:-1}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#0091e0,#155c91);opacity:.05}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25px 25px,rgba(0,145,224,.1) 2px,transparent 0);background-size:50px 50px}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.hero-content{z-index:1}.hero-badge{width:fit-content;display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-full);color:var(--primary);font-weight:600;font-size:.875rem;margin-bottom:var(--space-lg);position:relative;overflow:hidden}.badge-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);animation:glow 3s infinite}@keyframes glow{0%{left:-100%}50%,to{left:100%}}.hero-title{font-family:var(--font-display);font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:var(--space-lg);color:var(--gray-900)}.hero-description{font-size:1.25rem;color:var(--gray-600);margin-bottom:var(--space-2xl);line-height:1.6}.hero-stats{display:flex;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:800;color:var(--primary);line-height:1}.stat-label{font-size:.875rem;color:var(--gray-500);font-weight:500;margin-top:var(--space-xs)}.hero-actions{display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-wrap:wrap}.hero-trust{display:flex;flex-direction:column;gap:var(--space-md)}.trust-text{font-size:.875rem;color:var(--gray-500);font-weight:500}.trust-badges{display:flex;gap:var(--space-lg);flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--gray-600);font-weight:500}.trust-badge i{color:var(--success)}.hero-visual{position:relative;z-index:1}.demo-container{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;position:relative}.demo-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.demo-controls{display:flex;gap:var(--space-xs)}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ef4444}.control.yellow{background:#f59e0b}.control.green{background:#10b981}.demo-title{font-weight:600;color:var(--gray-700)}.demo-content{padding:var(--space-2xl)}.ai-avatar{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.avatar-circle{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;position:relative}.avatar-circle:after{content:"";position:absolute;inset:-4px;border:2px solid var(--primary);border-radius:50%;animation:pulse 2s infinite;opacity:.3}@keyframes pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}to{transform:scale(1);opacity:.3}}.avatar-status{display:flex;align-items:center;gap:var(--space-xs)}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.lesson-info h3{font-size:1.25rem;margin-bottom:var(--space-md)}.lesson-progress{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.progress-bar{flex:1;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .5s ease}.interactive-elements{display:flex;flex-direction:column;gap:var(--space-md)}.feature-highlight{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius);background:var(--gray-50);border:2px solid transparent;transition:var(--transition)}.feature-highlight.active{background:#6366f11a;border-color:var(--primary);transform:scale(1.02)}.feature-highlight i{color:var(--primary);font-size:1.25rem}.floating-elements{position:absolute;inset:0;pointer-events:none}.floating-card{position:absolute;background:var(--white);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:600;color:var(--gray-700)}.floating-card i{color:var(--primary)}.card-1{top:20%;right:-15%;animation:float 6s ease-in-out infinite}.card-2{top:60%;left:-15%;animation:float 6s ease-in-out infinite 2s}.card-3{bottom:20%;right:-5%;animation:float 6s ease-in-out infinite 4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--gray-100);border-radius:var(--radius-full);color:var(--gray-600);font-size:.875rem;font-weight:600;margin-bottom:var(--space-lg)}.section-header h2{font-family:var(--font-display);margin-bottom:var(--space-md)}.section-header p{max-width:600px;margin:0 auto}.features-section{padding:var(--space-3xl) 0;background:var(--gray-50)}body.dark-mode .features-section{background:linear-gradient(135deg,#081830,#224975)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.feature-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--transition);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-card.main-feature{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;gap:var(--space-2xl);align-items:center}.feature-visual{display:flex;align-items:center;justify-content:center}.ai-brain{width:120px;height:120px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:3rem;position:relative}.brain-pulse{position:absolute;inset:-10px;border:3px solid var(--primary);border-radius:50%;animation:pulse 2s infinite;opacity:.3}.feature-icon{width:48px;height:48px;background:#6366f11a;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem;margin-bottom:var(--space-lg)}.feature-card h3,.feature-card h4{margin-bottom:var(--space-md);color:var(--gray-900)}.feature-benefits{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.benefit{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--gray-600)}.benefit i{color:var(--success);font-size:1rem}.how-section{padding:var(--space-3xl) 0}body.dark-mode .how-section{background:linear-gradient(135deg,#224975,#081830)}.steps-container{display:flex;flex-direction:column;gap:var(--space-3xl);margin-bottom:var(--space-3xl);max-width:100%}.step-item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2xl);align-items:start;position:relative;padding:var(--space-lg) 0}.step-number{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:var(--space-sm)}.step-number span{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.25rem;font-weight:800;box-shadow:var(--shadow-md);position:relative;z-index:2}.step-line{width:2px;height:100px;background:var(--gray-200);margin-top:var(--space-md);position:relative;z-index:1}.step-item:last-child .step-line{display:none}.step-content{display:flex;flex-direction:column;gap:var(--space-lg);max-width:100%}.step-content-header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:0;min-height:56px}.step-content-text{flex:1;min-width:0}.step-icon{width:56px;height:56px;background:#0091e01a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.75rem;flex-shrink:0;margin-top:var(--space-xs)}.step-content h3{margin:0 0 var(--space-sm) 0;font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1.3}.step-content p{margin:0 0 var(--space-lg) 0;color:var(--gray-600);line-height:1.6;font-size:1rem}.step-features{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:0;font-size:.875rem;color:var(--success);font-weight:500}.step-features .benefit{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.step-features .benefit i{color:var(--success);font-size:1rem;flex-shrink:0}.steps-visual{margin-top:var(--space-3xl);display:flex;justify-content:center;align-items:center}.steps-image-container{position:relative;max-width:600px;width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);background:var(--white)}.steps-image{width:100%;height:auto;display:block;object-fit:cover}.steps-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--space-2xl) var(--space-xl) var(--space-xl);color:var(--white)}.overlay-content h4{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--white)}.overlay-content p{font-size:1rem;opacity:.9;margin:0}body.dark-mode .steps-image-container{background:var(--gray-800)}body.dark-mode .steps-overlay{background:linear-gradient(transparent,#000000e6)}.demo-video{text-align:center}.video-container{position:relative;background:var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-3xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.play-button{width:80px;height:80px;background:var(--white);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary);cursor:pointer;box-shadow:var(--shadow-lg);position:relative;transition:var(--transition)}.play-button:hover{transform:scale(1.05)}.play-pulse{position:absolute;inset:-10px;border:3px solid var(--primary);border-radius:50%;animation:pulse 2s infinite;opacity:.3}.video-overlay h4{margin-bottom:var(--space-sm)}.stats-section{padding:var(--space-3xl) 0;background:var(--gray-50)}body.dark-mode .stats-section,[data-theme=dark] .stats-section{background:linear-gradient(135deg,#081830,#224975)!important}body.dark-mode .stat-card,[data-theme=dark] .stat-card{background:#ffffff1a!important;border-color:#fff3!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}body.dark-mode .stat-card h3,[data-theme=dark] .stat-card h3{color:var(--white)!important}body.dark-mode .stat-card p,[data-theme=dark] .stat-card p{color:#fffc!important}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl)}.stat-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:60px;height:60px;background:#6366f11a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem;margin:0 auto var(--space-lg)}.stat-content .stat-number{display:flex;align-items:baseline;justify-content:center;gap:2px;font-size:2.5rem;font-weight:900;color:var(--primary);margin-bottom:var(--space-sm)}.stat-content .stat-number span{font-size:1.5rem}.stat-label{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-xs)}.stat-description{font-size:.875rem;color:var(--gray-500)}.pricing-section{padding:var(--space-3xl) 0}body.dark-mode .pricing-section{background:linear-gradient(135deg,#224975,#081830)}.billing-toggle{display:flex;align-items:center;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}.toggle-switch{width:48px;height:24px;background:var(--gray-200);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:var(--transition)}.toggle-slider{width:20px;height:20px;background:var(--white);border-radius:50%;position:absolute;top:2px;left:2px;transition:var(--transition);box-shadow:var(--shadow-sm)}.toggle-slider.active{left:26px;background:var(--primary)}.billing-toggle span{font-weight:500;color:var(--gray-600)}.billing-toggle span.active{color:var(--gray-900);font-weight:600}.discount-badge{background:var(--success);color:var(--white);padding:2px 6px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-left:var(--space-xs)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}.pricing-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-2xl);border:2px solid var(--gray-200);position:relative;transition:var(--transition)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.pricing-card.featured{border-color:var(--primary);transform:scale(1.05);box-shadow:var(--shadow-lg)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:var(--white);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.card-header{text-align:center;margin-bottom:var(--space-2xl)}.card-header h3{margin-bottom:var(--space-md)}.price{display:flex;align-items:baseline;justify-content:center;margin-bottom:var(--space-md)}.currency{font-size:1.25rem;color:var(--gray-500)}.amount{font-weight:900;color:var(--gray-900);margin:0 4px}.card-features{margin-bottom:var(--space-2xl)}.feature{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.feature i{color:var(--success);font-size:1rem}.testimonials-section{padding:var(--space-3xl) 0;background:var(--gray-50)}body.dark-mode .testimonials-section{background:linear-gradient(135deg,#081830,#224975)}.testimonials-container{margin-top:var(--space-3xl)}.testimonials-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-xl);max-width:1200px;margin:0 auto}.testimonial-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:var(--transition);position:relative;overflow:hidden}.testimonial-card.featured{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);transform:scale(1.05);box-shadow:var(--shadow-xl)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.testimonial-card.featured:hover{transform:scale(1.05) translateY(-4px)}.testimonial-quote{position:absolute;top:var(--space-lg);right:var(--space-lg);font-size:3rem;color:#0000001a;z-index:1}.testimonial-card.featured .testimonial-quote{color:#fff3}.testimonial-content{margin-bottom:var(--space-lg);position:relative;z-index:2}.stars{display:flex;gap:4px;margin-bottom:var(--space-md)}.stars i{color:var(--secondary);font-size:1.1rem}.testimonial-card.featured .stars i{color:var(--white)}blockquote{font-style:italic;font-size:1.1rem;line-height:1.6;margin:0;color:var(--gray-700)}.testimonial-card.featured blockquote{color:var(--white)}.testimonial-author{display:flex;align-items:center;gap:var(--space-md)}.author-avatar{width:48px;height:48px;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-600);font-size:1.25rem}.author-info h4{font-size:1rem;margin-bottom:2px}.author-info span{font-size:.875rem;color:var(--gray-500)}.cta-section{padding:var(--space-3xl) 0;background:var(--gradient-primary);color:var(--white);text-align:center}body.dark-mode .cta-section,[data-theme=dark] .cta-section{background:linear-gradient(135deg,#081830,#224975)!important}body.dark-mode .cta-section h2,[data-theme=dark] .cta-section h2{color:var(--white)!important}body.dark-mode .cta-section p,[data-theme=dark] .cta-section p{color:#ffffffe6!important}.cta-content{max-width:800px;margin:0 auto}.cta-text h2{color:var(--white);margin-bottom:var(--space-lg)}.cta-text p{color:#ffffffe6;font-size:1.25rem;margin-bottom:var(--space-2xl)}.cta-actions{display:flex;gap:var(--space-lg);justify-content:center;margin-bottom:var(--space-2xl);flex-wrap:wrap}.cta-actions .btn.primary{background:var(--white);color:var(--primary)}.cta-actions .btn.ghost{background:transparent;color:var(--white);border-color:#ffffff4d}.cta-actions .btn.ghost:hover{background:#ffffff1a;border-color:var(--white)}.cta-guarantee{display:flex;gap:var(--space-2xl);justify-content:center;flex-wrap:wrap}.guarantee-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:#ffffffe6}.guarantee-item i{color:var(--white)}.footer{background:var(--gray-900);color:var(--gray-300);padding:var(--space-3xl) 0 var(--space-xl)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-3xl);margin-bottom:var(--space-2xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-lg)}.footer-brand p{color:var(--gray-400);line-height:1.6}.social-links{display:flex;gap:var(--space-md)}.social-links a{width:30px;height:30px;background:var(--gray-800);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--gray-400);text-decoration:none;transition:var(--transition)}.social-links a:hover{background:var(--primary);color:var(--white)}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2xl)}.link-group h4{color:var(--white);margin-bottom:var(--space-lg);font-size:1rem}.link-group a{display:block;color:var(--gray-400);text-decoration:none;margin-bottom:var(--space-sm);transition:var(--transition)}.link-group a:hover{color:var(--white)}.newsletter-form{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.newsletter-form input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--gray-700);border-radius:var(--radius);background:var(--gray-800);color:var(--white)}.newsletter-form input::placeholder{color:var(--gray-500)}.newsletter-form .btn{padding:var(--space-sm);min-width:44px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xl);border-top:1px solid var(--gray-800);flex-wrap:wrap;gap:var(--space-md)}.footer-legal{display:flex;gap:var(--space-lg)}.footer-legal a{color:var(--gray-400);text-decoration:none;font-size:.875rem;transition:var(--transition)}.footer-legal a:hover{color:var(--white)}.modal{position:fixed;inset:0;z-index:3000;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.modal .backdrop{position:absolute;inset:0}.modal .sheet{position:relative;background:var(--gray-900);border-radius:var(--radius-xl);width:100%;max-width:900px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl)}.modal .x{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;background:#ffffffe6;border:none;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.video-iframe{color:var(--white);text-align:center}[data-animate]{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}[data-animate].animate{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.hero .container{grid-template-columns:1fr;gap:var(--space-2xl);text-align:center}.hero-title{font-size:3rem}.feature-card.main-feature{grid-column:span 1;grid-template-columns:1fr;text-align:center}.footer-content{grid-template-columns:1fr}}@media (max-width: 768px){.nav{display:none}.hamburger{display:flex}.hero-title{font-size:2.5rem}.hero-stats,.hero-actions{justify-content:center}.step-item{grid-template-columns:1fr;text-align:center;gap:var(--space-lg);align-items:center;padding:var(--space-xl) 0}.step-number{order:1;margin-top:0}.step-content{order:2;align-items:center;gap:var(--space-md)}.step-content-header{flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.step-icon{margin:0;align-self:center}.step-content-text{text-align:center}.step-features{align-items:center}.step-features .benefit{justify-content:center}.step-line{display:none}.pricing-cards{grid-template-columns:1fr}.pricing-card.featured{transform:none}.testimonials-grid{grid-template-columns:1fr}.cta-actions,.cta-guarantee{flex-direction:column;align-items:center}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-stats{flex-direction:column;gap:var(--space-lg)}.trust-badges{justify-content:center}.features-grid,.stats-grid{grid-template-columns:1fr}}.language-toggle{min-width:100px;font-weight:600;transition:all .3s ease}.language-toggle:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.actions .language-toggle{margin-right:var(--space-2)}[data-theme=dark]{--white: #1a1a1a;--gray-50: #2a2a2a;--gray-100: #3a3a3a;--gray-200: #4a4a4a;--gray-300: #5a5a5a;--gray-400: #6a6a6a;--gray-500: #7a7a7a;--gray-600: #8a8a8a;--gray-700: #9a9a9a;--gray-800: #aaaaaa;--gray-900: #ffffff;--accent: #ffffff;--gradient-primary: linear-gradient(135deg, #0091e0 0%, #0077b6 100%);--gradient-secondary: linear-gradient(135deg, #224975 0%, #081830 100%);--gradient-tertiary: linear-gradient(135deg, #0091e0 0%, #155c91 50%, #224975 100%);--gradient-accent: linear-gradient(135deg, #081830 0%, #224975 100%);--gradient-hero: linear-gradient(135deg, #0091e0 0%, #155c91 50%, #224975 100%);--background: transparent;--card-background: rgba(255, 255, 255, .1)}body.dark-mode .hero{background:linear-gradient(135deg,#081830,#224975)!important;color:var(--white)}body.dark-mode .hero-content h1{color:var(--white)}body.dark-mode .hero-content p{color:#ffffffe6}body.dark-mode .features{background:linear-gradient(135deg,#081830,#224975)}body.dark-mode .feature-card{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .feature-card h3{color:var(--white)}body.dark-mode .feature-card p{color:#fffc}body.dark-mode .how-it-works{background:linear-gradient(135deg,#224975,#081830)}body.dark-mode .step-card{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .step-card h3{color:var(--white)}body.dark-mode .step-card p{color:#fffc}body.dark-mode .testimonials{background:linear-gradient(135deg,#081830,#224975)}body.dark-mode .testimonial-card{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .testimonial-card p{color:#ffffffe6}body.dark-mode .testimonial-author{color:var(--white)}body.dark-mode .testimonial-role{color:#ffffffb3}body.dark-mode .pricing{background:linear-gradient(135deg,#224975,#081830)}body.dark-mode .pricing-card{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .pricing-card.featured{background:linear-gradient(135deg,#0091e0,#0077b6);color:var(--white)}body.dark-mode .pricing-card.featured h3,body.dark-mode .pricing-card.featured .price,body.dark-mode .pricing-card.featured .price-currency{color:var(--white)}body.dark-mode .pricing-card.featured .price-period{color:#fffc}body.dark-mode .pricing-card h3,body.dark-mode .pricing-card .price,body.dark-mode .pricing-card .price-currency{color:var(--white)}body.dark-mode .pricing-card .price-period{color:#ffffffb3}body.dark-mode .pricing-card .price-description{color:#fffc}body.dark-mode .pricing-features li{color:#ffffffe6}body.dark-mode .footer,[data-theme=dark] .footer{background:linear-gradient(135deg,#081830,#224975)!important;color:var(--white)!important}body.dark-mode .footer h3,[data-theme=dark] .footer h3{color:var(--white)!important}body.dark-mode .footer p,[data-theme=dark] .footer p,body.dark-mode .footer-links a,[data-theme=dark] .footer-links a{color:#fffc!important}body.dark-mode .footer-links a:hover,[data-theme=dark] .footer-links a:hover{color:var(--white)!important}body.dark-mode .nav{background:transparent}body.dark-mode .nav-logo,body.dark-mode .nav-links a{color:var(--white)}body.dark-mode .nav-links a:hover{color:var(--white);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .actions{background:transparent}body.dark-mode .site-header{background:linear-gradient(135deg,#081830,#224975);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(34,73,117,.3)}body.dark-mode .brand-logo{filter:drop-shadow(0 0 10px rgba(0,145,224,.3))}body.dark-mode .nav-link{color:var(--foreground);transition:color .3s ease}body.dark-mode .nav-link:hover{color:var(--white);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .actions .btn.ghost{background:transparent;border-color:var(--border);color:var(--foreground)}body.dark-mode .actions .btn.ghost:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary)}body.dark-mode .actions .btn.primary{background:var(--primary);border-color:var(--primary);color:var(--white)}body.dark-mode .actions .btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}body.dark-mode .hamburger{background:var(--card-background);border-color:var(--border);color:var(--foreground)}body.dark-mode .hamburger:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary)}body.dark-mode .mobile-menu{background:#081830e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .mobile-menu-content{background:linear-gradient(135deg,#081830,#224975);border:1px solid rgba(34,73,117,.3);box-shadow:0 20px 60px #08183066}body.dark-mode .mobile-nav,body.dark-mode .mobile-actions{background:transparent}body.dark-mode .close-menu{color:var(--foreground)}body.dark-mode .close-menu:hover{color:var(--primary)}body.dark-mode .mobile-nav a{color:var(--foreground);border-bottom-color:var(--border)}body.dark-mode .mobile-nav a:hover{color:var(--white);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .mobile-actions .btn.ghost{background:transparent;border-color:var(--border);color:var(--foreground)}body.dark-mode .mobile-actions .btn.ghost:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary)}body.dark-mode .mobile-actions .btn.primary{background:var(--primary);border-color:var(--primary);color:var(--white)}body.dark-mode .mobile-actions .btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.pricing-page .hero--pricing{padding:5rem 0 3rem;min-height:50vh;display:flex;align-items:center}.pricing-page .hero--pricing .hero-content{text-align:center;max-width:800px;margin:0 auto}.pricing-page .hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-page .hero-description{font-size:1.2rem;color:var(--gray-600);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0;font-weight:600}.billing-toggle span{color:var(--gray-500);transition:var(--transition)}.billing-toggle span.active{color:var(--primary)}.toggle-switch{position:relative;width:60px;height:30px;background:var(--gray-300);border-radius:15px;cursor:pointer;transition:var(--transition)}.toggle-switch:hover{background:var(--gray-400)}.toggle-slider{position:absolute;top:3px;left:3px;width:24px;height:24px;background:var(--white);border-radius:50%;transition:var(--transition);box-shadow:var(--shadow-sm)}.toggle-slider.active{transform:translate(30px)}.discount-badge{background:var(--success);color:var(--white);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;margin-left:.5rem}.pricing-section{padding:4rem 0;background:var(--gray-50)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.pricing-card{background:var(--white);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--transition);position:relative;text-align:center}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.featured{transform:scale(1.05);box-shadow:var(--shadow-xl);border-color:var(--primary)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);padding:.5rem 1.5rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;box-shadow:var(--shadow-md)}.card-header h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--gray-900)}.price{display:flex;align-items:baseline;justify-content:center;margin-bottom:1rem}.currency{font-size:1.5rem;font-weight:600;color:var(--gray-600)}.amount{font-size:3rem;font-weight:800;color:var(--primary);margin:0 .25rem}.period{font-size:1rem;color:var(--gray-500)}.card-header p{color:var(--gray-600);margin-bottom:2rem}.card-features{margin-bottom:2rem;text-align:left}.feature{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--gray-700)}.feature i{color:var(--success);font-size:1.1rem;flex-shrink:0}body.dark-mode .pricing-page .hero--pricing{background:linear-gradient(135deg,#081830,#224975)}body.dark-mode .pricing-section{background:var(--gray-900)}body.dark-mode .pricing-card{background:var(--gray-800);border-color:var(--gray-700);color:var(--white)}body.dark-mode .pricing-card h3{color:var(--white)}body.dark-mode .feature{color:var(--gray-300)}@media (max-width: 768px){.pricing-page .hero-title{font-size:2rem}.pricing-cards{grid-template-columns:1fr;gap:1.5rem}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-4px)}}��/�*� �B�e�a�u�t�i�f�u�l� �M�o�d�e�r�n� �A�u�t�h�e�n�t�i�c�a�t�i�o�n� �P�a�g�e�s� �f�o�r� �f�i�s�a� �A�I� �S�c�h�o�o�l� �*�/� � � � �/�*� �C�S�S� �V�a�r�i�a�b�l�e�s� �*�/� � �:�r�o�o�t� �{� � � � �-�-�p�r�i�m�a�r�y�:� �#�0�0�9�1�e�0�;� � � � � � � � �/�*� �M�a�i�n� �b�r�a�n�d� �b�l�u�e� �*�/� � � � �-�-�p�r�i�m�a�r�y�-�d�a�r�k�:� �#�1�5�5�c�9�1�;� � � �/�*� �D�a�r�k�e�r� �b�l�u�e� �f�o�r� �h�o�v�e�r� �s�t�a�t�e�s� �*�/� � � � �-�-�p�r�i�m�a�r�y�-�l�i�g�h�t�:� �#�4�f�b�1�e�4�;� � �/�*� �L�i�g�h�t� �b�l�u�e� �f�o�r� �b�a�c�k�g�r�o�u�n�d�s� �*�/� � � � �-�-�p�r�i�m�a�r�y�-�5�0�:� �#�f�0�f�9�f�f�;� � � � �-�-�p�r�i�m�a�r�y�-�1�0�0�:� �#�e�0�f�2�f�e�;� � � � �-�-�p�r�i�m�a�r�y�-�2�0�0�:� �#�b�a�e�6�f�d�;� � � � �-�-�p�r�i�m�a�r�y�-�3�0�0�:� �#�7�d�d�3�f�c�;� � � � �-�-�p�r�i�m�a�r�y�-�4�0�0�:� �#�4�f�b�1�e�4�;� � � � �-�-�p�r�i�m�a�r�y�-�5�0�0�:� �#�0�0�9�1�e�0�;� � � � �-�-�p�r�i�m�a�r�y�-�6�0�0�:� �#�1�5�5�c�9�1�;� � � � �-�-�p�r�i�m�a�r�y�-�7�0�0�:� �#�2�2�4�9�7�5�;� � � � �-�-�p�r�i�m�a�r�y�-�8�0�0�:� �#�1�e�3�a�5�f�;� � � � �-�-�p�r�i�m�a�r�y�-�9�0�0�:� �#�0�8�1�8�3�0�;� � � � � � � � �-�-�s�e�c�o�n�d�a�r�y�:� �#�f�5�9�e�0�b�;� � � � �-�-�s�u�c�c�e�s�s�:� �#�1�0�b�9�8�1�;� � � � �-�-�d�a�n�g�e�r�:� �#�e�f�4�4�4�4�;� � � � �-�-�w�a�r�n�i�n�g�:� �#�f�5�9�e�0�b�;� � � � � � � � �-�-�w�h�i�t�e�:� �#�f�f�f�f�f�f�;� � � � �-�-�g�r�a�y�-�5�0�:� �#�f�9�f�a�f�b�;� � � � �-�-�g�r�a�y�-�1�0�0�:� �#�f�3�f�4�f�6�;� � � � �-�-�g�r�a�y�-�2�0�0�:� �#�e�5�e�7�e�b�;� � � � �-�-�g�r�a�y�-�3�0�0�:� �#�d�1�d�5�d�b�;� � � � �-�-�g�r�a�y�-�4�0�0�:� �#�9�c�a�3�a�f�;� � � � �-�-�g�r�a�y�-�5�0�0�:� �#�6�b�7�2�8�0�;� � � � �-�-�g�r�a�y�-�6�0�0�:� �#�4�b�5�5�6�3�;� � � � �-�-�g�r�a�y�-�7�0�0�:� �#�3�7�4�1�5�1�;� � � � �-�-�g�r�a�y�-�8�0�0�:� �#�1�f�2�9�3�7�;� � � � �-�-�g�r�a�y�-�9�0�0�:� �#�1�1�1�8�2�7�;� � � � � � � � �-�-�g�r�a�d�i�e�n�t�-�p�r�i�m�a�r�y�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �#�0�0�9�1�e�0� �0�%�,� �#�4�f�b�1�e�4� �5�0�%�,� �#�2�2�4�9�7�5� �1�0�0�%�)�;� � � � �-�-�g�r�a�d�i�e�n�t�-�s�e�c�o�n�d�a�r�y�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �#�1�5�5�c�9�1� �0�%�,� �#�2�2�4�9�7�5� �1�0�0�%�)�;� � � � �-�-�g�r�a�d�i�e�n�t�-�a�u�t�h�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �#�0�8�1�8�3�0� �0�%�,� �#�2�2�4�9�7�5� �5�0�%�,� �#�4�f�b�1�e�4� �1�0�0�%�)�;� � � � �-�-�g�r�a�d�i�e�n�t�-�g�l�a�s�s�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�1�)� �0�%�,� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�5�)� �1�0�0�%�)�;� � � � �-�-�g�r�a�d�i�e�n�t�-�b�u�t�t�o�n�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �#�0�0�9�1�e�0� �0�%�,� �#�4�f�b�1�e�4� �5�0�%�,� �#�1�5�5�c�9�1� �1�0�0�%�)�;� � � � �-�-�g�r�a�d�i�e�n�t�-�b�u�t�t�o�n�-�h�o�v�e�r�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �#�1�5�5�c�9�1� �0�%�,� �#�2�2�4�9�7�5� �5�0�%�,� �#�0�8�1�8�3�0� �1�0�0�%�)�;� � � � � � � � �-�-�s�h�a�d�o�w�-�s�m�:� �0� �1�p�x� �2�p�x� �0� �r�g�b�(�0� �0� �0� �/� �0�.�0�5�)�;� � � � �-�-�s�h�a�d�o�w�:� �0� �1�p�x� �3�p�x� �0� �r�g�b�(�0� �0� �0� �/� �0�.�1�)�,� �0� �1�p�x� �2�p�x� �-�1�p�x� �r�g�b�(�0� �0� �0� �/� �0�.�1�)�;� � � � �-�-�s�h�a�d�o�w�-�m�d�:� �0� �4�p�x� �6�p�x� �-�1�p�x� �r�g�b�(�0� �0� �0� �/� �0�.�1�)�,� �0� �2�p�x� �4�p�x� �-�2�p�x� �r�g�b�(�0� �0� �0� �/� �0�.�1�)�;� � � � �-�-�s�h�a�d�o�w�-�l�g�:� �0� �1�0�p�x� �1�5�p�x� �-�3�p�x� �r�g�b�(�0� �0� �0� �/� �0�.�1�)�,� �0� �4�p�x� �6�p�x� �-�4�p�x� �r�g�b�(�0� �0� �0� �/� �0�.�1�)�;� � � � �-�-�s�h�a�d�o�w�-�x�l�:� �0� �2�0�p�x� �2�5�p�x� �-�5�p�x� �r�g�b�(�0� �0� �0� �/� �0�.�1�)�,� �0� �8�p�x� �1�0�p�x� �-�6�p�x� �r�g�b�(�0� �0� �0� �/� �0�.�1�)�;� � � � �-�-�s�h�a�d�o�w�-�2�x�l�:� �0� �2�5�p�x� �5�0�p�x� �-�1�2�p�x� �r�g�b�(�0� �0� �0� �/� �0�.�2�5�)�;� � � � �-�-�s�h�a�d�o�w�-�g�l�o�w�:� �0� �0� �2�0�p�x� �r�g�b�a�(�0�,� �1�4�5�,� �2�2�4�,� �0�.�3�)�;� � � � �-�-�s�h�a�d�o�w�-�g�l�o�w�-�h�o�v�e�r�:� �0� �0� �3�0�p�x� �r�g�b�a�(�0�,� �1�4�5�,� �2�2�4�,� �0�.�5�)�;� � � � � � � � �-�-�f�o�n�t�-�s�a�n�s�:� �"�I�n�t�e�r�"�,� �s�y�s�t�e�m�-�u�i�,� �-�a�p�p�l�e�-�s�y�s�t�e�m�,� �s�a�n�s�-�s�e�r�i�f�;� � � � �-�-�f�o�n�t�-�d�i�s�p�l�a�y�:� �"�I�n�t�e�r�"�,� �s�y�s�t�e�m�-�u�i�,� �-�a�p�p�l�e�-�s�y�s�t�e�m�,� �s�a�n�s�-�s�e�r�i�f�;� � � � � � � � �-�-�s�p�a�c�e�-�x�s�:� �0�.�5�r�e�m�;� � � � �-�-�s�p�a�c�e�-�s�m�:� �0�.�7�5�r�e�m�;� � � � �-�-�s�p�a�c�e�-�m�d�:� �1�r�e�m�;� � � � �-�-�s�p�a�c�e�-�l�g�:� �1�.�5�r�e�m�;� � � � �-�-�s�p�a�c�e�-�x�l�:� �2�r�e�m�;� � � � �-�-�s�p�a�c�e�-�2�x�l�:� �3�r�e�m�;� � � � �-�-�s�p�a�c�e�-�3�x�l�:� �4�r�e�m�;� � � � � � � � �-�-�r�a�d�i�u�s�-�s�m�:� �0�.�3�7�5�r�e�m�;� � � � �-�-�r�a�d�i�u�s�:� �0�.�5�r�e�m�;� � � � �-�-�r�a�d�i�u�s�-�m�d�:� �0�.�7�5�r�e�m�;� � � � �-�-�r�a�d�i�u�s�-�l�g�:� �1�r�e�m�;� � � � �-�-�r�a�d�i�u�s�-�x�l�:� �1�.�5�r�e�m�;� � � � �-�-�r�a�d�i�u�s�-�2�x�l�:� �2�r�e�m�;� � � � �-�-�r�a�d�i�u�s�-�f�u�l�l�:� �9�9�9�9�p�x�;� � � � � � � � �-�-�t�r�a�n�s�i�t�i�o�n�:� �a�l�l� �0�.�2�s� �c�u�b�i�c�-�b�e�z�i�e�r�(�0�.�4�,� �0�,� �0�.�2�,� �1�)�;� � � � �-�-�t�r�a�n�s�i�t�i�o�n�-�s�l�o�w�:� �a�l�l� �0�.�3�s� �c�u�b�i�c�-�b�e�z�i�e�r�(�0�.�4�,� �0�,� �0�.�2�,� �1�)�;� � � � �-�-�t�r�a�n�s�i�t�i�o�n�-�b�o�u�n�c�e�:� �a�l�l� �0�.�3�s� �c�u�b�i�c�-�b�e�z�i�e�r�(�0�.�6�8�,� �-�0�.�5�5�,� �0�.�2�6�5�,� �1�.�5�5�)�;� � �}� � � � �/�*� �R�e�s�e�t� �a�n�d� �B�a�s�e� �S�t�y�l�e�s� �*�/� � �*� �{� � � � �b�o�x�-�s�i�z�i�n�g�:� �b�o�r�d�e�r�-�b�o�x�;� � � � �m�a�r�g�i�n�:� �0�;� � � � �p�a�d�d�i�n�g�:� �0�;� � �}� � � � �h�t�m�l� �{� � � � �s�c�r�o�l�l�-�b�e�h�a�v�i�o�r�:� �s�m�o�o�t�h�;� � �}� � � � �b�o�d�y� �{� � � � �f�o�n�t�-�f�a�m�i�l�y�:� �v�a�r�(�-�-�f�o�n�t�-�s�a�n�s�)�;� � � � �l�i�n�e�-�h�e�i�g�h�t�:� �1�.�6�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�8�0�0�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�w�h�i�t�e�)�;� � � � �-�w�e�b�k�i�t�-�f�o�n�t�-�s�m�o�o�t�h�i�n�g�:� �a�n�t�i�a�l�i�a�s�e�d�;� � � � �-�m�o�z�-�o�s�x�-�f�o�n�t�-�s�m�o�o�t�h�i�n�g�:� �g�r�a�y�s�c�a�l�e�;� � �}� � � � �/�*� �T�y�p�o�g�r�a�p�h�y� �*�/� � �h�1�,� �h�2�,� �h�3�,� �h�4�,� �h�5�,� �h�6� �{� � � � �f�o�n�t�-�f�a�m�i�l�y�:� �v�a�r�(�-�-�f�o�n�t�-�d�i�s�p�l�a�y�)�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �7�0�0�;� � � � �l�i�n�e�-�h�e�i�g�h�t�:� �1�.�2�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�9�0�0�)�;� � �}� � � � �h�1� �{� �f�o�n�t�-�s�i�z�e�:� �2�r�e�m�;� �}� � �h�2� �{� �f�o�n�t�-�s�i�z�e�:� �1�.�5�r�e�m�;� �}� � �h�3� �{� �f�o�n�t�-�s�i�z�e�:� �1�.�2�5�r�e�m�;� �}� � �h�4� �{� �f�o�n�t�-�s�i�z�e�:� �1�.�1�2�5�r�e�m�;� �}� � �h�5� �{� �f�o�n�t�-�s�i�z�e�:� �1�r�e�m�;� �}� � �h�6� �{� �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� �}� � � � �p� �{� � � � �f�o�n�t�-�s�i�z�e�:� �1�r�e�m�;� � � � �l�i�n�e�-�h�e�i�g�h�t�:� �1�.�6�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�6�0�0�)�;� � �}� � � � �/�*� �A�u�t�h� �P�a�g�e� �L�a�y�o�u�t� �*�/� � �.�a�u�t�h�-�p�a�g�e� �{� � � � �m�i�n�-�h�e�i�g�h�t�:� �1�0�0�v�h�;� � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � �o�v�e�r�f�l�o�w�:� �h�i�d�d�e�n�;� � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�a�u�t�h�)�;� � �}� � � � �.�a�u�t�h�-�b�a�c�k�g�r�o�u�n�d� �{� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �0�;� � � � �l�e�f�t�:� �0�;� � � � �r�i�g�h�t�:� �0�;� � � � �b�o�t�t�o�m�:� �0�;� � � � �z�-�i�n�d�e�x�:� �-�1�;� � �}� � � � �.�a�u�t�h�-�g�r�a�d�i�e�n�t� �{� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �0�;� � � � �l�e�f�t�:� �0�;� � � � �r�i�g�h�t�:� �0�;� � � � �b�o�t�t�o�m�:� �0�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�a�u�t�h�)�;� � � � �o�p�a�c�i�t�y�:� �0�.�8�;� � �}� � � � �.�a�u�t�h�-�p�a�t�t�e�r�n� �{� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �0�;� � � � �l�e�f�t�:� �0�;� � � � �r�i�g�h�t�:� �0�;� � � � �b�o�t�t�o�m�:� �0�;� � � � �b�a�c�k�g�r�o�u�n�d�-�i�m�a�g�e�:� � � � � � � �r�a�d�i�a�l�-�g�r�a�d�i�e�n�t�(�c�i�r�c�l�e� �a�t� �2�0�%� �8�0�%�,� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�1�)� �0�%�,� �t�r�a�n�s�p�a�r�e�n�t� �5�0�%�)�,� � � � � � �r�a�d�i�a�l�-�g�r�a�d�i�e�n�t�(�c�i�r�c�l�e� �a�t� �8�0�%� �2�0�%�,� �r�g�b�a�(�1�3�9�,� �9�2�,� �2�4�6�,� �0�.�1�)� �0�%�,� �t�r�a�n�s�p�a�r�e�n�t� �5�0�%�)�,� � � � � � �r�a�d�i�a�l�-�g�r�a�d�i�e�n�t�(�c�i�r�c�l�e� �a�t� �4�0�%� �4�0�%�,� �r�g�b�a�(�2�3�6�,� �7�2�,� �1�5�3�,� �0�.�1�)� �0�%�,� �t�r�a�n�s�p�a�r�e�n�t� �5�0�%�)�;� � � � �b�a�c�k�g�r�o�u�n�d�-�s�i�z�e�:� �3�0�0�p�x� �3�0�0�p�x�,� �4�0�0�p�x� �4�0�0�p�x�,� �2�0�0�p�x� �2�0�0�p�x�;� � � � �a�n�i�m�a�t�i�o�n�:� �f�l�o�a�t� �2�0�s� �e�a�s�e�-�i�n�-�o�u�t� �i�n�f�i�n�i�t�e�;� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �f�l�o�a�t� �{� � � � �0�%�,� �1�0�0�%� �{� �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�0�p�x�)� �r�o�t�a�t�e�(�0�d�e�g�)�;� �}� � � � �3�3�%� �{� �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�2�0�p�x�)� �r�o�t�a�t�e�(�1�d�e�g�)�;� �}� � � � �6�6�%� �{� �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�1�0�p�x�)� �r�o�t�a�t�e�(�-�1�d�e�g�)�;� �}� � �}� � � � �.�a�u�t�h�-�c�o�n�t�a�i�n�e�r� �{� � � � �w�i�d�t�h�:� �1�0�0�%�;� � � � �m�a�x�-�w�i�d�t�h�:� �4�5�0�p�x�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � �z�-�i�n�d�e�x�:� �1�;� � �}� � � � �/�*� �A�u�t�h� �C�a�r�d� �*�/� � �.�a�u�t�h�-�c�a�r�d� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�9�5�)�;� � � � �b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�2�0�p�x�)�;� � � � �-�w�e�b�k�i�t�-�b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�2�0�p�x�)�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�-�2�x�l�)�;� � � � �b�o�x�-�s�h�a�d�o�w�:� � � � � � � �v�a�r�(�-�-�s�h�a�d�o�w�-�2�x�l�)�,� � � � � � �0� �0� �0� �1�p�x� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�2�)�,� � � � � � �i�n�s�e�t� �0� �1�p�x� �0� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�3�)�;� � � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�2�)�;� � � � �o�v�e�r�f�l�o�w�:� �h�i�d�d�e�n�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�0�)�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�-�s�l�o�w�)�;� � �}� � � � �.�a�u�t�h�-�c�a�r�d�:�h�o�v�e�r� �{� � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�5�p�x�)�;� � � � �b�o�x�-�s�h�a�d�o�w�:� � � � � � � �v�a�r�(�-�-�s�h�a�d�o�w�-�2�x�l�)�,� � � � � � �0� �0� �0� �1�p�x� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�3�)�,� � � � � � �i�n�s�e�t� �0� �1�p�x� �0� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�4�)�,� � � � � � �v�a�r�(�-�-�s�h�a�d�o�w�-�g�l�o�w�)�;� � �}� � � � �.�a�u�t�h�-�c�a�r�d�:�:�b�e�f�o�r�e� �{� � � � �c�o�n�t�e�n�t�:� �"�"�;� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �0�;� � � � �l�e�f�t�:� �0�;� � � � �r�i�g�h�t�:� �0�;� � � � �h�e�i�g�h�t�:� �5�p�x�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�p�r�i�m�a�r�y�)�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�-�2�x�l�)� �v�a�r�(�-�-�r�a�d�i�u�s�-�2�x�l�)� �0� �0�;� � �}� � � � �.�a�u�t�h�-�c�a�r�d�:�:�a�f�t�e�r� �{� � � � �c�o�n�t�e�n�t�:� �"�"�;� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �-�5�0�%�;� � � � �l�e�f�t�:� �-�5�0�%�;� � � � �w�i�d�t�h�:� �2�0�0�%�;� � � � �h�e�i�g�h�t�:� �2�0�0�%�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �c�o�n�i�c�-�g�r�a�d�i�e�n�t�(�f�r�o�m� �0�d�e�g�,� �t�r�a�n�s�p�a�r�e�n�t�,� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�1�)�,� �t�r�a�n�s�p�a�r�e�n�t�)�;� � � � �a�n�i�m�a�t�i�o�n�:� �r�o�t�a�t�e� �1�0�s� �l�i�n�e�a�r� �i�n�f�i�n�i�t�e�;� � � � �z�-�i�n�d�e�x�:� �-�1�;� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �r�o�t�a�t�e� �{� � � � �0�%� �{� �t�r�a�n�s�f�o�r�m�:� �r�o�t�a�t�e�(�0�d�e�g�)�;� �}� � � � �1�0�0�%� �{� �t�r�a�n�s�f�o�r�m�:� �r�o�t�a�t�e�(�3�6�0�d�e�g�)�;� �}� � �}� � � � �.�r�e�g�i�s�t�e�r�-�c�a�r�d� �{� � � � �m�a�x�-�w�i�d�t�h�:� �5�0�0�p�x�;� � �}� � � � �/�*� �A�u�t�h� �H�e�a�d�e�r� �*�/� � �.�a�u�t�h�-�h�e�a�d�e�r� �{� � � � �t�e�x�t�-�a�l�i�g�n�:� �c�e�n�t�e�r�;� � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�2�x�l�)� �v�a�r�(�-�-�s�p�a�c�e�-�2�x�l�)� �v�a�r�(�-�-�s�p�a�c�e�-�x�l�)�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � �}� � � � �.�a�u�t�h�-�l�o�g�o� �{� � � � �d�i�s�p�l�a�y�:� �i�n�l�i�n�e�-�f�l�e�x�;� � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � �g�a�p�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)�;� � � � �f�o�n�t�-�s�i�z�e�:� �1�.�5�r�e�m�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �8�0�0�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � �a�n�i�m�a�t�i�o�n�:� �l�o�g�o�G�l�o�w� �3�s� �e�a�s�e�-�i�n�-�o�u�t� �i�n�f�i�n�i�t�e� �a�l�t�e�r�n�a�t�e�;� � �}� � � � �.�a�u�t�h�-�l�o�g�o� �i� �{� � � � �f�o�n�t�-�s�i�z�e�:� �1�.�7�5�r�e�m�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�p�r�i�m�a�r�y�)�;� � � � �-�w�e�b�k�i�t�-�b�a�c�k�g�r�o�u�n�d�-�c�l�i�p�:� �t�e�x�t�;� � � � �-�w�e�b�k�i�t�-�t�e�x�t�-�f�i�l�l�-�c�o�l�o�r�:� �t�r�a�n�s�p�a�r�e�n�t�;� � � � �b�a�c�k�g�r�o�u�n�d�-�c�l�i�p�:� �t�e�x�t�;� � � � �a�n�i�m�a�t�i�o�n�:� �s�p�a�r�k�l�e� �2�s� �e�a�s�e�-�i�n�-�o�u�t� �i�n�f�i�n�i�t�e�;� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �l�o�g�o�G�l�o�w� �{� � � � �0�%� �{� �t�e�x�t�-�s�h�a�d�o�w�:� �0� �0� �5�p�x� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�3�)�;� �}� � � � �1�0�0�%� �{� �t�e�x�t�-�s�h�a�d�o�w�:� �0� �0� �2�0�p�x� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�6�)�,� �0� �0� �3�0�p�x� �r�g�b�a�(�1�3�9�,� �9�2�,� �2�4�6�,� �0�.�4�)�;� �}� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �s�p�a�r�k�l�e� �{� � � � �0�%�,� �1�0�0�%� �{� �t�r�a�n�s�f�o�r�m�:� �s�c�a�l�e�(�1�)� �r�o�t�a�t�e�(�0�d�e�g�)�;� �}� � � � �5�0�%� �{� �t�r�a�n�s�f�o�r�m�:� �s�c�a�l�e�(�1�.�1�)� �r�o�t�a�t�e�(�5�d�e�g�)�;� �}� � �}� � � � �.�a�u�t�h�-�h�e�a�d�e�r� �h�1� �{� � � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�9�0�0�)�;� � � � �f�o�n�t�-�s�i�z�e�:� �2�.�5�r�e�m�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �8�0�0�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �v�a�r�(�-�-�g�r�a�y�-�9�0�0�)� �0�%�,� �v�a�r�(�-�-�p�r�i�m�a�r�y�)� �1�0�0�%�)�;� � � � �-�w�e�b�k�i�t�-�b�a�c�k�g�r�o�u�n�d�-�c�l�i�p�:� �t�e�x�t�;� � � � �-�w�e�b�k�i�t�-�t�e�x�t�-�f�i�l�l�-�c�o�l�o�r�:� �t�r�a�n�s�p�a�r�e�n�t�;� � � � �b�a�c�k�g�r�o�u�n�d�-�c�l�i�p�:� �t�e�x�t�;� � � � �a�n�i�m�a�t�i�o�n�:� �t�i�t�l�e�S�l�i�d�e� �0�.�8�s� �e�a�s�e�-�o�u�t�;� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �t�i�t�l�e�S�l�i�d�e� �{� � � � �0�%� �{� � � � � � � �o�p�a�c�i�t�y�:� �0�;� � � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�2�0�p�x�)�;� � � � � �}� � � � �1�0�0�%� �{� � � � � � � �o�p�a�c�i�t�y�:� �1�;� � � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�0�)�;� � � � � �}� � �}� � � � �.�a�u�t�h�-�h�e�a�d�e�r� �p� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�6�0�0�)�;� � � � �f�o�n�t�-�s�i�z�e�:� �1�.�1�r�e�m�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �5�0�0�;� � � � �a�n�i�m�a�t�i�o�n�:� �s�u�b�t�i�t�l�e�F�a�d�e� �1�s� �e�a�s�e�-�o�u�t� �0�.�3�s� �b�o�t�h�;� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �s�u�b�t�i�t�l�e�F�a�d�e� �{� � � � �0�%� �{� � � � � � � �o�p�a�c�i�t�y�:� �0�;� � � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�1�0�p�x�)�;� � � � � �}� � � � �1�0�0�%� �{� � � � � � � �o�p�a�c�i�t�y�:� �1�;� � � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�0�)�;� � � � � �}� � �}� � � � �/�*� �A�u�t�h� �E�r�r�o�r� �*�/� � �.�a�u�t�h�-�e�r�r�o�r� �{� � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � �g�a�p�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�3�9�,� �6�8�,� �6�8�,� �0�.�1�)�;� � � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�3�9�,� �6�8�,� �6�8�,� �0�.�2�)�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�)�;� � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)�;� � � � �m�a�r�g�i�n�:� �0� �v�a�r�(�-�-�s�p�a�c�e�-�2�x�l�)� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�d�a�n�g�e�r�)�;� � � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �5�0�0�;� � �}� � � � �.�a�u�t�h�-�e�r�r�o�r� �i� �{� � � � �f�o�n�t�-�s�i�z�e�:� �1�.�1�2�5�r�e�m�;� � � � �f�l�e�x�-�s�h�r�i�n�k�:� �0�;� � �}� � � � �/�*� �A�u�t�h� �F�o�r�m� �*�/� � �.�a�u�t�h�-�f�o�r�m� �{� � � � �p�a�d�d�i�n�g�:� �0� �v�a�r�(�-�-�s�p�a�c�e�-�2�x�l�)� �v�a�r�(�-�-�s�p�a�c�e�-�x�l�)�;� � �}� � � � �.�f�o�r�m�-�g�r�o�u�p� �{� � � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)�;� � �}� � � � �.�f�o�r�m�-�g�r�o�u�p� �l�a�b�e�l� �{� � � � �d�i�s�p�l�a�y�:� �b�l�o�c�k�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �6�0�0�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�7�0�0�)�;� � � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� � �}� � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �{� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � �}� � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i� �{� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �l�e�f�t�:� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�4�0�0�)�;� � � � �f�o�n�t�-�s�i�z�e�:� �1�.�1�2�5�r�e�m�;� � � � �z�-�i�n�d�e�x�:� �2�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�)�;� � �}� � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t� �{� � � � �w�i�d�t�h�:� �1�0�0�%�;� � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)� �3�r�e�m�;� � � � �b�o�r�d�e�r�:� �2�p�x� �s�o�l�i�d� �v�a�r�(�-�-�g�r�a�y�-�2�0�0�)�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�-�l�g�)�;� � � � �f�o�n�t�-�s�i�z�e�:� �1�r�e�m�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�8�)�;� � � � �b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�1�0�p�x�)�;� � � � �-�w�e�b�k�i�t�-�b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�1�0�p�x�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�9�0�0�)�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�)�;� � � � �o�u�t�l�i�n�e�:� �n�o�n�e�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � �}� � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t�:�:�p�l�a�c�e�h�o�l�d�e�r� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�4�0�0�)�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �4�0�0�;� � �}� � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t�:�f�o�c�u�s� �{� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �b�o�x�-�s�h�a�d�o�w�:� � � � � � � �0� �0� �0� �3�p�x� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�1�)�,� � � � � � �0� �4�p�x� �1�2�p�x� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�1�5�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�9�5�)�;� � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�2�p�x�)�;� � �}� � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t�:�f�o�c�u�s� �+� �i�,� � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t�:�n�o�t�(�:�p�l�a�c�e�h�o�l�d�e�r�-�s�h�o�w�n�)� �+� �i� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �t�r�a�n�s�f�o�r�m�:� �s�c�a�l�e�(�1�.�1�)�;� � �}� � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t�.�e�r�r�o�r� �{� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�d�a�n�g�e�r�)�;� � � � �b�o�x�-�s�h�a�d�o�w�:� � � � � � � �0� �0� �0� �3�p�x� �r�g�b�a�(�2�3�9�,� �6�8�,� �6�8�,� �0�.�1�)�,� � � � � � �0� �4�p�x� �1�2�p�x� �r�g�b�a�(�2�3�9�,� �6�8�,� �6�8�,� �0�.�1�5�)�;� � � � �a�n�i�m�a�t�i�o�n�:� �s�h�a�k�e� �0�.�5�s� �e�a�s�e�-�i�n�-�o�u�t�;� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �s�h�a�k�e� �{� � � � �0�%�,� �1�0�0�%� �{� �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�X�(�0�)�;� �}� � � � �2�5�%� �{� �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�X�(�-�5�p�x�)�;� �}� � � � �7�5�%� �{� �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�X�(�5�p�x�)�;� �}� � �}� � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t�.�e�r�r�o�r� �+� �i� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�d�a�n�g�e�r�)�;� � � � �a�n�i�m�a�t�i�o�n�:� �p�u�l�s�e� �0�.�5�s� �e�a�s�e�-�i�n�-�o�u�t�;� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �p�u�l�s�e� �{� � � � �0�%�,� �1�0�0�%� �{� �t�r�a�n�s�f�o�r�m�:� �s�c�a�l�e�(�1�)�;� �}� � � � �5�0�%� �{� �t�r�a�n�s�f�o�r�m�:� �s�c�a�l�e�(�1�.�2�)�;� �}� � �}� � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t�:�d�i�s�a�b�l�e�d� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�y�-�5�0�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�5�0�0�)�;� � � � �c�u�r�s�o�r�:� �n�o�t�-�a�l�l�o�w�e�d�;� � � � �o�p�a�c�i�t�y�:� �0�.�7�;� � �}� � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r�:�:�b�e�f�o�r�e� �{� � � � �c�o�n�t�e�n�t�:� �"�"�;� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �0�;� � � � �l�e�f�t�:� �0�;� � � � �r�i�g�h�t�:� �0�;� � � � �b�o�t�t�o�m�:� �0�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�p�r�i�m�a�r�y�)�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�-�l�g�)�;� � � � �o�p�a�c�i�t�y�:� �0�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�)�;� � � � �z�-�i�n�d�e�x�:� �-�1�;� � �}� � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r�:�f�o�c�u�s�-�w�i�t�h�i�n�:�:�b�e�f�o�r�e� �{� � � � �o�p�a�c�i�t�y�:� �0�.�1�;� � �}� � � � �.�e�r�r�o�r�-�m�e�s�s�a�g�e� �{� � � � �d�i�s�p�l�a�y�:� �b�l�o�c�k�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�d�a�n�g�e�r�)�;� � � � �f�o�n�t�-�s�i�z�e�:� �0�.�7�5�r�e�m�;� � � � �m�a�r�g�i�n�-�t�o�p�:� �v�a�r�(�-�-�s�p�a�c�e�-�x�s�)�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �5�0�0�;� � �}� � � � �/�*� �R�o�l�e� �S�e�l�e�c�t�i�o�n� �S�t�y�l�e�s� �*�/� � �.�r�o�l�e�-�s�e�l�e�c�t�i�o�n� �{� � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � �g�a�p�:� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)�;� � � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � �}� � � � �.�r�o�l�e�-�o�p�t�i�o�n� �{� � � � �f�l�e�x�:� �1�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � �}� � � � �.�r�o�l�e�-�o�p�t�i�o�n� �i�n�p�u�t�[�t�y�p�e�=�"�r�a�d�i�o�"�]� �{� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �o�p�a�c�i�t�y�:� �0�;� � � � �p�o�i�n�t�e�r�-�e�v�e�n�t�s�:� �n�o�n�e�;� � �}� � � � �.�r�o�l�e�-�l�a�b�e�l� �{� � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � �g�a�p�:� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)�;� � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)�;� � � � �b�o�r�d�e�r�:� �2�p�x� �s�o�l�i�d� �v�a�r�(�-�-�g�r�a�y�-�2�0�0�)�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�-�l�g�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�8�)�;� � � � �b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�1�0�p�x�)�;� � � � �-�w�e�b�k�i�t�-�b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�1�0�p�x�)�;� � � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�)�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � �o�v�e�r�f�l�o�w�:� �h�i�d�d�e�n�;� � �}� � � � �.�r�o�l�e�-�l�a�b�e�l�:�:�b�e�f�o�r�e� �{� � � � �c�o�n�t�e�n�t�:� �"�"�;� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �0�;� � � � �l�e�f�t�:� �-�1�0�0�%�;� � � � �w�i�d�t�h�:� �1�0�0�%�;� � � � �h�e�i�g�h�t�:� �1�0�0�%�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�9�0�d�e�g�,� �t�r�a�n�s�p�a�r�e�n�t�,� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�1�)�,� �t�r�a�n�s�p�a�r�e�n�t�)�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�-�s�l�o�w�)�;� � �}� � � � �.�r�o�l�e�-�l�a�b�e�l�:�h�o�v�e�r� �{� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�9�5�)�;� � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�2�p�x�)�;� � � � �b�o�x�-�s�h�a�d�o�w�:� �v�a�r�(�-�-�s�h�a�d�o�w�-�m�d�)�;� � �}� � � � �.�r�o�l�e�-�l�a�b�e�l�:�h�o�v�e�r�:�:�b�e�f�o�r�e� �{� � � � �l�e�f�t�:� �1�0�0�%�;� � �}� � � � �.�r�o�l�e�-�o�p�t�i�o�n� �i�n�p�u�t�[�t�y�p�e�=�"�r�a�d�i�o�"�]�:�c�h�e�c�k�e�d� �+� �.�r�o�l�e�-�l�a�b�e�l� �{� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�1�)� �0�%�,� �r�g�b�a�(�1�3�9�,� �9�2�,� �2�4�6�,� �0�.�0�5�)� �1�0�0�%�)�;� � � � �b�o�x�-�s�h�a�d�o�w�:� � � � � � � �v�a�r�(�-�-�s�h�a�d�o�w�-�m�d�)�,� � � � � � �0� �0� �0� �1�p�x� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�2�)�;� � �}� � � � �.�r�o�l�e�-�i�c�o�n� �{� � � � �w�i�d�t�h�:� �4�8�p�x�;� � � � �h�e�i�g�h�t�:� �4�8�p�x�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�y�-�1�0�0�)�;� � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�6�0�0�)�;� � � � �f�o�n�t�-�s�i�z�e�:� �1�.�5�r�e�m�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�)�;� � � � �f�l�e�x�-�s�h�r�i�n�k�:� �0�;� � �}� � � � �.�r�o�l�e�-�o�p�t�i�o�n� �i�n�p�u�t�[�t�y�p�e�=�"�r�a�d�i�o�"�]�:�c�h�e�c�k�e�d� �+� �.�r�o�l�e�-�l�a�b�e�l� �.�r�o�l�e�-�i�c�o�n� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�p�r�i�m�a�r�y�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�w�h�i�t�e�)�;� � � � �t�r�a�n�s�f�o�r�m�:� �s�c�a�l�e�(�1�.�1�)�;� � �}� � � � �.�r�o�l�e�-�c�o�n�t�e�n�t� �h�4� �{� � � � �f�o�n�t�-�s�i�z�e�:� �1�r�e�m�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �7�0�0�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�9�0�0�)�;� � � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �0�.�2�5�r�e�m�;� � �}� � � � �.�r�o�l�e�-�c�o�n�t�e�n�t� �p� �{� � � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�6�0�0�)�;� � � � �m�a�r�g�i�n�:� �0�;� � � � �l�i�n�e�-�h�e�i�g�h�t�:� �1�.�4�;� � �}� � � � �.�r�o�l�e�-�o�p�t�i�o�n� �i�n�p�u�t�[�t�y�p�e�=�"�r�a�d�i�o�"�]�:�c�h�e�c�k�e�d� �+� �.�r�o�l�e�-�l�a�b�e�l� �.�r�o�l�e�-�c�o�n�t�e�n�t� �h�4� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � �}� � � � �.�r�o�l�e�-�o�p�t�i�o�n� �i�n�p�u�t�[�t�y�p�e�=�"�r�a�d�i�o�"�]�:�c�h�e�c�k�e�d� �+� �.�r�o�l�e�-�l�a�b�e�l� �.�r�o�l�e�-�c�o�n�t�e�n�t� �p� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�-�d�a�r�k�)�;� � �}� � � � �/�*� �A�u�t�h� �B�u�t�t�o�n� �*�/� � �.�a�u�t�h�-�b�u�t�t�o�n� �{� � � � �w�i�d�t�h�:� �1�0�0�%�;� � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � � �g�a�p�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)� �v�a�r�(�-�-�s�p�a�c�e�-�x�l�)�;� � � � �b�o�r�d�e�r�:� �2�p�x� �s�o�l�i�d� �t�r�a�n�s�p�a�r�e�n�t�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�-�l�g�)�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �7�0�0�;� � � � �f�o�n�t�-�s�i�z�e�:� �1�.�1�r�e�m�;� � � � �t�e�x�t�-�d�e�c�o�r�a�t�i�o�n�:� �n�o�n�e�;� � � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�-�b�o�u�n�c�e�)�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � �o�v�e�r�f�l�o�w�:� �h�i�d�d�e�n�;� � � � �m�a�r�g�i�n�-�t�o�p�:� �v�a�r�(�-�-�s�p�a�c�e�-�x�l�)�;� � � � �t�e�x�t�-�t�r�a�n�s�f�o�r�m�:� �u�p�p�e�r�c�a�s�e�;� � � � �l�e�t�t�e�r�-�s�p�a�c�i�n�g�:� �0�.�5�p�x�;� � �}� � � � �.�a�u�t�h�-�b�u�t�t�o�n�.�p�r�i�m�a�r�y� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�b�u�t�t�o�n�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�w�h�i�t�e�)�;� � � � �b�o�x�-�s�h�a�d�o�w�:� � � � � � � �v�a�r�(�-�-�s�h�a�d�o�w�-�l�g�)�,� � � � � � �0� �0� �2�0�p�x� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�3�)�;� � � � �b�o�r�d�e�r�:� �2�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�2�)�;� � �}� � � � �.�a�u�t�h�-�b�u�t�t�o�n�.�p�r�i�m�a�r�y�:�:�b�e�f�o�r�e� �{� � � � �c�o�n�t�e�n�t�:� �"�"�;� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �0�;� � � � �l�e�f�t�:� �-�1�0�0�%�;� � � � �w�i�d�t�h�:� �1�0�0�%�;� � � � �h�e�i�g�h�t�:� �1�0�0�%�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�9�0�d�e�g�,� �t�r�a�n�s�p�a�r�e�n�t�,� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�2�)�,� �t�r�a�n�s�p�a�r�e�n�t�)�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�-�s�l�o�w�)�;� � �}� � � � �.�a�u�t�h�-�b�u�t�t�o�n�.�p�r�i�m�a�r�y�:�h�o�v�e�r�:�n�o�t�(�:�d�i�s�a�b�l�e�d�)� �{� � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�3�p�x�)� �s�c�a�l�e�(�1�.�0�2�)�;� � � � �b�o�x�-�s�h�a�d�o�w�:� � � � � � � �v�a�r�(�-�-�s�h�a�d�o�w�-�2�x�l�)�,� � � � � � �0� �0� �3�0�p�x� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�5�)�,� � � � � � �0� �0� �6�0�p�x� �r�g�b�a�(�1�3�9�,� �9�2�,� �2�4�6�,� �0�.�3�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�b�u�t�t�o�n�-�h�o�v�e�r�)�;� � �}� � � � �.�a�u�t�h�-�b�u�t�t�o�n�.�p�r�i�m�a�r�y�:�h�o�v�e�r�:�n�o�t�(�:�d�i�s�a�b�l�e�d�)�:�:�b�e�f�o�r�e� �{� � � � �l�e�f�t�:� �1�0�0�%�;� � �}� � � � �.�a�u�t�h�-�b�u�t�t�o�n�.�p�r�i�m�a�r�y�:�a�c�t�i�v�e�:�n�o�t�(�:�d�i�s�a�b�l�e�d�)� �{� � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�1�p�x�)� �s�c�a�l�e�(�0�.�9�8�)�;� � �}� � � � �.�a�u�t�h�-�b�u�t�t�o�n�:�d�i�s�a�b�l�e�d� �{� � � � �o�p�a�c�i�t�y�:� �0�.�6�;� � � � �c�u�r�s�o�r�:� �n�o�t�-�a�l�l�o�w�e�d�;� � � � �t�r�a�n�s�f�o�r�m�:� �n�o�n�e� �!�i�m�p�o�r�t�a�n�t�;� � � � �b�o�x�-�s�h�a�d�o�w�:� �v�a�r�(�-�-�s�h�a�d�o�w�-�m�d�)� �!�i�m�p�o�r�t�a�n�t�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�y�-�4�0�0�)� �!�i�m�p�o�r�t�a�n�t�;� � �}� � � � �.�a�u�t�h�-�b�u�t�t�o�n�:�d�i�s�a�b�l�e�d�:�:�b�e�f�o�r�e� �{� � � � �d�i�s�p�l�a�y�:� �n�o�n�e�;� � �}� � � � �/�*� �S�p�i�n�n�e�r� �*�/� � �.�s�p�i�n�n�e�r� �{� � � � �w�i�d�t�h�:� �2�4�p�x�;� � � � �h�e�i�g�h�t�:� �2�4�p�x�;� � � � �b�o�r�d�e�r�:� �3�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�3�)�;� � � � �b�o�r�d�e�r�-�t�o�p�:� �3�p�x� �s�o�l�i�d� �v�a�r�(�-�-�w�h�i�t�e�)�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �5�0�%�;� � � � �a�n�i�m�a�t�i�o�n�:� �s�p�i�n� �1�s� �l�i�n�e�a�r� �i�n�f�i�n�i�t�e�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � �}� � � � �.�s�p�i�n�n�e�r�:�:�a�f�t�e�r� �{� � � � �c�o�n�t�e�n�t�:� �"�"�;� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �-�3�p�x�;� � � � �l�e�f�t�:� �-�3�p�x�;� � � � �r�i�g�h�t�:� �-�3�p�x�;� � � � �b�o�t�t�o�m�:� �-�3�p�x�;� � � � �b�o�r�d�e�r�:� �3�p�x� �s�o�l�i�d� �t�r�a�n�s�p�a�r�e�n�t�;� � � � �b�o�r�d�e�r�-�t�o�p�:� �3�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�6�)�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �5�0�%�;� � � � �a�n�i�m�a�t�i�o�n�:� �s�p�i�n� �0�.�5�s� �l�i�n�e�a�r� �i�n�f�i�n�i�t�e� �r�e�v�e�r�s�e�;� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �s�p�i�n� �{� � � � �0�%� �{� �t�r�a�n�s�f�o�r�m�:� �r�o�t�a�t�e�(�0�d�e�g�)�;� �}� � � � �1�0�0�%� �{� �t�r�a�n�s�f�o�r�m�:� �r�o�t�a�t�e�(�3�6�0�d�e�g�)�;� �}� � �}� � � � �/�*� �A�u�t�h� �F�o�o�t�e�r� �*�/� � �.�a�u�t�h�-�f�o�o�t�e�r� �{� � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�x�l�)� �v�a�r�(�-�-�s�p�a�c�e�-�2�x�l�)� �v�a�r�(�-�-�s�p�a�c�e�-�2�x�l�)�;� � � � �t�e�x�t�-�a�l�i�g�n�:� �c�e�n�t�e�r�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�4�8�,� �2�5�0�,� �2�5�2�,� �0�.�8�)�;� � � � �b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�1�0�p�x�)�;� � � � �-�w�e�b�k�i�t�-�b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�1�0�p�x�)�;� � � � �b�o�r�d�e�r�-�t�o�p�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�2�)�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � �}� � � � �.�a�u�t�h�-�f�o�o�t�e�r�:�:�b�e�f�o�r�e� �{� � � � �c�o�n�t�e�n�t�:� �"�"�;� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �0�;� � � � �l�e�f�t�:� �5�0�%�;� � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�X�(�-�5�0�%�)�;� � � � �w�i�d�t�h�:� �6�0�p�x�;� � � � �h�e�i�g�h�t�:� �2�p�x�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�p�r�i�m�a�r�y�)�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�-�f�u�l�l�)�;� � �}� � � � �.�a�u�t�h�-�f�o�o�t�e�r� �p� �{� � � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�6�0�0�)�;� � � � �f�o�n�t�-�s�i�z�e�:� �0�.�9�r�e�m�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �5�0�0�;� � �}� � � � �.�a�u�t�h�-�l�i�n�k� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �t�e�x�t�-�d�e�c�o�r�a�t�i�o�n�:� �n�o�n�e�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �7�0�0�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�)�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�x�s�)� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�)�;� � �}� � � � �.�a�u�t�h�-�l�i�n�k�:�:�b�e�f�o�r�e� �{� � � � �c�o�n�t�e�n�t�:� �"�"�;� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �b�o�t�t�o�m�:� �0�;� � � � �l�e�f�t�:� �0�;� � � � �w�i�d�t�h�:� �0�;� � � � �h�e�i�g�h�t�:� �2�p�x�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�p�r�i�m�a�r�y�)�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�)�;� � �}� � � � �.�a�u�t�h�-�l�i�n�k�:�h�o�v�e�r� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�-�d�a�r�k�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�1�)�;� � �}� � � � �.�a�u�t�h�-�l�i�n�k�:�h�o�v�e�r�:�:�b�e�f�o�r�e� �{� � � � �w�i�d�t�h�:� �1�0�0�%�;� � �}� � � � �.�a�u�t�h�-�d�i�v�i�d�e�r� �{� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � �m�a�r�g�i�n�:� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)� �0�;� � � � �t�e�x�t�-�a�l�i�g�n�:� �c�e�n�t�e�r�;� � �}� � � � �.�a�u�t�h�-�d�i�v�i�d�e�r�:�:�b�e�f�o�r�e� �{� � � � �c�o�n�t�e�n�t�:� �"�"�;� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �5�0�%�;� � � � �l�e�f�t�:� �0�;� � � � �r�i�g�h�t�:� �0�;� � � � �h�e�i�g�h�t�:� �1�p�x�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�9�0�d�e�g�,� �t�r�a�n�s�p�a�r�e�n�t�,� �v�a�r�(�-�-�g�r�a�y�-�3�0�0�)�,� �t�r�a�n�s�p�a�r�e�n�t�)�;� � �}� � � � �.�a�u�t�h�-�d�i�v�i�d�e�r� �s�p�a�n� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�4�8�,� �2�5�0�,� �2�5�2�,� �0�.�9�)�;� � � � �b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�1�0�p�x�)�;� � � � �-�w�e�b�k�i�t�-�b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�1�0�p�x�)�;� � � � �p�a�d�d�i�n�g�:� �0� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�5�0�0�)�;� � � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �6�0�0�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�-�f�u�l�l�)�;� � � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�2�)�;� � �}� � � � �.�b�a�c�k�-�t�o�-�h�o�m�e� �{� � � � �d�i�s�p�l�a�y�:� �i�n�l�i�n�e�-�f�l�e�x�;� � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � �g�a�p�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�6�0�0�)�;� � � � �t�e�x�t�-�d�e�c�o�r�a�t�i�o�n�:� �n�o�n�e�;� � � � �f�o�n�t�-�s�i�z�e�:� �0�.�9�r�e�m�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �6�0�0�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�)�;� � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)�;� � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�-�l�g�)�;� � � � �b�o�r�d�e�r�:� �2�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�3�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�8�)�;� � � � �b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�1�0�p�x�)�;� � � � �-�w�e�b�k�i�t�-�b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�1�0�p�x�)�;� � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � �o�v�e�r�f�l�o�w�:� �h�i�d�d�e�n�;� � �}� � � � �.�b�a�c�k�-�t�o�-�h�o�m�e�:�:�b�e�f�o�r�e� �{� � � � �c�o�n�t�e�n�t�:� �"�"�;� � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � �t�o�p�:� �0�;� � � � �l�e�f�t�:� �-�1�0�0�%�;� � � � �w�i�d�t�h�:� �1�0�0�%�;� � � � �h�e�i�g�h�t�:� �1�0�0�%�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�9�0�d�e�g�,� �t�r�a�n�s�p�a�r�e�n�t�,� �r�g�b�a�(�9�9�,� �1�0�2�,� �2�4�1�,� �0�.�1�)�,� �t�r�a�n�s�p�a�r�e�n�t�)�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�-�s�l�o�w�)�;� � �}� � � � �.�b�a�c�k�-�t�o�-�h�o�m�e�:�h�o�v�e�r� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�9�5�)�;� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�2�p�x�)�;� � � � �b�o�x�-�s�h�a�d�o�w�:� �v�a�r�(�-�-�s�h�a�d�o�w�-�l�g�)�;� � �}� � � � �.�b�a�c�k�-�t�o�-�h�o�m�e�:�h�o�v�e�r�:�:�b�e�f�o�r�e� �{� � � � �l�e�f�t�:� �1�0�0�%�;� � �}� � � � �.�b�a�c�k�-�t�o�-�h�o�m�e� �i� �{� � � � �f�o�n�t�-�s�i�z�e�:� �1�.�1�r�e�m�;� � � � �t�r�a�n�s�i�t�i�o�n�:� �v�a�r�(�-�-�t�r�a�n�s�i�t�i�o�n�)�;� � �}� � � � �.�b�a�c�k�-�t�o�-�h�o�m�e�:�h�o�v�e�r� �i� �{� � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�X�(�-�2�p�x�)�;� � �}� � � � �/�*� �R�e�s�p�o�n�s�i�v�e� �D�e�s�i�g�n� �*�/� � �@�m�e�d�i�a� �(�m�a�x�-�w�i�d�t�h�:� �7�6�8�p�x�)� �{� � � � �.�a�u�t�h�-�p�a�g�e� �{� � � � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � � � �}� � � � � � � � �.�a�u�t�h�-�c�o�n�t�a�i�n�e�r� �{� � � � � � �m�a�x�-�w�i�d�t�h�:� �1�0�0�%�;� � � � �}� � � � � � � � �.�a�u�t�h�-�h�e�a�d�e�r� �{� � � � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�x�l�)� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)�;� � � � �}� � � � � � � � �.�a�u�t�h�-�f�o�r�m� �{� � � � � � �p�a�d�d�i�n�g�:� �0� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)�;� � � � �}� � � � � � � � �.�a�u�t�h�-�f�o�o�t�e�r� �{� � � � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)�;� � � � �}� � � � � � � � �.�a�u�t�h�-�h�e�a�d�e�r� �h�1� �{� � � � � � �f�o�n�t�-�s�i�z�e�:� �1�.�7�5�r�e�m�;� � � � �}� � � � � � � � �.�a�u�t�h�-�l�o�g�o� �{� � � � � � �f�o�n�t�-�s�i�z�e�:� �1�.�2�5�r�e�m�;� � � � �}� � � � � � � � �.�a�u�t�h�-�l�o�g�o� �i� �{� � � � � � �f�o�n�t�-�s�i�z�e�:� �1�.�5�r�e�m�;� � � � �}� � �}� � � � �@�m�e�d�i�a� �(�m�a�x�-�w�i�d�t�h�:� �4�8�0�p�x�)� �{� � � � �.�a�u�t�h�-�p�a�g�e� �{� � � � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�x�s�)�;� � � � �}� � � � � � � � �.�a�u�t�h�-�h�e�a�d�e�r� �{� � � � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�l�g�)� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � � � �}� � � � � � � � �.�a�u�t�h�-�f�o�r�m� �{� � � � � � �p�a�d�d�i�n�g�:� �0� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � � � �}� � � � � � � � �.�a�u�t�h�-�f�o�o�t�e�r� �{� � � � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)�;� � � � �}� � � � � � � � �.�a�u�t�h�-�h�e�a�d�e�r� �h�1� �{� � � � � � �f�o�n�t�-�s�i�z�e�:� �1�.�5�r�e�m�;� � � � �}� � � � � � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t� �{� � � � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)� �2�.�5�r�e�m�;� � � � � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� � � � �}� � � � � � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i� �{� � � � � � �l�e�f�t�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)�;� � � � � � �f�o�n�t�-�s�i�z�e�:� �1�r�e�m�;� � � � �}� � � � � � � � �.�a�u�t�h�-�b�u�t�t�o�n� �{� � � � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�s�m�)� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)�;� � � � � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� � � � �}� � � � � � � � �.�r�o�l�e�-�s�e�l�e�c�t�i�o�n� �{� � � � � � �f�l�e�x�-�d�i�r�e�c�t�i�o�n�:� �c�o�l�u�m�n�;� � � � �}� � � � � � � � �.�r�o�l�e�-�l�a�b�e�l� �{� � � � � � �p�a�d�d�i�n�g�:� �v�a�r�(�-�-�s�p�a�c�e�-�m�d�)�;� � � � �}� � � � � � � � �.�r�o�l�e�-�i�c�o�n� �{� � � � � � �w�i�d�t�h�:� �4�0�p�x�;� � � � � � �h�e�i�g�h�t�:� �4�0�p�x�;� � � � � � �f�o�n�t�-�s�i�z�e�:� �1�.�2�5�r�e�m�;� � � � �}� � � � � � � � �.�r�o�l�e�-�c�o�n�t�e�n�t� �h�4� �{� � � � � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� � � � �}� � � � � � � � �.�r�o�l�e�-�c�o�n�t�e�n�t� �p� �{� � � � � � �f�o�n�t�-�s�i�z�e�:� �0�.�7�5�r�e�m�;� � � � �}� � �}� � � � �/�*� �A�n�i�m�a�t�i�o�n� �f�o�r� �f�o�r�m� �e�l�e�m�e�n�t�s� �*�/� � �.�f�o�r�m�-�g�r�o�u�p� �{� � � � �a�n�i�m�a�t�i�o�n�:� �s�l�i�d�e�I�n�U�p� �0�.�8�s� �c�u�b�i�c�-�b�e�z�i�e�r�(�0�.�4�,� �0�,� �0�.�2�,� �1�)� �b�o�t�h�;� � � � �o�p�a�c�i�t�y�:� �1�;� � �}� � � � �.�f�o�r�m�-�g�r�o�u�p�:�n�t�h�-�c�h�i�l�d�(�1�)� �{� �a�n�i�m�a�t�i�o�n�-�d�e�l�a�y�:� �0�.�1�s�;� �}� � �.�f�o�r�m�-�g�r�o�u�p�:�n�t�h�-�c�h�i�l�d�(�2�)� �{� �a�n�i�m�a�t�i�o�n�-�d�e�l�a�y�:� �0�.�2�s�;� �}� � �.�f�o�r�m�-�g�r�o�u�p�:�n�t�h�-�c�h�i�l�d�(�3�)� �{� �a�n�i�m�a�t�i�o�n�-�d�e�l�a�y�:� �0�.�3�s�;� �}� � �.�f�o�r�m�-�g�r�o�u�p�:�n�t�h�-�c�h�i�l�d�(�4�)� �{� �a�n�i�m�a�t�i�o�n�-�d�e�l�a�y�:� �0�.�4�s�;� �}� � �.�f�o�r�m�-�g�r�o�u�p�:�n�t�h�-�c�h�i�l�d�(�5�)� �{� �a�n�i�m�a�t�i�o�n�-�d�e�l�a�y�:� �0�.�5�s�;� �}� � � � �@�k�e�y�f�r�a�m�e�s� �s�l�i�d�e�I�n�U�p� �{� � � � �0�%� �{� � � � � � �o�p�a�c�i�t�y�:� �0�;� � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�3�0�p�x�)� �s�c�a�l�e�(�0�.�9�5�)�;� � � � �}� � � � �5�0�%� �{� � � � � � �o�p�a�c�i�t�y�:� �0�.�5�;� � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�1�5�p�x�)� �s�c�a�l�e�(�0�.�9�8�)�;� � � � �}� � � � �1�0�0�%� �{� � � � � � �o�p�a�c�i�t�y�:� �1�;� � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�0�)� �s�c�a�l�e�(�1�)�;� � � � �}� � �}� � � � �/�*� �A�d�d�i�t�i�o�n�a�l� �b�e�a�u�t�i�f�u�l� �a�n�i�m�a�t�i�o�n�s� �*�/� � �.�a�u�t�h�-�c�a�r�d� �{� � � � �a�n�i�m�a�t�i�o�n�:� �c�a�r�d�S�l�i�d�e�I�n� �1�s� �c�u�b�i�c�-�b�e�z�i�e�r�(�0�.�4�,� �0�,� �0�.�2�,� �1�)� �b�o�t�h�;� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �c�a�r�d�S�l�i�d�e�I�n� �{� � � � �0�%� �{� � � � � � �o�p�a�c�i�t�y�:� �0�;� � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�5�0�p�x�)� �s�c�a�l�e�(�0�.�9�)�;� � � � �}� � � � �1�0�0�%� �{� � � � � � �o�p�a�c�i�t�y�:� �1�;� � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�0�)� �s�c�a�l�e�(�1�)�;� � � � �}� � �}� � � � �.�a�u�t�h�-�h�e�a�d�e�r� �{� � � � �a�n�i�m�a�t�i�o�n�:� �h�e�a�d�e�r�F�a�d�e�I�n� �1�.�2�s� �c�u�b�i�c�-�b�e�z�i�e�r�(�0�.�4�,� �0�,� �0�.�2�,� �1�)� �b�o�t�h�;� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �h�e�a�d�e�r�F�a�d�e�I�n� �{� � � � �0�%� �{� � � � � � �o�p�a�c�i�t�y�:� �0�;� � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�2�0�p�x�)�;� � � � �}� � � � �1�0�0�%� �{� � � � � � �o�p�a�c�i�t�y�:� �1�;� � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�0�)�;� � � � �}� � �}� � � � �.�a�u�t�h�-�f�o�o�t�e�r� �{� � � � �a�n�i�m�a�t�i�o�n�:� �f�o�o�t�e�r�S�l�i�d�e�U�p� �1�s� �c�u�b�i�c�-�b�e�z�i�e�r�(�0�.�4�,� �0�,� �0�.�2�,� �1�)� �0�.�5�s� �b�o�t�h�;� � �}� � � � �@�k�e�y�f�r�a�m�e�s� �f�o�o�t�e�r�S�l�i�d�e�U�p� �{� � � � �0�%� �{� � � � � � �o�p�a�c�i�t�y�:� �0�;� � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�2�0�p�x�)�;� � � � �}� � � � �1�0�0�%� �{� � � � � � �o�p�a�c�i�t�y�:� �1�;� � � � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�0�)�;� � � � �}� � �}� � � � �/�*� �F�o�c�u�s� �s�t�a�t�e�s� �f�o�r� �a�c�c�e�s�s�i�b�i�l�i�t�y� �*�/� � �.�a�u�t�h�-�b�u�t�t�o�n�:�f�o�c�u�s�-�v�i�s�i�b�l�e�,� � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t�:�f�o�c�u�s�-�v�i�s�i�b�l�e�,� � �.�a�u�t�h�-�l�i�n�k�:�f�o�c�u�s�-�v�i�s�i�b�l�e�,� � �.�b�a�c�k�-�t�o�-�h�o�m�e�:�f�o�c�u�s�-�v�i�s�i�b�l�e� �{� � � � �o�u�t�l�i�n�e�:� �2�p�x� �s�o�l�i�d� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �o�u�t�l�i�n�e�-�o�f�f�s�e�t�:� �2�p�x�;� � �}� � � � �/�*� �H�i�g�h� �c�o�n�t�r�a�s�t� �m�o�d�e� �s�u�p�p�o�r�t� �*�/� � �@�m�e�d�i�a� �(�p�r�e�f�e�r�s�-�c�o�n�t�r�a�s�t�:� �h�i�g�h�)� �{� � � � �.�a�u�t�h�-�c�a�r�d� �{� � � � � � �b�o�r�d�e�r�:� �2�p�x� �s�o�l�i�d� �v�a�r�(�-�-�g�r�a�y�-�8�0�0�)�;� � � � �}� � � � � � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t� �{� � � � � � �b�o�r�d�e�r�:� �2�p�x� �s�o�l�i�d� �v�a�r�(�-�-�g�r�a�y�-�8�0�0�)�;� � � � �}� � � � � � � � �.�i�n�p�u�t�-�w�r�a�p�p�e�r� �i�n�p�u�t�:�f�o�c�u�s� �{� � � � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � � � �o�u�t�l�i�n�e�:� �2�p�x� �s�o�l�i�d� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �}� � �}� � � � �/�*� �R�e�d�u�c�e�d� �m�o�t�i�o�n� �s�u�p�p�o�r�t� �*�/� � �@�m�e�d�i�a� �(�p�r�e�f�e�r�s�-�r�e�d�u�c�e�d�-�m�o�t�i�o�n�:� �r�e�d�u�c�e�)� �{� � � � �*� �{� � � � � � �a�n�i�m�a�t�i�o�n�-�d�u�r�a�t�i�o�n�:� �0�.�0�1�m�s� �!�i�m�p�o�r�t�a�n�t�;� � � � � � �a�n�i�m�a�t�i�o�n�-�i�t�e�r�a�t�i�o�n�-�c�o�u�n�t�:� �1� �!�i�m�p�o�r�t�a�n�t�;� � � � � � �t�r�a�n�s�i�t�i�o�n�-�d�u�r�a�t�i�o�n�:� �0�.�0�1�m�s� �!�i�m�p�o�r�t�a�n�t�;� � � � �}� � � � � � � � �.�f�o�r�m�-�g�r�o�u�p� �{� � � � � � �a�n�i�m�a�t�i�o�n�:� �n�o�n�e�;� � � � �}� � �}� � � � �/�*� �D�a�r�k� �M�o�d�e� �S�t�y�l�e�s� �f�o�r� �A�u�t�h�e�n�t�i�c�a�t�i�o�n� �P�a�g�e�s� �*�/� � �[�d�a�t�a�-�t�h�e�m�e�=�"�d�a�r�k�"�]� �{� � � � �/�*� �D�a�r�k� �m�o�d�e� �c�o�l�o�r� �o�v�e�r�r�i�d�e�s� �*�/� � � � �-�-�w�h�i�t�e�:� �#�1�a�1�a�1�a�;� � � � �-�-�g�r�a�y�-�5�0�:� �#�2�a�2�a�2�a�;� � � � �-�-�g�r�a�y�-�1�0�0�:� �#�3�a�3�a�3�a�;� � � � �-�-�g�r�a�y�-�2�0�0�:� �#�4�a�4�a�4�a�;� � � � �-�-�g�r�a�y�-�3�0�0�:� �#�5�a�5�a�5�a�;� � � � �-�-�g�r�a�y�-�4�0�0�:� �#�6�a�6�a�6�a�;� � � � �-�-�g�r�a�y�-�5�0�0�:� �#�7�a�7�a�7�a�;� � � � �-�-�g�r�a�y�-�6�0�0�:� �#�8�a�8�a�8�a�;� � � � �-�-�g�r�a�y�-�7�0�0�:� �#�9�a�9�a�9�a�;� � � � �-�-�g�r�a�y�-�8�0�0�:� �#�a�a�a�a�a�a�;� � � � �-�-�g�r�a�y�-�9�0�0�:� �#�f�f�f�f�f�f�;� � � � � � �/�*� �D�a�r�k� �m�o�d�e� �g�r�a�d�i�e�n�t�s� �*�/� � � � �-�-�g�r�a�d�i�e�n�t�-�a�u�t�h�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �#�1�a�1�a�1�a� �0�%�,� �#�2�a�2�a�2�a� �5�0�%�,� �#�3�a�3�a�3�a� �1�0�0�%�)�;� � � � �-�-�g�r�a�d�i�e�n�t�-�g�l�a�s�s�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�1�)� �0�%�,� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�5�)� �1�0�0�%�)�;� � � � �-�-�g�r�a�d�i�e�n�t�-�b�u�t�t�o�n�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �#�0�0�9�1�e�0� �0�%�,� �#�4�f�b�1�e�4� �5�0�%�,� �#�1�5�5�c�9�1� �1�0�0�%�)�;� � � � �-�-�g�r�a�d�i�e�n�t�-�b�u�t�t�o�n�-�h�o�v�e�r�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �#�1�5�5�c�9�1� �0�%�,� �#�2�2�4�9�7�5� �5�0�%�,� �#�0�8�1�8�3�0� �1�0�0�%�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �a�u�t�h� �c�o�n�t�a�i�n�e�r� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�c�o�n�t�a�i�n�e�r� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�a�u�t�h�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �a�u�t�h� �c�a�r�d� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�c�a�r�d� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�4�2�,� �4�2�,� �4�2�,� �0�.�9�5�)�;� � � � �b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�2�0�p�x�)�;� � � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�1�)�;� � � � �b�o�x�-�s�h�a�d�o�w�:� �v�a�r�(�-�-�s�h�a�d�o�w�-�2�x�l�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �a�u�t�h� �h�e�a�d�e�r� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�h�e�a�d�e�r� �h�1� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�w�h�i�t�e�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�h�e�a�d�e�r� �p� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�6�0�0�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �f�o�r�m� �e�l�e�m�e�n�t�s� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�f�o�r�m�-�g�r�o�u�p� �l�a�b�e�l� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�7�0�0�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�f�o�r�m�-�c�o�n�t�r�o�l� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�y�-�1�0�0�)�;� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�3�0�0�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�w�h�i�t�e�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�f�o�r�m�-�c�o�n�t�r�o�l�:�f�o�c�u�s� �{� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �0� �3�p�x� �r�g�b�a�(�0�,� �1�4�5�,� �2�2�4�,� �0�.�1�)�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�y�-�1�0�0�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�f�o�r�m�-�c�o�n�t�r�o�l�:�:�p�l�a�c�e�h�o�l�d�e�r� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�5�0�0�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �p�a�s�s�w�o�r�d� �t�o�g�g�l�e� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�p�a�s�s�w�o�r�d�-�t�o�g�g�l�e� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�6�0�0�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�p�a�s�s�w�o�r�d�-�t�o�g�g�l�e�:�h�o�v�e�r� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �b�u�t�t�o�n�s� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�b�t�n� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�b�u�t�t�o�n�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�w�h�i�t�e�)�;� � � � �b�o�r�d�e�r�:� �n�o�n�e�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�b�t�n�:�h�o�v�e�r� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�b�u�t�t�o�n�-�h�o�v�e�r�)�;� � � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�2�p�x�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�b�t�n�-�o�u�t�l�i�n�e� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �t�r�a�n�s�p�a�r�e�n�t�;� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�3�0�0�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�w�h�i�t�e�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�b�t�n�-�o�u�t�l�i�n�e�:�h�o�v�e�r� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�y�-�1�0�0�)�;� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�w�h�i�t�e�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �s�o�c�i�a�l� �b�u�t�t�o�n�s� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�s�o�c�i�a�l�-�b�t�n� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�y�-�1�0�0�)�;� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�3�0�0�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�w�h�i�t�e�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�s�o�c�i�a�l�-�b�t�n�:�h�o�v�e�r� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�y�-�2�0�0�)�;� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�4�0�0�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �a�u�t�h� �f�o�o�t�e�r� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�f�o�o�t�e�r� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�6�0�0�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�f�o�o�t�e�r� �a� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�f�o�o�t�e�r� �a�:�h�o�v�e�r� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�-�l�i�g�h�t�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �d�i�v�i�d�e�r� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�d�i�v�i�d�e�r� �{� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�3�0�0�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�d�i�v�i�d�e�r�:�:�b�e�f�o�r�e�,� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�d�i�v�i�d�e�r�:�:�a�f�t�e�r� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�y�-�3�0�0�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�d�i�v�i�d�e�r� �s�p�a�n� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�y�-�1�0�0�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�6�0�0�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �a�u�t�h� �l�i�n�k�s� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�l�i�n�k�s� �a� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�l�i�n�k�s� �a�:�h�o�v�e�r� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�-�l�i�g�h�t�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �f�o�r�m� �v�a�l�i�d�a�t�i�o�n� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�f�o�r�m�-�c�o�n�t�r�o�l�.�i�s�-�i�n�v�a�l�i�d� �{� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�d�a�n�g�e�r�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�f�o�r�m�-�c�o�n�t�r�o�l�.�i�s�-�v�a�l�i�d� �{� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�s�u�c�c�e�s�s�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�i�n�v�a�l�i�d�-�f�e�e�d�b�a�c�k� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�d�a�n�g�e�r�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�v�a�l�i�d�-�f�e�e�d�b�a�c�k� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�s�u�c�c�e�s�s�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �a�u�t�h� �i�l�l�u�s�t�r�a�t�i�o�n� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�u�t�h�-�i�l�l�u�s�t�r�a�t�i�o�n� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�d�i�e�n�t�-�a�u�t�h�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�i�l�l�u�s�t�r�a�t�i�o�n�-�c�o�n�t�e�n�t� �h�2� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�w�h�i�t�e�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�i�l�l�u�s�t�r�a�t�i�o�n�-�c�o�n�t�e�n�t� �p� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�6�0�0�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�i�l�l�u�s�t�r�a�t�i�o�n�-�c�o�n�t�e�n�t� �.�f�e�a�t�u�r�e�-�i�t�e�m� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�7�0�0�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�i�l�l�u�s�t�r�a�t�i�o�n�-�c�o�n�t�e�n�t� �.�f�e�a�t�u�r�e�-�i�t�e�m� �i� �{� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �l�o�a�d�i�n�g� �s�p�i�n�n�e�r� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�s�p�i�n�n�e�r� �{� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�3�0�0�)�;� � � � �b�o�r�d�e�r�-�t�o�p�-�c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�)�;� � �}� � � � �/�*� �D�a�r�k� �m�o�d�e� �a�l�e�r�t� �m�e�s�s�a�g�e�s� �*�/� � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�l�e�r�t� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�g�r�a�y�-�1�0�0�)�;� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�g�r�a�y�-�3�0�0�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�w�h�i�t�e�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�l�e�r�t�-�s�u�c�c�e�s�s� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�1�6�,� �1�8�5�,� �1�2�9�,� �0�.�1�)�;� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�s�u�c�c�e�s�s�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�s�u�c�c�e�s�s�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�l�e�r�t�-�d�a�n�g�e�r� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�3�9�,� �6�8�,� �6�8�,� �0�.�1�)�;� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�d�a�n�g�e�r�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�d�a�n�g�e�r�)�;� � �}� � � � �b�o�d�y�.�d�a�r�k�-�m�o�d�e� �.�a�l�e�r�t�-�w�a�r�n�i�n�g� �{� � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�4�5�,� �1�5�8�,� �1�1�,� �0�.�1�)�;� � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�w�a�r�n�i�n�g�)�;� � � � �c�o�l�o�r�:� �v�a�r�(�-�-�w�a�r�n�i�n�g�)�;� � �}� @keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes cardSlideIn{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes headerFadeIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sparkle{0%,to{transform:rotate(0) scale(1);filter:drop-shadow(0 0 10px rgba(99,102,241,.3))}25%{transform:rotate(5deg) scale(1.1);filter:drop-shadow(0 0 15px rgba(139,92,246,.5))}50%{transform:rotate(0) scale(1.05);filter:drop-shadow(0 0 20px rgba(236,72,153,.4))}75%{transform:rotate(-5deg) scale(1.1);filter:drop-shadow(0 0 15px rgba(245,158,11,.5))}}@keyframes logoGlow{0%,to{text-shadow:0 0 20px rgba(99,102,241,.3)}50%{text-shadow:0 0 30px rgba(139,92,246,.5),0 0 40px rgba(236,72,153,.3)}}@keyframes titleSlide{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes subtitleFade{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.login-container{min-height:100vh;background:linear-gradient(135deg,#0091e0,#155c91,#224975);display:flex;align-items:center;justify-content:center;padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.login-bg-element-1{position:absolute;top:10%;left:10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite;z-index:0}.login-bg-element-2{position:absolute;bottom:15%;right:15%;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite reverse;z-index:0}.login-bg-element-3{position:absolute;top:60%;left:5%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);border-radius:50%;animation:float 10s ease-in-out infinite;z-index:0}.login-card{width:100%;max-width:420px;background:#fffffff2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;box-shadow:0 32px 64px -12px #00000040,0 0 0 1px #fff3,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.2);overflow:hidden;position:relative;z-index:1;animation:cardSlideIn .8s ease-out}.login-gradient-border{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(270deg,#0091e0,#155c91,#224975 66%,#0091e0);background-size:400% 100%;animation:gradientShift 3s ease infinite}.login-decorative-1{position:absolute;top:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:50%;animation:pulse 4s ease-in-out infinite}.login-decorative-2{position:absolute;bottom:20px;left:20px;width:40px;height:40px;background:linear-gradient(135deg,#ec48991a,#f59e0b1a);border-radius:50%;animation:pulse 4s ease-in-out infinite reverse}.login-header{text-align:center;padding:1.5rem 3rem;animation:headerFadeIn 1s ease-out .3s both}.login-logo{display:inline-flex;align-items:center;justify-content:center;margin-bottom:2rem;position:relative}.login-logo-image{height:80px;width:auto;filter:drop-shadow(0 0 20px rgba(0,145,224,.3));animation:logoGlow 3s ease-in-out infinite}.login-title{font-size:2.5rem;font-weight:900;margin-bottom:.75rem;background:linear-gradient(135deg,#081830,#224975,#4fb1e4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(99,102,241,.1);animation:titleSlide .8s ease-out .5s both;letter-spacing:-.02em}.login-subtitle{color:#6b7684;font-size:1.1rem;font-weight:500;line-height:1.6;animation:subtitleFade .8s ease-out .7s both;max-width:300px;margin:0 auto}.login-error{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;padding:1rem;margin:0 3rem 1.5rem;color:#ef4444;font-size:.875rem;font-weight:500}.login-error-icon{font-size:1.125rem}.login-form{padding:0 3rem 2rem}.login-form-group{margin-bottom:1.5rem}.login-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.login-input-container{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:1rem;color:#9ca3af;font-size:1.125rem;z-index:2;transition:all .2s ease}.login-input-icon.error{color:#ef4444}.login-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e5e7eb;border-radius:1rem;font-size:1rem;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1f2937;transition:all .2s ease;outline:none}.login-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.login-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fffffff2}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-error-message{display:block;color:#ef4444;font-size:.75rem;margin-top:.5rem;font-weight:500}.login-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1.5rem;border:2px solid transparent;border-radius:1rem;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#0091e0,#155c91,#224975);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 0 20px #6366f14d;margin-top:2rem;text-transform:uppercase;letter-spacing:.5px}.login-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7;box-shadow:none}.login-submit-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 0 30px #6366f180}.login-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.login-footer{padding:1rem 3rem;text-align:center;background:#f8fafccc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);position:relative}.login-footer-accent{position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(135deg,#0091e0,#155c91,#224975);border-radius:9999px}.login-footer-text{margin-bottom:1.5rem;color:#6b7684;font-size:.9rem;font-weight:500}.login-register-link{color:#6366f1;text-decoration:none;font-weight:700;padding:.25rem .5rem;border-radius:.5rem;transition:all .2s ease}.login-register-link:hover{background:#6366f11a;text-decoration:underline}.login-divider{position:relative;text-align:center}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#d1d5db,transparent)}.login-divider-text{background:#f8fafce6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 1.5rem;color:#6b7684;font-size:.875rem;font-weight:600;border-radius:9999px;border:1px solid rgba(255,255,255,.2)}.login-home-link{display:inline-flex;align-items:center;gap:.5rem;color:#6b7684;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease;padding:1rem 1.5rem;border-radius:1rem;border:2px solid rgba(255,255,255,.3);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-home-link:hover{color:#6366f1;background:#fffffff2;border-color:#6366f1;transform:translateY(-2px)}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#081830,#224975,#4fb1e4);padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.register-bg-element-1{position:absolute;top:15%;right:10%;width:250px;height:250px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);border-radius:50%;animation:float 7s ease-in-out infinite;z-index:0}.register-bg-element-2{position:absolute;bottom:10%;left:8%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;animation:float 9s ease-in-out infinite reverse;z-index:0}.register-bg-element-3{position:absolute;top:40%;left:2%;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);border-radius:50%;animation:float 11s ease-in-out infinite;z-index:0}.register-bg-element-4{position:absolute;top:5%;left:50%;width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;animation:float 13s ease-in-out infinite reverse;z-index:0}.register-container{width:100%;max-width:400px;position:relative;z-index:1}.register-card{background:#fffffff2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;box-shadow:0 32px 64px -12px #00000040,0 0 0 1px #fff3,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.2);overflow:hidden;position:relative;animation:cardSlideIn .8s ease-out}.register-gradient-border{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(270deg,#0091e0,#155c91,#224975 66%,#0091e0);background-size:400% 100%;animation:gradientShift 3s ease infinite}.register-decorative-1{position:absolute;top:20px;right:20px;width:70px;height:70px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:50%;animation:pulse 4s ease-in-out infinite}.register-decorative-2{position:absolute;bottom:20px;left:20px;width:50px;height:50px;background:linear-gradient(135deg,#ec48991a,#f59e0b1a);border-radius:50%;animation:pulse 4s ease-in-out infinite reverse}.register-header{text-align:center;padding:1.5rem 1.5rem 1rem;animation:headerFadeIn 1s ease-out .3s both}.register-logo{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative}.register-logo-image{height:60px;width:auto;filter:drop-shadow(0 0 20px rgba(0,145,224,.3));animation:logoGlow 3s ease-in-out infinite}.register-title{font-size:2rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(135deg,#0091e0,#155c91,#224975);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(99,102,241,.1);animation:titleSlide .8s ease-out .5s both;letter-spacing:-.02em}.register-subtitle{color:var(--gray-500);font-size:.95rem;font-weight:500;line-height:1.6;animation:subtitleFade .8s ease-out .7s both;max-width:300px;margin:0 auto}.register-error{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;padding:.75rem;margin:0 1.5rem 1rem;color:#ef4444;font-size:.875rem;font-weight:500}.register-error-icon{font-size:1.125rem}.register-form{padding:0 1.5rem 1rem}.register-form-group{margin-bottom:.75rem}.register-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.register-input-wrapper{position:relative;display:flex;align-items:center;margin-bottom:.5rem}.register-input-icon{position:absolute;left:1rem;color:#9ca3af;font-size:1.125rem;z-index:2}.register-input{width:100%;padding:1rem .75rem 1rem 2.5rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9rem;background:#fffc;color:#111827;outline:none;transition:all .2s ease}.register-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fffffff2}.register-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.register-input:disabled{opacity:.6;cursor:not-allowed}.register-error-message{display:block;color:#ef4444;font-size:.75rem;font-weight:500}.register-name-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.register-role-selection{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem;justify-content:center}.register-gender-selection{display:flex;gap:.75rem;flex-wrap:nowrap;margin-bottom:.5rem;overflow:visible;justify-content:center}.register-role-option,.register-gender-option{min-width:120px}.register-role-option{display:flex;justify-content:center}.register-role-label,.register-gender-label{display:flex;align-items:center;flex-direction:column;gap:.4rem;padding:.6rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#fffc;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;width:50%;padding:.7rem .8rem;overflow:visible;box-sizing:border-box;justify-content:center}.register-role-label:hover,.register-gender-label:hover{border-color:#d1d5db;background:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.register-role-icon,.register-gender-icon{height:28px;width:28px;border-radius:.5rem;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:.8rem;flex-shrink:0;transition:all .2s ease}.register-role-content h4,.register-gender-content h4{font-size:.8rem;font-weight:600;white-space:nowrap;margin:0}.register-role-content p{font-size:.875rem;color:var(--gray-500);margin:0;line-height:1.4}.register-role-option input[type=radio],.register-gender-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.register-role-option input[type=radio]:checked+.register-role-label,.register-gender-option input[type=radio]:checked+.register-gender-label{border-color:#6366f1;background:#6366f10d;box-shadow:0 0 0 3px #6366f11a;transform:translateY(-1px)}.register-role-option input[type=radio]:checked+.register-role-label .register-role-icon,.register-gender-option input[type=radio]:checked+.register-gender-label .register-gender-icon{background:linear-gradient(135deg,#0091e0,#155c91);color:#fff;transform:scale(1.05)}.register-role-option input[type=radio]:checked+.register-role-label .register-role-content h4,.register-gender-option input[type=radio]:checked+.register-gender-label .register-gender-content h4{color:#6366f1;font-weight:800}.register-role-option input[type=radio]:focus+.register-role-label,.register-gender-option input[type=radio]:focus+.register-gender-label{outline:2px solid #6366f1;outline-offset:2px}.register-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.25rem;border:2px solid transparent;border-radius:.75rem;font-weight:700;font-size:.9rem;text-decoration:none;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#0091e0,#155c91,#224975);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 0 20px #6366f14d;margin-top:1.5rem;text-transform:uppercase;letter-spacing:.5px}.register-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7;box-shadow:none}.register-submit-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 0 30px #6366f180}.register-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.register-footer{padding:1.5rem 2rem 2rem;text-align:center;background:#f8fafccc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);position:relative}.register-footer-accent{position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(135deg,#0091e0,#155c91,#224975);border-radius:9999px}.register-footer-text{margin-bottom:1.5rem;color:var(--gray-500);font-size:.9rem;font-weight:500}.register-login-link{color:#6366f1;text-decoration:none;font-weight:700;padding:.25rem .5rem;border-radius:.5rem;transition:all .2s ease}.register-login-link:hover{background:#6366f11a;text-decoration:underline}.register-divider{position:relative;margin:1.5rem 0;text-align:center}.register-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#d1d5db,transparent)}.register-divider-text{background:#f8fafce6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 1.5rem;color:var(--gray-500);font-size:.875rem;font-weight:600;border-radius:9999px;border:1px solid rgba(255,255,255,.2)}.register-home-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--gray-500);text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease;padding:1rem 1.5rem;border-radius:1rem;border:2px solid rgba(255,255,255,.3);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.register-home-link:hover{color:#6366f1;background:#fffffff2;border-color:#6366f1;transform:translateY(-2px)}.register-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fffffff2;transform:translateY(-1px)}.register-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.register-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.register-submit-btn:disabled:hover{transform:none;box-shadow:none}@media (min-width: 768px){.register-role-selection{flex-direction:row}.register-role-label,.register-gender-label{padding:.5rem}.register-role-icon,.register-gender-icon{width:48px;height:48px;font-size:1.5rem}.register-name-fields{grid-template-columns:1fr 1fr}}@media (max-width: 767px){.register-gender-selection{display:grid;grid-template-columns:1fr;gap:.75rem;justify-content:stretch}.register-role-icon,.register-gender-icon{width:36px;height:36px;font-size:1.125rem}.register-role-content h4,.register-gender-content h4{font-size:.9rem}.register-role-content p{font-size:.8rem}.register-name-fields,.register-gender-selection{grid-template-columns:1fr}.register-gender-label{flex-direction:row}}@media (max-width: 480px){.register-container{max-width:100%;margin:.5rem}.register-card{border-radius:1.25rem}.register-header{padding:1.25rem 1rem .75rem}.register-form{padding:0 1rem .75rem}.register-footer{padding:1rem}}.dashboard{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.quick-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:1rem;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:1.5rem;min-width:150px;box-shadow:var(--shadow-md);transition:var(--transition)}.dashboard-content{display:flex;flex-direction:column;gap:3rem}.dashboard-content h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.live-now-section h2{color:var(--danger)}.live-indicator{width:8px;height:8px;background:var(--danger);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.live-lessons{display:flex;flex-direction:column;gap:1rem}.live-lesson-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:2px solid rgba(239,68,68,.2);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md)}.lesson-info h3{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.lesson-info p{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.875rem;margin-bottom:.25rem}.live-btn{background:var(--gradient-primary);color:var(--white);border:none;padding:1rem 2rem;border-radius:var(--radius-lg);font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.live-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.next-lesson-card{display:flex;justify-content:space-between;align-items:center;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.lesson-details h3{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.lesson-meta p{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.875rem}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.lesson-card{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);transition:var(--transition);position:relative}.lesson-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.lesson-card.completed{border-color:#10b9814d;background:linear-gradient(135deg,#10b9810d,#05966905)}.lesson-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.lesson-header h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);line-height:1.4;flex:1}.lesson-time{background:var(--primary);color:var(--white);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.completed-badge{background:var(--gradient-success);color:var(--white);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.lesson-meta{margin-bottom:1.5rem}.lesson-meta p{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.dashboard-loading p{color:var(--gray-600);font-size:1.1rem;font-weight:500}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;text-align:center}.error-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--danger);font-size:2rem}.dashboard-error h3{color:var(--gray-900);font-size:1.5rem;font-weight:700}.dashboard-error p{color:var(--gray-600);max-width:400px}.courses-fallback{text-align:center;padding:2rem;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.courses-fallback h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.courses-fallback p{color:var(--gray-600);margin-bottom:2rem}.courses-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.course-preview-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:var(--transition)}.course-preview-card:hover{background:var(--gray-100);transform:translateY(-1px)}.course-preview-card .course-icon{width:40px;height:40px;background:var(--gradient-primary);color:var(--white);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.course-info{flex:1;text-align:left}.course-info h4{font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.course-info p{font-size:.75rem;color:var(--gray-600);margin:0}@media (max-width: 1024px){.dashboard{padding:1.5rem}.dashboard-header{flex-direction:column;gap:1.5rem}.quick-stats{width:100%;justify-content:space-between}.lessons-grid{grid-template-columns:auto}}@media (max-width: 768px){.dashboard{padding:1rem}.welcome-section h1{font-size:2rem}.quick-stats{flex-direction:column}.stat-card{width:100%}.live-lesson-card,.next-lesson-card{flex-direction:column;gap:1.5rem;text-align:center}.lessons-grid{grid-template-columns:1fr}.lesson-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.dashboard{padding:.75rem}.welcome-section h1{font-size:1.75rem}.stat-card{padding:1rem}.stat-icon{width:40px;height:40px;font-size:1rem}.stat-number{font-size:1.5rem}.lesson-card,.live-lesson-card,.next-lesson-card{padding:1rem}}.schedule-section{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:2rem;overflow:hidden}.schedule-header{background:var(--gradient-primary);color:var(--white);padding:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.schedule-header h2{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.schedule-stats{display:flex;gap:2rem}.schedule-stats .stat-item{text-align:center}.schedule-stats .stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--white)}.schedule-stats .stat-label{display:block;font-size:.875rem;opacity:.9;margin-top:.25rem}.schedule-content{padding:2rem}.weekly-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;margin-bottom:2rem}.calendar-day{background:var(--gray-50);border-radius:var(--radius-lg);padding:1rem;border:2px solid transparent;transition:var(--transition);min-height:200px;cursor:pointer}.calendar-day.today{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:var(--secondary);box-shadow:var(--shadow-md)}.calendar-day.selected{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.calendar-day:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.day-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;position:relative}.day-name{font-size:.875rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.day-number{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin-top:.25rem}.today-indicator{position:absolute;top:-.5rem;right:-.5rem;background:var(--secondary);color:var(--white);font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius);font-weight:600}.selected-indicator{position:absolute;top:-.5rem;left:-.5rem;background:var(--primary);color:var(--white);font-size:.75rem;padding:.25rem;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:600}.day-lessons{display:flex;flex-direction:column;gap:.75rem}.schedule-lesson{background:var(--white);border-radius:var(--radius);padding:.75rem;border-left:4px solid var(--gray-300);transition:var(--transition);cursor:pointer}.schedule-lesson:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.schedule-lesson.live{border-left-color:var(--danger);background:linear-gradient(135deg,#fef2f2,#fee2e2)}.schedule-lesson.starting-soon{border-left-color:var(--warning);background:linear-gradient(135deg,#fffbeb,#fef3c7)}.schedule-lesson.scheduled{border-left-color:var(--primary);background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.schedule-lesson.completed{border-left-color:var(--success);background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.lesson-time{font-size:.75rem;font-weight:600;color:var(--gray-600);margin-bottom:.25rem}.lesson-info{margin-bottom:.5rem}.lesson-title{display:block;font-size:.875rem;font-weight:600;color:var(--gray-800);margin-bottom:.25rem;line-height:1.3}.lesson-status{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:var(--radius-sm);display:inline-block}.lesson-status.live{background:var(--danger);color:var(--white)}.lesson-status.starting-soon{background:var(--warning);color:var(--white)}.lesson-status.scheduled{background:var(--primary);color:var(--white)}.lesson-status.completed{background:var(--success);color:var(--white)}.join-btn{width:100%;padding:.5rem;font-size:.75rem;font-weight:600;border:none;border-radius:var(--radius);background:var(--primary);color:var(--white);cursor:pointer;transition:var(--transition)}.join-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.join-btn:disabled{background:var(--gray-300);cursor:not-allowed;opacity:.6}.no-lessons{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-400);font-size:.875rem;padding:1rem;text-align:center}.no-lessons i{font-size:1.5rem;margin-bottom:.5rem}.day-summary{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;font-size:.75rem;color:var(--gray-600)}.lesson-count{font-weight:600}.completed-count{color:var(--success);font-weight:600}.more-lessons{text-align:center;font-size:.75rem;color:var(--gray-500);font-weight:600;padding:.25rem;background:var(--gray-100);border-radius:var(--radius-sm)}.selected-day-details{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:2rem;overflow:hidden;border:2px solid var(--primary)}.selected-day-header{background:var(--gradient-primary);color:var(--white);padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.selected-day-header h3{font-size:1.25rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.close-details-btn{background:#fff3;border:none;color:var(--white);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.close-details-btn:hover{background:#ffffff4d;transform:scale(1.1)}.day-lessons-detailed{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.detailed-lesson-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:1.5rem;border-left:4px solid var(--gray-300);transition:var(--transition);display:flex;gap:1rem;align-items:flex-start}.detailed-lesson-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.detailed-lesson-card.live{border-left-color:var(--danger);background:linear-gradient(135deg,#fef2f2,#fee2e2)}.detailed-lesson-card.starting-soon{border-left-color:var(--warning);background:linear-gradient(135deg,#fffbeb,#fef3c7)}.detailed-lesson-card.scheduled{border-left-color:var(--primary);background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.detailed-lesson-card.completed{border-left-color:var(--success);background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.lesson-time-section{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.time-display,.duration-display{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600)}.time-display i,.duration-display i{color:var(--primary)}.lesson-time{font-weight:600;color:var(--gray-800)}.lesson-duration{font-weight:500}.lesson-content{flex:1}.lesson-content h4{font-size:1.125rem;font-weight:700;color:var(--gray-800);margin:0 0 .5rem}.lesson-description{font-size:.875rem;color:var(--gray-600);margin:0 0 1rem;line-height:1.5}.lesson-meta{display:flex;flex-direction:column;gap:.5rem}.lesson-status-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius);width:fit-content}.lesson-status-badge.live{background:var(--danger);color:var(--white)}.lesson-status-badge.starting-soon{background:var(--warning);color:var(--white)}.lesson-status-badge.scheduled{background:var(--primary);color:var(--white)}.lesson-status-badge.completed{background:var(--success);color:var(--white)}.teacher-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600)}.teacher-info i{color:var(--primary)}.lesson-actions{display:flex;align-items:center}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;font-size:.875rem}.action-btn.live{background:var(--danger);color:var(--white)}.action-btn.starting-soon{background:var(--warning);color:var(--white)}.action-btn.scheduled{background:var(--primary);color:var(--white)}.action-btn.completed{background:var(--success);color:var(--white)}.action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-btn:disabled{background:var(--gray-300);cursor:not-allowed;opacity:.6}.no-lessons-detailed{text-align:center;padding:3rem 1rem;color:var(--gray-500)}.no-lessons-detailed i{font-size:3rem;margin-bottom:1rem;color:var(--gray-400)}.no-lessons-detailed h4{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--gray-600)}.no-lessons-detailed p{font-size:.875rem;margin:0}@media (max-width: 1200px){.weekly-calendar{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.schedule-header{flex-direction:column;text-align:center}.schedule-stats{justify-content:center}.weekly-calendar{grid-template-columns:repeat(2,1fr);gap:.75rem}.calendar-day{min-height:150px;padding:.75rem}.schedule-content{padding:1rem}.detailed-lesson-card{flex-direction:column;gap:1rem}.lesson-time-section{min-width:auto;flex-direction:row;justify-content:space-between}.lesson-actions{width:100%}.action-btn{width:100%;justify-content:center}}@media (max-width: 480px){.weekly-calendar{grid-template-columns:1fr}.schedule-stats{flex-direction:column;gap:1rem}}.available-lessons-section{margin:3rem 0;padding:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:0 .5rem}.header-content{display:flex;align-items:center;gap:1.5rem}.header-icon{width:4rem;height:4rem;background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.header-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border-radius:var(--radius-xl)}.header-icon i{font-size:1.75rem;color:var(--white);position:relative;z-index:1}.header-text h2{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-text p{color:var(--gray-600);font-size:1rem;margin:0;line-height:1.5}.lessons-count{display:flex;flex-direction:column;align-items:center;gap:.5rem}.count-badge{width:3rem;height:3rem;background:var(--gradient-success);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:var(--shadow-md);animation:pulse 2s infinite}.count-text{color:var(--gray-600);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.professional-lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;margin-top:2rem}.professional-lesson-card{position:relative;background:var(--white);border-radius:var(--radius-2xl);padding:0;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid rgba(99,102,241,.1);animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(30px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.professional-lesson-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #6366f140,0 0 0 1px #6366f11a;border-color:#6366f133}.card-background{position:absolute;inset:0;z-index:0}.gradient-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0091e014,#6366f10f,#a855f70a,#ec489908,#22497505);transition:all .3s ease}.pattern-overlay{position:absolute;top:0;right:0;width:120px;height:120px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="3" fill="%236366f1" opacity="0.08"/><circle cx="20" cy="20" r="2" fill="%23a855f7" opacity="0.06"/><circle cx="80" cy="30" r="2.5" fill="%23ec4899" opacity="0.05"/><circle cx="30" cy="80" r="1.5" fill="%230091e0" opacity="0.04"/><circle cx="70" cy="70" r="1" fill="%23155c91" opacity="0.03"/></svg>') no-repeat;background-size:contain;opacity:.4}.card-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 0}.lesson-status-indicator{position:relative}.status-icon{width:2.75rem;height:2.75rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.status-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#fff3,#ffffff1a);border-radius:50%}.status-icon i{position:relative;z-index:1}.status-icon.completed{background:linear-gradient(135deg,#10b981,#34d399);color:var(--white);box-shadow:0 0 15px #10b9814d}.status-icon.live{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:var(--white);animation:pulse 2s infinite;box-shadow:0 0 20px #6366f166}.status-icon.scheduled{background:linear-gradient(135deg,#f59e0b,#f97316);color:var(--white);box-shadow:0 0 15px #f59e0b4d;transition:all .3s ease}.status-icon.scheduled:hover{transform:scale(1.1);box-shadow:0 0 20px #f59e0b80;background:linear-gradient(135deg,#f97316,#ea580c)}.lesson-type-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f11a,#a855f714);color:#6366f1;padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;border:1px solid rgba(99,102,241,.2);box-shadow:0 2px 8px #6366f11a;transition:all .3s ease}.lesson-type-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.card-content{position:relative;z-index:2;padding:1rem 1.5rem}.lesson-title{font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,#1e293b,#334155,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease}.lesson-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.meta-item{display:flex;align-items:center;gap:.75rem;color:var(--gray-600);font-size:.875rem}.meta-item i{color:#6366f1;font-size:1rem;width:1rem;text-align:center;transition:color .3s ease}.meta-item:hover i{color:#a855f7}.lesson-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.progress-bar{flex:1;height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);border-radius:3px;transition:width .8s ease;position:relative;box-shadow:0 0 8px #10b9814d}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.progress-text{font-size:.875rem;font-weight:500;color:var(--gray-600);min-width:fit-content}.card-footer{position:relative;z-index:2;padding:0 1.5rem 1.5rem}.action-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s ease}.action-button:hover:before{left:100%}.button-icon{font-size:1.125rem;transition:transform .3s ease}.action-button:hover .button-icon{transform:scale(1.1)}.button-text{position:relative;z-index:1}.action-button.review{background:var(--gradient-success);color:var(--white);box-shadow:var(--shadow-md)}.action-button.review:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-button.join{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:var(--white);box-shadow:0 4px 15px #6366f166;animation:pulse 2s infinite}.action-button.join:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc)}.action-button.schedule{background:linear-gradient(135deg,#f59e0b,#f97316,#ea580c);color:var(--white);cursor:pointer;opacity:1;box-shadow:0 4px 15px #f59e0b66;position:relative;overflow:hidden;border:1px solid rgba(245,158,11,.3)}.action-button.schedule:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.action-button.schedule:hover:after{left:100%}.action-button.schedule:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b80;background:linear-gradient(135deg,#f97316,#ea580c,#dc2626);border-color:#f59e0b80}.action-button.schedule:hover .button-icon{transform:rotate(15deg) scale(1.1)}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card-decoration{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.corner-accent{position:absolute;top:0;right:0;width:0;height:0;border-left:60px solid transparent;border-top:60px solid rgba(99,102,241,.15);border-radius:0 var(--radius-2xl) 0 0}.professional-lesson-card.completed{border-color:#10b98133}.professional-lesson-card.completed .gradient-overlay{background:linear-gradient(135deg,#10b9810d,#05966908)}.professional-lesson-card.joinable{border-color:#0091e04d}.professional-lesson-card.joinable .gradient-overlay{background:linear-gradient(135deg,#6366f11f,#a855f714,#ec48990f)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.professional-lessons-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}}@media (max-width: 768px){.section-header{flex-direction:column;gap:1.5rem;align-items:flex-start}.header-content{gap:1rem}.header-icon{width:3rem;height:3rem}.header-icon i,.header-text h2{font-size:1.5rem}.professional-lessons-grid{grid-template-columns:1fr;gap:1rem}.professional-lesson-card{margin:0}.card-header,.card-content,.card-footer{padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){.available-lessons-section{margin:2rem 0}.section-header{margin-bottom:1.5rem}.header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.header-text h2{font-size:1.25rem}.lesson-title{font-size:1.125rem}.action-button{padding:.875rem 1.25rem;font-size:.875rem}}.subjects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.subject-container{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;transition:all .3s ease;border:1px solid var(--gray-200);display:flex;justify-content:center}.subject-container--expanded{grid-column:1 / -1}.units-container{width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:1rem}.subject-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.subject-card{max-width:fit-content;background:linear-gradient(135deg,#f8fafc,#fff);border:none;padding:0}.subject-card-content{padding:1rem}.subject-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.subject-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.subject-info{flex:1}.subject-title{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin:0 0 .5rem;line-height:1.3}.subject-meta{display:flex;gap:1rem;align-items:center}.lesson-count,.available-count{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--gray-600);background:var(--gray-100);padding:.25rem .75rem;border-radius:20px}.available-count{background:#dcfce7;color:#166534}.toggle-button{background:var(--gradient-primary);border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0}.toggle-button:hover{background:var(--gradient-secondary);transform:scale(1.05)}.next-lesson-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef3c7;border-radius:8px;margin-bottom:1rem;font-size:.875rem;color:#92400e}.next-lesson-info i{color:#f59e0b}.subject-progress{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;font-weight:500;color:var(--gray-600);min-width:60px;text-align:right}.lessons-expanded{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:1rem;animation:slideDown .3s ease;max-height:400px;overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lessons-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.lessons-header h4{font-size:1rem;font-weight:600;color:var(--gray-700);margin:0}.lessons-count{color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.lessons-grid-expanded{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.lessons-expanded::-webkit-scrollbar{width:6px}.lessons-expanded::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.lessons-expanded::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.lessons-expanded::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.lessons-expanded{scrollbar-width:thin;scrollbar-color:var(--gray-300) var(--gray-100)}.lesson-card-expanded{background:#fff;border-radius:8px;padding:.75rem;border:1px solid var(--gray-200);transition:all .3s ease;box-shadow:var(--shadow-sm)}.lesson-card-expanded:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lesson-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.75rem}.lesson-title{font-size:.875rem;font-weight:600;color:var(--gray-800);margin:0;line-height:1.3;flex:1}.lesson-status{flex-shrink:0}.status-badge{display:flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:12px;font-size:.625rem;font-weight:500}.status-badge.available{background:#dcfce7;color:#166534}.status-badge.scheduled{background:#fef3c7;color:#92400e}.lesson-meta{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--gray-600)}.meta-item i{color:var(--gray-400);width:16px}.lesson-actions{display:flex;justify-content:flex-end}.lesson-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;border:none;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.lesson-button.primary{background:var(--gradient-primary);color:#fff}.lesson-button.primary:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-1px)}.lesson-button.secondary{background:var(--gray-200);color:var(--gray-600)}.lesson-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1024px){.subjects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}@media (max-width: 768px){.subjects-grid{display:grid;grid-template-columns:1fr;gap:1rem}.subject-container--expanded{grid-column:1}.subject-card-content{padding:1rem}.subject-header{gap:.75rem;margin-bottom:.75rem}.subject-icon{width:40px;height:40px;font-size:1.25rem}.subject-title{font-size:1.125rem}.subject-meta{gap:.5rem;flex-wrap:wrap}.lesson-count,.available-count{font-size:.75rem;padding:.25rem .5rem}.toggle-button{width:36px;height:36px}.lessons-expanded{padding:.75rem;max-height:300px}.lessons-grid-expanded{grid-template-columns:1fr;gap:.5rem}.lesson-card-expanded{padding:.5rem}.lesson-header{flex-direction:column;align-items:flex-start;gap:.5rem}.lesson-title{font-size:.875rem}}@media (max-width: 480px){.subject-meta{flex-direction:column;align-items:flex-start;gap:.375rem}.subject-progress{flex-direction:column;align-items:flex-start;gap:.5rem}.progress-text{text-align:left;min-width:auto}}[data-theme=dark]{--white: #1a1a1a;--gray-50: #2a2a2a;--gray-100: #3a3a3a;--gray-200: #4a4a4a;--gray-300: #5a5a5a;--gray-400: #6a6a6a;--gray-500: #7a7a7a;--gray-600: #8a8a8a;--gray-700: #9a9a9a;--gray-800: #aaaaaa;--gray-900: #ffffff;--accent: #ffffff;--gradient-primary: linear-gradient(135deg, #0066cc 0%, #0d4a73 100%);--gradient-secondary: linear-gradient(135deg, #0d4a73 0%, #1a3a5c 100%);--gradient-tertiary: linear-gradient(135deg, #0066cc 0%, #0d4a73 50%, #1a3a5c 100%);--gradient-accent: linear-gradient(135deg, #ffffff 0%, #1a3a5c 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%)}body.dark-mode .dashboard{background:var(--background);color:var(--foreground)}body.dark-mode .dashboard-header{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .dashboard-header h1{color:var(--foreground)}body.dark-mode .dashboard-header p{color:var(--gray-600)}body.dark-mode .dashboard{background:linear-gradient(135deg,#081830,#224975)}body.dark-mode .dashboard-header,body.dark-mode .welcome-section,body.dark-mode .quick-stats,body.dark-mode .schedule-section,body.dark-mode .upcoming-section,body.dark-mode .available-lessons-section{background:transparent}body.dark-mode .stat-card h3{color:var(--white)!important}body.dark-mode .stat-card .stat-value{color:var(--white)!important}body.dark-mode .quick-actions{background:var(--background)}body.dark-mode .quick-actions h2{color:var(--foreground)}body.dark-mode .action-card{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .action-card:hover{background:var(--gray-100);border-color:var(--primary)}body.dark-mode .action-card h3{color:var(--foreground)}body.dark-mode .action-card p{color:var(--gray-600)}body.dark-mode .action-card .action-icon{background:var(--primary-light);color:var(--primary)}body.dark-mode .recent-activity{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .recent-activity h2{color:var(--foreground)}body.dark-mode .activity-item{border-color:var(--card-border)}body.dark-mode .activity-item:hover{background:var(--gray-100)}body.dark-mode .activity-content h4{color:var(--foreground)}body.dark-mode .activity-content p{color:var(--gray-600)}body.dark-mode .activity-time{color:var(--gray-500)}body.dark-mode .upcoming-lessons{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .upcoming-lessons h2{color:var(--foreground)}body.dark-mode .lesson-item{background:var(--gray-50);border-color:var(--card-border)}body.dark-mode .lesson-item:hover{background:var(--gray-100)}body.dark-mode .lesson-content h4{color:var(--foreground)}body.dark-mode .lesson-content p{color:var(--gray-600)}body.dark-mode .lesson-time{color:var(--primary)}body.dark-mode .course-card{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .course-card:hover{background:var(--gray-100);border-color:var(--primary)}body.dark-mode .course-header h3{color:var(--foreground)}body.dark-mode .course-header p{color:var(--gray-600)}body.dark-mode .course-meta{color:var(--gray-600)}body.dark-mode .subject-container{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .subject-container:hover{background:#ffffff26;box-shadow:0 20px 40px #0000001a;transform:translateY(-2px)}body.dark-mode .subject-card{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .subject-card:hover{background:#ffffff26;border-color:var(--primary)}body.dark-mode .subject-header h3{color:var(--foreground)}body.dark-mode .subject-meta{color:#fffc}body.dark-mode .subject-progress{background:#fff3}body.dark-mode .subject-progress-fill{background:var(--primary)}body.dark-mode .lesson-card{background:var(--gray-50);border-color:var(--card-border)}body.dark-mode .lesson-card:hover{background:var(--gray-100)}body.dark-mode .lesson-title{color:var(--foreground)}body.dark-mode .lesson-meta{color:var(--gray-600)}@media (max-width: 768px){.subjects-grid{display:grid!important;grid-template-columns:1fr!important;width:100%}.subject-container{width:100%;max-width:100%;display:flex;flex-direction:column;margin:0}.subject-card{width:100%}}.mobile-units-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;pointer-events:auto}.mobile-units-backdrop{position:absolute;inset:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-units-panel{position:relative;width:100%;max-height:85vh;background:var(--white);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:var(--shadow-xl);transform:translateY(0);animation:mobileSheetIn .2s ease-out;overflow:hidden}@keyframes mobileSheetIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-units-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--gradient-primary);color:var(--white)}.mobile-units-title{display:flex;align-items:center;gap:8px;font-weight:700}.mobile-units-title i{font-size:1.25rem}.mobile-units-close{background:#fff3;border:none;color:var(--white);width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.mobile-units-close:hover{transform:scale(1.06)}.mobile-units-body{padding:12px 12px 18px;overflow-y:auto;max-height:calc(85vh - 56px)}.mobile-unit{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:10px;overflow:hidden}.mobile-unit-toggle{width:100%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.mobile-unit-info{display:flex;align-items:center;gap:10px}.mobile-unit-info i{color:var(--primary)}.mobile-unit-title{font-weight:700;color:var(--gray-800)}.mobile-unit-count{font-size:.85rem;color:var(--gray-600)}.mobile-lessons{padding:8px 10px 12px;display:flex;flex-direction:column;gap:8px}.mobile-lesson{background:var(--white);border:1px solid var(--gray-200);border-radius:10px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px}.mobile-lesson-main{display:flex;align-items:flex-start;gap:10px}.mobile-lesson-dot{width:10px;height:10px;border-radius:50%;margin-top:6px}.mobile-lesson-dot.available{background:#10b981}.mobile-lesson-dot.scheduled{background:#f59e0b}.mobile-lesson-texts{display:flex;flex-direction:column;gap:4px}.mobile-lesson-title{font-weight:600;color:var(--gray-800);line-height:1.3}.mobile-lesson-meta{display:flex;gap:10px;font-size:.8rem;color:var(--gray-600)}.mobile-lesson-meta i{color:var(--gray-400);margin-right:4px}.mobile-lesson-btn{align-self:center;border:none;border-radius:8px;padding:8px 10px;font-weight:600;display:inline-flex;gap:6px;align-items:center;transition:var(--transition)}.mobile-lesson-btn.primary{background:var(--gradient-primary);color:var(--white)}.mobile-lesson-btn.primary:hover{background:var(--gradient-secondary);transform:translateY(-1px)}.mobile-lesson-btn.secondary{background:var(--gray-200);color:var(--gray-700)}.mobile-lesson-btn:disabled{opacity:.6;cursor:not-allowed}:root{--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e0;--gray-400: #a0aec0;--gray-500: #718096;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #171923;--background: #f8fafc;--foreground: #2d3748;--card-background: #ffffff;--card-border: #e2e8f0;--border: #e2e8f0;--primary: #0091e0;--primary-light: #4fb1e4;--primary-dark: #0077b6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}.learning-history-container{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--gray-200) 100%);font-family:var(--font-family);color:var(--foreground);overflow-x:hidden}.hero-section{background:linear-gradient(135deg,#0091e0,#0077b6);padding:4rem 2rem 3rem;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="white" opacity="0.1"/><circle cx="80" cy="40" r="1.5" fill="white" opacity="0.08"/><circle cx="40" cy="80" r="1" fill="white" opacity="0.06"/><circle cx="90" cy="90" r="2.5" fill="white" opacity="0.05"/></svg>') repeat;animation:float 20s infinite linear}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;position:relative;z-index:1}.hero-text{color:#fff}.hero-title{font-family:var(--font-display);font-size:3.5rem;font-weight:800;margin:0 0 1rem;color:#fff;line-height:1.1;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;font-weight:400;margin:0;opacity:.9;line-height:1.6;max-width:500px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2)}.stat-item{text-align:center;color:#fff}.stat-number{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:#fff}.stat-label{font-size:.9rem;font-weight:500;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.controls-section{background:var(--card-background, rgba(255, 255, 255, .8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border, rgba(0, 145, 224, .1));padding:2rem}.search-filter-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.search-box{position:relative;max-width:400px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#0091e0;font-size:1.1rem;z-index:1}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;background:var(--card-background, white);border:2px solid var(--card-border, #e2e8f0);border-radius:12px;color:var(--foreground, #2d3748);font-size:1rem;font-weight:500;transition:all .3s ease}.search-input::placeholder{color:#a0aec0}.search-input:focus{outline:none;border-color:#0091e0;box-shadow:0 0 0 3px #0091e01a}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:var(--card-background, white);border:2px solid var(--card-border, #e2e8f0);border-radius:8px;color:var(--gray-600, #718096);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#0091e0;color:#0091e0}.filter-btn.active{background:#0091e0;border-color:#0091e0;color:#fff;font-weight:600}.content-section{padding:3rem 2rem;max-width:1200px;margin:0 auto}.loading-state{text-align:center;padding:4rem 2rem;background:var(--card-background, white);border-radius:20px;color:var(--foreground, #2d3748);border:1px solid var(--card-border, #e2e8f0);box-shadow:0 4px 20px #0000000d}.loading-spinner{margin-bottom:2rem}.spinner{width:60px;height:60px;border:4px solid #e2e8f0;border-top:4px solid #0091e0;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-state p{font-size:1.1rem;font-weight:500;color:#718096}.error-state{text-align:center;padding:4rem 2rem;background:#fef2f2;border-radius:20px;color:#dc2626;border:1px solid #fecaca}.error-icon{width:80px;height:80px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:2rem;color:#dc2626}.error-state h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.error-state p{font-size:1rem;opacity:.8;margin-bottom:2rem;line-height:1.6}.retry-button{padding:1rem 2rem;background:#dc2626;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin:0 auto}.retry-button:hover{background:#b91c1c;transform:translateY(-1px)}.empty-state{text-align:center;padding:4rem 2rem;background:var(--card-background, white);border-radius:20px;color:var(--foreground, #2d3748);border:1px solid var(--card-border, #e2e8f0);box-shadow:0 4px 20px #0000000d}.empty-icon{width:100px;height:100px;background:var(--gray-50, #f8fafc);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:3rem;color:#0091e0}.empty-state h3{font-size:1.8rem;font-weight:600;margin-bottom:1rem}.empty-state p{font-size:1.1rem;color:#718096;margin-bottom:2rem;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.cta-button{padding:1rem 2rem;background:#0091e0;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin:0 auto;box-shadow:0 4px 15px #0091e04d}.cta-button:hover{background:#0077b6;transform:translateY(-2px);box-shadow:0 8px 25px #0091e066}.subjects-grid{display:grid;gap:1.5rem}.subject-card{background:var(--card-background, white);border-radius:12px;padding:1.25rem;box-shadow:0 4px 20px #0000000d;border:1px solid var(--card-border, #e2e8f0);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:row;min-height:200px;max-height:100vh}.subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#0091e0}.subject-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a;border-color:#0091e0}.subject-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;cursor:pointer;padding:.75rem;border-radius:8px;transition:all .3s ease;flex-shrink:0;width:300px;min-height:100%;background:var(--gray-50, #f8fafc);border-right:1px solid var(--card-border, #e2e8f0);margin-right:1rem}.subject-header:hover{background:#0091e014;border-bottom-color:#0091e04d}.subject-header:focus{outline:2px solid #0091e0;outline-offset:2px}.subject-info{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;flex:1;width:100%}.subject-icon{width:48px;height:48px;background:#0091e0;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 15px #0091e04d}.subject-details{flex:1}.subject-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--foreground, #2d3748);margin:0 0 .25rem;letter-spacing:-.01em}.subject-meta{display:flex;align-items:center;gap:1rem;color:#718096;font-size:.9rem;font-weight:500}.lesson-count{background:#0091e01a;color:#0091e0;padding:.25rem .75rem;border-radius:6px;font-weight:600}.progress-percentage{color:#0091e0;font-weight:700}.subject-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-top:auto}.progress-circle{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .5s ease}.progress-ring-fill{stroke-linecap:round;stroke:#0091e0}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700;color:#0091e0}.expand-icon{color:#a0aec0;font-size:1.2rem;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.units-container{display:flex;gap:.75rem;flex:1;overflow-y:auto;padding:0;max-height:100%}.unit-card{background:var(--card-background, white);border-radius:8px;padding:0;border:1px solid var(--card-border, #e2e8f0);transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;min-height:auto}.unit-card:hover{background:#0091e00d;border-left-color:#0077b6;transform:translate(4px)}.unit-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.75rem 1rem;border-radius:6px;transition:all .3s ease;background:var(--gray-50, #f8fafc);border-bottom:1px solid var(--card-border, #e2e8f0);flex-shrink:0}.unit-header:hover{background:#0091e014}.unit-header:focus{outline:2px solid #0091e0;outline-offset:2px}.unit-info{display:flex;align-items:center;gap:.75rem;flex:1}.unit-icon{width:36px;height:36px;background:#0091e0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 3px 10px #0091e04d}.unit-details{flex:1}.unit-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--foreground, #4a5568);margin:0 0 .125rem;letter-spacing:-.01em}.unit-lesson-count{font-size:.9rem;color:#718096;font-weight:500}.lessons-grid{display:grid;gap:.375rem;padding:.5rem;background:var(--card-background, white);max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.lessons-grid::-webkit-scrollbar{width:6px}.lessons-grid::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.lessons-grid::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.lessons-grid::-webkit-scrollbar-thumb:hover{background:#a0aec0}.lesson-card{background:var(--card-background, white);border-radius:6px;padding:.5rem;border:1px solid var(--card-border, #e2e8f0);transition:all .3s ease;cursor:pointer;box-shadow:0 1px 4px #0000000a;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0}.lesson-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#e2e8f0;transition:all .3s ease}.lesson-card.completed:before{background:#10b981}.lesson-card.live:before{background:#ef4444}.lesson-card.available:before{background:#0091e0}.lesson-card.upcoming:before{background:#f59e0b}.lesson-card.starting-soon:before{background:#f59e0b}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#0091e0}.lesson-card:focus{outline:2px solid #0091e0;outline-offset:2px}.lesson-header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.lesson-status-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff;flex-shrink:0;box-shadow:0 1px 4px #0000001a}.lesson-status-icon.completed{background:#10b981}.lesson-status-icon.available{background:#0091e0}.lesson-status-icon.live{background:#ef4444;animation:pulse 2s infinite}.lesson-status-icon.upcoming,.lesson-status-icon.starting-soon{background:#f59e0b}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lesson-info{flex:1;min-width:0}.lesson-title{font-size:.9rem;font-weight:600;color:var(--foreground, #2d3748);margin:0 0 .125rem;letter-spacing:-.01em;line-height:1.2}.lesson-description{font-size:.75rem;color:#718096;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.lesson-footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;width:100%;overflow:hidden}.lesson-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:#a0aec0;font-weight:500;flex-wrap:wrap;flex:1;min-width:0}.meta-item{display:flex;align-items:center;gap:.25rem}.meta-item i{font-size:.75rem}.lesson-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;min-width:0}.status-badge{padding:.125rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;display:flex;align-items:center;gap:.125rem;text-transform:uppercase;letter-spacing:.02em}.status-badge.status-completed{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-badge.status-available{background:#0091e01a;color:#0091e0;border:1px solid rgba(0,145,224,.2)}.status-badge.status-live{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);animation:pulse 2s infinite}.status-badge.status-upcoming,.status-badge.status-starting-soon{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.lesson-button{padding:.375rem .75rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.75rem;display:flex;align-items:center;gap:.25rem;white-space:nowrap;min-width:80px;max-width:120px;justify-content:center;flex-shrink:0}.lesson-button.primary{background:#0091e0;color:#fff;box-shadow:0 3px 10px #0091e04d}.lesson-button.primary:hover:not(:disabled){background:#0077b6;transform:translateY(-1px);box-shadow:0 6px 20px #0091e066}.lesson-button.secondary{background:#e2e8f0;color:#a0aec0;cursor:not-allowed}.lesson-button.secondary:hover{transform:none;box-shadow:none}.lesson-button:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1.5rem}.search-filter-container{grid-template-columns:1fr;gap:1.5rem}.filter-buttons{justify-content:center}}@media (max-width: 768px){.learning-history-container{padding:0}.hero-section{padding:3rem 1rem 2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-stats{grid-template-columns:1fr;gap:1rem;padding:1rem}.stat-number{font-size:2rem}.controls-section{padding:1.5rem 1rem}.content-section{padding:2rem 1rem}.subject-card{padding:1rem}.subject-header{width:250px;padding:.5rem}.subject-info{width:100%}.subject-actions{width:100%;justify-content:space-between}.units-container{padding:0}.unit-card{margin-left:0;padding:0}.lessons-grid{margin-left:0;padding:.375rem;max-height:300px;overflow-y:auto}.lesson-card{padding:.375rem}.lesson-footer{flex-direction:column;align-items:flex-start;gap:1rem}.lesson-actions{width:100%;justify-content:space-between}.lesson-button{min-width:auto;flex:1}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.subject-icon{width:50px;height:50px;font-size:1.5rem}.subject-title{font-size:1.3rem}.unit-icon{width:40px;height:40px;font-size:1.2rem}.unit-title{font-size:1.1rem}.lesson-status-icon{width:40px;height:40px;font-size:1.2rem}.lesson-title{font-size:1rem}.filter-buttons{flex-direction:column;width:100%}.filter-btn{width:100%;justify-content:center}}@media (prefers-contrast: high){.subject-card,.unit-card,.lesson-card{border:2px solid #2d3748}.status-badge{border-width:2px}.lesson-button{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner,.lesson-status-icon.live,.status-badge.status-live{animation:none}}.subject-header:focus,.unit-header:focus,.lesson-card:focus{outline:2px solid #0091e0;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=dark],body.dark-mode{--white: #ffffff;--gray-50: #2a2a2a;--gray-100: #3a3a3a;--gray-200: #4a4a4a;--gray-300: #5a5a5a;--gray-400: #6a6a6a;--gray-500: #7a7a7a;--gray-600: #9a9a9a;--gray-700: #aaaaaa;--gray-800: #cccccc;--gray-900: #e5e5e5;--background: #1a1a1a;--foreground: #e5e5e5;--card-background: #2a2a2a;--card-border: #3a3a3a;--border: #4a4a4a;--primary: #0091e0;--primary-light: #4fb1e4;--primary-dark: #0077b6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}body.dark-mode .learning-history-container{background:linear-gradient(135deg,#081830,#224975);color:var(--foreground)}body.dark-mode .hero-section{background:linear-gradient(135deg,#0d4a73,#1a3a5c,#224975);position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}body.dark-mode .hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="white" opacity="0.08"/><circle cx="80" cy="40" r="1.5" fill="white" opacity="0.06"/><circle cx="40" cy="80" r="1" fill="white" opacity="0.04"/><circle cx="90" cy="90" r="2.5" fill="white" opacity="0.03"/><circle cx="10" cy="60" r="1.2" fill="white" opacity="0.05"/><circle cx="70" cy="10" r="0.8" fill="white" opacity="0.04"/></svg>') repeat;animation:float 25s infinite linear}body.dark-mode .hero-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(0,145,224,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(79,177,228,.1) 0%,transparent 50%);animation:pulse 8s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.7}to{opacity:1}}body.dark-mode .hero-text{color:var(--white);position:relative;z-index:2}body.dark-mode .hero-title{color:var(--white);text-shadow:0 3px 6px rgba(0,0,0,.4);background:linear-gradient(135deg,#fff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}body.dark-mode .hero-subtitle{color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,#ffffffe6,#e0f2fecc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .hero-stats{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #0003,inset 0 1px #ffffff1a;border-radius:var(--radius-xl);position:relative;z-index:2}body.dark-mode .hero-stats:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:var(--radius-xl);pointer-events:none}body.dark-mode .stat-item{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;padding:var(--space-4);border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}body.dark-mode .stat-item:hover{transform:translateY(-4px) scale(1.02);background:#ffffff1a;border-color:#fff3;box-shadow:0 8px 25px #0091e033}body.dark-mode .stat-item h3{color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}body.dark-mode .stat-item p{color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.2);background:linear-gradient(135deg,#fffc,#e0f2feb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translateY(-10px) rotate(-1deg)}to{transform:translateY(0) rotate(0)}}body.dark-mode .content-section{background:transparent}body.dark-mode .filters-container{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a}body.dark-mode .filter-tabs{background:#ffffff1a;border-color:#fff3;border-radius:var(--radius-lg);overflow:hidden}body.dark-mode .filter-tab{color:var(--gray-600);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}body.dark-mode .filter-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,145,224,.1),transparent);transition:left .5s ease}body.dark-mode .filter-tab:hover:before{left:100%}body.dark-mode .filter-tab.active{background:var(--primary);color:var(--white);box-shadow:0 4px 15px #0091e04d;transform:translateY(-1px)}body.dark-mode .filter-tab:hover{background:#ffffff26;color:var(--foreground);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}body.dark-mode .search-container{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a}body.dark-mode .search-input{background:#ffffff1a;border-color:#fff3;color:var(--foreground);transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0091e01a;background:var(--gray-100);transform:translateY(-1px)}body.dark-mode .search-input:hover{border-color:var(--primary);box-shadow:0 2px 8px #0091e01a}body.dark-mode .search-input::placeholder{color:var(--gray-500)}body.dark-mode .timeline-container{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;border-radius:var(--radius-xl);overflow:hidden}body.dark-mode .timeline-header{background:#ffffff1a;border-color:#fff3;position:relative;overflow:hidden}body.dark-mode .timeline-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,145,224,.05),transparent);transition:left .8s ease}body.dark-mode .timeline-header:hover:before{left:100%}body.dark-mode .timeline-header h3{color:var(--foreground);position:relative;z-index:1}body.dark-mode .timeline-header .progress-text{color:var(--gray-600);position:relative;z-index:1}body.dark-mode .progress-bar{background:var(--gray-200);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}body.dark-mode .progress-fill{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);box-shadow:0 2px 8px #0091e04d;position:relative;overflow:hidden}body.dark-mode .progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}body.dark-mode .unit-card{background:#ffffff1a;border-color:#fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .unit-card:hover{background:#ffffff26;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 25px #0091e026}body.dark-mode .unit-header{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .unit-header h4{color:var(--foreground)}body.dark-mode .unit-header p{color:#fffc}body.dark-mode .unit-progress{background:#fff3}body.dark-mode .unit-progress-fill{background:var(--primary)}body.dark-mode .lessons-grid{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg)}body.dark-mode .lessons-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}body.dark-mode .lessons-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}body.dark-mode .lessons-grid::-webkit-scrollbar-thumb:hover{background:#ffffff80}body.dark-mode .lesson-card{background:#ffffff1a;border-color:#fff3;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .lesson-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,145,224,.1),transparent);transition:left .6s ease}body.dark-mode .lesson-card:hover:before{left:100%}body.dark-mode .lesson-card:hover{background:#ffffff26;border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 30px #0091e033}body.dark-mode .lesson-header h5{color:var(--foreground)}body.dark-mode .lesson-header p{color:#fffc}body.dark-mode .lesson-meta{color:#ffffffb3}body.dark-mode .lesson-status.completed{background:#10b9811a;color:var(--success)}body.dark-mode .lesson-status.in-progress{background:#f59e0b1a;color:var(--warning)}body.dark-mode .lesson-status.not-started{background:#ffffff1a;color:#fffc}body.dark-mode .btn{background:var(--primary);color:var(--white);border-color:var(--primary);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}body.dark-mode .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}body.dark-mode .btn:hover:before{left:100%}body.dark-mode .btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #0091e04d}body.dark-mode .btn-outline{background:transparent;border-color:var(--border);color:var(--foreground);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}body.dark-mode .btn-outline:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,145,224,.1),transparent);transition:left .5s ease}body.dark-mode .btn-outline:hover:before{left:100%}body.dark-mode .btn-outline:hover{background:#ffffff1a;border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px #0091e033}body.dark-mode .loading-state{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a}body.dark-mode .loading-state p{color:#ffffffe6}body.dark-mode .spinner{border-color:#ffffff4d;border-top-color:var(--primary)}body.dark-mode .error-state{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .error-state h3{color:var(--danger)}body.dark-mode .error-state p{color:var(--gray-600)}body.dark-mode .stats-grid{background:transparent!important}body.dark-mode .stat-card{background:#ffffff1a!important;border-color:#fff3!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}body.dark-mode .stat-card h4{color:var(--white)!important}body.dark-mode .stat-card p{color:#fffc!important}body.dark-mode .badge{background:#ffffff1a;color:var(--foreground);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}body.dark-mode .badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s ease}body.dark-mode .badge:hover:before{left:100%}body.dark-mode .badge-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);box-shadow:0 2px 8px #0091e04d}body.dark-mode .badge-success{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:var(--white);box-shadow:0 2px 8px #10b9814d}body.dark-mode .badge-warning{background:linear-gradient(135deg,var(--warning) 0%,#f97316 100%);color:var(--white);box-shadow:0 2px 8px #f59e0b4d}body.dark-mode .badge-danger{background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);color:var(--white);box-shadow:0 2px 8px #ef44444d}body.dark-mode .status-badge{padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}body.dark-mode .status-completed,body.dark-mode .lesson-status.completed{background:linear-gradient(135deg,#10b98133,#05966926);color:#10b981;border:1px solid rgba(16,185,129,.4);box-shadow:0 2px 8px #10b98126}body.dark-mode .status-live,body.dark-mode .lesson-status.live{background:linear-gradient(135deg,#ef444433,#dc262626);color:#ef4444;border:1px solid rgba(239,68,68,.4);box-shadow:0 2px 8px #ef444426;animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.8}}body.dark-mode .status-available,body.dark-mode .lesson-status.available{background:linear-gradient(135deg,#0091e033,#0d4a7326);color:#0091e0;border:1px solid rgba(0,145,224,.4);box-shadow:0 2px 8px #0091e026}body.dark-mode .status-starting-soon,body.dark-mode .lesson-status.starting-soon{background:linear-gradient(135deg,#f59e0b33,#f9731626);color:#f59e0b;border:1px solid rgba(245,158,11,.4);box-shadow:0 2px 8px #f59e0b26}body.dark-mode .status-upcoming,body.dark-mode .lesson-status.upcoming,body.dark-mode .lesson-status.not-started{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000001a}body.dark-mode .lesson-button{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem}body.dark-mode .lesson-button.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);box-shadow:0 2px 8px #0091e04d}body.dark-mode .lesson-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0091e066}body.dark-mode .lesson-button.secondary{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}body.dark-mode .lesson-button.secondary:hover{background:#ffffff26}body.dark-mode .lesson-button:disabled{opacity:.5;cursor:not-allowed}body.dark-mode .lesson-status-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s ease}body.dark-mode .lesson-status-icon.completed{background:linear-gradient(135deg,#10b98133,#05966926);color:#10b981}body.dark-mode .lesson-status-icon.live{background:linear-gradient(135deg,#ef444433,#dc262626);color:#ef4444}body.dark-mode .lesson-status-icon.available{background:linear-gradient(135deg,#0091e033,#0d4a7326);color:#0091e0}body.dark-mode .lesson-status-icon.upcoming{background:#ffffff1a;color:#ffffffb3}body.dark-mode .lesson-card .lesson-header,body.dark-mode .lesson-card .lesson-meta,body.dark-mode .unit-header{position:relative;z-index:1}body.dark-mode .unit-header h4{transition:color .3s ease}body.dark-mode .unit-card:hover .unit-header h4{color:var(--primary)}body.dark-mode .lesson-header h5{transition:color .3s ease}body.dark-mode .lesson-card:hover .lesson-header h5{color:var(--primary)}body.dark-mode .subject-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .subject-card:hover{border-color:var(--primary);box-shadow:0 8px 25px #0091e026;transform:translateY(-2px);background:#ffffff26}body.dark-mode .subject-header{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);padding:var(--space-4);cursor:pointer;transition:all .3s ease}body.dark-mode .subject-header:hover{background:#ffffff26;border-bottom-color:#ffffff4d}body.dark-mode .subject-title{color:var(--foreground);font-weight:600;font-size:1.25rem;margin-bottom:var(--space-2)}body.dark-mode .subject-meta{color:var(--gray-600);font-size:.9rem;display:flex;gap:var(--space-3);align-items:center}body.dark-mode .subject-icon{color:var(--primary);font-size:1.5rem}body.dark-mode .expand-icon{color:var(--gray-600);font-size:1.5rem;transition:transform .3s ease,color .3s ease}body.dark-mode .subject-header:hover .expand-icon{color:var(--primary)}body.dark-mode .progress-percentage{color:var(--primary);font-weight:600}body.dark-mode .lesson-count{color:var(--gray-600)}body.dark-mode .units-container{background:#ffffff1a;padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg)}body.dark-mode .controls-section{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:2rem}body.dark-mode .search-filter-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}body.dark-mode .search-box{position:relative;max-width:400px}body.dark-mode .search-icon{color:var(--gray-500);font-size:1.2rem}body.dark-mode .filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}body.dark-mode .filter-btn{padding:.75rem 1.5rem;background:var(--card-background);border:2px solid var(--card-border);border-radius:8px;color:var(--gray-600);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}body.dark-mode .filter-btn:hover{border-color:var(--primary);color:var(--primary)}body.dark-mode .filter-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white);font-weight:600}body.dark-mode .content-section{padding:var(--space-6);max-width:1200px;margin:0 auto}body.dark-mode .subjects-grid{display:grid;gap:var(--space-6)}body.dark-mode ::-webkit-scrollbar{width:8px}body.dark-mode ::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}body.dark-mode ::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px;transition:background .3s ease}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--primary)}body.dark-mode .lesson-card:focus,body.dark-mode .unit-card:focus,body.dark-mode .btn:focus,body.dark-mode .filter-tab:focus{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px #0091e033}body.dark-mode .loading-container{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .loading-spinner{border-color:#ffffff4d;border-top-color:var(--primary)}body.dark-mode .empty-state{background:var(--card-background);border-color:var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}body.dark-mode .empty-state-icon{color:var(--gray-500);opacity:.6}body.dark-mode .error-state{background:var(--card-background);border-color:var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}@media (max-width: 768px){body.dark-mode .hero-section{padding:2rem 1rem}body.dark-mode .hero-title{font-size:2rem}body.dark-mode .hero-stats{flex-direction:column;gap:1rem}body.dark-mode .stat-item{padding:1rem}body.dark-mode .lesson-card:hover{transform:translateY(-2px)}body.dark-mode .unit-card:hover{transform:translateY(-1px)}}body.dark-mode .lesson-card,body.dark-mode .unit-card,body.dark-mode .btn,body.dark-mode .filter-tab{will-change:transform,box-shadow,background-color}body.dark-mode .learning-history-container{transition:background-color .3s ease}body.dark-mode ::selection{background:#0091e04d;color:var(--white)}body.dark-mode ::-moz-selection{background:#0091e04d;color:var(--white)}body.dark-mode a{color:var(--primary);transition:color .3s ease}body.dark-mode a:hover{color:var(--primary-light);text-shadow:0 0 8px rgba(0,145,224,.3)}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{box-shadow:0 0 0 3px #0091e01a;border-color:var(--primary)}body.dark-mode .modal-content{background:var(--card-background);border-color:var(--card-border);box-shadow:0 20px 60px #0000004d}body.dark-mode .tooltip{background:var(--gray-900);color:var(--white);border:1px solid var(--gray-700);box-shadow:0 4px 12px #0000004d}body.dark-mode .dropdown-menu{background:var(--card-background);border-color:var(--card-border);box-shadow:0 8px 32px #0003}body.dark-mode .dropdown-item{color:var(--foreground);transition:all .2s ease}body.dark-mode .dropdown-item:hover{background:#ffffff1a;color:var(--primary)}.parent-dashboard{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.parent-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.parent-dashboard-loading p{color:var(--gray-600);font-size:1.1rem;font-weight:500}.children-overview{margin-bottom:3rem}.children-overview h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem}.children-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:23px}.child-card{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);transition:var(--transition);cursor:pointer;position:relative}.child-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.child-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#6366f10d,#8b5cf605);box-shadow:var(--shadow-lg),0 0 0 1px #6366f11a}.child-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.child-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.child-info h3{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.child-info p{font-size:.875rem;color:var(--gray-600);margin:0}.child-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-item{text-align:center;padding:.75rem;background:var(--gray-50);border-radius:var(--radius)}.stat-number{font-size:1.25rem;font-weight:800;color:var(--primary);line-height:1}.stat-label{font-size:.75rem;color:var(--gray-600);font-weight:500;margin-top:.25rem}.child-details{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.details-header h2{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.child-actions{display:flex;gap:1rem}.progress-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.progress-card{display:flex;align-items:center;gap:1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.progress-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--gradient-primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.card-content h4{font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.25rem}.progress-number{font-size:1.75rem;font-weight:800;color:var(--gray-900);line-height:1;margin-bottom:.25rem}.card-content p{font-size:.75rem;color:var(--gray-500);margin:0}.recent-activity h3{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:var(--transition)}.activity-item:hover{background:var(--gray-50)}.activity-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--gray-100);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.activity-content h4{font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.activity-content p{font-size:.75rem;color:var(--gray-600);margin-bottom:.25rem}.activity-time{font-size:.75rem;color:var(--gray-500)}.btn.danger{background:var(--danger);color:var(--white)}.btn.danger:hover{background:#dc2626;transform:translateY(-1px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:1rem}@media (max-width: 1024px){.parent-dashboard{padding:1.5rem}.dashboard-header{flex-direction:column;gap:1.5rem}.progress-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.parent-dashboard{padding:1rem}.welcome-section h1{font-size:2rem}.child-stats{grid-template-columns:repeat(3,1fr)}.details-header{flex-direction:column;text-align:center}.progress-cards{grid-template-columns:1fr 1fr}.child-actions{width:100%;justify-content:center}}@media (max-width: 480px){.parent-dashboard{padding:.75rem}.welcome-section h1{font-size:1.75rem}.child-stats,.progress-cards{grid-template-columns:1fr}.progress-card{padding:1rem}.card-icon{width:40px;height:40px;font-size:1rem}.progress-number{font-size:1.5rem}}body.dark-mode .parent-dashboard{background:linear-gradient(135deg,#081830,#224975);color:var(--white)}body.dark-mode .parent-dashboard-loading{color:var(--white)}body.dark-mode .parent-dashboard-loading p{color:#fffc}body.dark-mode .loading-spinner{border-color:#fff3;border-top-color:var(--primary)}body.dark-mode .welcome-section h1{background:linear-gradient(135deg,var(--white) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .welcome-section p{color:#fffc}body.dark-mode .children-overview h2{color:var(--white)}body.dark-mode .child-card{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .child-card:hover{background:#ffffff26;box-shadow:0 20px 40px #0000001a}body.dark-mode .child-card.selected{background:#ffffff26;border-color:var(--primary);box-shadow:0 20px 40px #0000001a,0 0 0 1px #0091e04d}body.dark-mode .child-info h3{color:var(--white)}body.dark-mode .child-info p{color:#ffffffb3}body.dark-mode .stat-item{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}body.dark-mode .stat-number{color:var(--primary-light)}body.dark-mode .stat-label{color:#ffffffb3}body.dark-mode .child-details{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .details-header h2{color:var(--white)}body.dark-mode .progress-card{background:#ffffff1a;border-color:#fff3}body.dark-mode .progress-card:hover{background:#ffffff26;box-shadow:0 20px 40px #0000001a}body.dark-mode .card-content h4{color:#fffc}body.dark-mode .progress-number{color:var(--white)}body.dark-mode .card-content p{color:#fff9}body.dark-mode .recent-activity h3{color:var(--white)}body.dark-mode .activity-item{background:#ffffff1a;border-color:#fff3}body.dark-mode .activity-item:hover{background:#ffffff26}body.dark-mode .activity-icon{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}body.dark-mode .activity-content h4{color:var(--white)}body.dark-mode .activity-content p{color:#ffffffb3}body.dark-mode .activity-time{color:#fff9}body.dark-mode .btn.secondary{background:#ffffff1a;color:var(--white);border-color:#fff3}body.dark-mode .btn.secondary:hover{background:#ffffff26;border-color:var(--primary);color:var(--primary)}body.dark-mode .btn.outline{background:transparent;color:var(--white);border-color:#fff3}body.dark-mode .btn.outline:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}body.dark-mode .empty-state{color:var(--white)}body.dark-mode .empty-icon{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}body.dark-mode .empty-state h3{color:var(--white)}body.dark-mode .empty-state p{color:#fffc}body.dark-mode .error-state{color:var(--white)}body.dark-mode .error-icon{color:var(--danger)}body.dark-mode .error-state h3{color:var(--white)}body.dark-mode .error-state p{color:#fffc}:root{--primary: #0091e0;--primary-dark: #155c91;--primary-light: #4fb1e4;--secondary: #f59e0b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gradient-primary: linear-gradient(135deg, #0091e0 0%, #4fb1e4 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.parent-setup-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.setup-container{max-width:800px;margin:0 auto}.setup-header{text-align:center;margin-bottom:3rem}.header-icon{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem;box-shadow:var(--shadow-lg)}.setup-header h1{font-size:2.5rem;font-weight:800;color:var(--gray-900);margin-bottom:.5rem;background:linear-gradient(135deg,var(--gray-900) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setup-header p{font-size:1.1rem;color:var(--gray-600);font-weight:500}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;font-weight:500}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--success)}.add-child-section{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);margin-bottom:3rem}.add-child-section h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem}.child-form{display:flex;flex-direction:column;gap:1.5rem}.form-row-full-name{grid-template-columns:1fr!important}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.form-group label{font-weight:600;color:var(--gray-700);font-size:.875rem}.input-wrapper i{position:absolute;left:1rem;color:var(--gray-400);font-size:1.125rem;z-index:2;transition:var(--transition)}.input-wrapper input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--gray-900);transition:var(--transition);outline:none}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;background:#fffffff2}.input-wrapper input:focus+i{color:var(--primary)}.input-wrapper input.error{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--danger);font-size:.75rem;font-weight:500}.add-child-btn{background:var(--gradient-primary);color:var(--white);padding:1rem 2rem;font-size:1rem;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition)}.add-child-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.add-child-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--white);border-radius:50%;animation:spin 1s linear infinite}.children-list{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);margin-bottom:3rem}.children-list h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem}.children-cards{display:flex;flex-direction:column;gap:1rem}.child-summary-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.child-summary-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.child-actions{display:flex;gap:.75rem;align-items:center}.child-summary-header{display:flex;align-items:center;gap:1rem}.child-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.child-details h4{font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.child-details p{font-size:.875rem;color:var(--gray-600);margin:0 0 .25rem}.child-details p.email{font-size:.75rem;color:var(--gray-500)}.has-courses-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b9811a;color:var(--success);border-radius:var(--radius);font-size:.875rem;font-weight:500;border:1px solid rgba(16,185,129,.2)}.has-courses-badge i{font-size:1rem}.setup-actions{display:flex;justify-content:center;gap:1.5rem;padding-top:2rem;border-top:1px solid var(--gray-200)}@media (max-width: 768px){.parent-setup-page{padding:1rem}.setup-header h1{font-size:2rem}.form-row{grid-template-columns:1fr}.child-summary-card{flex-direction:column;gap:1rem;text-align:center}.setup-actions{flex-direction:column}}@media (max-width: 480px){.parent-setup-page{padding:.75rem}.setup-header h1{font-size:1.75rem}.header-icon{width:60px;height:60px;font-size:2rem}.add-child-section,.children-list{padding:1.5rem}}.setup-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.setup-modal{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;border-bottom:1px solid var(--gray-200)}.modal-title h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.modal-title p{color:var(--gray-600);font-size:.875rem;margin:0}.modal-close{background:none;border:none;color:var(--gray-400);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:var(--transition)}.modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.modal-content{flex:1;overflow-y:auto;padding:0 2rem 2rem}.setup-progress{display:flex;justify-content:center;align-items:center;margin:2rem 0;gap:1rem;flex-wrap:wrap}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;min-width:100px}.progress-step .step-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;margin-bottom:.5rem;transition:var(--transition);border:2px solid var(--gray-200);background:var(--white);color:var(--gray-400)}.progress-step.active .step-number{background:var(--primary);border-color:var(--primary);color:var(--white);transform:scale(1.1)}.progress-step.completed .step-number{background:var(--success);border-color:var(--success);color:var(--white)}.progress-step .step-label{font-size:.75rem;font-weight:500;color:var(--gray-500);text-align:center;line-height:1.2}.progress-step.active .step-label{color:var(--primary);font-weight:600}.progress-step.completed .step-label{color:var(--success)}.setup-step-content{min-height:300px;margin-bottom:2rem}.step-panel{max-width:500px;margin:0 auto}.step-header{text-align:center;margin-bottom:2rem}.step-header i{font-size:2rem;color:var(--primary);margin-bottom:1rem;display:block}.step-header h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.step-header p{color:var(--gray-600);font-size:.875rem;margin:0}.modal-content .form-group{margin-bottom:1.5rem}.modal-content .form-group label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:.5rem;font-size:.875rem}.modal-content .select-wrapper{position:relative}.modal-content .select-wrapper select{width:100%;padding:1rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;background:var(--white);color:var(--gray-900);transition:var(--transition);outline:none;appearance:none;cursor:pointer}.modal-content .select-wrapper select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.modal-content .select-wrapper i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none;font-size:1.125rem}.spinner-small{position:absolute;right:3rem;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--gray-200);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.modal-content .subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.modal-content .subject-card{border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem;cursor:pointer;transition:var(--transition);background:var(--white);position:relative}.modal-content .subject-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-content .subject-card.selected{border-color:var(--primary);background:var(--gradient-primary);color:var(--white)}.modal-content .subject-checkbox{position:absolute;top:.75rem;right:.75rem}.modal-content .subject-checkbox input[type=checkbox]{display:none}.modal-content .subject-checkbox label{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);display:block;cursor:pointer;transition:var(--transition);position:relative}.modal-content .subject-card.selected .subject-checkbox label{border-color:var(--white);background:var(--white)}.modal-content .subject-checkbox label:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--primary);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .3s ease}.modal-content .subject-card.selected .subject-checkbox label:after{opacity:1}.modal-content .subject-info h4{font-size:.875rem;font-weight:600;margin:0 0 .5rem;color:var(--gray-900)}.modal-content .subject-card.selected .subject-info h4{color:var(--white)}.modal-content .subject-price{font-size:.75rem;font-weight:500;color:var(--success);background:#10b9811a;padding:.25rem .5rem;border-radius:var(--radius);display:inline-block}.modal-content .subject-card.selected .subject-price{color:var(--white);background:#fff3}.modal-content .selected-subjects{margin-top:1.5rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.modal-content .selected-subjects h4{font-size:.875rem;font-weight:600;color:var(--gray-900);margin:0 0 .75rem}.modal-content .subject-chips{display:flex;flex-wrap:wrap;gap:.5rem}.modal-content .subject-chip{display:flex;align-items:center;gap:.5rem;background:var(--primary);color:var(--white);padding:.375rem .75rem;border-radius:var(--radius);font-size:.75rem;font-weight:500}.modal-content .remove-subject{background:none;border:none;color:var(--white);cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.modal-content .remove-subject:hover{background:#fff3}.payment-summary{background:#f9fafb;border-radius:12px;padding:1.5rem;border:2px solid #e5e7eb}.summary-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.summary-header h4{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.summary-header p{color:#6b7280;font-size:.9rem;margin:0}.subjects-summary h5{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.subjects-list{margin-bottom:1.5rem}.subject-summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.subject-summary-item:last-child{border-bottom:none}.subject-name{font-weight:500;color:#374151}.subject-price{font-weight:600;color:#10b981}.total-section{border-top:2px solid #e5e7eb;padding-top:1rem}.total-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#6b7280}.total-row.final{font-weight:700;font-size:1.125rem;color:#1f2937;border-top:1px solid #e5e7eb;padding-top:.75rem;margin-top:.5rem}.no-subjects{text-align:center;padding:2rem;color:#6b7280}.no-subjects i{font-size:3rem;color:#d1d5db;margin-bottom:1rem}.payment-info{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:1rem;margin-top:1.5rem}.payment-info p{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.payment-info p:last-child{margin-bottom:0}.payment-info i{color:#10b981;font-size:1rem}.modal-content .loading-container{text-align:center;padding:2rem}.modal-content .loading-container .spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.modal-content .loading-container p{color:var(--gray-600);font-size:.875rem;margin:0}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--gray-200);background:var(--gray-50)}.modal-nav-buttons{display:flex;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:500;font-size:.875rem;text-decoration:none;border:none;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--gradient-primary);color:var(--white);border:2px solid transparent}.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.outline{background:var(--white);color:var(--gray-600);border:2px solid var(--gray-200)}.btn.outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn.danger{background:var(--danger);color:var(--white);border:2px solid transparent}.btn.danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}@media (max-width: 768px){.setup-modal{margin:1rem;max-height:95vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-content{padding:0 1.5rem 1.5rem}.modal-actions{padding:1rem 1.5rem;flex-direction:column;gap:1rem}.modal-nav-buttons{width:100%;justify-content:space-between}.setup-progress{flex-direction:column;gap:1rem}.modal-content .subjects-grid{grid-template-columns:1fr}}.parent-setup-page.dark-mode{background:linear-gradient(135deg,#081830,#224975);color:var(--foreground)}.parent-setup-page.dark-mode .setup-header h1{background:linear-gradient(135deg,#fff,#4fb1e4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.parent-setup-page.dark-mode .setup-header p{color:#fffc}.parent-setup-page.dark-mode .add-child-section,.parent-setup-page.dark-mode .children-list{background:#2a2a2ae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:var(--foreground)}.parent-setup-page.dark-mode .add-child-section h2,.parent-setup-page.dark-mode .children-list h2{color:var(--foreground)}.parent-setup-page.dark-mode .form-group label{color:#ffffffe6}.parent-setup-page.dark-mode .input-wrapper input{background:#2a2a2acc;border-color:#fff3;color:var(--foreground)}.parent-setup-page.dark-mode .input-wrapper input:focus{background:#2a2a2af2;border-color:var(--primary);box-shadow:0 0 0 3px #0091e033}.parent-setup-page.dark-mode .input-wrapper i{color:#fff9}.parent-setup-page.dark-mode .input-wrapper input:focus+i{color:var(--primary)}.parent-setup-page.dark-mode .child-summary-card{background:#2a2a2acc;border-color:#ffffff1a;color:var(--foreground)}.parent-setup-page.dark-mode .child-summary-card:hover{background:#2a2a2ae6;border-color:#fff3}.parent-setup-page.dark-mode .child-details h4{color:var(--foreground)}.parent-setup-page.dark-mode .child-details p{color:#ffffffb3}.parent-setup-page.dark-mode .child-details p.email{color:#ffffff80}.parent-setup-page.dark-mode .setup-actions{border-top-color:#ffffff1a}.parent-setup-page.dark-mode .alert-error{background:#dc26261a;border-color:#dc26264d;color:#ef4444}.parent-setup-page.dark-mode .alert-success{background:#10b9811a;border-color:#10b9814d;color:#10b981}.parent-setup-page.dark-mode .setup-modal-overlay{background:#000c}.parent-setup-page.dark-mode .setup-modal{background:#2a2a2af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.parent-setup-page.dark-mode .modal-header{border-bottom-color:#ffffff1a}.parent-setup-page.dark-mode .modal-title h2{color:var(--foreground)}.parent-setup-page.dark-mode .modal-title p{color:#ffffffb3}.parent-setup-page.dark-mode .modal-close{color:#fff9}.parent-setup-page.dark-mode .modal-close:hover{background:#ffffff1a;color:#ffffffe6}.parent-setup-page.dark-mode .modal-content .form-group label{color:#ffffffe6}.parent-setup-page.dark-mode .modal-content .select-wrapper select{background:#2a2a2acc;border-color:#fff3;color:var(--foreground)}.parent-setup-page.dark-mode .modal-content .select-wrapper select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0091e033}.parent-setup-page.dark-mode .modal-content .select-wrapper i{color:#fff9}.parent-setup-page.dark-mode .modal-content .subject-card{background:#2a2a2acc;border-color:#ffffff1a;color:var(--foreground)}.parent-setup-page.dark-mode .modal-content .subject-card:hover{border-color:var(--primary);background:#2a2a2ae6}.parent-setup-page.dark-mode .modal-content .subject-card.selected{background:var(--gradient-primary);border-color:var(--primary);color:var(--white)}.parent-setup-page.dark-mode .modal-content .subject-info h4{color:var(--foreground)}.parent-setup-page.dark-mode .modal-content .subject-card.selected .subject-info h4{color:var(--white)}.parent-setup-page.dark-mode .modal-content .selected-subjects{background:#2a2a2a99;border-color:#ffffff1a}.parent-setup-page.dark-mode .modal-content .selected-subjects h4{color:var(--foreground)}.parent-setup-page.dark-mode .modal-content .subject-chip{background:var(--gradient-primary);color:var(--white)}.parent-setup-page.dark-mode .modal-content .remove-subject:hover{background:#fff3}.parent-setup-page.dark-mode .modal-actions{background:#2a2a2acc;border-top-color:#ffffff1a}.parent-setup-page.dark-mode .payment-summary{background:#2a2a2a99;border-color:#ffffff1a}.parent-setup-page.dark-mode .summary-header{border-bottom-color:#ffffff1a}.parent-setup-page.dark-mode .summary-header h4{color:var(--foreground)}.parent-setup-page.dark-mode .summary-header p{color:#ffffffb3}.parent-setup-page.dark-mode .subjects-summary h5{color:var(--foreground)}.parent-setup-page.dark-mode .subject-summary-item{border-bottom-color:#ffffff1a}.parent-setup-page.dark-mode .subject-name{color:var(--foreground)}.parent-setup-page.dark-mode .total-section{border-top-color:#ffffff1a}.parent-setup-page.dark-mode .total-row{color:#ffffffb3}.parent-setup-page.dark-mode .total-row.final{color:var(--foreground);border-top-color:#ffffff1a}.parent-setup-page.dark-mode .no-subjects{color:#ffffffb3}.parent-setup-page.dark-mode .no-subjects i{color:#ffffff4d}.parent-setup-page.dark-mode .payment-info{background:#10b9811a;border-color:#10b9814d}.parent-setup-page.dark-mode .payment-info p{color:#ffffffb3}.parent-setup-page.dark-mode .payment-info i{color:#10b981}.parent-setup-page.dark-mode .modal-content .loading-container p{color:#ffffffb3}.parent-setup-page.dark-mode .modal-content .loading-container .spinner,.parent-setup-page.dark-mode .spinner-small{border-color:#fff3;border-top-color:var(--primary)}.parent-setup-page.dark-mode .spinner{border-color:#ffffff4d;border-top-color:var(--white)}.btn{transition:all .2s ease}.btn:hover,.btn:focus{color:#fff!important}.btn:hover i,.btn:focus i{color:#fff!important}:root{--primary: #0091e0;--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0091e0;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--secondary: #224975;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--success: #10b981;--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--error: #ef4444;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--warning: #f59e0b;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--white: #ffffff;--gray-50: #f8fafb;--gray-100: #f1f4f7;--gray-200: #e4e9ed;--gray-300: #d1d8de;--gray-400: #9ca6b0;--gray-500: #6b7684;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #081830;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--space-20: 5rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition: all .2s ease-in-out;--transition-slow: all .3s ease-in-out}.setup-content{padding:var(--space-6);max-width:1200px;margin:0 auto;width:100%;min-height:100vh;background:linear-gradient(180deg,#f8fafb,#f1f4f7)}.setup-container{width:100%}.setup-hero{text-align:center;margin-bottom:var(--space-8);position:relative;overflow:hidden}.setup-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:var(--radius-2xl);z-index:-1}.hero-content h1{font-size:var(--text-3xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-3);background:#000;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;height:100px;display:flex;align-items:center}.hero-content .muted{font-size:var(--text-lg);color:var(--gray-600);margin-bottom:var(--space-6)}.hero-decoration{position:relative;height:120px}.floating-book,.floating-graduation{position:absolute;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-500) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;animation:float 6s ease-in-out infinite}.floating-book{top:20px;left:20%;animation-delay:0s}.floating-graduation{top:40px;right:20%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-weight:500}.alert i{font-size:20px;flex-shrink:0}.setup-wizard{background:#fff;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:var(--space-8);max-width:800px;margin:0 auto}.progress-steps{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);position:relative}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.step-number{width:48px;height:48px;border-radius:50%;background:var(--gray-200);color:var(--gray-700);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-lg);margin-bottom:var(--space-2);transition:all .3s ease;border:3px solid white;box-shadow:0 2px 4px #0000001a}.step.active .step-number{background:var(--primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #6366f166;border-color:#4f46e5}.step.completed .step-number{background:#10b981;color:#fff;border-color:#059669}.step.completed .step-number i{font-size:20px}.step-label{font-size:var(--text-sm);color:var(--gray-600);text-align:center;font-weight:500;max-width:120px}.step.active .step-label{color:var(--primary-700);font-weight:600}.step.completed .step-label{color:var(--success-700)}.step-connector{position:absolute;top:24px;left:100%;width:calc(100% - 48px);height:2px;background:var(--gray-200);z-index:1}.step.completed .step-connector{background:var(--success-300)}.step-container{margin-bottom:var(--space-8)}.step-content{text-align:center}.step-header{margin-bottom:var(--space-6)}.step-header h3{font-size:var(--text-2xl);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.step-header h3 i{color:var(--primary-500);font-size:28px}.step-header p{color:var(--gray-600);font-size:var(--text-lg)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-3);font-size:var(--text-lg)}.select-wrapper{position:relative;max-width:400px;min-width:200px;margin:0 auto}.select-wrapper select{width:100%;padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-lg);background:#fff;color:var(--gray-900);cursor:pointer;transition:all .3s ease;appearance:none}.select-wrapper select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.select-wrapper select.has-value{border-color:var(--success-500);background:var(--success-50)}.select-wrapper select:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.select-arrow{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:20px;pointer-events:none;transition:transform .3s ease}.select-wrapper select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}.country-dropdown-wrapper{position:relative}.country-dropdown-trigger{width:100%;padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-lg);background:#fff;color:var(--gray-900);cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;justify-content:space-between;position:relative}.country-dropdown-trigger:hover:not(:disabled){border-color:var(--gray-300)}.country-dropdown-trigger:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.country-dropdown-trigger.has-value{border-color:var(--success-500);background:var(--success-50)}.country-dropdown-trigger:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.country-dropdown-trigger.open .select-arrow{transform:translateY(-50%) rotate(180deg)}.country-dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-dropdown-menu{position:absolute;left:0;right:0;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;max-height:240px;overflow:hidden}.country-dropdown-menu.dropdown-menu--down{top:calc(100% + 4px);margin-top:4px}.country-dropdown-menu.dropdown-menu--up{bottom:calc(100% + 4px);margin-bottom:4px}.country-dropdown-list{list-style:none;margin:0;padding:var(--space-2);max-height:240px;overflow-y:auto}.country-dropdown-item{padding:var(--space-3) var(--space-4);cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius);transition:all .2s ease;font-size:var(--text-base);color:var(--gray-900)}.country-dropdown-item:hover,.country-dropdown-item.highlighted{background:var(--primary-50);color:var(--primary-700)}.country-dropdown-item.selected{background:var(--primary-100);color:var(--primary-700);font-weight:600}.country-dropdown-item.selected i{color:var(--primary-600);font-size:18px}.country-dropdown-item.empty{color:var(--gray-500);cursor:default;justify-content:center}.country-dropdown-item.empty:hover{background:transparent}.country-dropdown-item.load-more-item{border-top:1px solid var(--gray-200);margin-top:var(--space-2);padding-top:var(--space-4);font-weight:500;color:var(--primary-600);display:flex;align-items:center;gap:var(--space-2)}.country-dropdown-item.load-more-item:hover,.country-dropdown-item.load-more-item.highlighted{background:var(--primary-100);color:var(--primary-700)}.country-dropdown-item.load-more-item.loading{cursor:wait;opacity:.7}.country-dropdown-item.load-more-item i{font-size:16px}.country-dropdown-item.load-more-item .spinner-small.inline{position:static;transform:none;width:16px;height:16px;border-width:2px;display:inline-block;margin-right:var(--space-2)}.country-dropdown-list::-webkit-scrollbar{width:8px}.country-dropdown-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius)}.country-dropdown-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius)}.country-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.spinner-small{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--primary-200);border-top:2px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.subject-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--space-3)}.subject-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.subject-card.selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 4px 12px #6366f133}.subject-checkbox{position:relative;flex-shrink:0}.subject-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.subject-checkbox label{display:block;width:24px;height:24px;border:2px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all .3s ease;position:relative}.subject-checkbox input[type=checkbox]:checked+label{background:var(--primary-500);border-color:var(--primary-500)}.subject-checkbox input[type=checkbox]:checked+label:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.subject-info{flex:1;text-align:left}.subject-info h4{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.subject-price{color:var(--primary-600);font-weight:600;font-size:var(--text-base)}.selected-subjects{margin-top:var(--space-6);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.selected-subjects h4{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-3)}.subject-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.subject-chip{background:var(--primary-100);color:var(--primary-700);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--primary-200)}.remove-subject{background:none;border:none;color:var(--primary-600);cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.remove-subject:hover{background:var(--primary-200);color:var(--primary-700)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8)}.loading-container .spinner{width:40px;height:40px;border:3px solid var(--primary-200);border-top:3px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:var(--gray-600);font-size:var(--text-lg)}.step-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.nav-buttons{display:flex;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-outline{background:#fff;color:var(--gray-700);border-color:var(--gray-300)}.btn-outline:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.btn-primary{background:var(--primary-500);color:var(--white);border-color:var(--primary-500)}.btn-primary:hover:not(:disabled){background:var(--primary-600);border-color:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn i{font-size:18px}@media (max-width: 768px){.setup-content{padding:var(--space-4)}.setup-wizard{padding:var(--space-6)}.progress-steps{flex-direction:column;align-items:center;gap:var(--space-4)}.step-connector{display:none}.subjects-grid{grid-template-columns:1fr}.step-navigation{flex-direction:column;gap:var(--space-4)}.nav-buttons{width:100%;justify-content:center}.btn{flex:1;justify-content:center}.country-dropdown-menu,.country-dropdown-list{max-height:250px}}@media (max-width: 480px){.hero-content h1{font-size:var(--text-3xl)}.setup-wizard{padding:var(--space-4)}.step-header h3{font-size:var(--text-xl)}}.subjects-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.subject-card.regular-mode{opacity:.8;cursor:default}.subject-card.regular-mode:hover{transform:none;box-shadow:var(--shadow-sm)}.subject-chip.regular{background:var(--primary-100);color:var(--primary-700);border:1px solid var(--primary-200)}.subject-chip.regular span{font-weight:500}.simple-price-display{margin-top:16px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;text-align:center}.price-text{font-size:16px;font-weight:600;color:#059669}.class-price-info{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:2px solid #e2e8f0;text-align:center}.price-display{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.price-label{font-size:16px;font-weight:600;color:#374151}.price-value{font-size:24px;font-weight:800;color:#059669;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-description{font-size:14px;color:#6b7280;margin:0;font-style:italic}.btn.btn-outline:hover,.btn.btn-outline:focus,.btn.btn-outline:focus-visible{color:#000!important}.btn.btn-outline:hover i,.btn.btn-outline:focus i,.btn.btn-outline:focus-visible i{color:#000!important}.btn.btn-outline:hover{border-color:#0003}.payment-content{padding:var(--space-6);max-width:1400px;margin:0 auto;width:100%;min-height:100vh;background:linear-gradient(180deg,#f8fafb,#f1f4f7)}.payment-errors{background:var(--error-50);color:var(--error-700);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--error-200);font-size:var(--text-sm);display:none}.payment-errors:not(:empty){display:block}.card-details-section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0}.card-details-section h4{color:var(--gray-700);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.card-details-section h4:before{content:"";width:4px;height:20px;background:var(--primary-500);border-radius:2px}.expiry-cvv-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--gray-700);font-size:var(--text-sm)}.form-group input{width:100%;padding:var(--space-3);border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;transition:all .3s ease;background:var(--white);color:var(--gray-800);box-shadow:0 2px 4px #0000000d}.form-group input::placeholder{color:var(--gray-400);font-weight:400;opacity:.8}.form-group input:not(:placeholder-shown){border-color:var(--primary-400);background:var(--primary-50);color:var(--gray-900);font-weight:600}.form-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-group input.error{border-color:var(--error-500);box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--error-600);font-size:var(--text-xs);margin-top:var(--space-1);display:block}.security-badges{display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.security-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--success-50);color:var(--success-700);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.security-badge i{font-size:var(--text-sm)}.btn-primary{background:var(--primary-500);color:var(--white);border:1px solid var(--primary-500)}.btn-primary:hover:not(:disabled){background:var(--primary-600);border-color:var(--primary-600)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-large{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);font-weight:600}.card-preview-container{position:sticky;top:var(--space-4);display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-6);perspective:1000px;perspective-origin:center center;z-index:10;height:215px;width:340px;margin-left:auto;margin-right:auto}.credit-card{width:340px;height:215px;position:absolute;top:0;left:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);cursor:pointer;transform-origin:center center;transform:rotateX(0) rotateY(0)}.credit-card:hover{transform:rotateX(-2deg) rotateY(2deg)}.credit-card.flipped{transform:rotateY(180deg) rotateX(0)}.credit-card.flipped:hover{transform:rotateY(180deg) rotateX(-2deg)}.card-front,.card-back{width:100%;height:100%;background:linear-gradient(135deg,#1e3c72,#2a5298,#3b82f6,#1e40af,#1e3a8a);border-radius:12px;box-shadow:0 25px 50px #00000040,0 10px 20px #00000026,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;backface-visibility:hidden;overflow:hidden;color:#fff;font-family:Inter,Segoe UI,system-ui,sans-serif;padding:20px;box-sizing:border-box;position:absolute;top:0;left:0;transform-origin:center center;display:flex;flex-direction:column}.card-back{transform:rotateY(180deg);background:linear-gradient(135deg,#1e3c72,#2a5298,#3b82f6,#1e40af,#1e3a8a);display:flex;flex-direction:column}.card-front:before,.card-back:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(255,255,255,.08) 0%,transparent 30%);pointer-events:none}.card-front:after,.card-back:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);animation:shimmer 20s linear infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;position:relative;z-index:2;min-height:30px;background:transparent}.card-type{min-width:60px;min-height:30px;display:flex;align-items:center;justify-content:flex-start}.card-type-logo{height:28px;width:auto;filter:brightness(0) invert(1);opacity:.9;display:block}.card-type-fallback{font-size:12px;font-weight:600;letter-spacing:1px;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.3);display:block}.chip{width:40px;height:30px;background:linear-gradient(135deg,gold,#ffed4e,gold);border-radius:6px;position:relative;display:flex;flex-direction:column;justify-content:space-around;padding:3px;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;flex-shrink:0;z-index:3}.chip-lines{height:1px;background:#333;margin:1px 3px;border-radius:1px;opacity:.7}.chip-lines:nth-child(1){opacity:.3}.chip-lines:nth-child(2){opacity:.6}.chip-lines:nth-child(3){opacity:.8}.chip-lines:nth-child(4){opacity:.4}.card-number{font-size:18px;letter-spacing:3px;margin-bottom:20px;font-weight:400;text-shadow:0 2px 4px rgba(0,0,0,.4);position:relative;z-index:2;font-family:Courier New,monospace;background:linear-gradient(45deg,#ffffffe6,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-footer{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2;margin-top:auto}.card-holder,.card-expiry{display:flex;flex-direction:column;gap:3px}.card-holder .label,.card-expiry .label{font-size:8px;opacity:.7;letter-spacing:1.2px;text-transform:uppercase;font-weight:500}.card-holder .value,.card-expiry .value{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.card-magnetic-stripe{width:100%;height:50px;background:linear-gradient(90deg,#000,#333,#000);margin-top:20px;margin-bottom:16px;position:relative;z-index:2;box-shadow:inset 0 2px 4px #0000004d}.card-magnetic-stripe:after{content:"";position:absolute;top:50%;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent 100%);transform:translateY(-50%)}.card-signature{background:#fff;height:35px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:12px;box-shadow:0 1px 3px #0003,inset 0 1px #fffc;position:relative;z-index:2}.signature-line{flex:1;height:2px;background:repeating-linear-gradient(90deg,#ccc 0px,#ccc 3px,transparent 3px,transparent 6px);margin-right:12px;opacity:.8}.cvv-display{display:flex;flex-direction:column;align-items:center;gap:2px;background:#f0f0f0cc;padding:4px 8px;border-radius:4px;border:1px solid rgba(200,200,200,.5)}.cvv-display .label{font-size:7px;color:#666;letter-spacing:1px;font-weight:600}.cvv-display .value{font-size:12px;color:#333;font-weight:700;letter-spacing:2px;font-family:Courier New,monospace}.input-with-icon{position:relative}.input-with-icon input{padding-right:60px}.card-type-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);height:24px;width:36px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:var(--radius-sm);padding:4px;box-shadow:0 2px 4px #0000001a}.card-type-icon img{height:100%;width:auto;max-width:100%}.form-group{position:relative;margin-bottom:var(--space-3)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--gray-700);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.form-group input.error{border-color:var(--error-500);background:var(--error-50);box-shadow:0 0 0 3px #ef44441a}.form-group input.success{border-color:var(--success-500);background:var(--success-50);box-shadow:0 0 0 3px #22c55e1a}.form-group.floating-label{position:relative}.form-group.floating-label label{position:absolute;top:var(--space-4);left:var(--space-4);color:var(--gray-500);font-size:var(--text-base);font-weight:500;transition:all .3s ease;pointer-events:none;background:var(--white);padding:0 4px}.form-group.floating-label input:focus+label,.form-group.floating-label input:not(:placeholder-shown)+label{top:-8px;left:var(--space-3);font-size:var(--text-xs);color:var(--primary-600);font-weight:600}.form-group input:focus{outline:none;border-color:var(--primary-500);background:var(--white);box-shadow:0 0 0 4px #3b82f626,0 4px 12px #0000001a;transform:translateY(-2px);color:var(--gray-900);font-weight:600}.form-group input{transition:all .3s ease}.form-group input[data-paylib=number]{font-size:var(--text-xl);font-weight:600;letter-spacing:1px;font-family:Courier New,monospace;text-align:center}.form-group input[data-paylib=number]:focus{letter-spacing:2px}.form-group input[data-paylib=expmonth],.form-group input[data-paylib=expyear]{text-align:center;font-weight:600;font-size:var(--text-lg)}.form-group input[data-paylib=cvv]{text-align:center;font-weight:600;font-size:var(--text-lg);letter-spacing:2px;font-family:Courier New,monospace}.card-details-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3);margin:var(--space-3) 0;position:relative;overflow:hidden}.card-details-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600))}.card-details-section h4{color:var(--gray-800);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.card-details-section h4:before{content:"";width:4px;height:18px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:2px}.horizontal-fields-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.horizontal-fields-row .form-group{margin-bottom:var(--space-2)}.horizontal-fields-row .form-group label{font-size:var(--text-xs);margin-bottom:var(--space-1)}.horizontal-fields-row .form-group input{padding:var(--space-2);font-size:var(--text-sm)}.horizontal-fields-row .error-message{font-size:var(--text-xs)}.expiry-cvv-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2)}.card-details-section .form-group{margin-bottom:var(--space-2)}.card-details-section .form-group label{font-size:var(--text-xs);margin-bottom:var(--space-1)}.card-details-section .form-group input{padding:var(--space-2);font-size:var(--text-sm)}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--white);border:none;border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .3s ease}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.btn-primary.loading{pointer-events:none;opacity:.8}.spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.payment-grid{display:flex;gap:var(--space-6);align-items:flex-start;min-height:80vh}@media (min-width: 1024px){.payment-grid{flex-direction:row}.card-preview-container{flex:0 0 380px;position:sticky;top:var(--space-4);height:200px;width:360px;align-items:center}.payment-form-container{flex:1;min-width:0}.credit-card{width:360px;height:200px}.card-front,.card-back{padding:18px}.card-number{font-size:16px;letter-spacing:2.5px}}@media (min-width: 768px) and (max-width: 1023px){.payment-grid{flex-direction:row;gap:var(--space-4)}.card-preview-container{flex:0 0 280px;position:sticky;top:var(--space-4);height:165px;width:260px;align-items:center}.payment-form-container{flex:1;min-width:0}.credit-card{width:260px;height:165px}.card-front,.card-back{padding:16px}.card-number{font-size:14px;letter-spacing:2px}.chip{width:32px;height:24px}}@media (max-width: 767px){.payment-grid{flex-direction:column;gap:var(--space-4);min-height:auto}.card-preview-container{flex:none;position:static;margin-bottom:var(--space-4);height:190px;width:300px;align-items:center}.payment-form-container{flex:none}.credit-card{width:300px;height:190px;margin:0 auto}}@media (max-width: 767px){.card-front,.card-back{padding:20px}.card-number{font-size:18px;margin-bottom:20px}.horizontal-fields-row{grid-template-columns:1fr;gap:var(--space-2)}.expiry-cvv-row{grid-template-columns:1fr;gap:var(--space-3)}}@media (max-width: 1023px) and (min-width: 768px){.horizontal-fields-row{grid-template-columns:1fr 1fr;gap:var(--space-2)}.horizontal-fields-row .form-group:last-child{grid-column:1 / -1}}.payment-form-container{animation:slideUp .6s ease-out}.form-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.compact-toggle-btn{background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:all .3s ease;color:var(--gray-600);display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.compact-toggle-btn:hover{background:var(--gray-200);border-color:var(--gray-400);color:var(--gray-800)}.payment-form-container.compact-mode .form-group{margin-bottom:var(--space-2)}.payment-form-container.compact-mode .form-group input{padding:var(--space-2);font-size:var(--text-sm)}.payment-form-container.compact-mode .form-group label{font-size:var(--text-xs);margin-bottom:var(--space-1)}.payment-form-container.compact-mode .card-details-section{padding:var(--space-2);margin:var(--space-2) 0}.payment-form-container.compact-mode .card-details-section h4{font-size:var(--text-base);margin-bottom:var(--space-2)}.payment-form-container.compact-mode .expiry-cvv-row,.payment-form-container.compact-mode .horizontal-fields-row{gap:var(--space-2)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-group input:focus{animation:inputPulse 2s infinite}@keyframes inputPulse{0%,to{box-shadow:0 0 0 4px #3b82f626,0 4px 12px #0000001a}50%{box-shadow:0 0 0 6px #3b82f633,0 6px 16px #00000026}}.form-group input{position:relative}.form-group input:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-500);transition:width .3s ease}.form-group input:focus:after{width:100%}.form-group input:not(:placeholder-shown){border-width:3px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:var(--gray-900);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.form-group input[data-paylib=number]:not(:placeholder-shown){background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:var(--primary-600);color:var(--gray-900);font-size:var(--text-2xl);letter-spacing:3px}.form-group.completed input{border-color:var(--success-500);background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:var(--success-800)}.payment-hero{text-align:center;padding:var(--space-8) var(--space-1);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);border-radius:var(--radius-xl);color:var(--white);position:relative;overflow:hidden}.payment-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:2}.hero-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.hero-icon i{font-size:2.5rem;color:var(--white)}.payment-hero h1{font-size:2rem;font-weight:700;margin-bottom:var(--space-3);text-shadow:0 2px 4px rgba(0,0,0,.5)}.payment-hero .muted{font-size:1.2rem;opacity:.9;margin-bottom:0}.hero-decoration{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-card,.floating-shield{position:absolute;width:70px;height:70px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:float 6s ease-in-out infinite}.floating-card{top:16%;right:0%;animation-delay:0s}.floating-shield{bottom:20%;left:15%;animation-delay:3s}.floating-card i,.floating-shield i{font-size:1.5rem;color:var(--white);opacity:.8}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-weight:500;box-shadow:var(--shadow-sm)}.alert-error{background:var(--error-50);color:var(--error-700);border:1px solid var(--error-200)}.alert-success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.payment-container{max-width:1200px;margin:0 auto}.payment-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-8);align-items:start}.order-summary{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;position:sticky;top:var(--space-6)}.summary-header{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);padding:var(--space-6);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-200)}.summary-header h3{margin:0;color:var(--primary-700);font-size:1.3rem;display:flex;align-items:center;gap:var(--space-2)}.summary-badge{background:var(--primary-500);color:var(--white);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.85rem;font-weight:600}.summary-content{padding:var(--space-6)}.empty-cart{text-align:center;padding:var(--space-8) var(--space-4);color:var(--gray-500)}.empty-cart i{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-cart p{margin-bottom:var(--space-4);font-size:1.1rem}.cart-items{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);width:20rem}.cart-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition)}.cart-item:hover{background:var(--gray-100);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.item-icon{width:50px;height:50px;background:var(--primary-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary-600);flex-shrink:0}.item-icon i{font-size:1.5rem}.item-details{flex:1}.item-details h4{margin:0 0 var(--space-1) 0;color:var(--gray-900);font-size:1rem;font-weight:600}.item-details p{margin:0;color:var(--gray-600);font-size:.9rem}.item-price{flex-shrink:0}.price{font-size:1.2rem;font-weight:700;color:var(--primary-600)}.cart-item.class-item{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;border-radius:12px;padding:20px;width:fit-content}.cart-item.class-item .item-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.cart-item.class-item .item-details h4{font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:8px}.cart-item.class-item .item-description{color:#64748b;font-size:.9rem;margin-bottom:0}.cart-item.class-item .item-price .price{font-size:1.3rem;font-weight:800;color:#059669}.registration-type-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:8px;margin-bottom:16px;font-weight:600;color:#1e40af;font-size:.9rem}.registration-type-badge i{font-size:1.1rem;color:#2563eb}.summary-footer{border-top:1px solid var(--gray-200);padding-top:var(--space-4)}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding:var(--space-4);background:var(--primary-50);border-radius:var(--radius-lg)}.total-label{font-size:1.1rem;font-weight:600;color:var(--gray-700)}.total-amount{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.security-badges{display:flex;gap:var(--space-3);justify-content:center}.security-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--success-50);color:var(--success-700);border-radius:var(--radius-md);font-size:.85rem;font-weight:500}.security-badge i{font-size:1rem}.payment-form-container{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.form-header{background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.form-header h3{margin:0 0 var(--space-2) 0;color:var(--gray-900);font-size:1.4rem;display:flex;align-items:center;gap:var(--space-2)}.form-header .muted{margin:0;color:var(--gray-600)}.payment-form{padding:var(--space-6)}.form-section{margin-bottom:var(--space-8)}.section-header{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--primary-100)}.section-header h4{margin:0;color:var(--primary-700);font-size:1.1rem;display:flex;align-items:center;gap:var(--space-2)}.form-group{margin-bottom:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--gray-700);font-size:.95rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-3);color:var(--gray-400);font-size:1.1rem;z-index:2;pointer-events:none}.input-group input,.input-group textarea,.input-group select{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) 2.5rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;transition:var(--transition);background:var(--white);color:var(--gray-900)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);transform:translateY(-1px)}.input-group input.error,.input-group textarea.error,.input-group select.error{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.input-group input:disabled,.input-group textarea:disabled,.input-group select:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.card-icons{position:absolute;right:var(--space-3);display:flex;gap:var(--space-2);color:var(--gray-400);font-size:1.2rem}.error-message{display:block;margin-top:var(--space-1);color:var(--error-600);font-size:.85rem;font-weight:500}.form-actions{margin-top:var(--space-8);text-align:center}.btn-large{padding:var(--space-4) var(--space-8);font-size:1.1rem;font-weight:600;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:200px;margin:0 auto var(--space-4);transition:var(--transition);position:relative;overflow:hidden}.btn-large:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-large:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-large.loading{pointer-events:none}.spinner-small{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.payment-security{margin-top:var(--space-4)}.payment-security p{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--gray-600);font-size:.9rem;margin:0}.payment-security i{color:var(--success-500);font-size:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4)}.spinner{width:50px;height:50px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.payment-grid{grid-template-columns:1fr;gap:var(--space-6)}.order-summary{position:static}}@media (max-width: 768px){.payment-content{padding:var(--space-4)}.payment-hero{padding:var(--space-6) var(--space-4)}.payment-hero h1{font-size:2.2rem}.form-row{grid-template-columns:1fr}.summary-header{flex-direction:column;gap:var(--space-3);text-align:center}.cart-item{flex-direction:column;text-align:center;gap:var(--space-2)}.item-details{order:1}.item-icon{order:2}.item-price{order:3}.security-badges{flex-direction:column;gap:var(--space-2)}.floating-card,.floating-shield{display:none}}@media (max-width: 480px){.payment-hero h1{font-size:1.8rem}.hero-icon{width:60px;height:60px}.hero-icon i{font-size:2rem}.btn-large{width:100%;min-width:auto}}.payment-info-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e2e8f0}.payment-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1}.payment-notice i{font-size:1.5rem;color:#0284c7;margin-top:2px}.payment-notice p{margin:0;line-height:1.5}.payment-notice p:first-child{font-weight:600;margin-bottom:4px}body.dark-mode .payment-content{background:linear-gradient(180deg,#0b1120,#111827);color:#e2e8f0}body.dark-mode .payment-hero{background:linear-gradient(135deg,#1e293b,#312e81);color:#e0e7ff}body.dark-mode .payment-hero .muted{color:#c7d2fe;opacity:.9}body.dark-mode .alert{box-shadow:none}body.dark-mode .alert-error{background:#f871711f;color:#fecaca;border:1px solid rgba(248,113,113,.35)}body.dark-mode .alert-success{background:#22c55e1f;color:#bbf7d0;border:1px solid rgba(34,197,94,.35)}body.dark-mode .payment-container{color:inherit}body.dark-mode .order-summary,body.dark-mode .payment-form-container{background:#0f172ad9;box-shadow:0 20px 60px #02061773;border:1px solid rgba(59,130,246,.15)}body.dark-mode .summary-header{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-bottom:1px solid rgba(148,163,184,.2)}body.dark-mode .summary-header h3{color:#bfdbfe}body.dark-mode .summary-badge{background:#3b82f640;color:#e0f2fe}body.dark-mode .summary-content{color:inherit}body.dark-mode .empty-cart{color:#cbd5f5}body.dark-mode .empty-cart i{opacity:.7}body.dark-mode .cart-item{background:#1e293ba6;border:1px solid rgba(148,163,184,.2);box-shadow:inset 0 0 0 1px #0f172a66}body.dark-mode .cart-item:hover{background:#1e293bd9;box-shadow:0 10px 30px #0f172a73}body.dark-mode .cart-item .item-icon{background:#3b82f626;color:#93c5fd}body.dark-mode .item-details h4{color:#e2e8f0}body.dark-mode .item-details p{color:#cbd5f5}body.dark-mode .price{color:#38bdf8}body.dark-mode .cart-item.class-item{background:linear-gradient(135deg,#1e40af59,#0f766e40);border:1px solid rgba(59,130,246,.25)}body.dark-mode .cart-item.class-item .item-details h4{color:#e0f2fe}body.dark-mode .cart-item.class-item .item-description{color:#c4d7ff}body.dark-mode .cart-item.class-item .item-price .price{color:#34d399}body.dark-mode .registration-type-badge{background:linear-gradient(135deg,#3b82f62e,#1e40af40);border:1px solid rgba(59,130,246,.3);color:#cbd5f5}body.dark-mode .registration-type-badge i{color:#60a5fa}body.dark-mode .summary-footer{border-top:1px solid rgba(148,163,184,.2)}body.dark-mode .total-row{background:#1e3a8a40;border:1px solid rgba(59,130,246,.35)}body.dark-mode .total-label{color:#cbd5f5}body.dark-mode .total-amount{color:#f0f9ff}body.dark-mode .security-badge{background:#22c55e1f;color:#bbf7d0;border:1px solid rgba(34,197,94,.3)}body.dark-mode .security-badge:nth-child(2){background:#3b82f61f;color:#bfdbfe;border:1px solid rgba(59,130,246,.3)}body.dark-mode .form-header{background:linear-gradient(135deg,#1e293bd9,#0f172ad9);border-bottom:1px solid rgba(148,163,184,.2)}body.dark-mode .form-header h3{color:#e2e8f0}body.dark-mode .form-header .muted{color:#cbd5f5}body.dark-mode .payment-form{background:transparent}body.dark-mode .payment-info-section{background:#1e293bb3;border:1px solid rgba(148,163,184,.2)}body.dark-mode .payment-notice{background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#bae6fd}body.dark-mode .payment-notice i{color:#38bdf8}body.dark-mode .payment-security p{color:#cbd5f5}body.dark-mode .btn-primary{box-shadow:0 12px 30px #3b82f659}body.dark-mode .btn-primary:hover:not(:disabled){box-shadow:0 15px 35px #3b82f673}body.dark-mode .spinner,body.dark-mode .spinner-small{border-top-color:#93c5fd}.cart-container{max-width:1200px;margin:0 auto;padding:20px;min-height:80vh}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.cart-header h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0}.cart-summary{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.item-count{font-size:1rem;color:#64748b;font-weight:500}.total-amount{font-size:1.5rem;font-weight:700;color:#059669}.cart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.cart-loading p{font-size:1.1rem;color:#64748b;margin:0}.cart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;text-align:center}.cart-error i{font-size:4rem;color:#ef4444}.cart-error h3{font-size:1.5rem;color:#1e293b;margin:0}.cart-error p{font-size:1rem;color:#64748b;margin:0}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;text-align:center}.empty-cart i{font-size:4rem;color:#94a3b8}.empty-cart h3{font-size:1.5rem;color:#1e293b;margin:0}.empty-cart p{font-size:1rem;color:#64748b;margin:0;max-width:400px}.cart-items{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.cart-item{display:grid;grid-template-columns:80px 1fr auto auto;gap:20px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.cart-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.item-image{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;color:#fff;font-size:2rem}.item-details{display:flex;flex-direction:column;gap:8px}.item-title{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0}.item-class{font-size:.9rem;color:#64748b;margin:0}.item-description{font-size:.85rem;color:#94a3b8;margin:0;line-height:1.4}.item-quantity{display:flex;flex-direction:column;align-items:center;gap:8px}.item-quantity label{font-size:.9rem;font-weight:500;color:#374151}.quantity-controls{display:flex;align-items:center;gap:8px}.quantity-btn{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-weight:600;color:#374151}.quantity-btn:hover{background:#f3f4f6;border-color:#9ca3af}.quantity-value{min-width:40px;text-align:center;font-weight:600;color:#1e293b}.item-price{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.price{font-size:1.2rem;font-weight:700;color:#059669}.remove-btn{width:32px;height:32px;border:none;background:#fef2f2;color:#ef4444;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#fee2e2;transform:scale(1.1)}.cart-footer{display:grid;grid-template-columns:1fr auto;gap:30px;padding:30px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.cart-actions{display:flex;gap:12px}.cart-total{display:flex;flex-direction:column;gap:20px;min-width:300px}.total-breakdown{display:flex;flex-direction:column;gap:12px}.subtotal,.tax,.total{display:flex;justify-content:space-between;align-items:center}.subtotal span:first-child,.tax span:first-child{font-size:1rem;color:#64748b}.total span:first-child{font-size:1.2rem;font-weight:600;color:#1e293b}.subtotal span:last-child,.tax span:last-child{font-size:1rem;font-weight:500;color:#374151}.total span:last-child{font-size:1.5rem;font-weight:700;color:#059669}.btn-primary,.btn-secondary,.btn-outline,.btn-checkout{padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none;border:none}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.btn-outline{background:transparent;color:#4f46e5;border:2px solid #4f46e5}.btn-outline:hover{background:#4f46e5;color:#fff}.btn-checkout{background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:1.1rem;padding:16px 32px}.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0596694d}@media (max-width: 768px){.cart-container{padding:15px}.cart-header{flex-direction:column;gap:15px;text-align:center}.cart-header h1{font-size:2rem}.cart-item{grid-template-columns:1fr;gap:15px;text-align:center}.item-image{width:60px;height:60px;margin:0 auto}.item-quantity,.item-price{align-items:center}.cart-footer{grid-template-columns:1fr;gap:20px}.cart-actions{justify-content:center}.cart-total{min-width:auto}}@media (max-width: 480px){.cart-item{padding:15px}.cart-footer{padding:20px}.btn-checkout{padding:14px 24px;font-size:1rem}}.checkout-container{max-width:1200px;margin:0 auto;padding:20px;min-height:80vh}.checkout-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;text-decoration:none;font-weight:500;transition:all .3s ease}.back-btn:hover{background:#e2e8f0;color:#374151}.checkout-header h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0}.checkout-content{display:grid;grid-template-columns:2fr 1fr;gap:40px}.checkout-form-section{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.checkout-form{padding:30px}.form-section{margin-bottom:40px}.form-section h3{font-size:1.3rem;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:600;color:#374151}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-message{font-size:.8rem;color:#ef4444;font-weight:500}.checkbox-group{flex-direction:row;align-items:flex-start;gap:12px}.checkbox-group input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#4f46e5}.checkbox-group label{font-size:.9rem;color:#64748b;line-height:1.5;margin:0}.checkbox-group label a{color:#4f46e5;text-decoration:none}.checkbox-group label a:hover{text-decoration:underline}.payment-method{display:flex;flex-direction:column;gap:16px}.payment-option{position:relative}.payment-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.payment-option label{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff}.payment-option input[type=radio]:checked+label{border-color:#4f46e5;background:#f8fafc}.payment-option label i{font-size:1.5rem;color:#4f46e5}.payment-option label div{display:flex;flex-direction:column;gap:4px}.method-name{font-size:1rem;font-weight:600;color:#1e293b}.method-description{font-size:.85rem;color:#64748b}.error-alert{display:flex;align-items:center;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-weight:500;margin-bottom:20px}.btn-checkout{width:100%;padding:16px 24px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px}.btn-checkout:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0596694d}.btn-checkout:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner.small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.order-summary{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:30px;height:fit-content;position:sticky;top:20px}.order-summary h3{font-size:1.3rem;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.summary-items{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.item-info{flex:1}.item-info h4{font-size:.95rem;font-weight:600;color:#1e293b;margin:0 0 4px;line-height:1.3}.item-info p{font-size:.8rem;color:#64748b;margin:0 0 4px}.item-info .quantity{font-size:.75rem;color:#94a3b8;font-weight:500}.item-price{font-size:1rem;font-weight:700;color:#059669;white-space:nowrap}.summary-totals{display:flex;flex-direction:column;gap:12px;padding:20px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.total-row.total{font-size:1.1rem;font-weight:700;color:#1e293b}.total-row.total span:last-child{color:#059669}.security-badges{display:flex;flex-direction:column;gap:12px;margin-top:20px}.security-badge{display:flex;align-items:center;gap:8px;padding:12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:.85rem;font-weight:500}.security-badge i{font-size:1rem;color:#0284c7}.checkout-loading,.empty-checkout{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;text-align:center}.checkout-loading .loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}.empty-checkout i{font-size:4rem;color:#94a3b8}.empty-checkout h3{font-size:1.5rem;color:#1e293b;margin:0}.empty-checkout p{font-size:1rem;color:#64748b;margin:0;max-width:400px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}@media (max-width: 1024px){.checkout-content{grid-template-columns:1fr;gap:30px}.order-summary{position:static}}@media (max-width: 768px){.checkout-container{padding:15px}.checkout-header{flex-direction:column;gap:15px;text-align:center}.checkout-header h1{font-size:2rem}.checkout-form{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.order-summary{padding:20px}}@media (max-width: 480px){.checkout-form{padding:15px}.form-section{margin-bottom:30px}.order-summary{padding:15px}.btn-checkout{padding:14px 20px;font-size:1rem}}.payment-status-container{max-width:800px;margin:0 auto;padding:20px;min-height:80vh;display:flex;align-items:center;justify-content:center}.payment-status-card{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 10px 30px #0000001a;border:2px solid transparent;width:100%;max-width:600px}.payment-status-card.success{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.payment-status-card.failed{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.payment-status-card.pending{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.status-icon{margin-bottom:24px}.status-icon i{font-size:4rem}.payment-status-card.success .status-icon i{color:#10b981}.payment-status-card.failed .status-icon i{color:#ef4444}.payment-status-card.pending .status-icon i{color:#f59e0b}.status-title{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:#1e293b}.payment-status-card.success .status-title{color:#059669}.payment-status-card.failed .status-title{color:#dc2626}.payment-status-card.pending .status-title{color:#d97706}.status-message{font-size:1.1rem;color:#64748b;margin:0 0 32px;line-height:1.6}.payment-details{background:#fff;border-radius:12px;padding:24px;margin-bottom:32px;border:1px solid #e2e8f0;text-align:left}.payment-details h3{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0 0 20px;text-align:center}.details-grid{display:grid;gap:16px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.detail-item:last-child{border-bottom:none}.detail-item .label{font-size:.9rem;font-weight:500;color:#64748b}.detail-item .value{font-size:.9rem;font-weight:600;color:#1e293b}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.failed{background:#fee2e2;color:#991b1b}.status-badge.pending{background:#fef3c7;color:#92400e}.error-alert{display:flex;align-items:center;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-weight:500;margin-bottom:24px}.error-alert i{font-size:1.2rem}.action-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:14px 28px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none;border:none;min-width:160px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4f46e54d}.btn-secondary{background:#fff;color:#64748b;border:2px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.additional-info{margin-top:24px}.info-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:12px;text-align:left}.info-card.success{background:#f0fdf4;border:1px solid #bbf7d0}.info-card.warning{background:#fef2f2;border:1px solid #fecaca}.info-card.info{background:#f0f9ff;border:1px solid #bae6fd}.info-card i{font-size:1.5rem;margin-top:2px}.info-card.success i{color:#10b981}.info-card.warning i{color:#ef4444}.info-card.info i{color:#0ea5e9}.info-card h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 8px}.info-card p{font-size:.9rem;color:#64748b;margin:0;line-height:1.5}.payment-status-loading{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}.payment-status-loading h3{font-size:1.5rem;color:#1e293b;margin:0}.payment-status-loading p{font-size:1rem;color:#64748b;margin:0}@media (max-width: 768px){.payment-status-container{padding:15px}.payment-status-card{padding:30px 20px}.status-title{font-size:2rem}.status-message{font-size:1rem}.action-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px}.payment-details{padding:20px}.details-grid{gap:12px}.detail-item{flex-direction:column;align-items:flex-start;gap:4px}.info-card{padding:16px}}@media (max-width: 480px){.payment-status-card{padding:20px 15px}.status-title{font-size:1.8rem}.status-icon i{font-size:3rem}.payment-details{padding:16px}.info-card{padding:12px;gap:12px}.info-card i{font-size:1.2rem}}:root{--primary: #0091e0;--primary-dark: #155c91;--primary-light: #4fb1e4;--secondary: #f59e0b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gradient-primary: linear-gradient(135deg, #0091e0 0%, #4fb1e4 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.courses-page{min-height:100vh;background:radial-gradient(circle at 20% 50%,rgba(0,145,224,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(79,177,228,.1) 0%,transparent 50%),linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.courses-page:before{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(0,145,224,.15) 0%,transparent 70%);border-radius:50%;top:-250px;right:-250px;animation:float 20s infinite ease-in-out;pointer-events:none}.courses-page:after{content:"";position:fixed;width:400px;height:400px;background:radial-gradient(circle,rgba(79,177,228,.12) 0%,transparent 70%);border-radius:50%;bottom:-200px;left:-200px;animation:float 15s infinite ease-in-out reverse;pointer-events:none}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.courses-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:2rem}.header-content h1{font-size:2.5rem;font-weight:900;color:var(--gray-900);margin-bottom:.5rem;background:linear-gradient(135deg,var(--gray-900) 0%,var(--primary) 80%,#4fb1e4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;animation:title-appear .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes title-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content h1:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:var(--gradient-primary);border-radius:var(--radius-full);animation:underline-expand .8s .3s cubic-bezier(.68,-.55,.265,1.55) backwards}@keyframes underline-expand{0%{width:0}to{width:60px}}.header-content p{font-size:1.1rem;color:var(--gray-600);font-weight:500}.header-actions{display:flex;gap:1rem;flex-wrap:wrap}.courses-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-item{display:flex;align-items:center;gap:1rem;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.8);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:0 4px 16px #0000000f,inset 0 1px #fff;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:max-content}.stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,145,224,.1),transparent);transition:left .6s}.stat-item:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 32px #0091e026,inset 0 1px #fff;border-color:#0091e04d}.stat-item:hover:before{left:100%}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--white);font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 12px #0091e04d;transition:var(--transition);position:relative;overflow:hidden}.stat-icon:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:var(--transition)}.stat-item:hover .stat-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 6px 16px #0091e066}.stat-item:hover .stat-icon:before{transform:translate(100%);transition:transform .8s}.stat-item:nth-child(2) .stat-icon{background:var(--gradient-success);box-shadow:0 4px 12px #10b9814d}.stat-item:nth-child(2):hover .stat-icon{box-shadow:0 6px 16px #10b98166}.stat-item:nth-child(3) .stat-icon{background:linear-gradient(135deg,#0091e0,#06b6d4);box-shadow:0 4px 12px #0091e04d}.stat-item:nth-child(3):hover .stat-icon{box-shadow:0 6px 16px #0091e066}.stat-item:nth-child(4) .stat-icon{background:var(--gradient-secondary);box-shadow:0 4px 12px #f59e0b4d}.stat-item:nth-child(4):hover .stat-icon{box-shadow:0 6px 16px #f59e0b66}.stat-number{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--gray-900) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;position:relative;animation:stat-count .8s cubic-bezier(.68,-.55,.265,1.55)}.stat-icon.live-icon{background:linear-gradient(135deg,#ef4444,#dc2626);animation:pulse-live 2s ease-in-out infinite}.stat-number.live-number{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:stat-count .8s cubic-bezier(.68,-.55,.265,1.55),pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes stat-count{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.stat-label{font-size:.875rem;color:var(--gray-600);font-weight:600;margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}.courses-content{margin-top:2rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;animation:grid-appear .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes grid-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.course-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #ffffffe6;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;transform-style:preserve-3d}.course-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-2xl);padding:2px;background:linear-gradient(135deg,#0091e04d,#4fb1e41a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}.course-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 60px #0091e040,0 8px 20px #0000001a,inset 0 1px #fff}.course-card:hover:after{opacity:1}.course-card.live{border-color:#ef44444d;box-shadow:var(--shadow-lg),0 0 0 2px #ef44441a;animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{box-shadow:var(--shadow-lg),0 0 0 2px #ef44441a}50%{box-shadow:var(--shadow-xl),0 0 0 3px #ef444433}}.course-card.ongoing{border-color:#0091e04d;box-shadow:var(--shadow-lg),0 0 0 2px #0091e01a;position:relative}.course-card.ongoing:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0091e0,#4fb1e4,#0091e0);background-size:200% 100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:gradient-shift 3s infinite}.course-card.completed{border-color:#10b9814d;box-shadow:var(--shadow-lg),0 0 0 2px #10b9811a;position:relative}.course-card.completed:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669,#10b981);background-size:200% 100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:gradient-shift 3s infinite}.course-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0}.course-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--white);font-size:1.25rem;box-shadow:0 4px 12px #0091e04d;transition:var(--transition);position:relative;overflow:hidden;z-index:2}.course-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);transition:var(--transition)}.live-pulse{position:absolute;width:100%;height:100%;border-radius:var(--radius-lg);background:#ef44444d;animation:live-pulse 2s infinite;z-index:1}@keyframes live-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.course-card:hover .course-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px #0091e066}.course-card:hover .course-icon:before{animation:shine 1.5s infinite}@keyframes shine{0%{left:-50%}to{left:150%}}.course-status{flex-shrink:0}.status-badge{padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000026;transition:var(--transition)}.status-badge:hover{transform:scale(1.05)}.status-badge.live{background:var(--gradient-danger);color:var(--white);animation:pulse-badge 2s infinite;position:relative}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--white);display:inline-block;margin-right:.5rem;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.status-badge.completed{background:var(--gradient-success);color:var(--white)}.status-badge.completed i{margin-right:.25rem;font-weight:900}.status-badge.ongoing{background:var(--gradient-primary);color:var(--white)}.status-badge.ongoing i{margin-right:.25rem;font-size:.9rem}.status-badge.upcoming{background:var(--gradient-secondary);color:var(--white)}.status-badge.upcoming i{margin-right:.25rem;font-size:.9rem}@keyframes pulse-badge{0%,to{opacity:1;box-shadow:0 2px 8px #ef44444d}50%{opacity:.9;box-shadow:0 4px 12px #ef444480}}.course-content{padding:1rem 1.5rem 1.5rem}.course-content h3{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem;line-height:1.4;position:relative;display:inline-block}.course-content h3:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.course-card:hover .course-content h3:after{width:100%}.course-content p{color:var(--gray-600);font-size:.875rem;line-height:1.5;margin-bottom:1rem;position:relative}.course-content p:before{content:'"';position:absolute;left:-8px;top:-4px;font-size:1.5rem;color:var(--primary);opacity:.3;font-family:serif}.course-meta{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.5rem;padding:.75rem;background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-100)}.meta-item{display:flex;align-items:center;gap:.625rem;color:var(--gray-600);font-size:.875rem;transition:var(--transition);padding:.25rem;border-radius:var(--radius-sm)}.meta-item:hover{background:var(--white);padding-left:.5rem}.meta-item i{color:var(--primary);font-size:1rem;flex-shrink:0;transition:var(--transition)}.meta-item:hover i{transform:scale(1.15)}.meta-item span{font-weight:500}.progress-section{margin-bottom:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#0091e014,#4fb1e414),#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:2px solid rgba(0,145,224,.15);box-shadow:0 4px 20px #0091e01a;position:relative;overflow:hidden}.progress-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:progress-shine 4s infinite;border-radius:var(--radius-xl)}@keyframes progress-shine{0%{left:-100%}50%,to{left:100%}}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-header span:first-child{font-size:.875rem;font-weight:700;color:var(--gray-700);text-transform:uppercase;letter-spacing:1px}.progress-percentage-wrapper{display:flex;align-items:center;gap:.5rem}.progress-percentage{font-size:1.5rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,145,224,.3));animation:number-pop .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes number-pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.trophy-icon{color:#f59e0b;font-size:1.5rem;animation:trophy-bounce 1s infinite}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.progress-bar-container{position:relative;margin-bottom:.5rem}.progress-bar{width:100%;height:14px;background:linear-gradient(90deg,#e5e7eb,#d1d5db);border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#0091e0,#4fb1e4,#0091e0);background-size:200% 100%;border-radius:var(--radius-full);transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #0091e080,inset 0 1px #fff6;position:relative;animation:gradient-shift 2s infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.progress-glow{position:absolute;top:0;right:-10px;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);filter:blur(5px);animation:glow-move 2s infinite}@keyframes glow-move{0%,to{right:-10px;opacity:.5}50%{right:0;opacity:1}}.progress-milestones{display:flex;justify-content:space-between;margin-top:.5rem;padding:0 .25rem}.progress-milestones span{font-size:.65rem;font-weight:600;color:var(--gray-400);transition:all .3s;position:relative}.progress-milestones span.reached{color:var(--primary);transform:scale(1.1)}.progress-milestones span.reached:after{content:"✓";position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--success)}.progress-stats{margin-top:1rem;padding-top:1rem;border-top:2px dashed rgba(0,145,224,.2);display:flex;gap:.75rem;justify-content:space-between}.progress-stat-item{display:flex;align-items:center;gap:.625rem;font-size:.75rem;color:var(--gray-700);padding:.5rem .75rem;background:#fff9;border-radius:var(--radius-md);flex:1;transition:var(--transition)}.progress-stat-item:hover{background:#ffffffe6;transform:translateY(-2px)}.stat-icon-mini{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.stat-icon-mini.success{background:var(--gradient-success);color:var(--white)}.stat-icon-mini.warning{background:var(--gradient-secondary);color:var(--white)}.progress-stat-item span{font-weight:500;line-height:1.3}.progress-stat-item strong{font-weight:800;color:var(--gray-900);font-size:.85rem}.course-actions{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:700;font-size:.875rem;text-decoration:none;cursor:pointer;transition:var(--transition);border:2px solid transparent;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn i{position:relative;z-index:1;transition:var(--transition)}.btn span,.btn>*:not(i){position:relative;z-index:1}.btn.primary{background:linear-gradient(135deg,#0091e0,#4fb1e4);color:var(--white);box-shadow:0 4px 12px #0091e066,0 2px 4px #0000001a,inset 0 1px #ffffff4d;position:relative}.btn.primary:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s}.btn.primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 24px #0091e080,0 4px 8px #0003,inset 0 1px #ffffff80}.btn.primary:hover:after{opacity:1}.btn.primary:hover i{transform:scale(1.3) rotate(5deg)}.btn.primary:active{transform:translateY(-1px) scale(1.01)}.btn.secondary:hover{background:var(--gray-200);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.outline:hover{background:var(--primary);color:var(--white);transform:translateY(-1px);box-shadow:0 4px 12px #0091e04d}.btn.success{background:var(--gradient-success);color:var(--white);box-shadow:0 4px 12px #10b9814d}.btn.success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn.success:hover i{transform:rotate(360deg) scale(1.2)}.btn.full-width{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pulse-button{position:relative;overflow:hidden}.button-glow{position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:button-shine 2s infinite}@keyframes button-shine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.courses-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.loading-spinner{width:64px;height:64px;border:5px solid transparent;border-top:5px solid var(--primary);border-right:5px solid var(--primary);border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 0 5px #0091e01a,0 4px 20px #0091e04d;position:relative}.loading-spinner:before{content:"";position:absolute;inset:8px;border:3px solid transparent;border-bottom:3px solid #4fb1e4;border-left:3px solid #4fb1e4;border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite reverse}.courses-loading p,.loading-content p{color:var(--gray-600);font-size:1.1rem;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}.course-modal{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 25px 50px #00000026;max-width:900px;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--white);gap:1rem}.modal-title{display:flex;align-items:flex-start;gap:1.5rem;flex:1}.modal-title .course-icon{width:60px;height:60px;border-radius:16px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;flex-shrink:0}.modal-title h2{font-size:1.75rem;font-weight:700;color:var(--white);margin-bottom:.5rem;line-height:1.3}.modal-title p{color:#ffffffe6;font-size:.95rem;line-height:1.5}.close-btn{width:44px;height:44px;border-radius:50%;border:none;background:#fff3;color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.close-btn i{font-size:22px}.modal-content{flex:1;overflow-y:auto;padding:2rem}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:10px}.course-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#0091e00d,#4fb1e40d);border-radius:16px;border:2px solid rgba(0,145,224,.1)}.info-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--white);border-radius:12px;border:2px solid rgba(0,145,224,.1);transition:all .3s ease;position:relative;overflow:hidden}.info-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);transform:scaleY(0);transition:transform .3s ease}.info-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0091e026;border-color:var(--primary-light)}.info-item:hover:before{transform:scaleY(1)}.info-item i{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--white);font-size:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.info-item div{display:flex;flex-direction:column;flex:1}.info-item .label{font-size:.7rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem}.info-item .value{font-size:1.1rem;font-weight:700;color:var(--gray-900);line-height:1.3}.units-section h3{font-size:1.4rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.units-section h3:before{content:"";width:4px;height:28px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:4px}.units-list{display:flex;flex-direction:column;gap:1.5rem}.unit-item{border:2px solid rgba(0,145,224,.15);border-radius:18px;overflow:hidden;background:var(--white);transition:all .3s ease}.unit-item:hover{border-color:var(--primary-light);box-shadow:0 8px 24px #0091e01f;transform:translateY(-2px)}.unit-header{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:linear-gradient(135deg,#0091e014,#4fb1e414);position:relative}.unit-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary-light) 50%,transparent 100%);opacity:.3}.unit-number{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #0091e04d}.unit-info{flex:1}.unit-info h4{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:.4rem;line-height:1.3}.unit-info p{font-size:.85rem;color:var(--primary);font-weight:600}.lessons-list{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(135deg,#0091e005,#4fb1e405)}.lesson-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--white);border:2px solid rgba(0,145,224,.1);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.lesson-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);transform:scaleY(0);transition:transform .3s ease}.lesson-item:hover{background:#f8fafc;border-color:var(--primary-light);transform:translate(6px);box-shadow:0 4px 12px #0091e01a}.lesson-item:hover:before{transform:scaleY(1)}.lesson-info{display:flex;align-items:center;gap:1rem;flex:1;flex-wrap:wrap}.lesson-title{font-size:.95rem;font-weight:600;color:var(--gray-900);flex:1;min-width:200px}.lesson-schedule-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.lesson-time{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--gray-600);background:#0091e00d;padding:.4rem .8rem;border-radius:8px;font-weight:500}.lesson-time i{font-size:.9rem;color:var(--primary)}.lesson-status{padding:.4rem .9rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;box-shadow:0 2px 6px #0000001a}.lesson-status.live{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:pulse 2s ease-in-out infinite}.lesson-status.starting-soon{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.lesson-status.upcoming{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.lesson-status.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.lesson-status.available{background:linear-gradient(135deg,#0091e0,#4fb1e4);color:#fff}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 6px #ef44444d}50%{transform:scale(1.05);box-shadow:0 4px 12px #ef444480}}.lesson-item .btn{padding:.6rem 1.25rem;border-radius:10px;font-weight:600;font-size:.85rem;transition:all .3s ease;white-space:nowrap}.lesson-item .btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border:none;color:#fff;box-shadow:0 4px 12px #0091e04d}.lesson-item .btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0091e066}.lesson-item .btn.secondary{background:var(--gray-100);border:2px solid var(--gray-200);color:var(--gray-600)}.lesson-item .btn:disabled{opacity:.5;cursor:not-allowed}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}@media (max-width: 1024px){.courses-page{padding:1.5rem}.courses-header{flex-direction:column;gap:1.5rem}.courses-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.courses-page{padding:1rem}.header-content h1{font-size:2rem}.courses-stats{grid-template-columns:1fr 1fr}.stat-item{padding:1rem}.courses-grid,.course-info-grid{grid-template-columns:1fr}.modal-overlay{padding:1rem}.modal-header,.modal-content{padding:1.5rem}}@media (max-width: 480px){.courses-page{padding:.75rem}.header-content h1{font-size:1.75rem}.courses-stats{grid-template-columns:1fr}.stat-item{padding:.75rem}.stat-icon{width:40px;height:40px;font-size:1rem}.course-card{margin:0 -.25rem}.course-header,.course-content,.course-actions{padding-left:1rem;padding-right:1rem}.progress-section{padding:.75rem}.progress-stats{gap:.375rem}.progress-stat-item{font-size:.7rem;padding:.375rem .5rem}.stat-icon-mini{width:20px;height:20px;font-size:.65rem}.progress-percentage{font-size:1.25rem}.progress-milestones{font-size:.6rem}.progress-stats{flex-direction:column;gap:.5rem}.stat-number{font-size:1.5rem}}[data-theme=dark]{--white: #1a1a1a;--gray-50: #2a2a2a;--gray-100: #3a3a3a;--gray-200: #4a4a4a;--gray-300: #5a5a5a;--gray-400: #6a6a6a;--gray-500: #7a7a7a;--gray-600: #8a8a8a;--gray-700: #9a9a9a;--gray-800: #aaaaaa;--gray-900: #ffffff;--gradient-primary: linear-gradient(135deg, #0066cc 0%, #0d4a73 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%)}body.dark-mode .courses-page{background:linear-gradient(135deg,#081830,#224975);color:var(--foreground)}body.dark-mode .page-header{background:#ffffff1a;border-color:#fff3}body.dark-mode .page-header h1{color:var(--foreground)}body.dark-mode .page-header p{color:var(--gray-600)}body.dark-mode .course-card{background:#ffffff1a;border-color:#fff3}body.dark-mode .course-card:hover{background:#ffffff26;border-color:var(--primary)}body.dark-mode .course-card h3{color:var(--foreground)}body.dark-mode .course-card p,body.dark-mode .course-meta{color:var(--gray-600)}body.dark-mode .course-progress{background:var(--gray-200)}body.dark-mode .course-progress-fill{background:var(--primary)}body.dark-mode .course-stats{background:#ffffff1a;border-color:#fff3}body.dark-mode .course-stats h4{color:var(--foreground)}body.dark-mode .course-stats p{color:var(--gray-600)}body.dark-mode .stat-value{color:var(--primary)}body.dark-mode .filters{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .filter-group label{color:var(--foreground)}body.dark-mode .filter-select{background:#ffffff1a;border-color:#fff3;color:var(--foreground)}body.dark-mode .filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0091e01a}body.dark-mode .lesson-card{background:#ffffff1a;border-color:#fff3}body.dark-mode .lesson-card:hover{background:#ffffff26}body.dark-mode .lesson-card h4{color:var(--foreground)}body.dark-mode .lesson-card p,body.dark-mode .lesson-meta{color:var(--gray-600)}body.dark-mode .lesson-status{background:var(--primary-light);color:var(--primary)}body.dark-mode .progress-tracking{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .progress-tracking h2{color:var(--foreground)}body.dark-mode .progress-item{border-color:var(--card-border)}body.dark-mode .progress-item h4{color:var(--foreground)}body.dark-mode .progress-item p{color:var(--gray-600)}body.dark-mode .progress-bar{background:var(--gray-200)}body.dark-mode .progress-bar-fill{background:var(--primary)}body.dark-mode .progress-percentage{color:var(--primary)}body.dark-mode .badge{background:var(--gray-100);color:var(--foreground)}body.dark-mode .badge-primary{background:var(--primary);color:var(--white)}body.dark-mode .badge-success{background:var(--success);color:var(--white)}body.dark-mode .badge-warning{background:var(--warning);color:var(--white)}body.dark-mode .badge-danger{background:var(--danger);color:var(--white)}body.dark-mode .btn{background:var(--primary);color:var(--white);border-color:var(--primary)}body.dark-mode .btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}body.dark-mode .btn-outline{background:transparent;border-color:var(--border);color:var(--foreground)}body.dark-mode .btn-outline:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary)}body.dark-mode .empty-state{background:var(--card-background);border-color:var(--card-border)}body.dark-mode .empty-state h3{color:var(--foreground)}body.dark-mode .empty-state p{color:var(--gray-600)}body.dark-mode .modal-overlay{background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}body.dark-mode .course-modal{background:linear-gradient(135deg,#081830,#224975);border:1px solid rgba(34,73,117,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .course-modal .modal-header{background:linear-gradient(135deg,#081830,#224975);border-bottom:1px solid rgba(34,73,117,.3)}body.dark-mode .course-modal .modal-title h2{color:var(--white)}body.dark-mode .course-modal .modal-title p{color:#fffc}body.dark-mode .course-modal .modal-content{background:transparent}body.dark-mode .course-modal .modal-content h3{color:var(--white)}body.dark-mode .course-modal .modal-content p{color:#fffc}body.dark-mode .course-modal .course-info-grid,body.dark-mode .course-modal .info-item{background:#ffffff1a;border-color:#fff3}body.dark-mode .course-modal .info-item .label{color:#ffffffb3}body.dark-mode .course-modal .info-item .value{color:var(--white)}body.dark-mode .course-modal .units-section{background:transparent}body.dark-mode .course-modal .units-section h3{color:var(--white)}body.dark-mode .course-modal .units-list{background:transparent}body.dark-mode .course-modal .unit-item{background:#ffffff1a;border-color:#fff3}body.dark-mode .course-modal .unit-item:hover{background:#ffffff26;border-color:var(--primary)}body.dark-mode .course-modal .unit-header{background:transparent}body.dark-mode .course-modal .unit-number{background:var(--primary);color:var(--white)}body.dark-mode .course-modal .unit-info h4{color:var(--white)}body.dark-mode .course-modal .unit-info p{color:#ffffffb3}body.dark-mode .course-modal .lessons-list{background:#ffffff0d;border-color:#ffffff1a}body.dark-mode .course-modal .lesson-item{background:#ffffff1a;border-color:#fff3}body.dark-mode .course-modal .lesson-item:hover{background:#ffffff26;border-color:var(--primary)}body.dark-mode .course-modal .lesson-info{background:transparent}body.dark-mode .course-modal .lesson-number{background:var(--primary);color:var(--white)}body.dark-mode .course-modal .lesson-title{color:var(--white)}body.dark-mode .course-modal .lesson-schedule-info{background:transparent}body.dark-mode .course-modal .lesson-time{color:#ffffffb3}body.dark-mode .course-modal .lesson-status{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}body.dark-mode .course-modal .lesson-status.completed{background:var(--success);color:var(--white)}body.dark-mode .course-modal .lesson-status.in-progress{background:var(--primary);color:var(--white)}body.dark-mode .course-modal .lesson-status.not-started{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}body.dark-mode .course-modal .lesson-status.live{background:var(--danger);color:var(--white)}body.dark-mode .course-modal .lesson-status.starting-soon{background:var(--warning);color:var(--white)}body.dark-mode .course-modal .lesson-status.upcoming{background:var(--info);color:var(--white)}body.dark-mode .course-modal .lesson-status.available{background:var(--success);color:var(--white)}body.dark-mode .course-modal .modal-content .btn{background:var(--primary);color:var(--white);border-color:var(--primary)}body.dark-mode .course-modal .modal-content .btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}body.dark-mode .course-modal .modal-content .btn.secondary{background:#ffffff1a;color:var(--white);border-color:#fff3}body.dark-mode .course-modal .modal-content .btn.secondary:hover{background:#ffffff26;border-color:var(--primary);color:var(--primary)}body.dark-mode .course-modal .close-btn{background:#ffffff1a;color:var(--white);border-color:#fff3}body.dark-mode .course-modal .close-btn:hover{background:#ffffff26;border-color:var(--primary);color:var(--primary)}body.dark-mode .course-modal .loading-content{background:transparent}body.dark-mode .course-modal .loading-content p{color:#fffc}.live-session-container{min-height:100vh;position:relative}.live-session-container .modal-overlay,.live-session-container .quiz-results-modal{position:fixed!important}.container{max-width:1120px;margin:auto;padding:20px 10px}.titlebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.titlebar h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em}.session-controls{display:flex;align-items:center;gap:12px}.session-status{display:flex;align-items:center}.live-badge{display:flex;align-items:center;gap:8px;background:var(--danger);color:var(--white);border-radius:999px;padding:6px 10px;font-weight:800;letter-spacing:.03em;font-size:12px}.status-badge{color:#000;display:flex;align-items:center;gap:8px;background:var(--gray-500);color:#fff;border-radius:999px;padding:6px 10px;font-weight:600;font-size:12px}.status-badge.recorded{background:var(--gray-600);color:#fff}.ping{position:relative;display:inline-flex;width:8px;height:8px}.ping:before{content:"";position:absolute;inset:0;border-radius:999px;animation:ping 1.6s infinite;background:#fff;opacity:.7}.ping:after{content:"";position:relative;display:block;width:8px;height:8px;border-radius:999px;background:#fff}@keyframes ping{0%{transform:scale(.9);opacity:.8}70%{transform:scale(2.2);opacity:0}to{opacity:0}}.grid{display:grid;gap:18px;grid-template-columns:1fr}@media (min-width: 1024px){.grid{grid-template-columns:2fr 1fr}}.player{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border:1px solid #dbeafe;border-radius:20px;background:linear-gradient(135deg,#0091e0,#155c91);color:#fff;box-shadow:var(--shadow)}.join-section{display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:2px dashed #cbd5e1}.join-content{text-align:center;padding:40px}.join-icon{font-size:64px;color:var(--primary);margin-bottom:16px}.join-content h2{margin:0 0 12px;font-size:24px;font-weight:700}.join-content p{margin:0 0 24px;color:#6b7280}.join-buttons{display:flex;flex-direction:column;align-items:center;gap:12px}.audio-preload-status{margin:20px 0;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;text-align:center}.preload-indicator{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;color:#1d4ed8;font-weight:600}.preload-indicator i{font-size:18px;color:#3b82f6}.preload-progress{width:100%}.preload-progress .progress-bar{width:100%;height:4px;background:#3b82f633;border-radius:2px;overflow:hidden}.preload-progress .progress-fill{height:100%;background:#3b82f6;color:#3b82f6;border-radius:2px;animation:preload-progress 2s ease-in-out infinite}@keyframes preload-progress{0%{width:0%}50%{width:70%}to{width:100%}}.audio-visualization{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.audio-icon{font-size:64px;color:#fff;margin-bottom:16px}.audio-visualization h3{margin:0 0 8px;font-size:28px;font-weight:700;color:#fff}.track-info{margin:0 0 24px;color:#fffc;font-size:16px}.progress-container{width:100%;max-width:400px}.progress-slider{width:100%;height:6px;background:#ffffff4d;border-radius:3px;outline:none;-webkit-appearance:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer}.progress-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;border:none}.time-display{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#fffc}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));padding:8px}.controls{display:flex;align-items:center;justify-content:space-between}.controls .left,.controls .right{display:flex;align-items:center;gap:8px}.ctl{display:inline-flex;align-items:center;gap:6px;color:#fff;background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 10px;cursor:pointer;transition:.15s ease;font-size:14px}.ctl:hover{background:#fff3}.ctl:disabled{opacity:.5;cursor:not-allowed}.ctl.red{background:#ef4444e6;border-color:#ef4444}.play-btn{background:#2563ebe6!important;border-color:#2563eb!important}.lesson-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.lesson-title{font-weight:600;font-size:14px}.duration{font-size:12px;opacity:.8}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.session-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.session-header .left{display:flex;align-items:center;gap:10px}.status-indicator .status-badge{font-size:12px;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:4px}.status-badge.playing{background:#10b981;color:#fff}.status-badge.paused{background:var(--gray-500);color:#fff}.session-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:14px;color:#6b7280}.stat-value{font-size:14px;font-weight:600}.stat-value.limit-reached{color:#dc2626}.stat-value.limit-reached i{margin-left:4px;font-size:12px}.attendance-badge{font-size:12px;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:4px}.attendance-badge.marked{background:#10b981;color:#fff}.attendance-badge.pending{background:#f59e0b;color:#fff}.progress-section{border-top:1px solid var(--border);padding-top:16px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:14px;color:#6b7280}.progress-percent{font-size:14px;font-weight:600;color:var(--primary)}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.chat-fab,.questions-fab{position:fixed;right:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:0;background:var(--primary);color:#fff;box-shadow:0 14px 30px #2563eb40;cursor:pointer;z-index:40;animation:pulse 2.4s infinite}.chat-fab{bottom:22px}.questions-fab{bottom:90px;background:#10b981;box-shadow:0 14px 30px #10b98140}.chat-badge,.questions-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}@keyframes pulse{0%{box-shadow:0 0 #2563eb59}70%{box-shadow:0 0 0 16px #2563eb00}to{box-shadow:0 0 #2563eb00}}.drawer-overlay{position:fixed;inset:0;background:#02061759;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;z-index:45}.drawer-overlay.show{display:block}.drawer{position:fixed;top:0;right:0;width:min(500px,92%);height:100vh;background:#fff;border-left:1px solid var(--border);box-shadow:-10px 0 30px #02061726;transform:translate(100%);transition:transform .26s ease;z-index:46;display:grid;grid-template-rows:auto 1fr auto}.questions-drawer{left:0;right:auto;border-left:none;border-right:1px solid var(--border);box-shadow:10px 0 30px #02061726;transform:translate(-100%)}.questions-info{margin-bottom:1rem;padding:1rem}.info-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:12px;color:#4338ca}.info-card i{font-size:1.25rem;margin-top:.125rem;flex-shrink:0}.info-card p{margin:0;font-size:.875rem;line-height:1.4}.info-card p.small{font-size:.75rem;color:#4f46e5;margin-top:.25rem}.drawer.open{transform:translate(0)}.drawer-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.drawer-h .left{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}.drawer-h .left i{font-size:20px;color:#ffffffe6}.drawer-h .btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:8px;font-weight:500;transition:all .3s ease}.drawer-h .btn:hover{background:#ffffff40;border-color:#ffffff4d}.drawer .body{padding:20px;overflow:auto;flex:1;background:#f8fafc}.bubble{margin-bottom:16px;padding:12px 16px;border-radius:12px;max-width:85%;word-wrap:break-word;position:relative;box-shadow:0 2px 8px #0000001a}.bubble.bot{background:#fff;border:1px solid #e2e8f0;margin-right:auto;border-bottom-left-radius:4px}.bubble.me{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.bubble.loading{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;font-style:italic}.bubble.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.bubble strong{display:block;font-size:12px;margin-bottom:4px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.bubble.loading i{animation:spin 1s linear infinite;margin-right:8px}.bubble.error i{margin-right:8px}.bubble.bot:first-child{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #bae6fd;color:#0369a1;text-align:center;font-weight:500;margin-bottom:24px}.ai-status{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.chat-fab{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;border:none;transition:all .3s ease}.chat-fab:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.chat-fab i{color:#fff;font-size:22px}.chat-badge{background:#dc2626;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.drawer-f{display:flex;gap:12px;padding:20px;border-top:1px solid var(--border);background:#fff}.drawer-f input{flex:1;border:2px solid #e2e8f0;border-radius:12px;padding:12px 16px;outline:none;font-size:14px;transition:all .3s ease}.drawer-f input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.drawer-f input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.drawer-f button{border:none;border-radius:12px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.drawer-f button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea40}.drawer-f button:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.drawer-f button.btn-disabled{background:#f87171;color:#fff}.bubble{max-width:92%;border:1px solid var(--border);border-radius:16px;padding:8px 10px;box-shadow:var(--shadow);font-size:14px;margin-bottom:8px}.bubble.bot{background:#eff6ff;border-color:#dbeafe}.bubble.me{background:#fff;margin-left:auto}.bubble.loading{opacity:.8}.bubble.loading i{margin-right:4px}.bubble.error{background:#fef2f2;border-color:#fecaca;color:#dc2626}.bubble.error i{margin-right:6px;color:#dc2626}.questions-body{padding:14px 16px;overflow:auto}.no-questions{text-align:center;padding:40px 20px;color:#6b7280}.no-questions i{font-size:48px;margin-bottom:12px;display:block}.question-card{background:var(--gray-50);border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px}.question-text{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.answers-list{display:flex;flex-direction:column;gap:8px}.answer-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.answer-option:hover{background:#f1f5f9;border-color:#cbd5e1}.answer-option.selected{background:#eff6ff;border-color:#3b82f6}.answer-radio{color:#6b7280}.answer-option.selected .answer-radio{color:#3b82f6}.answer-text{flex:1;font-size:14px}.correct-badge{background:#10b981;color:#fff;font-size:11px;padding:4px 8px;border-radius:6px;font-weight:600}.modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999!important;margin:0!important;padding:0!important;overflow:hidden}.modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;max-width:400px;width:90%;max-height:90vh;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:4px}.modal-body{padding:20px}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border);justify-content:flex-end}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px}.loading-spinner{font-size:48px;color:var(--primary);margin-bottom:16px}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:16px}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert i{font-size:20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-disabled{background:#f3f4f6;color:#6b7280;border-color:#d1d5db;cursor:not-allowed}.btn-disabled:hover{background:#f3f4f6}.btn-outline{background:transparent;border-color:var(--border);color:#374151}.btn-outline:hover{background:#f3f4f6}.btn-large{padding:12px 24px;font-size:16px}.btn-full{width:100%;justify-content:center}.spin{animation:spin 1s linear infinite}.reveal{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}.reveal.show{opacity:1;transform:none}.session-info{display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 768px){.titlebar{flex-direction:column;align-items:flex-start;gap:12px}.session-controls{width:100%;justify-content:space-between}.controls .left,.controls .right{flex-wrap:wrap}.ctl span,.lesson-info{display:none}.drawer,.questions-drawer{width:100%}}.avatar-container{display:flex;justify-content:center;margin:0;padding:0;width:100%;height:100%}.avatar-wrapper{position:relative;width:100%;height:100%;overflow:hidden;box-shadow:0 10px 30px #0003;background:linear-gradient(135deg,#0091e0,#155c91)}.avatar-video{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.avatar-video.recorded-video{display:block;background:var(--gray-900)}.avatar-video.recorded-video::-webkit-media-controls{display:flex!important}.avatar-video:hover{transform:scale(1.05)}.avatar-overlay{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10}.talking-indicator{display:flex;align-items:center;justify-content:center;padding:8px 16px;background:#000000b3;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(10px);transition:all .3s ease}.talking-indicator.active{opacity:1;transform:translateY(0)}.sound-waves{display:flex;align-items:center;gap:3px}.sound-waves span{width:3px;height:15px;background:#0f8;border-radius:2px;animation:soundWave 1s ease-in-out infinite}.sound-waves span:nth-child(1){animation-delay:0s}.sound-waves span:nth-child(2){animation-delay:.1s}.sound-waves span:nth-child(3){animation-delay:.2s}.sound-waves span:nth-child(4){animation-delay:.3s}.sound-waves span:nth-child(5){animation-delay:.4s}@keyframes soundWave{0%,to{height:15px;opacity:.5}50%{height:25px;opacity:1}}.avatar-wrapper:hover{transform:scale(1.05);transition:transform .3s ease}@media (max-width: 768px){.avatar-wrapper{width:150px;height:150px}}.autoplay-section{margin-top:20px;text-align:center}.autoplay-btn{background:linear-gradient(135deg,#0091e0,#155c91);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:600;box-shadow:0 4px 15px #0091e066;transition:all .3s ease}.autoplay-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0091e099}.autoplay-btn i{margin-right:8px;font-size:18px}.quiz-results-modal{max-width:900px;width:90vw;max-height:90vh;height:auto;min-height:85vh;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 25px 50px #0003;overflow:hidden;display:flex;flex-direction:column;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:10000!important;margin:0!important;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)!important}to{opacity:1;transform:translate(-50%,-50%)!important}}.quiz-results-header{background:linear-gradient(135deg,#0091e0,#4fb1e4);padding:1rem 1.5rem;color:#fff;position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-shrink:0;min-height:100px;max-height:120px}.quiz-results-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="white" opacity="0.1"/><circle cx="80" cy="80" r="2" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="1" fill="white" opacity="0.1"/></svg>');opacity:.3}.results-score{display:flex;gap:2rem;align-items:center;position:relative;z-index:1;flex:1}.score-circle{width:80px;height:80px;border-radius:50%;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000026;flex-shrink:0}.score-percentage{font-size:1.75rem;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.2)}.score-label{font-size:.7rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.score-summary h2{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.1)}.score-summary p{font-size:.9rem;color:#fffffff2;margin-bottom:.5rem;line-height:1.4}.score-summary strong{font-weight:800;color:#fff;background:#fff3;padding:.2rem .6rem;border-radius:6px}.achievement-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;font-weight:700;font-size:.85rem;box-shadow:0 4px 12px #00000026}.achievement-badge.excellent{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.achievement-badge.good{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.achievement-badge.needs-improvement{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.quiz-results-modal .modal-close{width:44px;height:44px;border-radius:50%;border:none;background:#ffffff40;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:22px;position:relative;z-index:1}.quiz-results-modal .modal-close:hover{background:#ffffff59;transform:rotate(90deg)}.quiz-results-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem;min-height:0;max-height:calc(90vh - 200px)}.quiz-results-body::-webkit-scrollbar{width:10px}.quiz-results-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.quiz-results-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0091e0,#4fb1e4);border-radius:10px}.quiz-results-body h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.quiz-results-body h3:before{content:"";width:4px;height:28px;background:linear-gradient(135deg,#0091e0,#4fb1e4);border-radius:4px}.results-list{display:flex;flex-direction:column;gap:1.5rem}.result-item{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.result-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;transition:all .3s ease}.result-item.correct{border-color:#10b9814d;background:linear-gradient(135deg,#10b98105,#05966905)}.result-item.correct:before{background:linear-gradient(135deg,#10b981,#059669)}.result-item.incorrect{border-color:#ef44444d;background:linear-gradient(135deg,#ef444405,#dc262605)}.result-item.incorrect:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.result-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.result-header .question-number{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0091e0,#4fb1e4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;box-shadow:0 4px 12px #0091e04d}.result-badge{padding:.5rem 1rem;border-radius:50px;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.result-badge.correct{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.result-badge.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.result-content .question-text{font-size:1.05rem;font-weight:600;color:#1e293b;margin-bottom:1rem;line-height:1.6}.answer-comparison{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.answer-row{display:flex;flex-direction:column;gap:.4rem;padding:1rem;border-radius:12px;border:2px solid}.answer-row.your-answer{background:#64748b0d;border-color:#64748b33}.answer-row.your-answer.correct{background:#10b9810d;border-color:#10b9814d}.answer-row.your-answer.incorrect{background:#ef44440d;border-color:#ef44444d}.answer-row.correct-answer{background:#10b9810d;border-color:#10b9814d}.answer-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.answer-text{font-size:.95rem;font-weight:600;line-height:1.5}.answer-text.correct{color:#059669}.answer-text.incorrect{color:#dc2626}.quiz-results-footer{padding:1.25rem 2rem;background:#f8fafc;border-top:2px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;flex-shrink:0;min-height:70px}.quiz-results-footer .btn{padding:.75rem 1.75rem;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.quiz-results-footer .btn-outline{background:#fff;border:2px solid #cbd5e1;color:#475569}.quiz-results-footer .btn-outline:hover{border-color:#94a3b8;background:#f8fafc}.quiz-results-footer .btn-primary{background:linear-gradient(135deg,#0091e0,#4fb1e4);border:none;color:#fff;box-shadow:0 4px 12px #0091e04d}.quiz-results-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0091e066}@media (max-width: 768px){.quiz-results-modal{width:95vw;max-height:95vh;min-height:90vh;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}.quiz-results-header{min-height:90px;max-height:110px;padding:.75rem 1rem}.score-circle{width:70px;height:70px}.score-percentage{font-size:1.5rem}.score-label{font-size:.65rem}.score-summary h2{font-size:1rem}.score-summary p{font-size:.85rem}.quiz-results-body{max-height:calc(95vh - 180px);padding:1.5rem}.quiz-results-footer{min-height:70px;padding:1rem 1.5rem}.quiz-results-header{padding:1.5rem;flex-direction:column}.results-score{flex-direction:column;text-align:center}.score-circle{width:120px;height:120px}.score-percentage{font-size:2.5rem}.score-summary h2{font-size:1.5rem}.quiz-results-body{padding:1.5rem}.quiz-results-footer{flex-direction:column;padding:1rem}.quiz-results-footer .btn{width:100%;justify-content:center}}:root{--primary: #0091e0;--secondary: #155c91;--tertiary: #224975;--primary-dark: #155c91;--primary-light: #4fb1e4;--accent: #081830;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--white: #ffffff;--gray-50: #f8fafb;--gray-100: #f1f4f7;--gray-200: #e4e9ed;--gray-300: #d1d8de;--gray-400: #9ca6b0;--gray-500: #6b7684;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #081830;--gradient-primary: linear-gradient(135deg, #0091e0 0%, #155c91 100%);--gradient-secondary: linear-gradient(135deg, #155c91 0%, #224975 100%);--gradient-tertiary: linear-gradient(135deg, #0091e0 0%, #155c91 50%, #224975 100%);--gradient-accent: linear-gradient(135deg, #081830 0%, #224975 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;font-weight:500;box-shadow:var(--shadow-sm)}.alert i{font-size:1.2rem}.alert-error{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.alert-success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.modal{display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:800px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out;margin:auto;position:relative}.homework-modal .modal-header{background:var(--gradient-primary);color:var(--white);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md)}.homework-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--white)}.modal-close{background:#fff3;border:none;color:var(--white);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:1.2rem}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.homework-modal .modal-body{flex:1;overflow-y:auto;padding:2rem;background:var(--white)}.homework-modal .modal-footer{background:var(--gray-50);padding:1.5rem 2rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:1rem}.questions-container{display:flex;flex-direction:column;gap:1.5rem}.question-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.5rem;transition:var(--transition);box-shadow:var(--shadow-sm)}.question-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.question-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-200)}.question-number{width:36px;height:36px;background:var(--gradient-primary);color:var(--white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-md)}.question-text{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0;line-height:1.6;flex:1}.answers-container{display:flex;flex-direction:column;gap:.75rem}.answer-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.answer-option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary);transform:scaleY(0);transition:transform .3s ease}.answer-option:hover{border-color:var(--primary);background:var(--primary-light);transform:translate(4px)}.answer-option:hover:before{transform:scaleY(1)}.answer-option input[type=radio]{width:20px;height:20px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.answer-option:has(input[type=radio]:checked){border-color:var(--primary);background:var(--primary-light);box-shadow:var(--shadow-sm)}.answer-option:has(input[type=radio]:checked):before{transform:scaleY(1)}.answer-text{color:var(--gray-700);font-size:1rem;line-height:1.5;flex:1}.answer-option:has(input[type=radio]:checked) .answer-text{color:var(--gray-900);font-weight:600}.results-summary{margin-bottom:2rem}.results-summary h3{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 1.5rem;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--white);font-size:1.25rem}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.75rem;font-weight:800;color:var(--gray-900);line-height:1}.stat-label{font-size:.875rem;color:var(--gray-600);font-weight:500;margin-top:.25rem}.detailed-results{border-top:1px solid var(--gray-200);padding-top:2rem}.detailed-results h4{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin:0 0 1.5rem}.results-list{display:flex;flex-direction:column;gap:1rem}.result-item{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.25rem;transition:var(--transition);box-shadow:var(--shadow-sm)}.result-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.result-item.correct{background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#10b9814d}.result-item.wrong{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef44444d}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.result-header .question-number{width:24px;height:24px;background:var(--gray-600);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.result-item.correct .question-number{background:var(--success)}.result-item.wrong .question-number{background:var(--danger)}.result-status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.result-item.correct .result-status{background:var(--success);color:var(--white)}.result-item.wrong .result-status{background:var(--danger);color:var(--white)}.result-details{display:flex;flex-direction:column;gap:.5rem}.chosen-answer,.correct-answer{font-size:.95rem;line-height:1.4;color:var(--gray-700)}.chosen-answer strong,.correct-answer strong{color:var(--gray-900);font-weight:600}.correct-answer{color:var(--danger);font-weight:500}.spinner-small{width:16px;height:16px;border:2px solid var(--gray-200);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.modal-overlay{padding:1rem}.homework-modal{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.homework-modal .modal-header{padding:1rem 1.5rem}.homework-modal .modal-header h2{font-size:1.25rem}.homework-modal .modal-body{padding:1.5rem}.homework-modal .modal-footer{padding:1rem 1.5rem;flex-direction:column}.question-card{padding:1rem}.answer-option{padding:.75rem 1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.result-item{padding:1rem}}body.dark-mode .modal{background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .homework-modal .modal-header{background:var(--gradient-primary)}body.dark-mode .homework-modal .modal-body{background:#1a1a1af2;color:var(--white)}body.dark-mode .question-card{background:#2a2a2acc;border-color:#ffffff1a}body.dark-mode .question-text{color:var(--white)}body.dark-mode .answer-option{background:#2a2a2acc;border-color:#ffffff1a}body.dark-mode .answer-text{color:#ffffffe6}body.dark-mode .stat-card{background:#ffffff1a!important;border-color:#fff3!important}body.dark-mode .stat-number{color:var(--white)!important}body.dark-mode .stat-label{color:#fffc!important}body.dark-mode .result-item{background:#2a2a2acc;border-color:#ffffff1a}body.dark-mode .chosen-answer,body.dark-mode .correct-answer{color:#ffffffe6}body.dark-mode .homework-modal .modal-footer{background:#2a2a2acc;border-color:#ffffff1a}.session-history-container{max-width:1200px;margin:0 auto;padding:2rem;direction:rtl;font-family:Cairo,Segoe UI,Tahoma,sans-serif}.history-header{text-align:center;margin-bottom:3rem}.history-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem}.history-header p{color:#7f8c8d;font-size:1.1rem}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease;color:#fff}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:3rem}.stat-info h3{font-size:2rem;margin:0;font-weight:700}.stat-info p{margin:0;opacity:.9;font-size:.95rem}.filter-buttons{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-buttons button{padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:#fff;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease;font-weight:500}.filter-buttons button:hover{border-color:#667eea;color:#667eea}.history-list{display:flex;flex-direction:column;gap:1.5rem}.history-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #00000014;overflow:hidden;transition:all .3s ease}.history-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.history-card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.session-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.session-info h3{margin:0;font-size:1.3rem}.session-date{opacity:.95;font-size:.9rem}.status-badge{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-completed{background:#4caf50e6}.status-in-progress{background:#ffc107e6}.status-interrupted{background:#f44336e6}.history-card-body{padding:1.5rem}.progress-section{margin-bottom:1.5rem}.progress-bar-container{width:100%;height:12px;background:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:10px}.progress-text{font-size:.9rem;color:#666;font-weight:600}.session-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:10px}.detail-icon{font-size:1.2rem}.notes-section{margin-top:1rem;padding:1rem;background:#fff9e6;border-right:4px solid #ffc107;border-radius:8px}.notes-section strong{display:block;margin-bottom:.5rem;color:#f57c00}.notes-section p{margin:0;color:#666;line-height:1.6}.history-card-footer{padding:1rem 1.5rem;background:#f8f9fa;display:flex;gap:1rem;justify-content:flex-end}.btn-resume,.btn-delete{padding:.6rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease}.btn-resume{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-resume:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-delete{background:#fff;border:2px solid #e0e0e0;color:#f44336}.btn-delete:hover{background:#f44336;color:#fff;border-color:#f44336}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button{padding:.75rem 1.5rem;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#667eea;color:#fff}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-weight:600;color:#2c3e50}.loading-spinner{text-align:center;padding:3rem;font-size:1.2rem;color:#667eea}.error-message{background:#ffebee;color:#c62828;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.empty-state{text-align:center;padding:3rem;color:#7f8c8d;font-size:1.1rem}@media (max-width: 768px){.session-history-container{padding:1rem}.history-header h1{font-size:1.8rem}.statistics-grid{grid-template-columns:1fr}.filter-buttons{justify-content:center}.history-card-header{flex-direction:column;align-items:flex-start}.session-details{grid-template-columns:1fr}.history-card-footer{flex-direction:column}.btn-resume,.btn-delete{width:100%}}.profile-content{padding:var(--space-6);max-width:1400px;margin:0 auto;width:100%;min-height:100vh;background:linear-gradient(180deg,#f8fafb,#f1f4f7)}.profile-content .hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:var(--white);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);position:relative;overflow:hidden}.profile-content .hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.profile-content .hero-left{position:relative;z-index:2}.profile-content .hero-left h1{font-size:2.5rem;margin-bottom:var(--space-2);text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-content .hero-left .muted{font-size:1.1rem;opacity:.9;margin-bottom:0}.profile-content .hero-right{position:relative;display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background:#ffffff1a;flex-shrink:0;z-index:2}.profile-content .hero-right .chip{background:var(--white);color:var(--primary-700);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-weight:600;display:flex;align-items:center;gap:var(--space-1);box-shadow:var(--shadow-md)}.profile-content .hero-right .spark{position:absolute;width:80px;height:80px;background:#fff3;border-radius:50%;opacity:.3;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:.3;-webkit-transform:scale(1) rotate(0deg);-moz-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);-o-transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg);opacity:.6}}.profile-content .alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-weight:500;box-shadow:var(--shadow-sm)}.profile-content .alert i{font-size:1.2rem}.profile-content .alert-error{background:var(--error-50);color:var(--error-700);border:1px solid var(--error-200)}.profile-content .alert-success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.profile-content .grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-8);align-items:start}.profile-content .overview{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6);position:sticky;top:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.profile-content .avatar-wrap{text-align:center;margin-bottom:var(--space-6)}.profile-content .avatar-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.profile-content .btn-danger{color:var(--error-600);border-color:var(--error-300)}.profile-content .btn-danger:hover:not(:disabled){background:var(--error-50);border-color:var(--error-400);color:var(--error-700)}.profile-content .avatar-lg{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto var(--space-4);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.profile-content .avatar-lg img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-content .info{text-align:center;margin-bottom:var(--space-6)}.profile-content .info h3{font-size:1.5rem;margin-bottom:var(--space-2);color:var(--gray-900)}.profile-content .info .muted{color:var(--gray-600);margin-bottom:var(--space-4)}.profile-content .tags{display:flex;flex-direction:column;gap:var(--space-2)}.profile-content .tag{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-md);font-size:.9rem;font-weight:500}.profile-content .tag i{font-size:1rem}.profile-content .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);text-align:center}.profile-content .stat{padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.profile-content .stat b{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-600);margin-bottom:var(--space-1)}.profile-content .stat small{color:var(--gray-600);font-size:.85rem;font-weight:500}.profile-content .details{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6)}.profile-content .section-title{display:flex;align-items:center;gap:var(--space-2);font-size:1.2rem;font-weight:600;color:var(--primary-700);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--primary-100)}.profile-content .section-title i{font-size:1.3rem}.profile-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.profile-content .form-row.two{grid-template-columns:1fr 1fr}.profile-content .form-row .full{grid-column:1 / -1}.profile-content label{display:flex;flex-direction:column;gap:var(--space-2)}.profile-content label span{font-weight:600;color:var(--gray-700);font-size:.95rem}.profile-content input,.profile-content select{padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;transition:var(--transition);background:var(--white);color:var(--gray-900)}.profile-content input:focus,.profile-content select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);transform:translateY(-1px)}.profile-content input.error,.profile-content select.error{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.profile-content input:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.profile-content .error-message{color:var(--error-600);font-size:.85rem;font-weight:500;margin-top:var(--space-1)}.profile-content .inline{display:flex;gap:var(--space-3);align-items:center}.profile-content .inline input{flex:1}.profile-content .password-form{margin-top:var(--space-4);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.profile-content .switch{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);cursor:pointer;transition:var(--transition)}.profile-content .switch:hover{background:var(--gray-100)}.profile-content .switch input[type=checkbox]{display:none}.profile-content .slider{position:relative;width:50px;height:24px;background:var(--gray-300);border-radius:var(--radius-full);transition:var(--transition)}.profile-content .slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--white);border-radius:50%;transition:var(--transition);box-shadow:var(--shadow-sm)}.profile-content .switch input[type=checkbox]:checked+.slider{background:var(--primary-500)}.profile-content .switch input[type=checkbox]:checked+.slider:before{transform:translate(26px)}.profile-content .s-label{font-weight:500;color:var(--gray-700);font-size:.95rem}.profile-content .actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.profile-content .btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden}.profile-content .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-content .btn-outline{background:transparent;color:var(--gray-600);border:2px solid var(--gray-300)}.profile-content .btn-outline:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.profile-content .btn:not(.btn-outline){background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--white);box-shadow:var(--shadow-sm)}.profile-content .btn:not(.btn-outline):hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.profile-content .icon-btn{padding:var(--space-2) var(--space-3);font-size:.9rem}.profile-content .spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.profile-content .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4)}.profile-content .spinner{width:50px;height:50px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.profile-content .grid{grid-template-columns:1fr;gap:var(--space-6)}.profile-content .overview{position:static}}@media (max-width: 768px){.profile-content{padding:var(--space-4)}.profile-content .hero{flex-direction:column;text-align:center;gap:var(--space-4)}.profile-content .hero-left h1{font-size:2rem}.profile-content .hero-right{width:100px;height:100px}.profile-content .form-row,.profile-content .form-row.two{grid-template-columns:1fr}.profile-content .stats{grid-template-columns:1fr;gap:var(--space-3)}.profile-content .actions{flex-direction:column}.profile-content .btn{width:100%;justify-content:center}.profile-content .inline{flex-direction:column;align-items:stretch}.profile-content .inline input{margin-bottom:var(--space-2)}.profile-content .avatar-actions{flex-direction:row;justify-content:center}}@media (max-width: 480px){.profile-content .hero-left h1{font-size:1.8rem}.profile-content .avatar-lg{width:100px;height:100px;font-size:2rem}.profile-content .details,.profile-content .overview{padding:var(--space-4)}.profile-content .section-title{font-size:1.1rem}}body.dark-mode .profile-content{background:linear-gradient(180deg,#1a1a1a,#2d2d2d)}body.dark-mode .profile-content .hero{background:linear-gradient(135deg,#1e3a8a,#1e40af)}body.dark-mode .profile-content .profile-card{background:var(--gray-800);border-color:var(--gray-700);color:var(--white)}body.dark-mode .profile-content .profile-card h3{color:var(--white)}body.dark-mode .profile-content .profile-card p{color:var(--gray-300)}body.dark-mode .profile-content .profile-card .btn{background:var(--primary);color:var(--white)}body.dark-mode .profile-content .profile-card .btn:hover{background:var(--primary-600)}body.dark-mode .profile-content .profile-card .btn.outline{background:transparent;color:var(--primary);border-color:var(--primary)}body.dark-mode .profile-content .profile-card .btn.outline:hover{background:var(--primary);color:var(--white)}:root{--primary: #0091e0;--primary-dark: #155c91;--primary-light: #4fb1e4;--secondary: #f59e0b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gradient-primary: linear-gradient(135deg, #0091e0 0%, #4fb1e4 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-info: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.admin-dashboard{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.rtl .admin-dashboard{direction:rtl;text-align:right}.rtl .dashboard-header,.rtl .header-actions{flex-direction:row-reverse}.rtl .stats-grid,.rtl .content-grid,.rtl .quick-actions,.rtl .status-grid,.rtl .analytics-card,.rtl .metrics-grid,.rtl .trends-grid{direction:rtl}.rtl .metric-item:hover{transform:translate(-4px)}.rtl .analytics-card .card-header h2{flex-direction:row-reverse}.rtl .analytics-filter{direction:rtl}.admin-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner{width:56px;height:56px;border-radius:50%;background:conic-gradient(from 0deg,var(--primary) 0deg,transparent 320deg),radial-gradient(circle at 50% 50%,var(--primary-light) 0,transparent 60%);-webkit-mask:radial-gradient(circle 60% at 50% 50%,transparent 40%,#000 41%);mask:radial-gradient(circle 60% at 50% 50%,transparent 40%,#000 41%);animation:spinGlow 1s linear infinite,pulseGlow 2s ease-in-out infinite;box-shadow:0 0 24px #0091e059}@keyframes spinGlow{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 16px #0091e040}50%{box-shadow:0 0 28px #0091e08c}}.admin-dashboard-loading p{color:var(--gray-600);font-size:1.1rem;font-weight:500}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:2rem}.welcome-section h1{font-size:2.5rem;font-weight:800;color:var(--gray-900);margin-bottom:.5rem;background:linear-gradient(135deg,var(--gray-900) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-section p{font-size:1.1rem;color:var(--gray-600);font-weight:500}.header-actions{display:flex;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);transition:var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.stat-card:nth-child(2):before{background:var(--gradient-secondary)}.stat-card:nth-child(3):before{background:var(--gradient-success)}.stat-card:nth-child(4):before{background:var(--gradient-info)}.stat-card{display:flex;align-items:center;gap:1.5rem}.stat-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--gradient-primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.stat-card:nth-child(2) .stat-icon{background:var(--gradient-secondary)}.stat-card:nth-child(3) .stat-icon{background:var(--gradient-success)}.stat-card:nth-child(4) .stat-icon{background:var(--gradient-info)}.stat-content h3{font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.stat-number{font-size:2rem;font-weight:800;color:var(--gray-900);line-height:1;margin-bottom:.5rem}.stat-change{font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:3rem}.content-card{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-header h2{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.analytics-card{background:#fffffff2}.analytics-card .card-header h2{display:flex;align-items:center;gap:.5rem}.analytics-filter .btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.analytics-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--gray-100)}.analytics-section:first-of-type{margin-top:0;padding-top:0;border-top:none}.section-title{font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.section-title i{font-size:1.25rem;color:var(--primary)}.metrics-grid{display:flex;flex-direction:column;gap:1.5rem}.metric-item{background:var(--gray-50);border-radius:var(--radius-lg);padding:1.25rem;transition:var(--transition)}.metric-item:hover{background:var(--gray-100);transform:translate(4px)}.metric-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.metric-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;color:var(--white)}.metric-icon.success{background:var(--gradient-success)}.metric-icon.primary{background:var(--gradient-primary)}.metric-icon.warning{background:var(--gradient-secondary)}.metric-icon.info{background:var(--gradient-info)}.metric-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.875rem;font-weight:600;color:var(--gray-600)}.metric-value{font-size:1.75rem;font-weight:800;color:var(--gray-900);line-height:1}.metric-progress{height:8px;background:var(--gray-200);border-radius:999px;overflow:hidden}.metric-progress-bar{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.metric-progress-bar.success{background:var(--gradient-success)}.metric-progress-bar.primary{background:var(--gradient-primary)}.metric-progress-bar.warning{background:var(--gradient-secondary)}.metric-progress-bar.info{background:var(--gradient-info)}.trends-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.trend-item{background:var(--gray-50);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:var(--transition)}.trend-item:hover{background:var(--gray-100);transform:translateY(-2px);box-shadow:var(--shadow-md)}.trend-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;color:var(--white)}.trend-icon.success{background:var(--gradient-success)}.trend-icon.primary{background:var(--gradient-primary)}.trend-icon.warning{background:var(--gradient-secondary)}.trend-icon.info{background:var(--gradient-info)}.trend-content{display:flex;flex-direction:column;gap:.25rem}.trend-value{font-size:1.5rem;font-weight:800;color:var(--gray-900);line-height:1}.trend-label{font-size:.75rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.system-health{display:flex;flex-direction:column;gap:1rem}.health-item{background:var(--gray-50);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem}.health-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.health-indicator.online{background:#10b9811a;color:var(--success)}.health-indicator.offline{background:#ef44441a;color:var(--danger)}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.health-info{flex:1;display:flex;justify-content:space-between;align-items:center}.health-label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.health-value{font-size:.875rem;font-weight:700;color:var(--success)}.chart-container{background:var(--white);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.chart-container:hover{box-shadow:var(--shadow-md)}.recharts-wrapper,.recharts-legend-wrapper{direction:ltr!important}.recharts-default-legend{display:flex!important;justify-content:center!important;gap:2rem!important;margin-top:1rem!important}.recharts-legend-item{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.875rem!important;font-weight:500!important;color:var(--gray-700)!important}.recharts-tooltip-wrapper{z-index:1000!important}.recharts-cartesian-axis-tick-value{font-size:.75rem;fill:var(--gray-600)}.rtl .chart-container{direction:ltr}.rtl .recharts-legend-item-text{direction:rtl}.section-header-with-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.time-range-filters{display:flex;gap:.5rem;background:var(--gray-100);padding:.25rem;border-radius:var(--radius-lg)}.filter-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--gray-600);font-size:.875rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.filter-btn:hover{background:var(--gray-200);color:var(--gray-900)}.filter-btn.active{background:var(--primary);color:var(--white);box-shadow:var(--shadow-sm)}.growth-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.insight-card{background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:var(--transition);position:relative;overflow:hidden}.insight-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);transition:width .3s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.insight-card:hover:before{width:100%;opacity:.05}.insight-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--gradient-primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:var(--shadow-md)}.insight-icon.success{background:var(--gradient-success)}.insight-icon.primary{background:var(--gradient-primary)}.insight-icon.warning{background:var(--gradient-secondary)}.insight-icon.info{background:var(--gradient-info)}.insight-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.insight-label{font-size:.75rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.insight-value{font-size:1.75rem;font-weight:800;color:var(--gray-900);line-height:1}.insight-sublabel{font-size:.75rem;color:var(--gray-500);font-weight:500}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-700);text-decoration:none;transition:var(--transition);cursor:pointer}.action-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn i{font-size:1.5rem}.action-btn span{font-size:.75rem;font-weight:600;text-align:center}.system-status{margin-bottom:2rem}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600}.status-indicator.online{background:#10b9811a;color:var(--success)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius-lg)}.status-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--gray-200);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.status-info h4{font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.status-info p{font-size:.75rem;font-weight:500}.status-online{color:var(--success)}.status-offline{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;text-decoration:none;cursor:pointer;transition:var(--transition);border:2px solid transparent;box-shadow:var(--shadow-sm)}.btn.primary{background:var(--gradient-primary);color:var(--white)}.btn.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.secondary{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.btn.secondary:hover{background:var(--gray-200);transform:translateY(-1px)}.btn.outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn.outline:hover{background:var(--primary);color:var(--white);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1024px){.admin-dashboard{padding:1.5rem}.dashboard-header{flex-direction:column;gap:1.5rem}.content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.trends-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-dashboard{padding:1rem}.welcome-section h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-icon{width:48px;height:48px;font-size:1.25rem}.stat-number{font-size:1.5rem}.quick-actions,.status-grid,.trends-grid{grid-template-columns:1fr}.metric-value{font-size:1.5rem}.trend-value{font-size:1.25rem}.analytics-section{margin-top:1.5rem;padding-top:1.5rem}.growth-insights{grid-template-columns:repeat(2,1fr)}.section-header-with-filters{flex-direction:column;align-items:flex-start}.time-range-filters{width:100%;justify-content:space-between}}@media (max-width: 480px){.admin-dashboard{padding:.75rem}.welcome-section h1{font-size:1.75rem}.stat-card{flex-direction:column;text-align:center;padding:1rem}.stat-icon{width:40px;height:40px;font-size:1rem}.stat-number{font-size:1.25rem}.content-card{padding:1rem}.header-actions{flex-direction:column;width:100%}.metric-item,.trend-item,.health-item{padding:1rem}.metric-icon,.trend-icon{width:40px;height:40px;font-size:1rem}.metric-value{font-size:1.25rem}.trend-value{font-size:1.125rem}.section-title{font-size:.875rem}.analytics-section{margin-top:1.25rem;padding-top:1.25rem}.growth-insights{grid-template-columns:1fr}.insight-icon{width:48px;height:48px;font-size:1.25rem}.insight-value{font-size:1.5rem}.filter-btn{padding:.5rem .75rem;font-size:.75rem}}.confirmation-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.confirmation-modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040;max-width:480px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out;border:1px solid var(--gray-200)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirmation-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-200);position:relative}.confirmation-modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.confirmation-modal-icon.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:2px solid #fecaca}.confirmation-modal-icon.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border:2px solid #fde68a}.confirmation-modal-icon.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;border:2px solid #bfdbfe}.confirmation-modal-icon.default{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border:2px solid #e5e7eb}.confirmation-modal-title{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin:0;flex:1;line-height:1.4}.confirmation-modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:transparent;color:var(--gray-400);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:1.25rem}.confirmation-modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.confirmation-modal-close:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal-body{padding:1.5rem}.confirmation-modal-message{font-size:1rem;color:var(--gray-700);margin:0 0 1.5rem;line-height:1.6}.confirmation-modal-item-info{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem}.item-type,.item-name{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600);margin-bottom:.5rem}.item-type:last-child,.item-name:last-child{margin-bottom:0}.item-type i,.item-name i{color:var(--gray-400);font-size:1rem}.confirmation-modal-warning{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fde68a;border-radius:var(--radius);padding:.875rem 1rem;color:#92400e;font-size:.875rem;font-weight:500}.confirmation-modal-warning i{font-size:1.125rem;flex-shrink:0}.confirmation-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;justify-content:flex-end}.confirmation-modal-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);min-width:100px;justify-content:center}.confirmation-modal-btn:disabled{opacity:.6;cursor:not-allowed}.confirmation-modal-btn.cancel{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.confirmation-modal-btn.cancel:hover:not(:disabled){background:var(--gray-200);color:var(--gray-800)}.confirmation-modal-btn.confirm{color:var(--white);font-weight:700}.confirmation-modal-btn.confirm.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #b91c1c;box-shadow:0 4px 14px #dc26264d}.confirmation-modal-btn.confirm.danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 6px 20px #dc262666}.confirmation-modal-btn.confirm.warning{background:linear-gradient(135deg,#d97706,#b45309);border:1px solid #b45309;box-shadow:0 4px 14px #d977064d}.confirmation-modal-btn.confirm.warning:hover:not(:disabled){background:linear-gradient(135deg,#b45309,#92400e);transform:translateY(-1px);box-shadow:0 6px 20px #d9770666}.confirmation-modal-btn.confirm.info{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #1d4ed8;box-shadow:0 4px 14px #2563eb4d}.confirmation-modal-btn.confirm.info:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.confirmation-modal-btn.confirm.default{background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #4b5563;box-shadow:0 4px 14px #6b72804d}.confirmation-modal-btn.confirm.default:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 6px 20px #6b728066}.spinning{animation:spin 1s linear infinite}@media (max-width: 640px){.confirmation-modal{width:95%;margin:1rem}.confirmation-modal-header{padding:1rem 1rem .75rem}.confirmation-modal-body{padding:1rem}.confirmation-modal-footer{padding:.75rem 1rem 1rem;flex-direction:column}.confirmation-modal-btn{width:100%;min-width:auto}.confirmation-modal-icon{width:40px;height:40px;font-size:1.25rem}.confirmation-modal-title{font-size:1.125rem}}.rtl .confirmation-modal-header,.rtl .confirmation-modal-footer{direction:rtl}.rtl .confirmation-modal-close{left:1rem;right:auto}.rtl .item-type,.rtl .item-name,.rtl .confirmation-modal-warning{direction:rtl}:root{--primary: #0091e0;--secondary: #155c91;--tertiary: #224975;--primary-dark: #155c91;--primary-light: #4fb1e4;--accent: #081830;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #4fb1e4;--white: #ffffff;--gray-50: #f8fafb;--gray-100: #f1f4f7;--gray-200: #e4e9ed;--gray-300: #d1d8de;--gray-400: #9ca6b0;--gray-500: #6b7684;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #081830;--gradient-primary: linear-gradient(135deg, #0091e0 0%, #155c91 100%);--gradient-secondary: linear-gradient(135deg, #155c91 0%, #224975 100%);--gradient-tertiary: linear-gradient(135deg, #0091e0 0%, #155c91 50%, #224975 100%);--gradient-accent: linear-gradient(135deg, #081830 0%, #224975 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.admin-page{background:transparent;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.admin-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.admin-page-loading p{color:var(--gray-600);font-size:1.1rem;font-weight:500}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-content h1{font-size:2rem;font-weight:800;color:var(--gray-900);margin-bottom:.5rem;background:linear-gradient(135deg,var(--gray-900) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{font-size:1rem;color:var(--gray-600);font-weight:500}.filters-section{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:1.5rem;margin-bottom:2rem;transition:var(--transition)}.filters-section:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.25rem}.filter-group input,.filter-group select{padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:.875rem;background:var(--white);color:var(--gray-700);transition:var(--transition);width:100%;box-sizing:border-box}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0091e01a;transform:translateY(-1px)}.filter-group input::placeholder{color:var(--gray-400);font-style:italic}.filter-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem;appearance:none}.filter-group select:hover{border-color:var(--gray-300)}.filter-group button{padding:.75rem 1.5rem;border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;background:var(--white);color:var(--gray-600);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;justify-content:center;min-height:2.75rem}.filter-group button:hover{border-color:var(--primary);color:var(--primary);background:#0091e00d;transform:translateY(-1px)}.filter-group button:active{transform:translateY(0)}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr;gap:1rem}.filters-section{padding:1rem}.filter-group button{width:100%}}@media (max-width: 480px){.filters-section{padding:.75rem;margin-bottom:1rem}.filter-group input,.filter-group select{padding:.625rem .875rem}}.table-container{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:auto;margin-bottom:2rem;width:100%;-webkit-overflow-scrolling:touch}.admin-table{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;font-size:.875rem;background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--gray-200);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-table thead{background:linear-gradient(135deg,#0091e0,#155c91);color:var(--white);position:relative}.admin-table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.admin-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;color:var(--white);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:none;position:relative}.admin-table td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.05);color:var(--gray-700);vertical-align:middle;position:relative}.admin-table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.admin-table tbody tr:hover{background:linear-gradient(135deg,#0091e00d,#764ba20d);transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.admin-table tbody tr:hover:before{transform:scaleY(1)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:last-child{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:var(--gray-900);font-size:.875rem}.username{font-size:.75rem;color:var(--gray-500);font-weight:500}.country-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:var(--gray-800);border-radius:var(--radius-xl);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.country-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .3s}.country-badge:hover:before{left:100%}.gender-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);color:var(--gray-800);border-radius:var(--radius-xl);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.gender-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .3s}.gender-badge:hover:before{left:100%}.gender-badge i{font-size:1rem;color:var(--gray-600)}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-xl);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden;color:#000}.status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .3s}.status-badge:hover:before{left:100%}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#10b98133}.status-badge.active:after{content:"●";color:#10b981;font-size:.875rem}.status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef444433}.status-badge.inactive:after{content:"●";color:#ef4444;font-size:.875rem}.action-buttons{display:flex;gap:.5rem}.btn-icon{width:32px;height:32px;border:none;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:.875rem}.btn-icon.edit{background:#3b82f61a;color:var(--info)}.btn-icon.edit i{color:currentColor}.btn-icon.edit:hover{background:var(--info);color:var(--white)}.btn-icon.edit:hover i{color:var(--white)}.btn-icon.edit.small{background:#3b82f61a;color:var(--info)}.btn-icon.edit.small i{color:currentColor}.btn-icon.edit.small:hover,.btn-icon.edit.small:focus-visible{background:var(--primary);color:var(--white)}.btn-icon.edit.small:hover i,.btn-icon.edit.small:focus-visible i{color:var(--white)}.btn-icon.edit.small:disabled{opacity:.5;cursor:not-allowed;background:#3b82f61a;color:var(--gray-400)}.btn-icon.edit.small:disabled:hover{background:#3b82f61a;color:var(--gray-400)}.btn-icon.edit.small:disabled:hover i{color:var(--gray-400)}.btn-icon.toggle{background:#f59e0b1a;color:var(--warning)}.btn-icon.toggle:hover{background:var(--warning);color:var(--white)}.btn-icon.delete{background:#ef44441a;color:var(--danger)}.btn-icon.delete:hover{background:var(--danger);color:var(--white)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:var(--radius-xl);font-weight:700;font-size:.875rem;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:0 4px 12px #00000026;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em}.btn>*{position:relative;z-index:1}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;z-index:0}.btn:hover:before{left:100%}.btn.primary{background:linear-gradient(135deg,#0091e0,#155c91);color:var(--white);box-shadow:0 8px 25px #0091e04d}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0091e066}.btn.primary:active{transform:translateY(-1px)}.btn.secondary{background:var(--white);color:var(--gray-700);border-color:var(--gray-300);box-shadow:0 4px 12px #0000001a}.btn.secondary:hover{background:var(--gray-100);border-color:var(--gray-400);transform:translateY(-2px);box-shadow:0 8px 25px #00000026;color:var(--gray-900)!important}.btn.secondary:hover i{color:var(--gray-900)!important}.btn.outline{background:transparent;color:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px #0091e033}.btn.outline i{color:currentColor}.btn.outline:hover{background:var(--primary);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 25px #0091e04d}.btn.outline:hover i{color:var(--white)}.btn.outline:active,.btn.outline:focus{background:var(--primary);color:var(--white);outline:2px solid var(--primary);outline-offset:2px}.btn.outline:active i,.btn.outline:focus i{color:var(--white)}.btn.outline:disabled{opacity:.6;cursor:not-allowed;background:transparent;color:var(--gray-400);border-color:var(--gray-300);transform:none;box-shadow:none}.btn.outline:disabled i{color:var(--gray-400)}.btn.small{padding:.5rem 1rem;font-size:.75rem}.btn.large{padding:1rem 2rem;font-size:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;gap:1rem;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.empty-icon{width:80px;height:80px;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:2.5rem}.empty-state h3{color:var(--gray-900);font-size:1.5rem;font-weight:700}.empty-state p{color:var(--gray-600);max-width:400px}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.modal{background:var(--white);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;max-width:600px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;background:linear-gradient(135deg,#0091e0,#155c91);color:var(--white);position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.modal-header h2{font-size:1.5rem;font-weight:800;color:var(--white);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.modal-close{width:40px;height:40px;border:none;background:#fff3;border-radius:50%;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.modal-close:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.modal-close:active{transform:scale(.95)}.modal-body{padding:2rem;background:var(--white);overflow-y:auto;max-height:60vh}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem 2rem;background:var(--gray-50);border-top:1px solid var(--gray-200)}.admin-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.75rem;position:relative}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--gray-800);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.form-group label i{font-size:1rem;color:var(--primary);opacity:.8}.form-group input,.form-group select,.form-group textarea{padding:1rem 1.25rem;border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:.875rem;color:var(--gray-900);background:var(--white);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;position:relative}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #0091e01a,0 4px 12px #00000026;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--gray-300);box-shadow:0 2px 8px #0000001a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-400);font-style:italic}.form-group input:invalid,.form-group select:invalid{border-color:var(--danger);box-shadow:0 0 0 4px #ef44441a}.form-group input:valid,.form-group select:valid{border-color:var(--success)}.form-group input:required:invalid{border-color:var(--warning)}.form-group input:required:valid{border-color:var(--success);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2310b981' d='m2.3 6.73.94-.94 1.89-1.89 1.89-1.89.94-.94L6.73.94 5.79 1.89 3.9 3.78 2.01 5.67.07 3.73-.87 4.67l1.94 1.94z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.form-group textarea{resize:vertical;min-height:100px}.form-help{font-size:.75rem;color:var(--gray-500);font-style:italic;margin-top:.25rem;line-height:1.4}.tts-completed-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);white-space:nowrap}.tts-completed-indicator .reset-tts{transition:all .2s ease}.tts-completed-indicator .reset-tts:hover{opacity:1!important;color:#ef4444!important;transform:rotate(180deg)}.chips-input{display:flex;flex-direction:column;gap:.5rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,var(--gray-100),var(--gray-50));border:1px solid var(--gray-200);border-radius:999px;color:var(--gray-700);font-weight:600;box-shadow:var(--shadow-sm)}.chip.suggestion{cursor:pointer;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-color:var(--primary-light)}.chip.suggestion:hover{background:linear-gradient(135deg,#e0e7ff,#ede9fe)}.chip-remove{border:none;background:transparent;color:var(--gray-500);cursor:pointer;font-size:1rem;line-height:1}.chip-input-row{display:flex;gap:.5rem}.chip-input-row input[type=text]{flex:1}.uploader{display:flex;flex-direction:column;gap:.75rem}.uploader-area{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;border:2px dashed var(--gray-300);border-radius:var(--radius-xl);background:linear-gradient(135deg,#f8fafc,#fff);color:var(--gray-600);cursor:pointer;transition:var(--transition)}.uploader-area:hover{border-color:var(--primary);box-shadow:0 0 0 4px #0091e01a}.uploader-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#0091e01a;color:var(--primary);font-size:1.25rem}.uploader-text b{display:block;color:var(--gray-800)}.uploader-text small{color:var(--gray-500)}.uploader-preview{display:flex;align-items:center;gap:.75rem}.uploader-img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.uploader-meta{display:flex;align-items:center;gap:.5rem}.uploader-meta .file-name{color:var(--gray-700);font-weight:600}@media (max-width: 1200px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:900px}}@media (max-width: 1024px){.page-header{flex-direction:column;gap:1.5rem}.filters-section{flex-direction:column}.search-box{min-width:auto}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:800px}.admin-table th,.admin-table td{padding:1rem}}@media (max-width: 768px){.header-content h1{font-size:1.75rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;border-radius:0}.admin-table{min-width:700px}.admin-table th,.admin-table td{padding:.75rem .5rem;font-size:.8rem}.user-info{flex-direction:column;align-items:flex-start;gap:.5rem}.user-avatar{width:28px;height:28px;font-size:.75rem}.action-buttons{flex-direction:column;gap:.25rem}.btn-icon{width:28px;height:28px;font-size:.75rem}.modal{margin:1rem;max-width:none}.country-badge,.gender-badge,.status-badge{font-size:.7rem;padding:.25rem .5rem}.form-row{grid-template-columns:1fr;gap:.75rem}.form-group label{font-size:.8rem}.form-group input,.form-group select{padding:.75rem 1rem;font-size:.8rem}}.error-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:var(--danger);font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:var(--transition)}.error-alert:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.error-alert i{font-size:1.25rem;flex-shrink:0}.error-alert button{background:none;border:none;color:var(--danger);font-size:1.25rem;cursor:pointer;margin-left:auto;padding:.25rem;border-radius:var(--radius-sm);transition:var(--transition);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.error-alert button:hover{background:#ef44441a;transform:scale(1.1)}.success-alert{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:var(--success);font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:var(--transition)}.success-alert:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.success-alert i{font-size:1.25rem;flex-shrink:0}@media (max-width: 480px){.header-content h1{font-size:1.5rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.5rem;border-radius:0}.admin-table{min-width:600px;font-size:.75rem}.admin-table th,.admin-table td{padding:.5rem .25rem}.user-info{flex-direction:column;align-items:flex-start;gap:.25rem}.user-avatar{width:24px;height:24px;font-size:.75rem}.country-badge,.gender-badge,.status-badge{font-size:.65rem;padding:.2rem .4rem}.form-row{grid-template-columns:1fr;gap:.5rem}.form-group label{font-size:.75rem}.form-group input,.form-group select{padding:.5rem .75rem;font-size:.75rem}.modal-header,.modal-body,.modal-footer{padding:1rem}}.modal-header-actions{display:flex;align-items:center;gap:.75rem}.sub-systems-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray-200)}.sub-systems-section h3{color:var(--accent);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.sub-systems-section h3:before{content:"";width:4px;height:1.25rem;background:var(--gradient-primary);border-radius:2px}.sub-systems-list{display:grid;gap:1rem}.sub-system-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sub-system-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-light)}.sub-system-info{display:flex;flex-direction:column;gap:.75rem;flex:1}.sub-system-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.sub-system-header{display:flex;flex-direction:column;gap:.25rem}.sub-system-header h4{color:var(--accent);font-size:1.125rem;font-weight:600;margin:0}.sub-system-name-ar{color:var(--gray-600);font-size:.875rem;font-weight:500;direction:rtl;text-align:right}.sub-system-description{color:var(--gray-600);font-size:.875rem;line-height:1.5;margin:0}.sub-system-country{display:flex;align-items:center;gap:.5rem;color:var(--gray-500);font-size:.875rem}.sub-system-country i{font-size:1rem;color:var(--primary)}.sub-system-meta{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.status-badge{padding:.25rem .75rem;border-radius:var(--radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.real{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.status-badge.fake{background:#f59e0b1a;color:var(--warning);border:1px solid rgba(245,158,11,.2)}.btn-icon.view{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.btn-icon.view:hover{background:var(--success);color:var(--white);border-color:var(--success);transform:translateY(-1px)}.btn-icon.delete{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-icon.delete:hover{background:var(--danger);color:var(--white);border-color:var(--danger);transform:translateY(-1px)}@media (max-width: 768px){.sub-systems-section{margin-top:1.5rem;padding-top:1.5rem}.sub-system-item{padding:1rem;flex-direction:column;align-items:stretch}.sub-system-actions{justify-content:flex-end;margin-top:1rem}.sub-system-header h4{font-size:1rem}.sub-system-name-ar,.sub-system-description{font-size:.8rem}}.items-table-container{overflow-x:auto}.items-table-container .admin-table{margin-bottom:0}.subject-info{display:flex;flex-direction:column;gap:.25rem}.subject-name{font-weight:600;color:var(--gray-900)}.subject-name-ar{font-size:.875rem;color:var(--gray-600);font-style:italic}.type-badge{display:inline-block;padding:.25rem .5rem;background:var(--gradient-primary);color:var(--white);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase}.item-id{font-weight:600;color:var(--primary)}.classroom-info{display:flex;flex-direction:column;gap:.25rem}.classroom-name{font-weight:600;color:var(--gray-900)}.classroom-name-ar{font-size:.875rem;color:var(--gray-600);font-style:italic}.no-items{text-align:center;padding:3rem 1rem;color:var(--gray-500)}.no-items i{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-items p{font-size:1.125rem;margin:0}@media (max-width: 768px){.items-table-container .admin-table{min-width:500px}}@media (max-width: 480px){.items-table-container .admin-table{min-width:400px}}.admin-card{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem;margin-bottom:2rem;transition:var(--transition)}.admin-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.admin-card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.admin-card-header h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0}.admin-card-header p{font-size:.875rem;color:var(--gray-600);margin:.5rem 0 0}.form-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;margin-top:1rem;border-top:1px solid var(--gray-200)}.pagination-info{font-size:.875rem;color:var(--gray-600);font-weight:500;min-width:120px;text-align:center}.pagination-bar .btn{min-width:100px}.admin-page-content{max-width:1400px;margin:0 auto;padding:0 1rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-field-group{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--gray-50);border-radius:var(--radius-lg);margin-bottom:1.5rem}.form-field-group-title{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.form-field-group-title:before{content:"";width:3px;height:1rem;background:var(--gradient-primary);border-radius:2px}.ui-field{position:relative;width:100%}.ui-input,.ui-select{width:100%;height:46px;border-radius:14px;border:1px solid #e6e8ee;background:#fbfcfe;padding:0 14px;font-size:14px;color:#0f172a;outline:none;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 1px #10182805}.ui-input::placeholder{color:#9aa4b2}.ui-input:hover,.ui-select:hover{border-color:#d8dbe4;background:#fff}.ui-input:focus,.ui-select:focus{border-color:#94a3ff;box-shadow:0 0 0 4px #6074ff1f;background:#fff}.ui-input:disabled,.ui-select:disabled{opacity:.6;cursor:not-allowed}.ui-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%239AA4B2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.ui-input-icon{position:relative}.ui-input-icon .ui-input{padding-left:42px}.ui-input-icon .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#9aa4b2;pointer-events:none}.ui-label{display:block;font-size:12px;color:#6b7280;margin:0 0 6px 6px}:root[dir=rtl] .ui-input-icon .ui-input{padding-left:14px;padding-right:42px}:root[dir=rtl] .ui-input-icon .icon{left:auto;right:14px}:root[dir=rtl] .ui-select{background-position:left 14px center;padding-right:14px;padding-left:40px}.filters-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filters-section .ui-field,.filters-section select{height:46px}.ui-field{display:flex;align-items:center}.filters-section .ui-label{display:none}.ui-select{height:46px;border-radius:14px;border:1px solid #e6e8ee;padding:0 14px;background-color:#fbfcfe;font-size:14px;line-height:1;outline:none;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease}.filters-section{margin:16px 0 20px}.filters-grid.grid-3{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px 16px;align-items:end}.filters-grid .filter-group{display:flex;flex-direction:column;gap:6px}.filters-grid .filter-group label{font-size:12.5px;color:#6b7280;-webkit-user-select:none;user-select:none}.filters-grid .filter-group select,.filters-grid .filter-group input[type=text],.filters-grid .filter-group input[type=date],.filters-grid .filter-group input[type=number],.filters-grid .filter-group button{height:44px;border-radius:12px;border:1px solid #e6e8ee;background:#fbfcfe;padding:0 12px;font-size:14px;outline:none;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease}.filters-grid .filter-group button.btn.secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:#f3f4f6;border:1px solid #e6e8ee;cursor:pointer}@media (max-width: 1100px){.filters-grid.grid-3{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width: 640px){.filters-grid.grid-3{grid-template-columns:1fr}}.filters-grid .span-2{grid-column:span 2}.lesson-data-entry-wrapper{display:flex;justify-content:center;padding:1rem}.lesson-card{max-width:1100px;width:100%;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem;transition:var(--transition)}.lesson-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.lesson-card-title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;color:var(--gray-900);padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.lesson-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.5rem}.lesson-form .form-group{display:flex;flex-direction:column;gap:.5rem}.lesson-form .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.25rem}.lesson-form .form-group input,.lesson-form .form-group select,.lesson-form .form-group textarea{width:100%;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--gray-300);font-size:.875rem;color:var(--gray-900);background:var(--white);transition:var(--transition)}.lesson-form .form-group input:focus,.lesson-form .form-group select:focus,.lesson-form .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6074ff1a}.lesson-form .form-group input:disabled,.lesson-form .form-group select:disabled,.lesson-form .form-group textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--gray-50)}.lesson-form .form-group textarea{min-height:80px;resize:vertical;font-family:inherit}.lesson-form .full-width{grid-column:1 / -1}.lesson-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.lesson-submit-btn{padding:.625rem 1.5rem;border-radius:var(--radius);border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.lesson-submit-btn:disabled{opacity:.7;cursor:not-allowed}.lesson-submit-btn .spinning,.spinning{animation:spin 1s linear infinite}.page-header .logout-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;white-space:nowrap}.page-header .header-actions{display:flex;align-items:center;gap:1rem}.mobile-hamburger-btn{display:none;width:44px;height:44px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;font-size:1.5rem;color:var(--gray-700);align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.mobile-hamburger-btn:hover{background:var(--gray-50);border-color:var(--gray-300);box-shadow:var(--shadow-md)}.mobile-menu-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-start;justify-content:flex-end;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-drawer{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:320px;max-height:calc(100vh - 2rem);overflow-y:auto;animation:slideIn .3s ease;display:flex;flex-direction:column}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-200)}.mobile-menu-header h2{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin:0}.mobile-menu-close{width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;font-size:1.5rem;color:var(--gray-600);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.mobile-menu-close:hover{background:var(--gray-100);color:var(--gray-900)}.mobile-menu-content{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.mobile-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;justify-content:flex-start;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;text-align:left}.mobile-menu-item i{font-size:1.25rem}@media (max-width: 1024px){.page-header,.desktop-buttons{flex-wrap:wrap}.desktop-buttons .btn{min-width:auto;font-size:.875rem;padding:.5rem .75rem}}@media (max-width: 768px){.desktop-buttons{display:none!important}.mobile-hamburger-btn{display:flex}.page-header{gap:1rem}.header-content h1{font-size:1.5rem}}@media (max-width: 480px){.admin-page{padding:1rem!important}.page-header{margin-bottom:1.5rem}.header-content h1{font-size:1.25rem}.mobile-menu-drawer{max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh}.mobile-menu-overlay{padding:0;align-items:flex-end}}.home-data-entry-layout{display:flex;gap:1.5rem;align-items:flex-start}@media (max-width: 1024px){.home-data-entry-layout{flex-direction:column}.filters-sidebar{width:100%!important;min-width:auto!important;position:relative!important;top:auto!important;max-height:none!important}}@media (max-width: 768px){.home-data-entry-layout{gap:1rem}.filters-sidebar,.subjects-table-container{padding:1rem!important}}@media (max-width: 1200px){.lesson-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.lesson-data-entry-wrapper{padding:.5rem}.lesson-card{padding:1.5rem}.lesson-form{grid-template-columns:1fr;gap:1rem}.lesson-form-actions{flex-direction:column-reverse}.lesson-form-actions .btn{width:100%}.page-header{flex-direction:row;align-items:flex-start}.page-header .header-actions{width:auto}}:root{--primary: #0091e0;--primary-dark: #155c91;--primary-light: #4fb1e4;--secondary: #224975;--accent: #081830;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #4fb1e4;--white: #ffffff;--gray-50: #f8fafb;--gray-100: #f1f4f7;--gray-200: #e4e9ed;--gray-300: #d1d8de;--gray-400: #9ca6b0;--gray-500: #6b7684;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #081830;--gradient-primary: linear-gradient(135deg, #0091e0 0%, #4fb1e4 100%);--gradient-secondary: linear-gradient(135deg, #224975 0%, #155c91 100%);--gradient-accent: linear-gradient(135deg, #081830 0%, #224975 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.admin-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:1000;transition:var(--transition-slow);font-family:Inter,system-ui,-apple-system,sans-serif}.admin-sidebar.collapsed{width:80px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--gray-200);background:var(--gradient-primary);color:var(--white)}.logo{display:flex;align-items:center;gap:.75rem;height:0em}.logo i{font-size:1.5rem;color:var(--white)}.logo-text{font-size:1.25rem;font-weight:700;color:var(--white);transition:var(--transition)}.admin-sidebar.collapsed .logo-text{opacity:0;width:0;overflow:hidden}.collapse-btn{background:#ffffff1a;border:none;border-radius:var(--radius);padding:.5rem;color:var(--white);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.collapse-btn:hover{background:#fff3}.collapse-btn i{font-size:1rem}.language-switcher{display:flex;margin:1rem;background:var(--gray-100);border-radius:var(--radius-lg);padding:.25rem;gap:.25rem}.lang-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:transparent;border:none;border-radius:var(--radius);color:var(--gray-600);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition)}.lang-btn.active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.lang-btn i{font-size:.875rem}.admin-sidebar.collapsed .lang-btn span{display:none}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:.25rem 1rem}.nav-link{position:relative;display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--gray-700);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:var(--transition);text-decoration:none}.nav-link:hover{background:var(--gray-100);color:var(--gray-900);transform:translate(2px)}.nav-link.active{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-md)}.nav-link.active:hover{transform:translate(2px)}.nav-link i{font-size:1.125rem;flex-shrink:0;width:20px;text-align:center}.nav-text{transition:var(--transition);white-space:nowrap}.admin-sidebar.collapsed .nav-text{opacity:0;width:0;overflow:hidden}.active-indicator{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--white);border-radius:2px;opacity:.8}.admin-sidebar.collapsed .active-indicator{display:none}.sidebar-footer{padding:1rem;border-top:1px solid var(--gray-200);background:var(--gray-50)}.user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.user-details{display:flex;flex-direction:column;transition:var(--transition)}.admin-sidebar.collapsed .user-details{opacity:0;width:0;overflow:hidden}.user-name{font-size:.875rem;font-weight:600;color:var(--gray-900);line-height:1.2}.user-role{font-size:.75rem;color:var(--gray-500);line-height:1.2}.logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:var(--danger);border:none;border-radius:var(--radius-lg);color:var(--white);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition)}.logout-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.logout-btn i{font-size:1rem;flex-shrink:0}.logout-btn span{transition:var(--transition)}.admin-sidebar.collapsed .logout-btn span{opacity:0;width:0;overflow:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width: 1024px){.admin-sidebar{width:260px}.admin-sidebar.collapsed{width:70px}}@media (max-width: 768px){.admin-sidebar{width:240px;transform:translate(-100%)}.admin-sidebar.collapsed{width:60px}.admin-sidebar.mobile-open{transform:translate(0)}}@media (max-width: 480px){.admin-sidebar{width:100%;transform:translate(-100%)}.admin-sidebar.collapsed{width:100%}.sidebar-header{padding:1rem}.nav-item{margin:.25rem .75rem}.nav-link,.sidebar-footer{padding:.75rem}}[dir=rtl] .admin-sidebar{left:auto;right:0;border-right:none;border-left:1px solid rgba(255,255,255,.2)}[dir=rtl] .nav-link:hover,[dir=rtl] .nav-link.active:hover{transform:translate(-2px)}[dir=rtl] .active-indicator{right:auto;left:.5rem}[dir=rtl] .admin-sidebar.collapsed{transform:translate(100%)}[dir=rtl] .admin-sidebar.mobile-open{transform:translate(0)}:root{--primary: #0091e0;--primary-dark: #155c91;--primary-light: #4fb1e4;--secondary: #f59e0b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.admin-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Inter,system-ui,-apple-system,sans-serif}.admin-content{flex:1;margin-left:280px;transition:var(--transition-slow);width:calc(100% - 280px);min-height:100vh;-webkit-transition:var(--transition-slow);-moz-transition:var(--transition-slow);-ms-transition:var(--transition-slow);-o-transition:var(--transition-slow)}.admin-content.sidebar-collapsed{margin-left:80px}.admin-modal{display:flex;flex-direction:column;align-self:center;justify-self:center;padding:0}.admin-modal>div{width:100%}.admin-modal .modal-footer{display:flex;justify-content:center}@media (max-width: 1024px){.admin-content{margin-left:260px}.admin-content.sidebar-collapsed{margin-left:70px}.content-wrapper{padding:1.5rem}}@media (max-width: 768px){.admin-content,.admin-content.sidebar-collapsed{margin-left:0}.content-wrapper{padding:1rem}}@media (max-width: 480px){.content-wrapper{padding:.75rem}}[dir=rtl] .admin-content{margin-left:0;margin-right:280px}[dir=rtl] .admin-content.sidebar-collapsed{margin-right:80px}@media (max-width: 1024px){[dir=rtl] .admin-content{margin-right:260px}[dir=rtl] .admin-content.sidebar-collapsed{margin-right:70px}}@media (max-width: 768px){[dir=rtl] .admin-content,[dir=rtl] .admin-content.sidebar-collapsed{margin-right:0}}:root{--primary: #0091e0;--primary-dark: #155c91;--primary-light: #4fb1e4;--secondary: #f59e0b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gradient-primary: linear-gradient(135deg, #0091e0 0%, #4fb1e4 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.admin-auth-container{min-height:100vh;background:linear-gradient(135deg,#0091e0,#155c91);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.admin-auth-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.admin-auth-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:3rem;width:100%;max-width:450px;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:2rem}.admin-logo{margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.admin-logo-image{height:100px;width:auto;filter:drop-shadow(0 0 20px rgba(0,145,224,.3))}.auth-header h1{font-size:2rem;font-weight:800;color:var(--gray-900);margin-bottom:.5rem;background:linear-gradient(135deg,var(--gray-900) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{color:var(--gray-600);font-size:1rem;font-weight:500}.admin-auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i{position:absolute;left:1rem;color:var(--gray-400);font-size:1rem;z-index:2}.input-wrapper input,.input-wrapper select{width:100%;padding:.875rem 1rem .875rem 2.5rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:.875rem;background:var(--white);color:var(--gray-900);transition:var(--transition)}.input-wrapper input:focus,.input-wrapper select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.input-wrapper input::placeholder{color:var(--gray-400)}.input-wrapper select{cursor:pointer}.admin-notice{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);margin:.5rem 0}.admin-notice i{color:var(--primary);font-size:1.25rem;flex-shrink:0}.admin-notice p{color:var(--gray-700);font-size:.875rem;font-weight:500;margin:0}.admin-login-btn,.admin-register-btn{width:100%;padding:1rem 1.5rem;background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-md)}.admin-login-btn:hover,.admin-register-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-login-btn:disabled,.admin-register-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message,.success-message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;margin-bottom:1rem}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.success-message{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--success)}.error-message i,.success-message i{font-size:1.125rem;flex-shrink:0}.auth-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray-200)}.auth-footer p{color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.auth-link{color:var(--primary);text-decoration:none;font-weight:600;font-size:.875rem;transition:var(--transition)}.auth-link:hover{color:var(--primary-dark);text-decoration:underline}.back-to-main{text-align:center;margin-top:1.5rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--gray-500);text-decoration:none;font-size:.875rem;font-weight:500;transition:var(--transition)}.back-link:hover{color:var(--gray-700)}.back-link i{font-size:1rem}@media (max-width: 768px){.admin-auth-container{padding:1rem}.admin-auth-card{padding:2rem;max-width:none}.admin-logo{width:60px;height:60px;font-size:1.5rem}.auth-header h1{font-size:1.75rem}.admin-auth-form{gap:1.25rem}.input-wrapper input,.input-wrapper select{padding:.75rem 1rem .75rem 2.25rem}.admin-login-btn,.admin-register-btn{padding:.875rem 1.25rem;font-size:.875rem}}@media (max-width: 480px){.admin-auth-card{padding:1.5rem}.admin-logo{width:50px;height:50px;font-size:1.25rem}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.875rem}.admin-auth-form{gap:1rem}.form-group label{font-size:.75rem}.input-wrapper input,.input-wrapper select{padding:.625rem .875rem .625rem 2rem;font-size:.75rem}.admin-notice{padding:.75rem}.admin-notice p{font-size:.75rem}.admin-login-btn,.admin-register-btn{padding:.75rem 1rem;font-size:.75rem}.error-message,.success-message{padding:.75rem;font-size:.75rem}}[dir=rtl] .input-wrapper i{left:auto;right:1rem}[dir=rtl] .input-wrapper input,[dir=rtl] .input-wrapper select{padding:.875rem 2.5rem .875rem 1rem}[dir=rtl] .admin-notice,[dir=rtl] .back-link{flex-direction:row-reverse}@media (max-width: 480px){[dir=rtl] .input-wrapper input,[dir=rtl] .input-wrapper select{padding:.625rem 2rem .625rem .875rem}}.data-entry-layout{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Inter,system-ui,-apple-system,sans-serif}.data-entry-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-md);z-index:999;display:flex;align-items:center;padding:0 2rem}.navbar-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%}.navbar-logo{display:flex;align-items:center}.navbar-logo .brand-logo{height:40px;width:auto;object-fit:contain}.navbar-title{display:flex;align-items:center}.navbar-title h2{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin:0}.data-entry-main{display:flex;margin-top:70px;min-height:calc(100vh - 70px)}.data-entry-content{flex:1;margin-left:280px;transition:var(--transition-slow);width:calc(100% - 280px);min-height:calc(100vh - 70px)}.content-wrapper{padding:2rem;max-width:100%;overflow-x:auto}@media (max-width: 1024px){.data-entry-content{margin-left:260px}.content-wrapper{padding:1.5rem}}@media (max-width: 768px){.data-entry-navbar{padding:0 1rem}.navbar-title h2{font-size:1rem}.data-entry-content{margin-left:0;width:100%}.content-wrapper{padding:1rem}}[dir=rtl] .data-entry-content{margin-left:0;margin-right:280px}@media (max-width: 768px){[dir=rtl] .data-entry-content{margin-right:0}}.about-page .hero.hero--about{padding-top:72px;padding-bottom:40px}.about-page .hero-onecol{display:grid;grid-template-columns:1fr;justify-items:start}.about-page .hero-onecol .hero-content{max-width:760px}.about-page .hero-about-layout{display:flex;align-items:center;gap:3rem}.about-page .hero-about-layout .hero-content{display:flex;align-items:center;gap:3rem;width:100%;max-width:none}.about-page .hero-text-section{flex:1;max-width:600px}.about-page .hero-actions{flex-shrink:0;display:flex;align-items:center}.about-page .hero-title{margin-bottom:10px}.about-page .hero-badge{margin:10px 0 16px}.about-page .hero-description{margin-bottom:18px;line-height:1.9}.about-page .hero-actions{justify-content:flex-start}.about-page .section-header.center,.about-page .features-section .section-header,.about-page .how-section .section-header{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}.about-page .features-grid,.about-page .steps-container{margin-top:18px}.about-page .section-header h2{white-space:nowrap;font-size:clamp(1.8rem,4vw,2.5rem)}@media (max-width: 768px){.about-page .hero.hero--about{padding-top:56px;padding-bottom:28px}.about-page .hero-onecol .hero-content{max-width:100%}}.contact-page .hero.hero--contact{padding-top:72px;padding-bottom:36px}.contact-page .hero-onecol{display:grid;grid-template-columns:1fr}.contact-page .hero-onecol .hero-content{max-width:760px}.hero{min-height:50%}.contact-section.two-cols{padding:60px 0 80px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.contact-left{display:flex;flex-direction:column;justify-content:center;gap:16px}.contact-heading{font-size:2rem;color:#0f172a;font-weight:700}.contact-text{color:#334155;line-height:1.7;max-width:90%}.contact-image img{width:280px;height:auto;margin-top:20px}.contact-info{display:flex;flex-direction:column;gap:18px}.info-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#d1c7f7;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 6px 20px #0000000d;transition:.2s}.info-card:hover{transform:translateY(-3px)}.info-icon{font-size:22px;color:#2563eb}.socials{display:flex;gap:10px;margin-top:16px}.social{font-size:20px;color:#2563eb;background:#f1f5f9;border-radius:8px;padding:8px;transition:.25s}.social:hover{background:#2563eb;color:#fff}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr;text-align:center}.contact-left{align-items:center}.contact-text{max-width:100%}.contact-image img{width:200px}}.legal-page .hero.hero--legal{padding:5;min-height:42vh;position:relative}.legal-page .hero.hero--legal .container{max-width:1200px;margin:0 auto;padding:24px 20px;display:flex;align-items:center;justify-content:center;text-align:center;min-height:inherit}.legal-page .hero-onecol{display:block}.legal-page .hero-content{width:100%}.legal-page .hero-title{margin:0 0 10px;font-size:clamp(30px,3.6vw,44px);line-height:1.15;color:#0f172a}.legal-page .hero-description{margin:0 auto;max-width:900px;line-height:1.85;font-weight:500;color:#334155}.legal-dates{display:inline-flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:.95rem;color:#475569}.legal-dates b{color:#0f172a}.legal-section{padding:22px 0 70px}.legal-section .container{max-width:1240px;margin:0 auto;padding:0 20px}.legal-article{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 28px #0f172a0f;padding:28px;max-width:1100px;margin:0 auto;color:#0f172a;line-height:1.9;font-size:16.2px;text-align:left;direction:ltr}.legal-article h2{margin:26px 0 12px;font-size:1.28rem;color:#111827;border-bottom:1px solid #eef2f7;padding-bottom:8px;text-align:left}.legal-article h3{margin:18px 0 8px;font-size:1.08rem;color:#0f172a;text-align:left}.legal-article p{margin:8px 0 10px;color:#1f2937;text-align:left}.legal-article ul{margin:6px 0 12px 22px;padding:0;list-style:disc;color:#1f2937}.legal-article li{margin:6px 0}.legal-article ul li::marker{color:#2563eb}.legal-article b{color:#0b1324}.legal-article a{color:#1d4ed8;text-decoration:none;border-bottom:1px solid rgba(29,78,216,.35)}.legal-article a:hover{color:#0b49ff;border-bottom-color:#0b49ff99}.legal-meta{margin-top:18px;font-size:.92rem;color:#475569;border-top:1px solid #eef2f7;padding-top:12px}body.dark-mode .legal-page .hero-title{color:#f1f6ff}body.dark-mode .legal-page .hero-description{color:#d6e4ff}body.dark-mode .legal-dates{color:#bcd0f5}body.dark-mode .legal-dates b{color:#fff}body.dark-mode .legal-article{background:#ffffff0b;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px #00000047;color:#e7efff}body.dark-mode .legal-article h2{color:#f4f8ff;border-bottom-color:#ffffff1f}body.dark-mode .legal-article h3{color:#e7efff}body.dark-mode .legal-article p,body.dark-mode .legal-article ul{color:#dbe7ff}body.dark-mode .legal-article ul li::marker{color:#9cc0ff}body.dark-mode .legal-article a{color:#9cc0ff;border-bottom-color:#9cc0ff59}body.dark-mode .legal-article a:hover{color:#cfe0ff;border-bottom-color:#cfe0ffb3}body.dark-mode .legal-meta{color:#b9ccef;border-top-color:#ffffff1f}@media (max-width: 900px){.legal-article{max-width:100%;padding:22px;border-radius:14px}.legal-page .hero.hero--legal .container{padding:20px 16px}.legal-page .hero-description{max-width:680px}}@media (max-width: 520px){.legal-page .hero-title{font-size:26px}.legal-article{padding:18px;border-radius:12px}}.faq-page .hero.hero--faq{padding:5;min-height:36vh;position:relative}.faq-page .hero.hero--faq .container{max-width:1200px;margin:0 auto;padding:28px 20px;min-height:inherit;display:flex;align-items:center;justify-content:center;text-align:center}.faq-page .hero-title{margin:0 0 10px;font-size:clamp(30px,3.2vw,42px);line-height:1.15;color:#0f172a}.faq-page .hero-description{margin:0 auto;max-width:820px;color:#334155;line-height:1.85;font-weight:500}.faq-section{padding:52px 0 80px}.faq-section .container{max-width:1240px;margin:0 auto;padding:0 20px}.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.faq-aside .faq-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 28px #0f172a0f;padding:22px;margin-bottom:18px}.faq-aside .faq-card h3{margin:0 0 8px;color:#0f172a;font-size:1.2rem}.faq-aside .faq-card p{color:#334155;margin:0 0 10px;line-height:1.7}.faq-meta{list-style:none;padding:0;margin:10px 0 8px;color:#1f2937}.faq-meta li{display:flex;align-items:center;gap:8px;margin:6px 0}.faq-meta i{color:#2563eb}.faq-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:.85rem;border:1px solid #e5e7eb}.faq-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.faq-stats .stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 10px;text-align:center}.faq-stats .stat b{display:block;font-size:1.2rem;color:#0f172a}.faq-stats .stat span{color:#475569;font-size:.9rem}.faq-accordion{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 28px #0f172a0f;padding:16px}.faq-category{font-size:1rem;margin:10px 0 6px;color:#111827;opacity:.9;letter-spacing:.2px}.faq-item{border:1px solid #eef2f7;border-radius:12px;margin:10px 0;background:#fff;overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#0f172a;font-weight:600}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{transition:transform .2s ease;color:#2563eb;font-size:20px}.faq-item[open] summary i{transform:rotate(180deg)}.faq-content{padding:0 16px 14px;color:#334155;line-height:1.75;border-top:1px dashed #eef2f7}.faq-content a{color:#1d4ed8;text-decoration:none;border-bottom:1px solid rgba(29,78,216,.35)}.faq-content a:hover{color:#0b49ff;border-bottom-color:#0b49ff99}body.dark-mode .faq-page .hero-title{color:#f1f6ff}body.dark-mode .faq-page .hero-description{color:#d6e4ff}body.dark-mode .faq-aside .faq-card,body.dark-mode .faq-accordion,body.dark-mode .faq-stats .stat{background:#ffffff0b;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px #00000047}body.dark-mode .faq-category,body.dark-mode .faq-item summary{color:#000205}body.dark-mode .faq-content{color:#010307;border-top-color:#ffffff1f}body.dark-mode .badge{background:#ffffff14;border-color:#ffffff1f;color:#020407}body.dark-mode .faq-stats .stat span{color:#c6d8ff}@media (max-width: 980px){.faq-grid{grid-template-columns:1fr}}