@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&display=swap);:root{--bg:#f8f9fa;--accent-dark:#1557b0;--error-dark:#c82333;--warning-dark:#e0a800;--success-dark:#1e7e34;--text-tertiary:#6c757d;--bg-secondary:#e9ecef;--bg-tertiary:#dee2e6;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 2px 8px #0000001f;--shadow-lg:0 4px 12px #00000026;--shadow-xl:0 8px 24px #00000026;--shadow-hover:0 4px 12px #0003;--shadow-focus:0 0 0 3px #1a73e81a;--transition-fast:0.2s ease;--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s ease;--sidebar-width:280px;--card-padding:20px;--section-gap:24px;--font-family:"Google Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--heading-size:28px;--body-size:14px;--font-family-ar:"Cairo","Tahoma","Arial",sans-serif}[dir=rtl]{--font-family:var(--font-family-ar)}[dir=ltr]{--font-family:"Google Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--bg);color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.rtl-flip{transform:scaleX(-1)}[dir=rtl] .rtl-flip{transform:scaleX(1)}[dir=rtl] .icon-arrow-left,[dir=rtl] .icon-arrow-right,[dir=rtl] .icon-chevron-left,[dir=rtl] .icon-chevron-right{transform:scaleX(-1)}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}.ml-auto{-webkit-margin-start:auto;margin-inline-start:auto}.mr-auto{-webkit-margin-end:auto;margin-inline-end:auto}.pl-0{-webkit-padding-start:0;padding-inline-start:0}.pr-0{-webkit-padding-end:0;padding-inline-end:0}*{margin:0;padding:0}body,html{background-color:var(--bg);font-family:var(--font-family)}body{display:block;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.dashboard-toggle{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;gap:10px;padding:10px;position:fixed;right:20px;top:20px;z-index:1000}.toggle-btn{background:#fff;border:2px solid #3498db;border-radius:5px;color:#3498db;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.toggle-btn.active,.toggle-btn:hover{background:#3498db;color:#fff}.App{display:flex;height:100%;width:100%}.dashboard-container{display:flex;min-height:100vh;overflow:visible;width:100%}.main-content{background:var(--bg);box-sizing:border-box;flex:1 1;margin-left:280px;margin-right:0;margin-top:64px;min-height:calc(100vh - 64px);overflow-x:hidden;overflow-y:visible;padding:24px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 280px)}[dir=rtl] .main-content{margin-left:0!important;margin-right:280px!important}.main-content h2{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:400;line-height:1.3;margin:0 0 12px}.loading{padding:20px}@media (max-width:768px){.main-content{margin-left:0;margin-top:64px;padding:16px;width:100%}.section{margin-bottom:0;padding:0}.dashboard-container,.dashboard-toggle{flex-direction:column}.dashboard-toggle{gap:5px;right:10px;top:10px}.toggle-btn{font-size:12px;padding:6px 12px}}.espCoursesWrapper,.espCoursesWrapper *{max-height:none!important;overflow:visible!important}.notification-badge{align-items:center;background:#0000;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;margin-left:auto;padding:4px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-badge:hover{background:var(--nav-hover);color:var(--text);transform:scale(1.05)}.notification-badge .material-icons{font-size:20px}.badge-count{align-items:center;animation:pulse 2s infinite;background:var(--error);border-radius:10px;color:#fff;display:flex;font-family:var(--font-family);font-size:11px;font-weight:500;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:-2px;top:-2px}@keyframes pulse{0%{box-shadow:0 0 0 0 #dc3545b3;transform:scale(1)}70%{box-shadow:0 0 0 10px #dc354500;transform:scale(1.1)}to{box-shadow:0 0 0 0 #dc354500;transform:scale(1)}}@media (max-width:768px){.notification-badge{padding:6px}.notification-badge .material-icons{font-size:18px}.badge-count{font-size:10px;height:16px;min-width:16px}}.sidebar{background:var(--nav-bg);border-right:1px solid var(--border);box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;right:auto;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:var(--sidebar-width);z-index:1000}[dir=rtl] .sidebar{border-left:1px solid var(--border)!important;border-right:none!important;left:auto!important;right:0!important}.sidebar-header{background:var(--nav-bg);border-bottom:1px solid var(--border);padding:24px 20px 20px}.sidebar-logo{align-items:center;display:flex;gap:12px;margin-bottom:20px}.sidebar-logo img{border-radius:8px;box-shadow:0 2px 4px var(--shadow);height:56px;width:56px}.sidebar-logo h2{color:var(--text);font-family:var(--font-family);font-size:20px;font-weight:500;margin:0}.profile-section{align-items:center;border-radius:8px;box-shadow:0 1px 3px var(--shadow);display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-section:hover{box-shadow:0 2px 6px var(--shadow-hover);transform:translateY(-1px)}.profile-picture{align-items:center;background:var(--accent);border:none;box-shadow:0 2px 4px var(--shadow);display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.profile-picture img{height:100%;object-fit:cover;width:100%}.profile-picture .profile-placeholder{color:#fff;font-size:20px;font-weight:500}.profile-picture .upload-overlay{align-items:center;background:#00000080;border-radius:50%;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.profile-picture:hover .upload-overlay{opacity:1}.profile-picture .upload-overlay i{color:#fff;font-size:18px}.profile-info{flex:1 1;min-width:0;text-align:center;width:100%}.profile-info h3{color:var(--text);font-size:14px;font-weight:500;margin:0 0 4px;text-transform:none}.profile-info h3,.profile-info p{font-family:var(--font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info p{color:var(--text-secondary);font-size:12px;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.nav-section{margin-bottom:24px}.nav-section-title{color:var(--text-secondary);font-family:var(--font-family);font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;padding:0 20px 8px;text-transform:uppercase}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:0 8px 4px}.nav-link{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-family:var(--font-family);font-size:14px;font-weight:400;gap:12px;padding:12px 16px;position:relative;text-align:start;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.nav-link:hover{background:var(--nav-hover);color:var(--text)}.nav-link.active{background:var(--accent);box-shadow:0 2px 4px #1a73e833;color:#fff;font-weight:500}.nav-link.active:before{background:var(--accent);border-radius:0 2px 2px 0;bottom:0;content:"";inset-inline-start:0;position:absolute;top:0;width:4px}[dir=rtl] .nav-link.active:before{border-radius:2px 0 0 2px}.nav-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;width:24px}.nav-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{background:var(--error);border-radius:10px;color:#fff;font-family:var(--font-family);font-size:11px;font-weight:500;line-height:1.2;min-width:18px;padding:2px 6px;text-align:center}.sidebar-footer{background:var(--nav-bg);border-top:1px solid var(--border);padding:16px 20px}.sidebar-toggle{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px var(--shadow);color:var(--text);cursor:pointer;display:flex;font-family:var(--font-family);font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-toggle:hover{box-shadow:0 2px 6px var(--shadow-hover);transform:translateY(-1px)}.sidebar-toggle i{font-size:18px}.theme-toggle{align-items:center;background:var(--accent);border:none;border-radius:50%;box-shadow:0 2px 4px #1a73e833;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1001}.theme-toggle:hover{box-shadow:0 4px 8px #1a73e84d;transform:translateY(-1px)}.theme-toggle i{font-size:20px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:100%}.sidebar.open{transform:translateX(0)}.sidebar-header{padding:20px 16px 16px}.profile-section{padding:12px}.nav-link{padding:10px 16px}.theme-toggle{height:36px;right:16px;top:16px;width:36px}}@media (max-width:480px){.nav-list{grid-template-columns:1fr}}.language-switcher{display:inline-block;position:relative}.language-switcher-trigger{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:inherit;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.language-switcher-trigger:hover{background:#ffffff1a;border-color:#ffffff4d}.language-switcher-trigger:disabled{cursor:not-allowed;opacity:.6}.language-name-display{font-size:14px;font-weight:500}.language-switcher-trigger .material-icons{font-size:18px;transition:transform .2s ease}.language-switcher-dropdown:not(:empty)~.language-switcher-trigger .material-icons,.language-switcher-trigger[aria-expanded=true] .material-icons{transform:rotate(180deg)}.language-switcher-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}[dir=rtl] .language-switcher-dropdown{left:0;right:auto}.language-option{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;text-align:start;transition:background .2s ease;width:100%}.language-option:hover{background:#f5f5f5}.language-option.active{background:#e3f2fd;color:#1976d2;font-weight:500}.language-option .material-icons{-webkit-margin-start:auto;color:#1976d2;font-size:18px;margin-inline-start:auto}.language-name{flex:1 1}.language-switcher-loading{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (prefers-color-scheme:dark){.language-switcher-dropdown{background:#1e1e1e;border-color:#333}.language-option{background:#1e1e1e;color:#fff}.language-option:hover{background:#2a2a2a}.language-option.active{background:#1e3a5f;color:#64b5f6}}.topbar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;height:64px;justify-content:space-between;left:280px;padding:0 var(--spacing-lg);position:fixed;right:0;top:0;transition:left .3s cubic-bezier(.4,0,.2,1),right .3s cubic-bezier(.4,0,.2,1);z-index:100}[dir=rtl] .topbar{left:0!important;right:280px!important}.topbar-left{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md)}.mobile-menu-toggle{align-items:center;color:var(--text);height:40px;justify-content:center;margin-right:12px;min-width:40px;z-index:1001}.mobile-menu-toggle:hover{background:var(--hover)}.mobile-menu-toggle:active{background:var(--nav-hover)}.mobile-menu-toggle .material-icons{color:inherit}.topbar-right{align-items:center;display:flex;gap:var(--spacing-sm)}.topbar-language-switcher{-webkit-margin-end:var(--spacing-sm);margin-inline-end:var(--spacing-sm)}.topbar-search-wrapper{max-width:500px;position:relative;width:100%}.search-trigger{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);width:100%}.search-trigger:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.search-placeholder{flex:1 1;text-align:left}.search-shortcut{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:monospace;font-size:11px;padding:2px 6px}.topbar-search-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.topbar-search-form{align-items:center;border-bottom:1px solid var(--border);display:flex;padding:var(--spacing-md)}.topbar-search-input{background:#0000;border:none;color:var(--text);flex:1 1;font-size:14px;outline:none}.topbar-search-input::placeholder{color:var(--text-tertiary)}.search-submit-btn{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:background var(--transition-base)}.search-submit-btn:hover{background:var(--accent-dark)}.search-suggestions{padding:var(--spacing-sm)}.search-suggestion-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-base)}.search-suggestion-item:hover{background:var(--bg-secondary)}.search-suggestion-item .material-icons{font-size:18px}.search-results{max-height:400px;overflow-y:auto}.search-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg)}.search-loading .spinning{animation:spin 1s linear infinite}.search-results-section{border-bottom:1px solid var(--border)}.search-results-section:last-child{border-bottom:none}.search-results-header{align-items:center;background:var(--bg-secondary);color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:var(--spacing-sm);letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.search-results-header .material-icons{font-size:16px}.search-result-item{align-items:flex-start;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:background var(--transition-base)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-secondary)}.search-result-item .material-icons{color:var(--text-tertiary);flex-shrink:0;font-size:20px;margin-top:2px}.search-result-content{flex:1 1;min-width:0}.search-result-title{color:var(--text);font-size:14px;font-weight:500}.search-result-subtitle,.search-result-title{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-subtitle{color:var(--text-secondary);font-size:12px}.search-result-meta{display:flex;gap:var(--spacing-sm);margin-top:4px}.search-result-meta span{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:11px;padding:2px 6px}.search-no-results{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.search-no-results .material-icons{color:var(--text-tertiary);font-size:48px;margin-bottom:var(--spacing-sm);opacity:.5}.search-results-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--spacing-sm)}.view-all-results-btn{background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-base);width:100%}.view-all-results-btn:hover{background:var(--accent-dark)}.topbar-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-base);width:40px}.topbar-icon-btn:hover{background:var(--bg);color:var(--text)}.topbar-icon-btn .material-icons{font-size:24px}.topbar-notifications,.topbar-notifications-wrapper{position:relative}.topbar-notifications-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:1000}.notifications-dropdown-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.notifications-dropdown-header h3{color:var(--text);font-size:16px;font-weight:600;margin:0}.view-all-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:background var(--transition-base)}.view-all-btn:hover{background:var(--bg)}.notifications-dropdown-list{flex:1 1;max-height:400px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border);cursor:pointer;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:background var(--transition-base)}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:#1a73e80d}.notification-item.unread:hover{background:#1a73e81a}.notification-icon{background:var(--bg-secondary)}.notification-item.unread .notification-icon{background:#1a73e81a}.notification-icon .material-icons{color:var(--accent)}.notification-content{min-width:0}.notification-title{font-size:14px;font-weight:500;line-height:1.4;margin-bottom:var(--spacing-xs)}.notification-item.unread .notification-title{font-weight:600}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.4;margin-bottom:var(--spacing-xs)}.notification-time{color:var(--text-secondary)}.notification-unread-indicator{background:var(--accent);border-radius:50%;flex-shrink:0;height:8px;position:absolute;right:var(--spacing-lg);top:var(--spacing-md);width:8px}.notification-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-2xl)}.notification-loading .material-icons{animation:spin 1s linear infinite;font-size:32px}.notification-loading .spinning{animation:spin 1s linear infinite}.notification-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-2xl);text-align:center}.notification-empty .material-icons{color:var(--text-tertiary);font-size:48px;opacity:.5}.notification-empty span{color:var(--text-secondary);font-size:14px;font-weight:500}.notification-empty p{color:var(--text-tertiary);font-size:12px;margin:0}.notifications-dropdown-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--spacing-md) var(--spacing-lg)}.view-all-footer-btn{background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-base);width:100%}.view-all-footer-btn:hover{background:var(--accent-dark)}.notifications-dropdown-list:empty:after{color:var(--text-secondary);content:"No new notifications";display:block;font-size:14px;padding:var(--spacing-2xl);text-align:center}.topbar-user-menu{margin-left:var(--spacing-md);position:relative}.topbar-user-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:background var(--transition-base)}.topbar-user-btn:hover{background:var(--bg)}.topbar-user-avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.topbar-user-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.topbar-user-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.topbar-user-name{color:var(--text);font-size:14px;font-weight:500;line-height:1.2;text-transform:none}.topbar-user-role{color:var(--text-secondary);font-size:12px;line-height:1.2}.topbar-account-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.account-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.02em;padding:4px 10px}.account-badge.premium{background:#2ecc71;color:#fff}.account-badge.free{background:#e0e0e0;color:#555}.account-badge-expires{color:var(--text-secondary);font-size:10px;white-space:nowrap}.account-badge-upgrade{background:#1976d2;background:var(--primary,#1976d2);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:2px 8px;transition:opacity .2s}.account-badge-upgrade:hover{opacity:.9}.topbar-user-btn .material-icons{color:var(--text-tertiary);font-size:20px}.topbar-user-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:1000}.user-dropdown-header{align-items:center;background:var(--bg-secondary);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.user-dropdown-avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.user-dropdown-info{flex:1 1;min-width:0}.user-dropdown-name{color:var(--text);font-size:14px;font-weight:600;margin-bottom:2px;text-transform:none}.user-dropdown-email,.user-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-email{color:var(--text-secondary);font-size:12px}.user-dropdown-expires,.user-dropdown-plan{color:var(--text-tertiary);font-size:11px;margin-top:2px}.user-dropdown-expires{font-weight:400}.user-dropdown-upgrade{font-weight:600}.user-dropdown-upgrade,.user-dropdown-upgrade .material-icons{color:#1976d2!important;color:var(--primary,#1976d2)!important}.user-dropdown-divider{background:var(--border);height:1px;margin:var(--spacing-xs) 0}.user-dropdown-item{align-items:center;background:#0000;border:none;color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background var(--transition-base);width:100%}.user-dropdown-item:hover{background:var(--bg-secondary)}.user-dropdown-item .material-icons{color:var(--text-secondary);font-size:20px}.user-dropdown-item:last-child,.user-dropdown-item:last-child .material-icons{color:var(--error)}@media (max-width:768px){.topbar{left:0;padding:0 var(--spacing-md)}.mobile-menu-toggle{align-items:center;display:flex!important;justify-content:center}.topbar-search-wrapper{max-width:200px}.search-placeholder,.search-shortcut,.topbar-user-info{display:none}.topbar-user-dropdown{right:-8px;width:200px}}.user-growth-modal-overlay{align-items:center!important;background:#00000080!important;bottom:0!important;contain:layout style paint!important;display:flex!important;font-family:Arial,sans-serif!important;isolation:isolate!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:99999!important}.user-growth-modal-content{all:unset!important;background:#fff!important;border:none!important;border-radius:16px!important;box-shadow:0 25px 80px #0000004d!important;contain:layout style paint!important;display:block!important;isolation:isolate!important;max-width:800px!important;outline:none!important;overflow:hidden!important;padding:32px!important;position:relative!important;width:90%!important}.user-growth-modal-close{background:none!important;border:none!important;border-radius:50%!important;color:#666!important;cursor:pointer!important;font-size:24px!important;padding:8px!important;position:absolute!important;right:16px!important;top:16px!important;transition:all .3s ease!important}.user-growth-modal-close:hover{background:#f5f5f5!important;color:#333!important}.user-growth-modal-title{background:none!important;border:none!important;color:#333!important;font-size:20px!important;font-weight:600!important;margin:0 0 20px!important;padding:0!important;text-align:center!important}.user-growth-modal-chart{align-items:center!important;display:flex!important;height:350px!important;justify-content:center!important;overflow:hidden!important;position:relative!important;width:100%!important}.user-growth-modal-chart,.user-growth-modal-chart canvas{border:none!important;margin:0!important;outline:none!important;padding:0!important}.user-growth-modal-chart canvas{height:auto!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;width:auto!important}.user-growth-modal-content *{all:unset!important;box-sizing:border-box!important;display:revert!important}.user-growth-modal-content h1,.user-growth-modal-content h2,.user-growth-modal-content h3,.user-growth-modal-content h4,.user-growth-modal-content h5,.user-growth-modal-content h6{background:none!important;border:none!important;font-family:Arial,sans-serif!important;font-size:revert!important;font-weight:400!important;line-height:revert!important;margin:0!important;padding:0!important}.user-growth-modal-content button{cursor:pointer!important;outline:none!important}.user-growth-modal-content button,.user-growth-modal-content div{background:none!important;border:none!important;font-family:Arial,sans-serif!important;margin:0!important;padding:0!important}.user-growth-modal-content .tab,.user-growth-modal-content .tab-button,.user-growth-modal-content .tab-content,.user-growth-modal-content .tabs,.user-growth-modal-content .user-management-tabs{display:none!important;left:-9999px!important;opacity:0!important;position:absolute!important;visibility:hidden!important}.user-growth-modal-loading{align-items:center!important;display:flex!important;flex-direction:column!important;gap:20px!important;height:350px!important;justify-content:center!important}.loading-spinner{animation:spin 1s linear infinite!important;border:4px solid #f3f3f3!important;border-radius:50%!important;border-top-color:#36a2eb!important;height:40px!important;width:40px!important}.user-growth-modal-loading p{color:#666!important;font-size:16px!important;margin:0!important}.user-growth-modal-error{align-items:center!important;display:flex!important;flex-direction:column!important;gap:20px!important;height:350px!important;justify-content:center!important;text-align:center!important}.user-growth-modal-error p{color:#e74c3c!important;font-size:16px!important;margin:0!important}.user-growth-modal-error button{background:#36a2eb!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;padding:10px 20px!important;transition:background .3s ease!important}.user-growth-modal-error button:hover{background:#2980b9!important}.activity-chart-modal-overlay{align-items:center;background-color:initial;bottom:0;display:flex;justify-content:flex-start;left:0;padding-left:500px;position:fixed;right:0;top:0;z-index:1000}.activity-chart-modal{background:#fff;border-radius:8px;box-shadow:0 8px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:90%}.modal-header h2{color:#333;font-size:18px}.close-btn{font-size:24px;height:30px;padding:0;width:30px}.modal-content{flex:1 1;padding:20px}.error-state,.loading-state{align-items:center;display:flex;height:200px;justify-content:center;text-align:center}.loading-state p{color:#666}.error-state p{color:#d32f2f}.metric-card{margin-bottom:20px}.metric-card h3{color:#666;font-size:14px;font-weight:500;margin:0 0 8px}.metric-value{color:#4285f4;margin:0 0 4px}.metric-label{color:#999;font-size:12px}.chart-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.chart-section h3{color:#333;font-size:16px;font-weight:500;margin:0 0 16px}.chart-wrapper{height:300px;position:relative;width:100%}.modal-footer{border-top:1px solid #e0e0e0;padding:16px 20px;text-align:right}.close-modal-btn{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.close-modal-btn:hover{background:#3367d6}@media (max-width:768px){.activity-chart-modal-overlay{padding-left:200px}.activity-chart-modal{max-height:90vh;width:95%}.modal-content{padding:16px}.chart-wrapper{height:250px}}.overview-section{box-sizing:border-box;margin:0;overflow:visible;padding:0;width:100%}.overview-section h2{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:36px;font-weight:400;letter-spacing:-.5px;line-height:1.2;margin:0 0 32px;padding:0;text-align:left}.overview-section .user-management-tabs{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 0 32px;padding:0;width:100%}.overview-section .tab-button{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--body-size);font-weight:500;gap:var(--spacing-sm);justify-content:center;margin:0;min-height:64px;overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:var(--transition-base)}.overview-section .tab-button:before{background:var(--accent);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.overview-section .tab-button:hover{background:var(--hover);border-color:var(--accent);box-shadow:var(--shadow-lg);color:var(--text);transform:translateY(-2px)}.overview-section .tab-button.active{background:#1a73e814;border-color:var(--accent);box-shadow:0 2px 8px #1a73e826;color:var(--accent)}.overview-section .tab-button.active:before{transform:scaleX(1)}.overview-section .tab-button .material-icons{font-size:24px;transition:transform .3s ease}.overview-section .tab-button:hover .material-icons{transform:scale(1.1)}.overview-section .cards-container{box-sizing:border-box;margin:0 0 32px;padding:0;width:100%}.overview-section .cards-container h3{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.3px;margin:0 0 24px}.overview-section .cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.overview-section .overview-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-2xl);position:relative;transition:var(--transition-base)}.overview-section .overview-card:before{background:linear-gradient(90deg,var(--accent),#1557b0);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.overview-section .overview-card:hover{border-color:var(--accent);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.overview-section .overview-card:hover:before{transform:scaleX(1)}.overview-section .overview-card.status-good:before{background:linear-gradient(90deg,var(--success),#20c997);opacity:1;transform:scaleX(1)}.overview-section .overview-card.status-warning:before{background:linear-gradient(90deg,var(--warning),#fd7e14);opacity:1;transform:scaleX(1)}.overview-section .overview-card.status-info:before{background:linear-gradient(90deg,var(--accent),#6f42c1);opacity:1;transform:scaleX(1)}.overview-section .overview-card.status-error:before{background:linear-gradient(90deg,var(--error),#e83e8c);opacity:1;transform:scaleX(1)}.overview-section .card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.overview-section .card-icon{align-items:center;background:#1a73e81a;border-radius:12px;color:var(--accent);display:flex;font-size:24px;height:48px;justify-content:center;padding:12px;transition:all .3s ease;width:48px}.overview-section .overview-card:hover .card-icon{background:#1a73e826;transform:scale(1.05)}.overview-section .card-header h4{color:var(--text);flex:1 1;font-size:16px;margin:0}.overview-section .card-header h4,.overview-section .card-value{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600}.overview-section .card-value{color:var(--accent);font-size:32px;letter-spacing:-.5px;line-height:1.2;margin-bottom:8px}.overview-section .overview-card .card-value{font-size:28px;font-weight:500}.overview-section .overview-card.status-good .card-value{color:var(--success)}.overview-section .overview-card.status-warning .card-value{color:var(--warning)}.overview-section .overview-card.status-info .card-value{color:var(--accent)}.overview-section .overview-card.status-error .card-value{color:var(--error)}.overview-section .overview-card.status-ready .card-value{color:var(--success);font-size:24px;font-weight:500}.overview-section .overview-card.status-processing .card-value{color:var(--warning);font-weight:500}.overview-section .overview-card.status-pending .card-value{color:var(--text-secondary);font-weight:400;opacity:.7}.overview-section .card-description{color:var(--text-secondary);flex:1 1;font-size:14px;line-height:1.5;margin:0}.overview-section .cards{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 0 24px;padding:0;width:100%}.overview-section .card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;cursor:pointer;margin:0;padding:var(--spacing-xl);text-align:center;transition:var(--transition-base);width:100%}.overview-section .card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.overview-section .card h3{color:var(--text);font-size:14px;font-weight:500;margin:0 0 8px}.overview-section .card p{color:var(--text-secondary);font-size:12px;margin:0}.overview-section .user-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding:0}.overview-section .search-box{flex:1 1;max-width:400px;min-width:250px;position:relative}.overview-section .search-box input{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;padding:14px var(--spacing-lg) 14px 44px;transition:var(--transition-base);width:100%}.overview-section .search-box input::placeholder{color:var(--text-secondary);opacity:.6}.overview-section .search-box input:focus{background:var(--card-bg);border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}.overview-section .search-box .material-icons{color:var(--text-secondary);font-size:20px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.overview-section .add-user-btn{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;gap:var(--spacing-sm);padding:14px var(--spacing-2xl);transition:var(--transition-base)}.overview-section .add-user-btn:hover{background:var(--accent-dark);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.overview-section .add-user-btn:active{transform:translateY(0)}.overview-section .add-user-btn:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.5;transform:none}.overview-section .tab-content{padding:0}.overview-section .error-message{background:#ea43351a;border:1px solid #ea433533;border-radius:var(--radius-lg);color:var(--error);padding:var(--spacing-lg) var(--spacing-xl)}.overview-section .error-message,.overview-section .search-results-info{align-items:center;display:flex;font-size:var(--body-size);font-weight:500;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.overview-section .search-results-info{background:#1a73e814;border-left:4px solid var(--accent);border-radius:var(--radius-lg);color:var(--accent);padding:var(--spacing-md) var(--spacing-lg)}.overview-section .search-results-info .material-icons{font-size:20px}.overview-section .no-search-results{align-items:center;background:#fbbc0414;border:2px dashed var(--warning);border-radius:var(--radius-xl);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:64px var(--spacing-3xl);text-align:center}.overview-section .no-search-results .material-icons{color:var(--warning);font-size:64px;margin-bottom:20px;opacity:.7}.overview-section .no-search-results p{color:var(--warning);font-size:18px;font-weight:500;margin:0}.overview-section .recent-activity{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:var(--spacing-3xl);padding:var(--spacing-2xl)}.overview-section .recent-activity h4{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:600;margin:0 0 20px}.overview-section .activity-list{display:flex;flex-direction:column;gap:12px}.overview-section .activity-item{align-items:center;background:var(--hover);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;font-size:var(--body-size);gap:var(--spacing-md);padding:var(--spacing-lg);transition:var(--transition-base)}.overview-section .activity-item:hover{background:var(--nav-hover);box-shadow:var(--shadow-md);transform:translateX(4px)}.overview-section .activity-item .material-icons{color:var(--accent);font-size:20px}.overview-section .activity-item .time{color:var(--text-secondary);font-size:13px;font-weight:500;margin-left:auto}.overview-section .no-activity-message{align-items:center;background:var(--hover);border:2px dashed var(--border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:24px 0;padding:64px 32px;text-align:center}.overview-section .no-activity-message .material-icons{color:var(--text-secondary);font-size:64px;margin-bottom:16px;opacity:.4}.overview-section .no-activity-message p{color:var(--text-secondary);font-size:16px;font-style:italic;margin:0}.user-form-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.user-form{animation:slideUp .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-xl);max-height:90vh;max-width:560px;overflow-y:auto}.user-form h3{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 0 24px}.user-form .form-group{margin-bottom:24px}.user-form label{color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.user-form input,.user-form select{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}.user-form input.error,.user-form select.error{border-color:var(--error);box-shadow:0 0 0 3px #ea43351a}.user-form .error-message{color:var(--error);font-size:13px;font-weight:500;margin-top:6px}.user-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.user-form .form-buttons{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.user-form .form-buttons button{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:600;padding:var(--spacing-md) var(--spacing-2xl);transition:var(--transition-base)}.user-form .form-buttons button:first-child{background:var(--text-secondary);color:#fff}.user-form .form-buttons button:first-child:hover{opacity:.9;transform:translateY(-1px)}.user-form .form-buttons button:last-child{background:var(--accent);color:#fff}.user-form .form-buttons button:last-child:hover{background:var(--accent-dark);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.user-form .form-buttons button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1024px){.overview-section .cards-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.overview-section h2{font-size:28px;margin-bottom:24px}.overview-section .user-management-tabs{gap:10px;grid-template-columns:repeat(2,1fr)}.overview-section .tab-button{font-size:13px;min-height:56px;padding:12px 16px}.overview-section .tab-button .material-icons{font-size:20px}.overview-section .cards-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-section .overview-card{padding:20px}.overview-section .card-value{font-size:24px}.overview-section .card-header h4{font-size:14px}.overview-section .card-description{font-size:13px}.overview-section .user-controls{align-items:stretch;flex-direction:column}.overview-section .search-box{max-width:100%}.overview-section .add-user-btn{justify-content:center;width:100%}.user-form{margin:20px;width:95%}.user-form .form-row{gap:0;grid-template-columns:1fr}.user-form .form-buttons{flex-direction:column}.user-form .form-buttons button{width:100%}}@media (max-width:480px){.overview-section h2{font-size:24px}.overview-section .user-management-tabs{grid-template-columns:1fr}.overview-section .cards-grid{gap:12px;grid-template-columns:1fr}.overview-section .overview-card{padding:16px}.overview-section .card-value{font-size:20px}.overview-section .card-icon{font-size:20px;height:40px;width:40px}}.overview-section .overview-card{animation:fadeInUp .4s ease forwards}.overview-section .overview-card:first-child{animation-delay:.05s}.overview-section .overview-card:nth-child(2){animation-delay:.1s}.overview-section .overview-card:nth-child(3){animation-delay:.15s}.overview-section .overview-card:nth-child(4){animation-delay:.2s}.overview-section .overview-card:nth-child(5){animation-delay:.25s}.overview-section .overview-card:nth-child(6){animation-delay:.3s}.agent-overview{margin:0 auto;max-width:1400px;padding:24px}.overview-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.header-left h2{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 8px}.role-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:14px}.shift-status{align-items:center;background:#f5f5f5;border-radius:8px;color:#666;display:flex;font-size:14px;gap:8px;padding:8px 16px}.status-indicator{background:#4caf50}.status-indicator.active{box-shadow:0 0 8px #4caf5080}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{gap:16px;transition:transform .2s,box-shadow .2s}.stat-icon{border-radius:12px;height:56px;width:56px}.stat-icon.payments-submitted{background:#e3f2fd;color:#1976d2}.stat-icon.pending{background:#fff3e0;color:#f57c00}.stat-icon.approved{background:#e8f5e9;color:#388e3c}.stat-icon.rejected{background:#ffebee;color:#d32f2f}.stat-icon .material-icons{font-size:28px}.stat-content h3{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 4px}.stat-content p{color:#666;font-size:14px;margin:0}.overview-content-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.content-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;height:100%;min-height:450px}.card-header{border-bottom:1px solid #e0e0e0;padding:20px}.card-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.view-all-link{align-items:center;background:none;border:none;border-radius:4px;color:#1976d2;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:4px 8px;text-decoration:none;transition:all .2s}.view-all-link:hover{background:#e3f2fd;color:#1565c0}.view-all-link .material-icons{font-size:18px;transition:transform .2s}.view-all-link:hover .material-icons{transform:translateX(4px)}.card-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:20px}.empty-state{color:#999;flex:1 1;min-height:350px;width:100%}.empty-state .empty-icon{color:#e0e0e0;font-size:64px;margin-bottom:20px;opacity:.6}.empty-state .empty-message{color:#999;font-size:16px;font-weight:500;margin:0 0 24px}.primary-btn.small{border-radius:6px;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.primary-btn.small:hover{box-shadow:0 4px 8px #1976d24d;transform:translateY(-1px)}.payments-list{display:flex;flex:1 1;flex-direction:column;gap:10px;max-height:100%;min-height:0;overflow-y:auto}.payment-item{align-items:center;background:#f9f9f9;border:1px solid #0000;border-radius:8px;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s}.payment-item:hover{background:#f0f0f0;border-color:#e0e0e0;transform:translateX(4px)}.payment-info{flex:1 1}.payment-customer{color:#1a1a1a;font-weight:600;margin-bottom:4px}.payment-details{align-items:center;color:#666;font-size:13px;gap:8px}.separator{color:#ccc}.status-badge.approved{background:#e8f5e9;color:#388e3c}.status-badge.rejected{color:#d32f2f}.notifications-list{display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:100%;min-height:0;overflow-y:auto}.notification-item{background:#f9f9f9;border-radius:8px;display:flex;gap:12px;padding:12px}.notification-icon{align-items:center;background:#e3f2fd;border-radius:50%;color:#1976d2;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-icon .material-icons{font-size:20px}.notification-content{flex:1 1}.notification-title{color:#1a1a1a;margin-bottom:4px}.notification-message{color:#666;font-size:13px;margin-bottom:4px}.notification-time{color:#999;font-size:12px}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.quick-actions h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 20px}.actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.actions-grid{grid-template-columns:repeat(4,1fr)}}.action-card{align-items:center;background:#f9f9f9;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;display:flex;flex-direction:row;gap:12px;justify-content:flex-start;padding:16px 20px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.action-card:hover{background:#e3f2fd;box-shadow:0 4px 12px #1976d226;transform:translateY(-2px)}.action-card .material-icons{color:#1976d2;flex-shrink:0;font-size:24px}.action-card span:last-child{flex:1 1;font-size:14px;font-weight:500}.loading-spinner{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 20px}.loading-spinner p{color:#666;font-size:16px;margin:0}@media (max-width:768px){.agent-overview{padding:16px}.overview-header{align-items:flex-start;flex-direction:column;gap:16px}.overview-content-grid,.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}.main-content:has(.vocabulary-management-page),.main-content:has(.vocabulary-management-scroll-wrapper){align-items:stretch!important;box-sizing:border-box;display:block!important;max-width:100%!important;padding:0!important;width:100%!important}.main-content .vocabulary-management-page,.main-content .vocabulary-management-scroll-wrapper{margin:0!important;max-width:100%!important;width:100%!important}.vocabulary-management-scroll-wrapper{background-color:var(--bg);display:flex;flex:1 1;height:100vh;overflow-y:auto;padding:40px;width:100%}.vocabulary-management-page{display:flex;flex:1 1;flex-direction:column;min-height:0;min-height:auto;width:100%}.vocabulary-management-scroll-wrapper::-webkit-scrollbar{background:#f4f6fa;width:12px}.vocabulary-management-scroll-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent) 0,#1557b0 100%);border-radius:8px}.vocabulary-management-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1557b0 0,var(--accent) 100%)}.vocabulary-management-scroll-wrapper{scrollbar-color:var(--accent) var(--bg);scrollbar-width:thin}.vocabulary-tabs{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px var(--shadow);display:flex;gap:8px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:-webkit-fit-content;max-width:fit-content;padding:8px}.vocabulary-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.vocabulary-tab:hover{background:#1a73e81a;color:var(--accent)}.vocabulary-tab.active{background:linear-gradient(135deg,var(--accent),#1557b0);box-shadow:0 2px 8px #1a73e84d;color:#fff}.vocabulary-tab .material-icons{font-size:18px}.jobs-active-filter{color:var(--text-secondary);font-size:13px;font-weight:600;margin:6px 0 14px}.year-tabs{box-shadow:0 2px 8px var(--shadow)}.year-tabs-header h3{color:var(--text)}.year-tab,.year-tabs-header p{color:var(--text-secondary)}.year-tab{background:var(--hover)}.vocabulary-tab-content{align-items:stretch;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #00000014;justify-content:flex-start;margin-bottom:40px;max-width:none;padding:30px 30px 40px;width:100%}.vocabulary-header{border-bottom:2px solid var(--border);margin-bottom:30px;padding-bottom:20px;text-align:center}.vocabulary-header h2{color:var(--text);font-size:28px;font-weight:700;margin-bottom:8px}.vocabulary-header p{color:var(--text-secondary);font-size:16px;margin:0}.vocabulary-controls{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.add-vocabulary-btn{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:8px;box-shadow:0 2px 8px #1a73e84d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.add-vocabulary-btn:hover{box-shadow:0 4px 12px #1a73e866;transform:translateY(-2px)}.add-vocabulary-btn .material-icons{font-size:18px}.vocabulary-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.content-section,.year-levels-section{background:var(--hover);border-radius:12px;padding:25px}.content-section h3,.year-levels-section h3{border-bottom:2px solid var(--accent);color:var(--text);display:inline-block;font-size:20px;padding-bottom:10px}.year-overview{background:var(--hover);border-radius:12px;padding:25px}.year-overview h3{border-bottom:2px solid var(--accent);color:var(--text);display:inline-block;margin-bottom:20px;padding-bottom:10px}.year-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.year-card{border:1px solid var(--border);box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:25px;transition:all .3s ease}.year-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-4px)}.year-card-header{margin-bottom:15px}.year-card-header h4{color:var(--text)}.year-card-content{flex:1 1;margin-bottom:20px}.year-card-content p{color:var(--text-secondary);margin:8px 0}.select-year-btn{font-weight:500;justify-content:center;margin-top:auto;padding:12px 20px}.image-placeholder{border:2px dashed var(--border)}.content-card:hover .image-placeholder{border-color:var(--accent)}.content-card .content-title{color:var(--text)}.content-title-row{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;padding-right:15px}.article-job-badge-wrap{align-items:center;display:flex;gap:8px;margin-top:14px}.article-job-badge{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;padding:4px 10px;text-transform:lowercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.article-job-badge.pending{background:#fff7e6;border-color:#ffd591;color:#ad6800}.article-job-badge.running{background:#e6f7ff;border-color:#91d5ff;color:#0050b3}.article-job-badge.succeeded{background:#f6ffed;border-color:#b7eb8f;color:#237804}.article-job-badge.failed{background:#fff1f0;border-color:#ffa39e;color:#a8071a}.article-job-badge:focus{outline:3px solid #1a73e840;outline-offset:2px}.article-job-reprocess-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.article-job-reprocess-btn:hover{border-color:var(--accent);box-shadow:0 2px 10px #1a73e826;transform:translateY(-1px)}.article-job-reprocess-btn .material-icons{color:var(--accent);font-size:18px}.content-card .content-year{color:var(--text-secondary)}.content-card .content-preview{background:var(--hover)}.content-card .content-description,.content-card .preview-text{color:var(--text)}.content-card .article-metadata{color:var(--text-secondary)}.content-card .article-metadata,.content-card .card-bottom-section{background:var(--hover);border-top:1px solid var(--border)}.content-card .content-actions{border-bottom:1px solid var(--border)}.vocabulary-overlay.show{opacity:1;visibility:visible}.vocabulary-form{overflow-y:auto}.form-header h3{color:var(--text)}.close-btn{color:var(--text-secondary)}.close-btn:hover{color:var(--text)}.btn-secondary,.btn-secondary:hover,.close-btn:hover{background:var(--hover)}@media (max-width:1024px){.vocabulary-sections{grid-template-columns:1fr}.year-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.vocabulary-management-scroll-wrapper{padding:20px}.vocabulary-management-page{padding:0}.vocabulary-tabs{flex-direction:column;max-width:100%}.year-tabs-container{align-items:center;flex-direction:column}.year-tab{justify-content:center;max-width:200px;width:100%}.vocabulary-controls{align-items:stretch;flex-direction:column}.search-box{max-width:none}.year-cards{grid-template-columns:1fr}.vocabulary-form{margin:20px;width:95%}}@media (max-width:480px){.vocabulary-management-page{padding:16px}.content-section,.vocabulary-tab-content,.year-levels-section{padding:20px}}.breadcrumb{color:var(--text-secondary);font-weight:500;margin:18px 0 10px}.breadcrumb-item{color:var(--accent)}.breadcrumb-sep{color:var(--text-secondary);font-size:18px}.divider{background:linear-gradient(90deg,#f0f0f0 60%,var(--accent) 100%);border:none;margin:18px 0 24px;width:100%}.year-tab-indicator{animation:fadeIn .3s;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent);display:inline-block;height:8px;margin-left:6px;width:8px}.empty-state{border:1px dashed var(--accent)}.empty-state .empty-icon{color:var(--accent)}.form-group .ql-container{border:2px solid var(--border)!important;border-bottom-left-radius:8px!important;border-bottom-right-radius:8px!important;border-top:none!important;font-size:14px!important}.form-group .ql-toolbar{background:#f8f9fa!important;border:2px solid var(--border)!important;border-bottom:none!important;border-top-left-radius:8px!important;border-top-right-radius:8px!important}.form-group .ql-editor{font-size:14px!important;line-height:1.6!important;min-height:120px!important;padding:15px!important}.form-group .ql-editor:focus{outline:none!important}.form-group .ql-container:focus-within,.form-group .ql-toolbar:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 3px #1a73e81a!important}.ql-toolbar .ql-formats{margin-right:15px!important}.ql-toolbar button{border-radius:4px!important;margin:2px!important;padding:6px!important;transition:all .2s ease!important}.ql-toolbar button:hover{background:#1a73e81a!important;border-color:var(--accent)!important}.ql-toolbar button.ql-active{background:var(--accent)!important;color:#fff!important}.ql-toolbar .ql-align .ql-picker-label{border-radius:4px!important;padding:6px 8px!important;transition:all .2s ease!important}.ql-toolbar .ql-align .ql-picker-label:hover{background:#1a73e81a!important}.ql-toolbar .ql-align .ql-picker-options{background:#fff!important;border:2px solid var(--border)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;left:0!important;min-width:120px!important;padding:8px!important;position:absolute!important;top:100%!important;z-index:9999!important}.ql-toolbar .ql-align .ql-picker-item{border-radius:4px!important;display:block!important;padding:8px 12px!important;text-align:left!important;transition:all .2s ease!important;width:100%!important}.ql-toolbar .ql-align .ql-picker-item:hover{background:#1a73e81a!important}.ql-toolbar .ql-align .ql-picker-item.ql-selected{background:var(--accent)!important;color:#fff!important}.ql-toolbar .ql-align{position:relative!important}.ql-toolbar .ql-background .ql-picker-options,.ql-toolbar .ql-color .ql-picker-options{background:#fff!important;border:2px solid var(--border)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;padding:8px!important;position:absolute!important;z-index:9999!important}.ql-toolbar .ql-picker,.vocabulary-form{position:relative!important}.vocabulary-form{background:var(--card-bg);border-radius:16px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%;z-index:2001!important}.form-header{flex-shrink:0;padding:20px 25px}.form-content{flex-grow:1;overflow-y:auto;padding:25px;position:relative}.form-group{position:relative;z-index:1}.vocabulary-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow:visible!important;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:2000}.ql-align .ql-picker-options{min-width:auto!important;padding:4px!important;width:auto!important;z-index:999999!important}.ql-align .ql-picker-item{font-size:0!important;height:32px!important;margin:2px 0!important;min-width:100px!important;overflow:hidden!important;padding:6px 12px!important;position:relative!important;text-indent:-9999px!important}.ql-align .ql-picker-item *{display:none!important}.ql-align .ql-picker-item:before{font-family:Material Icons!important;font-size:16px!important;left:8px!important}.ql-align .ql-picker-item:after,.ql-align .ql-picker-item:before{color:#333!important;display:inline-block!important;position:absolute!important;text-indent:0!important;top:50%!important;transform:translateY(-50%)!important}.ql-align .ql-picker-item:after{font-family:Arial,sans-serif!important;font-size:14px!important;left:32px!important}.ql-align .ql-picker-item:first-child:before,.ql-align .ql-picker-item[data-value=""]:before{content:"format_align_left"!important}.ql-align .ql-picker-item:first-child:after,.ql-align .ql-picker-item[data-value=""]:after{content:"Left"!important}.ql-align .ql-picker-item[data-value=center]:before{content:"format_align_center"!important}.ql-align .ql-picker-item[data-value=center]:after{content:"Center"!important}.ql-align .ql-picker-item[data-value=right]:before{content:"format_align_right"!important}.ql-align .ql-picker-item[data-value=right]:after{content:"Right"!important}.ql-align .ql-picker-item[data-value=justify]:before{content:"format_align_justify"!important}.ql-align .ql-picker-item[data-value=justify]:after{content:"Justify"!important}#article-editor:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 3px #1a73e81a!important}.image-upload-btn{background:linear-gradient(135deg,var(--accent),#1557b0)}.image-upload-btn:hover{background:linear-gradient(135deg,#1557b0,var(--accent))}.image-preview-container{box-shadow:0 2px 8px var(--shadow)}.form-help-text{color:var(--text-secondary)}.main-content:has(.exam-management-page),.main-content:has(.exam-management-scroll-wrapper){align-items:stretch!important;box-sizing:border-box;display:block!important;max-width:100%!important;padding:0!important;width:100%!important}.main-content .exam-management-page,.main-content .exam-management-scroll-wrapper{margin:0!important;max-width:100%!important;width:100%!important}.exam-management-scroll-wrapper{background-color:#f4f6fa;display:flex;flex:1 1;height:100vh;overflow-y:auto;padding:40px;width:100%}.exam-management-page{display:flex;flex:1 1;flex-direction:column;min-height:0;min-height:auto;width:100%}.exam-management-scroll-wrapper::-webkit-scrollbar{background:#f4f6fa;width:12px}.exam-management-scroll-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#eb8109,#ff9500);border-radius:8px}.exam-management-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d67400,#eb8109)}.exam-management-scroll-wrapper{scrollbar-color:#eb8109 #f4f6fa;scrollbar-width:thin}.exam-overview{align-items:stretch;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;justify-content:flex-start;margin-bottom:40px;max-width:none;padding:30px 30px 40px;width:100%}.exam-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.exam-header h2{color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.exam-header p{color:#666;font-size:16px;margin:0}.exam-cards{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center}.exam-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;color:#333;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.exam-card:before{background:linear-gradient(90deg,#eb8109,#ff9500);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.exam-card:hover{border-color:#eb8109;box-shadow:0 12px 30px #eb81094d;transform:translateY(-8px)}.exam-card:hover:before{transform:scaleX(1)}.exam-card-header{gap:16px;margin-bottom:16px}.exam-card-header .material-icons{align-items:center;background:linear-gradient(135deg,#eb8109,#ff9500);border-radius:12px;color:#fff;display:flex;font-size:32px;font-size:24px;height:60px;justify-content:center;width:60px}.exam-card-header h3{color:#222;flex:1 1;font-size:18px;font-weight:600;margin:0}.exam-card-content{flex:1 1}.exam-card-content p{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.exam-card-footer{display:flex;justify-content:flex-end;margin-top:auto}.access-link{color:#eb8109}.exam-card:hover .access-link{color:#d67400}.exam-section{align-items:stretch;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;justify-content:flex-start;margin-bottom:40px;max-width:none;overflow:visible;padding:30px 20px 40px 30px;width:100%}.exam-section-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.exam-section-header .header-top{align-items:center;display:flex;justify-content:center;margin-bottom:15px;position:relative}.exam-section-header .back-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;left:0;padding:8px 16px;position:absolute;text-decoration:none;transition:all .3s ease}.exam-section-header .back-btn:hover{background:#eb81091a;border-color:#eb8109;color:#eb8109}.exam-section-header .back-btn .material-icons{font-size:18px}.exam-section-header h2{color:#333;font-size:28px;font-weight:700;margin:0}.exam-section-header p{color:#666;font-size:16px;margin:0}.exam-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:0 20px 0 0}.search-box{flex:0 1 auto;max-width:300px;min-width:200px}.add-article-btn{align-items:center;background:linear-gradient(135deg,#eb8109,#ff9500);border:none;border-radius:8px;box-shadow:0 4px 12px #eb81094d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.add-article-btn:hover{box-shadow:0 6px 16px #eb810966;transform:translateY(-2px)}.add-article-btn .material-icons{font-size:18px}.articles-section{margin-top:30px}.articles-section h3{color:#333;font-size:20px;font-weight:600;margin-bottom:20px}.articles-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(2,350px);justify-content:center;margin:0 auto;max-width:1200px;padding:20px;width:100%}.article-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:360px;max-width:350px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.article-card:hover{border-color:#eb8109;box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.article-card-header{background:linear-gradient(135deg,#eb8109,#d67400);color:#fff;flex-shrink:0;padding:15px;position:relative}.article-card-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.article-date{color:#666;font-size:.8rem;font-weight:500;letter-spacing:.5px;opacity:.9;padding:0 15px;position:relative;text-transform:uppercase;z-index:1}.article-title{font-size:1.1rem;font-weight:700;margin:0 0 5px;padding:15px 15px 0;position:relative;z-index:1}.article-meta{gap:12px;margin-bottom:16px}.article-meta span{background:#eb81091a;border-radius:4px;color:#eb8109;font-size:12px;font-weight:500;padding:4px 8px}.article-preview{background:#f8f9fa;border-left:4px solid #eb8109;border-radius:8px;display:flex;flex-direction:column;flex-grow:1;margin:15px;overflow:hidden;padding:20px}.preview-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#555;display:-webkit-box;flex-grow:1;font-family:Arial,sans-serif;font-size:.9rem;font-weight:400;line-height:1.6;margin:0;overflow:hidden;text-align:left}.article-actions{border-bottom:1px solid #eee;flex-shrink:0;justify-content:flex-start;padding:10px 15px}.action-btn{font-size:.8rem;font-weight:600}.action-btn.delete:hover,.action-btn.edit:hover{transform:translateY(-2px)}.exam-overlay{align-items:center;background:#00000080;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.exam-overlay.show{display:flex}.exam-form{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;width:90%}.form-header{background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:16px 16px 0 0;padding:24px 30px}.form-header h3{font-size:20px}.close-btn{border-radius:4px;transition:all .3s ease}.close-btn:hover{background:#0000001a}.form-content{padding:30px}.form-group input,.form-group select{background:#fff;border:2px solid #e1e5e9;border-radius:8px}.form-group input:focus,.form-group select:focus{border-color:#eb8109;box-shadow:0 0 0 3px #eb81091a}.form-actions{border-top:1px solid #e1e5e9;gap:15px;margin-top:30px}.btn-primary,.btn-secondary{font-size:14px;font-weight:500;padding:12px 24px}.btn-primary{background:linear-gradient(135deg,#eb8109,#ff9500)}.btn-secondary{background:#f8f9fa;border:1px solid #e1e5e9;color:#333}.btn-secondary:hover{background:#e9ecef}.loading{color:#666}.empty-state{background:#f8f9fa;border:1px dashed #eb8109;color:#bbb;font-size:16px;margin-top:20px;min-height:180px;padding:40px 0}.empty-state .empty-icon{color:#eb8109;font-size:48px;margin-bottom:12px}@media (min-width:1400px){.articles-grid{gap:24px;grid-template-columns:repeat(2,350px)}}@media (max-width:1399px) and (min-width:992px){.articles-grid{gap:20px;grid-template-columns:repeat(2,350px)}}@media (max-width:991px) and (min-width:769px){.articles-grid{gap:18px;grid-template-columns:repeat(2,350px)}}@media (max-width:768px){.exam-management-scroll-wrapper,.exam-overview,.exam-section{padding:20px}.articles-grid,.exam-cards{gap:16px;grid-template-columns:1fr}.articles-grid{padding:16px}.exam-controls{flex-direction:column;gap:15px;padding:0 10px}.search-box{max-width:none;min-width:0;min-width:auto}.exam-form{margin:20px;width:95%}.form-row{gap:15px;grid-template-columns:1fr}.exam-section-header .header-top{flex-direction:column;gap:10px}.exam-section-header .back-btn{align-self:flex-start;position:static}.exam-section-header h2{font-size:24px}}@media (max-width:480px){.exam-management-page,.exam-overview,.exam-section{padding:16px}.exam-header h2{font-size:24px}.exam-section-header h2{font-size:20px}}.image-upload-container{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.image-upload-btn{align-items:center;background:linear-gradient(135deg,#eb8109,#ff9500);border:none;border-radius:8px;box-shadow:0 2px 8px #eb810933;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.image-upload-btn:hover{background:linear-gradient(135deg,#d67400,#eb8109);box-shadow:0 4px 12px #eb81094d;transform:translateY(-1px)}.image-upload-btn .material-icons{font-size:18px}.image-preview-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:inline-block;overflow:hidden;position:relative}.image-preview{display:block;height:150px;object-fit:cover;width:200px}.remove-image-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px}.remove-image-btn:hover{background:#f44;color:#fff;transform:scale(1.1)}.remove-image-btn .material-icons{font-size:16px}.form-help-text{color:#666;font-size:12px;font-style:italic;margin-top:8px}.content-card{border:1px solid #e9ecef;height:380px}.content-card-image{background:linear-gradient(135deg,#f8f9fa,#e9ecef);height:200px;order:-1;overflow:hidden;position:relative;width:100%}.content-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.content-card:hover .content-card-image img{transform:scale(1.05)}.image-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;display:flex;height:100%;justify-content:center;transition:all .3s ease;width:100%}.content-card:hover .image-placeholder{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#eb8109}.placeholder-content{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:8px}.placeholder-icon{font-size:48px;opacity:.5}.placeholder-text{font-size:14px;font-weight:500;opacity:.7}.content-card:hover{border-color:#eb8109}.content-card .content-card-header{align-items:center;background:linear-gradient(135deg,#eb8109,#d67400);display:flex;justify-content:space-between;padding:15px}.content-card .content-year{color:#666;font-size:.8rem;padding:0 15px}.content-card .content-preview{border-left:4px solid #eb8109;flex-grow:0;padding:15px 20px 10px}.content-card .preview-text{-webkit-line-clamp:2;flex-grow:0;margin:0 15px 15px;text-align:justify}.content-card .card-content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:15px}.content-card .content-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555;display:-webkit-box;flex-grow:1;font-size:.9rem;line-height:1.5;margin:0 0 15px;overflow:hidden}.content-card .metadata-left{gap:10px}.content-card .metadata-item .material-icons{color:#eb8109}.content-type-badge{background:linear-gradient(135deg,#eb8109,#ff9500)}.content-date{color:#ffffffe6;font-size:12px;position:relative;z-index:1}.content-job-badge-wrap{align-items:center;display:flex;gap:8px;position:absolute;right:10px;top:10px;z-index:2}.content-job-badge{border:1px solid #00000014;cursor:pointer}.content-job-reprocess{background:#fff1f0f2;border:1px solid #ffa39e;border-radius:999px;color:#a8071a;cursor:pointer;font-size:12px;font-weight:700;padding:4px 10px}.content-job-reprocess:hover{border-color:#ff4d4f}.shop-management-wrapper{background:#f8f9fa;max-height:100vh;min-height:100vh;overflow-y:auto;padding:20px}.shop-management-wrapper .shop-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:20px;overflow-x:auto;padding:8px}.shop-management-wrapper .shop-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.shop-management-wrapper .shop-tab:hover{background:#f0f0f0;color:#333}.shop-management-wrapper .shop-tab.active{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 2px 8px #ff6b354d;color:#fff}.shop-management-wrapper .shop-tab .material-icons{font-size:18px}.shop-management-wrapper .shop-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.shop-management-wrapper .shop-dashboard{display:flex;flex-direction:column;gap:24px}.shop-management-wrapper .summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.shop-management-wrapper .summary-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:24px}.shop-management-wrapper .summary-card h3{color:#666;font-size:14px;font-weight:500;margin:0 0 12px}.shop-management-wrapper .summary-value{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.shop-management-wrapper .summary-change{font-size:12px;font-weight:500}.shop-management-wrapper .summary-change.positive{color:#28a745}.shop-management-wrapper .summary-change.negative{color:#dc3545}.shop-management-wrapper .summary-change.neutral{color:#6c757d}.shop-management-wrapper .alert-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.shop-management-wrapper .alert-section h3{color:#333;margin:0 0 16px}.shop-management-wrapper .alert-list{display:flex;flex-direction:column;gap:12px}.shop-management-wrapper .alert-item{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:12px;padding:12px}.shop-management-wrapper .alert-item.warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.shop-management-wrapper .alert-item.danger{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.shop-management-wrapper .dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.shop-management-wrapper .chart-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.shop-management-wrapper .chart-container h3{color:#333;margin:0 0 16px}.shop-management-wrapper .data-list{display:flex;flex-direction:column;gap:12px}.shop-management-wrapper .data-list-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:12px}.shop-management-wrapper .status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.shop-management-wrapper .status-badge.pending{background:#fff3cd;color:#856404}.shop-management-wrapper .status-badge.shipped{background:#d1ecf1;color:#0c5460}.shop-management-wrapper .status-badge.delivered{background:#d4edda;color:#155724}.shop-management-wrapper .issues-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.shop-management-wrapper .issues-section h3{color:#333;margin:0 0 16px}.shop-management-wrapper .issues-list{display:flex;flex-direction:column;gap:12px}.shop-management-wrapper .issue-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:14px;gap:12px;padding:12px}.shop-management-wrapper .products-content{display:flex;flex-direction:column;gap:20px}.shop-management-wrapper .products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.shop-management-wrapper .products-header h2{color:#333;margin:0}.shop-management-wrapper .header-actions{display:flex;gap:12px}.shop-management-wrapper .btn-primary{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.shop-management-wrapper .btn-primary:hover{box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.shop-management-wrapper .btn-secondary{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.shop-management-wrapper .btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}.shop-management-wrapper .product-sub-tabs{grid-gap:12px;background:#f8f9fa;border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,auto);margin-bottom:20px;overflow-x:auto;padding:8px}@media (max-width:900px){.product-sub-tabs{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,auto)}}.shop-management-wrapper .product-sub-tab{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.shop-management-wrapper .product-sub-tab:hover{background:#e9ecef;color:#333}.shop-management-wrapper .product-sub-tab.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#333}.shop-management-wrapper .products-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.shop-management-wrapper .filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.shop-management-wrapper .search-input{border:1px solid #dee2e6;border-radius:6px;font-size:14px;min-width:200px;padding:10px 16px}.shop-management-wrapper .filter-select{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:10px 16px}.shop-management-wrapper .products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.shop-management-wrapper .product-card{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;min-height:260px;padding:24px 20px 20px;transition:box-shadow .2s,transform .2s}.shop-management-wrapper .product-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px) scale(1.02)}.shop-management-wrapper .product-image{background:#f4f4f4;border-radius:8px;display:block;height:140px;margin-bottom:16px;object-fit:cover;width:100%}.shop-management-wrapper .product-title{color:#222;font-size:20px;font-weight:700;margin-bottom:8px}.shop-management-wrapper .product-price{color:#ff6b35;font-size:18px;font-weight:600;margin-bottom:12px}.shop-management-wrapper .product-category,.shop-management-wrapper .product-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;margin-bottom:8px;margin-right:8px;padding:4px 10px}.shop-management-wrapper .product-category{background:#e9ecef;color:#495057}.shop-management-wrapper .product-status.in-stock{background:#d4edda;color:#155724}.shop-management-wrapper .product-status.low-stock{background:#fff3cd;color:#856404}.shop-management-wrapper .product-status.out-of-stock{background:#f8d7da;color:#721c24}.shop-management-wrapper .product-actions .btn-icon{background:#f4f4f4;border:none;border-radius:50%;cursor:pointer;margin-right:4px;padding:8px;transition:background .2s}.shop-management-wrapper .product-actions .btn-icon:hover{background:#ff6b35;color:#fff}.shop-management-wrapper .filters-bar{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}@media (max-width:900px){.shop-management-wrapper .products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.shop-management-wrapper .product-description{color:#666;line-height:1.5;margin-bottom:16px}.shop-management-wrapper .product-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.shop-management-wrapper .stat{text-align:center}.shop-management-wrapper .stat .label{color:#666;display:block;font-size:12px;margin-bottom:4px}.shop-management-wrapper .stat .value{color:#333;display:block;font-size:16px;font-weight:600}.shop-management-wrapper .product-actions{display:flex;flex-wrap:wrap;gap:8px}.shop-management-wrapper .pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.shop-management-wrapper .page-info{color:#666;font-size:14px}.shop-management-wrapper .orders-content{display:flex;flex-direction:column;gap:20px}.shop-management-wrapper .orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.shop-management-wrapper .orders-header h2{color:#333;margin:0}.shop-management-wrapper .orders-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.shop-management-wrapper .orders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.shop-management-wrapper .order-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s ease}.shop-management-wrapper .order-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.shop-management-wrapper .order-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.shop-management-wrapper .order-id{color:#333;font-size:16px;font-weight:600;margin:0}.shop-management-wrapper .order-status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.shop-management-wrapper .order-status.pending{background:#fff3cd;color:#856404}.shop-management-wrapper .order-status.processing{background:#d1ecf1;color:#0c5460}.shop-management-wrapper .order-status.shipped{background:#d4edda;color:#155724}.shop-management-wrapper .order-status.delivered{background:#d1e7dd;color:#0f5132}.shop-management-wrapper .order-customer{color:#666;margin-bottom:16px}.shop-management-wrapper .order-items{margin-bottom:16px}.shop-management-wrapper .order-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.shop-management-wrapper .order-item:last-child{border-bottom:none}.shop-management-wrapper .order-total{color:#333;font-weight:600;margin-bottom:16px}.shop-management-wrapper .order-actions{display:flex;flex-wrap:wrap;gap:8px}.shop-management-wrapper .customers-content{display:flex;flex-direction:column;gap:20px}.shop-management-wrapper .customers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.shop-management-wrapper .customers-header h2{color:#333;margin:0}.shop-management-wrapper .customers-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.shop-management-wrapper .customers-filters .filter-group{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important}.shop-management-wrapper .customers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.shop-management-wrapper .customer-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s ease}.shop-management-wrapper .customer-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.shop-management-wrapper .customer-avatar{align-items:center;background:#f8f9fa;border-radius:50%;color:#666;display:flex;font-size:20px;height:50px;justify-content:center;margin-bottom:16px;width:50px}.shop-management-wrapper .customer-info h3{color:#333;font-size:18px;margin:0 0 8px}.shop-management-wrapper .customer-info p{color:#666;font-size:14px;margin:0 0 4px}.shop-management-wrapper .customer-segment{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;margin-top:8px;padding:4px 8px}.shop-management-wrapper .customer-segment.vip{background:#fff3cd;color:#856404}.shop-management-wrapper .customer-segment.returning{background:#d1ecf1;color:#0c5460}.shop-management-wrapper .customer-segment.new{background:#d4edda;color:#155724}.shop-management-wrapper .customer-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:16px 0}.shop-management-wrapper .customer-actions{display:flex;flex-wrap:wrap;gap:8px}.shop-management-wrapper .analytics-content{display:flex;flex-direction:column;gap:24px}.shop-management-wrapper .analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.shop-management-wrapper .analytics-header h2{color:#333;margin:0}.shop-management-wrapper .date-filter select{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:8px 12px}.shop-management-wrapper .analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.shop-management-wrapper .analytics-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.shop-management-wrapper .analytics-card h3{color:#333;font-size:16px;margin:0 0 16px}.shop-management-wrapper .chart-placeholder{align-items:end;display:flex;height:120px;justify-content:space-between;margin-bottom:12px}.shop-management-wrapper .chart-bar{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:2px;min-height:10px;width:20px}.shop-management-wrapper .chart-labels{color:#666;display:flex;font-size:12px;justify-content:space-between}.shop-management-wrapper .top-products{display:flex;flex-direction:column;gap:12px}.shop-management-wrapper .product-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.shop-management-wrapper .product-item:last-child{border-bottom:none}.shop-management-wrapper .sales-count{color:#666;font-size:14px}.shop-management-wrapper .demographics{display:flex;flex-direction:column;gap:12px}.shop-management-wrapper .demo-item{align-items:center;display:flex;gap:12px}.shop-management-wrapper .progress-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.shop-management-wrapper .progress{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:4px;height:100%}.shop-management-wrapper .conversion-stats{display:flex;flex-direction:column;gap:12px}.shop-management-wrapper .stat-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.shop-management-wrapper .stat-item:last-child{border-bottom:none}.shop-management-wrapper .stat-label{color:#666;font-size:14px}.shop-management-wrapper .stat-value{color:#333;font-weight:600}.shop-management-wrapper .marketing-content{display:flex;flex-direction:column;gap:24px}.shop-management-wrapper .marketing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.shop-management-wrapper .marketing-header h2{color:#333;margin:0}.shop-management-wrapper .campaigns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.shop-management-wrapper .campaign-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s ease}.shop-management-wrapper .campaign-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.shop-management-wrapper .campaign-card.active{background:#f8fff9;border-color:#28a745}.shop-management-wrapper .campaign-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.shop-management-wrapper .campaign-header h3{color:#333;font-size:16px;margin:0}.shop-management-wrapper .status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.shop-management-wrapper .status.active{background:#d4edda;color:#155724}.shop-management-wrapper .status.scheduled{background:#d1ecf1;color:#0c5460}.shop-management-wrapper .status.paused{background:#f8d7da;color:#721c24}.shop-management-wrapper .campaign-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.shop-management-wrapper .campaign-stats .stat{text-align:center}.shop-management-wrapper .campaign-stats .label{color:#666;display:block;font-size:12px;margin-bottom:4px}.shop-management-wrapper .campaign-stats .value{color:#333;display:block;font-size:16px;font-weight:600}.shop-management-wrapper .campaign-actions{display:flex;flex-wrap:wrap;gap:8px}.shop-management-wrapper .marketing-tools{margin-top:20px}.shop-management-wrapper .marketing-tools h3{color:#333;margin:0 0 16px}.shop-management-wrapper .tools-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.shop-management-wrapper .tool-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.shop-management-wrapper .tool-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.shop-management-wrapper .tool-card i{color:#ff6b35;font-size:32px;margin-bottom:12px}.shop-management-wrapper .tool-card h4{color:#333;font-size:16px;margin:0 0 8px}.shop-management-wrapper .tool-card p{color:#666;font-size:14px;line-height:1.5;margin:0 0 16px}.shop-management-wrapper .settings-content{display:flex;flex-direction:column;gap:24px}.shop-management-wrapper .settings-header{margin-bottom:20px}.shop-management-wrapper .settings-header h2{color:#333;margin:0}.shop-management-wrapper .settings-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.shop-management-wrapper .settings-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.shop-management-wrapper .settings-section h3{color:#333;font-size:16px;margin:0 0 16px}.shop-management-wrapper .setting-item{margin-bottom:16px}.shop-management-wrapper .setting-item:last-child{margin-bottom:0}.shop-management-wrapper .setting-item label{color:#333;display:block;font-weight:500;margin-bottom:8px}.shop-management-wrapper .setting-item input[type=number],.shop-management-wrapper .setting-item input[type=text],.shop-management-wrapper .setting-item select{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.shop-management-wrapper .setting-item input[type=checkbox]{margin-right:8px}.shop-management-wrapper .settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.shop-management-wrapper .loading{color:#666;padding:40px;text-align:center}.shop-management-wrapper .error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545;padding:40px;text-align:center}.shop-management-wrapper .tab-content-placeholder{color:#666;padding:40px;text-align:center}.shop-management-wrapper .shop-content::-webkit-scrollbar,.shop-management-wrapper::-webkit-scrollbar{width:8px}.shop-management-wrapper .shop-content::-webkit-scrollbar-track,.shop-management-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.shop-management-wrapper .shop-content::-webkit-scrollbar-thumb,.shop-management-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.shop-management-wrapper .shop-content::-webkit-scrollbar-thumb:hover,.shop-management-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.shop-management-wrapper .shop-tabs{flex-wrap:wrap}.shop-management-wrapper .shop-tab{flex:1 1;min-width:120px}.shop-management-wrapper .analytics-grid,.shop-management-wrapper .campaigns-grid,.shop-management-wrapper .customers-grid,.shop-management-wrapper .dashboard-grid,.shop-management-wrapper .orders-grid,.shop-management-wrapper .products-grid,.shop-management-wrapper .settings-sections,.shop-management-wrapper .summary-cards,.shop-management-wrapper .tools-grid{grid-template-columns:1fr}.shop-management-wrapper .header-actions{flex-direction:column;gap:8px}.shop-management-wrapper .filter-group{align-items:stretch;flex-direction:column}.shop-management-wrapper .search-input{min-width:auto}}.shop-products{align-self:stretch;flex:1 1 auto;max-width:1200px;min-height:0;width:100%}.bulk-actions,.shop-products{display:flex;flex-direction:column}.bulk-actions{align-items:flex-start;gap:10px;margin-bottom:20px;margin-top:12px}@media (max-width:600px){.bulk-actions{align-items:stretch;width:100%}}.more-actions-dropdown{display:inline-block;margin-left:8px;position:relative}.more-actions-btn{align-items:center;display:flex;gap:4px}.more-actions-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #00000014;display:none;flex-direction:column;left:0;min-width:160px;padding:8px 0;position:absolute;top:110%;z-index:10}.more-actions-dropdown:focus-within .more-actions-menu,.more-actions-dropdown:hover .more-actions-menu{display:flex}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;font-size:15px;padding:10px 20px;text-align:left;transition:background .2s;width:100%}.dropdown-item:hover{background:#f8f9fa}.ESPCourses_dashboard__BJhO3{background:#f4f4f4;display:flex;min-height:100vh;width:100%}.ESPCourses_horizontalTabs__0RNuc{background:var(--card-bg);border-bottom:1.5px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:18px 22px;justify-content:center;margin:0 auto 12px;max-width:900px;padding:28px 0 18px}@media (max-width:900px){.ESPCourses_horizontalTabs__0RNuc{gap:14px 10px;max-width:98vw}}@media (max-width:600px){.ESPCourses_horizontalTabs__0RNuc{align-items:stretch;flex-direction:column;gap:10px 0;padding:10px 0 6px}}.ESPCourses_tabButton__njOun{align-items:center;background:var(--card-bg);border:1.5px solid var(--border);border-radius:999px;box-shadow:0 2px 8px #3c3c3c0a;color:var(--text);cursor:pointer;display:flex;font-size:1.05rem;font-weight:500;gap:10px;outline:none;padding:12px 28px;transition:background .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.ESPCourses_tabButton__njOun:focus,.ESPCourses_tabButton__njOun:hover{background:#f5f5f5;border-color:#bbb;box-shadow:0 4px 16px #3c3c3c14;color:#111}.ESPCourses_tabButton__njOun.ESPCourses_active__U8HZf{background:var(--accent);border-color:var(--accent);box-shadow:0 6px 18px #1a73e821;color:#fff;font-weight:700}.ESPCourses_tabButton__njOun .ESPCourses_material-icons__DXHHG{color:inherit;font-size:22px}.ESPCourses_contentArea__Y2El4{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:32px 24px 24px}.ESPCourses_specialtiesList__IKYS6{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin-top:20px}.ESPCourses_specialtyCard__ZlY2E{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 10px #00000014;flex-basis:calc(30% - 20px);flex-grow:1;flex-shrink:1;max-width:300px;min-width:200px;padding:30px;text-align:center}.ESPCourses_academicLevelsList__aZ1Sw{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin-top:20px}.ESPCourses_academicLevelCard__but\+c{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 10px #00000014;cursor:pointer;flex-basis:calc(30% - 20px);flex-grow:1;flex-shrink:1;max-width:300px;min-width:200px;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.ESPCourses_academicLevelCard__but\+c:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-10px)}.ESPCourses_academicLevelCard__but\+c h3{color:#333;font-size:20px;margin:10px 0}.ESPCourses_academicLevelCard__but\+c p{color:#666;font-size:14px;margin:8px 0}.ESPCourses_specialtyCard__ZlY2E:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-10px)}.ESPCourses_specialtyCard__ZlY2E h3{color:#333;font-size:20px;margin:10px 0}.ESPCourses_sectionHeader__vdAMy{align-items:center;display:flex;gap:16px;margin-bottom:16px}.ESPCourses_buttonContainer__4Rfed{align-items:center;display:flex;justify-content:flex-start;margin-bottom:16px;padding:8px 0}.ESPCourses_mainBackBtn__-42cr{align-items:center;background:none;border:none;color:var(--accent);cursor:pointer;display:flex;font-size:16px;margin-right:16px}.ESPCourses_backNavigation__P-edR{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding:16px 0}.ESPCourses_backBtn__31A0K{align-items:center;background:#f8f9fa;border:1.5px solid var(--border);border-radius:6px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.ESPCourses_backBtn__31A0K:hover{background:#e9ecef;border-color:#adb5bd;color:#495057}.ESPCourses_icon__w4f-H{color:var(--accent);font-size:32px;margin-bottom:8px}.ESPCourses_backToCourseManagement__ibcZH{align-items:center;background:var(--card-bg);border:1.5px solid var(--border);border-radius:999px;box-shadow:0 2px 8px #3c3c3c0f;color:var(--text);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;margin:24px auto 8px 0;outline:none;padding:10px 22px;transition:background .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.ESPCourses_backToCourseManagement__ibcZH:focus,.ESPCourses_backToCourseManagement__ibcZH:hover{background:#f5f5f5;border-color:#bbb;box-shadow:0 4px 16px #3c3c3c21;color:#111}.ESPCourses_backToCourseManagement__ibcZH.ESPCourses_active__U8HZf{background:var(--accent);border-color:var(--accent);color:#fff}.ESPCourses_espCoursesScrollWrapper__AeBCN{background:#f4f4f4;height:100vh;overflow-y:auto;padding:40px;width:100%}.ESPCourses_specialtyManagement__nKLQH{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 10px #00000014;margin-top:24px;overflow-y:auto;padding:32px 24px;scrollbar-color:var(--accent) #f5f5f5;scrollbar-width:thin}.ESPCourses_specialtyManagement__nKLQH::-webkit-scrollbar{background:#f5f5f5;border-radius:8px;width:8px}.ESPCourses_specialtyManagement__nKLQH::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px}.ESPCourses_specialtyManagement__nKLQH::-webkit-scrollbar-thumb:hover{background:#d67400}.ESPCourses_closeSpecialtyTab__xn1D7{background:var(--accent);border-radius:50%;color:#fff;display:inline-block;font-size:1.2em;font-weight:700;height:24px;line-height:22px;margin-left:8px;text-align:center;transition:background .18s,color .18s;width:24px}.ESPCourses_closeSpecialtyTab__xn1D7:hover{background:#d67400;color:#fff}.ESPCourses_espCoursesWrapper__\+s2oI{background:#f4f4f4;display:flex;flex-direction:column;min-height:100vh;width:100%}.ESPCourses_espcoursesOverlay__xfDAc{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:all .3s ease;visibility:visible;width:100vw;z-index:2000}.ESPCourses_espcoursesForm__xQ\+W\+{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.ESPCourses_formHeader__FpeOx{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 25px}.ESPCourses_formHeader__FpeOx h3{color:#333;font-size:20px;font-weight:600;margin:0}.ESPCourses_closeBtn__D4379{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;padding:5px;transition:all .3s ease}.ESPCourses_closeBtn__D4379:hover{background:#f8f9fa;color:#333}.ESPCourses_formContent__JwCHV{padding:25px}.ESPCourses_formGroup__YkqWM{margin-bottom:20px}.ESPCourses_formGroup__YkqWM label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.ESPCourses_formGroup__YkqWM input,.ESPCourses_formGroup__YkqWM select,.ESPCourses_formGroup__YkqWM textarea{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.ESPCourses_formGroup__YkqWM input:focus,.ESPCourses_formGroup__YkqWM select:focus,.ESPCourses_formGroup__YkqWM textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a;outline:none}.ESPCourses_formGroup__YkqWM textarea{font-family:inherit;min-height:120px;resize:vertical}.ESPCourses_formActions__nCsNt{border-top:1px solid #e1e5e9;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.ESPCourses_formActions__nCsNt button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s ease}.ESPCourses_formActions__nCsNt button:first-child{background:#f5f5f5;border:1.5px solid #e1e5e9;color:#333}.ESPCourses_formActions__nCsNt button:first-child:hover{background:#e1e5e9}.ESPCourses_formActions__nCsNt button:last-child{background:var(--accent);color:#fff}.ESPCourses_formActions__nCsNt button:last-child:hover{background:#d67400}.ESPCourses_contentCards__ptaZo{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,350px);justify-content:center;margin:0 auto;max-width:1200px;padding:20px;width:100%}.ESPCourses_contentCard__eLzf0{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:360px;max-width:350px;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ESPCourses_contentCard__eLzf0:hover{border-color:var(--accent);box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.ESPCourses_contentCardHeader__TUcsj{align-items:center;background:linear-gradient(135deg,var(--accent) 0,#d67400 100%);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:15px;position:relative}.ESPCourses_contentCardHeader__TUcsj:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ESPCourses_contentTitle__JdEVK{color:#333;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 5px;padding:15px 15px 0;position:relative;z-index:1}.ESPCourses_contentSpecialty__MbS5e{color:#666;font-size:.8rem;font-weight:500;letter-spacing:.5px;opacity:.9;padding:0 15px;position:relative;text-transform:uppercase;z-index:1}.ESPCourses_contentPreview__LsQuw{background:#f8f9fa;border-left:4px solid var(--accent);border-radius:8px;display:flex;flex-direction:column;flex-grow:1;margin:15px;overflow:hidden;padding:20px}.ESPCourses_previewText__Oa\+J0{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#555;display:-webkit-box;flex-grow:1;font-family:Arial,sans-serif;font-size:.9rem;font-weight:400;line-height:1.6;margin:0;overflow:hidden;text-align:left}.ESPCourses_cardBottomSection__zXKpV{background:#f8f9fa;border-top:1px solid #eee;margin-top:auto}.ESPCourses_contentActions__QPV5u{border-bottom:1px solid #eee;display:flex;flex-shrink:0;gap:8px;justify-content:flex-start;padding:10px 15px}.ESPCourses_actionBtn__j4DNQ{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:5px;justify-content:center;padding:8px 12px;transition:all .2s ease}.ESPCourses_actionBtn__j4DNQ.ESPCourses_edit__2XESw{background:#2196f3;color:#fff}.ESPCourses_actionBtn__j4DNQ.ESPCourses_edit__2XESw:hover{background:#1976d2;transform:translateY(-2px)}.ESPCourses_actionBtn__j4DNQ.ESPCourses_delete__wUAb3{background:#f44336;color:#fff}.ESPCourses_actionBtn__j4DNQ.ESPCourses_delete__wUAb3:hover{background:#d32f2f;transform:translateY(-2px)}.ESPCourses_actionBtn__j4DNQ .ESPCourses_material-icons__DXHHG{font-size:14px}.ESPCourses_articleMetadata__LMAFc{align-items:center;background:#f8f9fa;border-top:1px solid #eee;color:#666;display:flex;flex-shrink:0;font-size:.75rem;justify-content:space-between;margin-top:auto;padding:10px 15px}.ESPCourses_metadataItem__SDsIz{align-items:center;display:flex;gap:3px}.ESPCourses_metadataItem__SDsIz .ESPCourses_material-icons__DXHHG{color:var(--accent);font-size:14px}.ESPCourses_contentTypeBadge__zpBs2{background:linear-gradient(135deg,var(--accent),#ff9500);border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;position:relative;text-transform:uppercase;z-index:1}.ESPCourses_contentDate__ayizL{font-size:.75rem;opacity:.9;position:relative;z-index:1}.ESPCourses_cardAnimate__RwP2C{animation:ESPCourses_fadeInUp__aNCHK .6s ease-out}@keyframes ESPCourses_fadeInUp__aNCHK{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1400px){.ESPCourses_contentCards__ptaZo{grid-template-columns:repeat(3,350px)}}@media (max-width:1399px) and (min-width:992px){.ESPCourses_contentCards__ptaZo{grid-template-columns:repeat(2,350px)}}@media (max-width:991px) and (min-width:769px){.ESPCourses_contentCards__ptaZo{grid-template-columns:repeat(2,320px)}}@media (max-width:768px){.ESPCourses_contentCards__ptaZo{grid-template-columns:1fr;max-width:400px}}.ESPCourses_modal__pASOw{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:all .3s ease;visibility:visible;width:100vw;z-index:2000}.ESPCourses_modalContent__FPOXr{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.ESPCourses_modalHeader__uXkGl{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 25px}.ESPCourses_modalHeader__uXkGl h2{color:#333;font-size:20px;font-weight:600;margin:0}.ESPCourses_closeButton__WSWnC{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:24px;line-height:1;padding:5px;transition:all .3s ease}.ESPCourses_closeButton__WSWnC:hover{background:#f8f9fa;color:#333}.ESPCourses_form__JHlAi{padding:25px}.ESPCourses_error__2NwlH{background:#ffebee;border-left:4px solid #d32f2f;border-radius:4px;color:#d32f2f;font-size:14px;margin-bottom:10px;padding:8px 12px}.ESPCourses_facultySelection__doBi1{margin-bottom:24px}.ESPCourses_facultySelection__doBi1 h2{color:#333;font-size:1.5rem;margin:0 0 16px}.ESPCourses_facultiesList__oLUe5{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ESPCourses_facultyCard__Tc2VF{align-items:center;background:var(--card-bg);border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:24px;text-align:center;transition:all .2s}.ESPCourses_facultyCard__Tc2VF:hover{border-color:var(--accent);box-shadow:0 4px 12px #1a73e826;transform:translateY(-2px)}.ESPCourses_facultyCard__Tc2VF.ESPCourses_active__U8HZf{background:#fff3e0;border-color:var(--accent)}.ESPCourses_facultyCard__Tc2VF .ESPCourses_material-icons__DXHHG{color:var(--accent);font-size:2.5rem;margin-bottom:16px}.ESPCourses_facultyCard__Tc2VF h3{color:#333;font-size:1.1rem;margin:0 0 8px}.ESPCourses_facultyCard__Tc2VF p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.ESPCourses_header__fwNkv{margin-bottom:32px;text-align:center}.ESPCourses_header__fwNkv h1{color:#333;font-size:2rem;font-weight:600;margin:0 0 8px}.ESPCourses_header__fwNkv p{color:#666;font-size:1.1rem;margin:0}.ESPCourses_backButton__336\+Q{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;cursor:pointer;display:flex;gap:8px;left:24px;padding:8px 16px;position:absolute;top:24px;transition:all .2s}.ESPCourses_backButton__336\+Q:hover{background:#e9ecef;color:#333}.CourseLibrary_courseLibraryWrapper__Gk020{background:var(--bg);height:100vh;overflow-y:auto;padding:40px;width:100%}.CourseLibrary_courseLibraryContent__gQOrV{background:var(--bg);display:flex;flex-direction:column;min-height:100vh;width:100%}.CourseLibrary_courseLibraryWrapper__Gk020::-webkit-scrollbar{background:var(--bg);width:12px}.CourseLibrary_courseLibraryWrapper__Gk020::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent) 0,#1557b0 100%);border-radius:8px}.CourseLibrary_courseLibraryWrapper__Gk020::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1557b0 0,var(--accent) 100%)}.CourseLibrary_courseLibraryWrapper__Gk020{scrollbar-color:var(--accent) #f4f6fa;scrollbar-width:thin}.CourseLibrary_backToCourseManagement__QaRpf{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:8px;box-shadow:0 4px 12px #eb81094d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:24px;padding:12px 20px;transition:all .3s ease}.CourseLibrary_backToCourseManagement__QaRpf:hover{box-shadow:0 6px 20px #eb810966;transform:translateY(-2px)}.CourseLibrary_backToCourseManagement__QaRpf .CourseLibrary_material-icons__FwiSj{font-size:18px}.CourseLibrary_tabsContainer__2MDdc{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:-webkit-fit-content;max-width:fit-content;padding:8px}.CourseLibrary_tabButton__SeUYk{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-height:48px;padding:12px 20px;transition:all .3s ease}.CourseLibrary_tabButton__SeUYk:hover{background:#eb81091a;color:var(--accent)}.CourseLibrary_tabButton__SeUYk.CourseLibrary_active__H-DOK{background:linear-gradient(135deg,var(--accent),#1557b0);box-shadow:0 2px 8px #eb81094d;color:#fff}.CourseLibrary_tabButton__SeUYk .CourseLibrary_material-icons__FwiSj{font-size:18px;min-width:20px;opacity:.9;text-align:center}.CourseLibrary_contentArea__gK2uV{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;flex:1 1;min-height:0;overflow-y:auto;padding:32px}.CourseLibrary_dashboardContent__sbx6S{animation:CourseLibrary_fadeIn__Rjl-i .3s ease-in-out}.CourseLibrary_statsGrid__jAAgF{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.CourseLibrary_statCard__UpR\+f{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.CourseLibrary_statCard__UpR\+f:before{background:linear-gradient(90deg,var(--accent),#1557b0);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.CourseLibrary_statCard__UpR\+f:hover{border-color:var(--accent);box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.CourseLibrary_statCard__UpR\+f:hover:before{transform:scaleX(1)}.CourseLibrary_statIcon__NW-cB{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border-radius:12px;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.CourseLibrary_statIcon__NW-cB .CourseLibrary_material-icons__FwiSj{color:#fff;font-size:24px}.CourseLibrary_statContent__Jhedo h3{color:var(--text-secondary);font-size:16px;font-weight:500;margin-bottom:8px}.CourseLibrary_statNumber__rr2b6{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.CourseLibrary_statChange__uQGtT{font-size:14px;font-weight:500}.CourseLibrary_statChange__uQGtT.CourseLibrary_positive__HLWwd{color:#28a745}.CourseLibrary_statChange__uQGtT.CourseLibrary_negative__BqPAe{color:#dc3545}.CourseLibrary_quickActions__I4g6T{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px}.CourseLibrary_quickActions__I4g6T h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.CourseLibrary_actionButtons__kn8Xk{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.CourseLibrary_actionBtn__7lwOf{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:16px 20px;text-decoration:none;transition:all .3s ease}.CourseLibrary_actionBtn__7lwOf:hover{border-color:var(--accent);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.CourseLibrary_actionBtn__7lwOf .CourseLibrary_material-icons__FwiSj{color:var(--accent);font-size:20px}.CourseLibrary_recentActivity__KG\+jV{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.CourseLibrary_recentActivity__KG\+jV h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.CourseLibrary_activityList__iKCWC{display:flex;flex-direction:column;gap:16px}.CourseLibrary_activityItem__\+Wf8K{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.CourseLibrary_activityItem__\+Wf8K:hover{background:var(--card-bg);box-shadow:0 4px 12px #00000014}.CourseLibrary_activityIcon__BS3eD{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.CourseLibrary_activityIcon__BS3eD .CourseLibrary_material-icons__FwiSj{color:#fff;font-size:20px}.CourseLibrary_activityContent__EiVuP{flex:1 1}.CourseLibrary_activityContent__EiVuP p{color:#333;font-size:14px;margin:0 0 4px}.CourseLibrary_activityTime__H3Q2s{color:var(--text-secondary);font-size:12px}.CourseLibrary_btn__6-Thd{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;min-height:48px;padding:12px 20px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.CourseLibrary_btnPrimary__yyE7F{background:linear-gradient(135deg,var(--accent),#1557b0);box-shadow:0 4px 12px #eb81094d;color:#fff}.CourseLibrary_btnPrimary__yyE7F:hover{box-shadow:0 6px 20px #eb810966;transform:translateY(-2px)}.CourseLibrary_btnSecondary__wI97X{background:#6c757d;color:#fff}.CourseLibrary_btnSecondary__wI97X:hover{background:#5a6268;transform:translateY(-2px)}.CourseLibrary_btnSm__y5eeD{font-size:12px;min-height:36px;padding:8px 16px}.CourseLibrary_filtersBar__oXvaf{align-items:center;background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px;padding:24px}.CourseLibrary_searchBox__X8MjN{gap:12px;min-width:250px}.CourseLibrary_searchBox__X8MjN .CourseLibrary_material-icons__FwiSj{color:var(--text-secondary);font-size:20px}.CourseLibrary_searchBox__X8MjN input{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px}.CourseLibrary_searchBox__X8MjN input:focus{background:var(--card-bg);border-color:var(--accent);outline:none}.CourseLibrary_filterGroup__KD2l3{display:flex;flex-wrap:wrap;gap:12px}.CourseLibrary_filterGroup__KD2l3 select{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:14px;min-width:150px;padding:12px 16px}.CourseLibrary_filterGroup__KD2l3 select:focus{background:var(--card-bg);border-color:var(--accent);outline:none}.CourseLibrary_coursesGrid__V777-,.CourseLibrary_teachersGrid__o2oFi{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.CourseLibrary_courseCard__s0c9I,.CourseLibrary_teacherCard__AuNO4{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.CourseLibrary_courseCard__s0c9I:before,.CourseLibrary_teacherCard__AuNO4:before{background:linear-gradient(90deg,var(--accent),#1557b0);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.CourseLibrary_courseCard__s0c9I:hover,.CourseLibrary_teacherCard__AuNO4:hover{border-color:var(--accent);box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.CourseLibrary_courseCard__s0c9I:hover:before,.CourseLibrary_teacherCard__AuNO4:hover:before{transform:scaleX(1)}.CourseLibrary_cardHeader__3suu6{align-items:center;align-items:flex-start;display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.CourseLibrary_courseCard__s0c9I .CourseLibrary_cardHeader__3suu6{align-items:flex-start;flex-direction:column;gap:8px}.CourseLibrary_cardHeader__3suu6 .CourseLibrary_material-icons__FwiSj{color:var(--accent);font-size:24px}.CourseLibrary_teacherName__iZbKu{color:#333;font-size:18px;font-weight:600;margin:0}.CourseLibrary_courseTitle__1sGfq{color:#2c3e50;font-size:20px;font-weight:700;line-height:1.4;margin:0;padding:0 4px}.CourseLibrary_cardContent__fGdE1{margin-bottom:16px}.CourseLibrary_cardContent__fGdE1>div{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.CourseLibrary_cardContent__fGdE1 strong{color:#333}.CourseLibrary_cardActions__lTt8l{display:flex;flex-wrap:wrap;gap:8px}.CourseLibrary_studentsTableContainer__F\+7dQ,.CourseLibrary_transactionsTableContainer__MJlHd{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow-x:auto;padding:24px}.CourseLibrary_studentsTable__wonk5,.CourseLibrary_transactionsTable__jsPc2{border-collapse:collapse;font-size:14px;width:100%}.CourseLibrary_studentsTable__wonk5 td,.CourseLibrary_studentsTable__wonk5 th,.CourseLibrary_transactionsTable__jsPc2 td,.CourseLibrary_transactionsTable__jsPc2 th{border-bottom:1px solid #e9ecef;padding:16px;text-align:left}.CourseLibrary_studentsTable__wonk5 th,.CourseLibrary_transactionsTable__jsPc2 th{background:#f8f9fa;color:#333;font-size:14px;font-weight:600}.CourseLibrary_studentsTable__wonk5 tr:hover,.CourseLibrary_transactionsTable__jsPc2 tr:hover{background:#f8f9fa}.CourseLibrary_statusBadge__vEVRa{font-weight:500;letter-spacing:.5px}.CourseLibrary_statusActive__17ay1{background:#d4edda;color:#155724}.CourseLibrary_statusPending__56WCP{background:#fff3cd;color:#856404}.CourseLibrary_statusSuspended__lSxOJ{background:#f8d7da;color:#721c24}.CourseLibrary_statusCompleted__GndtP{background:#d1ecf1;color:#0c5460}.CourseLibrary_statusFailed__NiZ0v{background:#f8d7da;color:#721c24}.CourseLibrary_statusPublished__bN4-x{background:#d4edda;color:#155724}.CourseLibrary_statusDraft__2WgEO{background:#e2e3e5;color:#383d41}.CourseLibrary_statusRejected__IWqg3{background:#f8d7da;color:#721c24}.CourseLibrary_statusApproved__VX1zT{background:#d4edda;color:#155724}.CourseLibrary_statusHidden__CwMMl{background:#6c757d;color:#fff}.CourseLibrary_statusInactive__s3msW{background:#e2e3e5;color:#383d41}.CourseLibrary_revenueOverview__XlOmS{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.CourseLibrary_revenueCard__-0AV4{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.CourseLibrary_revenueCard__-0AV4:before{background:linear-gradient(90deg,var(--accent),#1557b0);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.CourseLibrary_revenueCard__-0AV4:hover{border-color:var(--accent);box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.CourseLibrary_revenueCard__-0AV4:hover:before{transform:scaleX(1)}.CourseLibrary_revenueCard__-0AV4 h3{color:var(--text-secondary);font-size:16px;font-weight:500;margin-bottom:12px}.CourseLibrary_revenueAmount__nk00g{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.CourseLibrary_revenuePeriod__dUU9T{color:var(--text-secondary);font-size:14px}.CourseLibrary_transactionsSection__iOD5y{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-top:32px;padding:24px}.CourseLibrary_transactionsSection__iOD5y h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.CourseLibrary_reviewsList__5HTD2{display:flex;flex-direction:column;gap:16px}.CourseLibrary_reviewCard__kV197{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px;transition:all .3s ease}.CourseLibrary_reviewCard__kV197:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.CourseLibrary_reviewHeader__PFOpO{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.CourseLibrary_reviewInfo__Li5yo{flex:1 1}.CourseLibrary_reviewInfo__Li5yo strong{color:#333;display:block;font-size:16px;margin-bottom:4px}.CourseLibrary_reviewRating__Nbd5o{color:#ffc107;font-size:16px}.CourseLibrary_reviewContent__MXamT{margin-bottom:16px}.CourseLibrary_reviewContent__MXamT p{color:#333;font-size:14px;line-height:1.6;margin:0 0 8px}.CourseLibrary_reviewContent__MXamT small{color:var(--text-secondary);font-size:12px}.CourseLibrary_reviewActions__FKiki{display:flex;gap:8px}.CourseLibrary_analyticsGrid__UYGi\+{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.CourseLibrary_chartContainer__1pu-o{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.CourseLibrary_chartContainer__1pu-o h3{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.CourseLibrary_chartPlaceholder__yIyx3{align-items:center;background:#f8f9fa;border:2px dashed #e9ecef;border-radius:8px;color:var(--text-secondary);display:flex;flex-direction:column;height:200px;justify-content:center}.CourseLibrary_chartPlaceholder__yIyx3 .CourseLibrary_material-icons__FwiSj{color:var(--accent);font-size:48px;margin-bottom:16px}.CourseLibrary_chartPlaceholder__yIyx3 p{font-size:14px;margin:0;text-align:center}.CourseLibrary_settingsGrid__b2YpZ{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.CourseLibrary_settingsCard__Vx3Jj{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.CourseLibrary_settingsCard__Vx3Jj h3{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.CourseLibrary_settingItem__3I7bQ{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 0}.CourseLibrary_settingItem__3I7bQ:last-child{border-bottom:none}.CourseLibrary_settingItem__3I7bQ label{color:#333;font-size:14px;font-weight:500}.CourseLibrary_settingItem__3I7bQ input[type=number]{border:1px solid #e9ecef;border-radius:6px;font-size:14px;padding:8px 12px;width:100px}.CourseLibrary_settingItem__3I7bQ input[type=checkbox]{accent-color:var(--accent);height:20px;width:20px}.CourseLibrary_settingsActions__yjuLh{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}@keyframes CourseLibrary_fadeIn__Rjl-i{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.CourseLibrary_courseLibraryWrapper__Gk020{padding:20px}.CourseLibrary_statsGrid__jAAgF{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.CourseLibrary_analyticsGrid__UYGi\+{grid-template-columns:1fr}.CourseLibrary_coursesGrid__V777-,.CourseLibrary_teachersGrid__o2oFi{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.CourseLibrary_contentArea__gK2uV,.CourseLibrary_courseLibraryWrapper__Gk020{padding:16px}.CourseLibrary_tabsContainer__2MDdc{flex-direction:column;width:100%}.CourseLibrary_tabButton__SeUYk{justify-content:center;width:100%}.CourseLibrary_filtersBar__oXvaf{flex-direction:column;gap:12px}.CourseLibrary_searchBox__X8MjN{width:100%}.CourseLibrary_filterGroup__KD2l3{justify-content:flex-start;width:100%}.CourseLibrary_actionButtons__kn8Xk,.CourseLibrary_coursesGrid__V777-,.CourseLibrary_revenueOverview__XlOmS,.CourseLibrary_settingsGrid__b2YpZ,.CourseLibrary_statsGrid__jAAgF,.CourseLibrary_teachersGrid__o2oFi{grid-template-columns:1fr}.CourseLibrary_formActions__vPrcH{flex-direction:column}.CourseLibrary_formActions__vPrcH .CourseLibrary_btn__6-Thd{width:100%}}@media (max-width:480px){.CourseLibrary_contentArea__gK2uV{padding:12px}.CourseLibrary_statCard__UpR\+f{padding:20px}.CourseLibrary_revenueAmount__nk00g,.CourseLibrary_statNumber__rr2b6{font-size:28px}.CourseLibrary_chartPlaceholder__yIyx3{height:150px}.CourseLibrary_courseCard__s0c9I,.CourseLibrary_teacherCard__AuNO4{padding:20px}.CourseLibrary_cardActions__lTt8l{flex-direction:column}.CourseLibrary_cardActions__lTt8l .CourseLibrary_btn__6-Thd{width:100%}.CourseLibrary_formGroup__UVFUp{margin-bottom:16px}.CourseLibrary_formActions__vPrcH{padding:16px}.CourseLibrary_formActions__vPrcH .CourseLibrary_btn__6-Thd{padding:12px 16px}}.CourseLibrary_supportClassesContent__aeUX7{padding:24px}.CourseLibrary_supportClassesGrid__TLn-F{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:24px}.CourseLibrary_supportClassCard__zmOaj{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.CourseLibrary_supportClassCard__zmOaj:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.CourseLibrary_supportClassThumbnail__Yezw5{height:180px;overflow:hidden;position:relative}.CourseLibrary_supportClassThumbnail__Yezw5 img{height:100%;object-fit:cover;width:100%}.CourseLibrary_statusBadge__vEVRa{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.CourseLibrary_statusBadge__vEVRa.CourseLibrary_active__H-DOK{background:#4caf50;color:#fff}.CourseLibrary_statusBadge__vEVRa.CourseLibrary_pending__bi2eM{background:#ff9800;color:#fff}.CourseLibrary_statusBadge__vEVRa.CourseLibrary_inactive__ObyZ5{background:#f44336;color:#fff}.CourseLibrary_supportClassContent__rPc9j{padding:20px}.CourseLibrary_supportClassTitle__n5Q0q{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 8px}.CourseLibrary_supportClassDescription__dvwh4{color:#7f8c8d;font-size:14px;line-height:1.5;margin:0 0 16px}.CourseLibrary_supportClassMeta__xAVh4{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.CourseLibrary_metaItem__U2Ax9{align-items:center;color:#5f6368;display:flex;font-size:13px;gap:8px}.CourseLibrary_metaItem__U2Ax9 .CourseLibrary_material-icons__FwiSj{color:var(--accent);font-size:16px}.CourseLibrary_supportClassActions__UgMmG{display:flex;flex-wrap:wrap;gap:8px}.CourseLibrary_supportClassActions__UgMmG .CourseLibrary_btn__6-Thd{flex:1 1;font-size:12px;min-width:80px;padding:8px 12px}.CourseLibrary_btnDanger__hlpxP{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease}.CourseLibrary_btnDanger__hlpxP:hover{background:#d32f2f}.CourseLibrary_modalOverlay__eg3u7{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.CourseLibrary_modalContent__JlQKa{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.CourseLibrary_modalHeader__DFI3n{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.CourseLibrary_modalHeader__DFI3n h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.CourseLibrary_backendStatus__uJdCz{margin-top:4px}.CourseLibrary_statusIndicator__afR\+1{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.CourseLibrary_statusIndicator__afR\+1.CourseLibrary_online__OEnht{color:#4caf50}.CourseLibrary_statusIndicator__afR\+1.CourseLibrary_offline__7pBG7{color:#f44336}.CourseLibrary_statusIndicator__afR\+1.CourseLibrary_checking__jmnr7{color:#ff9800}.CourseLibrary_statusIndicator__afR\+1 .CourseLibrary_material-icons__FwiSj{font-size:16px}.CourseLibrary_closeButton__WsGrA{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .3s ease}.CourseLibrary_closeButton__WsGrA:hover{background:#f5f5f5}.CourseLibrary_modalBody__lMKOf{padding:24px}.CourseLibrary_modalFooter__FcHtS{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.CourseLibrary_formGroup__UVFUp{margin-bottom:20px}.CourseLibrary_formGroup__UVFUp label{margin-bottom:8px}.CourseLibrary_formInput__r01My,.CourseLibrary_formSelect__naTd7,.CourseLibrary_formTextarea__ZXNvj{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease}.CourseLibrary_formTextarea__ZXNvj{min-height:80px}.CourseLibrary_formRow__Z8QfA{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr 1fr}.CourseLibrary_imageUploadSection__aiLLf{align-items:flex-start;display:flex;gap:20px}.CourseLibrary_currentImage__t7oXp{flex-shrink:0}.CourseLibrary_currentImage__t7oXp img{border:2px solid #e0e0e0;border-radius:8px;height:80px;object-fit:cover;width:120px}.CourseLibrary_disabled__H8QZO{opacity:.6}.CourseLibrary_currentImage__t7oXp img[src="uploading..."]{align-items:center;background:#f5f5f5;display:flex;justify-content:center;opacity:.5}.CourseLibrary_currentImage__t7oXp img[src="uploading..."]:after{color:var(--text-secondary);content:"Uploading...";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.CourseLibrary_uploadOptions__OjJbD{display:flex;flex:1 1;flex-direction:column;gap:12px}.CourseLibrary_uploadOptions__OjJbD .CourseLibrary_btn__6-Thd{align-items:center;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px 16px}.CourseLibrary_disabled__H8QZO{cursor:not-allowed;pointer-events:none}.CourseLibrary_courseTypeCards__yKtZ8{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:24px}.CourseLibrary_courseTypeCard__-uu5f{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;flex-direction:column;height:400px;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.CourseLibrary_courseTypeCard__-uu5f:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.CourseLibrary_courseTypeCard__-uu5f.CourseLibrary_recorded__iScfi{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3}.CourseLibrary_courseTypeCard__-uu5f.CourseLibrary_recorded__iScfi:hover{border-color:#1976d2;box-shadow:0 8px 30px #2196f34d}.CourseLibrary_courseTypeCard__-uu5f.CourseLibrary_workshops__papkp{background:linear-gradient(135deg,#fff3e0,#ffcc80);border-color:#ff9800}.CourseLibrary_courseTypeCard__-uu5f.CourseLibrary_workshops__papkp:hover{border-color:#f57c00;box-shadow:0 8px 30px #ff98004d}.CourseLibrary_courseTypeCard__-uu5f.CourseLibrary_normal__m1z3z{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-color:#4caf50}.CourseLibrary_courseTypeCard__-uu5f.CourseLibrary_normal__m1z3z:hover{border-color:#388e3c;box-shadow:0 8px 30px #4caf504d}.CourseLibrary_courseTypeImageContainer__b-nmt{border-radius:16px 16px 0 0;height:50%;overflow:hidden;position:relative;width:100%}.CourseLibrary_courseTypeImage__22l6T{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.CourseLibrary_courseTypeCard__-uu5f:hover .CourseLibrary_courseTypeImage__22l6T{transform:scale(1.05)}.CourseLibrary_editImageButton__hs8VJ{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:all .3s ease;width:36px}.CourseLibrary_courseTypeCard__-uu5f:hover .CourseLibrary_editImageButton__hs8VJ{opacity:1}.CourseLibrary_editImageButton__hs8VJ:hover{background:#000000e6;transform:scale(1.1)}.CourseLibrary_editImageButton__hs8VJ .CourseLibrary_material-icons__FwiSj{font-size:18px}.CourseLibrary_courseTypeContent__fX-nt{display:flex;flex:1 1;flex-direction:column;padding:24px}.CourseLibrary_courseTypeIcon__frGsg{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:12px;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.CourseLibrary_courseTypeIcon__frGsg .CourseLibrary_material-icons__FwiSj{color:#333;font-size:32px}.CourseLibrary_courseTypeContent__fX-nt h3{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.CourseLibrary_courseTypeContent__fX-nt p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.CourseLibrary_courseTypeFeatures__-dRlt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.CourseLibrary_courseTypeFeatures__-dRlt span{background:#fffc;border-radius:6px;color:#555;font-size:12px;font-weight:500;padding:4px 8px}.CourseLibrary_courseTypeStats__DNb3V{align-items:center;border-top:1px solid #ffffff4d;display:flex;justify-content:space-between;padding-top:16px}.CourseLibrary_courseTypeStats__DNb3V span{color:#333;font-size:14px;font-weight:600}.CourseLibrary_schoolLevelCards__oJ2MW{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px;width:100%}.CourseLibrary_schoolLevelCard__D4GTV{background:var(--card-bg);border-left:6px solid;border-radius:16px;box-shadow:0 4px 20px #0000001a;cursor:pointer;padding:32px;transition:all .3s ease}.CourseLibrary_schoolLevelCard__D4GTV:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.CourseLibrary_schoolLevelCard__D4GTV.CourseLibrary_blue__2saR\+{border-left-color:#3498db}.CourseLibrary_schoolLevelCard__D4GTV.CourseLibrary_green__t4MNy{border-left-color:#27ae60}.CourseLibrary_schoolLevelCard__D4GTV.CourseLibrary_orange__e3gO6{border-left-color:#f39c12}.CourseLibrary_schoolLevelIcon__Q5iaX{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.CourseLibrary_schoolLevelCard__D4GTV.CourseLibrary_blue__2saR\+ .CourseLibrary_schoolLevelIcon__Q5iaX{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.CourseLibrary_schoolLevelCard__D4GTV.CourseLibrary_green__t4MNy .CourseLibrary_schoolLevelIcon__Q5iaX{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.CourseLibrary_schoolLevelCard__D4GTV.CourseLibrary_orange__e3gO6 .CourseLibrary_schoolLevelIcon__Q5iaX{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.CourseLibrary_schoolLevelIcon__Q5iaX .CourseLibrary_material-icons__FwiSj{font-size:40px}.CourseLibrary_schoolLevelContent__ybcRi h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:12px}.CourseLibrary_schoolLevelContent__ybcRi p{color:#7f8c8d;font-size:16px;line-height:1.5;margin-bottom:20px}.CourseLibrary_schoolLevelStats__NWmUP{color:#7f8c8d;display:flex;font-size:14px;gap:16px}.CourseLibrary_schoolLevelStats__NWmUP span{background:#f8f9fa;border-radius:20px;font-weight:500;padding:6px 12px}.CourseLibrary_yearTabsContainer__QdcmN{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:-webkit-fit-content;max-width:fit-content;padding:8px}.CourseLibrary_yearTab__zSRX-{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:4px;min-height:80px;min-width:120px;padding:16px 20px;transition:all .3s ease}.CourseLibrary_yearTab__zSRX-:hover{background:#eb81091a;color:var(--accent)}.CourseLibrary_yearTab__zSRX-.CourseLibrary_active__H-DOK{background:linear-gradient(135deg,var(--accent),#1557b0);box-shadow:0 4px 12px #eb81094d;color:#fff}.CourseLibrary_yearTab__zSRX- .CourseLibrary_material-icons__FwiSj{font-size:24px}.CourseLibrary_yearTabStats__Pl1Fg{font-size:12px;opacity:.8}.CourseLibrary_yearContentArea__eJuC3{margin-top:24px}.CourseLibrary_yearContentHeader__thvWW{margin-bottom:24px;text-align:center}.CourseLibrary_yearContentHeader__thvWW h3{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:8px}.CourseLibrary_yearContentHeader__thvWW p{color:#7f8c8d;font-size:16px}.CourseLibrary_yearLevelCards__1GHDW{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px;width:100%}.CourseLibrary_yearLevelCard__lWyML{background:var(--card-bg);border-left:4px solid;border-radius:12px;box-shadow:0 3px 15px #0000001a;cursor:pointer;padding:24px;transition:all .3s ease}.CourseLibrary_yearLevelCard__lWyML:hover{box-shadow:0 6px 25px #00000026;transform:translateY(-2px)}.CourseLibrary_yearLevelCard__lWyML.CourseLibrary_blue__2saR\+{border-left-color:#3498db}.CourseLibrary_yearLevelCard__lWyML.CourseLibrary_green__t4MNy{border-left-color:#27ae60}.CourseLibrary_yearLevelCard__lWyML.CourseLibrary_orange__e3gO6{border-left-color:#f39c12}.CourseLibrary_yearLevelIcon__arP1x{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.CourseLibrary_yearLevelCard__lWyML.CourseLibrary_blue__2saR\+ .CourseLibrary_yearLevelIcon__arP1x{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.CourseLibrary_yearLevelCard__lWyML.CourseLibrary_green__t4MNy .CourseLibrary_yearLevelIcon__arP1x{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.CourseLibrary_yearLevelCard__lWyML.CourseLibrary_orange__e3gO6 .CourseLibrary_yearLevelIcon__arP1x{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.CourseLibrary_yearLevelIcon__arP1x .CourseLibrary_material-icons__FwiSj{font-size:30px}.CourseLibrary_yearLevelContent__ZIdLU h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:8px}.CourseLibrary_yearLevelContent__ZIdLU p{color:#7f8c8d;font-size:14px;line-height:1.4;margin-bottom:16px}.CourseLibrary_yearLevelStats__eta5L{color:#7f8c8d;display:flex;font-size:12px;gap:12px}.CourseLibrary_yearLevelStats__eta5L span{background:#f8f9fa;border-radius:12px;font-weight:500;padding:4px 8px}.CourseLibrary_breadcrumb__\+o7MF{align-items:center;color:#7f8c8d;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:16px}.CourseLibrary_breadcrumb__\+o7MF .CourseLibrary_material-icons__FwiSj{font-size:16px}.CourseLibrary_searchSection__MPrWJ{align-items:center;display:flex;gap:16px;margin:0 auto 32px;max-width:800px;width:100%}.CourseLibrary_searchBox__X8MjN{align-items:center;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;padding:12px 16px;position:relative}.CourseLibrary_searchBox__X8MjN .CourseLibrary_material-icons__FwiSj{color:#7f8c8d;margin-right:12px}.CourseLibrary_searchBox__X8MjN input{border:none;color:#2c3e50;flex:1 1;font-size:16px;outline:none}.CourseLibrary_searchBox__X8MjN input::placeholder{color:#bdc3c7}.CourseLibrary_contentGrid__E8DnC{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px;width:100%}.CourseLibrary_contentCard__eBomw{background:var(--card-bg);border-radius:12px;box-shadow:0 3px 15px #0000001a;padding:24px;transition:all .3s ease}.CourseLibrary_contentCard__eBomw:hover{box-shadow:0 6px 25px #00000026;transform:translateY(-2px)}.CourseLibrary_contentCard__eBomw .CourseLibrary_contentHeader__Gcqyn{margin-bottom:16px;text-align:left}.CourseLibrary_contentCard__eBomw .CourseLibrary_contentHeader__Gcqyn h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:12px}.CourseLibrary_contentMeta__ffbZe{align-items:center;color:#7f8c8d;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.CourseLibrary_contentMeta__ffbZe .CourseLibrary_material-icons__FwiSj{font-size:14px}.CourseLibrary_contentBody__wzEOB{margin-bottom:20px}.CourseLibrary_contentBody__wzEOB p{color:#7f8c8d;font-size:14px;line-height:1.5}.CourseLibrary_contentActions__evx5b{display:flex;gap:8px}.CourseLibrary_emptyState__gRWek{align-items:center;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;padding:80px 40px;text-align:center}.CourseLibrary_emptyState__gRWek .CourseLibrary_material-icons__FwiSj{color:#bdc3c7;font-size:64px;margin-bottom:24px}.CourseLibrary_emptyState__gRWek h3{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:12px}.CourseLibrary_emptyState__gRWek p{color:#7f8c8d;font-size:16px;line-height:1.5;margin-bottom:32px}@media (max-width:768px){.CourseLibrary_modalContent__JlQKa{margin:20px;width:95%}.CourseLibrary_formRow__Z8QfA{grid-template-columns:1fr}.CourseLibrary_imageUploadSection__aiLLf{align-items:center;flex-direction:column}.CourseLibrary_uploadOptions__OjJbD{width:100%}.CourseLibrary_contentGrid__E8DnC,.CourseLibrary_schoolLevelCards__oJ2MW,.CourseLibrary_yearLevelCards__1GHDW{grid-template-columns:1fr}.CourseLibrary_searchSection__MPrWJ{align-items:stretch;flex-direction:column}}.CourseLibrary_addCourseContent__orc9X{animation:CourseLibrary_fadeIn__Rjl-i .3s ease-in-out;margin:0 auto;max-width:900px}.CourseLibrary_contentHeader__Gcqyn{border-bottom:2px solid #e9ecef;margin-bottom:32px;padding-bottom:24px}.CourseLibrary_contentHeader__Gcqyn h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),#1557b0);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.CourseLibrary_contentHeader__Gcqyn p{color:#7f8c8d;font-size:16px;line-height:1.6;margin:0}.CourseLibrary_courseForm__\+hnFC{background:var(--card-bg);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.CourseLibrary_formSection__dnti\+{border-bottom:1px solid #e9ecef;margin-bottom:40px;padding-bottom:32px}.CourseLibrary_formSection__dnti\+:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.CourseLibrary_formSection__dnti\+ h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0 0 24px}.CourseLibrary_formSection__dnti\+ h3:before{background:linear-gradient(135deg,var(--accent),#1557b0);border-radius:2px;content:"";height:24px;width:4px}.CourseLibrary_formGroup__UVFUp{margin-bottom:24px}.CourseLibrary_formGroup__UVFUp label{color:#2c3e50;display:block;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:10px}.CourseLibrary_formGroup__UVFUp label:after{background:var(--accent);border-radius:50%;content:"";display:inline-block;height:4px;margin-left:4px;opacity:0;transition:opacity .3s ease;width:4px}.CourseLibrary_formGroup__UVFUp:has(input:required) label:after,.CourseLibrary_formGroup__UVFUp:has(select:required) label:after{opacity:1}.CourseLibrary_formInput__r01My,.CourseLibrary_formSelect__naTd7,.CourseLibrary_formTextarea__ZXNvj{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-sizing:border-box;color:#2c3e50;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.CourseLibrary_formInput__r01My:focus,.CourseLibrary_formSelect__naTd7:focus,.CourseLibrary_formTextarea__ZXNvj:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px #eb81091a;outline:none}.CourseLibrary_formInput__r01My:hover,.CourseLibrary_formSelect__naTd7:hover,.CourseLibrary_formTextarea__ZXNvj:hover{border-color:#ced4da}.CourseLibrary_formInput__r01My::placeholder,.CourseLibrary_formTextarea__ZXNvj::placeholder{color:#adb5bd;font-style:italic}.CourseLibrary_formTextarea__ZXNvj{font-family:inherit;line-height:1.6;min-height:120px;resize:vertical}.CourseLibrary_formSelect__naTd7{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%232c3e50' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.CourseLibrary_formGroup__UVFUp small{color:#7f8c8d;display:block;font-size:12px;font-style:italic;line-height:1.4;margin-top:8px}.CourseLibrary_formRow__Z8QfA{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.CourseLibrary_formActions__vPrcH{border-top:2px solid #e9ecef;display:flex;gap:16px;justify-content:flex-end;margin-top:40px;padding-top:32px}.CourseLibrary_formActions__vPrcH .CourseLibrary_btn__6-Thd{align-items:center;border-radius:10px;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 28px;transition:all .3s ease}.CourseLibrary_formActions__vPrcH .CourseLibrary_btnPrimary__yyE7F{background:linear-gradient(135deg,var(--accent),#1557b0);border:none;box-shadow:0 4px 15px #eb81094d;color:#fff}.CourseLibrary_formActions__vPrcH .CourseLibrary_btnPrimary__yyE7F:hover:not(:disabled){box-shadow:0 6px 20px #eb810966;transform:translateY(-2px)}.CourseLibrary_formActions__vPrcH .CourseLibrary_btnPrimary__yyE7F:disabled{cursor:not-allowed;opacity:.6;transform:none}.CourseLibrary_formActions__vPrcH .CourseLibrary_btnSecondary__wI97X{background:#fff;border:2px solid #e9ecef;color:#6c757d}.CourseLibrary_formActions__vPrcH .CourseLibrary_btnSecondary__wI97X:hover{background:#f8f9fa;border-color:#ced4da;transform:translateY(-2px)}.CourseLibrary_formActions__vPrcH .CourseLibrary_btn__6-Thd .CourseLibrary_material-icons__FwiSj{font-size:20px}.CourseLibrary_formGroup__UVFUp:has(input[type=number][placeholder*=minutes]) small{align-items:center;background:linear-gradient(135deg,#eb81091a,#1557b01a);border-radius:8px;color:var(--accent);display:flex;font-style:normal;font-weight:500;gap:8px;margin-top:10px;padding:8px 12px}.CourseLibrary_formGroup__UVFUp:has(input[type=number][placeholder*=minutes]) small:before{content:"⏱️";font-size:14px}.CourseLibrary_formGroup__UVFUp:has(input:required) label,.CourseLibrary_formGroup__UVFUp:has(select:required) label{position:relative}.CourseLibrary_formGroup__UVFUp:has(input:required) label:before,.CourseLibrary_formGroup__UVFUp:has(select:required) label:before{color:#dc3545;content:"*";font-weight:700;margin-right:4px}.CourseLibrary_formGroup__UVFUp:has(input[type=url]){position:relative}.CourseLibrary_formGroup__UVFUp:has(input[type=url]:valid):after{color:#28a745;content:"✓";font-size:18px;font-weight:700;position:absolute;right:16px;top:42px}@media (max-width:768px){.CourseLibrary_addCourseContent__orc9X{max-width:100%}.CourseLibrary_courseForm__\+hnFC{padding:24px}.CourseLibrary_contentHeader__Gcqyn h2{font-size:24px}.CourseLibrary_formSection__dnti\+{margin-bottom:32px;padding-bottom:24px}.CourseLibrary_formSection__dnti\+ h3{font-size:18px}.CourseLibrary_formRow__Z8QfA{gap:16px;grid-template-columns:1fr}.CourseLibrary_formActions__vPrcH{flex-direction:column-reverse;margin-top:32px;padding-top:24px}.CourseLibrary_formActions__vPrcH .CourseLibrary_btn__6-Thd{min-width:auto;width:100%}}@media (max-width:480px){.CourseLibrary_courseForm__\+hnFC{padding:20px}.CourseLibrary_contentHeader__Gcqyn{margin-bottom:24px;padding-bottom:20px}.CourseLibrary_contentHeader__Gcqyn h2{font-size:22px}.CourseLibrary_contentHeader__Gcqyn p{font-size:14px}.CourseLibrary_formSection__dnti\+{margin-bottom:24px;padding-bottom:20px}.CourseLibrary_formGroup__UVFUp{margin-bottom:20px}.CourseLibrary_formInput__r01My,.CourseLibrary_formSelect__naTd7,.CourseLibrary_formTextarea__ZXNvj{font-size:14px;padding:12px 14px}}.CourseLibrary_courseThumbnail__hs9gT{border:2px solid #e9ecef;border-radius:12px;height:180px;margin-bottom:16px;object-fit:cover;width:100%}.CourseLibrary_courseCoverImage__cJbgn{background:#f8f9fa;border-radius:16px 16px 0 0;display:block;flex-shrink:0;height:280px;margin:-24px -24px 24px;max-width:calc(100% + 48px);min-height:280px;overflow:hidden;position:relative;width:calc(100% + 48px);z-index:1}.CourseLibrary_courseCoverImage__cJbgn img{display:block;height:100%;min-height:280px;object-fit:cover;object-position:center top;vertical-align:top;width:100%}.CourseLibrary_courseCard__s0c9I:has(.CourseLibrary_courseCoverImage__cJbgn){display:flex;flex-direction:column;overflow:hidden;padding-top:0}.CourseLibrary_courseCard__s0c9I:has(.CourseLibrary_courseCoverImage__cJbgn) .CourseLibrary_cardHeader__3suu6{border-bottom:2px solid #e9ecef;margin-bottom:20px;margin-top:0;padding:0 24px 16px;position:relative;z-index:2}.CourseLibrary_courseCard__s0c9I:has(.CourseLibrary_courseCoverImage__cJbgn) .CourseLibrary_courseTitle__1sGfq{color:#2c3e50;font-size:22px;font-weight:700;line-height:1.3;margin:0}.CourseLibrary_imageUploadContainer__uj\+qQ{display:flex;flex-direction:column;gap:16px}.CourseLibrary_uploadArea__pRdMQ{position:relative;width:100%}.CourseLibrary_fileInput__PpSn8{height:0;opacity:0;overflow:hidden;position:absolute;width:0;z-index:-1}.CourseLibrary_uploadLabel__0vx5r{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #ced4da;border-radius:12px;color:#495057;cursor:pointer;display:flex;flex-direction:column;font-size:15px;font-weight:500;gap:12px;justify-content:center;min-height:120px;padding:16px 24px;transition:all .3s ease}.CourseLibrary_uploadLabel__0vx5r:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:var(--accent);box-shadow:0 4px 12px #eb810933;color:var(--accent);transform:translateY(-2px)}.CourseLibrary_uploadLabel__0vx5r:active{transform:translateY(0)}.CourseLibrary_uploadLabel__0vx5r .CourseLibrary_material-icons__FwiSj{color:var(--accent);font-size:32px;transition:transform .3s ease}.CourseLibrary_uploadLabel__0vx5r:hover .CourseLibrary_material-icons__FwiSj{transform:scale(1.1)}.CourseLibrary_uploadLabel__0vx5r:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.CourseLibrary_imagePreviewContainer__omzTF{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;position:relative;width:100%}.CourseLibrary_imagePreview__2Np1I{background:#fff;display:block;height:auto;max-height:300px;object-fit:contain;width:100%}.CourseLibrary_removeImageBtn__mDVtW{align-items:center;background:#dc3545e6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:36px;z-index:10}.CourseLibrary_removeImageBtn__mDVtW:hover{background:#dc3545;box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.CourseLibrary_removeImageBtn__mDVtW .CourseLibrary_material-icons__FwiSj{font-size:20px}.CourseLibrary_imageUrlInput__dq8-6{display:flex;flex-direction:column;gap:12px}.CourseLibrary_orDivider__uES0v{color:#6c757d;font-size:13px;font-weight:600;letter-spacing:1px;padding:8px 0;position:relative;text-align:center;text-transform:uppercase}.CourseLibrary_orDivider__uES0v:after,.CourseLibrary_orDivider__uES0v:before{background:#e9ecef;content:"";height:1px;position:absolute;top:50%;width:45%}.CourseLibrary_orDivider__uES0v:before{left:0}.CourseLibrary_orDivider__uES0v:after{right:0}@media (max-width:768px){.CourseLibrary_imagePreview__2Np1I{max-height:200px}.CourseLibrary_uploadLabel__0vx5r{font-size:14px;min-height:100px;padding:12px 20px}.CourseLibrary_uploadLabel__0vx5r .CourseLibrary_material-icons__FwiSj{font-size:28px}.CourseLibrary_removeImageBtn__mDVtW{height:32px;right:8px;top:8px;width:32px}}.CourseLibrary_videoUploadContainer__fojWq{display:flex;flex-direction:column;gap:16px}.CourseLibrary_videosList__NuMVi{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-top:24px;padding:20px}.CourseLibrary_videosList__NuMVi h4{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.CourseLibrary_videosList__NuMVi h4:before{content:"📹";font-size:18px}.CourseLibrary_videoItem__stLOx{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .3s ease}.CourseLibrary_videoItem__stLOx:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000001a}.CourseLibrary_videoItem__stLOx:last-child{margin-bottom:0}.CourseLibrary_videoInfo__wF8ID{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.CourseLibrary_videoInfo__wF8ID .CourseLibrary_material-icons__FwiSj{color:var(--accent);font-size:24px}.CourseLibrary_videoTitleInput__vKf8I{border:2px solid #e9ecef;border-radius:8px;color:#2c3e50;flex:1 1;font-size:14px;font-weight:500;min-width:200px;padding:10px 14px;transition:all .3s ease}.CourseLibrary_videoTitleInput__vKf8I:focus{border-color:var(--accent);box-shadow:0 0 0 3px #eb81091a;outline:none}.CourseLibrary_videoSize__8sfsJ{background:#e9ecef;color:#6c757d}.CourseLibrary_uploadStatus__pV4Kn,.CourseLibrary_videoSize__8sfsJ{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.CourseLibrary_uploadStatus__pV4Kn{background:#fff3e0;color:#ff9800}.CourseLibrary_uploadStatusReady__6AZfW{background:#d4edda;border-radius:6px;color:#28a745;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.CourseLibrary_removeVideoBtn__ru7X9{align-items:center;background:#f8d7da;border:none;border-radius:8px;color:#dc3545;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.CourseLibrary_removeVideoBtn__ru7X9:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.CourseLibrary_removeVideoBtn__ru7X9 .CourseLibrary_material-icons__FwiSj{font-size:20px}@media (max-width:768px){.CourseLibrary_videoInfo__wF8ID,.CourseLibrary_videoItem__stLOx{align-items:stretch;flex-direction:column}.CourseLibrary_videoTitleInput__vKf8I{min-width:auto;width:100%}.CourseLibrary_removeVideoBtn__ru7X9{align-self:flex-end}}.CourseLibrary_viewCourseCover__oJUo4{background:#f8f9fa;border-radius:12px;height:300px;margin-bottom:24px;overflow:hidden;width:100%}.CourseLibrary_viewCourseCover__oJUo4 img{display:block;height:100%;object-fit:cover;width:100%}.CourseLibrary_viewCourseDetails__GLLgg{display:flex;flex-direction:column;gap:16px}.CourseLibrary_detailRow__Oi2t9{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:12px;padding:12px 0}.CourseLibrary_detailRow__Oi2t9:last-child{border-bottom:none}.CourseLibrary_detailRow__Oi2t9 strong{color:#2c3e50;font-weight:600;min-width:120px}.CourseLibrary_detailRow__Oi2t9 span{color:#666;flex:1 1}.YearLevelManagement_yearLevelManagementWrapper__hUPgE{background:#f4f6fa;height:100vh;overflow-y:auto;padding:40px;width:100%}.YearLevelManagement_yearLevelManagementContent__3v0mA{background:#f4f6fa;display:flex;flex-direction:column;min-height:100vh;width:100%}.YearLevelManagement_yearLevelManagementWrapper__hUPgE::-webkit-scrollbar{background:#f4f6fa;width:12px}.YearLevelManagement_yearLevelManagementWrapper__hUPgE::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#eb8109,#ff9500);border-radius:8px}.YearLevelManagement_yearLevelManagementWrapper__hUPgE::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d67400,#eb8109)}.YearLevelManagement_yearLevelManagementWrapper__hUPgE{scrollbar-color:#eb8109 #f4f6fa;scrollbar-width:thin}.YearLevelManagement_backToCourseManagement__\+XkKq{align-items:center;background:linear-gradient(135deg,#eb8109,#ff9500);border:none;border-radius:8px;box-shadow:0 4px 12px #eb81094d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:24px;padding:12px 20px;transition:all .3s ease}.YearLevelManagement_backToCourseManagement__\+XkKq:hover{box-shadow:0 6px 20px #eb810966;transform:translateY(-2px)}.YearLevelManagement_backToCourseManagement__\+XkKq .YearLevelManagement_material-icons__wxbfw{font-size:18px}.YearLevelManagement_contentArea__itU8H{display:flex;flex:1 1;flex-direction:column}.YearLevelManagement_contentHeader__kBoqG{margin-bottom:32px;text-align:center}.YearLevelManagement_contentHeader__kBoqG h2{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:8px}.YearLevelManagement_contentHeader__kBoqG p{color:#7f8c8d;font-size:16px;margin-bottom:16px}.YearLevelManagement_breadcrumb__sDMmx{align-items:center;color:#7f8c8d;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:16px}.YearLevelManagement_breadcrumb__sDMmx .YearLevelManagement_material-icons__wxbfw{font-size:16px}.YearLevelManagement_schoolLevelsContent__b5d-p{align-items:center;display:flex;flex-direction:column}.YearLevelManagement_schoolLevelCards__g-FEC{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;width:100%}.YearLevelManagement_schoolLevelCard__JT8h4{background:#fff;border-left:6px solid;border-radius:16px;box-shadow:0 4px 20px #0000001a;cursor:pointer;padding:32px;transition:all .3s ease}.YearLevelManagement_schoolLevelCard__JT8h4:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.YearLevelManagement_schoolLevelCard__JT8h4.YearLevelManagement_blue__bi0ce{border-left-color:#3498db}.YearLevelManagement_schoolLevelCard__JT8h4.YearLevelManagement_green__g1hvq{border-left-color:#27ae60}.YearLevelManagement_schoolLevelCard__JT8h4.YearLevelManagement_orange__UmWuI{border-left-color:#f39c12}.YearLevelManagement_schoolLevelIcon__nzQlS{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.YearLevelManagement_schoolLevelCard__JT8h4.YearLevelManagement_blue__bi0ce .YearLevelManagement_schoolLevelIcon__nzQlS{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.YearLevelManagement_schoolLevelCard__JT8h4.YearLevelManagement_green__g1hvq .YearLevelManagement_schoolLevelIcon__nzQlS{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.YearLevelManagement_schoolLevelCard__JT8h4.YearLevelManagement_orange__UmWuI .YearLevelManagement_schoolLevelIcon__nzQlS{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.YearLevelManagement_schoolLevelIcon__nzQlS .YearLevelManagement_material-icons__wxbfw{font-size:40px}.YearLevelManagement_schoolLevelContent__cd6Jc h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:12px}.YearLevelManagement_schoolLevelContent__cd6Jc p{color:#7f8c8d;font-size:16px;line-height:1.5;margin-bottom:20px}.YearLevelManagement_schoolLevelStats__AX8Ix{color:#7f8c8d;display:flex;font-size:14px;gap:16px}.YearLevelManagement_schoolLevelStats__AX8Ix span{background:#f8f9fa;border-radius:20px;font-weight:500;padding:6px 12px}.YearLevelManagement_yearLevelsContent__X9DJ3{align-items:center;display:flex;flex-direction:column}.YearLevelManagement_yearLevelCards__VphMJ{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1000px;width:100%}.YearLevelManagement_yearLevelCard__CE3Cn{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 3px 15px #0000001a;cursor:pointer;padding:24px;transition:all .3s ease}.YearLevelManagement_yearLevelCard__CE3Cn:hover{box-shadow:0 6px 25px #00000026;transform:translateY(-2px)}.YearLevelManagement_yearLevelCard__CE3Cn.YearLevelManagement_blue__bi0ce{border-left-color:#3498db}.YearLevelManagement_yearLevelCard__CE3Cn.YearLevelManagement_green__g1hvq{border-left-color:#27ae60}.YearLevelManagement_yearLevelCard__CE3Cn.YearLevelManagement_orange__UmWuI{border-left-color:#f39c12}.YearLevelManagement_yearLevelIcon__brIl7{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.YearLevelManagement_yearLevelCard__CE3Cn.YearLevelManagement_blue__bi0ce .YearLevelManagement_yearLevelIcon__brIl7{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.YearLevelManagement_yearLevelCard__CE3Cn.YearLevelManagement_green__g1hvq .YearLevelManagement_yearLevelIcon__brIl7{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.YearLevelManagement_yearLevelCard__CE3Cn.YearLevelManagement_orange__UmWuI .YearLevelManagement_yearLevelIcon__brIl7{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.YearLevelManagement_yearLevelIcon__brIl7 .YearLevelManagement_material-icons__wxbfw{font-size:30px}.YearLevelManagement_yearLevelContent__S1RlL h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:8px}.YearLevelManagement_yearLevelContent__S1RlL p{color:#7f8c8d;font-size:14px;line-height:1.4;margin-bottom:16px}.YearLevelManagement_yearLevelStats__uxRa1{color:#7f8c8d;display:flex;font-size:12px;gap:12px}.YearLevelManagement_yearLevelStats__uxRa1 span{background:#f8f9fa;border-radius:12px;font-weight:500;padding:4px 8px}.YearLevelManagement_yearLevelDetailsContent__iQAqe{align-items:center;display:flex;flex-direction:column}.YearLevelManagement_searchSection__LVdmi{align-items:center;display:flex;gap:16px;margin-bottom:32px;max-width:800px;width:100%}.YearLevelManagement_searchBox__wXAT0{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;padding:12px 16px;position:relative}.YearLevelManagement_searchBox__wXAT0 .YearLevelManagement_material-icons__wxbfw{color:#7f8c8d;margin-right:12px}.YearLevelManagement_searchBox__wXAT0 input{border:none;color:#2c3e50;flex:1 1;font-size:16px;outline:none}.YearLevelManagement_searchBox__wXAT0 input::placeholder{color:#bdc3c7}.YearLevelManagement_contentGrid__V\+suA{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1200px;width:100%}.YearLevelManagement_contentCard__ICgG0{background:#fff;border-radius:12px;box-shadow:0 3px 15px #0000001a;padding:24px;transition:all .3s ease}.YearLevelManagement_contentCard__ICgG0:hover{box-shadow:0 6px 25px #00000026;transform:translateY(-2px)}.YearLevelManagement_contentCard__ICgG0 .YearLevelManagement_contentHeader__kBoqG{margin-bottom:16px;text-align:left}.YearLevelManagement_contentCard__ICgG0 .YearLevelManagement_contentHeader__kBoqG h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:12px}.YearLevelManagement_contentMeta__0zScl{align-items:center;color:#7f8c8d;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.YearLevelManagement_contentMeta__0zScl .YearLevelManagement_material-icons__wxbfw{font-size:14px}.YearLevelManagement_contentBody__EiRcD{margin-bottom:20px}.YearLevelManagement_contentBody__EiRcD p{color:#7f8c8d;font-size:14px;line-height:1.5}.YearLevelManagement_contentActions__pc7VY{display:flex;gap:8px}.YearLevelManagement_emptyState__V0WXZ{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;padding:80px 40px;text-align:center}.YearLevelManagement_emptyState__V0WXZ .YearLevelManagement_material-icons__wxbfw{color:#bdc3c7;font-size:64px;margin-bottom:24px}.YearLevelManagement_emptyState__V0WXZ h3{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:12px}.YearLevelManagement_emptyState__V0WXZ p{color:#7f8c8d;font-size:16px;line-height:1.5;margin-bottom:32px}.YearLevelManagement_btn__2zIWT{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;min-height:44px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.YearLevelManagement_btnPrimary__xxm\+t{background:linear-gradient(135deg,#eb8109,#ff9500);box-shadow:0 4px 12px #eb81094d;color:#fff}.YearLevelManagement_btnPrimary__xxm\+t:hover{box-shadow:0 6px 20px #eb810966;transform:translateY(-2px)}.YearLevelManagement_btnSecondary__7EZsn{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.YearLevelManagement_btnSecondary__7EZsn:hover{background:#e9ecef;color:#495057}.YearLevelManagement_modalOverlay__RhgJ8{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.YearLevelManagement_modalContent__bI-vv{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.YearLevelManagement_modalHeader__MdA2t{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.YearLevelManagement_modalHeader__MdA2t h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.YearLevelManagement_closeButton__qf6a1{background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;padding:8px;transition:all .3s ease}.YearLevelManagement_closeButton__qf6a1:hover{background:#f8f9fa;color:#495057}.YearLevelManagement_closeButton__qf6a1 .YearLevelManagement_material-icons__wxbfw{font-size:20px}.YearLevelManagement_modalBody__Ju3sj{padding:0 24px}.YearLevelManagement_modalFooter__\+4Swd{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:24px}.YearLevelManagement_formGroup__0\+Z0V{margin-bottom:20px}.YearLevelManagement_formGroup__0\+Z0V label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.YearLevelManagement_formInput__yDLNw,.YearLevelManagement_formSelect__jjNlP,.YearLevelManagement_formTextarea__NdT2T{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#2c3e50;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.YearLevelManagement_formInput__yDLNw:focus,.YearLevelManagement_formSelect__jjNlP:focus,.YearLevelManagement_formTextarea__NdT2T:focus{border-color:#eb8109;box-shadow:0 0 0 3px #eb81091a;outline:none}.YearLevelManagement_formTextarea__NdT2T{min-height:120px;resize:vertical}.YearLevelManagement_formRow__9ubr9{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:768px){.YearLevelManagement_yearLevelManagementWrapper__hUPgE{padding:20px}.YearLevelManagement_contentGrid__V\+suA,.YearLevelManagement_schoolLevelCards__g-FEC,.YearLevelManagement_yearLevelCards__VphMJ{grid-template-columns:1fr}.YearLevelManagement_searchSection__LVdmi{align-items:stretch;flex-direction:column}.YearLevelManagement_formRow__9ubr9{grid-template-columns:1fr}.YearLevelManagement_modalContent__bI-vv{margin:10px;max-height:calc(100vh - 20px)}}.LiveLearning_liveLearningWrapper__RsJiQ{background:var(--bg);height:100vh;overflow-y:auto;padding:40px;width:100%}.LiveLearning_liveLearningContent__zw5as{background:var(--bg);display:flex;flex-direction:column;min-height:100vh;width:100%}.LiveLearning_liveLearningWrapper__RsJiQ::-webkit-scrollbar{background:var(--bg);width:12px}.LiveLearning_liveLearningWrapper__RsJiQ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent) 0,#1557b0 100%);border-radius:8px}.LiveLearning_liveLearningWrapper__RsJiQ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1557b0 0,var(--accent) 100%)}.LiveLearning_liveLearningWrapper__RsJiQ{scrollbar-color:var(--accent) #f4f6fa;scrollbar-width:thin}.LiveLearning_backToCourseManagement__2IJu1{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:8px;box-shadow:0 4px 12px #eb81094d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:24px;min-height:48px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.LiveLearning_backToCourseManagement__2IJu1:hover{box-shadow:0 6px 20px #eb810966;transform:translateY(-2px)}.LiveLearning_backToCourseManagement__2IJu1 .LiveLearning_material-icons__b0fI2{font-size:18px}.LiveLearning_tabsContainer__KLitu{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding:16px}.LiveLearning_tabButton__y1FMw{align-items:center;background:var(--hover);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;min-height:48px;min-width:140px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.LiveLearning_tabButton__y1FMw:hover{background:#e9ecef;color:#333;transform:translateY(-2px)}.LiveLearning_tabButton__y1FMw.LiveLearning_active__T4oDa{background:linear-gradient(135deg,var(--accent),#1557b0);border-color:var(--accent);box-shadow:0 4px 12px #eb81094d;color:#fff}.LiveLearning_tabButton__y1FMw .LiveLearning_material-icons__b0fI2{font-size:18px}.LiveLearning_contentArea__bdG9k{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;flex:1 1;min-height:0;overflow-y:auto;padding:32px}.LiveLearning_statsGrid__aztxd{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.LiveLearning_statCard__iWQbW{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.LiveLearning_statCard__iWQbW:before{background:linear-gradient(90deg,var(--accent),#1557b0);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.LiveLearning_statCard__iWQbW:hover{border-color:var(--accent);box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.LiveLearning_statCard__iWQbW:hover:before{transform:scaleX(1)}.LiveLearning_statIcon__WX3aY{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border-radius:12px;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.LiveLearning_statIcon__WX3aY .LiveLearning_material-icons__b0fI2{color:#fff;font-size:24px}.LiveLearning_statContent__9RLIw h3{color:var(--text-secondary);font-size:16px;font-weight:500;margin-bottom:8px}.LiveLearning_statNumber__0c055{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.LiveLearning_statChange__28LsO{font-size:14px;font-weight:500}.LiveLearning_statChange__28LsO.LiveLearning_positive__UZ4F1{color:#28a745}.LiveLearning_statChange__28LsO.LiveLearning_negative__X7rNC{color:#dc3545}.LiveLearning_statChange__28LsO.LiveLearning_neutral__aq2gh{color:#6c757d}.LiveLearning_quickActions__iq1qe{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px}.LiveLearning_quickActions__iq1qe h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.LiveLearning_actionButtons__Iz-dg{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.LiveLearning_actionBtn__LAKrg{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--border);border-radius:12px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:16px 20px;text-decoration:none;transition:all .3s ease}.LiveLearning_actionBtn__LAKrg:hover{border-color:var(--accent);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.LiveLearning_actionBtn__LAKrg .LiveLearning_material-icons__b0fI2{color:var(--accent);font-size:20px}.LiveLearning_recentActivity__XXugD{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.LiveLearning_recentActivity__XXugD h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.LiveLearning_activityList__\+Kq7X{display:flex;flex-direction:column;gap:16px}.LiveLearning_activityItem__iwz4D{align-items:center;background:var(--hover);border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.LiveLearning_activityItem__iwz4D:hover{background:var(--card-bg);box-shadow:0 4px 12px #00000014}.LiveLearning_activityIcon__8srp9{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.LiveLearning_activityIcon__8srp9 .LiveLearning_material-icons__b0fI2{color:#fff;font-size:20px}.LiveLearning_activityContent__eIEyA{flex:1 1}.LiveLearning_activityContent__eIEyA p{color:#333;font-size:14px;margin:0 0 4px}.LiveLearning_activityTime__nkO2W{color:var(--text-secondary);font-size:12px}.LiveLearning_filtersBar__-Vu-o{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px;padding:24px}.LiveLearning_searchBox__Plgt1{align-items:center;display:flex;flex:1 1;gap:12px;min-width:250px}.LiveLearning_searchBox__Plgt1 .LiveLearning_material-icons__b0fI2{color:var(--text-secondary);font-size:20px}.LiveLearning_searchBox__Plgt1 input{background:var(--hover);border:1px solid var(--border);border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px}.LiveLearning_searchBox__Plgt1 input:focus{background:var(--card-bg);border-color:var(--accent);outline:none}.LiveLearning_filterGroup__VtrHG{display:flex;flex-wrap:wrap;gap:12px}.LiveLearning_filterGroup__VtrHG select{background:var(--hover);border:1px solid var(--border);border-radius:8px;font-size:14px;min-width:150px;padding:12px 16px}.LiveLearning_filterGroup__VtrHG select:focus{background:var(--card-bg);border-color:var(--accent);outline:none}.LiveLearning_teachersGrid__ukggs{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.LiveLearning_teacherCard__9i8Qt{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.LiveLearning_teacherCard__9i8Qt:before{background:linear-gradient(90deg,var(--accent),#1557b0);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.LiveLearning_teacherCard__9i8Qt:hover{border-color:var(--accent);box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.LiveLearning_teacherCard__9i8Qt:hover:before{transform:scaleX(1)}.LiveLearning_teacherHeader__-Pr1J{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.LiveLearning_teacherHeader__-Pr1J h3{color:#333;font-size:18px;font-weight:600;margin:0}.LiveLearning_teacherInfo__CorxH{margin-bottom:16px}.LiveLearning_teacherInfo__CorxH p{color:var(--text-secondary);font-size:14px;margin:0 0 8px}.LiveLearning_teacherInfo__CorxH strong{color:#333}.LiveLearning_teacherActions__G4v-S{display:flex;flex-wrap:wrap;gap:8px}.LiveLearning_bookingsTableContainer__bbmF3,.LiveLearning_studentsTableContainer__4QLSA,.LiveLearning_transactionsTableContainer__SNxLC{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;overflow-x:auto;padding:24px}.LiveLearning_bookingsTable__r18N1,.LiveLearning_studentsTable__SK0cc,.LiveLearning_transactionsTable__2l6rp{border-collapse:collapse;font-size:14px;width:100%}.LiveLearning_bookingsTable__r18N1 td,.LiveLearning_bookingsTable__r18N1 th,.LiveLearning_studentsTable__SK0cc td,.LiveLearning_studentsTable__SK0cc th,.LiveLearning_transactionsTable__2l6rp td,.LiveLearning_transactionsTable__2l6rp th{border-bottom:1px solid #e9ecef;padding:16px;text-align:left}.LiveLearning_bookingsTable__r18N1 th,.LiveLearning_studentsTable__SK0cc th,.LiveLearning_transactionsTable__2l6rp th{background:var(--hover);color:#333;font-size:14px;font-weight:600}.LiveLearning_bookingsTable__r18N1 tr:hover,.LiveLearning_studentsTable__SK0cc tr:hover,.LiveLearning_transactionsTable__2l6rp tr:hover{background:var(--hover)}.LiveLearning_statusBadge__1EraM{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.LiveLearning_statusActive__O6lYX{background:#d4edda;color:#155724}.LiveLearning_statusPending__Cfhwk{background:#fff3cd;color:#856404}.LiveLearning_statusSuspended__nL7Vg{background:#f8d7da;color:#721c24}.LiveLearning_statusInactive__90LUF{background:#e2e3e5;color:#383d41}.LiveLearning_statusUpcoming__FplwW{background:#d1ecf1;color:#0c5460}.LiveLearning_statusCompleted__I2vOr{background:#d4edda;color:#155724}.LiveLearning_statusCancelled__21sg5{background:#f8d7da;color:#721c24}.LiveLearning_statusNoShow__GZXm6{background:#e2e3e5;color:#383d41}.LiveLearning_revenueOverview__A4ueD{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.LiveLearning_revenueCard__Iq1WT{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.LiveLearning_revenueCard__Iq1WT:before{background:linear-gradient(90deg,var(--accent),#1557b0);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.LiveLearning_revenueCard__Iq1WT:hover{border-color:var(--accent);box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.LiveLearning_revenueCard__Iq1WT:hover:before{transform:scaleX(1)}.LiveLearning_revenueCard__Iq1WT h3{color:var(--text-secondary);font-size:16px;font-weight:500;margin-bottom:12px}.LiveLearning_revenueAmount__HNZ-I{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.LiveLearning_revenuePeriod__-wVSt{color:var(--text-secondary);font-size:14px}.LiveLearning_transactionsSection__GBIXx{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;margin-top:32px;padding:24px}.LiveLearning_transactionsSection__GBIXx h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.LiveLearning_feedbackStats__s14b\+{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.LiveLearning_feedbackStatCard__IF0pk{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.LiveLearning_feedbackStatCard__IF0pk:before{background:linear-gradient(90deg,var(--accent),#1557b0);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.LiveLearning_feedbackStatCard__IF0pk:hover{border-color:var(--accent);box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.LiveLearning_feedbackStatCard__IF0pk:hover:before{transform:scaleX(1)}.LiveLearning_feedbackStatCard__IF0pk h3{color:var(--text-secondary);font-size:16px;font-weight:500;margin-bottom:12px}.LiveLearning_feedbackRating__ZKDgd{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.LiveLearning_feedbackCount__yp7i5{color:var(--text-secondary);font-size:14px}.LiveLearning_reviewsList__csDCX{display:flex;flex-direction:column;gap:16px}.LiveLearning_reviewCard__ubl9L{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px;transition:all .3s ease}.LiveLearning_reviewCard__ubl9L:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.LiveLearning_reviewHeader__ep1B4{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.LiveLearning_reviewInfo__mupfP{flex:1 1}.LiveLearning_reviewInfo__mupfP strong{color:#333;display:block;font-size:16px;margin-bottom:4px}.LiveLearning_reviewRating__gHxW4{color:#ffc107;font-size:16px}.LiveLearning_reviewContent__kzLm4{margin-bottom:16px}.LiveLearning_reviewContent__kzLm4 p{color:#333;font-size:14px;line-height:1.6;margin:0 0 8px}.LiveLearning_reviewContent__kzLm4 small{color:var(--text-secondary);font-size:12px}.LiveLearning_reviewActions__GKrli{display:flex;gap:8px}.LiveLearning_reviewDate__Fw3jF{color:var(--text-secondary);font-size:12px}.LiveLearning_analyticsGrid__OhqVT{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.LiveLearning_chartContainer__ZrShQ{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.LiveLearning_chartContainer__ZrShQ h3{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.LiveLearning_chartPlaceholder__G0yJ3{align-items:center;background:var(--hover);border:2px dashed #e9ecef;border-radius:8px;color:var(--text-secondary);display:flex;flex-direction:column;height:200px;justify-content:center}.LiveLearning_chartPlaceholder__G0yJ3 .LiveLearning_material-icons__b0fI2{color:var(--accent);font-size:48px;margin-bottom:16px}.LiveLearning_chartPlaceholder__G0yJ3 p{font-size:14px;margin:0;text-align:center}.LiveLearning_settingsGrid__NPh-X{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.LiveLearning_settingsCard__4c-b7{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.LiveLearning_settingsCard__4c-b7 h3{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.LiveLearning_settingItem__zQmb7{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 0}.LiveLearning_settingItem__zQmb7:last-child{border-bottom:none}.LiveLearning_settingItem__zQmb7 label{color:#333;font-size:14px;font-weight:500}.LiveLearning_settingItem__zQmb7 input[type=number]{border:1px solid var(--border);border-radius:6px;font-size:14px;padding:8px 12px;width:100px}.LiveLearning_settingItem__zQmb7 input[type=checkbox]{accent-color:var(--accent);height:20px;width:20px}.LiveLearning_settingsActions__EjaWv{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.LiveLearning_btn__-EnKH{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;min-height:48px;padding:12px 20px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.LiveLearning_btnPrimary__LW0lG{background:linear-gradient(135deg,var(--accent),#1557b0);box-shadow:0 4px 12px #eb81094d;color:#fff}.LiveLearning_btnPrimary__LW0lG:hover{box-shadow:0 6px 20px #eb810966;transform:translateY(-2px)}.LiveLearning_btnSecondary__FtBuj{background:#6c757d;color:#fff}.LiveLearning_btnSecondary__FtBuj:hover{background:#5a6268;transform:translateY(-2px)}.LiveLearning_btnSm__nFi7x{font-size:12px;min-height:36px;padding:8px 16px}@media (max-width:1024px){.LiveLearning_statsGrid__aztxd{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.LiveLearning_analyticsGrid__OhqVT{grid-template-columns:1fr}.LiveLearning_teachersGrid__ukggs{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.LiveLearning_contentArea__bdG9k,.LiveLearning_liveLearningWrapper__RsJiQ{padding:20px}.LiveLearning_tabsContainer__KLitu{flex-direction:column}.LiveLearning_tabButton__y1FMw{min-width:auto}.LiveLearning_filtersBar__-Vu-o{flex-direction:column;gap:12px}.LiveLearning_searchBox__Plgt1{width:100%}.LiveLearning_filterGroup__VtrHG{justify-content:flex-start;width:100%}.LiveLearning_actionButtons__Iz-dg,.LiveLearning_revenueOverview__A4ueD,.LiveLearning_settingsGrid__NPh-X,.LiveLearning_statsGrid__aztxd,.LiveLearning_teachersGrid__ukggs{grid-template-columns:1fr}}@media (max-width:480px){.LiveLearning_contentArea__bdG9k,.LiveLearning_liveLearningWrapper__RsJiQ{padding:16px}.LiveLearning_statCard__iWQbW{padding:20px}.LiveLearning_revenueAmount__HNZ-I,.LiveLearning_statNumber__0c055{font-size:28px}.LiveLearning_chartPlaceholder__G0yJ3{height:150px}.LiveLearning_teacherCard__9i8Qt{padding:20px}.LiveLearning_teacherActions__G4v-S{flex-direction:column}.LiveLearning_teacherActions__G4v-S .LiveLearning_btn__-EnKH{width:100%}}.LiveCommunication_liveCommunicationWrapper__nlDit{background-color:var(--bg);color:var(--text);height:100vh;line-height:1.6;overflow-y:auto}.LiveCommunication_liveCommunicationContent__q9MIQ{margin:0 auto;max-width:1400px;padding:40px}.LiveCommunication_backToCourseManagement__ZLjUt{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:24px;min-height:48px;padding:12px 16px;text-decoration:none;transition:all .3s ease}.LiveCommunication_backToCourseManagement__ZLjUt:hover{box-shadow:0 6px 20px #1a73e866;transform:translateY(-2px)}.LiveCommunication_backToCourseManagement__ZLjUt .LiveCommunication_material-icons__qny1M{font-size:18px}.LiveCommunication_tabsContainer__5RVnD{grid-gap:12px;background:var(--card-bg);border-radius:16px;box-shadow:0 2px 10px #0000000d;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;padding:20px}.LiveCommunication_tabButton__sKnv8{align-items:center;background:var(--hover);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;min-height:56px;padding:16px 20px;text-transform:capitalize;transition:all .3s ease}.LiveCommunication_tabButton__sKnv8:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.LiveCommunication_tabButton__sKnv8.LiveCommunication_active__X76RT{background:linear-gradient(135deg,var(--accent),#1557b0);box-shadow:0 4px 15px #1a73e84d;color:#fff;font-weight:600}.LiveCommunication_tabButton__sKnv8 .LiveCommunication_material-icons__qny1M{font-size:20px;min-width:20px;opacity:.9;text-align:center}.LiveCommunication_contentArea__NeYDm{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 10px #0000000d;min-height:0;padding:24px}.LiveCommunication_liveStatsGrid__R0P-S{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:40px}.LiveCommunication_statCard__Kxfd0{align-items:center;background:var(--card-bg);border-left:4px solid #667eea;border-radius:16px;box-shadow:0 2px 10px #0000000d;display:flex;gap:20px;min-height:120px;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.LiveCommunication_statCard__Kxfd0.LiveCommunication_urgent__SrPzx{animation:LiveCommunication_urgentPulse__Q3rYP 3s infinite;border-left-color:#dc3545}.LiveCommunication_statCard__Kxfd0.LiveCommunication_warning__lZUog{border-left-color:#ffc107}@keyframes LiveCommunication_urgentPulse__Q3rYP{0%,to{border-left-color:#dc3545}50%{border-left-color:#ff6b6b}}.LiveCommunication_statCard__Kxfd0:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.LiveCommunication_statIcon__6hnEA{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.LiveCommunication_statCard__Kxfd0.LiveCommunication_urgent__SrPzx .LiveCommunication_statIcon__6hnEA{background:linear-gradient(135deg,#dc3545,#c82333)}.LiveCommunication_statCard__Kxfd0.LiveCommunication_warning__lZUog .LiveCommunication_statIcon__6hnEA{background:linear-gradient(135deg,#ffc107,#e0a800)}.LiveCommunication_statIcon__6hnEA .LiveCommunication_material-icons__qny1M{color:#fff;font-size:28px}.LiveCommunication_statContent__NXaez h3{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.LiveCommunication_statNumber__gFjJU{color:var(--text);font-size:32px;font-weight:700;margin-bottom:4px}.LiveCommunication_statChange__7a3j9{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.LiveCommunication_statChange__7a3j9.LiveCommunication_positive__FFAvm{background-color:#d4edda;color:#155724}.LiveCommunication_statChange__7a3j9.LiveCommunication_negative__hqDQ8{background-color:#f8d7da;color:#721c24}.LiveCommunication_liveActivitySection__vI4ef{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 10px #0000000d;margin-bottom:32px;padding:24px}.LiveCommunication_sectionSubheader__9-qYk{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.LiveCommunication_sectionSubheader__9-qYk h2{color:var(--text);font-size:20px;font-weight:600}.LiveCommunication_feedControls__faA8M{display:flex;gap:8px}.LiveCommunication_activityFeed__cBpRo{background:var(--hover);border:1px solid var(--border);border-radius:8px;height:400px;overflow-y:auto;padding:16px}.LiveCommunication_activityItem__ocIfr{align-items:center;animation:LiveCommunication_slideIn__kkPib .3s ease;background:var(--card-bg);border-left:4px solid #667eea;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.LiveCommunication_activityItem__ocIfr.LiveCommunication_urgent__SrPzx{background:#fff5f5;border-left-color:#dc3545}.LiveCommunication_activityItem__ocIfr.LiveCommunication_warning__lZUog{background:#fffbf0;border-left-color:#ffc107}@keyframes LiveCommunication_slideIn__kkPib{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.LiveCommunication_activityIcon__aYHWr{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.LiveCommunication_activityItem__ocIfr.LiveCommunication_urgent__SrPzx .LiveCommunication_activityIcon__aYHWr{background:linear-gradient(135deg,#dc3545,#c82333)}.LiveCommunication_activityItem__ocIfr.LiveCommunication_warning__lZUog .LiveCommunication_activityIcon__aYHWr{background:linear-gradient(135deg,#ffc107,#e0a800)}.LiveCommunication_activityIcon__aYHWr .LiveCommunication_material-icons__qny1M{color:#fff;font-size:16px}.LiveCommunication_activityContent__tEohv{flex:1 1}.LiveCommunication_activityContent__tEohv p{color:var(--text);font-weight:500;margin-bottom:4px}.LiveCommunication_activityTime__cB49d{color:#666;font-size:12px}.LiveCommunication_quickActions__3PIHz{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 10px #0000000d;margin-bottom:32px;padding:24px}.LiveCommunication_quickActions__3PIHz h2{color:var(--text);font-size:20px;font-weight:600;margin-bottom:20px}.LiveCommunication_actionButtons__KPM63{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.LiveCommunication_actionBtn__FTQmF{align-items:center;background:var(--hover);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;display:flex;font-weight:500;gap:12px;padding:16px 20px;text-decoration:none;transition:all .3s ease}.LiveCommunication_actionBtn__FTQmF:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.LiveCommunication_actionBtn__FTQmF .LiveCommunication_material-icons__qny1M{font-size:24px}.LiveCommunication_btn__gQv6Y{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.LiveCommunication_btnPrimary__ZYK3H{background:linear-gradient(135deg,var(--accent),#1557b0);box-shadow:0 4px 12px #1a73e84d;color:#fff}.LiveCommunication_btnPrimary__ZYK3H:hover{box-shadow:0 6px 20px #1a73e866;transform:translateY(-2px)}.LiveCommunication_btnSecondary__JeC6I{background:#6c757d;color:#fff}.LiveCommunication_btnSecondary__JeC6I:hover{background:#5a6268;transform:translateY(-2px)}.LiveCommunication_btnWarning__ngL-6{background:#ffc107;color:#212529}.LiveCommunication_btnWarning__ngL-6:hover{background:#e0a800;transform:translateY(-2px)}.LiveCommunication_btnDanger__0pO9U{background:#dc3545;color:#fff}.LiveCommunication_btnDanger__0pO9U:hover{background:#c82333;transform:translateY(-2px)}.LiveCommunication_btnSm__mXHst{font-size:12px;padding:8px 16px}.LiveCommunication_filtersBar__5pake{align-items:center;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:20px}.LiveCommunication_searchBox__6W7EV{flex:1 1;min-width:300px;position:relative}.LiveCommunication_searchBox__6W7EV.LiveCommunication_large__bZcW9{align-items:center;display:flex;gap:12px}.LiveCommunication_searchBox__6W7EV .LiveCommunication_material-icons__qny1M{color:#666;font-size:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.LiveCommunication_searchBox__6W7EV.LiveCommunication_large__bZcW9 .LiveCommunication_material-icons__qny1M{position:static;transform:none}.LiveCommunication_searchBox__6W7EV input{background:var(--card-bg);border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 12px 12px 44px;width:100%}.LiveCommunication_searchBox__6W7EV.LiveCommunication_large__bZcW9 input{padding:12px}.LiveCommunication_searchBox__6W7EV input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.LiveCommunication_filterGroup__9AqLJ{display:flex;flex-direction:column;gap:8px}.LiveCommunication_filterGroup__9AqLJ input,.LiveCommunication_filterGroup__9AqLJ select{background:var(--card-bg);border:1px solid #ddd;border-radius:8px;font-size:14px;min-width:150px;padding:12px}.LiveCommunication_filterGroup__9AqLJ input:focus,.LiveCommunication_filterGroup__9AqLJ select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.LiveCommunication_roomsGrid__4J-it{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.LiveCommunication_roomCard__NYsAh{background:var(--card-bg);border-left:4px solid #667eea;border-radius:16px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.LiveCommunication_roomCard__NYsAh.LiveCommunication_flagged__Kri7m{background:#fffbf0;border-left-color:#ffc107}.LiveCommunication_roomCard__NYsAh.LiveCommunication_monitored__z8hs4{background:#fff5f5;border-left-color:#dc3545}.LiveCommunication_roomCard__NYsAh:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.LiveCommunication_roomHeader__gyMu-{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.LiveCommunication_roomCard__NYsAh.LiveCommunication_flagged__Kri7m .LiveCommunication_roomHeader__gyMu-{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529}.LiveCommunication_roomCard__NYsAh.LiveCommunication_monitored__z8hs4 .LiveCommunication_roomHeader__gyMu-{background:linear-gradient(135deg,#dc3545,#c82333)}.LiveCommunication_roomTitle__x77C-{font-size:18px;font-weight:600;margin-bottom:4px}.LiveCommunication_roomCreator__MM57h{font-size:14px;opacity:.9}.LiveCommunication_roomStatus__1Rawz{background:#fff3;border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.LiveCommunication_roomContent__wU3Sl{padding:20px}.LiveCommunication_roomMeta__WMQAy{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.LiveCommunication_roomMetaItem__5nJJC{display:flex;flex-direction:column;gap:4px}.LiveCommunication_roomMetaLabel__RgtET{color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.LiveCommunication_roomMetaValue__p6FsX{color:var(--text);font-size:14px;font-weight:500}.LiveCommunication_roomActions__BzrU0{display:flex;gap:8px;justify-content:flex-end}.LiveCommunication_userResults__xWMJb,.LiveCommunication_userSearchSection__subxZ{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 10px #0000000d;margin-bottom:24px;padding:24px}.LiveCommunication_userCard__e6C4S{align-items:center;border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all .3s ease}.LiveCommunication_userCard__e6C4S:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea1a}.LiveCommunication_userAvatar__at14A{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.LiveCommunication_userInfo__PSvrA{flex:1 1}.LiveCommunication_userName__Y2V07{color:var(--text);font-size:16px;font-weight:600;margin-bottom:4px}.LiveCommunication_userDetails__HLzJ1{color:#666;font-size:14px}.LiveCommunication_userStatus__KDAvH{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.LiveCommunication_userStatus__KDAvH.LiveCommunication_online__CgGyK{background:#d4edda;color:#155724}.LiveCommunication_userStatus__KDAvH.LiveCommunication_offline__4ybeN{background:#f8d7da;color:#721c24}.LiveCommunication_userActions__1gPtV{display:flex;gap:8px}.LiveCommunication_bannedUsersSection__GHrfr{margin-top:32px}.LiveCommunication_bannedUsersSection__GHrfr h2{color:var(--text);font-size:20px;font-weight:600;margin-bottom:20px}.LiveCommunication_bannedUsersTableContainer__UobSk{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:24px}.LiveCommunication_bannedUsersTable__W\+DPk{border-collapse:collapse;font-size:14px;width:100%}.LiveCommunication_bannedUsersTable__W\+DPk td,.LiveCommunication_bannedUsersTable__W\+DPk th{border-bottom:1px solid #e9ecef;padding:16px;text-align:left}.LiveCommunication_bannedUsersTable__W\+DPk th{background:var(--hover);color:var(--text);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.LiveCommunication_bannedUsersTable__W\+DPk tr:hover{background:var(--hover)}.LiveCommunication_reportsList__o7\+Z2{display:flex;flex-direction:column;gap:16px}.LiveCommunication_reportCard__aHanz{background:var(--card-bg);border-left:4px solid #ffc107;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.LiveCommunication_reportCard__aHanz.LiveCommunication_highPriority__ppShK{background:#fff5f5;border-left-color:#dc3545}.LiveCommunication_reportCard__aHanz:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.LiveCommunication_reportHeader__dzPey{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.LiveCommunication_reportInfo__jFM3R{flex:1 1}.LiveCommunication_reportTitle__TEX9k{color:var(--text);font-size:16px;font-weight:600;margin-bottom:4px}.LiveCommunication_reportMeta__mPhJo{color:#666;display:flex;font-size:14px;gap:16px}.LiveCommunication_reportPriority__7dJHH{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.LiveCommunication_reportPriority__7dJHH.LiveCommunication_high__9A4uv{background:#f8d7da;color:#721c24}.LiveCommunication_reportPriority__7dJHH.LiveCommunication_medium__rM8mg{background:#fff3cd;color:#856404}.LiveCommunication_reportPriority__7dJHH.LiveCommunication_low__8H0Fo{background:#d1ecf1;color:#0c5460}.LiveCommunication_reportContent__FMng0{margin-bottom:16px}.LiveCommunication_reportDescription__mnSW4{color:var(--text);line-height:1.6;margin-bottom:8px}.LiveCommunication_reportActions__CrlxA{display:flex;gap:8px;justify-content:flex-end}.LiveCommunication_moderationLogContainer__QwuB2{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:24px}.LiveCommunication_moderationLogTable__6LJ26{border-collapse:collapse;font-size:14px;width:100%}.LiveCommunication_moderationLogTable__6LJ26 td,.LiveCommunication_moderationLogTable__6LJ26 th{border-bottom:1px solid #e9ecef;padding:16px;text-align:left}.LiveCommunication_moderationLogTable__6LJ26 th{background:var(--hover);color:var(--text);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.LiveCommunication_moderationLogTable__6LJ26 tr:hover{background:var(--hover)}.LiveCommunication_analyticsOverview__Eb1SC{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.LiveCommunication_analyticsCard__XXny7{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:24px}.LiveCommunication_analyticsCard__XXny7 h3{color:var(--text);font-size:18px;font-weight:600;margin-bottom:20px}.LiveCommunication_chartPlaceholder__lYWbS{align-items:center;background:var(--hover);border-radius:12px;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.LiveCommunication_chartPlaceholder__lYWbS .LiveCommunication_material-icons__qny1M{color:#667eea;font-size:48px;margin-bottom:16px}.LiveCommunication_chartPlaceholder__lYWbS p{font-size:16px;font-weight:500}.LiveCommunication_categoriesGrid__KiX2F{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.LiveCommunication_categoryCard__LnlwJ{background:var(--card-bg);border-left:4px solid #667eea;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.LiveCommunication_categoryCard__LnlwJ:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.LiveCommunication_categoryHeader__jyQgl{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.LiveCommunication_categoryName__fc6sH{color:var(--text);font-size:18px;font-weight:600}.LiveCommunication_categoryStats__8-vWR{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.LiveCommunication_categoryStat__43MYw{text-align:center}.LiveCommunication_categoryStatNumber__xWYWo{color:var(--text);font-size:24px;font-weight:700;margin-bottom:4px}.LiveCommunication_categoryStatLabel__YyybE{color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.LiveCommunication_categoryActions__-Rp4u{display:flex;gap:8px;justify-content:flex-end}.LiveCommunication_moderatorsList__lw4EG{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.LiveCommunication_moderatorCard__bh9Ns{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.LiveCommunication_moderatorCard__bh9Ns:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.LiveCommunication_moderatorHeader__log2l{align-items:center;display:flex;gap:16px;margin-bottom:16px}.LiveCommunication_moderatorAvatar__\+Cvn1{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.LiveCommunication_moderatorInfo__WT21Z h3{color:var(--text);font-size:16px;font-weight:600;margin-bottom:4px}.LiveCommunication_moderatorRole__CBI9i{color:#666;font-size:14px}.LiveCommunication_moderatorStats__Uxvyk{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.LiveCommunication_moderatorStat__1\+1Wh{background:var(--hover);border-radius:8px;padding:12px;text-align:center}.LiveCommunication_moderatorStatNumber__gmqxg{color:var(--text);font-size:20px;font-weight:700;margin-bottom:4px}.LiveCommunication_moderatorStatLabel__3fo0Q{color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.LiveCommunication_moderatorActions__TonIs{display:flex;gap:8px;justify-content:flex-end}.LiveCommunication_announcementsList__2DKv\+{display:flex;flex-direction:column;gap:16px}.LiveCommunication_announcementCard__\+dsP3{background:var(--card-bg);border-left:4px solid #667eea;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.LiveCommunication_announcementCard__\+dsP3:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.LiveCommunication_announcementHeader__07-Cn{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.LiveCommunication_announcementTitle__eqv7C{color:var(--text);font-size:16px;font-weight:600;margin-bottom:4px}.LiveCommunication_announcementMeta__1yoRk{color:#666;display:flex;font-size:14px;gap:16px}.LiveCommunication_announcementContent__g9SOw{margin-bottom:16px}.LiveCommunication_announcementMessage__3tQZZ{color:var(--text);line-height:1.6}.LiveCommunication_announcementActions__ccO\+H{display:flex;gap:8px;justify-content:flex-end}.LiveCommunication_settingsGrid__Uv-xR{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.LiveCommunication_settingsCard__gxg7f{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:24px}.LiveCommunication_settingsCard__gxg7f h3{color:var(--text);font-size:18px;font-weight:600;margin-bottom:20px}.LiveCommunication_settingItem__KUEj\+{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 0}.LiveCommunication_settingItem__KUEj\+:last-child{border-bottom:none}.LiveCommunication_settingItem__KUEj\+ label{color:var(--text);font-weight:500}.LiveCommunication_settingItem__KUEj\+ input[type=number],.LiveCommunication_settingItem__KUEj\+ select{border:1px solid #ddd;border-radius:6px;padding:8px 12px;text-align:center;width:120px}.LiveCommunication_settingItem__KUEj\+ input[type=checkbox]{accent-color:#667eea;height:20px;width:20px}.LiveCommunication_settingsActions__TjQ-R{background:var(--hover);border-radius:12px;display:flex;gap:12px;justify-content:flex-end;padding:24px}.LiveCommunication_logsContainer__-Zu3k{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:24px}.LiveCommunication_logsTable__LlE63{border-collapse:collapse;font-size:14px;width:100%}.LiveCommunication_logsTable__LlE63 td,.LiveCommunication_logsTable__LlE63 th{border-bottom:1px solid #e9ecef;padding:16px;text-align:left}.LiveCommunication_logsTable__LlE63 th{background:var(--hover);color:var(--text);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.LiveCommunication_logsTable__LlE63 tr:hover{background:var(--hover)}.LiveCommunication_statusBadge__FyRHb{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.LiveCommunication_statusActive__BbMbw{background:#d4edda;color:#155724}.LiveCommunication_statusPending__\+eVr5{background:#fff3cd;color:#856404}.LiveCommunication_statusBanned__YEMmH,.LiveCommunication_statusSuspended__KE78l{background:#f8d7da;color:#721c24}.LiveCommunication_statusWarning__jLQVA{background:#fff3cd;color:#856404}.LiveCommunication_statusCompleted__pEPC8{background:#d1ecf1;color:#0c5460}@media (max-width:1024px){.LiveCommunication_liveStatsGrid__R0P-S{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.LiveCommunication_analyticsOverview__Eb1SC{grid-template-columns:1fr}.LiveCommunication_roomsGrid__4J-it{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.LiveCommunication_liveCommunicationContent__q9MIQ{padding:20px}.LiveCommunication_tabsContainer__5RVnD{grid-template-columns:1fr}.LiveCommunication_filtersBar__5pake{align-items:stretch;flex-direction:column}.LiveCommunication_searchBox__6W7EV{min-width:auto}.LiveCommunication_filterGroup__9AqLJ,.LiveCommunication_filterGroup__9AqLJ select{width:100%}.LiveCommunication_actionButtons__KPM63,.LiveCommunication_liveStatsGrid__R0P-S,.LiveCommunication_moderatorsList__lw4EG,.LiveCommunication_roomsGrid__4J-it{grid-template-columns:1fr}}@media (max-width:480px){.LiveCommunication_liveCommunicationContent__q9MIQ{padding:16px}.LiveCommunication_statCard__Kxfd0{flex-direction:column;text-align:center}.LiveCommunication_statNumber__gFjJU{font-size:28px}.LiveCommunication_roomCard__NYsAh{margin:0 8px}}.main-content:has(.reading-management-page),.main-content:has(.reading-management-scroll-wrapper){align-items:stretch!important;box-sizing:border-box;display:block!important;max-width:100%!important;overflow:hidden!important;padding:0!important;width:100%!important}.main-content .reading-management-page,.main-content .reading-management-scroll-wrapper{margin:0!important;max-width:100%!important;width:100%!important}.reading-management-scroll-wrapper{background-color:var(--bg);height:100vh;overflow-y:auto;padding:20px}.reading-management-page,.reading-management-scroll-wrapper{box-sizing:border-box;display:flex;flex:1 1;position:relative;width:100%}.reading-management-page{flex-direction:column;min-height:0;min-height:auto}.reading-management-page:has(.reading-paths-selection){min-height:100vh;overflow-y:auto;position:relative}.reading-management-scroll-wrapper:has(.reading-paths-selection){height:100vh!important;overflow-y:auto!important}.reading-management-page:has(.reading-paths-selection){height:auto!important;min-height:100vh!important;overflow-y:auto!important}.reading-paths-selection{align-items:center;background-color:var(--bg);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin:0;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;text-align:center;width:100%}.reading-management-scroll-wrapper::-webkit-scrollbar{background:#f4f6fa;width:12px}.reading-management-scroll-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent) 0,#1557b0 100%);border-radius:8px}.reading-management-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1557b0 0,var(--accent) 100%)}.reading-management-scroll-wrapper{scrollbar-color:var(--accent) #f4f6fa;scrollbar-width:thin}.reading-paths-selection::-webkit-scrollbar{background:#f4f6fa;width:12px}.reading-paths-selection::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent) 0,#1557b0 100%);border-radius:8px}.reading-paths-selection::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1557b0 0,var(--accent) 100%)}.reading-paths-selection{scrollbar-color:var(--accent) #f4f6fa;scrollbar-width:thin}.back-to-paths-btn{background:#6c757d}.back-to-paths-btn:hover{background:#5a6268}.reading-tabs{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:-webkit-fit-content;max-width:fit-content;padding:8px}.reading-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.reading-tab:hover{background:#1a73e81a;color:var(--accent)}.reading-tab.active{background:linear-gradient(135deg,var(--accent),#1557b0);box-shadow:0 2px 8px #1a73e84d;color:#fff}.reading-tab .material-icons{font-size:18px}.year-tabs{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.year-tabs-header{margin-bottom:20px;text-align:center}.year-tabs-header h3{color:#333;font-size:20px;font-weight:600;margin-bottom:8px}.year-tabs-header p{color:#666;font-size:14px;margin:0}.year-tabs-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.year-tab{align-items:center;background:#f8f9fa;border:none;border:1px solid var(--border);border-radius:8px;color:#666;display:flex;font-size:13px;gap:6px;padding:10px 16px;transition:all .3s ease}.year-tab:hover{background:#1a73e81a}.year-tab.active{box-shadow:0 2px 8px #1a73e84d}.year-tab .material-icons{font-size:16px}.reading-tab-content{align-items:stretch;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #00000014;justify-content:flex-start;margin-bottom:40px;max-width:none;padding:30px 30px 40px;width:100%}.reading-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.reading-header h2{color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.reading-header p{color:#666;font-size:16px;margin:0}.reading-controls{align-items:center;gap:20px;justify-content:space-between;margin-bottom:30px}.search-box input{border:2px solid #e1e5e9;padding:12px 16px 12px 44px}.search-box input:focus{box-shadow:0 0 0 2px #eb81091a}.search-box .material-icons{left:12px}.add-reading-btn{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:8px;box-shadow:0 2px 8px #1a73e84d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.add-reading-btn:hover{box-shadow:0 4px 12px #1a73e866;transform:translateY(-2px)}.add-reading-btn .material-icons{font-size:18px}.reading-sections{display:flex;flex-direction:column;gap:30px}.content-section,.year-levels-section{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #00000014;padding:30px}.content-section h3,.year-levels-section h3{color:#333;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.year-overview{margin-bottom:30px}.year-overview h3{color:#333;font-size:20px;font-weight:600;margin-bottom:15px;text-align:center}.year-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.year-card{background:var(--card-bg);border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 10px #00000014;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.year-card:hover{border-color:var(--accent);box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.year-card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.year-card-header .material-icons{color:var(--accent);font-size:24px}.year-card-header h4{color:#333;font-size:18px;font-weight:600;margin:0}.year-card-content{text-align:center}.year-card-content p{color:#666;font-size:14px;margin-bottom:16px}.select-year-btn{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:8px;box-shadow:0 2px 8px #1a73e84d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 auto;padding:10px 20px;transition:all .3s ease}.select-year-btn:hover{box-shadow:0 4px 12px #1a73e866;transform:translateY(-2px)}.content-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,350px);justify-content:center;margin:0 auto;max-width:1200px;padding:20px;width:100%}.content-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:360px;max-width:350px;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.content-card:hover{border-color:var(--accent);box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.content-card .content-card-header{background:linear-gradient(135deg,var(--accent) 0,#1557b0 100%);color:#fff;flex-shrink:0;padding:20px;position:relative}.content-card .content-card-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.content-card .content-title{color:#333;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 5px;padding:15px 15px 0;position:relative;z-index:1}.content-card .content-year{font-size:.9rem;font-weight:500;letter-spacing:.5px;opacity:.9;position:relative;text-transform:uppercase;z-index:1}.content-card .content-preview{background:#f8f9fa;border-left:4px solid var(--accent);border-radius:8px;display:flex;flex-direction:column;flex-grow:1;margin:15px;overflow:hidden;padding:20px}.content-card .preview-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#555;display:-webkit-box;flex-grow:1;font-family:Arial,sans-serif;font-size:.9rem;font-weight:400;line-height:1.6;margin:0;overflow:hidden;text-align:left}.content-card .card-content{flex-shrink:0;padding:0 20px 20px}.content-card .content-description{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.content-card .content-type-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.content-card .content-type-badge.reading{background:#e3f2fd;color:#1976d2}.content-card .content-date{color:#ffffffe6;font-size:12px;position:relative;z-index:1}.content-card .article-metadata{align-items:center;background:#f8f9fa;border-top:1px solid #eee;color:#666;display:flex;flex-shrink:0;font-size:.75rem;justify-content:space-between;margin-top:auto;padding:10px 15px}.content-card .metadata-left{display:flex;gap:16px}.content-card .metadata-item{align-items:center;display:flex;gap:3px}.content-card .metadata-item .material-icons{color:var(--accent);font-size:14px}.content-card .card-bottom-section{background:#f8f9fa;border-top:1px solid #eee;display:flex;flex-direction:column;margin-top:auto}.content-card .content-actions{border-bottom:1px solid #eee;display:flex;flex-shrink:0;gap:8px;justify-content:flex-start;padding:10px 15px}.content-card .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:5px;justify-content:center;padding:8px 12px;transition:all .2s ease}.content-card .action-btn.edit{background:#2196f3;color:#fff}.content-card .action-btn.edit:hover{background:#1976d2;transform:translateY(-2px)}.content-card .action-btn.delete{background:#f44336;color:#fff}.content-card .action-btn.delete:hover{background:#d32f2f;transform:translateY(-2px)}.content-card .action-btn .material-icons{font-size:14px}.content-type-badge{background:linear-gradient(135deg,var(--accent),#1557b0);border-radius:20px;padding:4px 12px;position:relative;z-index:1}.content-type-badge.vocabulary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.content-type-badge.reading{background:linear-gradient(135deg,var(--accent),#1557b0);color:#fff}.content-date{color:#666;font-size:.8rem;font-weight:500}@media (min-width:1400px){.content-cards{gap:25px;grid-template-columns:repeat(3,350px);max-width:1400px}}@media (max-width:1399px) and (min-width:992px){.content-cards{gap:20px;grid-template-columns:repeat(2,350px);max-width:1200px}}@media (max-width:991px) and (min-width:769px){.content-cards{gap:15px;grid-template-columns:repeat(2,350px);padding:15px}}@media (max-width:768px){.content-cards{gap:15px;grid-template-columns:1fr;max-width:400px;padding:15px}}.card-animate{animation:fadeInUp .5s}.fade-in{animation:fadeIn .4s}.reading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:2000}.reading-overlay.show{opacity:1;visibility:visible}.reading-form{background:var(--card-bg);border-radius:16px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;transform:translateY(-20px);transition:transform .3s ease;width:90%}.reading-overlay.show .reading-form{transform:translateY(0)}.form-header{border-bottom:1px solid #e9ecef;padding:24px 24px 16px}.close-btn{transition:background-color .3s ease}.close-btn:hover{background:#f8f9fa}.form-content{padding:24px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e5e9;padding:12px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #eb81091a}.form-actions{background:#f8f9fa;border-top:1px solid #e9ecef;padding:24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),#1557b0)}.btn-primary:hover{box-shadow:0 4px 12px #eb81094d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}@media (max-width:1024px){.reading-sections{gap:20px}.year-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.reading-management-scroll-wrapper{padding:20px}.reading-management-page{gap:15px}.reading-tabs{flex-direction:column;gap:4px}.year-tabs-container{flex-direction:column;gap:8px}.year-tab{justify-content:center;padding:12px}.reading-controls{flex-direction:column;gap:15px}.search-box{max-width:none}.year-cards{grid-template-columns:1fr}.reading-form{margin:10px;width:95%}}@media (max-width:480px){.reading-management-page{gap:10px}.content-section,.reading-tab-content,.year-levels-section{padding:20px}}.breadcrumb{color:#666;margin-bottom:20px}.breadcrumb-item{font-weight:500}.breadcrumb-sep{color:#999}.divider{background:linear-gradient(90deg,#0000,#e1e5e9,#0000);height:1px;margin:20px 0}.year-tab-indicator{background:#fff3;border-radius:12px;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.card-animate{animation:fadeInUp .6s ease-out}.fade-in{animation:fadeIn .3s ease-in}.empty-state,.error-state,.loading-state{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px 0;padding:40px}.empty-state .material-icons,.error-state .material-icons,.loading-state .material-icons{color:#6c757d;display:block}.loading-state .material-icons{animation:spin 1s linear infinite;color:var(--accent)}.error-state .material-icons{color:#dc3545}.empty-state .material-icons{color:#6c757d}.empty-state h3,.error-state h3,.loading-state h3{color:#495057;font-size:20px;margin-bottom:12px}.empty-state p,.error-state p,.loading-state p{color:#6c757d;font-size:16px;line-height:1.5;margin:0 auto;max-width:600px}.esp-faculties-section h3,.exam-types-section h3,.general-categories-section h3{color:#333;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.category-cards,.exam-cards,.faculty-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.category-card,.exam-card,.faculty-card{background:var(--card-bg);border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px;text-align:center;transition:all .3s ease}.category-card:hover,.exam-card:hover,.faculty-card:hover{border-color:var(--accent);box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.category-card h4,.exam-card h4,.faculty-card h4{color:var(--text);font-size:1.5rem;font-weight:700;margin:0 0 15px}.category-card p,.exam-card p,.faculty-card p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0 0 20px}.manage-category-btn,.manage-exam-btn,.manage-faculty-btn{background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:8px;box-shadow:0 2px 8px #1a73e84d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.manage-category-btn:hover,.manage-exam-btn:hover,.manage-faculty-btn:hover{box-shadow:0 4px 12px #1a73e866;transform:translateY(-2px)}@media (max-width:768px){.paths-grid{gap:20px;grid-template-columns:1fr}.path-card{padding:30px 20px}.category-cards,.exam-cards,.faculty-cards{gap:15px;grid-template-columns:1fr}.category-card,.exam-card,.faculty-card{padding:25px 20px}}.main-content:has(.writing-dictation-management-page),.main-content:has(.writing-dictation-management-scroll-wrapper){align-items:stretch!important;box-sizing:border-box;display:block!important;max-width:100%!important;overflow:hidden!important;padding:0!important;width:100%!important}.main-content .writing-dictation-management-page,.main-content .writing-dictation-management-scroll-wrapper{margin:0!important;max-width:100%!important;width:100%!important}.writing-dictation-management-scroll-wrapper{background-color:var(--bg);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:20px;position:relative;width:100%}.writing-dictation-management-page{flex:1 1;min-height:0;min-height:auto}.writing-dictation-management-page,.writing-dictation-paths-selection{box-sizing:border-box;display:flex;flex-direction:column;position:relative;width:100%}.writing-dictation-paths-selection{align-items:center;background-color:var(--bg);height:100vh;justify-content:flex-start;margin:0;overflow-x:hidden;overflow-y:auto;padding:20px;text-align:center}.admin-back-navigation{display:flex;justify-content:flex-start;margin-bottom:20px;max-width:1200px;width:100%}.back-to-admin-btn{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:8px;box-shadow:0 2px 8px #1a73e84d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.back-to-admin-btn:hover{background:linear-gradient(135deg,#1557b0,var(--accent));box-shadow:0 4px 12px #1a73e866;transform:translateY(-2px)}.back-to-admin-btn .material-icons{font-size:18px}.paths-header{margin-bottom:30px;max-width:800px;width:100%}.paths-header h1{color:var(--text);font-size:2.5rem;font-weight:700;margin:0 0 15px}.paths-header p{color:var(--text-secondary);font-size:1.2rem;margin:0 0 30px}.paths-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:0 20px 20px;width:100%}.path-card{background:var(--card-bg);border:3px solid #0000;border-radius:20px;box-shadow:0 8px 25px #0000001a;cursor:pointer;overflow:hidden;padding:40px 30px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.path-card:before{background:var(--path-color);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.path-card:hover{border-color:var(--path-color);box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.path-card:hover:before{transform:scaleX(1)}.path-icon{font-size:4rem}.path-card h3{color:var(--text);font-size:1.5rem;font-weight:700;margin:0 0 15px}.path-card p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0 0 25px}.path-arrow{color:var(--path-color);font-size:1.5rem;transition:transform .3s ease}.path-card:hover .path-arrow{transform:translateX(5px)}.path-navigation{margin-bottom:20px}.back-to-paths-btn{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:8px;box-shadow:0 2px 8px #1a73e84d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.back-to-paths-btn:hover{background:linear-gradient(135deg,#1557b0,var(--accent));box-shadow:0 4px 12px #1a73e866;transform:translateY(-2px)}.writing-dictation-tab-content{align-items:stretch;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #00000014;justify-content:flex-start;margin-bottom:40px;max-width:none;padding:30px 30px 40px;width:100%}.writing-dictation-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.writing-dictation-header h2{color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.writing-dictation-header p{color:#666;font-size:16px;margin:0}.esp-faculties-section h3,.exam-types-section h3,.general-categories-section h3,.school-levels-section h3{color:#333;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.category-cards,.exam-cards,.faculty-cards,.school-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.category-card,.exam-card,.faculty-card,.school-card{background:var(--card-bg);border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px;text-align:center;transition:all .3s ease}.category-card:hover,.exam-card:hover,.faculty-card:hover,.school-card:hover{border-color:var(--accent);box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.category-card h4,.exam-card h4,.faculty-card h4,.school-card h4{color:var(--text);font-size:1.5rem;font-weight:700;margin:0 0 15px}.category-card p,.exam-card p,.faculty-card p,.school-card p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0 0 20px}.manage-category-btn,.manage-exam-btn,.manage-faculty-btn,.manage-school-btn{background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:8px;box-shadow:0 2px 8px #1a73e84d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.manage-category-btn:hover,.manage-exam-btn:hover,.manage-faculty-btn:hover,.manage-school-btn:hover{background:linear-gradient(135deg,#1557b0,var(--accent));box-shadow:0 4px 12px #1a73e866;transform:translateY(-2px)}.school-content-section{margin:0 auto;max-width:1000px}.school-navigation{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:20px;margin-bottom:40px;padding-bottom:20px}.back-to-schools-btn{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:6px;box-shadow:0 2px 8px #1a73e84d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.back-to-schools-btn:hover{background:linear-gradient(135deg,#1557b0,var(--accent));box-shadow:0 4px 12px #1a73e866;transform:translateY(-1px)}.school-navigation h3{color:var(--text);font-size:28px;font-weight:600;margin:0}.year-tabs-section{text-align:center}.year-tabs-section h3{color:#333;font-size:22px;font-weight:600;margin:0 0 24px}.year-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px}.year-tab{background:var(--card-bg);border:2px solid #f0f0f0;border-radius:12px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.year-tab:hover{border-color:var(--accent);color:var(--accent)}.year-tab.active{background:linear-gradient(135deg,var(--accent),#1557b0);border-color:var(--accent);color:#fff}.year-content{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px}.year-content h4{color:var(--text);font-size:20px;font-weight:600;margin:0 0 20px}.add-dictation-btn{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border:none;border-radius:10px;box-shadow:0 4px 15px #1a73e84d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.add-dictation-btn:hover{background:linear-gradient(135deg,#1557b0,var(--accent));box-shadow:0 6px 20px #1a73e866;transform:translateY(-2px)}.dictation-form-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dictation-form-modal{background:var(--card-bg);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.form-header{border-bottom:2px solid #f0f0f0;padding:30px 30px 20px}.form-header h3{color:#333;font-size:24px;font-weight:600}.close-form-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-form-btn:hover{background:var(--hover);color:#495057}.dictation-form{padding:30px}.form-group label{color:#333}.form-group input,.form-group select,.form-group textarea{border:2px solid #f0f0f0;box-sizing:border-box}.form-group textarea{min-height:60px}.form-actions{border-top:2px solid #f0f0f0;gap:16px}.cancel-btn{background:#6c757d;border-radius:8px;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:#5a6268;transform:translateY(-1px)}.submit-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.form-message{animation:slideIn .3s ease-out;border-radius:8px;font-weight:500;margin:16px 0;padding:12px 16px;text-align:center}.form-message.success{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 8px #4caf504d;color:#fff}.form-message.warning{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff98004d;color:#fff}.form-message.error{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 8px #f443364d;color:#fff}.writing-dictation-tab-content .article-card{background:var(--card-bg);border:2px solid #f8f9fa;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;padding:24px}.article-header{border-bottom:1px solid #f0f0f0;padding-bottom:15px}.article-header h4{color:#333;flex:1 1;font-size:20px;font-weight:700;line-height:1.3;margin:0 15px 0 0}.article-status{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;white-space:nowrap}.article-status.published{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 8px #4caf504d;color:#fff}.article-content{flex:1 1}.article-text-preview{margin-bottom:20px}.article-text-preview h5{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.article-text-preview h5:before{content:"📝";font-size:18px}.article-text{background:var(--hover);border-left:4px solid var(--accent);border-radius:8px;color:#555;font-size:15px;line-height:1.7;margin-bottom:15px;padding:15px}.article-meta{border-top:1px solid #f0f0f0;gap:15px;margin-bottom:20px;padding-top:15px}.meta-item{align-items:center;background:var(--hover);border:1px solid var(--border);border-radius:20px;color:#777;display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 12px}.meta-item .material-icons{font-size:16px}.article-actions{gap:12px;margin-top:auto}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:80px;padding:10px 18px;transition:all .3s ease}.edit-btn{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 8px #2196f34d}.edit-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 8px #f443364d;color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.articles-loading,.no-articles{color:#666;padding:40px 20px;text-align:center}.loading-spinner{animation:rotating 2s linear infinite;font-size:24px;margin-bottom:10px}.no-articles{background:var(--hover);border:2px dashed #dee2e6;border-radius:16px;margin-top:30px;padding:60px 20px;text-align:center}.no-articles p{color:#6c757d;font-size:16px;line-height:1.6;margin:0}.no-articles p:first-child{color:#495057;font-size:18px;font-weight:600;margin-bottom:8px}.writing-dictation-paths-selection::-webkit-scrollbar{background:var(--bg);width:12px}.writing-dictation-paths-selection::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent) 0,#1557b0 100%);border-radius:8px}.writing-dictation-paths-selection::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1557b0 0,var(--accent) 100%)}.writing-dictation-paths-selection{scrollbar-color:var(--accent) #f4f6fa;scrollbar-width:thin}@media (max-width:768px){.paths-grid{gap:15px;grid-template-columns:1fr}.path-card{padding:25px 20px}.category-cards,.exam-cards,.faculty-cards,.school-cards{gap:15px;grid-template-columns:1fr}.category-card,.exam-card,.faculty-card,.school-card{padding:25px 20px}.form-row{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column}.year-tabs{gap:8px}.year-tab{font-size:13px;padding:10px 16px}}.writing-dictation-tab-content .articles-grid{grid-gap:24px!important;display:grid!important;gap:24px!important;grid-template-columns:repeat(2,1fr)!important;margin-top:30px;max-width:100%;width:100%}.writing-dictation-tab-content .articles-grid>*{display:block!important}.writing-dictation-tab-content .article-card{background:#fff!important;border:2px solid #f8f9fa!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:350px!important;overflow:hidden!important;padding:20px!important;position:relative!important;transition:all .3s ease}.writing-dictation-tab-content .article-header{border-bottom:1px solid #f0f0f0!important;margin-bottom:15px!important;padding-bottom:12px!important}.writing-dictation-tab-content .article-header h4{color:#333!important;flex:1 1!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important;margin:0 15px 0 0!important}.writing-dictation-tab-content .article-status{border-radius:20px!important;font-size:10px!important;font-weight:600!important;letter-spacing:.5px!important;padding:4px 10px!important;text-transform:uppercase!important;white-space:nowrap!important}.writing-dictation-tab-content .article-content{display:flex!important;flex:1 1!important;flex-direction:column!important;margin-bottom:15px!important;min-height:0!important;visibility:visible!important}.writing-dictation-tab-content .article-text-preview{display:block!important;flex-shrink:0!important;margin-bottom:8px!important;visibility:visible!important}.writing-dictation-tab-content .article-text-preview h5{align-items:center!important;color:#333!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:6px!important;margin:0 0 8px!important;visibility:visible!important}.writing-dictation-tab-content .article-text-preview h5:before{content:"📝"!important;font-size:16px!important}.writing-dictation-tab-content .article-text{-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;background:#f8f9fa!important;border-left:3px solid var(--accent)!important;border-radius:6px!important;color:#555!important;display:block!important;display:-webkit-box!important;flex-shrink:0!important;font-size:13px!important;line-height:1.4!important;margin-bottom:12px!important;max-height:3.6em!important;overflow:hidden!important;padding:12px!important;text-overflow:ellipsis!important;visibility:visible!important}.writing-dictation-tab-content .article-meta{border-top:1px solid #f0f0f0!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;gap:8px!important;margin-top:auto!important;min-height:60px!important;padding-top:12px!important;visibility:visible!important}.writing-dictation-tab-content .meta-row{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:8px!important;justify-content:flex-start!important;min-height:20px!important}.writing-dictation-tab-content .meta-item{align-items:center!important;background:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:12px!important;color:#777!important;display:flex!important;flex-shrink:0!important;font-size:10px!important;font-weight:500!important;gap:4px!important;height:20px!important;overflow:visible!important;padding:3px 6px!important;visibility:visible!important;white-space:nowrap!important}.writing-dictation-tab-content .meta-item .material-icons{font-size:12px!important}.writing-dictation-tab-content .meta-item.file-path{background:#e3f2fd!important;border-color:#2196f3!important;color:#1976d2!important;font-family:Courier New,monospace!important;font-size:9px!important;max-width:100%!important;overflow:hidden!important;padding:4px 8px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.writing-dictation-tab-content .article-actions{display:flex!important;flex-shrink:0!important;gap:10px!important;justify-content:center!important;margin-bottom:15px!important;padding-top:0!important}.writing-dictation-tab-content .delete-btn,.writing-dictation-tab-content .edit-btn{align-items:center!important;border:none!important;border-radius:6px!important;cursor:pointer!important;display:flex!important;font-size:12px!important;font-weight:600!important;gap:4px!important;justify-content:center!important;min-width:70px!important;padding:8px 14px!important;text-decoration:none!important;transition:all .3s ease!important}.writing-dictation-tab-content .edit-btn{background:linear-gradient(135deg,#2196f3,#1976d2)!important;box-shadow:0 2px 8px #2196f34d!important;color:#fff!important}.writing-dictation-tab-content .edit-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0)!important;box-shadow:0 4px 12px #2196f366!important;transform:translateY(-2px)!important}.writing-dictation-tab-content .delete-btn{background:linear-gradient(135deg,#f44336,#d32f2f)!important;box-shadow:0 2px 8px #f443364d!important;color:#fff!important}.writing-dictation-tab-content .delete-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828)!important;box-shadow:0 4px 12px #f4433666!important;transform:translateY(-2px)!important}.writing-dictation-tab-content .article-card:hover{border-color:var(--accent);box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}@media (max-width:768px){.writing-dictation-tab-content .articles-grid{gap:20px;grid-template-columns:1fr!important}.writing-dictation-tab-content .article-card{min-height:auto;padding:20px}}.gv-management-scroll-wrapper{background-color:var(--bg);height:auto;min-height:0;min-height:auto;overflow-x:hidden;overflow-y:visible;padding:40px 0}.gv-management-page{margin:0;max-width:none;width:100%}.gv-overview .gv-header{margin-bottom:20px;text-align:center}.gv-overview .back-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;margin-bottom:12px;padding:8px 12px}.gv-overview h2{font-size:24px;margin:8px 0 4px}.gv-overview p{color:var(--text-secondary);margin:0}.gv-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.gv-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;cursor:pointer;padding:20px;transition:transform .15s ease,box-shadow .15s ease}.gv-card:hover{box-shadow:0 8px 24px #10182814;transform:translateY(-2px)}.gv-card-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.gv-card-header .material-icons{color:var(--accent)}.gv-card-header h3{font-size:18px;margin:0}.gv-card-content{color:var(--text-secondary);font-size:14px;margin-bottom:10px}.gv-card-footer .access-link{color:var(--text);font-size:13px;font-weight:600}.gv-section{animation:fadeIn .2s ease}.gv-section-header{margin-bottom:16px}.gv-section-header .header-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.back-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;padding:8px 12px}.gv-section-header h2{font-size:22px;margin:0}.gv-section-header p{color:var(--text-secondary);margin:6px 0 0}.gv-controls{justify-content:space-between;margin-bottom:12px}.control-row,.gv-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-box input{border:2px solid var(--border);border-radius:10px;min-width:260px;padding:10px 36px 10px 12px}.search-box .material-icons{font-size:20px;right:8px}.selectors select{border:2px solid var(--border);border-radius:10px;min-width:160px;padding:10px 12px}.add-material-btn{align-items:center;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:10px 14px}.gv-articles h3{font-size:18px;margin:12px 0}.articles-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.article-card{padding:14px;transition:transform .15s ease,box-shadow .15s ease}.article-card:hover{box-shadow:0 8px 24px #10182814}.article-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.article-header-right{align-items:center;display:flex;gap:8px}.content-type-badge{background:#1a73e81a;border-radius:999px;color:var(--accent);font-weight:600}.article-date{color:var(--text-secondary);font-size:12px}.article-job-badge{border:1px solid var(--border)}.job-reprocess-mini{background:#fff1f0;border:1px solid #ffa39e;border-radius:999px;color:#a8071a;cursor:pointer;font-size:12px;font-weight:700;padding:4px 10px}.job-reprocess-mini:hover{border-color:#ff4d4f}.article-title{font-size:16px;margin:4px 0 8px}.article-meta{flex-wrap:wrap;gap:8px;margin-bottom:8px}.meta-pill{background:var(--hover);border-radius:999px;color:var(--text-secondary);font-size:12px;padding:4px 8px}.article-preview .preview-text{color:var(--text-secondary);font-size:14px;min-height:40px}.article-actions{display:flex;gap:8px;margin-top:10px}.action-btn{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;display:inline-flex;padding:8px 10px}.action-btn.edit{border-color:#1a73e84d}.action-btn.delete{border-color:#ea43354d}.gv-overlay{align-items:center;background:#10182899;display:none;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.gv-overlay.show{display:flex}.gv-form{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 48px #0000002e;max-width:720px;width:100%}.form-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.form-header h3{font-size:18px;margin:0}.form-content{padding:16px}.form-group{margin-bottom:12px}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border);border-radius:10px;padding:10px 12px}.form-row{grid-gap:12px;gap:12px}.form-actions{gap:10px;margin-top:8px}.btn-primary,.btn-secondary{border-radius:10px;padding:10px 14px}.fade-in{animation:fadeIn .2s ease}.empty-state{background:var(--hover);border:1px dashed var(--border);border-radius:12px;padding:20px}.empty-state .empty-icon{color:var(--text-secondary);font-size:22px}.loading{padding:24px}@media (max-width:900px){.gv-cards{grid-template-columns:1fr}}.vocabulary-inner-tabs{background:var(--hover);border:1px solid var(--border);border-radius:12px;display:flex;gap:8px;margin:0 auto 20px;padding:8px;width:-webkit-fit-content;width:fit-content}.vocabulary-inner-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.vocabulary-inner-tab:hover{background:#1a73e81a;color:var(--accent)}.vocabulary-inner-tab.active{background:linear-gradient(135deg,var(--accent),#1557b0);box-shadow:0 2px 8px #1a73e840;color:#fff}.vocabulary-inner-tab .material-icons{font-size:18px}.jobs-header{gap:12px;justify-content:space-between;margin-bottom:16px}.jobs-controls,.jobs-header{align-items:center;display:flex}.jobs-controls{gap:10px}.jobs-controls select{background:#fff;border:2px solid var(--border);border-radius:8px;font-size:14px;padding:10px 12px}.jobs-table-wrapper{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:auto}.jobs-table{border-collapse:collapse;min-width:900px;width:100%}.jobs-table td,.jobs-table th{border-bottom:1px solid #eee;font-size:14px;padding:12px 14px;text-align:left;vertical-align:top}.jobs-table th{background:#f8f9fa;color:var(--text);font-weight:700}.job-row-highlight td{background:#fffbe6}.job-article-cell{display:flex;flex-direction:column;gap:4px}.job-article-title{color:var(--text);font-weight:700}.job-article-meta{color:var(--text-secondary);font-size:12px}.job-status{background:#f8f9fa;border:1px solid var(--border);border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;text-transform:lowercase}.job-status.pending{background:#fff7e6;border-color:#ffd591;color:#ad6800}.job-status.running{background:#e6f7ff;border-color:#91d5ff;color:#0050b3}.job-status.succeeded{background:#f6ffed;border-color:#b7eb8f;color:#237804}.job-status.failed{background:#fff1f0;border-color:#ffa39e;color:#a8071a}.job-status.not_started{background:#f8f9fa;border-color:#d9d9d9;color:#595959}.job-error{color:var(--text-secondary);max-width:280px;white-space:pre-wrap;word-break:break-word}.course-management-features-card,.course-management-header-card,.course-management-language-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000000f;box-shadow:0 2px 8px var(--shadow,#0000000f);margin-bottom:32px;padding:32px}.course-management-header-card,.course-management-language-card{text-align:center}.course-management-language-title{color:#333;color:var(--text,#333);font-size:24px;font-weight:600;margin-bottom:24px}.course-management-language-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto;max-width:900px}.course-management-language-card-item{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #0000;border-radius:16px;box-shadow:0 5px 15px #0000000d;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;justify-content:center;padding:24px 16px;transition:all .3s ease}button.course-management-language-card-item{-webkit-appearance:none;appearance:none;margin:0}.course-management-language-card-item:hover{box-shadow:0 12px 25px #0000001a;transform:translateY(-6px)}.course-management-flag-img{border-radius:8px;height:48px;margin-bottom:12px;object-fit:cover;width:64px}.course-management-language-label{color:#333;color:var(--text,#333);font-size:16px;font-weight:500}.course-management-back-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);margin-bottom:24px;padding-bottom:16px}.course-management-change-language{align-items:center;background:none!important;border:none;box-shadow:none;color:#1557b0;color:var(--accent,#1557b0);cursor:pointer;display:inline-flex;font-size:16px;gap:8px;padding:8px 0;position:static}.course-management-change-language:hover{background:none!important;text-decoration:underline;transform:none}.category-section{background:var(--card-bg);border:1px solid var(--border)}.category-title{border-bottom:2px solid var(--accent);color:var(--text)}.section .feature-card{background:linear-gradient(135deg,var(--card-bg) 0,var(--hover) 100%);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #00000014;color:var(--text);display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s ease}.section .feature-card:before{background:linear-gradient(90deg,var(--accent),#1557b0);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.section .feature-card:hover{border-color:var(--accent);box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.section .feature-card:hover:before{transform:scaleX(1)}.section .card-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.section .icon{align-items:center;background:linear-gradient(135deg,var(--accent),#1557b0);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:60px;justify-content:center;width:60px}.section .card-title{color:#222;flex:1 1;font-size:18px;font-weight:600;line-height:1.3;margin:0}.section .card-description{color:#666;flex:1 1;font-size:14px;line-height:1.5;margin:0 0 12px}.section .card-footer{border-top:1px solid #0000000f;display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px}.section .access-link{background:none;border:none;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:500;padding:0;transition:color .3s ease}.section .feature-card:hover .access-link{color:#1557b0}.exam-management-wrapper,.general-vocabulary-management-wrapper,.shop-management-wrapper,.vocabulary-management-wrapper{background:var(--bg);height:100vh;position:relative}.general-vocabulary-management-wrapper{margin:0;overflow-x:hidden;overflow-y:auto;padding:40px;width:100%}.back-to-course-management{align-items:center;background:var(--accent);border:none;border-radius:8px;box-shadow:0 2px 8px var(--shadow);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;left:20px;padding:12px 20px;position:absolute;top:20px;transition:all .3s ease;z-index:1000}.back-to-course-management:hover{background:#3498db;box-shadow:0 4px 12px var(--shadow-hover);transform:translateY(-2px)}.back-to-course-management .material-icons{font-size:18px}@media (max-width:768px){.section-title{font-size:28px}.category-section{padding:20px}.feature-cards-grid{gap:16px;grid-template-columns:1fr}.section .feature-card{padding:20px}.section .card-header{flex-direction:column;gap:12px;text-align:center}.section .icon{font-size:20px;height:50px;width:50px}.section .card-title{font-size:16px}}@media (max-width:480px){.section-title{font-size:24px}.category-title{font-size:20px}.section .feature-card{padding:16px}}.section .feature-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.section .feature-card:first-child{animation-delay:.1s}.section .feature-card:nth-child(2){animation-delay:.2s}.section .feature-card:nth-child(3){animation-delay:.3s}.section .feature-card:nth-child(4){animation-delay:.4s}.section .feature-card:nth-child(5){animation-delay:.5s}.section .feature-card:nth-child(6){animation-delay:.6s}.section .feature-card:nth-child(7){animation-delay:.7s}.section .feature-card:nth-child(8){animation-delay:.8s}.section .feature-card:nth-child(9){animation-delay:.9s}@media (max-width:600px){.course-cards-grid{grid-template-columns:1fr}}.pagination{border-top:1px solid var(--border);gap:var(--spacing-md);justify-content:space-between;margin-top:var(--spacing-lg);padding:var(--spacing-lg) 0}.pagination,.pagination-info{align-items:center;display:flex;flex-wrap:wrap}.pagination-info{gap:var(--spacing-lg)}.pagination-items-per-page{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:var(--spacing-sm)}.pagination-items-per-page label{color:var(--text);font-weight:500}.pagination-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-size:14px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base)}.pagination-select:focus,.pagination-select:hover{border-color:var(--accent)}.pagination-select:focus{box-shadow:0 0 0 2px #1a73e81a;outline:none}.pagination-items-text{color:var(--text-tertiary);font-size:13px}.pagination-count{color:var(--text-secondary);font-size:14px}.pagination-count strong{color:var(--text);font-weight:600}.pagination-controls{align-items:center;display:flex;gap:var(--spacing-xs)}.pagination-btn{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn .material-icons{font-size:20px}.pagination-pages{align-items:center;display:flex;gap:var(--spacing-xs);margin:0 var(--spacing-sm)}.pagination-page{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:36px;padding:0 var(--spacing-sm);transition:all var(--transition-base)}.pagination-page:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.pagination-page.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination-page.active:hover{background:var(--accent-dark)}.pagination-ellipsis{color:var(--text-tertiary);font-size:14px;padding:0 var(--spacing-xs)}@media (max-width:768px){.pagination,.pagination-info{align-items:stretch;flex-direction:column}.pagination-info{gap:var(--spacing-md)}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-pages{margin:0}.pagination-page{font-size:13px;height:32px;min-width:32px}.pagination-btn{height:32px;width:32px}}.bulk-actions-toolbar{align-items:center;animation:slideDown .2s ease-out;background:var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-actions-info{align-items:center;display:flex;gap:var(--spacing-sm)}.bulk-selection-count{align-items:center;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs)}.bulk-selection-count .material-icons{font-size:18px}.bulk-actions-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.bulk-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.bulk-action-btn:hover:not(:disabled){background:#ffffff4d;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.bulk-action-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-action-btn .material-icons{font-size:18px}.bulk-action-activate{background:#34a8534d}.bulk-action-activate:hover:not(:disabled){background:#34a85380}.bulk-action-deactivate{background:#fbbc044d}.bulk-action-deactivate:hover:not(:disabled){background:#fbbc0480}.bulk-action-delete{background:#ea43354d}.bulk-action-delete:hover:not(:disabled){background:#ea433580}.bulk-action-export{background:#1a73e84d}.bulk-action-export:hover:not(:disabled){background:#1a73e880}.bulk-action-clear{background:#ffffff26;border-left:1px solid #ffffff4d;margin-left:var(--spacing-md);padding-left:var(--spacing-md)}@media (max-width:768px){.bulk-actions-toolbar{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.bulk-actions-buttons{justify-content:flex-start}.bulk-action-btn{flex:1 1;justify-content:center;min-width:100px}.bulk-action-clear{border-left:none;border-top:1px solid #ffffff4d;margin-left:0;margin-top:var(--spacing-xs);padding-left:var(--spacing-md);padding-top:var(--spacing-md)}}.bulk-loading-indicator{align-items:center;color:#ffffffe6;display:flex;font-size:13px;gap:6px;margin-left:12px}.bulk-loading-indicator .spinning{animation:spin 1s linear infinite}.bulk-action-progress{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);border-radius:6px;border-radius:var(--radius-md,6px);margin-bottom:var(--spacing-md);padding:12px 16px}.bulk-progress-info{align-items:center;color:#757575;color:var(--text-secondary,#757575);display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.bulk-progress-bar{background:#e0e0e0;background:var(--bg,#e0e0e0);border-radius:2px;height:4px;overflow:hidden;width:100%}.bulk-progress-fill{background:#2196f3;background:var(--primary,#2196f3);border-radius:2px;height:100%;transition:width .3s ease}.bulk-action-notification{align-items:center;animation:slideDownNotification .3s ease;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px}@keyframes slideDownNotification{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-action-success{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.bulk-action-success .material-icons{color:#2e7d32}.bulk-action-error{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.bulk-action-error .material-icons{color:#c62828}.bulk-action-notification span{flex:1 1;font-size:14px;font-weight:500}.bulk-action-notification button{align-items:center;background:none;border:none;cursor:pointer;display:flex;opacity:.7;padding:4px;transition:opacity .2s}.bulk-action-notification button:hover{opacity:1}.bulk-action-notification button .material-icons{font-size:18px}.user-management-section{background:#0000;min-height:auto;overflow:visible;padding:0;width:100%}.error-message{background:#ef44441a;border-radius:var(--radius-sm);font-size:var(--body-size);margin-bottom:15px;opacity:1;padding:10px;transition:opacity .5s ease-out}.error-message.fade-out{opacity:0}.loading{opacity:.6;pointer-events:none}button:disabled{cursor:not-allowed;opacity:.6}.loading-message{align-items:center;display:flex;gap:10px;justify-content:center;padding:20px}.checkbox-column{padding:var(--spacing-sm)!important;text-align:center;width:40px}.checkbox-column input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:18px;width:18px}.users-table tr.row-selected{background-color:#1a73e80d}.users-table tr.row-selected:hover{background-color:#1a73e81a}.no-users-message{padding:40px 20px;text-align:center}.empty-state{color:var(--text-secondary);gap:10px}.empty-state .material-icons{color:var(--text-secondary);font-size:48px;margin-bottom:10px}.empty-state p{color:var(--text);font-size:18px;font-weight:500}.empty-state small{color:var(--text-secondary);font-size:14px}.user-management-section .section{margin:0 auto;max-width:1200px}.user-management-tabs{background:var(--card-bg);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-md);grid-template-columns:repeat(8,1fr);grid-template-rows:1fr;max-width:100%;overflow:visible}.tab-button{gap:var(--radius-md);padding:14px var(--spacing-sm);transition:var(--transition-base)}.tab-button.active{background-color:#3498db1a}.tab-content{border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-md);overflow:visible;padding:var(--spacing-2xl)}.tab-content .users-table{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;padding:0}.search-box input{font-size:var(--body-size);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 45px}.add-user-btn,.search-box input{transition:var(--transition-base)}.add-user-btn{background-color:var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl)}.add-user-btn:hover{background-color:var(--accent-dark);box-shadow:var(--shadow-hover)}.users-table{background:#0000;margin:0;padding:0}.users-table th{background:var(--hover);border:none;border-bottom:2px solid var(--border);color:var(--text)}.users-table td{border:none;border-bottom:1px solid var(--border);color:var(--text);padding:var(--spacing-lg) var(--spacing-md)}.users-table td:last-child{min-width:120px!important;white-space:nowrap!important;width:auto!important}.users-table td:last-child .action-buttons{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:var(--spacing-sm)!important;justify-content:center!important;width:100%!important}.users-table tr:hover{background-color:var(--hover)}.status-badge{border-radius:var(--radius-pill);padding:var(--spacing-xs) var(--spacing-md)}.status-badge.active{background-color:#34a8531a}.status-badge.inactive{background-color:#ea43351a;color:var(--error)}.role-badge{border-radius:var(--radius-pill);padding:var(--spacing-xs) var(--spacing-md)}.role-badge.user{background-color:var(--hover);color:var(--text)}.role-badge.admin{background-color:#1a73e81a;color:var(--accent)}.action-buttons{gap:var(--spacing-sm)!important;justify-content:flex-start!important}.users-table td .action-buttons{flex-direction:row!important;flex-wrap:nowrap!important;gap:var(--spacing-sm)!important}.action-btn,.users-table td .action-buttons{align-items:center!important;display:flex!important;justify-content:center!important}.action-btn{border:none!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;font-size:var(--body-size)!important;height:32px!important;transition:var(--transition-base)!important;width:32px!important}.action-btn,.action-buttons .action-btn{flex-shrink:0!important;min-height:32px!important;min-width:32px!important}.action-btn.edit{background-color:var(--accent)}.action-btn.toggle{background-color:var(--warning);color:#fff}.action-btn:hover{box-shadow:var(--shadow-hover)}.user-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--spacing-3xl);width:90%}.user-form h3{color:var(--text);font-size:24px;text-align:center}.user-form input,.user-form select{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:16px;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-base);width:100%}.user-form input:focus,.user-form select:focus{border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}.form-buttons{justify-content:flex-end}.form-buttons button{border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-2xl);transition:var(--transition-base)}.form-buttons button:first-child{box-shadow:var(--shadow-md)}.form-buttons button:first-child:hover{background-color:var(--accent-dark);box-shadow:var(--shadow-hover)}.form-buttons button:last-child,.form-buttons button:last-child:hover{background-color:var(--text-secondary)}.form-buttons button:last-child:hover{opacity:.9}.error-message{margin-bottom:8px;margin-top:4px}.user-form input.error{border-color:var(--error)}@media (max-width:768px){.user-management-tabs{grid-template-columns:repeat(4,1fr);max-width:100%}.tab-button{font-size:10px;padding:10px 4px}.tab-button .material-icons{font-size:16px}.user-controls{flex-direction:column;gap:15px}.search-box{max-width:100%}.users-table{font-size:12px}.users-table td,.users-table th{padding:12px 8px}.action-buttons{display:flex!important;gap:var(--spacing-xs)!important}.action-buttons,.users-table td .action-buttons{flex-direction:row!important;flex-wrap:nowrap!important}.action-btn{flex-shrink:0!important;height:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}.user-form{padding:20px;width:95%}}*{box-sizing:border-box}.payments-container *{color:inherit}.payments-container .plan-card,.payments-container .plan-card *{color:#111827}.payments-container .plan-card .plan-features li,.payments-container .plan-card .plan-title h4,.payments-container .plan-card .price-main .amount,.payments-container .plan-card .price-main .currency{color:#111827!important}.payments-container .plan-card .metric-label,.payments-container .plan-card .plan-features h5,.payments-container .plan-card .price-main .cycle,.payments-container .plan-card .rating-text{color:#6b7280!important}.payments-container .plan-card .status-badge.active{color:#065f46!important}.payments-container .plan-card .status-badge.inactive{color:#6b7280!important}.payments-container .plan-card .plan-actions .action-btn{color:inherit}body,html{height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}#root,.App{display:flex;flex-direction:column;height:100%;overflow-y:auto;width:100%}.payments-container{background:var(--bg);flex:1 1;min-height:100%;overflow-x:hidden;overflow-y:visible}.payments-container,.payments-wrapper{display:flex;flex-direction:column;width:100%}.payments-wrapper{flex:1 1;max-width:100%;min-height:0;overflow:visible!important}.tabs-container{background:var(--card-bg);border-bottom:1px solid var(--bg-secondary);box-shadow:var(--shadow-md);display:block;min-height:60px;overflow-x:auto;overflow-y:hidden;position:-webkit-sticky;position:sticky;scrollbar-color:var(--bg-tertiary) #0000;scrollbar-width:thin;top:0;z-index:100}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-track{background:#0000}.tabs-container::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.tabs{gap:clamp(4px,1vw,8px);min-height:50px;min-width:-webkit-max-content;min-width:max-content;padding:clamp(12px,2vw,16px);width:100%}.tab,.tabs{align-items:center;display:flex}.tab{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;font-size:clamp(13px,1.6vw,15px);font-weight:500;gap:clamp(6px,1.2vw,10px);min-height:40px;min-width:-webkit-fit-content;min-width:fit-content;padding:clamp(10px,1.8vw,14px) clamp(16px,2.5vw,20px);transition:var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.tab:hover{background:var(--bg);border-color:var(--bg-tertiary);color:var(--text-secondary)}.tab.active{background:var(--accent);box-shadow:var(--shadow-md);color:#fff}.tab .material-icons{flex-shrink:0;font-size:clamp(18px,2.2vw,20px)}.tab-label{flex-shrink:0}.content-area{display:flex;flex:1 1;flex-direction:column;overflow:visible;width:100%}.tab-content{display:flex;flex:1 1 auto;flex-direction:column;gap:clamp(16px,3vw,24px);min-height:0;overflow-x:hidden;overflow-y:visible!important;padding:clamp(16px,3vw,24px)}.tab-content::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track{background:var(--bg)}.tab-content::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.tab-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.content-header{align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,2vw,20px);width:100%}.header-left h3{color:var(--text);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;line-height:1.2;margin:0 0 4px}.header-subtitle{color:var(--text-tertiary);font-size:.875rem;line-height:1.4;margin:0}.header-actions{align-items:center;display:flex;gap:8px}.secondary-btn{background:var(--bg);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;padding:8px 16px;transition:var(--transition-fast)}.secondary-btn:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.secondary-btn .material-icons{font-size:18px}.primary-btn{border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:clamp(13px,1.6vw,15px);gap:clamp(6px,1vw,8px);padding:clamp(10px,1.5vw,12px) clamp(16px,2vw,20px);transition:var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.primary-btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.primary-btn:active{transform:translateY(0)}.primary-btn .material-icons{flex-shrink:0;font-size:clamp(16px,2vw,18px)}.search-filter-bar{gap:clamp(12px,2vw,16px);width:100%}.filter-group{align-items:center}.filter-btn{background:var(--bg);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;gap:4px;padding:8px 12px;transition:var(--transition-fast)}.filter-btn:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.search-box{max-width:100%;min-width:clamp(200px,40%,300px)}.search-box.large{min-width:clamp(300px,60%,500px)}.search-box input{border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);font-size:clamp(13px,1.6vw,15px);padding:clamp(10px,1.5vw,12px) clamp(40px,4vw,48px) clamp(10px,1.5vw,12px) clamp(12px,1.5vw,16px);transition:var(--transition-fast)}.search-box input:focus{box-shadow:var(--shadow-focus)}.search-box .material-icons{color:var(--text-tertiary);font-size:clamp(18px,2.2vw,20px);right:clamp(12px,1.5vw,16px)}.filter-select{border:1px solid var(--bg-tertiary);font-size:clamp(13px,1.6vw,15px);max-width:100%;min-width:clamp(120px,20%,150px);padding:clamp(10px,1.5vw,12px) clamp(12px,1.5vw,16px);transition:var(--transition-fast)}.plans-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{border:1px solid var(--bg-secondary);border-radius:var(--radius-md);gap:var(--spacing-lg);padding:var(--spacing-xl);transition:var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-lg)}.stat-icon{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:var(--radius-md);flex-shrink:0;height:48px;width:48px}.stat-icon .material-icons{color:#fff;font-size:24px}.stat-content h4{color:var(--text-tertiary);font-size:.875rem;font-weight:500;margin:0 0 4px}.stat-number{color:var(--text);font-size:1.5rem;margin:0 0 4px}.stat-change{font-size:.75rem;font-weight:500}.stat-change.positive{color:#28a745}.stat-change.negative{color:#dc3545}.subscription-stats-loading{color:var(--text-tertiary);font-size:.875rem;padding:1rem 0}.subscription-stats-strip{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.subscription-stats-strip .stat-card{align-items:flex-start;flex:1 1 160px;flex-direction:column;gap:.5rem;min-width:140px;padding:1rem 1.25rem}.subscription-stats-strip .stat-label{color:var(--text-tertiary);display:block;font-size:.8125rem;font-weight:500;line-height:1.3}.subscription-stats-strip .stat-value{color:var(--text);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.subscription-stats-strip .stat-card-wide{align-items:stretch;flex:1 1 280px;flex-direction:column;max-width:100%;min-width:240px}.subscription-stats-strip .stat-card-wide .stat-label{margin-bottom:.25rem}.per-plan-list{display:flex;flex-direction:column;gap:.375rem;max-height:160px;overflow-y:auto;padding-right:4px}.per-plan-list::-webkit-scrollbar{width:6px}.per-plan-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.per-plan-row{align-items:center;background:var(--bg);border-radius:var(--radius-sm);display:flex;font-size:.8125rem;gap:.75rem;justify-content:space-between;padding:.5rem .625rem}.per-plan-row .plan-name{color:var(--text-secondary);flex:1 1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.per-plan-row .plan-count{background:var(--bg-secondary);border-radius:12px;color:var(--text-tertiary);flex-shrink:0;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.per-plan-empty{color:var(--text-tertiary);font-size:.875rem;padding:.5rem 0}.my-subscription-card{background:var(--card-bg);border:1px solid var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:1.5rem;max-width:420px;padding:1.25rem 1.5rem}.my-subscription-card h4{color:var(--text);font-size:1rem;font-weight:600;margin:0 0 .75rem}.my-subscription-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 .5rem}.my-subscription-card .renew-btn{margin-top:1rem}.plans-empty,.plans-error,.plans-loading{color:var(--text-secondary);font-size:.9375rem;grid-column:1/-1;padding:2rem 1rem;text-align:center}.plans-error{color:#dc3545;color:var(--danger,#dc3545)}.tab-content .content-header{margin-bottom:1rem}.tab-content .search-filter-bar{margin-bottom:1.25rem}.plans-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.plan-card{background:linear-gradient(145deg,#ffffffe6,#f8fafce6);border:1px solid #e2e8f0cc;border-radius:18px;box-shadow:0 10px 25px #0000000a,0 2px 8px #00000008;flex-direction:column;min-height:320px;padding:24px;position:relative;transition:all .25s ease}.plan-card:hover{border-color:#2563eb;box-shadow:0 18px 35px #00000014,0 4px 12px #0000000d;transform:translateY(-6px)}.plan-card.popular{border:1px solid #7c3aed;box-shadow:0 15px 35px #7c3aed26}.popular-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;position:absolute;right:18px;text-transform:uppercase;top:18px}.plan-title h4{color:#111827!important;font-size:1.1rem;font-weight:600;margin-bottom:6px}.status-badge{border-radius:999px;font-size:.7rem;padding:4px 10px}.status-badge.active{background:#ecfdf5;color:#065f46!important}.status-badge.inactive{background:#f3f4f6;color:#6b7280!important}.plan-price{margin:18px 0}.price-main{align-items:baseline;display:flex;gap:6px}.price-main .currency{color:#374151!important;font-size:.9rem;font-weight:600}.price-main .amount{color:#111827!important;font-size:2rem;font-weight:700}.price-main .cycle{color:#6b7280!important;font-size:.85rem}.price-savings{background:#ecfdf5;border-radius:999px;color:#15803d;display:inline-block;font-size:.7rem;font-weight:600;margin-top:8px;padding:4px 10px}.plan-features{flex-grow:1;margin-top:16px}.plan-features h5{color:#6b7280!important;font-size:.75rem;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.plan-features li{color:#374151!important;font-size:.9rem;gap:8px;margin-bottom:10px}.plan-features li .material-icons{color:#22c55e;font-size:16px}.plan-actions{border-top:1px solid #e5e7eb;box-sizing:border-box;gap:10px;margin-top:18px;padding:14px 0 0;width:100%}.plan-actions .action-btn{align-items:center;border:none;border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;min-width:38px;padding:0;transition:all .2s ease;width:38px}.plan-actions .action-btn .material-icons{flex-shrink:0;font-size:20px}.plan-card .plan-actions .action-btn.edit{background:#eff6ff;color:#2563eb}.plan-card .plan-actions .action-btn.edit:hover{background:#2563eb;color:#fff}.plan-card .plan-actions .action-btn.duplicate{background:#f1f5f9;color:#475569}.plan-card .plan-actions .action-btn.duplicate:hover{background:#475569;color:#fff}.plan-card .plan-actions .action-btn.pause{background:#fef9c3;color:#92400e}.plan-card .plan-actions .action-btn.pause:hover{background:#eab308;color:#1e293b}.plan-card .plan-actions .action-btn.activate{background:#dcfce7;color:#166534}.plan-card .plan-actions .action-btn.activate:hover{background:#16a34a;color:#fff}.plan-card .plan-actions .action-btn.analytics{background:#e0f2fe;color:#0369a1}.plan-card .plan-actions .action-btn.analytics:hover{background:#0284c7;color:#fff}.plan-card .plan-actions .action-btn.delete{background:#fee2e2;color:#991b1b}.plan-card .plan-actions .action-btn.delete:hover{background:#dc2626;color:#fff}.table-container{display:block;overflow:visible;width:100%}.table-container::-webkit-scrollbar-track{background:#f8f9fa}.table-container::-webkit-scrollbar-thumb{background:#dee2e6}.table-container::-webkit-scrollbar-thumb:hover{background:#adb5bd}.data-table{max-width:100%;min-width:clamp(700px,100%,1200px)}.data-table td,.data-table th{border-bottom:1px solid #e9ecef;font-size:clamp(13px,1.6vw,15px);padding:clamp(12px,1.8vw,16px);vertical-align:middle}.data-table th{color:#495057;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:10}.status-badge{font-size:clamp(11px,1.4vw,13px);padding:clamp(4px,1vw,6px) clamp(8px,1.5vw,12px);white-space:nowrap}.status-badge.pending{color:#856404}.status-badge.completed{background:#d1ecf1;color:#0c5460}.status-badge.failed{color:#721c24}.status-badge.refunded{background:#e2e3e5;color:#383d41}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.payment-method{background:#f8f9fa;border-radius:6px;color:#6c757d;font-size:clamp(11px,1.4vw,13px);padding:clamp(4px,1vw,6px) clamp(8px,1.5vw,12px);text-transform:capitalize;white-space:nowrap}.action-buttons{gap:clamp(4px,1vw,6px);justify-content:flex-start}.action-btn{color:#6c757d;font-size:clamp(11px,1.3vw,12px);height:clamp(28px,3.5vw,32px);-webkit-user-select:none;user-select:none;width:clamp(28px,3.5vw,32px)}.action-btn:hover{box-shadow:0 4px 8px #00000026}.action-btn:active{transform:translateY(0)}.action-btn .material-icons{font-size:clamp(14px,1.8vw,16px)}.action-btn.edit{background:linear-gradient(135deg,#007bff,#0056b3);border:none}.action-btn.edit:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.action-btn.delete{background:linear-gradient(135deg,#dc3545,#c82333);border:none}.action-btn.delete:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.action-btn.pause{background:linear-gradient(135deg,#ffc107,#e0a800);border:none;color:#212529}.action-btn.pause:hover{background:linear-gradient(135deg,#e0a800,#d39e00);box-shadow:0 4px 12px #ffc1074d;transform:translateY(-1px)}.action-btn.approve{background:linear-gradient(135deg,#28a745,#1e7e34);border:none;color:#fff;gap:6px;min-width:-webkit-fit-content;min-width:fit-content;padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);white-space:nowrap;width:auto}.action-btn.approve:hover{background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.action-btn.reject{background:linear-gradient(135deg,#dc3545,#c82333);border:none;color:#fff;gap:6px;min-width:-webkit-fit-content;min-width:fit-content;padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);white-space:nowrap;width:auto}.action-btn.reject:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.action-btn.view{background:linear-gradient(135deg,#17a2b8,#138496);border:none;box-sizing:border-box;color:#fff;flex-shrink:0;gap:6px;max-width:100%;min-width:-webkit-fit-content;min-width:fit-content;padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);white-space:nowrap;width:auto}.action-btn.view:hover{background:linear-gradient(135deg,#138496,#117a8b);box-shadow:0 4px 12px #17a2b84d;transform:translateY(-1px)}.action-btn.print{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;color:#fff}.action-btn.print:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}.action-btn.refund{background:linear-gradient(135deg,#fd7e14,#e55a00);border:none;color:#fff}.action-btn.refund:hover{background:linear-gradient(135deg,#e55a00,#cc5200);box-shadow:0 4px 12px #fd7e144d;transform:translateY(-1px)}.action-btn.download{background:linear-gradient(135deg,#28a745,#1e7e34);border:none;color:#fff}.action-btn.download:hover{background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.action-btn.email{background:linear-gradient(135deg,#6f42c1,#5a2d91);border:none;color:#fff}.action-btn.email:hover{background:linear-gradient(135deg,#5a2d91,#4a1d7a);box-shadow:0 4px 12px #6f42c14d;transform:translateY(-1px)}.action-btn.duplicate{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;color:#fff}.action-btn.duplicate:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}.action-btn.activate{background:linear-gradient(135deg,#28a745,#1e7e34);border:none;color:#fff}.action-btn.activate:hover{background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.action-btn.analytics{background:linear-gradient(135deg,#17a2b8,#138496);border:none;color:#fff}.action-btn.analytics:hover{background:linear-gradient(135deg,#138496,#117a8b);box-shadow:0 4px 12px #17a2b84d;transform:translateY(-1px)}.manual-payments-grid{grid-gap:clamp(16px,3vw,24px);display:grid;gap:clamp(16px,3vw,24px);grid-template-columns:repeat(auto-fit,minmax(clamp(320px,45%,420px),1fr));max-width:100%;min-height:-webkit-fit-content;min-height:fit-content;width:100%}.payment-card{border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;flex-direction:column;gap:clamp(12px,2vw,16px);min-width:0;padding:clamp(20px,3vw,28px);width:100%}.payment-header{gap:clamp(8px,1.5vw,12px)}.payment-header h4{color:#212529;font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.2}.payment-details{display:flex;flex-direction:column;gap:clamp(8px,1.2vw,10px)}.detail-row{gap:clamp(8px,1.5vw,12px);padding:clamp(6px,1vw,8px) 0}.detail-row .label{color:#6c757d;font-size:clamp(13px,1.6vw,15px)}.detail-row .value{color:#212529;font-size:clamp(13px,1.6vw,15px);font-weight:600;text-align:right;word-break:break-word}.receipt-preview{border-top:1px solid #e9ecef;padding-top:clamp(12px,2vw,16px)}.receipt-preview h5{color:#495057;font-size:clamp(.9rem,2vw,1rem);font-weight:600;margin:0 0 clamp(8px,1.5vw,12px)}.receipt-image{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:clamp(120px,25vh,160px);justify-content:center;overflow:hidden;position:relative;width:100%}.receipt-image img{height:100%;object-fit:cover;width:100%}.view-btn{background:#000000b3;border:none;border-radius:50%;color:#fff;height:clamp(40px,5vw,48px);justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:clamp(40px,5vw,48px)}.receipt-image:hover .view-btn{opacity:1}.view-btn .material-icons{font-size:clamp(20px,2.5vw,24px)}.payment-actions{gap:clamp(8px,1.2vw,10px);margin-top:auto;min-width:0;width:100%}.receipt-search-section{margin-bottom:clamp(16px,3vw,24px)}.receipt-preview-section{align-items:flex-start;display:flex;justify-content:center;width:100%}.receipts-list-section{grid-gap:clamp(16px,2.5vw,24px);display:grid;gap:clamp(16px,2.5vw,24px);grid-template-columns:repeat(auto-fill,minmax(clamp(300px,40%,400px),1fr));width:100%}.receipt-item-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);padding:clamp(16px,2.5vw,24px);transition:all .3s ease}.receipt-item-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.receipt-item-header{align-items:flex-start;display:flex;gap:clamp(12px,2vw,16px);justify-content:space-between}.receipt-item-header h4{color:#212529;font-size:clamp(16px,2vw,18px);font-weight:600;line-height:1.3;margin:0 0 clamp(4px,.8vw,6px)}.receipt-meta{color:#6c757d;font-size:clamp(12px,1.4vw,14px);line-height:1.4;margin:0}.receipt-item-body{display:flex;flex-direction:column;gap:clamp(8px,1.2vw,10px)}.receipt-item-info{align-items:center;display:flex;gap:clamp(8px,1.2vw,12px);justify-content:space-between}.receipt-item-info .label{color:#6c757d;font-size:clamp(13px,1.5vw,14px);font-weight:500}.receipt-item-info .value{color:#212529;font-size:clamp(13px,1.5vw,14px);font-weight:600;text-align:right;word-break:break-word}.receipt-item-actions{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:clamp(8px,1.2vw,12px);margin-top:auto;padding-top:clamp(12px,2vw,16px)}.receipt-item-actions .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:clamp(13px,1.5vw,14px);font-weight:500;gap:clamp(4px,.8vw,6px);justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:clamp(8px,1.2vw,10px) clamp(12px,1.8vw,16px);transition:all .2s ease;white-space:nowrap}.receipt-item-actions .action-btn.print{background:#007bff;color:#fff}.receipt-item-actions .action-btn.print:hover{background:#0056b3}.receipt-actions .action-btn.print.receipt-print-small,.receipt-item-actions .action-btn.print.receipt-print-small{background:#28a745}.receipt-actions .action-btn.print.receipt-print-small:hover,.receipt-item-actions .action-btn.print.receipt-print-small:hover{background:#1e7e34}.receipt-item-actions .action-btn.view{background:#6c757d;color:#fff}.receipt-item-actions .action-btn.view:hover{background:#5a6268}.receipt-item-actions .action-btn .material-icons{font-size:clamp(16px,2vw,18px)}.receipt-modal{max-height:90vh;max-width:clamp(500px,80%,700px);overflow-y:auto}.receipt-modal .receipt-template{margin:0;width:100%}.receipt-template{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 16px #0000001a;max-width:100%;padding:clamp(24px,4vw,32px);width:clamp(400px,70%,600px)}.receipt-header{border-bottom:2px solid #e9ecef;margin-bottom:clamp(20px,4vw,28px);padding-bottom:clamp(16px,3vw,20px);text-align:center}.receipt-header h2{color:#212529;font-size:clamp(1.4rem,3.5vw,1.8rem);font-weight:700;line-height:1.2;margin:0 0 clamp(6px,1vw,8px)}.receipt-header p{color:#6c757d;font-size:clamp(14px,2vw,16px);margin:0}.receipt-body{margin-bottom:clamp(20px,4vw,28px)}.receipt-info{display:flex;flex-direction:column;gap:clamp(10px,1.8vw,14px)}.info-row{align-items:center;gap:clamp(8px,1.5vw,12px);padding:clamp(6px,1vw,8px) 0}.info-row .label{color:#6c757d;font-size:clamp(13px,1.6vw,15px);font-weight:500}.info-row .value{color:#212529;font-size:clamp(13px,1.6vw,15px);font-weight:600;text-align:right;word-break:break-word}.receipt-footer{border-top:2px solid #333;color:#666;margin-top:30px;padding-top:20px;position:relative;text-align:center;z-index:1}.receipt-footer p{margin:0}.provisional-receipt-footer{border-top:2px solid #333;color:#666;margin-top:30px;padding-top:20px;text-align:center}.provisional-receipt-footer p{margin:0}.receipt-actions{display:flex;flex-wrap:wrap;gap:clamp(8px,1.5vw,12px);justify-content:center}.provisional-receipt-modal{max-height:90vh;max-width:800px;overflow-y:auto}.provisional-receipt-header{border-bottom:3px solid #ff9800;margin-bottom:20px;padding-bottom:15px;text-align:center}.provisional-label{color:#ff9800;font-size:28px;font-weight:700;margin:0 0 10px}.provisional-subtitle{color:#666;font-size:14px;margin:0}.provisional-receipt-template{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px;position:relative}.provisional-header{border-bottom:2px solid #333;margin-bottom:20px;padding-bottom:15px;position:relative;text-align:center;z-index:1}.provisional-header h2{color:#333;font-size:24px;margin:0}.receipt-type-label{color:#666;font-size:16px;margin:10px 0 0}.receipt-info-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0;position:relative;z-index:1}.receipt-info-row .label{color:#666;font-weight:700;min-width:150px}.receipt-info-row .value{color:#333;text-align:right}.receipt-info-row .payment-request-number,.receipt-info-row .receipt-number{color:#333;font-family:monospace;font-weight:700}.receipt-info-row .amount-value{color:#333;font-size:18px}.status-row{margin-top:10px;padding-top:10px}.status-badge{font-size:14px;font-weight:700}.status-pending{background:#ff9800;color:#fff}.receipt-preview-actions{align-items:center;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:20px;padding-top:20px}.receipt-actions-center-group{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:center}.print-provisional-btn{background:#ff9800;color:#fff;font-size:16px;font-weight:700;padding:12px 24px}.print-provisional-btn:hover{background:#f57c00}.print-provisional-btn:disabled{cursor:not-allowed;opacity:.6}.print-receipt-btn{background:#28a745;color:#fff}.print-receipt-btn:hover{background:#1e7e34;color:#fff}@media print{.modal-close,.modal-header,.receipt-preview-actions{display:none!important}.provisional-receipt-template{box-shadow:none;padding:20px}}@media (max-width:1024px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-payments-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(300px,50%,380px),1fr))}}@media (max-width:768px){.payments-container{height:100vh}.content-header{align-items:stretch;flex-direction:column;gap:clamp(12px,2vw,16px)}.search-filter-bar{flex-direction:column;gap:clamp(10px,1.8vw,14px)}.search-box,.search-box.large{min-width:100%}.manual-payments-grid,.plans-grid{grid-template-columns:1fr}.table-container{margin:0 clamp(-8px,-1.5vw,-12px)}.data-table{font-size:clamp(12px,1.4vw,14px)}.data-table td,.data-table th{padding:clamp(8px,1.2vw,12px) clamp(6px,1vw,10px)}.receipt-search-section{margin-bottom:clamp(12px,2vw,20px)}.receipt-template{padding:clamp(16px,3vw,24px);width:100%}.receipt-actions{align-items:stretch;flex-direction:column}.receipts-list-section{grid-template-columns:1fr}.receipt-item-actions{flex-direction:column}.receipt-item-actions .action-btn{width:100%}.action-buttons,.payment-actions{justify-content:center}.payment-actions{width:100%}.action-btn.view{max-width:100%;width:100%}.plan-actions{justify-content:center}}@media (max-width:480px){.tabs{padding:clamp(8px,1.5vw,12px)}.tab{font-size:clamp(12px,1.4vw,14px);padding:clamp(8px,1.2vw,10px) clamp(12px,1.8vw,16px)}.tab .material-icons{font-size:clamp(16px,2vw,18px)}.plan-actions{flex-direction:column;gap:clamp(6px,1vw,8px)}.receipt-template{padding:clamp(12px,2.5vw,20px)}.receipt-header h2{font-size:clamp(1.2rem,4vw,1.4rem)}.detail-row{align-items:flex-start;flex-direction:column;gap:clamp(2px,.5vw,4px)}.detail-row .value,.info-row .value{text-align:left}}@media (min-width:1440px){.payments-container{margin:0 auto;max-width:1400px}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-payments-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.receipt-template{width:clamp(500px,50%,700px)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.action-btn,.primary-btn,.tab{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.action-btn:hover,.plan-card:hover,.primary-btn:hover{transform:none}}.users-table{table-layout:auto}.users-table th{border-bottom:1px solid #eee}.users-table td,.users-table th{word-wrap:break-word;overflow:hidden;padding:16px 8px;text-overflow:ellipsis}.users-table td{border-bottom:1px solid #f0f0f0}.users-table tr:hover{background:#f8f9fa}.action-buttons{gap:3px}.action-btn{color:#fff;height:28px!important;outline:none;width:28px!important}.action-btn:focus{outline:2px solid #eb8109;outline-offset:2px}.action-btn.edit{background:#ff9800;border-radius:4px;padding:6px 8px}.action-btn:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-btn:disabled:hover{box-shadow:none;transform:none}.action-btn .material-icons{font-size:14px}.status-badge.completed{background:#e8f5e8;color:#2e7d32}.status-badge.pending{background:#ffebee;color:#c62828}.status-badge.approved{background:#fff3e0;color:#f57c00}.status-badge.failed{background:#ffebee;color:#c62828}.role-badge{border-radius:20px;font-size:12px;padding:4px 12px;text-transform:capitalize}.role-badge.user{background:#e3f2fd;color:#1976d2}.role-badge.admin{background:#fff3e0;color:#f57c00}.payment-card,.receipt-template{align-items:stretch;background:#fff;border-radius:12px;box-shadow:0 0 8px #0000000d;display:flex;flex-direction:column;max-height:none;max-width:500px;padding:20px;width:100%}.manual-payments-grid,.payment-card,.plans-grid,.receipt-preview-section,.receipt-template{height:auto;min-height:0;overflow:visible}.main-content,.tab-content{overflow-x:hidden;overflow-y:visible!important}.modal-overlay{padding:20px}.modal-content{box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-width:90vw;overflow:hidden}.plan-modal{max-width:90vw;width:800px}.modal-header{border-bottom:1px solid #e9ecef;margin-bottom:0;padding:24px 24px 0}.modal-header h3{color:#212529;font-size:1.5rem;font-weight:600}.modal-close{align-items:center;border-radius:50%;color:#6c757d;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modal-close:hover{color:#495057}.modal-close .material-icons{font-size:20px}.modal-body{word-wrap:break-word;flex:1 1;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:24px;word-break:break-word}.modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:24px}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h4{align-items:center;color:#212529;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px}.form-section h4:before{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:2px;content:"";height:20px;width:4px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{gap:6px}.form-group label{color:#495057;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #dee2e6;font-size:.875rem;transition:all .2s ease}.checkbox-group{align-items:center;flex-direction:row;gap:8px}.checkbox-group label{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:8px}.checkbox-group input[type=checkbox]{height:18px;margin:0;width:18px}.feature-input-group{align-items:center;display:flex;gap:12px;margin-bottom:12px}.feature-input-group input{flex:1 1}.remove-feature-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-feature-btn:hover{background:#c82333;transform:scale(1.1)}.remove-feature-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.remove-feature-btn .material-icons{font-size:16px}.add-feature-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.add-feature-btn:hover{background:#218838;transform:translateY(-1px)}.add-feature-btn .material-icons{font-size:16px}.international-features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-checkbox label{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:12px;margin:0}@media (max-width:768px){.modal-content{max-height:95vh;width:95vw}.plan-modal{width:95vw}.modal-header{padding:16px 16px 0}.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:16px}.form-row,.international-features-grid{gap:12px;grid-template-columns:1fr}.feature-input-group{align-items:stretch;flex-direction:column}.remove-feature-btn{align-self:flex-end}}@media (max-width:480px){.modal-header h3{font-size:1.25rem}.form-section h4{font-size:1rem}.feature-checkbox{padding:12px}.feature-checkbox label{font-size:.875rem}}.modal-overlay{animation:fadeIn .3s ease}.modal-content{animation:slideIn .3s ease}.status-badge{font-size:.75rem}.status-badge.draft{color:#856404}.status-badge.active{color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{opacity:1}.form-group select{cursor:pointer}.form-group textarea{font-family:inherit;line-height:1.5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.modal-footer .primary-btn:disabled,.modal-footer .secondary-btn:disabled{cursor:not-allowed;opacity:.6}.modal-footer .primary-btn:disabled:hover,.modal-footer .secondary-btn:disabled:hover{box-shadow:none;transform:none}.plan-builder-modal{max-height:90vh;max-width:95vw;width:900px}.feature-selection-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:12px}.feature-checkbox{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.feature-checkbox:hover{background:#e9ecef;border-color:#007bff}.feature-checkbox input[type=checkbox]{height:18px;margin:0;width:18px}.feature-checkbox .material-icons{color:#007bff;font-size:20px}.feature-checkbox .feature-name{color:#495057;flex:1 1;font-weight:500}.plan-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:24px;padding:20px}.plan-preview h4{color:#212529;font-size:1.1rem;font-weight:600;margin:0 0 16px}.preview-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;max-width:300px;padding:16px}.preview-header{margin-bottom:12px}.preview-header h5{color:#212529;font-size:1rem;font-weight:600;margin:0}.preview-price{border-bottom:1px solid #e9ecef;margin-bottom:16px;padding:12px 0;text-align:center}.preview-price .currency{color:#007bff;font-size:1rem;font-weight:600}.preview-price .amount{color:#007bff;font-size:1.5rem;font-weight:700;margin:0 4px}.preview-price .cycle{color:#6c757d;font-size:.875rem}.preview-features{display:flex;flex-direction:column;gap:8px}.preview-feature{align-items:center;color:#495057;display:flex;font-size:.875rem;gap:8px}.preview-feature .material-icons{color:#28a745;font-size:16px}@media (max-width:768px){.plan-builder-modal{max-height:95vh;width:95vw}.feature-selection-grid{gap:8px;grid-template-columns:1fr}.feature-checkbox{padding:12px}.preview-card{max-width:100%}}.dashboard-people-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:2rem;padding:1.5rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.dashboard-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.card-header{border-bottom:1px solid #dee2e6;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.card-header h5{color:#212529;font-size:1.125rem}.card-header .material-icons{color:#007bff}.card-content{display:flex;flex-direction:column;gap:1rem}.engagement-metric,.growth-metric,.retention-metric,.revenue-metric{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:1rem;text-align:center}.metric-value{color:#007bff;display:block;font-size:2rem;margin-bottom:.5rem}.metric-label{color:#6c757d;display:block;font-size:.875rem;font-weight:500}.growth-chart{align-items:end;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;gap:.25rem;height:60px;padding:.5rem}.chart-bar{background:linear-gradient(0deg,#007bff,#0056b3);border-radius:2px;flex:1 1;min-width:8px}.chart-bar:hover{background:linear-gradient(0deg,#0056b3,#004085);transform:scaleY(1.1)}.engagement-stats,.retention-breakdown,.revenue-breakdown{display:flex;flex-direction:column;gap:.5rem}.breakdown-item,.retention-item,.stat-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.item-label,.stat-label{color:#495057;font-size:.875rem;font-weight:500}.item-value,.stat-value{color:#007bff;font-size:.875rem;font-weight:600}.retention-item .item-value{color:#28a745}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.card-header{flex-direction:column;gap:.5rem;text-align:center}.metric-value{font-size:1.5rem}.growth-chart{height:40px}}.loading-state{padding:3rem 1rem}.loading-state p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:1rem}.error-state{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0;padding:3rem 1rem}.error-state .material-icons{color:#dc2626;margin-bottom:1rem}.error-state p{color:#991b1b;font-size:1rem;margin-bottom:1rem}.error-state button{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease}.error-state button:hover{background:#b91c1c}.payments-container .content-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(8px,1.2vw,12px)}.payments-container .content-header-actions .primary-btn,.payments-container .content-header-actions .secondary-btn{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.payments-container .content-header-actions .primary-btn .material-icons,.payments-container .content-header-actions .secondary-btn .material-icons{font-size:20px}.add-user-modal-overlay{z-index:1050}.add-user-modal{max-width:500px;width:90%}.add-user-form-fields{display:flex;flex-direction:column;gap:0}.add-user-form-fields input,.add-user-form-fields select{background:#fff;background:var(--card-bg,#fff);border:1px solid #e9ecef;border:1px solid var(--border,#e9ecef);border-radius:8px;box-sizing:border-box;color:#212529;color:var(--text,#212529);font-size:16px;margin-bottom:12px;padding:10px 14px;width:100%}.add-user-form-fields input:focus,.add-user-form-fields select:focus{border-color:#007bff;border-color:var(--accent,#007bff);outline:none}.add-user-form-fields input::placeholder{color:#6c757d}.add-user-modal .error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#dc2626;color:var(--error,#dc2626);font-size:14px;padding:10px}.payment-form-modal{max-width:720px;width:95%}.payment-request-modal-body{max-height:70vh;overflow-y:auto}.structured-payment-form{display:flex;flex-direction:column;gap:1.25rem}.payment-form-section{padding:0}.payment-form-section .section-title{color:#212529;color:var(--text,#212529);font-size:1rem;font-weight:600;margin:0 0 .75rem}.customer-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.customer-dropdown-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.customer-dropdown-item:hover{background:#f5f5f5}.customer-dropdown-name{font-weight:600}.customer-dropdown-meta{color:#666;font-size:12px}.customer-dropdown.empty{color:#666;padding:10px}.form-input-icon{color:#666;font-size:20px;position:absolute;right:10px;top:38px}.selected-customer-chip{align-items:center;background:#e8f5e9;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;margin-top:8px;padding:8px 12px}.clear-customer-btn{background:none;border:none;color:#d32f2f;cursor:pointer;font-size:18px;padding:0 4px}.service-block{border:1px solid #e9ecef;border:1px solid var(--border,#e9ecef);border-radius:10px;margin-bottom:12px;overflow:hidden}.service-block-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:10px 14px;-webkit-user-select:none;user-select:none}.service-block-header .expand-icon{font-size:20px;margin-right:6px;vertical-align:middle}.service-block-title{align-items:center;display:inline-flex}.service-block-collapsed .service-block-body{display:none}.remove-block-btn{background:none;border:none;color:#666;cursor:pointer;font-size:20px;line-height:1;padding:0 4px}.remove-block-btn:hover{color:#d32f2f}.service-block-body{display:flex;flex-direction:column;gap:1rem;padding:14px}.service-category{margin-bottom:.5rem}.category-label{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:8px}.level-group{margin-bottom:10px}.level-checkbox{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.level-checkbox input{margin:0}.years-row{display:flex;flex-wrap:wrap;gap:10px 16px;margin-left:24px;margin-top:6px}.year-checkbox{align-items:center;cursor:pointer;display:inline-flex;font-size:13px;gap:4px}.year-checkbox.select-all{color:#007bff;color:var(--accent,#007bff);font-weight:600}.exam-row{display:flex;gap:16px;margin-bottom:8px}.exam-checkbox{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;gap:6px}.duration-row,.plan-type-row{align-items:center;display:flex;font-size:14px;gap:12px;margin-bottom:6px}.duration-row span,.plan-type-row span{margin-right:4px}.plan-option.individual{color:#2e7d32}.plan-option.family{color:#e65100}.dynamic-price{font-size:14px;margin-top:8px}.dynamic-price strong{color:#212529;color:var(--text,#212529)}.exam-add-row{align-items:center;display:flex;font-size:14px;gap:10px;margin-bottom:10px}.exam-add-btn{background:#e3f2fd;border:1px solid #2196f3;border-radius:6px;color:#1976d2;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px}.exam-add-btn:hover{background:#bbdefb}.plan-checkable-group{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}.plan-checkable-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;min-width:180px;padding:12px 14px}.plan-checkable-card.individual{border-left:3px solid #2196f3}.plan-checkable-card.family{border-left:3px solid #4caf50}.plan-checkable-header{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-bottom:0}.plan-checkable-header input[type=checkbox]{margin:0}.plan-checkable-card .duration-row{margin-bottom:4px;margin-top:8px}.plan-checkable-card .dynamic-price{font-size:13px;margin-top:6px}.exam-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:12px}.exam-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.remove-exam-btn{background:none;border:none;color:#666;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.remove-exam-btn:hover{color:#d32f2f}.send-invoice-btn{align-items:center;display:inline-flex;gap:6px}.send-invoice-confirm-modal{max-width:440px}.send-invoice-summary{color:#555;font-size:13px;max-height:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-another-service-btn{align-items:center;background:#f0f4f8;border:1px dashed #ccc;border:1px dashed var(--border,#ccc);border-radius:8px;color:#007bff;color:var(--accent,#007bff);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.add-another-service-btn:hover{background:#e8eef5}.meta-hint{color:#6c757d;font-size:13px;margin:8px 0 0}.summary-empty{background:#f8f9fa;border-radius:8px;color:#6c757d;font-size:14px;margin:0;padding:12px}.summary-table-wrap{border:1px solid #e9ecef;border:1px solid var(--border,#e9ecef);border-radius:8px;overflow-x:auto}.summary-table{border-collapse:collapse;font-size:14px;width:100%}.summary-table td,.summary-table th{border-bottom:1px solid #eee;padding:10px 12px;text-align:left}.summary-table th{background:#f8f9fa;font-weight:600}.summary-table tfoot .total-row td{border-bottom:none;border-top:2px solid #333;border-top:2px solid var(--border,#333);font-size:15px;padding-top:12px}.payment-details-modal{box-sizing:border-box;max-height:90vh;max-width:90vw;min-width:0;width:600px}.payment-details-container{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;min-width:0;width:100%}.detail-section{display:flex;flex-direction:column;gap:16px}.detail-item{border-bottom:1px solid #e9ecef;box-sizing:border-box;flex-direction:column;gap:6px;min-width:0;padding-bottom:12px;width:100%}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-label{color:#6c757d;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{word-wrap:break-word;box-sizing:border-box;color:#212529;display:block;font-size:1rem;font-weight:500;max-width:100%;min-width:0;overflow-wrap:break-word;word-break:break-word}.detail-value.email-value{color:#007bff;font-family:Courier New,monospace;font-size:.9rem;overflow-wrap:anywhere;word-break:break-all}.detail-value.amount-value{color:#28a745;font-size:1.25rem;font-weight:700}.detail-value.rejection-reason{color:#dc3545;font-style:italic}.receipt-section{border-top:2px solid #e9ecef;margin-top:8px;padding-top:24px}.receipt-section h4{color:#212529;font-size:1.1rem;font-weight:600;margin:0 0 16px}.receipt-image-container{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:center;max-height:400px;overflow:hidden;width:100%}.receipt-image-container img{display:block;max-height:400px;max-width:100%;object-fit:contain}@media (max-width:768px){.payment-details-modal{max-height:95vh;width:95vw}.detail-item{padding-bottom:10px}.detail-label{font-size:.8rem}.detail-value{font-size:.9rem}.detail-value.email-value{font-size:.85rem}.detail-value.amount-value{font-size:1.1rem}.receipt-image-container,.receipt-image-container img{max-height:300px}}.main-content#customer-support{overflow-x:hidden;padding:20px}.sticky-tabs-container{background:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.user-management-tabs{display:flex;gap:10px;overflow-x:auto;padding:0 20px}.tab-button{background:#fff;border:1px solid #e0e0e0;min-width:-webkit-fit-content;min-width:fit-content}.tab-button:hover{color:#2196f3}.tab-button.active,.tab-button:hover{border-color:#2196f3}.tab-button .material-icons{font-size:16px}.tab-content{padding:20px 0}.content-header{margin-bottom:20px;padding:0 20px}.content-header h3{color:#333}.primary-btn{padding:12px 20px;transition:background .3s ease}.search-filter-bar{gap:15px;margin-bottom:20px;padding:0 20px}.search-box input{padding:12px 40px 12px 15px;transition:border-color .3s ease}.filter-select{padding:12px 15px}.clear-filters-btn{align-items:center;background:#fff;border:1px solid #ff9800;border-radius:8px;color:#ff9800;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:12px 16px;transition:all .2s ease}.clear-filters-btn:hover{background:#fff3e0;color:#f57c00}.table-container{padding:0 20px}.data-table{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.data-table td,.data-table th{padding:12px 15px}.data-table td,.data-table th{font-size:14px}.status-badge.open{background:#e3f2fd;color:#1976d2}.status-badge.in-progress{background:#fff3e0;color:#f57c00}.status-badge.resolved{background:#e8f5e8;color:#2e7d32}.status-badge.closed{background:#f5f5f5;color:#666}.status-badge.online{background:#e8f5e8;color:#2e7d32}.status-badge.away{background:#fff3e0;color:#f57c00}.status-badge.offline{background:#f5f5f5;color:#666}.priority-badge{text-transform:uppercase}.priority-badge.high{background:#ffebee;color:#c62828}.priority-badge.medium{background:#fff3e0;color:#f57c00}.priority-badge.low{background:#e8f5e8;color:#2e7d32}.category-badge{border-radius:4px;font-size:11px;text-transform:uppercase}.category-badge.billing{background:#e3f2fd;color:#1976d2}.category-badge.login-issues{background:#f3e5f5;color:#7b1fa2}.category-badge.courses{background:#e8f5e8;color:#2e7d32}.category-badge.technical{background:#fff3e0;color:#f57c00}.role-badge{border-radius:4px;font-weight:500;padding:4px 8px}.role-badge.support-agent{background:#e3f2fd;color:#1976d2}.role-badge.senior-agent{background:#f3e5f5;color:#7b1fa2}.role-badge.supervisor{background:#fff3e0;color:#f57c00}.action-buttons{gap:5px}.action-btn{gap:5px;min-width:80px;padding:8px 12px}.action-btn.assign{background:#e8f5e8;color:#2e7d32}.action-btn.assign:hover{background:#c8e6c9}.action-btn.priority{background:#fff3e0;color:#f57c00}.action-btn.priority:hover{background:#ffe0b2}.action-btn.edit:hover{background:#bbdefb}.action-btn.delete{color:#c62828}.action-btn.delete:hover{background:#ffcdd2}.action-btn.escalate{background:#fff3e0;color:#f57c00}.action-btn.escalate:hover{background:#ffe0b2}.action-btn.close{background:#f5f5f5;color:#666}.action-btn.close:hover{background:#e0e0e0}.action-btn.status{background:#f3e5f5;color:#7b1fa2}.action-btn.status:hover{background:#e1bee7}.action-btn.permissions{background:#fff3e0;color:#f57c00}.action-btn.permissions:hover{background:#ffe0b2}.modal-content{box-shadow:0 10px 30px #0000004d;max-width:1200px}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px}.modal-header h3{color:#333;margin:0}.close-btn{background:none;color:#666;padding:5px}.close-btn:hover{color:#333}.modal-body{padding:20px}.ticket-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr 1fr}.ticket-details h4,.ticket-messages h4{color:#333;font-size:1.1rem;margin:0 0 15px}.info-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#333;font-size:14px;font-weight:600}.info-row .value{color:#555;font-size:14px}.messages-container{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;max-height:300px;overflow-y:auto;padding:15px}.message{border-radius:8px;padding:10px}.message.user{background:#f8f9fa;margin-left:20px}.message.agent{background:#e3f2fd;margin-right:20px}.message-header{margin-bottom:5px}.sender{color:#333;font-size:12px;font-weight:600}.timestamp{color:#666;font-size:11px}.message-content{color:#555}.response-box textarea{border:1px solid #ddd;border-radius:8px;font-size:14px;min-height:80px;outline:none;padding:10px;resize:vertical;width:100%}.response-actions{display:flex;gap:10px;margin-top:10px}.send-btn,.template-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:8px 15px}.template-btn{background:#f5f5f5;color:#666}.send-btn{background:#2196f3}.internal-notes textarea{border:1px solid #ddd;border-radius:8px;font-size:14px;min-height:100px;outline:none;padding:10px;resize:vertical;width:100%}.attachments{margin-top:20px}.attachment{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:8px;margin-bottom:5px;padding:8px}.ticket-actions{flex-direction:column;gap:10px;margin-top:20px}.live-chat-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:350px 1fr;height:600px;padding:0 20px}.chat-list{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.chat-list-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px}.chat-list-header h4{color:#333;margin:0}.online-count{background:#e8f5e8;border-radius:12px;color:#2e7d32;font-size:12px;font-weight:500;padding:4px 8px}.chat-items{max-height:500px;overflow-y:auto}.chat-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:15px;transition:background .3s ease}.chat-item:hover{background:#f8f9fa}.chat-item.active{background:#e3f2fd}.chat-user-info{gap:10px;margin-bottom:8px}.chat-user-info,.user-avatar{align-items:center;display:flex}.user-avatar{background:#e0e0e0;border-radius:50%;color:#666;height:40px;justify-content:center;width:40px}.user-details{flex:1 1}.username{color:#333;font-size:14px;font-weight:500}.email{color:#666;font-size:12px}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator.active{background:#4caf50}.status-indicator.waiting{background:#ff9800}.chat-preview{margin-bottom:8px}.last-message{color:#555;font-size:13px;line-height:1.3;margin:0 0 5px}.last-activity{color:#666;font-size:11px}.chat-assignment{align-items:center;display:flex;justify-content:space-between}.assigned-to{color:#666;font-size:12px}.assign-btn{background:#e8f5e8;border:none;border-radius:4px;color:#2e7d32;cursor:pointer;font-size:11px;padding:4px 8px}.chat-window{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.chat-conversation,.chat-window{display:flex;flex-direction:column}.chat-conversation{height:100%}.chat-header{border-bottom:1px solid #e0e0e0;padding:15px}.chat-header h4{color:#333;margin:0}.chat-actions{display:flex;gap:5px}.chat-messages{gap:10px;padding:15px}.chat-message.user{justify-content:flex-end}.chat-message.agent{justify-content:flex-start}.message-bubble{border-radius:18px;max-width:70%;padding:10px 15px;position:relative}.chat-message.user .message-bubble{background:#2196f3;color:#fff}.chat-message.agent .message-bubble{background:#f0f0f0;color:#333}.message-bubble p{line-height:1.4;margin:0 0 5px}.chat-input{align-items:flex-end;border-top:1px solid #e0e0e0;padding:15px}.chat-input textarea{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;max-height:100px;min-height:40px;outline:none;padding:10px;resize:none}.input-actions{display:flex;gap:5px}.no-chat-selected{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center}.no-chat-selected .material-icons{font-size:48px;margin-bottom:15px;opacity:.5}.knowledge-base-container{padding:0 20px}.articles-overview{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:20px}.overview-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.overview-stats .stat-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;text-align:center}.overview-stats .stat-number{color:#2196f3;display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.overview-stats .stat-label{color:#666;font-size:14px;font-weight:500}.articles-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.article-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:25px;position:relative}.article-card:hover{border-color:#2196f3;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.article-card:before{background:linear-gradient(90deg,#2196f3,#1976d2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.article-header{align-items:flex-start;gap:15px;margin-bottom:20px}.article-title-section{flex:1 1}.article-title{color:#333;font-size:1.3rem;line-height:1.3;margin:0 0 12px}.article-meta{align-items:center;display:flex;gap:10px}.language-badge{background:#f3e5f5;border-radius:6px;color:#7b1fa2;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.article-actions-header{display:flex;flex-shrink:0;gap:8px}.action-btn-icon{align-items:center;background:#f8f9fa;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn-icon:hover{transform:scale(1.05)}.action-btn-icon.edit:hover,.action-btn-icon:hover{background:#e3f2fd;color:#1976d2}.action-btn-icon.view:hover{background:#e8f5e8;color:#2e7d32}.action-btn-icon.delete:hover{background:#ffebee;color:#c62828}.article-content{margin-bottom:20px}.article-excerpt{color:#555;font-size:15px;font-weight:400;line-height:1.6;margin:0}.article-stats{grid-gap:15px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:15px}.article-stats .stat-item{align-items:center;display:flex;flex-direction:column;gap:5px;text-align:center}.stat-icon{color:#2196f3}.stat-value{color:#333;font-size:16px;font-weight:600}.stat-label{font-size:11px;text-transform:uppercase}.article-tags{align-items:center;gap:10px;margin-bottom:20px}.tags-label{color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.tag{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;color:#1976d2;font-size:11px}.article-footer{border-top:1px solid #f0f0f0;display:flex;gap:12px;padding-top:15px}.btn-secondary{border:1px solid #ddd;color:#666;font-size:13px;gap:6px;padding:10px 16px;transition:all .2s ease}.btn-secondary:hover{background:#f8f9fa;border-color:#2196f3;color:#2196f3}.no-results{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:20px 0}.no-results .material-icons{color:#ccc}.no-results h3{color:#666;font-size:1.5rem;margin:0 0 10px}.no-results p{color:#999;font-size:1rem;margin:0}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:0 20px}.metric-card{box-shadow:0 2px 8px #0000001a;gap:15px}.metric-card,.metric-icon{align-items:center;display:flex}.metric-icon{background:#e3f2fd;border-radius:12px;color:#1976d2;height:50px;justify-content:center;width:50px}.metric-content h3{color:#333;font-size:1.8rem;margin:0 0 5px}.metric-content p{color:#666;font-size:14px;margin:0}.charts-section{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px;padding:0 20px}.chart-container{box-shadow:0 2px 8px #0000001a}.chart-container h4{margin:0 0 15px}.chart-placeholder{border-radius:8px;color:#666;flex-direction:column}.chart-placeholder .material-icons{font-size:48px;margin-bottom:10px;opacity:.5}.filters-section{padding:0 20px}.filters-section h4{color:#333;margin:0 0 15px}.filter-options{gap:15px}.agent-info{gap:10px}.agent-avatar,.agent-info{align-items:center;display:flex}.agent-avatar{background:#e0e0e0;color:#666;height:35px;justify-content:center;width:35px}.agent-name{color:#333;font-weight:500}.rating{align-items:center;display:flex}.stars{font-size:12px}.specializations{display:flex;flex-wrap:wrap;gap:3px}.spec-tag{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:10px;padding:2px 6px}@media (max-width:768px){.main-content#customer-support{padding:10px}.content-header{gap:15px}.content-header,.search-filter-bar{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.ticket-info-grid{gap:15px;grid-template-columns:1fr}.live-chat-container{grid-template-columns:1fr;height:auto}.chat-list{max-height:300px}.knowledge-base-container{padding:0 10px}.articles-grid{grid-template-columns:1fr}.article-card{padding:20px}.article-header{align-items:flex-start;flex-direction:column}.article-actions-header{align-self:flex-end;margin-top:10px}.article-stats{gap:10px;grid-template-columns:1fr}.article-footer{flex-direction:column}.analytics-grid{grid-template-columns:repeat(2,1fr);padding:0 10px}.charts-section{grid-template-columns:1fr;padding:0 10px}.table-container{padding:0 10px}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 10px}.action-buttons{flex-direction:column;gap:3px}}@media (max-width:480px){.analytics-grid{grid-template-columns:1fr}.metric-card{text-align:center}.article-actions,.filter-options,.metric-card{flex-direction:column}}.privacy-security-container{background:#0000;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;max-width:100%;min-height:100vh;padding:24px;width:100%}.privacy-security-container h2{border-bottom:2px solid #e0e0e0;color:#1a1a1a;font-size:1.75rem;font-weight:600;margin:0;padding-bottom:16px}.tabs-navigation{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:8px}.tab-button{border-radius:8px;gap:8px;padding:12px 20px;transition:all .2s ease}.tab-button:hover{background:#f5f5f5;color:#333}.tab-button.active{background:#2196f3;box-shadow:0 2px 4px #2196f34d;color:#fff}.tab-button .material-icons{font-size:20px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0}.content-header h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0}.primary-btn{align-items:center;background:#2196f3;border:none;border-radius:8px;box-shadow:0 2px 4px #2196f333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.primary-btn:hover{background:#1976d2;box-shadow:0 4px 8px #2196f34d}.secondary-btn{align-items:center;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.secondary-btn:hover{color:#333}.search-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{min-width:250px}.search-box input{outline:none;padding:12px 40px 12px 16px;transition:all .2s ease}.search-box input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.search-box .material-icons{color:#999;pointer-events:none;right:12px}.filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;min-width:150px;padding:12px 16px;transition:all .2s ease}.filter-select:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.security-sections{display:flex;flex-direction:column;gap:20px}.security-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;transition:box-shadow .2s ease}.security-section:hover{box-shadow:0 4px 12px #0000001f}.section-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.section-header h4{color:#1a1a1a;font-size:1.2rem;margin:0}.section-status{border-radius:20px;font-size:12px;font-weight:500;padding:6px 12px;text-transform:uppercase}.section-status.active{background:#e8f5e8;color:#2e7d32}.section-status.inactive{background:#f5f5f5;color:#666}.settings-grid{grid-gap:20px;gap:20px}.setting-item{flex-direction:column;gap:8px}.setting-item.checkbox{align-items:center;flex-direction:row;gap:10px}.setting-item label{color:#333;font-size:14px;font-weight:500}.setting-item input[type=number],.setting-item input[type=text]{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s ease}.setting-item input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.setting-item input[type=checkbox]{accent-color:#2196f3;height:20px;width:20px}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow-x:auto;padding:16px}.data-table{background:#fff;border-collapse:collapse;min-width:800px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 16px;text-align:left}.data-table th{background:#f8f9fa;color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-table td{color:#555}.data-table tr:hover{background:#f8f9fa}.data-table tr:last-child td{border-bottom:none}.status-badge{padding:6px 12px;text-transform:capitalize}.status-badge.active{background:#e8f5e8;color:#2e7d32}.status-badge.inactive{background:#f5f5f5;color:#666}.status-badge.pending{background:#fff3e0;color:#f57c00}.status-badge.approved{background:#e8f5e8;color:#2e7d32}.status-badge.completed{background:#e3f2fd;color:#1976d2}.status-badge.rejected{background:#ffebee;color:#c62828}.status-badge.draft{background:#f3e5f5;color:#7b1fa2}.role-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.role-badge.admin{background:#ffebee;color:#c62828}.role-badge.teacher{background:#e3f2fd;color:#1976d2}.role-badge.student{background:#e8f5e8;color:#2e7d32}.action-btn{font-size:13px;padding:8px 16px;transition:all .2s ease}.action-btn.view{background:#e3f2fd;color:#1976d2}.action-btn.view:hover{background:#bbdefb}.action-btn.approve{background:#e8f5e8;color:#2e7d32}.action-btn.approve:hover{background:#c8e6c9}.action-btn.reject{background:#ffebee;color:#c62828}.action-btn.reject:hover{background:#ffcdd2}.action-btn.block,.action-btn.terminate{background:#fff3e0;color:#f57c00}.action-btn.block:hover,.action-btn.terminate:hover{background:#ffe0b2}.action-btn.urgent{background:#ffebee;color:#c62828;font-weight:600}.action-btn.urgent:hover{background:#ffcdd2}.action-btn.resolve{background:#e8f5e8;color:#2e7d32}.action-btn.resolve:hover{background:#c8e6c9}.action-btn.investigate{background:#e3f2fd;color:#1976d2}.action-btn.investigate:hover{background:#bbdefb}.action-btn.dismiss{background:#f5f5f5;color:#666}.action-btn.dismiss:hover{background:#e0e0e0}.policies-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.policy-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;transition:all .2s ease}.policy-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.policy-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.policy-header h4{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.policy-details{margin-bottom:20px}.detail-row{border-bottom:1px solid #f0f0f0;padding:10px 0}.detail-row .label{color:#666}.detail-row .value{color:#333;font-size:14px}.policy-actions{display:flex;flex-wrap:wrap;gap:8px}.consent-management{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.consent-management h4{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin:0 0 20px}.consent-settings{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.consent-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.consent-item label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:500;gap:10px;margin-bottom:8px}.consent-item input[type=checkbox]{accent-color:#2196f3;cursor:pointer;height:20px;width:20px}.consent-item p{color:#666;font-size:13px;line-height:1.5;margin:0}.alerts-overview{margin-bottom:24px}.alert-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{box-shadow:0 2px 8px #00000014;transition:all .2s ease}.stat-card.high{border-left:4px solid #c62828}.stat-card.medium{border-left:4px solid #f57c00}.stat-card.low{border-left:4px solid #2e7d32}.stat-card.active{border-left:4px solid #1976d2}.stat-number{font-size:2rem;margin-bottom:8px}.stat-card.high .stat-number{color:#c62828}.stat-card.medium .stat-number{color:#f57c00}.stat-card.low .stat-number{color:#2e7d32}.stat-card.active .stat-number{color:#1976d2}.stat-label{color:#666;font-weight:500}.alerts-list{display:flex;flex-direction:column;gap:16px}.alert-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;transition:all .2s ease}.alert-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.alert-card.high{border-left:4px solid #c62828}.alert-card.medium{border-left:4px solid #f57c00}.alert-card.low{border-left:4px solid #2e7d32}.alert-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.alert-info{align-items:center;display:flex;gap:12px}.alert-info h4{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.severity-badge{border-radius:6px;font-size:11px;padding:6px 12px}.severity-badge.high{background:#ffebee;color:#c62828}.severity-badge.medium{background:#fff3e0;color:#f57c00}.severity-badge.low{background:#e8f5e8;color:#2e7d32}.alert-meta{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.timestamp{color:#999;font-size:12px}.alert-content{margin-bottom:16px}.alert-content .description{color:#333;font-size:14px;font-weight:500;margin:0 0 8px}.alert-content .details{color:#666;font-size:13px;line-height:1.5;margin:0}.alert-actions{display:flex;flex-wrap:wrap;gap:8px}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.privacy-security-container{gap:16px;padding:16px}.privacy-security-container h2{font-size:1.5rem}.tabs-navigation{gap:6px;padding:6px}.tab-button{font-size:13px;padding:10px 16px}.content-header{gap:16px}.content-header,.search-filter-bar{align-items:stretch;flex-direction:column}.search-box{max-width:100%;min-width:auto}.consent-settings,.policies-grid,.settings-grid{grid-template-columns:1fr}.alert-stats{grid-template-columns:repeat(2,1fr)}.alert-header{flex-direction:column;gap:12px}.alert-header,.alert-meta{align-items:flex-start}.data-table{font-size:12px;min-width:700px}.data-table td,.data-table th{padding:10px 12px}}@media (max-width:480px){.privacy-security-container{padding:12px}.alert-stats{grid-template-columns:1fr}.policy-card,.security-section{padding:16px}.tab-button{font-size:12px;padding:8px 12px}.tab-button .material-icons{font-size:18px}}.analytics-container{background:var(--bg);max-height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-xl)}.analytics-header{background:var(--card-bg);box-shadow:var(--shadow-md)}.analytics-header h2{color:var(--text);font-size:1.8rem;font-weight:600;margin:0}.analytics-filters{align-items:center;display:flex;gap:15px}.filter-select{border-radius:var(--radius-md);cursor:pointer;font-size:var(--body-size);outline:none;padding:10px 15px;transition:var(--transition-base)}.filter-select:focus{box-shadow:var(--shadow-focus)}.analytics-tabs{display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding-bottom:10px}.analytics-tab{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:var(--body-size);font-weight:500;gap:var(--spacing-sm);min-width:-webkit-fit-content;min-width:fit-content;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-base);white-space:nowrap}.analytics-tab:hover{background:var(--hover);border-color:var(--accent);color:var(--accent)}.analytics-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.tab-icon{font-size:16px}.tab-label{font-weight:500}.analytics-tab-content{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:visible!important;padding:var(--spacing-3xl)}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border-top:4px solid var(--bg-secondary);border:4px solid var(--bg-secondary);border-top-color:var(--accent);margin-bottom:var(--spacing-xl)}.loading-state p{color:var(--text-tertiary);font-size:16px;margin:0}.error-state{align-items:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.error-state .material-icons{color:#e53e3e;font-size:48px;margin-bottom:20px}.error-state p{color:#c53030;font-size:16px;margin:0 0 20px}.retry-button{align-items:center;background:#e53e3e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:background-color .3s ease}.retry-button:hover{background:#c53030}.analytics-header{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:30px;padding:var(--spacing-xl)}.analytics-header h3{color:var(--text);font-size:1.4rem;font-weight:600;margin:0}.refresh-button{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--body-size);font-weight:500;gap:var(--spacing-sm);padding:10px var(--spacing-xl);transition:var(--transition-base)}.refresh-button:hover:not(:disabled){background:var(--accent-dark)}.refresh-button:disabled{background:#ccc;cursor:not-allowed}.no-insights{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:40px var(--spacing-xl);text-align:center}.no-insights .material-icons{color:var(--text-tertiary);font-size:48px;margin-bottom:var(--spacing-lg)}.no-insights p{color:var(--text-tertiary);font-size:16px;margin:0}.search-section{margin-bottom:20px}.search-container{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--spacing-md);transition:var(--transition-base)}.search-container:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus)}.search-icon{color:var(--text-tertiary);margin-right:var(--spacing-sm)}.search-input{font-size:var(--body-size);padding:var(--spacing-md) 0}.search-input::placeholder{color:var(--text-tertiary);opacity:.6}.clear-search{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px;transition:background-color .3s ease}.clear-search:hover{background:#f5f5f5}.search-results-info{background:#e3f2fd;color:#1976d2;margin-top:8px;padding:8px 12px}.no-search-results{align-items:center;background:#fff3e0;border:1px solid #ffcc02;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-search-results .material-icons{color:#f57c00;font-size:48px;margin-bottom:16px}.no-search-results p{color:#e65100;font-size:16px;margin:0}.no-data{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-data .material-icons{color:#666;font-size:48px;margin-bottom:16px}.no-data p{color:#666;font-size:16px;margin:0}.insights-section{margin-bottom:40px}.insights-section h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 20px}.insights-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:#f8f9fa;border-left:4px solid;border-radius:12px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.insight-card:hover{box-shadow:0 4px 16px #0000001a}.insight-card.positive{background:linear-gradient(135deg,#e8f5e8,#f1f8f1);border-left-color:#4caf50}.insight-card.warning{background:linear-gradient(135deg,#fff3e0,#fef7e6);border-left-color:#ff9800}.insight-card.info{background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border-left-color:#2196f3}.insight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.insight-icon{font-size:24px}.insight-metric{color:#333;font-size:18px;font-weight:700}.insight-card h4{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.insight-card p{color:#666;font-size:14px;line-height:1.4;margin:0}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.metric-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.metric-card h4{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.metric-values{display:flex;flex-direction:column;gap:10px}.metric-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.metric-item:last-child{border-bottom:none}.metric-label{color:#666;font-size:14px}.metric-value{font-size:16px;font-weight:600}.metric-value-large{font-size:2rem;padding:20px 0;text-align:center}.charts-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.chart-container h4{margin:0 0 20px}.chart-placeholder{padding:20px 0}.chart-bars,.chart-placeholder{align-items:end;justify-content:space-around}.chart-bars{display:flex;gap:10px;height:100%;width:100%}.chart-bar{background:linear-gradient(0deg,#2196f3,#64b5f6);border-radius:4px 4px 0 0;min-width:30px;position:relative;transition:all .3s ease}.chart-bar:hover{background:linear-gradient(0deg,#1976d2,#42a5f5);transform:scale(1.05)}.bar-value{color:#333;font-size:12px;font-weight:600;left:50%;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap}.active-teachers,.articles-list,.articles-performance,.school-activity,.school-revenue,.schools-list{display:flex;flex-direction:column;gap:10px}.article-item,.article-performance-item,.school-activity-item,.school-item,.school-revenue-item,.teacher-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:15px;padding:12px;transition:background .3s ease}.article-item:hover,.article-performance-item:hover,.school-activity-item:hover,.school-item:hover,.school-revenue-item:hover,.teacher-item:hover{background:#f5f5f5}.article-rank,.school-rank,.teacher-rank{color:#2196f3;font-weight:700;min-width:30px}.article-title,.school-name,.teacher-name{color:#333;flex:1 1;font-weight:500}.article-completion,.article-engagement,.article-read-time,.article-views,.school-activity,.school-progress,.school-revenue,.school-students,.teacher-articles,.teacher-engagement,.teacher-students{color:#666;font-size:14px;min-width:80px;text-align:right}.content-metrics,.retention-metrics,.revenue-breakdown,.revenue-metrics,.teacher-stats,.tier-revenue{display:flex;flex-direction:column;gap:15px}.breakdown-item,.content-item,.retention-item,.revenue-item,.stat-item,.tier-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.breakdown-item:last-child,.content-item:last-child,.retention-item:last-child,.revenue-item:last-child,.stat-item:last-child,.tier-item:last-child{border-bottom:none}.breakdown-label,.content-label,.retention-label,.revenue-label,.stat-label,.tier-name{color:#666;font-size:14px}.breakdown-value,.content-value,.retention-value,.revenue-value,.stat-value,.tier-revenue{color:#333;font-size:16px;font-weight:600}.cohorts-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.cohort-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;text-align:center}.cohort-period{color:#666;display:block;font-size:12px;margin-bottom:5px}.cohort-rate{color:#2196f3;display:block;font-size:18px;font-weight:700}.completion-rates{display:flex;flex-direction:column;gap:15px}.completion-item{align-items:center;display:flex;gap:15px}.completion-level{color:#333;font-weight:500;min-width:80px}.completion-bar{background:#e0e0e0;border-radius:4px;flex:1 1;height:8px}.completion-fill{background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:4px}.completion-rate{color:#333;font-weight:600;min-width:50px;text-align:right}.school-score-bar{background:#e0e0e0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#ff9800,#ffb74d);border-radius:4px;height:100%;transition:width .3s ease}.school-score{color:#333;font-weight:600;min-width:50px;text-align:right}.reports-section h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 30px}.report-filters{grid-gap:20px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.filter-group label{color:#333}.report-actions{display:flex;gap:15px;margin-bottom:40px}.primary-btn,.secondary-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.primary-btn{background:var(--accent);color:#fff}.primary-btn:hover{background:var(--accent-dark)}.secondary-btn{background:#f5f5f5;border:1px solid #ddd;color:#333}.secondary-btn:hover{background:#e0e0e0}.scheduled-reports h4{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.scheduled-list{display:flex;flex-direction:column;gap:15px}.scheduled-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:20px;padding:15px}.schedule-name{color:#333;flex:1 1;font-weight:500}.schedule-email,.schedule-frequency{color:#666;font-size:14px;min-width:150px}.action-btn{border-radius:4px;font-size:12px;padding:6px 12px;transition:background .3s ease}.action-btn.edit{background:#2196f3}.action-btn.edit:hover{background:#1976d2}.action-btn.delete{background:#f44336}.action-btn.delete:hover{background:#d32f2f}@media (max-width:768px){.analytics-header{align-items:stretch;flex-direction:column;gap:20px}.analytics-filters{flex-wrap:wrap;gap:10px}.filter-select{min-width:100px}.analytics-tabs{gap:5px}.analytics-tab{font-size:12px;padding:10px 15px}.tab-icon{font-size:14px}.charts-section,.insights-grid,.metrics-grid,.report-filters{grid-template-columns:1fr}.report-actions,.scheduled-item{flex-direction:column}.scheduled-item{align-items:stretch;gap:10px}.schedule-email,.schedule-frequency{min-width:auto}}@media (max-width:480px){.analytics-container{padding:10px}.analytics-tab-content{padding:20px}.breakdown-item,.content-item,.metric-item,.retention-item,.revenue-item,.stat-item,.tier-item{align-items:stretch;flex-direction:column;gap:5px}.article-item,.article-performance-item,.school-activity-item,.school-item,.school-revenue-item,.teacher-item{align-items:stretch;flex-direction:column;gap:10px}.article-completion,.article-engagement,.article-read-time,.article-views,.school-activity,.school-progress,.school-revenue,.school-students,.teacher-articles,.teacher-engagement,.teacher-students{text-align:left}}.analytics-container *{box-sizing:border-box}.analytics-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.metric-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.metric-header .material-icons{color:#2196f3;font-size:20px}.metric-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.metric-value-large{color:#2196f3;font-size:28px;font-weight:700;margin-bottom:8px}.metric-description{color:#666;font-size:14px;margin:0}#marketing-promotion{background:#f5f5f5;min-height:100vh;padding:20px}#marketing-promotion .section{margin:0 auto;max-width:1200px}.user-management-tabs{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);margin:0 auto;max-width:1000px;overflow:hidden;width:100%}.tab-button{color:#666}.tab-button:hover{background-color:#f8f9fa;color:#eb8109}.tab-button.active{background-color:#fff3e0;border-bottom-color:#eb8109;color:#eb8109}.tab-content{background:#fff;box-shadow:0 2px 4px #0000001a;max-width:1000px;overflow:hidden}.tab-content h3{color:#333}.tab-content p{color:#666;margin-bottom:24px;text-align:center}.user-controls{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.search-box input{border:1px solid #ddd}.search-box input:focus{border-color:#eb8109;box-shadow:0 0 0 3px #eb81091a}.search-box .material-icons{color:#666}.add-user-btn{align-items:center;background-color:#eb8109;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.add-user-btn:hover{background-color:#d67400;transform:translateY(-2px)}.add-user-btn:active{transform:translateY(0)}.users-table-container{border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.users-table{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.users-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.users-table td{border-bottom:1px solid #dee2e6;padding:16px 12px;vertical-align:middle}.users-table tr:hover{background-color:#f8f9fa}.status-badge.active,.status-badge.live{background-color:#d4edda;color:#155724}.status-badge.scheduled{background-color:#fff3cd;color:#856404}.status-badge.draft,.status-badge.inactive{background-color:#f8d7da;color:#721c24}.action-buttons{align-items:center;gap:8px}.action-btn{background:#f8f9fa;color:#666;height:32px;width:32px}.action-btn.edit{background:#e3f2fd;color:#1976d2}.action-btn.toggle{background:#fff3e0;color:#f57c00}.action-btn.delete{background:#ffebee;color:#d32f2f}.action-btn:hover{box-shadow:0 2px 8px #00000026}.campaign-type{background:#e8f5e8;border-radius:4px;color:#2e7d32;font-size:12px;font-weight:500;padding:4px 8px}.performance-metrics{color:#666;display:flex;flex-direction:column;font-size:12px;gap:2px}.segment-filters{display:flex;flex-wrap:wrap;gap:4px}.filter-badge{background:#f0f0f0;border-radius:4px;color:#666;font-size:11px;padding:2px 6px}.discount-badge{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 8px}.automation-actions{display:flex;flex-wrap:wrap;gap:4px}.action-badge{background:#f3e5f5;border-radius:4px;color:#7b1fa2;font-size:11px;padding:2px 6px}.blast-editor{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.editor-tabs{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex}.editor-tab{background:none;border:none;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.editor-tab.active{background:#fff;border-bottom:2px solid #eb8109;color:#eb8109}.editor-content{display:flex;min-height:500px}.editor-sidebar{background:#f8f9fa;border-right:1px solid #dee2e6;padding:20px;width:250px}.editor-sidebar h4{color:#333;font-size:14px;font-weight:600;margin-bottom:12px}.variable-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.variable-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-family:monospace;font-size:12px;padding:8px 12px;transition:all .3s ease}.variable-btn:hover{background:#eb8109;border-color:#eb8109;color:#fff}.quick-actions{flex-direction:column;gap:8px}.quick-actions .action-btn{font-size:12px;height:auto;justify-content:flex-start;padding:8px 12px;width:100%}.editor-main{flex:1 1;padding:20px}.email-preview{border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:16px}.subject-input{border:1px solid #dee2e6;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.preview-controls{display:flex;gap:8px}.preview-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.preview-btn.active{background:#eb8109;border-color:#eb8109;color:#fff}.email-body,.preview-content{padding:20px}.email-body{background:#fff;border:1px solid #dee2e6;border-radius:4px;min-height:300px}.email-body h2{color:#333;margin-bottom:16px}.email-body p{color:#666;line-height:1.6;margin-bottom:12px}.cta-button{margin-top:20px;text-align:center}.cta-button a{background:#eb8109;border-radius:6px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.cta-button a:hover{background:#d67400;transform:translateY(-2px)}.analytics-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.metric-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;text-align:center}.metric-card h4{color:#666;font-size:14px;font-weight:500;margin-bottom:8px}.metric-value{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.metric-change{font-size:12px;font-weight:600}.metric-change.positive{color:#2e7d32}.metric-change.negative{color:#d32f2f}.analytics-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.chart-container h4{color:#333;font-size:16px;font-weight:600;margin-bottom:16px}.chart-placeholder{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;height:200px;justify-content:center;position:relative}.chart-line{animation:chartAnimation 2s ease-in-out infinite;background:#eb8109;border-radius:1px;height:2px;position:absolute}.chart-line:first-child{animation-delay:0s;top:30%;width:60%}.chart-line:nth-child(2){animation-delay:.5s;top:50%;width:40%}.chart-line:nth-child(3){animation-delay:1s;top:70%;width:80%}.chart-legend{bottom:16px;color:#666;display:flex;font-size:12px;gap:16px;left:16px;position:absolute}.device-chart{background:#f0f0f0;border-radius:20px;display:flex;height:40px;overflow:hidden}.device-segment{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center;transition:all .3s ease}.device-segment.mobile{background:#eb8109}.device-segment.desktop{background:#1976d2}.user-form-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-form{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:400px;padding:30px;width:100%}.user-form h3{color:#333;font-size:20px;font-weight:600;margin-bottom:20px}.user-form input,.user-form select,.user-form textarea{border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px 16px;transition:all .3s ease;width:100%}.user-form input:focus,.user-form select:focus,.user-form textarea:focus{border-color:#eb8109;box-shadow:0 0 0 3px #eb81091a;outline:none}.form-buttons{margin-top:20px}.form-buttons button{font-size:14px}.form-buttons button:first-child{background:#f8f9fa;color:#666}.form-buttons button:first-child:hover{background:#e9ecef}.form-buttons button:last-child{background:#eb8109}.form-buttons button:last-child:hover{background:#d67400}@keyframes chartAnimation{0%,to{opacity:.3}50%{opacity:1}}@media (max-width:768px){.user-management-tabs{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.tab-button{font-size:11px;min-height:50px;padding:10px 6px}.tab-button .material-icons{font-size:16px}.user-controls{flex-direction:column;gap:12px}.search-box{max-width:none}.users-table{font-size:12px}.users-table td,.users-table th{padding:8px 6px}.action-buttons{flex-direction:column;gap:4px}.action-btn{height:28px;width:28px}.user-form{margin:20px;padding:20px}.analytics-charts,.analytics-overview{grid-template-columns:1fr}.editor-content{flex-direction:column}.editor-sidebar{border-bottom:1px solid #dee2e6;border-right:none;width:100%}}.notifications-tabs{background:var(--card-bg);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 2px 8px var(--shadow);box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);margin:0 auto;max-width:100%;overflow-x:hidden;overflow-y:visible;width:100%}.tab-button{align-items:center;background:none;border-bottom:3px solid #0000;display:flex;flex-direction:column;font-size:12px;gap:6px;justify-content:center;min-height:55px;padding:14px 8px;text-align:center;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background-color:var(--hover);color:var(--accent)}.tab-button.active{background-color:#1a73e81a;font-weight:600}.tab-button .material-icons{font-size:18px;margin-bottom:3px}.tab-content{background:var(--card-bg);border:1px solid var(--border);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 2px 8px var(--shadow);box-sizing:border-box;margin:0 auto 20px;max-width:100%;overflow-x:auto;overflow-y:visible;padding:24px;width:100%}.tab-content h3{color:var(--text);font-size:20px;font-weight:600;margin-bottom:16px;text-align:center}.tab-content p{color:var(--text-secondary);font-size:14px;line-height:1.6}.notification-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.search-box input{padding:12px 16px 12px 45px}.search-box .material-icons{color:var(--text-secondary);font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.filter-controls{display:flex;gap:10px}.filter-select{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;font-size:14px;min-width:120px;padding:10px 12px;transition:all .3s ease}.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a;outline:none}.action-buttons-group{display:flex;gap:10px}.action-btn{border-radius:6px;gap:6px;padding:10px 16px;transition:all .3s ease}.action-btn.primary{background-color:var(--accent)}.action-btn.primary:hover{background-color:#1557b0}.action-btn.secondary{background-color:var(--text-secondary);color:#fff}.action-btn.secondary:hover{background-color:var(--text);transform:translateY(-2px)}.notifications-table-container{-webkit-overflow-scrolling:touch;border:none;border-radius:0;box-shadow:none;overflow-x:auto;overflow-y:visible;width:100%}.notifications-table{background:#0000;border:none;border-collapse:collapse;border-radius:0;box-shadow:none;max-width:100%;min-width:auto;table-layout:auto;width:100%}.tab-content .notifications-table{margin-top:0}.notifications-table th{background-color:var(--hover);border:none;border-bottom:2px solid var(--border);color:var(--text);font-size:12px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-align:left;white-space:nowrap}.notifications-table th:first-child,.notifications-table th:last-child{border-radius:0}.notifications-table td{border:none;border-bottom:1px solid var(--border);font-size:12px;padding:var(--spacing-sm) var(--spacing-md);vertical-align:middle}.notifications-table tr:hover{background-color:var(--hover)}.notifications-table tr.read{opacity:.7}.notifications-table tr.unread{background-color:#ea43350d;font-weight:500}.notifications-table tr.unread:hover{background-color:#ea43351a}.notification-type{align-items:center;display:flex;gap:8px}.type-icon{font-size:18px}.type-label{color:var(--text-secondary);display:none;font-size:10px;text-transform:capitalize}.notification-title{color:var(--text);font-size:11px;font-weight:600;max-width:120px}.notification-message,.notification-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-message{color:var(--text-secondary);max-width:250px}.severity-badge{border-radius:var(--radius-sm);color:#fff;font-size:9px;font-weight:600;max-width:60px;min-width:50px;overflow:hidden;padding:2px 6px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.status-indicators{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.read-status{font-size:10px;font-weight:500}.read-status.read{color:var(--success)}.read-status.unread{color:var(--error)}.action-required{background-color:var(--error);border-radius:var(--radius-sm);color:#fff;font-size:9px;font-weight:600;padding:2px 4px;text-align:center;white-space:nowrap}.action-buttons{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:var(--spacing-xs)!important;justify-content:center!important}.action-btn.edit{background-color:#17a2b8}.action-btn.delete,.action-btn.edit{align-items:center;border-radius:var(--radius-sm);color:#fff;display:flex;height:28px;justify-content:center;min-width:28px;padding:4px 6px}.action-btn.delete{background-color:var(--error)}.action-btn:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.action-btn .material-icons{font-size:16px}.no-notifications{color:var(--text-secondary);padding:40px 20px;text-align:center}.no-notifications .material-icons{color:#ddd;font-size:48px;margin-bottom:16px}.feature-coming-soon{color:var(--text-secondary);padding:60px 20px;text-align:center}.feature-coming-soon .material-icons{color:#ddd;font-size:64px;margin-bottom:20px}.settings-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.settings-form{animation:slideUp .3s ease;background:var(--card-bg);border-radius:12px;box-shadow:0 10px 30px #0003;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.settings-form h3{color:var(--text);font-size:20px;font-weight:600;margin-bottom:20px}.settings-section{margin-bottom:24px}.settings-section h4{color:#495057;font-size:16px;font-weight:500;margin-bottom:12px}.settings-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.setting-item{color:#495057;cursor:pointer;font-size:14px;gap:10px}.setting-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.threshold-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.threshold-item{display:flex;flex-direction:column;gap:6px}.threshold-item label{color:#495057;font-size:14px;font-weight:500}.threshold-item input{border:1px solid var(--border);border-radius:6px;font-size:14px;padding:8px 12px;transition:all .3s ease}.threshold-item input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a;outline:none}.form-buttons{display:flex;gap:12px;margin-top:24px}.form-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease}.form-buttons button:first-child{background-color:var(--accent);color:#fff}.form-buttons button:first-child:hover{background-color:#d67400;transform:translateY(-2px)}.form-buttons button:last-child{background-color:#6c757d;color:#fff}.form-buttons button:last-child:hover{background-color:#5a6268;transform:translateY(-2px)}.loading-container{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px}@media (max-width:768px){.notifications-tabs{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}#notifications-alerts .notifications-table{min-width:auto;width:100%}#notifications-alerts .notifications-table-container{overflow-x:visible}.tab-button{font-size:11px;padding:10px 6px}.tab-button .material-icons{font-size:16px}.notification-controls{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-controls{justify-content:space-between}.action-buttons-group{justify-content:center}.notifications-table{font-size:12px}.notifications-table td,.notifications-table th{font-size:10px;padding:var(--spacing-xs) var(--spacing-sm)}.action-buttons{flex-direction:row!important;flex-wrap:nowrap!important;gap:var(--spacing-xs)!important}.action-btn{height:24px;min-width:24px;padding:4px 6px}.settings-form{margin:20px;max-width:none}.settings-grid,.threshold-inputs{grid-template-columns:1fr}}#notifications-alerts{background:#0000;min-height:auto;overflow:visible;padding:0;width:100%}#notifications-alerts .notifications-table-container{box-sizing:border-box;overflow-x:visible;overflow-y:visible;width:100%}#notifications-alerts .notifications-table{background:#0000;border-collapse:collapse;max-width:100%;min-width:auto;table-layout:auto;width:100%}#notifications-alerts .notifications-table td,#notifications-alerts .notifications-table th{font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}#notifications-alerts .notifications-table td:first-child,#notifications-alerts .notifications-table th:first-child{max-width:50px;min-width:50px;padding:var(--spacing-xs);text-align:center;width:50px}#notifications-alerts .notifications-table td:nth-child(2),#notifications-alerts .notifications-table th:nth-child(2){max-width:150px;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px}#notifications-alerts .notifications-table td:nth-child(3),#notifications-alerts .notifications-table th:nth-child(3){max-width:80px;min-width:70px;padding:var(--spacing-xs);text-align:center;width:70px}#notifications-alerts .notifications-table td:nth-child(4),#notifications-alerts .notifications-table th:nth-child(4){max-width:130px;min-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:110px}#notifications-alerts .notifications-table td:nth-child(5),#notifications-alerts .notifications-table th:nth-child(5){font-size:10px;max-width:120px;min-width:100px;white-space:nowrap;width:110px}#notifications-alerts .notifications-table td:nth-child(6),#notifications-alerts .notifications-table th:nth-child(6){max-width:100px;min-width:80px;padding:var(--spacing-xs);text-align:center;width:90px}#notifications-alerts .notifications-table td:nth-child(7),#notifications-alerts .notifications-table th:nth-child(7){max-width:90px;min-width:70px;padding:var(--spacing-xs);text-align:center;width:80px}#notifications-alerts .clickable{color:var(--accent);cursor:pointer;text-decoration:underline}#notifications-alerts .floating-message-box{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}#notifications-alerts .message-content{animation:slideUp .3s ease;background:var(--card-bg);border-radius:12px;box-shadow:0 8px 30px #0003;max-width:500px;padding:24px;position:relative}#notifications-alerts .message-content h4{color:var(--text);font-size:18px;margin-bottom:12px}#notifications-alerts .message-content p{color:var(--text-secondary);font-size:14px;line-height:1.6}#notifications-alerts .close-btn{color:var(--text-secondary);cursor:pointer;font-size:22px;position:absolute;right:12px;top:8px;transition:color .3s ease}#notifications-alerts .close-btn:hover{color:var(--accent)}.profile-settings{margin:0 auto;max-width:900px;padding:var(--spacing-lg)}.profile-settings-header{margin-bottom:var(--spacing-2xl)}.profile-settings-header h2{color:var(--text);font-size:28px;font-weight:600;margin-bottom:var(--spacing-xs)}.profile-settings-header p{color:var(--text-secondary);font-size:14px}.profile-error-message,.profile-success-message{align-items:center;border-radius:var(--radius-md);display:flex;font-size:14px;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.profile-error-message{background:#ea43351a;border:1px solid #ea433533;color:var(--error)}.profile-success-message{background:#34a8531a;border:1px solid #34a85333;color:var(--success)}.profile-error-message .material-icons,.profile-success-message .material-icons{font-size:20px}.profile-settings-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.profile-section{border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.profile-section h3{border-bottom:1px solid var(--border);color:var(--text);font-size:18px;font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.profile-picture-section{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-picture-preview{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center}.profile-picture-placeholder{background:var(--accent);color:#fff;font-size:36px;font-weight:600}.profile-picture-actions{gap:var(--spacing-md)}.remove-btn,.upload-btn{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.upload-btn{background:var(--accent);border-color:var(--accent)}.upload-btn:hover{background:var(--accent-dark)}.remove-btn:hover{background:var(--bg-secondary);border-color:var(--error);color:var(--error)}.profile-picture-hint{color:var(--text-tertiary);margin-top:var(--spacing-xs)}.preferences-form,.profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-md);font-family:var(--font-family);padding:var(--spacing-md);transition:all var(--transition-base)}.char-count{color:var(--text-tertiary);font-size:12px;margin-top:var(--spacing-xs);text-align:right}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.cancel-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text)}.cancel-btn:hover{background:var(--bg)}@media (max-width:768px){.profile-settings{padding:var(--spacing-md)}.form-row{grid-template-columns:1fr}.profile-picture-actions{flex-direction:column;width:100%}.remove-btn,.upload-btn{justify-content:center;width:100%}.form-actions{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%}}.account-settings{margin:0 auto;max-width:900px;padding:var(--spacing-lg)}.account-settings-header{margin-bottom:var(--spacing-2xl)}.account-settings-header h2{color:var(--text);font-size:28px;font-weight:600;margin-bottom:var(--spacing-xs)}.account-settings-header p{color:var(--text-secondary);font-size:14px}.account-error-message,.account-success-message{align-items:center;border-radius:var(--radius-md);display:flex;font-size:14px;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.account-error-message{background:#ea43351a;border:1px solid #ea433533;color:var(--error)}.account-success-message{background:#34a8531a;border:1px solid #34a85333;color:var(--success)}.account-error-message .material-icons,.account-success-message .material-icons{font-size:20px}.account-settings-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.account-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.account-section h3{border-bottom:1px solid var(--border);color:var(--text);font-size:18px;font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.danger-zone{border-color:var(--error)}.danger-zone h3{border-bottom-color:#ea433533;color:var(--error)}.password-form,.settings-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{gap:var(--spacing-xs)}.form-group input,.form-group select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-family);padding:var(--spacing-md);transition:all var(--transition-base)}.field-hint{color:var(--text-tertiary);font-size:12px;margin-top:var(--spacing-xs)}.setting-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-md) 0}.setting-item:last-child{border-bottom:none}.setting-info{flex:1 1}.setting-info label{color:var(--text);display:block;font-size:14px;font-weight:500;margin-bottom:var(--spacing-xs)}.setting-info p{color:var(--text-secondary);font-size:12px;margin:0}.toggle-switch{cursor:pointer;width:48px}.toggle-slider{background-color:var(--bg-secondary);transition:var(--transition-base)}.toggle-slider:before{box-shadow:0 2px 4px #0003;transition:var(--transition-base)}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.form-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.save-btn{align-items:center;background:var(--accent);border-radius:var(--radius-md);display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.save-btn:hover:not(:disabled){background:var(--accent-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.danger-actions{display:flex;flex-direction:column;gap:var(--spacing-lg)}.danger-item{align-items:center;background:#ea43350d;border:1px solid #ea433533;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.danger-info h4{color:var(--error);font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs)}.danger-info p{color:var(--text-secondary);font-size:13px;margin:0}.danger-btn{align-items:center;background:#0000;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.danger-btn:hover{background:var(--error);color:#fff}.rotating{animation:rotate 1s linear infinite}@media (max-width:768px){.account-settings{padding:var(--spacing-md)}.setting-item{align-items:flex-start}.danger-item,.setting-item{flex-direction:column;gap:var(--spacing-md)}.danger-item{align-items:stretch}.danger-btn{justify-content:center;width:100%}.form-actions{flex-direction:column}.save-btn{justify-content:center;width:100%}}.audit-log-container{background:#0000;box-sizing:border-box;max-width:100%;min-height:100vh;padding:24px;width:100%}.audit-log-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.audit-log-header h2{color:#212121;color:var(--text,#212121);font-size:28px;font-weight:600;line-height:1.2;margin:0 0 8px}.audit-log-header p{color:#757575;color:var(--text-secondary,#757575);font-size:14px;line-height:1.5;margin:0}.btn-export,.btn-filter{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-filter{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);color:#424242;color:var(--text,#424242)}.btn-filter:hover{background-color:#e0e0e0;background-color:var(--bg-hover,#e0e0e0)}.btn-filter .material-icons{font-size:18px}.btn-export{background-color:#2196f3;background-color:var(--primary,#2196f3);color:#fff}.btn-export:hover{background-color:#1976d2;background-color:var(--primary-dark,#1976d2)}.btn-export .material-icons{font-size:18px}.audit-log-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);box-shadow:0 2px 4px #0000001a}.stat-value{color:#2196f3;color:var(--primary,#2196f3);font-size:32px;font-weight:700;line-height:1.2;margin-bottom:8px}.stat-label{color:#757575;color:var(--text-secondary,#757575);line-height:1.4}.audit-log-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.filter-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.filter-row:last-child{margin-bottom:0}.filter-group{gap:8px}.filter-group label{color:#424242;color:var(--text,#424242);font-size:14px;margin-bottom:4px}.filter-group input,.filter-group select{background-color:#fff;background-color:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:6px;box-sizing:border-box;color:#424242;color:var(--text,#424242);font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#2196f3;outline:none}.btn-clear-filters{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;margin-top:24px;padding:10px 20px;transition:all .2s}.btn-clear-filters:hover{background-color:#e0e0e0}.audit-log-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.audit-log-table{border-collapse:collapse;width:100%}.audit-log-table thead{background-color:#f5f5f5}.audit-log-table th{border-bottom:2px solid #e0e0e0;font-weight:600;text-align:left}.audit-log-table td,.audit-log-table th{color:#424242;font-size:14px;padding:16px}.audit-log-table td{border-bottom:1px solid #f0f0f0}.audit-log-table tbody tr:hover{background-color:#f9f9f9}.user-info{display:flex;flex-direction:column;gap:4px}.user-email{color:#212121;font-weight:500}.user-role{color:#757575;font-size:12px}.action-cell{align-items:center;display:flex;gap:8px}.action-cell .material-icons{color:#757575;font-size:18px}.resource-cell{display:flex;flex-direction:column;gap:4px}.resource-type{color:#212121;font-weight:500}.resource-id{color:#757575;font-size:12px}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:12px;display:inline-block}.status-badge.success{background-color:#e8f5e9;color:#2e7d32}.status-badge.error{background-color:#ffebee;color:#c62828}.empty-state,.error-state,.loading-state{color:#757575;padding:60px 20px;text-align:center}.empty-state .material-icons,.error-state .material-icons,.loading-state .material-icons{color:#bdbdbd;font-size:48px;margin-bottom:16px}.error-state .material-icons{color:#f44336}.spinning{animation:spin 1s linear infinite}.material-icons{word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.audit-log-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.audit-log-header>div:first-child{flex:1 1;min-width:0}.empty-state{align-items:center;color:#757575;color:var(--text-secondary,#757575);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state .material-icons{color:#bdbdbd;color:var(--text-tertiary,#bdbdbd);font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px;margin:0}@media (max-width:768px){.audit-log-container{padding:16px}.audit-log-header{align-items:flex-start;flex-direction:column;gap:16px}.audit-log-actions{justify-content:flex-start;width:100%}.audit-log-stats,.filter-row{grid-template-columns:1fr}.audit-log-table{font-size:12px}.audit-log-table td,.audit-log-table th{padding:8px}}.banner-management{margin:0 auto;max-width:1400px;padding:24px}.banner-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.banner-header h1{color:var(--text);font-size:28px;font-weight:600;margin:0 0 8px}.banner-header p{color:var(--text-secondary);font-size:14px;margin:0}.btn-primary{font-size:14px;padding:12px 24px}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 8px #1a73e833;transform:translateY(-1px)}.btn-secondary{background:var(--card-bg);border:1px solid var(--border);color:var(--text);font-size:14px}.btn-secondary:hover{background:var(--nav-hover)}.btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.btn-icon:hover{background:var(--nav-hover);color:var(--text)}.btn-icon.btn-danger:hover{background:var(--error);color:#fff}.banner-tabs{border-bottom:2px solid var(--border);display:flex;gap:8px;margin-bottom:24px}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button:hover{color:var(--text)}.tab-button.active{border-bottom-color:var(--accent);color:var(--accent)}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px}.empty-state i,.loading-state i{color:var(--text-secondary);font-size:64px;margin-bottom:16px}.empty-state p,.loading-state p{color:var(--text-secondary);font-size:16px;margin:0 0 24px}.banners-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.banner-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.banner-card:hover{box-shadow:0 4px 12px var(--shadow-hover);transform:translateY(-2px)}.banner-image-container{background:var(--nav-bg);height:200px;overflow:hidden;position:relative;width:100%}.banner-image-container img{height:100%;object-fit:cover;width:100%}.banner-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px;position:absolute;right:12px;top:12px}.banner-status.active{background:#4caf50e6;color:#fff}.banner-status.inactive{background:#9e9e9ee6;color:#fff}.banner-info{padding:16px}.banner-info h3{color:var(--text);font-size:16px;font-weight:500;margin:0 0 8px}.banner-link{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;margin:8px 0}.banner-link a{color:var(--accent);overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.banner-link a:hover{text-decoration:underline}.banner-meta{color:var(--text-secondary);font-size:12px;gap:16px;margin-top:8px}.banner-meta,.banner-meta span{align-items:center;display:flex}.banner-meta span{gap:4px}.banner-actions{background:var(--nav-bg);border-top:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.modal-overlay{padding:24px}.modal-content{box-shadow:0 8px 32px #0000004d;max-width:600px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:var(--text);font-size:20px;font-weight:600;margin:0}.banner-form{padding:24px}.form-group{margin-bottom:24px}.form-group input[type=number],.form-group input[type=text],.form-group select{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a}.form-group .form-hint{color:#666;color:var(--text-muted,#666);font-size:12px;margin-bottom:0;margin-top:6px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.image-upload{margin-top:8px}.image-preview{border:1px solid var(--border);border-radius:8px;max-width:400px;overflow:hidden;position:relative;width:100%}.image-preview img{display:block;height:auto;width:100%}.image-preview .btn-icon{background:#0009;color:#fff;position:absolute;right:8px;top:8px}.upload-label{cursor:pointer;display:block}.upload-label input[type=file]{display:none}.upload-placeholder{align-items:center;background:var(--nav-bg);border:2px dashed var(--border);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:48px;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-placeholder:hover{background:var(--card-bg);border-color:var(--accent)}.upload-placeholder i{color:var(--text-secondary);font-size:48px;margin-bottom:12px}.upload-placeholder p{color:var(--text-secondary);font-size:14px;margin:0}.form-actions{justify-content:flex-end;margin-top:32px;padding-top:24px}@media (max-width:768px){.banner-header{flex-direction:column;gap:16px}.banners-grid{grid-template-columns:1fr}.modal-content{max-width:100%}}.partnership-management-page.partnership-management-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.partnership-management-page .partnership-page-subtitle{color:var(--text-secondary);font-size:15px;line-height:1.45;margin:0 0 20px}.partnership-management-page .action-btn{font-size:13px!important;min-width:32px!important;padding:6px 12px!important;width:auto!important}.partnership-management-page .action-btn.danger{background-color:var(--error);color:#fff}.partnership-management-page .partnership-filter-select{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font-size:14px;min-width:160px;padding:10px 14px}.partnership-management-page .tab-content .partnership-analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:8px}.partnership-management-page .tab-content .partnership-stat-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px}.partnership-management-page .tab-content .partnership-stat-card h3{color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.partnership-management-page .tab-content .partnership-stat-card .partnership-stat-value{color:var(--text);font-size:28px;font-weight:700;margin:0}@media (max-width:1200px){.partnership-management-page .tab-content .partnership-analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.partnership-management-page .tab-content .partnership-analytics-grid{grid-template-columns:1fr}}.resources-management-page.resources-management-page{margin:0 auto;max-width:1200px;padding:0;width:100%}.resources-management-page>h2{color:#1a1a1a;color:var(--text,#1a1a1a);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.resources-management-subtitle{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border,#e5e5e5);color:#666;color:var(--text-secondary,#666);font-size:.9375rem;line-height:1.5;margin:0 0 24px;padding-bottom:20px}.resources-management-page .user-management-tabs{display:flex;flex-wrap:wrap;gap:0;grid-template-columns:none}.resources-management-page .tab-button{flex:1 1 auto;max-width:160px;min-width:100px}.resources-management-page .tab-button .material-icons{display:block;font-size:20px;margin-bottom:4px}.resources-management-page .resources-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:24px}.resources-management-page .resources-stat-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:20px}.resources-management-page .resources-stat-card h3{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.resources-management-page .resources-stat-card .resources-stat-value{color:var(--text);font-size:24px;font-weight:700;margin:0}.resources-management-page .resources-table-wrap{border:1px solid var(--border);border-radius:8px;margin-top:16px;overflow-x:auto}.resources-management-page .resources-table{border-collapse:collapse;font-size:14px;width:100%}.resources-management-page .resources-table td,.resources-management-page .resources-table th{border-bottom:1px solid var(--border);padding:12px 16px;text-align:left}.resources-management-page .resources-table th{background:var(--bg);color:var(--text-secondary);font-weight:600}.resources-management-page .resources-table tr:hover{background:#00000005}.resources-management-page .resources-table .action-btn{font-size:12px;margin-right:4px;padding:6px 10px}.resources-management-page .resources-section-title{font-size:16px;font-weight:600;margin:24px 0 12px}.resources-management-page .tab-content>p:first-of-type{margin-bottom:20px;max-width:560px;text-align:left}.resources-form-card{background:#f8f9fa;background:var(--bg,#f8f9fa);border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:12px;margin-top:20px;max-width:560px;padding:24px}.resources-form-group{margin-bottom:20px}.resources-form-group:last-of-type{margin-bottom:0}.resources-form-group label{color:#555;color:var(--text-secondary,#555);display:block;font-size:.8125rem;font-weight:600;letter-spacing:.02em;margin-bottom:8px}.resources-form-group input[type=email],.resources-form-group input[type=text],.resources-form-group select,.resources-form-group textarea{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:8px;box-sizing:border-box;color:#1a1a1a;color:var(--text,#1a1a1a);display:block;font-size:.9375rem;line-height:1.4;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.resources-form-group input:focus,.resources-form-group select:focus,.resources-form-group textarea:focus{border-color:#3498db;border-color:var(--accent,#3498db);box-shadow:0 0 0 3px #3498db1f;outline:none}.resources-form-group textarea{min-height:80px;resize:vertical}.resources-form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.resources-form-actions .action-btn,.resources-form-actions button.primary-btn{background:#3498db;background:var(--accent,#3498db);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:10px 20px;transition:background .15s ease,transform .1s ease}.resources-form-actions .action-btn:hover:not(:disabled),.resources-form-actions button.primary-btn:hover:not(:disabled){background:#2980b9;background:var(--accent-hover,#2980b9)}.resources-form-actions .action-btn:disabled,.resources-form-actions button.primary-btn:disabled{cursor:not-allowed;opacity:.7}.resources-form-result{color:#666;color:var(--text-secondary,#666);font-size:.875rem;margin:0}.resources-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.resources-filters-row input[type=text],.resources-filters-row select{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:8px;color:#1a1a1a;color:var(--text,#1a1a1a);font-size:.9375rem;min-width:0;padding:10px 12px}.resources-filters-row input[type=text]{flex:1 1;max-width:280px;min-width:200px}.resources-filters-row select{min-width:120px}.resources-filters-row .action-btn{border-radius:8px;font-weight:600;padding:10px 18px;white-space:nowrap}.resources-table-empty{background:#f8f9fa;background:var(--bg,#f8f9fa);border-radius:0 0 8px 8px;color:#666;color:var(--text-secondary,#666);font-size:.9375rem;padding:32px 16px;text-align:center}.section{animation:fadeInUp .3s ease;background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin-bottom:0;max-width:100%;overflow-x:hidden;overflow-y:visible;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.loading{color:var(--text-secondary);font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.section{margin-bottom:0;padding:0}}.error-boundary{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:400px;padding:var(--spacing-xl)}.error-boundary-content{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:500px;padding:var(--spacing-2xl);text-align:center}.error-boundary-icon{color:var(--error);font-size:64px;margin-bottom:var(--spacing-lg)}.error-boundary-icon .material-icons{font-size:64px}.error-boundary-title{color:var(--text);font-size:24px;font-weight:600;margin-bottom:var(--spacing-md)}.error-boundary-message{color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:var(--spacing-xl)}.error-boundary-details{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md);text-align:left}.error-boundary-details summary{color:var(--text);cursor:pointer;font-weight:600;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.error-boundary-stack{word-wrap:break-word;background:var(--bg);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;margin-top:var(--spacing-sm);max-height:300px;overflow-x:auto;overflow-y:auto;padding:var(--spacing-sm);white-space:pre-wrap}.error-boundary-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.error-boundary-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.error-boundary-btn-primary{background:var(--accent);color:#fff}.error-boundary-btn-primary:hover{background:var(--accent-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.error-boundary-btn-secondary{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text)}.error-boundary-btn-secondary:hover{background:var(--bg);border-color:var(--accent)}.error-boundary-btn .material-icons{font-size:18px}.user-sidebar{background:#fff;background:var(--nav-bg);border-right:1px solid #dadce0;border-right:1px solid var(--border);box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;right:auto;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}[dir=rtl] .user-sidebar{border-left:1px solid #dadce0!important;border-left:1px solid var(--border)!important;border-right:none!important;left:auto!important;right:0!important}[dir=rtl] .user-theme-toggle{left:20px!important;right:auto!important}.user-sidebar-header{background:#fff;background:var(--nav-bg);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);padding:24px 20px 20px}.user-sidebar-logo{align-items:center;display:flex;gap:12px;margin-bottom:20px}.user-sidebar-logo img{border-radius:8px;box-shadow:0 2px 4px #00000014;box-shadow:0 2px 4px var(--shadow);height:56px;width:56px}.user-sidebar-logo h2{color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:500;margin:0}[dir=rtl] .user-sidebar-logo{flex-direction:row-reverse}.user-profile-section{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--shadow);display:flex;gap:12px;margin-bottom:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-profile-section:hover{box-shadow:0 2px 6px #0000001f;box-shadow:0 2px 6px var(--shadow-hover);transform:translateY(-1px)}.user-profile-section.active{background:#1a73e8;background:var(--accent);border-color:#1a73e8;border-color:var(--accent);box-shadow:0 2px 8px #1a73e84d}.user-profile-section.active .user-profile-info h3,.user-profile-section.active .user-profile-info p{color:#fff}.user-profile-picture{align-items:center;background:#1a73e8;background:var(--accent);border:none;border-radius:50%;box-shadow:0 2px 4px #00000014;box-shadow:0 2px 4px var(--shadow);display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.user-profile-picture img{height:100%;object-fit:cover;width:100%}.user-profile-picture .profile-placeholder{color:#fff;font-size:20px;font-weight:500}.user-profile-picture .upload-overlay{align-items:center;background:#00000080;border-radius:50%;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.user-profile-picture:hover .upload-overlay{opacity:1}.user-profile-picture .upload-overlay i{color:#fff;font-size:18px}.user-profile-info{flex:1 1;min-width:0}.user-profile-info h3{color:#212121;color:var(--text);font-size:14px;font-weight:500;margin:0 0 4px;text-transform:none}.user-profile-info h3,.user-profile-info p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-info p{color:#5f6368;color:var(--text-secondary);font-size:12px;margin:0}[dir=rtl] .user-profile-section{flex-direction:row-reverse}.user-sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.user-nav-section{margin-bottom:24px}.user-nav-section-title{color:#5f6368;color:var(--text-secondary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;padding:0 20px 8px;text-transform:uppercase}.user-nav-list{list-style:none;margin:0;padding:0}.user-nav-item{margin:0 8px 4px}.user-nav-link{align-items:center;background:#0000;border:none;border-radius:8px;color:#212121;color:var(--text);cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;gap:12px;padding:12px 16px;position:relative;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}[dir=rtl] .user-nav-link{flex-direction:row-reverse;text-align:right}.user-nav-link:hover{background:#f1f3f4;background:var(--nav-hover);color:#212121;color:var(--text)}.user-nav-link.active{background:#1a73e8;background:var(--accent);box-shadow:0 2px 4px #1a73e833;color:#fff;font-weight:500}.user-nav-link.active:before{background:#1a73e8;background:var(--accent);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}[dir=rtl] .user-nav-link.active:before{border-radius:2px 0 0 2px;left:auto;right:0}.user-nav-icon{align-items:center;color:inherit;display:flex;font-size:20px;height:24px;justify-content:center;width:24px}.user-nav-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-nav-badge{background:#ea4335;background:var(--error);border-radius:10px;color:#fff;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;line-height:1.2;min-width:18px;padding:2px 6px;text-align:center}.user-progress-summary{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--shadow);cursor:pointer;margin-bottom:16px;padding:12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-progress-summary:hover{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 2px 6px #0000001f;box-shadow:0 2px 6px var(--shadow-hover)}.user-progress-summary.active{background:#1a73e8;background:var(--accent);border-color:#1a73e8;border-color:var(--accent);color:#fff}.user-progress-summary-title{align-items:center;color:#212121;color:var(--text);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:10px}.user-progress-summary.active .user-progress-summary-title{color:#fff}.user-progress-summary-title .material-icons{color:#1a73e8;color:var(--accent);font-size:18px}.user-progress-summary.active .user-progress-summary-title .material-icons{color:#fff}.user-progress-summary-loading{color:#5f6368;color:var(--text-secondary);font-size:12px;padding:4px 0}.user-progress-summary-stats{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.user-progress-stat{align-items:center;color:#5f6368;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.user-progress-summary.active .user-progress-stat{color:#ffffffe6}.user-progress-stat .material-icons{color:#fbbc04;color:var(--warning);font-size:16px}.user-progress-summary-link{background:none;border:none;color:#1a73e8;color:var(--accent);cursor:pointer;display:block;font-family:inherit;font-size:12px;font-weight:500;padding:6px 0;text-align:left;width:100%}.user-progress-summary-link:hover{text-decoration:underline}.user-progress-summary.active .user-progress-summary-link{color:#fff}.user-sidebar-footer{background:#fff;background:var(--nav-bg);border-top:1px solid #dadce0;border-top:1px solid var(--border);padding:16px 20px}.user-sidebar-toggle{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--shadow);color:#212121;color:var(--text);cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.user-sidebar-toggle:hover{box-shadow:0 2px 6px #0000001f;box-shadow:0 2px 6px var(--shadow-hover);transform:translateY(-1px)}.user-sidebar-toggle i{font-size:18px}.user-theme-toggle{align-items:center;background:#1a73e8;background:var(--accent);border:none;border-radius:50%;box-shadow:0 2px 4px #1a73e833;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1001}.user-theme-toggle:hover{box-shadow:0 4px 8px #1a73e84d;transform:translateY(-1px)}.user-theme-toggle i{font-size:20px}.sidebar-close-btn{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:50%;box-shadow:0 2px 4px #00000014;box-shadow:0 2px 4px var(--shadow);color:#212121;color:var(--text);cursor:pointer;display:none;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1002}.sidebar-close-btn:hover{background:#f8f9fa;background:var(--hover);box-shadow:0 4px 8px #0000001f;box-shadow:0 4px 8px var(--shadow-hover)}.sidebar-close-btn .material-icons{font-size:24px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.sidebar-overlay{display:block}.sidebar-close-btn{display:flex}.user-sidebar{max-width:85vw;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px}.user-sidebar.open{transform:translateX(0)}[dir=rtl] .user-sidebar{transform:translateX(100%)}[dir=rtl] .user-sidebar.open{transform:translateX(0)}.user-sidebar-header{padding:20px 16px 16px}.user-profile-section{padding:12px}.user-nav-link{padding:10px 16px}.user-theme-toggle{height:36px;right:16px;top:16px;width:36px}}.user-sidebar-nav::-webkit-scrollbar{width:6px}.user-sidebar-nav::-webkit-scrollbar-track{background:#0000}.user-sidebar-nav::-webkit-scrollbar-thumb{background:#dadce0;background:var(--border);border-radius:3px}.user-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#5f6368;background:var(--text-secondary)}.profile-picture-section{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:30px;padding:25px}.profile-picture-container{align-items:flex-start;display:flex;gap:30px;margin-top:20px}.profile-picture-wrapper{flex-shrink:0;position:relative}.profile-picture{border:4px solid #e9ecef;border-radius:50%;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.profile-picture:hover{border-color:#3498db;transform:scale(1.05)}.profile-picture-overlay{border-radius:50%;cursor:pointer}.profile-picture-wrapper:hover .profile-picture-overlay{opacity:1}.upload-btn{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:5px;text-align:center}.upload-btn .material-icons{font-size:24px}.profile-picture-info{flex:1 1}.profile-picture-info h4{color:#2c3e50;font-size:18px;margin-bottom:10px}.profile-picture-info p{color:#666;line-height:1.5;margin-bottom:20px}.profile-picture-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-picture-actions .action-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .3s ease}.profile-picture-actions .action-btn.edit{background:#3498db;color:#fff}.profile-picture-actions .action-btn.edit:hover{background:#2980b9}.profile-picture-actions .action-btn.delete{background:#e74c3c;color:#fff}.profile-picture-actions .action-btn.delete:hover{background:#c0392b}.profile-picture-actions .action-btn .material-icons{font-size:16px}@media (max-width:768px){.profile-picture-container{align-items:center;flex-direction:column;gap:20px;text-align:center}.profile-picture{height:100px;width:100px}.profile-picture-actions{justify-content:center}}@media (max-width:480px){.profile-picture{height:80px;width:80px}.profile-picture-actions{flex-direction:column;width:100%}.profile-picture-actions .action-btn{justify-content:center;width:100%}}.user-main-content{background:#f8f9fa;flex-grow:1;min-height:100vh;padding:20px}.user-main-content h2{color:#2c3e50;margin-bottom:10px}.user-main-content p{color:#666;margin-bottom:20px}.course-management-scroll-wrapper{background-color:#f4f6fa;height:100vh;overflow-y:auto;padding:40px}.course-management-page{margin:0 auto;max-width:1400px;min-height:0;min-height:auto}.page-header{margin-bottom:40px;text-align:center}.section-title{color:#333;font-size:32px;font-weight:700;margin-bottom:12px}.section-subtitle{color:#666;font-size:16px;margin:0}.feature-cards-container{display:flex;flex-direction:column;gap:40px}.category-section{border-radius:16px;box-shadow:0 4px 12px #00000014;padding:30px}.category-title{border-bottom:2px solid #2c3e50;color:#333;display:inline-block;font-size:24px;font-weight:600;margin-bottom:24px;padding-bottom:12px}.feature-cards-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center}.feature-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;color:#333;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#2c3e50,#3498db);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{border-color:#2c3e50;box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.feature-card:hover:before{transform:scaleX(1)}.card-header{gap:16px;margin-bottom:16px}.icon{align-items:center;background:linear-gradient(135deg,#2c3e50,#3498db);border-radius:12px;color:#fff;display:flex;font-size:32px;font-size:24px;height:60px;justify-content:center;width:60px}.card-title{color:#222;flex:1 1;font-size:18px;font-weight:600;margin:0}.card-description{color:#666;flex:1 1;font-size:14px;line-height:1.5;margin:0 0 12px}.card-subtitle{color:#888;font-size:12px;font-style:italic;margin:0 0 20px}.card-footer{display:flex;justify-content:flex-end;margin-top:auto}.access-link{color:#2c3e50;font-size:14px;font-weight:500;transition:color .3s ease}.feature-card:hover .access-link{color:#3498db}.course-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.course-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.course-management-page{padding:20px}.section-title{font-size:28px}.category-section{padding:20px}.feature-cards-grid{gap:16px}.course-cards-grid,.feature-cards-grid{grid-template-columns:1fr}.feature-card{padding:20px}.card-header{flex-direction:column;gap:12px;text-align:center}.icon{font-size:20px;height:50px;width:50px}.card-title{font-size:16px}}@media (max-width:480px){.course-management-page{padding:16px}.section-title{font-size:24px}.category-title{font-size:20px}.feature-card{padding:16px}}.feature-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:nth-child(7){animation-delay:.7s}.feature-card:nth-child(8){animation-delay:.8s}.feature-card:nth-child(9){animation-delay:.9s}.user-cards{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.user-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0003;cursor:pointer;padding:20px;text-align:center;transition:transform .3s,box-shadow .3s;width:calc(33.333% - 10px)}.user-card:hover{box-shadow:0 5px 10px #0000004d;transform:scale(1.05)}.user-card h3{color:#2c3e50;margin-bottom:10px}.user-card p{color:#666;margin:0}.progress-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.progress-card{border-radius:8px;box-shadow:0 2px 5px #0000001a}.progress-card h3{color:#2c3e50;margin-bottom:15px}.progress-bar{background:#e9ecef;border-radius:5px;height:10px;margin-bottom:10px}.progress-fill{background:linear-gradient(90deg,#3498db,#2980b9)}.vocabulary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-card{border-radius:8px;box-shadow:0 2px 5px #0000001a}.stat-number{color:#3498db;font-size:2.5rem;margin:10px 0}.word-list{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:15px}.word-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px 20px}.word-item:last-child{border-bottom:none}.word{color:#2c3e50;font-weight:700}.meaning{color:#666}.practice-categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.practice-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:25px}.practice-card h3{color:#2c3e50;margin-bottom:10px}.practice-stats{color:#666;display:flex;justify-content:space-between;margin:15px 0}.practice-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.practice-btn:hover{background:#2980b9}.activity-list{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:15px}.activity-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px 20px}.activity-item:last-child{border-bottom:none}.activity-type{background:#3498db;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.activity-title{color:#2c3e50;font-weight:700}.activity-score{color:#27ae60;font-weight:700}.live-sessions{margin-top:30px}.session-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:15px}.session-card{align-items:center;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between}.session-time{margin-right:20px;text-align:center}.date{color:#2c3e50;font-weight:700}.date,.time{display:block}.time{color:#3498db;font-size:14px}.session-info h4{color:#2c3e50;margin-bottom:5px}.session-info p{color:#666;font-size:14px;margin:2px 0}.join-btn{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.join-btn:hover{background:#229954}.forum-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:15px}.forum-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px}.forum-card h4{color:#2c3e50;margin-bottom:10px}.forum-stats{color:#666;display:flex;font-size:14px;justify-content:space-between;margin:15px 0}.forum-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .3s}.forum-btn:hover{background:#2980b9}.current-plan{margin-top:30px}.plan-card{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between;margin-top:15px;padding:25px}.plan-info h4{color:#2c3e50;margin-bottom:10px}.plan-info ul{list-style:none;padding:0}.plan-info li{color:#666;padding:5px 0}.plan-info li:before{color:#27ae60;content:"✓";margin-right:10px}.plan-details{text-align:right}.plan-price{color:#3498db;font-size:1.5rem;font-weight:700;margin-bottom:5px}.plan-status{color:#666;margin-bottom:15px}.cancel-btn{background:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.cancel-btn:hover{background:#c0392b}.payment-methods{margin-top:30px}.payment-list{margin-top:15px}.payment-card{align-items:center;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between;margin-bottom:15px}.card-info{display:flex;flex-direction:column}.card-type{color:#2c3e50;font-weight:700}.card-number{color:#666;margin:5px 0}.card-expiry{color:#999;font-size:14px}.edit-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .3s}.edit-btn:hover{background:#2980b9}.add-payment-btn{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:12px 24px;transition:background .3s}.add-payment-btn:hover{background:#229954}.billing-history{margin-top:30px}.billing-list{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:15px}.billing-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px 20px}.billing-item:last-child{border-bottom:none}.billing-date{color:#666;font-size:14px}.billing-description{color:#2c3e50;font-weight:700}.billing-amount{color:#3498db;font-weight:700}.billing-status{color:#27ae60;font-weight:700}.language-section,.notification-section,.profile-section{margin-top:30px}.language-settings,.notification-settings,.profile-form{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:15px;padding:25px}.form-group,.setting-group{margin-bottom:20px}.form-group label,.setting-group label{color:#2c3e50;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select,.setting-group select{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;width:100%}.setting-item{margin-bottom:15px}.setting-item label{align-items:center;cursor:pointer;display:flex}.setting-item input[type=checkbox]{margin-right:10px;width:auto}.account-actions{margin-top:30px}.action-buttons{margin-top:15px}.save-btn{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:12px 24px;transition:background .3s}.save-btn:hover{background:#229954}.change-password-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:12px 24px;transition:background .3s}.change-password-btn:hover{background:#2980b9}.delete-account-btn{background:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:12px 24px;transition:background .3s}.delete-account-btn:hover{background:#c0392b}.help-categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.help-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px}.help-card h4{color:#2c3e50;margin-bottom:10px}.help-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px;transition:background .3s}.help-btn:hover{background:#2980b9}.faq-list{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:15px}.faq-item{border-bottom:1px solid #e9ecef;padding:20px}.faq-item h4{color:#2c3e50;margin-bottom:10px}.faq-item p{color:#666}.contact-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.contact-card{border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px}.contact-card h4{margin-bottom:10px}.contact-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;margin-top:10px;padding:10px 20px;text-decoration:none;transition:background .3s}.contact-btn:hover{background:#2980b9}.feedback-form{margin-top:30px}.feedback-form-content{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:15px;padding:25px}.feedback-form-content textarea{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;resize:vertical;width:100%}.submit-btn{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:12px 24px;transition:background .3s}.submit-btn:hover{background:#229954}@media (max-width:768px){.user-main-content{margin-left:0;padding:15px}.user-card{width:100%}.contact-options,.forum-list,.help-categories,.practice-categories,.progress-overview,.session-list,.vocabulary-stats{grid-template-columns:1fr}.plan-card{flex-direction:column;gap:20px}.session-card{text-align:center}.action-buttons,.session-card{flex-direction:column}}.subscription-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px var(--shadow);overflow:hidden;width:100%}.subscription-tabs{background:var(--card-bg);border-bottom:1px solid var(--border);padding:0}.subscription-tabs-list{-ms-overflow-style:none;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.subscription-tabs-list::-webkit-scrollbar{display:none}.subscription-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:16px 24px;transition:all .3s ease;white-space:nowrap}.subscription-tab:hover{background:#f9fafb;color:#374151}.subscription-tab.active{background:#f0f9ff;border-bottom-color:#3498db;color:#3498db}.subscription-tab .material-icons{font-size:18px}.subscription-tab .tab-label{font-size:14px;font-weight:500}.subscription-content{background:var(--card-bg);min-height:400px;padding:32px}.trial-cta{margin-top:16px;text-align:center}.trial-cta .trial-btn{font-size:16px;padding:12px 24px}.trial-cta-subtext{color:#6b7280;font-size:14px;margin:8px 0 0}.modal-overlay{inset:0}.modal-content.trial-modal{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:90vw;min-width:320px;overflow-y:auto;padding:24px}.modal-content.trial-modal h3{font-size:18px;margin:0 0 16px}.trial-modal-error{color:#dc2626;font-size:14px;margin-bottom:12px}.trial-step-badge{background:#2563eb;background:var(--accent,#2563eb);border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:8px;padding:4px 8px;text-transform:uppercase}.trial-modal-step{margin-bottom:16px}.trial-modal-step.trial-step-language{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);margin-bottom:20px;padding:12px 0}.trial-modal-label{color:#374151;color:var(--text-secondary,#374151);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.trial-language-select{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border,#e5e7eb);border-radius:8px;color:#111827;color:var(--text,#111827);font-size:15px;max-width:280px;min-height:44px;padding:10px 12px;width:100%}.trial-language-select:focus{border-color:#2563eb;border-color:var(--accent,#2563eb);outline:none}.trial-year-groups{margin-bottom:8px;max-height:280px;overflow-y:auto}.trial-year-group{margin-bottom:20px}.trial-year-group:last-child{margin-bottom:0}.trial-year-group-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);color:#111827;color:var(--text,#111827);font-size:14px;font-weight:600;margin:0 0 10px;padding-bottom:6px}.trial-year-list{list-style:none;margin:0 0 20px;max-height:none;overflow-y:visible;padding:0}.trial-year-groups .trial-year-list{margin-bottom:0}.trial-year-list li{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);padding:8px 0}.trial-year-list li:last-child{border-bottom:none}.trial-year-list label{align-items:center;cursor:pointer;display:flex;gap:10px}.trial-year-list input[type=radio]{margin:0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.subscription-tab-content{animation:fadeIn .3s ease;width:100%}.subscription-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.subscription-header h3{color:var(--text);font-size:24px;font-weight:600;margin:0}.subscription-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.subscription-btn.primary{background:#3498db;color:#fff}.subscription-btn.primary:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.subscription-btn.secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.subscription-btn.secondary:hover{background:#e9ecef;color:#495057}.subscription-btn.danger{background:#ef4444;color:#fff}.subscription-btn.danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.subscription-btn.small{font-size:12px;padding:8px 12px}.subscription-plan-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:24px}.subscription-plan-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:0;overflow:hidden;padding:30px;position:relative}.subscription-plan-card:before{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:200px}.plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:25px;position:relative;z-index:1}.plan-header h4{color:#fff;font-size:36px;font-weight:700;margin:0}.plan-price{position:relative;text-align:right;z-index:1}.plan-price .amount{color:#fff;display:block;font-size:48px;font-weight:800}.plan-price .cycle{color:#ffffffe6;font-size:20px;font-weight:500}.plan-features{margin-bottom:25px;position:relative;z-index:1}.plan-features h5{color:#fff;font-size:24px;font-weight:600;margin:0 0 20px}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:500;gap:12px;margin-bottom:12px}.plan-features li:before{color:#4ade80;content:"✓";font-size:20px;font-weight:700}.plan-details{margin-bottom:25px;position:relative;z-index:1}.detail-item{align-items:center;border-bottom:1px solid #fff3;display:flex;font-size:18px;justify-content:space-between;padding:16px 0}.detail-item .label{color:#ffffffe6;font-size:18px;font-weight:500}.detail-item .value{color:#fff;font-size:18px;font-weight:600}.plan-actions{display:flex;flex-wrap:wrap;gap:15px;position:relative;z-index:1}.subscription-status{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 8px;text-transform:capitalize}.subscription-status.active,.subscription-status.paid{background:#dcfce7;color:#166534}.payment-methods-grid{grid-gap:20px;gap:20px}.payment-method-card{border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:25px}.payment-method-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.payment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.payment-header h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.payment-details{margin-bottom:20px}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#6b7280;font-size:14px}.detail-row .value{color:#374151;font-weight:500}.payment-actions{display:flex;flex-wrap:wrap;gap:10px}.billing-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.billing-table table{border-collapse:collapse;width:100%}.billing-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:16px;text-align:left}.billing-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:16px}.billing-table tr:hover{background:#f9fafb}.table-actions{display:flex;gap:8px}.invoices-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.invoice-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:25px;transition:all .3s ease}.invoice-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.invoice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.invoice-header h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.invoice-details{margin-bottom:20px}.invoice-actions{display:flex;flex-wrap:wrap;gap:10px}.special-offers-section{margin-bottom:40px}.special-offers-section h4{color:#374151;font-size:20px;font-weight:600;margin:0 0 25px}.referral-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000000d;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-card h5{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 10px}.stat-number{color:#374151}.referral-link-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;padding:25px}.referral-link-section h5{color:#374151;font-size:16px;font-weight:600;margin:0 0 15px}.link-container{display:flex;gap:10px;margin-bottom:15px}.referral-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#374151;flex:1 1;font-size:14px;padding:12px 16px}.referral-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.special-offers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.offer-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:25px;position:relative;transition:all .3s ease}.offer-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.offer-card.referral{border-left:4px solid #3b82f6}.offer-card.seasonal{border-left:4px solid #f59e0b}.offer-card.billing{border-left:4px solid #10b981}.offer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.offer-header h5{color:#374151;font-size:18px;font-weight:600;margin:0}.offer-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.offer-badge.referral{background:#dbeafe;color:#1e40af}.offer-badge.seasonal{background:#fef3c7;color:#92400e}.offer-badge.billing{background:#d1fae5;color:#065f46}.offer-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.offer-details{margin-bottom:20px}.countdown-timer,.offer-code,.offer-validity,.referral-progress{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.countdown-timer .label,.offer-code .label,.offer-validity .label,.referral-progress .label{color:#6b7280}.countdown-timer .countdown,.offer-code .code,.offer-validity .date,.referral-progress .progress{color:#374151;font-weight:600}.countdown-timer .countdown{color:#f59e0b}.offer-actions{display:flex;flex-wrap:wrap;gap:10px}.promo-redemptions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.promo-redemption-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:25px;transition:all .3s ease}.promo-redemption-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.promo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.promo-header h5{color:#374151;font-size:16px;font-weight:600;margin:0}.promo-details{margin-bottom:20px}.promo-details .detail-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.promo-details .label{color:#6b7280}.promo-details .value{color:#374151;font-weight:500}.promo-details .value.savings{color:#10b981;font-weight:600}@media (max-width:768px){.subscription-section{border-left:none;border-radius:0;border-right:none;margin:0}.subscription-content{padding:20px}.subscription-tabs-list{gap:0}.subscription-tab{font-size:13px;padding:12px 16px}.subscription-tab .material-icons{font-size:16px}.subscription-tab .tab-label{font-size:13px}.subscription-header{align-items:flex-start;flex-direction:column;gap:15px}.plan-header{gap:15px;text-align:center}.plan-actions,.plan-header{flex-direction:column}.payment-methods-grid{gap:15px;grid-template-columns:1fr}.billing-table{overflow-x:auto}.billing-table table{min-width:600px}.invoices-grid{gap:15px;grid-template-columns:1fr}.invoice-actions,.payment-actions{flex-direction:column}.promo-redemptions,.referral-stats,.special-offers-grid{grid-template-columns:1fr}.link-container{flex-direction:column}}@media (max-width:480px){.subscription-tabs-list{flex-wrap:wrap}.subscription-tab{flex:1 1;justify-content:center;min-width:120px}.subscription-plan-card{padding:20px}.plan-header h4{font-size:24px}.plan-price .amount{font-size:28px}}.manage-subscription-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:25px}.section-header{margin-bottom:25px}.section-header h4{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 8px}.section-header p{color:#6b7280;font-size:16px;margin:0}.management-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.management-card{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;padding:25px;transition:all .3s ease}.management-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.card-header{align-items:center;display:flex;gap:12px;margin-bottom:15px}.card-header .material-icons{color:#3b82f6;font-size:24px}.card-header h5{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.management-card p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.plan-comparison{margin-bottom:20px}.plan-option{margin-bottom:12px}.plan-option input[type=radio]{display:none}.plan-option label{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;position:relative;transition:all .3s ease}.plan-option label:hover{border-color:#3b82f6}.plan-option input[type=radio]:checked+label{background:#eff6ff;border-color:#3b82f6}.plan-option.current label{background:#f0fdf4;border-color:#10b981}.plan-name{color:#2c3e50;font-size:16px;font-weight:600}.plan-price{color:#6b7280;font-size:14px}.current-badge{background:#10b981;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;position:absolute;right:10px;top:-8px}.billing-options{margin-bottom:20px}.billing-option{margin-bottom:12px}.billing-option input[type=radio]{display:none}.billing-option label{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;position:relative;transition:all .3s ease}.billing-option label:hover{border-color:#3b82f6}.billing-option input[type=radio]:checked+label{background:#eff6ff;border-color:#3b82f6}.cycle-name{color:#2c3e50;font-size:16px;font-weight:600}.cycle-price{color:#6b7280;font-size:14px}.savings-badge{background:#d1fae5;border-radius:6px;color:#065f46;font-size:11px;font-weight:600;padding:4px 8px}.action-buttons{gap:10px;margin-bottom:15px}.subscription-btn.warning{background:#f59e0b;color:#fff}.subscription-btn.warning:hover{background:#d97706}.pause-info{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;padding:12px}.pause-info p{color:#92400e;font-size:13px;margin:0 0 5px}.pause-info p:last-child{margin-bottom:0}.promo-input{display:flex;gap:10px;margin-bottom:15px}.promo-field{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.promo-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.applied-promos h6{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 10px}.promo-item{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;display:flex;gap:10px;padding:8px 12px}.promo-code{color:#065f46;font-size:13px;font-weight:600}.promo-discount{color:#059669;font-size:12px}.remove-promo{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;margin-left:auto;padding:2px;transition:background .2s ease}.remove-promo:hover{background:#fef2f2}.remove-promo .material-icons{font-size:16px}.feature-comparison-section{margin-top:30px}.feature-comparison-section h5{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px;text-align:center}.comparison-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.comparison-table table{border-collapse:collapse;width:100%}.comparison-table th{background:#f8f9fa;border-bottom:2px solid #e5e7eb;color:#2c3e50;font-size:14px;font-weight:600;padding:15px 12px;text-align:left}.comparison-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px}.comparison-table tr:hover{background:#f9fafb}.comparison-table td:first-child,.comparison-table th:first-child{color:#2c3e50;font-weight:600}@media (max-width:768px){.management-grid{grid-template-columns:1fr}.action-buttons,.promo-input{flex-direction:column}.comparison-table{font-size:12px}.comparison-table td,.comparison-table th{padding:8px 6px}}.profile-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px var(--shadow);overflow:hidden;width:100%}.profile-tabs{background:#f8f9fa;border-bottom:1px solid var(--border)}.profile-tabs-list{-ms-overflow-style:none;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.profile-tabs-list::-webkit-scrollbar{display:none}.profile-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;padding:16px 20px;transition:all .3s ease;white-space:nowrap}.profile-tab.active,.profile-tab:hover{background:#3b82f60d;color:#3b82f6}.profile-tab.active{border-bottom-color:#3b82f6}.profile-tab .material-icons{font-size:18px}.profile-tab .tab-label{font-size:14px}.profile-content{padding:30px}.profile-tab-content{animation:fadeIn .3s ease}.profile-header{margin-bottom:30px;text-align:center}.profile-header h3{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 8px}.profile-header p{color:#6b7280;font-size:16px;margin:0}.profile-photo-section{margin-bottom:40px}.photo-container{align-items:flex-start;display:flex;gap:30px}.photo-wrapper{flex-shrink:0;position:relative}.profile-photo{border:4px solid #e9ecef;border-radius:50%;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.profile-photo:hover{border-color:#3498db;transform:scale(1.05)}.photo-overlay{align-items:center;background:#000000b3;border-radius:50%;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.photo-wrapper:hover .photo-overlay{opacity:1}.photo-info{flex:1 1}.photo-info h4{color:#2c3e50;font-size:18px;margin-bottom:10px}.photo-info p{color:#666;line-height:1.5;margin-bottom:20px}.photo-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.profile-btn.primary{background:#3b82f6;color:#fff}.profile-btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.profile-btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.profile-btn.secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.profile-btn.danger{background:#ef4444;color:#fff}.profile-btn.danger:hover{background:#dc2626;transform:translateY(-1px)}.profile-btn .material-icons{font-size:16px}.info-form-section{margin-bottom:30px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:4px}.contact-account-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.account-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:25px;transition:all .3s ease}.account-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.account-card .card-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.account-card .card-header .material-icons{color:#3b82f6;font-size:24px}.account-card .card-header h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.email-section{display:flex;flex-direction:column;gap:15px}.email-info{align-items:center;display:flex;gap:15px}.email-info input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:12px 16px}.verification-status{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.verification-status.verified{background:#d1fae5;color:#065f46}.verification-status.verified .material-icons{font-size:14px}.phone-section{display:flex;flex-direction:column;gap:15px}.phone-section input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:12px 16px}.phone-actions{display:flex;gap:10px}.password-section{display:flex;flex-direction:column;gap:15px}.password-section p{color:#6b7280;font-size:14px;margin:0}.password-actions{display:flex;gap:10px}.login-history{display:flex;flex-direction:column;gap:15px}.login-item{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;padding:15px}.login-info,.login-item{align-items:center;display:flex}.login-info{gap:12px}.login-info .material-icons{color:#6b7280;font-size:20px}.login-info div p{font-size:14px;margin:0 0 4px}.login-info div p:last-child{color:#6b7280;font-size:12px;margin-bottom:0}.login-status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.login-status.current{background:#dbeafe;color:#1e40af}.notification-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.notification-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:25px;transition:all .3s ease}.notification-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.notification-card .card-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.notification-card .card-header .material-icons{color:#3b82f6;font-size:24px}.notification-card .card-header h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.notification-options{flex-direction:column;gap:12px}.notification-option label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px}.notification-option input[type=checkbox]{accent-color:#3b82f6;height:18px;width:18px}.interface-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.interface-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:25px;transition:all .3s ease}.interface-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.interface-card .card-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.interface-card .card-header .material-icons{color:#3b82f6;font-size:24px}.interface-card .card-header h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.language-options select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:12px 16px;width:100%}.font-options{gap:20px}.font-options,.font-size-control{display:flex;flex-direction:column}.font-size-control{gap:10px}.font-size-control label{color:#374151;font-size:14px;font-weight:600}.font-size-buttons{align-items:center;display:flex;gap:15px}.font-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;padding:8px 12px;transition:all .3s ease}.font-btn:hover{background:#f3f4f6}.current-size{color:#374151;font-weight:600}.accessibility-options{display:flex;flex-direction:column;gap:12px}.accessibility-options label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px}.accessibility-options input[type=checkbox]{accent-color:#3b82f6;height:18px;width:18px}.dark-mode-section{display:flex;flex-direction:column;gap:15px}.mode-toggle{align-items:center;display:flex;gap:15px}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.toggle-slider{background-color:#3b82f6}input:checked+.toggle-slider:before{transform:translateX(26px)}.mode-label{color:#374151;font-size:16px;font-weight:600}.dark-mode-section p{color:#6b7280;font-size:14px;margin:0}.timezone-section select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:12px 16px;width:100%}.learning-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.learning-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:25px;transition:all .3s ease}.learning-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.learning-card .card-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.learning-card .card-header .material-icons{color:#3b82f6;font-size:24px}.learning-card .card-header h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.goals-section select,.level-section select,.native-language-section select,.school-level-section select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:12px 16px;width:100%}.level-description{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:6px;margin-top:15px;padding:12px}.level-description p{color:#1e40af;font-size:13px;line-height:1.4;margin:0}.languages-section{display:flex;flex-direction:column;gap:15px}.language-tags{display:flex;flex-wrap:wrap;gap:8px}.language-tag{align-items:center;background:#dbeafe;border-radius:20px;color:#1e40af;display:flex;font-size:13px;font-weight:600;gap:8px;padding:6px 12px}.remove-tag{background:none;border:none;border-radius:50%;color:#1e40af;cursor:pointer;padding:2px;transition:background .2s ease}.remove-tag:hover{background:#1e40af1a}.remove-tag .material-icons{font-size:14px}.add-language{display:flex;gap:10px}.add-language select{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.security-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.security-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:25px;transition:all .3s ease}.security-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.security-card .card-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.security-card .card-header .material-icons{color:#3b82f6;font-size:24px}.security-card .card-header h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.two-factor-section{display:flex;flex-direction:column;gap:15px}.two-factor-status{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.status-info{display:flex;flex-direction:column;gap:8px}.status-badge{gap:6px}.status-badge.enabled{background:#d1fae5;color:#065f46}.status-badge.disabled{background:#fef3c7;color:#92400e}.status-info p{color:#6b7280;font-size:14px;margin:0}.sessions-section{display:flex;flex-direction:column;gap:15px}.session-item{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.session-item.current{background:#eff6ff;border-color:#3b82f6}.session-info{align-items:center;gap:12px}.session-info .material-icons{color:#6b7280;font-size:20px}.session-info div p{font-size:14px;margin:0 0 4px}.session-info div p:last-child{color:#6b7280;font-size:12px;margin-bottom:0}.session-status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.session-status.active{background:#dbeafe;color:#1e40af}.privacy-section{display:flex;flex-direction:column;gap:12px}.privacy-option,.privacy-option label{align-items:center;display:flex}.privacy-option label{color:#374151;cursor:pointer;font-size:14px;gap:10px}.privacy-option input[type=checkbox]{accent-color:#3b82f6;height:18px;width:18px}.account-actions-section{display:flex;flex-direction:column;gap:10px}.profile-actions{border-top:1px solid #e5e7eb;display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:30px}@media (max-width:768px){.profile-section{border-left:none;border-radius:0;border-right:none;margin:0}.profile-content{padding:20px}.profile-tabs-list{gap:0}.profile-tab{font-size:13px;padding:12px 16px}.profile-tab .material-icons{font-size:16px}.profile-tab .tab-label{font-size:13px}.profile-header h3{font-size:24px}.photo-container{align-items:center;flex-direction:column;gap:20px;text-align:center}.profile-photo{height:100px;width:100px}.photo-actions{justify-content:center}.contact-account-grid,.form-grid,.interface-grid,.learning-grid,.notification-grid,.security-grid{grid-template-columns:1fr}.add-language,.password-actions,.phone-actions,.profile-actions{flex-direction:column}}@media (max-width:480px){.profile-tabs-list{flex-wrap:wrap}.profile-tab{flex:1 1;justify-content:center;min-width:120px}.profile-photo{height:80px;width:80px}.photo-actions{flex-direction:column;width:100%}.photo-actions .profile-btn{justify-content:center;width:100%}}.support-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px var(--shadow);overflow:hidden;width:100%}.support-tabs{background:#f8f9fa;border-bottom:1px solid var(--border)}.support-tabs-list{-ms-overflow-style:none;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.support-tabs-list::-webkit-scrollbar{display:none}.support-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;padding:16px 20px;transition:all .3s ease;white-space:nowrap}.support-tab.active,.support-tab:hover{background:#3b82f60d;color:#3b82f6}.support-tab.active{border-bottom-color:#3b82f6}.support-tab .material-icons{font-size:18px}.support-tab .tab-label{font-size:14px}.support-content{padding:30px}.support-tab-content{animation:fadeIn .3s ease}.support-header{margin-bottom:30px;text-align:center}.support-header h3{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 8px}.support-header p{color:#6b7280;font-size:16px;margin:0}.search-section{margin-bottom:30px}.search-container{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;padding:0 16px;transition:all .3s ease}.search-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#6b7280;margin-right:12px}.search-input{background:#0000;border:none;flex:1 1;font-size:16px;outline:none;padding:16px 0}.search-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 16px;transition:all .3s ease}.search-btn:hover{background:#2563eb}.search-suggestions{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:20px}.search-suggestions h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 15px}.suggestion-tags{display:flex;flex-wrap:wrap;gap:8px}.suggestion-tag{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .3s ease}.suggestion-tag:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.category-filter{display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding-bottom:10px}.filter-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#f3f4f6}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-btn .material-icons{font-size:16px}.help-articles-grid{display:flex;flex-direction:column;gap:30px}.category-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:25px}.category-header{gap:12px;margin-bottom:20px}.category-header .material-icons{font-size:24px}.category-header h4{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.articles-list{gap:15px}.article-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.article-card:hover{box-shadow:0 4px 12px #0000001a}.article-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.article-header:hover{background:#f1f5f9}.article-header h5{color:#374151;font-size:16px;font-weight:600;margin:0}.article-header .material-icons{color:#6b7280;transition:transform .3s ease}.article-card.expanded .article-header .material-icons{transform:rotate(180deg)}.article-content{display:none;padding:0 20px 20px}.article-card.expanded .article-content{display:block}.article-content p{color:#6b7280;line-height:1.6;margin:0 0 15px}.article-tags{display:flex;flex-wrap:wrap;gap:6px}.article-tag{background:#dbeafe;border-radius:12px;color:#1e40af;font-size:11px;font-weight:500;padding:4px 8px}.quick-actions{margin-top:30px;text-align:center}.quick-actions h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.action-buttons{flex-wrap:wrap;gap:15px}.support-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.support-btn.primary{background:#3b82f6;color:#fff}.support-btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.support-btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.support-btn.secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.support-btn.danger{background:#ef4444;color:#fff}.support-btn.danger:hover{background:#dc2626;transform:translateY(-1px)}.support-btn.small{font-size:12px;padding:8px 12px}.support-btn.large{font-size:16px;padding:16px 24px}.support-btn .material-icons{font-size:16px}.chat-section{margin-bottom:30px}.chat-welcome{padding:40px 20px;text-align:center}.chat-status{margin-bottom:30px}.status-indicator{align-items:center;color:#374151;display:flex;font-weight:600;gap:8px;justify-content:center;margin-bottom:10px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot,.status-indicator.online .status-dot{background:#10b981}.status-indicator.offline .status-dot{background:#6b7280}.chat-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.info-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:20px}.info-card .material-icons{color:#3b82f6;font-size:24px;margin-top:2px}.info-card h5{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px}.info-card p{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.chat-interface{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;height:500px;overflow:hidden}.chat-header{background:#f8f9fa;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:15px 20px}.chat-agent,.chat-header{align-items:center;display:flex}.chat-agent{gap:12px}.agent-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.chat-agent h5{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.agent-status{color:#10b981;font-size:12px;font-weight:500}.close-chat{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:8px;transition:all .3s ease}.close-chat:hover{background:#f3f4f6;color:#374151}.message{display:flex;margin-bottom:15px}.message.agent{justify-content:flex-start}.message.user{justify-content:flex-end}.message-content{max-width:70%;position:relative}.message.agent .message-content{background:#f3f4f6;color:#374151}.message.user .message-content{background:#3b82f6;color:#fff}.message-content p{line-height:1.4;margin:0 0 8px}.message-content ul{margin:0 0 8px;padding-left:20px}.message-content li{margin-bottom:4px}.message-time{font-size:11px}.chat-input{border-top:1px solid #e5e7eb;gap:10px;padding:15px 20px}.message-input{border:1px solid #d1d5db;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:12px 16px}.message-input:focus{border-color:#3b82f6}.send-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.send-btn:hover{background:#2563eb}.chat-history{margin-top:30px}.chat-history h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.history-item:hover{box-shadow:0 2px 8px #0000001a}.history-info h5{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 5px}.history-info p{color:#6b7280;font-size:13px;margin:0}.history-status{align-items:center;display:flex;gap:10px}.status-badge{border-radius:4px;font-size:11px;padding:4px 8px}.status-badge.resolved{background:#d1fae5;color:#065f46}.status-badge.open{background:#fef3c7;color:#92400e}.view-transcript{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;padding:4px;transition:background .2s ease}.view-transcript:hover{background:#3b82f61a}.tickets-section{margin-bottom:30px}.tickets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tickets-filter select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.tickets-list{display:flex;flex-direction:column;gap:15px}.ticket-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:all .3s ease}.ticket-card:hover{box-shadow:0 4px 12px #0000001a}.ticket-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.ticket-info h5{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 5px}.ticket-id{color:#6b7280;font-size:13px;font-weight:500}.ticket-meta{display:flex;gap:8px}.priority-badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px}.priority-badge.high{background:#fef2f2;color:#dc2626}.priority-badge.medium{background:#fef3c7;color:#92400e}.priority-badge.low{background:#d1fae5;color:#065f46}.ticket-details{margin-bottom:15px}.ticket-details p{color:#6b7280;line-height:1.5;margin:0 0 10px}.ticket-category{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.ticket-footer{align-items:center;display:flex;justify-content:space-between}.ticket-dates{color:#6b7280;display:flex;font-size:12px;gap:15px}.ticket-actions{display:flex;gap:8px}.ai-chat,.ai-section{margin-bottom:30px}.ai-chat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;height:400px;overflow:hidden}.ai-messages{flex:1 1;overflow-y:auto;padding:20px}.ai-input{border-top:1px solid #e5e7eb;display:flex;gap:10px;padding:15px 20px}.ai-message-input{border:1px solid #d1d5db;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:12px 16px}.ai-message-input:focus{border-color:#3b82f6}.ai-suggestions{margin-bottom:30px}.ai-suggestions h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px}.suggestion-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ai-suggestion{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;transition:all .3s ease}.ai-suggestion:hover{background:#f3f4f6;border-color:#3b82f6}.ai-capabilities{margin-top:30px}.ai-capabilities h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.capabilities-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.capability-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:25px;text-align:center;transition:all .3s ease}.capability-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.capability-card .material-icons{color:#3b82f6;font-size:32px;margin-bottom:15px}.capability-card h5{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 10px}.capability-card p{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.contact-grid,.contact-section{margin-bottom:30px}.contact-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:25px;text-align:center;transition:all .3s ease}.contact-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.contact-card.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff}.contact-card.primary .contact-details p,.contact-card.primary .contact-icon .material-icons,.contact-card.primary h4,.contact-card.primary p{color:#fff}.contact-icon{margin-bottom:15px}.contact-icon .material-icons{color:#3b82f6;font-size:32px}.contact-card h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 10px}.contact-card p{color:#6b7280;font-size:14px;margin:0 0 20px}.contact-details{margin-bottom:20px;text-align:left}.contact-details p{font-size:13px;line-height:1.4;margin:0 0 8px}.contact-details p:last-child{margin-bottom:0}.contact-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:30px}.contact-form h4{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 25px}.request-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;gap:20px}.form-group label{color:#374151}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{min-height:100px}.file-upload{border:2px dashed #d1d5db;border-radius:8px;padding:30px;position:relative;text-align:center;transition:all .3s ease}.file-upload:hover{background:#f8fafc;border-color:#3b82f6}.file-upload input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-hint{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:8px}.upload-hint .material-icons{color:#9ca3af;font-size:24px}.upload-hint small{color:#9ca3af;font-size:12px}.safety-grid,.trust-safety-section{margin-bottom:30px}.safety-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.safety-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:25px;text-align:center;transition:all .3s ease}.safety-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.safety-icon{margin-bottom:15px}.safety-icon .material-icons{color:#3b82f6;font-size:32px}.safety-card h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 10px}.safety-card p{color:#6b7280;font-size:14px;line-height:1.4;margin:0 0 20px}.safety-faq{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px;padding:30px}.safety-faq h4{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 25px}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{border-bottom:1px solid #f3f4f6;padding-bottom:20px}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item h5{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 10px}.faq-item p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.emergency-contact{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:25px;text-align:center}.emergency-contact h4{color:#dc2626;font-size:18px;font-weight:600;margin:0 0 10px}.emergency-contact p{color:#7f1d1d;font-size:14px;margin:0 0 20px}.emergency-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}@media (max-width:768px){.support-section{border-left:none;border-radius:0;border-right:none;margin:0}.support-content{padding:20px}.support-tabs-list{gap:0}.support-tab{font-size:13px;padding:12px 16px}.support-tab .material-icons{font-size:16px}.support-tab .tab-label{font-size:13px}.support-header h3{font-size:24px}.search-container{flex-direction:column;gap:10px}.search-input{padding:12px 0}.category-filter{flex-wrap:wrap}.action-buttons{flex-direction:column}.chat-info{grid-template-columns:1fr}.tickets-header{gap:15px}.ticket-footer,.tickets-header{align-items:flex-start;flex-direction:column}.ticket-footer{gap:10px}.ticket-actions{justify-content:flex-end;width:100%}.contact-grid,.form-row,.safety-grid{grid-template-columns:1fr}.emergency-options{flex-direction:column}}@media (max-width:480px){.support-tabs-list{flex-wrap:wrap}.support-tab{flex:1 1;justify-content:center;min-width:120px}.search-container{padding:0 12px}.search-input{font-size:14px}.filter-btn{font-size:12px;padding:8px 12px}.article-header{padding:12px 16px}.article-content{padding:0 16px 16px}.chat-interface{height:400px}.ticket-card{padding:15px}.contact-card,.contact-form,.safety-card,.safety-faq{padding:20px}}.user-section-placeholder{align-items:center;color:#5f6368;display:flex;flex-direction:column;justify-content:center;padding:48px 24px}.user-section-placeholder .spinner{animation:user-section-spin .8s linear infinite;border:3px solid #dadce0;border-radius:50%;border-top-color:#1a73e8;height:40px;margin-bottom:16px;width:40px}@keyframes user-section-spin{to{transform:rotate(1turn)}}.user-learning-progress-streak{align-items:center;color:#5f6368;display:flex;font-size:16px}.user-learning-progress-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.user-learning-progress-card{background:#fff;border:1px solid #dadce0;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px}.user-learning-progress-card-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.user-learning-progress-card-header h3{color:#202124;font-size:16px;font-weight:600;margin:0}.user-learning-progress-card-subtitle{color:#5f6368;font-size:13px;margin:0 0 12px}.user-learning-progress-bar-wrap{background:#e8eaed;border-radius:4px;height:8px;overflow:hidden}.user-learning-progress-bar{border-radius:4px;height:100%;transition:width .3s ease}.user-badges-certificates-tabs{display:flex;gap:8px;margin-bottom:24px}.user-bc-tab{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:8px;color:#5f6368;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.user-bc-tab:hover{background:#f8f9fa;border-color:#1a73e8;color:#1a73e8}.user-bc-tab.active{background:#1a73e8;border-color:#1a73e8;color:#fff}.user-bc-tab-count{background:#0000001a;border-radius:10px;font-size:12px;padding:2px 8px}.user-bc-tab.active .user-bc-tab-count{background:#ffffff4d}.user-badges-stats{color:#5f6368;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;margin-bottom:20px}.user-badges-stats strong{color:#202124}.user-badges-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.user-badge-card{background:#fff;border:1px solid #dadce0;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:16px;text-align:center}.user-badge-icon{display:block;font-size:32px;margin-bottom:8px}.user-badge-title{color:#202124;display:block;font-size:13px;font-weight:600}.user-badge-date{color:#5f6368;display:block;font-size:11px;margin-top:4px}.user-certificates-list{display:flex;flex-direction:column;gap:16px}.user-certificate-card{align-items:flex-start;background:linear-gradient(135deg,#fff8e1,#ffecb3);border:1px solid #ffc107;border-radius:12px;display:flex;gap:12px;padding:20px}.user-certificate-card .material-icons{color:#f9a825;flex-shrink:0;font-size:28px}.user-certificate-info{display:flex;flex-direction:column;gap:4px}.user-certificate-info strong{color:#202124;font-size:16px}.user-certificate-info span{color:#5f6368;font-size:13px}.user-cert-code{font-family:monospace;font-size:12px}.user-cert-date{margin-top:4px}.user-bc-empty{color:#5f6368;padding:48px 24px;text-align:center}.user-bc-empty .material-icons{color:#dadce0;font-size:64px;margin-bottom:16px}.user-bc-empty-hint{color:#80868b;font-size:13px;margin-top:8px}.article-details-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.article-details-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;box-shadow:0 8px 32px #0000001f;box-shadow:0 8px 32px var(--shadow-hover,#0000001f);max-height:90vh;max-width:800px;overflow:hidden;width:90%}.details-header{align-items:flex-start;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border,#dadce0);padding:20px 24px}.details-title-section h2{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 2px}.details-subtitle,.details-title-section h2{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.details-subtitle{font-size:13px;font-weight:400;margin:0;opacity:.9}.demo-indicator{background:#fff3;border-radius:16px;font-size:11px;font-weight:500;padding:4px 8px}.demo-indicator,.details-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.details-close-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.details-close-btn:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.details-close-btn .material-icons{font-size:18px;font-weight:400}.details-unlock-banner{align-items:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border,#dadce0);display:flex;flex-wrap:wrap;gap:12px;padding:16px 32px}.details-unlock-banner .material-icons{color:#e65100;font-size:24px}.details-unlock-banner p{color:#bf360c;flex:1 1;font-size:14px;font-weight:500;margin:0;min-width:200px}.details-unlock-btn{background:#1a73e8;background:var(--accent,#1a73e8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.details-unlock-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.details-content{background:#fff;background:var(--bg,#fff);max-height:calc(90vh - 120px);overflow-y:auto;padding:20px 24px;scrollbar-color:#dadce0 #f8f9fa;scrollbar-color:var(--border,#dadce0) var(--hover,#f8f9fa);scrollbar-width:thin}.details-content::-webkit-scrollbar{width:6px}.details-content::-webkit-scrollbar-track{background:#f8f9fa;background:var(--hover,#f8f9fa)}.details-content::-webkit-scrollbar-thumb{background:#dadce0;background:var(--border,#dadce0);border-radius:3px}.details-loading{align-items:center;color:#5f6368;color:var(--text-secondary,#5f6368);display:flex;flex-direction:column;justify-content:center;padding:60px 32px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #dadce0;border-top:3px solid #1a73e8;border:3px solid var(--border,#dadce0);border-radius:50%;border-top-color:var(--accent,#1a73e8);height:40px;margin-bottom:16px;width:40px}.details-section{margin-bottom:20px}.section-title{align-items:center;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 12px}.section-title .material-icons{color:#1a73e8;color:var(--accent,#1a73e8);font-size:18px}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:10px;box-shadow:0 2px 6px #00000014;box-shadow:0 2px 6px var(--shadow,#00000014);display:flex;gap:12px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 4px 12px #0000001f;box-shadow:0 4px 12px var(--shadow-hover,#0000001f);transform:translateY(-1px)}.stat-icon{align-items:center;background:#1a73e8;background:var(--accent,#1a73e8);border-radius:10px;box-shadow:0 2px 6px #1a73e833;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.stat-number{color:#212121;color:var(--text,#212121);font-size:18px;line-height:1.2}.stat-label{font-size:12px;margin-top:2px}.improvement-tracking-section .section-title{font-size:18px}.improvement-tracking-section .section-title .material-icons{font-size:22px}.improvement-grid{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto 1fr}.improvement-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:10px;box-shadow:0 2px 6px #00000014;box-shadow:0 2px 6px var(--shadow,#00000014);padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.improvement-card:hover{border-color:#1a73e8;border-color:var(--accent,#1a73e8);box-shadow:0 4px 12px #0000001f;box-shadow:0 4px 12px var(--shadow-hover,#0000001f);transform:translateY(-1px)}.improvement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.improvement-label{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:600}.improvement-date{background:#f8f9fa;background:var(--hover,#f8f9fa);border-radius:12px;color:#5f6368;color:var(--text-secondary,#5f6368);font-size:13px;font-weight:500;padding:2px 8px}.improvement-stats{display:flex;flex-direction:column;gap:2px}.unknown-count{color:#212121;color:var(--text,#212121);font-size:14px;font-weight:600}.unknown-count,.unknown-percentage{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.unknown-percentage{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:11px}.improvement-arrow{align-items:center;display:flex;flex-direction:column;gap:4px}.improvement-arrow .material-icons{color:#10b981;font-size:22px}.improvement-badge{border-radius:14px;font-size:14px;font-weight:600;padding:5px 12px}.improvement-badge,.improvement-badge.positive{background:#d1fae5;color:#065f46}.category-breakdown{display:flex;flex-direction:column;gap:16px}.category-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.category-level{border-radius:6px;font-size:14px;font-weight:700;padding:4px 10px;text-transform:uppercase}.category-level.a1{background:#fef3c7;color:#92400e}.category-level.a2{background:#fed7aa;color:#c2410c}.category-level.b1{background:#fecaca;color:#dc2626}.category-level.b2{background:#ddd6fe;color:#7c3aed}.category-level.c1{background:#e0e7ff;color:#3730a3}.category-percentage{color:#6b7280;font-size:12px;font-weight:600}.category-progress{background:#e5e7eb;border-radius:6px;height:8px;margin-bottom:8px;overflow:hidden}.category-bar{border-radius:6px;height:100%;transition:width .3s ease}.category-details{color:#6b7280;font-size:12px}.retention-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.retention-goal{margin-bottom:16px}.retention-goal p{color:#374151;font-weight:600;margin:0}.progress-bar-container{background:#e5e7eb;border-radius:10px;height:20px;margin-bottom:8px;overflow:hidden;position:relative}.progress-bar{border-radius:10px;height:100%;position:relative;transition:width .5s ease}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#6b7280;font-weight:500}.spaced-repetition-card{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.sr-item{background:#fff;border:1px solid #e5e7eb;gap:16px;padding:20px}.sr-icon,.sr-item{align-items:center;border-radius:12px;display:flex}.sr-icon{background:#f3f4f6;font-size:24px;height:48px;justify-content:center;width:48px}.sr-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:4px}.sr-value{color:#1f2937;font-size:16px;font-weight:700}.sr-value.next-review{color:#059669}.quick-actions{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:space-between}.action-btn{border:1px solid #dadce0;border:1px solid var(--border,#dadce0);flex:1 1;max-width:none;min-width:0;padding:12px 16px;text-align:center;white-space:nowrap}.action-btn.primary{background:#1a73e8;background:var(--accent,#1a73e8);border-color:#1a73e8;border-color:var(--accent,#1a73e8);box-shadow:0 2px 8px #1a73e833;color:#fff}.action-btn.primary:hover{box-shadow:0 4px 12px #1a73e84d;transform:translateY(-2px)}.action-btn.secondary{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);color:#212121;color:var(--text,#212121)}.action-btn.secondary:hover{background:#f8f9fa;background:var(--hover,#f8f9fa);border-color:#5f6368;border-color:var(--text-secondary,#5f6368);box-shadow:0 2px 6px #0000001f;box-shadow:0 2px 6px var(--shadow-hover,#0000001f);transform:translateY(-1px)}.action-btn .material-icons{font-size:18px}@media (max-width:768px){.article-details-modal{margin:20px;max-height:calc(100vh - 40px);width:95%}.details-content,.details-header{padding:20px 24px}.improvement-grid,.stats-grid{grid-template-columns:1fr}.improvement-grid{gap:16px}.improvement-arrow{transform:rotate(90deg)}.spaced-repetition-card{grid-template-columns:1fr}.quick-actions{flex-wrap:nowrap;gap:8px;justify-content:space-between}.action-btn{flex:1 1;font-size:11px;gap:4px;min-width:0;padding:10px 8px}.section-title{font-size:16px}}@media (max-width:480px){.details-content,.details-header{padding:16px 20px}.details-title-section h2{font-size:16px}.stat-card{padding:12px 14px}.stat-number{font-size:16px}.action-btn{font-size:11px;gap:6px;padding:10px 12px}.action-btn .material-icons{font-size:16px}}.dictation-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dictation-overlay-content{animation:slideUp .3s ease-out;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px var(--shadow-hover);max-height:90vh;max-width:800px;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:90%}.dictation-overlay-content:hover{border-color:var(--accent);box-shadow:0 8px 24px var(--shadow-hover);transform:translateY(-2px)}.overlay-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px;position:relative}.overlay-header h2{color:var(--text);flex:1 1;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;line-height:1.3;margin:0 16px 0 0}.close-btn{background:#000!important;border:1px solid #000!important;color:#fff!important;flex-shrink:0;min-height:40px;min-width:40px;position:relative;z-index:10}.close-btn:hover{background:#333!important;border-color:#333!important}.close-btn .material-icons{color:#fff!important;font-size:20px}.close-btn:before{color:#fff;content:"✕";display:none;font-size:18px;font-weight:700}.close-btn:not(:has(.material-icons)):before{display:block}.results-close-btn{box-shadow:0 2px 8px #1a73e833;position:absolute;right:24px;top:24px;z-index:10}.results-close-btn,.results-close-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.results-close-btn:hover{box-shadow:0 4px 12px #1a73e84d}.audio-player-section{background:var(--card-bg);border-bottom:1px solid var(--border);padding:24px}.dictation-instructions{background:var(--hover);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:20px}.dictation-instructions h4{color:var(--text);font-size:16px;font-weight:600;margin:0 0 16px;text-align:center}.instruction-steps{display:flex;flex-direction:column;gap:12px}.step{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;gap:12px;padding:8px 12px}.step-number{flex-shrink:0;font-size:14px;height:24px;width:24px}.step-text{color:var(--text)}.audio-status,.step-text{font-size:14px;font-weight:500}.audio-status{align-items:center;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.audio-status.loading{background:var(--hover);border:1px solid var(--border);color:var(--accent)}.audio-status.loading .material-icons{animation:spin 1s linear infinite}.audio-status.error{background:#fef2f2;border:1px solid #fecaca;color:var(--error)}.audio-status .material-icons{font-size:20px}.error-actions{display:flex;gap:8px;margin-left:auto}.retry-btn,.test-url-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.retry-btn{background:var(--error)}.retry-btn:hover{background:#dc2626;transform:scale(1.05)}.test-url-btn{background:var(--accent);color:#fff}.test-url-btn:hover{background:#1557b0;transform:scale(1.05)}.retry-btn .material-icons,.test-url-btn .material-icons{font-size:16px}.audio-debug{background:var(--hover);border:1px solid var(--border);border-radius:8px;margin-top:16px;padding:16px}.audio-debug summary{color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.audio-debug summary:hover{color:var(--accent)}.debug-content{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.debug-content p{color:var(--text-secondary);font-family:Courier New,monospace;font-size:12px;margin:4px 0}.debug-content strong{color:var(--text)}.audio-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.controls-header{margin-bottom:16px;text-align:center;width:100%}.controls-header h4{color:var(--text);font-size:18px;font-weight:600;margin:0 0 8px}.speed-hint{background:var(--hover);border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);font-size:14px;font-style:italic;margin:0;padding:8px 16px}.dictation-mode-controls{background:var(--hover);border:1px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:16px}.dictation-mode-controls .control-btn{min-width:140px}.standard-audio-controls{border-radius:12px;flex-wrap:wrap;gap:12px;padding:16px}.control-btn,.standard-audio-controls{background:var(--card-bg);border:1px solid var(--border);display:flex;justify-content:center}.control-btn{align-items:center;border-radius:20px;color:var(--text);cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;gap:8px;min-width:120px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.control-btn:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--shadow-hover);transform:translateY(-2px)}.control-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.control-btn.primary:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e84d}.control-btn.active{background:var(--accent);border-color:var(--accent);box-shadow:0 2px 8px #007bff4d;color:#fff}.control-btn:disabled{background:var(--border);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.control-btn:not(:disabled):hover{background:var(--hover);border-color:var(--accent);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.control-btn .material-icons{font-size:20px}.speed-display{background:var(--accent);border-radius:12px;color:#fff;font-size:14px;font-weight:600;margin-left:4px;min-width:32px;padding:2px 8px;text-align:center}.audio-progress{background:var(--hover);border:1px solid var(--border);border-radius:4px;cursor:pointer;height:8px;margin-bottom:16px;overflow:hidden;position:relative}.audio-progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .1s ease}.audio-progress-thumb{background:var(--accent);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px var(--shadow);height:16px;position:absolute;top:-4px;transform:translateX(-50%);width:16px}.audio-time{color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;justify-content:space-between}.text-input-section{border-bottom:1px solid var(--border);padding:24px}.text-input-section label{display:block;font-weight:600;margin-bottom:12px}.dictation-textarea,.text-input-section label{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px}.dictation-textarea{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;line-height:1.6;min-height:200px;padding:20px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.dictation-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a;outline:none}.dictation-textarea::placeholder{color:var(--text-secondary);font-style:italic}.input-stats{color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between;margin-top:16px}.char-count,.word-count{background:var(--hover);border:1px solid var(--border);border-radius:16px;font-weight:500;padding:6px 12px}.action-buttons{display:flex;gap:12px;justify-content:center;padding:24px}.check-work-btn,.exit-btn{align-items:center;border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:160px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.check-work-btn{background:var(--accent);border-color:var(--accent);color:#fff}.check-work-btn:hover:not(:disabled){background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-2px)}.check-work-btn:disabled{background:var(--text-secondary);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.exit-btn{background:var(--card-bg);border-color:var(--border);color:var(--text)}.exit-btn:hover{background:var(--hover);border-color:var(--accent);transform:translateY(-2px)}.results-section{padding:24px}.results-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:20px;padding-right:80px;position:relative;text-align:center}.results-header h3{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:600;margin:0 0 16px}.score-display{align-items:center;display:flex;font-size:16px;gap:12px;justify-content:center}.score-label{color:var(--text-secondary)}.score-value{color:var(--success);font-size:28px;font-weight:700}.missing-words-section,.mistakes-section{margin-bottom:24px}.missing-words-section h4,.mistakes-section h4{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;margin:0 0 16px}.mistake-item{background:var(--hover);border-left:4px solid var(--error);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:16px}.mistake-word{align-items:center;display:flex;font-size:16px;gap:12px;margin-bottom:8px}.wrong-spelling{color:var(--error);font-weight:600;text-decoration:line-through}.arrow{color:var(--text-secondary);font-weight:700}.correct-spelling{color:var(--success);font-weight:600}.word-meaning{color:var(--text-secondary);font-size:14px;line-height:1.5}.missing-words-list{display:flex;flex-wrap:wrap;gap:8px}.missing-word{background:var(--warning);border:1px solid #ffeaa7;border-radius:16px;color:#856404;font-size:14px;font-weight:500;padding:6px 12px}.results-actions{align-items:center;display:flex;flex-direction:column;gap:12px}.new-dictation-btn,.replay-incorrect-btn,.save-mistakes-btn{align-items:center;border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:200px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.replay-incorrect-btn{background:var(--accent);border-color:var(--accent);color:#fff}.replay-incorrect-btn:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-2px)}.save-mistakes-btn{background:var(--warning);border-color:#ffeaa7;color:#856404}.save-mistakes-btn:hover{background:#f39c12;box-shadow:0 4px 12px #f39c124d;transform:translateY(-2px)}.new-dictation-btn{background:var(--card-bg);border-color:var(--border);color:var(--text)}.new-dictation-btn:hover{background:var(--hover);border-color:var(--accent);transform:translateY(-2px)}.sentence-progress{background:var(--accent);border-radius:12px;color:#fff;padding:16px;text-align:center}.progress-info{display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:12px}.current-sentence,.repetition-info{background:#fff3;border-radius:16px;font-size:12px;padding:4px 12px}.sentence-text{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;font-size:16px;line-height:1.4;padding:12px}@media (max-width:768px){.dictation-overlay-content{margin:20px;width:95%}.overlay-header{padding:20px}.overlay-header h2{font-size:16px}.audio-controls{gap:8px}.control-btn{font-size:14px;min-width:100px;padding:10px 16px}.action-buttons,.results-section,.text-input-section{padding:20px}.action-buttons{align-items:center;flex-direction:column}.check-work-btn,.exit-btn{max-width:300px;width:100%}}.dictation-details-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dictation-details-content{animation:slideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.details-header{align-items:center;background:#1a73e8;background:var(--accent,#1a73e8);border-bottom:2px solid #f0f0f0;border-bottom:2px solid var(--border,#f0f0f0);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.details-header,.details-header h2{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.details-header h2{font-size:24px;font-weight:500;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.error-section,.loading-section{align-items:center;display:flex;flex-direction:column;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;padding:60px 32px;text-align:center}.error-icon,.loading-icon{color:#1a73e8;color:var(--accent,#1a73e8);font-size:48px;margin-bottom:16px}.details-content{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;padding:32px}.stats-section{margin-bottom:32px}.stats-section h3{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:500;margin:0 0 20px}.stats-grid{grid-gap:20px;gap:20px}.stat-item{background:#f8f9fa;background:var(--hover,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow,#00000014);padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:hover{border-color:#1a73e8;border-color:var(--accent,#1a73e8);box-shadow:0 8px 25px #0000001f;box-shadow:0 8px 25px var(--shadow-hover,#0000001f);transform:translateY(-2px)}.stat-icon{font-size:32px;margin-right:16px}.stat-info{flex:1 1}.stat-label{color:var(--text-secondary,#5f6368);font-weight:400;margin-bottom:4px}.stat-value{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500}.improvement-section{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;box-shadow:0 4px 16px #f093fb4d;color:#fff;margin-bottom:32px;padding:24px}.improvement-section h3{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:500;margin:0 0 20px}.improvement-timeline{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.timeline-item{flex:1 1;text-align:center}.timeline-date{font-size:18px;margin-bottom:8px}.timeline-date,.timeline-mistakes{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500}.timeline-mistakes{font-size:24px;margin-bottom:4px}.timeline-label{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;opacity:.9}.timeline-arrow{font-size:24px;font-weight:700;margin:0 20px}.improvement-summary{background:#fff3;border-radius:8px;padding:16px;text-align:center}.improvement-text{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500}.mistakes-section{margin-bottom:32px}.mistakes-section h3{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:500;margin:0 0 20px}.mistakes-table{border:1px solid #e9ecef;border:1px solid var(--border,#e9ecef);border-radius:8px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow,#00000014);overflow:hidden}.table-header{background:#f8f9fa;background:var(--hover,#f8f9fa);color:#495057;color:var(--text-secondary,#495057);display:grid;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;grid-template-columns:1fr 1fr 2fr}.header-cell{border-right:1px solid #e9ecef;border-right:1px solid var(--border,#e9ecef);padding:16px;text-align:center}.header-cell:last-child{border-right:none}.table-row{background:#fff;background:var(--card-bg,#fff);border-top:1px solid #e9ecef;border-top:1px solid var(--border,#e9ecef);display:grid;grid-template-columns:1fr 1fr 2fr}.table-row:hover{background:#f8f9fa;background:var(--hover,#f8f9fa)}.table-cell{align-items:center;border-right:1px solid #e9ecef;border-right:1px solid var(--border,#e9ecef);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;padding:16px;text-align:center}.table-cell:last-child{border-right:none}.wrong-word{color:#ea4335;color:var(--error,#ea4335);font-weight:500}.correct-word{color:#34a853;color:var(--success,#34a853);font-weight:500}.meaning{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px}.schedule-section{background:#e8f4fd;background:var(--hover,#e8f4fd);border-left:4px solid #3498db;border-left:4px solid var(--accent,#3498db);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow,#00000014);margin-bottom:32px;padding:24px}.schedule-section h3{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:500;margin:0 0 20px}.schedule-info{display:flex;flex-direction:column;gap:16px}.schedule-item{align-items:center;display:flex;gap:12px}.schedule-icon{font-size:20px}.schedule-label{color:#495057;color:var(--text-secondary,#495057);font-weight:500;min-width:180px}.schedule-label,.schedule-value{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.schedule-value{color:#212121;color:var(--text,#212121);font-weight:400}.actions-section{margin-bottom:32px}.actions-section h3{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:500;margin:0 0 20px}.action-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow,#00000014);cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.5px;padding:16px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{box-shadow:0 8px 25px #00000026;box-shadow:0 8px 25px var(--shadow-hover,#00000026);transform:translateY(-2px)}.retry-btn{background:#1a73e8;background:var(--accent,#1a73e8);box-shadow:0 2px 8px #1a73e833;color:#fff}.retry-btn:hover{box-shadow:0 4px 12px #1a73e84d}.complete-btn{background:#34a853;background:var(--success,#34a853);box-shadow:0 2px 8px #34a85333;color:#fff}.complete-btn:hover{box-shadow:0 4px 12px #34a8534d}.export-btn{background:#fbbc04;background:var(--warning,#fbbc04);box-shadow:0 2px 8px #fbbc0433;color:#fff}.export-btn:hover{box-shadow:0 4px 12px #fbbc044d}@media (max-width:768px){.dictation-details-content{margin:20px;width:95%}.details-content{padding:20px}.stats-grid{grid-template-columns:1fr}.improvement-timeline{flex-direction:column;gap:20px}.timeline-arrow{margin:10px 0;transform:rotate(90deg)}.action-buttons,.table-header,.table-row{grid-template-columns:1fr}.header-cell,.table-cell{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border,#e9ecef);border-right:none}.header-cell:last-child,.table-cell:last-child{border-bottom:none}}.coming-soon-overlay{align-items:center;display:flex;justify-content:center;min-height:100%;z-index:1000}.coming-soon-backdrop,.coming-soon-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.coming-soon-backdrop{background:#fffc}.coming-soon-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);bottom:0;left:0;position:absolute;right:0;top:0}.coming-soon-close-btn{align-items:center;background:#0000001a;border:1px solid #0003;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:36px;z-index:1001}.coming-soon-close-btn:hover{background:#00000026;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.coming-soon-close-btn .material-icons{color:#424242;font-size:20px}.coming-soon-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;margin:0 32px;max-width:400px;padding:32px;position:relative;text-align:center;width:100%;z-index:1002}.coming-soon-icon{align-items:center;background:#e3f2fd;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 24px;width:72px}.coming-soon-icon .material-icons{color:#1976d2;font-size:40px}.coming-soon-title{color:#212121;font-size:24px;font-weight:700;margin:0 0 12px}.coming-soon-message{color:#616161;font-size:16px;line-height:1.5;margin:0}.coming-soon-overlay.higher-position{align-items:flex-start;justify-content:center;padding-top:150px}.coming-soon-overlay.higher-position .coming-soon-card{margin-top:0}.coming-soon-overlay.lower-position{align-items:flex-start;justify-content:center;padding-top:150px}.coming-soon-overlay.lower-position .coming-soon-card{margin-top:0}.no-content-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;padding:20px;text-align:center}.no-content-message p{font-size:14px;margin:8px 0}.no-content-message details{margin-top:15px;text-align:left}.no-content-message summary{color:#856404;cursor:pointer;font-weight:600}.no-content-message pre{background:#f8f9fa;border-radius:4px;font-size:12px;margin-top:10px;overflow-x:auto;padding:10px}.user-dashboard{background:#fff;background:var(--bg);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.user-main-content-wrapper{box-sizing:border-box;flex:1 1;margin-left:280px;margin-right:0;margin-top:64px;min-height:calc(100vh - 64px);position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 280px)}[dir=rtl] .user-dashboard-wrapper,[dir=rtl] .user-main-content-wrapper{margin-left:0!important;margin-right:280px!important}[dir=rtl] .user-dashboard-wrapper{box-sizing:border-box;margin-top:64px;min-height:calc(100vh - 64px);position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 280px)}.user-main-content{background:#fff;background:var(--bg);flex:1 1;margin-left:0;margin-right:0;min-height:calc(100vh - 64px);padding:32px}.user-content-header{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);margin-bottom:32px;padding:32px;position:relative}.user-content-title{color:#212121;color:var(--text);font-size:32px;line-height:1.3;margin:0 0 12px}.user-content-subtitle,.user-content-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400}.user-content-subtitle{color:#5f6368;color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0}.user-section{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);margin-bottom:32px;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-section:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.user-section-header{border-bottom:2px solid #dadce0;border-bottom:2px solid var(--border);display:flex;flex-direction:column;gap:12px;margin-bottom:32px;margin-top:0;padding-bottom:24px}.user-section-header:has(.view-toggle){align-items:center;flex-direction:row;justify-content:space-between}.user-section-title{align-items:center;color:#212121;color:var(--text);display:flex;flex-wrap:wrap;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:700;gap:8px;gap:12px;letter-spacing:-.5px;margin:0}.user-section-title i{color:#1a73e8;color:var(--accent);font-size:32px}.user-section-subtitle{color:#5f6368;color:var(--text-secondary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0}.user-overview-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.user-overview-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-overview-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.user-overview-card:before{background:#1a73e8;background:var(--accent);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.user-overview-card.warning:before{background:#fbbc04;background:var(--warning)}.user-overview-card.success:before{background:#34a853;background:var(--success)}.user-overview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.user-overview-title{color:#5f6368;color:var(--text-secondary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.user-overview-icon{align-items:center;background:#1a73e8;background:var(--accent);border-radius:50%;box-shadow:0 2px 8px #1a73e833;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.user-overview-value{color:#212121;color:var(--text);font-size:36px;font-weight:400;line-height:1.1;margin:0 0 8px}.user-overview-change,.user-overview-value{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.user-overview-change{align-items:center;color:#34a853;color:var(--success);display:flex;font-size:14px;font-weight:500;gap:6px;margin:0}.user-overview-change.negative{color:#ea4335;color:var(--error)}.user-overview-change .user-overview-subtitle{color:#5f6368;color:var(--text-secondary);font-size:12px;font-weight:400}.user-courses-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.user-courses-empty,.user-courses-loading{color:#5f6368;color:var(--text-secondary);padding:48px 24px;text-align:center}.user-courses-empty .material-icons{font-size:48px;margin-bottom:16px;opacity:.6}.user-courses-empty h3{color:#212121;color:var(--text);font-size:1.25rem;margin:0 0 8px}.user-courses-empty p{margin:0 0 20px}.user-courses-empty .user-course-btn{align-items:center;display:inline-flex;gap:8px}.user-course-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-course-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.user-course-image{align-items:center;background:#f8f9fa;background:var(--hover);display:flex;height:180px;justify-content:center;position:relative;width:100%}.user-course-image img{height:100%;object-fit:cover;width:100%}.user-course-image .placeholder{color:#5f6368;color:var(--text-secondary);font-size:48px}.user-course-content{padding:24px}.user-course-title{color:#212121;color:var(--text);font-size:20px;font-weight:500;line-height:1.4;margin:0 0 12px}.user-course-description,.user-course-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.user-course-description{color:#5f6368;color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.6;margin:0 0 20px}.user-course-meta{align-items:center;display:flex;gap:16px;margin-bottom:20px}.user-course-progress{flex:1 1}.user-course-progress-bar{background:#dadce0;background:var(--border);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.user-course-progress-fill{background:#1a73e8;background:var(--accent);border-radius:3px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.user-course-progress-text{color:#5f6368;color:var(--text-secondary);font-size:12px;margin:0}.user-course-progress-text,.user-course-status{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500}.user-course-status{border-radius:12px;font-size:11px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.user-course-status.active{background:#34a8531a;color:#34a853;color:var(--success)}.user-course-status.completed{background:#1a73e81a;color:#1a73e8;color:var(--accent)}.user-course-status.overdue{background:#ea43351a;color:#ea4335;color:var(--error)}.user-course-actions{display:flex;gap:12px}.user-course-btn{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--shadow);color:#212121;color:var(--text);cursor:pointer;display:flex;flex:1 1;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.5px;padding:12px 16px;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-course-btn:hover{box-shadow:0 2px 6px #0000001f;box-shadow:0 2px 6px var(--shadow-hover);transform:translateY(-1px)}.user-course-btn.primary{background:#1a73e8;background:var(--accent);border-color:#1a73e8;border-color:var(--accent);box-shadow:0 2px 8px #1a73e833;color:#fff}.user-course-btn.primary:hover{box-shadow:0 4px 12px #1a73e84d;transform:translateY(-2px)}.user-vocabulary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.user-vocabulary-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-vocabulary-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.user-vocabulary-word{color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:500;margin:0 0 8px}.user-vocabulary-meaning{font-size:14px;margin:0 0 12px}.user-vocabulary-example,.user-vocabulary-meaning{color:#5f6368;color:var(--text-secondary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}.user-vocabulary-example{background:#f8f9fa;background:var(--hover);border-left:4px solid #1a73e8;border-left:4px solid var(--accent);border-radius:8px;font-size:12px;font-style:italic;margin:0;padding:16px}.user-practice-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.user-practice-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-practice-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.user-practice-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.user-practice-icon{align-items:center;background:#1a73e8;background:var(--accent);border-radius:50%;box-shadow:0 2px 8px #1a73e833;color:#fff;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.user-practice-info h3{color:#212121;color:var(--text);font-size:20px;font-weight:500;margin:0 0 4px}.user-practice-info h3,.user-practice-info p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.user-practice-info p{color:#5f6368;color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.5;margin:0}.user-practice-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.user-practice-stat{background:#f8f9fa;background:var(--hover);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center}.user-practice-stat-value{color:#212121;color:var(--text);font-size:28px;font-weight:400;margin:0 0 4px}.user-practice-stat-label,.user-practice-stat-value{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.user-practice-stat-label{color:#5f6368;color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.user-fab{align-items:center;background:#1a73e8;background:var(--accent);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #1a73e84d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:1000}.user-fab:hover{box-shadow:0 6px 20px #1a73e866;transform:translateY(-2px)}.user-fab i{font-size:24px}@media (max-width:768px){.user-main-content-wrapper{margin-left:0;margin-right:0;margin-top:64px;width:100%}[dir=rtl] .user-main-content-wrapper{margin-left:0!important;margin-right:0!important}.user-main-content{margin-left:0;margin-right:0;padding:24px}.user-content-header,.user-section{margin-bottom:24px;padding:24px}.user-courses-grid,.user-overview-grid,.user-practice-grid,.user-vocabulary-grid{gap:20px;grid-template-columns:1fr}.user-fab{bottom:16px;height:48px;right:16px;width:48px}}.user-loading{align-items:center;color:#5f6368;color:var(--text-secondary);display:flex;justify-content:center;padding:80px 20px}.user-loading-spinner{animation:spin 1s linear infinite;border:3px solid #dadce0;border-top:3px solid #1a73e8;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;margin-right:20px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.user-empty-state{padding:80px 20px;text-align:center}.user-empty-state,.user-empty-state i{color:#5f6368;color:var(--text-secondary)}.user-empty-state i{font-size:64px;margin-bottom:24px;opacity:.5}.user-empty-state h3{color:#212121;color:var(--text);font-size:24px;margin:0 0 12px}.user-empty-state h3,.user-empty-state p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400}.user-empty-state p{color:#5f6368;color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0}.shop-tabs{box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow)}.shop-tab,.shop-tabs{background:var(--card-bg);border:1px solid #dadce0}.shop-tab{color:#212121}.shop-tab:hover{background:#f8f9fa;border-color:#1a73e8;box-shadow:0 2px 8px #0000001f;box-shadow:0 2px 8px var(--shadow-hover)}.shop-tab.active{background:#1a73e8;border-color:#1a73e8}@media (max-width:768px){.shop-tabs{flex-direction:column;gap:4px}.shop-tab{justify-content:flex-start;min-width:auto}}.shop-controls{background:#f8f9fa;border:1px solid #dadce0}.shop-search input{background:var(--bg);border:1px solid #dadce0;color:#212121}.shop-search input:focus{border-color:#1a73e8}.shop-search button{background:#1a73e8}.shop-filters select{background:var(--bg);border:1px solid #dadce0;color:#212121}.shop-filters select:focus{border-color:#1a73e8}.cart-btn,.wishlist-btn{background:var(--bg);border:1px solid #dadce0;color:#212121}.cart-btn:hover,.wishlist-btn:hover{background:#f8f9fa;border-color:#1a73e8}.cart-count,.wishlist-count{background:#1a73e8}.cart-total{color:#1a73e8}.empty-cart,.empty-wishlist{color:#5f6368}.empty-cart i,.empty-wishlist i{color:#dadce0}.empty-cart h3,.empty-wishlist h3{color:#212121}.empty-cart p,.empty-wishlist p{color:#5f6368}.cart-item,.wishlist-item{background:#f8f9fa;border:1px solid #dadce0}.cart-item:hover,.wishlist-item:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover)}.cart-item-title,.wishlist-item-title{color:#212121;font-size:18px;font-weight:500;margin:0 0 8px}.cart-item-price,.wishlist-item-price{color:#1a73e8;font-size:20px;margin:0 0 8px}.quantity-btn{background:var(--bg);border:1px solid #dadce0;border-radius:6px;font-size:16px;font-weight:600}.quantity-btn:hover:not(:disabled){background:#1a73e8;border-color:#1a73e8}.remove-item,.remove-wishlist-btn{align-items:center;background:#ea4335;background:var(--error);border-radius:6px;color:#fff;display:flex;justify-content:center}.remove-item:hover,.remove-wishlist-btn:hover{background:#d32f2f;transform:scale(1.05)}.add-to-cart-btn{align-items:center;background:#34a853;background:var(--success);border-radius:6px;display:flex;justify-content:center}.add-to-cart-btn:hover{background:#2e7d32;transform:scale(1.05)}.cart-actions{border-top:1px solid #dadce0;gap:16px}.notification{align-items:center;animation:slideIn .3s ease;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);display:flex;gap:12px;max-width:400px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{border-left:4px solid #34a853;border-left:4px solid var(--success)}.notification.error{border-left:4px solid #ea4335;border-left:4px solid var(--error)}.notification.info{border-left:4px solid #1a73e8;border-left:4px solid var(--accent)}.notification-text{color:#212121;flex:1 1;font-weight:500}.notification-close{color:#5f6368}.notification-close:hover{background:var(--hover);color:#212121}@media (max-width:768px){.shop-controls{align-items:stretch;flex-direction:column;gap:16px}.shop-search{max-width:none}.shop-cart-info,.shop-filters{justify-content:center}.cart-item,.wishlist-item{flex-direction:column;text-align:center}.cart-item-image,.wishlist-item-image{height:120px;width:120px}.cart-actions{flex-direction:column}.notification{left:20px;min-width:auto;right:20px}}.live-learning-tabs{border-bottom:1px solid #dadce0}.live-tab{background:none;color:#5f6368;padding:12px 16px}.live-tab:hover{background:#f8f9fa;color:#1a73e8;color:var(--accent)}.live-tab.active{background:#f8f9fa;background:var(--hover);border-bottom-color:#1a73e8;color:#1a73e8}.live-tab .badge{background:#1a73e8}.live-search-filter,.search-box{align-items:center}.search-box{display:flex;gap:12px}.search-box input{padding:12px 16px 12px 40px}.filter-options select,.search-box input{background:var(--bg);transition:all .3s ease}.filter-options select{border-radius:8px;padding:12px 16px}.filter-options select:focus{box-shadow:0 0 0 3px #1a73e81a}.teachers-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.teacher-card{background:var(--card-bg);border:1px solid #dadce0;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.teacher-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover)}.teacher-image{background:#f8f9fa;background:var(--hover);overflow:hidden;width:100%}.teacher-avatar img,.teacher-image img{height:100%;width:100%}.teacher-avatar img{object-fit:cover}.teacher-status{bottom:0;box-shadow:0 2px 4px #0003;font-size:11px;font-weight:600;letter-spacing:.5px;right:0;text-transform:uppercase}.teacher-status.online{background:#34a853;color:#fff}.teacher-status.offline{background:#5f6368;color:#fff}.teacher-content{padding:24px}.teacher-title{color:#212121;font-size:20px;line-height:1.4;margin:0 0 12px}.teacher-specialty,.teacher-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500}.teacher-specialty{color:#5f6368}.stars{color:#ffc107;font-size:16px}.teacher-description{color:#5f6368;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:16px}.teacher-meta{gap:16px;margin-bottom:20px}.teacher-price{color:#1a73e8}.teacher-availability,.teacher-price{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.teacher-availability{color:#34a853;color:var(--success);font-size:14px;font-weight:500}.teacher-status-badge{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px}.teacher-status-badge.online{background:#34a8531a;color:#34a853}.teacher-status-badge.offline{background:#5f63681a;color:#5f6368}.language-progress-grid{grid-gap:24px;gap:24px;margin-top:24px}.language-progress-card{background:var(--card-bg);border:1px solid #dadce0;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:24px}.language-progress-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover)}.language-header h4{color:#212121;font-size:18px}.language-header h4,.level-badge{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.level-badge{font-size:11px;letter-spacing:.5px;text-transform:uppercase}.level-badge.beginner{background:#1a73e81a;color:#1a73e8;color:var(--accent)}.level-badge.intermediate{background:#fbbc041a;color:#fbbc04}.level-badge.advanced{background:#34a8531a;color:#34a853;color:var(--success)}.language-progress-card .progress-bar{background:#dadce0;background:var(--border);border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.language-progress-card .progress-fill{background:#1a73e8;background:var(--accent);border-radius:4px;height:100%;transition:width .3s ease}.language-progress-card p{color:#5f6368;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.teacher-actions{gap:12px}.teacher-actions .user-course-btn{flex:1 1;font-size:13px;min-height:40px;padding:10px 16px}.teacher-actions .user-course-btn.primary{background:#1a73e8;background:var(--accent);border-color:#1a73e8;border-color:var(--accent);color:#fff}.teacher-actions .user-course-btn.primary:hover{background:#1557b0;transform:translateY(-1px)}.booking-tabs{border-bottom:1px solid #dadce0;overflow-x:auto}.booking-tab{background:none;color:#5f6368;padding:12px 16px}.booking-tab:hover{color:#1a73e8;color:var(--accent)}.booking-tab.active,.booking-tab:hover{background:#f8f9fa;background:var(--hover)}.booking-tab.active{border-bottom-color:#1a73e8;color:#1a73e8}.tab-count{background:#1a73e8}.booking-card{background:#f8f9fa;background:var(--hover);border:1px solid #dadce0;gap:16px}.booking-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover)}.booking-teacher{flex-shrink:0}.booking-teacher img{height:60px;width:60px}.booking-teacher-info h4{color:#212121}.booking-teacher-info p{color:#5f6368}.booking-details{flex:1 1;justify-content:space-between}.booking-time{color:#5f6368;gap:8px}.booking-status{border-radius:20px;padding:4px 12px}.booking-status.live{background:#34a853;background:var(--success);color:#fff}.booking-status.scheduled{background:#1a73e8;background:var(--accent);color:#fff}.booking-status.completed{background:#5f6368;background:var(--text-secondary);color:#fff}.booking-status.cancelled{background:#ea4335;background:var(--error);color:#fff}.booking-status.pending{background:#fbbc04;background:var(--warning);color:#fff}.teachers-list{display:flex;flex-direction:column;gap:16px}.teacher-stats{display:flex;gap:16px;margin-bottom:16px}.teacher-stats span{color:#5f6368;color:var(--text-secondary);font-size:14px}.progress-card{background:#f8f9fa;background:var(--hover);border:1px solid #dadce0}.progress-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover)}.progress-icon{background:#1a73e8;border-radius:50%;font-size:24px;height:48px;width:48px}.progress-info h3{color:#5f6368}.progress-info h3,.progress-number{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.progress-number{color:#212121;font-weight:600}.progress-period{color:#5f6368;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.streak-container{background:#f8f9fa;background:var(--hover);border:1px solid #dadce0}.streak-container h3{color:#212121}.streak-number{color:#1a73e8}.streak-text p{color:#212121;font-size:18px}.streak-text span{color:#5f6368}.rating-card{background:#f8f9fa;background:var(--hover);border:1px solid #dadce0}.rating-teacher img{height:60px;width:60px}.rating-teacher-info h4{color:#212121}.rating-teacher-info p{color:#5f6368}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--card-bg);border-radius:12px;box-shadow:0 8px 32px #0000001f;box-shadow:0 8px 32px var(--shadow-hover);max-height:90vh;max-width:500px;overflow-x:hidden;overflow-y:auto;padding:32px;position:relative;width:90%}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#667eea;border:2px solid #f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#764ba2}.modal-content{scrollbar-color:#667eea #f1f1f1;scrollbar-width:thin}.modal-close{background:none;border:none;border-radius:4px;color:#5f6368;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:4px;position:absolute;right:16px;top:16px;transition:all .3s ease}.modal-close:hover{background:#f8f9fa;background:var(--hover);color:#212121;color:var(--text)}.modal-content h2{color:#212121;color:var(--text);font-size:24px;font-weight:600;margin:0 0 24px}.lesson-info,.teacher-info{align-items:center;background:#f8f9fa;background:var(--hover);border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.lesson-info img,.teacher-info img{border-radius:50%;height:60px;object-fit:cover;width:60px}.lesson-info h3,.teacher-info h3{color:#212121;color:var(--text);font-size:18px;font-weight:600;margin:0 0 4px}.lesson-info p,.teacher-info p{color:#5f6368;color:var(--text-secondary);font-size:14px;margin:0}.form-group input,.form-group select,.form-group textarea{background:var(--bg);transition:all .3s ease}.form-group textarea{min-height:80px}.rating-stars{margin-bottom:20px}.rating-stars label{color:#212121;color:var(--text);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.stars-container{display:flex;gap:4px;margin-bottom:8px}.star{color:#ddd;cursor:pointer;font-size:24px;transition:all .3s ease}.star.active,.star:hover{color:#ffc107}@media (max-width:768px){.live-learning-tabs{flex-wrap:wrap;gap:4px}.live-tab{font-size:13px;min-width:auto;padding:8px 12px}.live-search-filter{align-items:stretch;flex-direction:column;gap:12px}.search-box{min-width:auto}.filter-options{flex-wrap:wrap;justify-content:center}.filter-options select{min-width:120px}.teachers-grid{gap:16px;grid-template-columns:1fr}.teacher-card{display:flex;flex-direction:column}.teacher-actions{flex-direction:column;gap:8px}.teacher-actions .user-course-btn{width:100%}.booking-card{flex-direction:column;text-align:center}.booking-details{flex-direction:column;gap:12px}.progress-stats{grid-template-columns:1fr}.rating-card,.streak-info{flex-direction:column;text-align:center}.rating-card{gap:16px}.modal-content{padding:24px;width:95%}}.course-library-tabs{border-bottom:2px solid #dadce0;border-bottom:2px solid var(--border);gap:12px;margin-bottom:32px;padding-bottom:20px}.course-tab{background:#fff;background:var(--card-bg);border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#5f6368;font-size:15px;font-weight:600;gap:10px;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-tab:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.course-tab:hover:before{left:100%}.course-tab:hover{background:#f8f9fa;border-color:#dadce0;border-color:var(--border);box-shadow:0 4px 12px #0000001a;color:#212121;transform:translateY(-2px)}.course-tab.active{background:linear-gradient(135deg,#1a73e8,#4a90e2);background:linear-gradient(135deg,var(--accent) 0,#4a90e2 100%);border-color:#1a73e8;border-color:var(--accent);box-shadow:0 4px 16px #1a73e84d;transform:translateY(-2px)}.course-tab.active:hover{background:linear-gradient(135deg,#4a90e2,#1a73e8);background:linear-gradient(135deg,#4a90e2 0,var(--accent) 100%);box-shadow:0 6px 20px #1a73e866}.course-tab i{font-size:20px;transition:transform .3s ease}.course-tab:hover i{transform:scale(1.1)}.course-tab.active i{transform:scale(1.15)}.hero-content{align-items:center;background:linear-gradient(135deg,#1a73e8,#4a90e2);background:linear-gradient(135deg,var(--accent) 0,#4a90e2 100%);border-radius:12px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-bottom:32px;padding:40px 20px;text-align:center}.hero-content h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:16px}.hero-content p{color:#fff;font-size:16px;margin-bottom:32px;opacity:.9}.hero-stats{gap:48px;margin:0 auto;width:100%}.hero-stats,.stat{align-items:center;display:flex;justify-content:center}.stat{flex-direction:column;text-align:center}.stat-number{display:block;font-size:24px}.stat-label,.stat-number{color:#fff;text-align:center}.stat-label{opacity:.8}.filters-section{margin-bottom:24px}.filters-container{display:flex;flex-wrap:wrap;gap:16px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{color:#5f6368;color:var(--text-secondary);font-size:12px;font-weight:500}.filter-group select{background:#fff;border:1px solid #dadce0;border:1px solid var(--border);border-radius:6px;font-size:14px;min-width:120px;padding:8px 12px}.search-container{margin-bottom:24px;position:relative}.search-container i{color:#5f6368;color:var(--text-secondary);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-container input{border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;width:100%}.view-toggle{display:flex;gap:4px}.view-btn{background:#fff;border:1px solid #dadce0;padding:8px}.view-btn:hover{background:#f8f9fa}.view-btn.active{background:#1a73e8;border-color:#1a73e8}.courses-container{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.courses-container.list-view{grid-template-columns:1fr}.course-card{background:#fff;border:1px solid #dadce0;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;transition:transform .2s ease,box-shadow .2s ease}.course-card:hover{box-shadow:0 4px 16px #00000026}.course-image{background:#f5f5f5;flex-shrink:0;overflow:hidden;width:100%}.course-image img{height:100%;object-fit:cover;width:100%}.featured-badge{background:#1a73e8;background:var(--accent);font-size:11px;padding:4px 10px;text-transform:uppercase;top:12px;z-index:3}.course-image .course-level,.featured-badge{border-radius:6px;color:#fff;font-weight:600;left:12px;position:absolute}.course-image .course-level{background:#000c;bottom:12px;box-shadow:0 2px 8px #0006;font-size:12px;padding:6px 12px;text-transform:capitalize;z-index:2}.course-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.course-title{color:#212121;line-height:1.4;margin:0 0 8px}.course-instructor{color:#5f6368;color:var(--text-secondary);font-size:14px;margin:0 0 12px}.course-rating{margin-bottom:12px}.course-rating .stars{display:flex;gap:2px}.course-rating .stars i{color:#ffc107;font-size:16px}.rating-text{color:#5f6368;font-size:13px}.course-meta{gap:8px;margin-bottom:16px}.course-duration,.course-students{background:var(--background-secondary);border-radius:6px;color:#5f6368;color:var(--text-secondary);font-size:12px;padding:4px 10px}.course-content:after{content:"";flex:1 1;min-height:0}.course-price{align-items:baseline;border-top:1px solid #dadce0;border-top:1px solid var(--border);display:flex;gap:10px;margin-top:16px;padding-top:16px}.price{color:#1a73e8;color:var(--accent);font-size:22px;font-weight:700;line-height:1}.original-price{color:#5f6368;color:var(--text-secondary);font-size:15px;line-height:1;text-decoration:line-through}.course-actions{margin-top:12px}.my-learning-container{display:flex;flex-direction:column;gap:16px}.learning-course-card{align-items:center;background:#fff;border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:20px}.course-progress{flex-shrink:0}.progress-circle{align-items:center;background:var(--background-secondary);border-radius:50%;display:flex;height:60px;justify-content:center;position:relative;width:60px}.progress-fill{background:conic-gradient(#1a73e8 0deg,#1a73e8 var(--progress),#0000 var(--progress));background:conic-gradient(var(--accent) 0deg,var(--accent) var(--progress),#0000 var(--progress));border-radius:50%;left:0;position:absolute;top:0;width:100%}.progress-text{color:#212121;color:var(--text);font-size:14px;font-weight:600}.course-info{flex:1 1}.course-stats{color:#5f6368;color:var(--text-secondary);display:flex;font-size:14px;gap:16px;margin:8px 0}.next-lesson{color:#1a73e8;color:var(--accent);font-size:14px}.wishlist-container{display:flex;flex-direction:column;gap:16px}.wishlist-course-card{align-items:center;background:#fff;border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:20px}.certificates-container{display:flex;flex-direction:column;gap:16px}.certificate-card{align-items:center;background:#fff;border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:20px}.certificate-icon{align-items:center;background:#1a73e8;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.certificate-icon i{font-size:24px}.certificate-info{flex:1 1}.certificate-title{color:#212121;color:var(--text);font-size:18px;font-weight:600;margin-bottom:4px}.certificate-instructor{margin-bottom:8px}.certificate-instructor,.certificate-meta{color:#5f6368;color:var(--text-secondary);font-size:14px}.certificate-meta{display:flex;gap:16px}.no-certificates,.no-courses,.no-results,.no-wishlist{color:#5f6368;color:var(--text-secondary);padding:60px 20px;text-align:center}.no-certificates i,.no-courses i,.no-results i,.no-wishlist i{font-size:48px;margin-bottom:16px;opacity:.5}.no-certificates h3,.no-courses h3,.no-results h3,.no-wishlist h3{color:#212121;color:var(--text);font-size:20px;margin-bottom:8px}.modal-content.course-detail-modal{max-height:90vh!important;max-width:800px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:32px!important}.modal-content.course-detail-modal::-webkit-scrollbar{width:12px!important}.modal-content.course-detail-modal::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:10px!important;margin:8px 0}.modal-content.course-detail-modal::-webkit-scrollbar-thumb{background:#667eea!important;border:2px solid #f1f1f1!important;border-radius:10px!important}.modal-content.course-detail-modal::-webkit-scrollbar-thumb:hover{background:#764ba2!important}.modal-content.course-detail-modal{scrollbar-color:#667eea #f1f1f1!important;scrollbar-width:thin!important}.course-preview{display:flex;gap:24px;margin-bottom:24px}.course-preview .course-image{border-radius:8px;flex-shrink:0;height:200px;overflow:hidden;position:relative;width:300px}.course-preview .course-image img{height:100%;object-fit:cover;width:100%}.play-button{align-items:center;background:#000000b3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.play-button i{font-size:24px}.course-preview .course-info{flex:1 1}.course-preview .course-meta{display:flex;gap:12px;margin-bottom:16px}.course-preview .course-meta span{background:var(--background-secondary);border-radius:4px;color:#5f6368;color:var(--text-secondary);font-size:14px;padding:4px 8px}.course-preview .course-price,.course-preview .course-rating{margin-bottom:16px}.course-curriculum,.course-description,.course-instructor{margin-bottom:24px}.course-curriculum h3,.course-description h3,.course-instructor h3{color:#212121;color:var(--text);font-size:18px;font-weight:600;margin-bottom:12px}.course-curriculum ul{list-style:none;padding:0}.course-curriculum li{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);padding:8px 0 8px 24px;position:relative}.course-preview-videos{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1px solid #e0e7ff;border-radius:12px;margin-bottom:32px;padding:24px}.course-preview-videos h3{align-items:center;color:#667eea;display:flex;font-size:20px;font-weight:600;gap:8px;margin-bottom:20px}.course-preview-videos h3:before{content:"🎬";font-size:24px}.preview-videos-list{display:flex;flex-direction:column;gap:16px}.preview-video-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:10px;box-shadow:0 2px 8px #667eea1a;display:flex;gap:16px;padding:16px;transition:all .3s ease}.preview-video-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.video-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;position:relative;width:120px}.video-thumbnail i{color:#fff;font-size:40px;opacity:.9}.preview-badge{background:#10b981}.lock-badge,.preview-badge{border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;position:absolute;right:4px;text-transform:uppercase;top:4px}.lock-badge{background:#ef4444}.video-info{flex:1 1;min-width:0}.video-info h4{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.preview-label{background:#e0e7ff;border-radius:4px;color:#667eea;font-size:12px;font-weight:500;padding:2px 8px}.video-duration{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:4px 10px}.video-duration:before{content:"⏱️";font-size:12px}.play-preview-btn,.play-video-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.play-preview-btn:hover,.play-video-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.play-preview-btn:active,.play-video-btn:active{transform:translateY(0)}.play-preview-btn i,.play-video-btn i{font-size:20px}.course-videos-section{margin-bottom:32px}.course-videos-section h3{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:8px;margin-bottom:20px}.course-videos-section h3:before{content:"📚";font-size:24px}.course-videos-list{display:flex;flex-direction:column;gap:12px}.course-video-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;gap:16px;padding:16px;transition:all .3s ease}.course-video-item:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.course-video-item.locked{background:#f9fafb;border-color:#e5e7eb;opacity:.8}.course-video-item.locked:hover{box-shadow:0 2px 6px #00000014;transform:none}.course-video-item.locked .video-thumbnail{background:linear-gradient(135deg,#9ca3af,#6b7280)}.course-video-item.locked .video-thumbnail i{color:#fff;opacity:.7}.locked-message{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;padding:10px 20px}.locked-message i{color:#ef4444;font-size:18px}@media (max-width:768px){.course-video-item,.preview-video-item{align-items:stretch;flex-direction:column}.video-thumbnail{height:120px;width:100%}.video-info{text-align:center}.locked-message,.play-preview-btn,.play-video-btn{justify-content:center;width:100%}.course-preview-videos{padding:16px}}.course-curriculum li:before{color:#1a73e8;color:var(--accent);content:"✓";font-weight:700;left:0;position:absolute}.instructor-info{align-items:center;display:flex;gap:16px}.instructor-info img{border-radius:50%;height:60px;object-fit:cover;width:60px}.instructor-details h4{color:#212121;color:var(--text);font-size:16px;font-weight:600;margin-bottom:4px}.instructor-details p{color:#5f6368;color:var(--text-secondary);font-size:14px;margin-bottom:4px}.modal-footer{border-top:1px solid #dadce0;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding-top:24px}@media (max-width:768px){.hero-stats{gap:24px}.filters-container,.hero-stats{flex-direction:column}.courses-container{grid-template-columns:1fr}.course-preview{flex-direction:column}.course-preview .course-image{width:100%}.certificate-card,.learning-course-card,.wishlist-course-card{flex-direction:column;text-align:center}.course-actions{justify-content:center}}.talk-tabs{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px}.talk-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#5f6368;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .2s ease}.talk-tab:hover{background:#f8f9fa;background:var(--hover);color:#212121;color:var(--text)}.talk-tab.active{background:#1a73e8;background:var(--accent);color:#fff}.talk-tab i{font-size:18px}.talk-content{margin-top:24px}.search-filter-container{margin-bottom:24px}.search-box{margin-bottom:16px}.search-box i{color:#5f6368;left:16px}.search-box input{background:var(--card-bg);border:1px solid #dadce0;color:#212121;padding:12px 16px 12px 48px;transition:border-color .2s ease}.search-box input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.filter-options select{background:var(--card-bg);border:1px solid #dadce0;color:#212121;cursor:pointer;padding:8px 12px;transition:border-color .2s ease}.filter-options select:focus{border-color:#1a73e8}.rooms-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.room-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:24px;transition:all .3s ease}.room-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.room-header{align-items:flex-start;margin-bottom:16px}.room-title{color:#212121;color:var(--text);font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.badge{background:#fbbc04;background:var(--warning);border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.room-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.room-tag{background:#1a73e8;background:var(--accent);border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.room-creator{color:#5f6368;color:var(--text-secondary);font-size:14px;gap:8px;margin-bottom:16px}.creator-avatar,.room-creator{align-items:center;display:flex}.creator-avatar{background:#1a73e8;background:var(--accent);border-radius:50%;color:#fff;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.room-stats{margin-bottom:16px}.room-users{color:#5f6368;color:var(--text-secondary);font-size:14px}.room-actions{gap:8px}.activity-tabs{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px}.activity-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#5f6368;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .2s ease}.activity-tab:hover{background:#f8f9fa;background:var(--hover);color:#212121;color:var(--text)}.activity-tab.active{background:#1a73e8;background:var(--accent);color:#fff}.activity-tab i{font-size:18px}.tab-count{background:#fff3;color:inherit;font-weight:600;margin-left:4px}.my-rooms-list{display:flex;flex-direction:column;gap:16px}.my-room-item{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.my-room-item:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.room-info h3{color:#212121;color:var(--text);font-size:16px;font-weight:600;margin:0 0 8px}.room-meta{flex-wrap:wrap;gap:12px}.room-meta span{background:#f8f9fa;background:var(--hover);border-radius:4px;color:#5f6368;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 8px}.room-status{margin:0 16px}.status-badge{font-weight:600}.status-badge.active{background:#34a853;background:var(--success);color:#fff}.status-badge.inactive{background:#5f6368;background:var(--text-secondary);color:#fff}.room-interface{display:flex;flex-direction:column;height:80vh;max-width:1200px;width:90vw}.room-header{align-items:center;background:#fff;background:var(--card-bg);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.room-info h2{color:#212121;color:var(--text);font-size:24px;font-weight:600;margin:0 0 8px}.room-meta{display:flex;gap:16px}.room-language,.room-level,.room-type{background:#f8f9fa;background:var(--hover);border-radius:4px;color:#5f6368;color:var(--text-secondary);font-size:14px;padding:4px 8px}.room-actions{align-items:center;display:flex;gap:12px}.room-content{display:flex;flex:1 1;overflow:hidden}.voice-panel{background:#fff;background:var(--card-bg);border-right:1px solid #dadce0;border-right:1px solid var(--border);padding:20px;width:200px}.voice-controls{display:flex;flex-direction:column;gap:12px}.voice-btn{align-items:center;background:#f8f9fa;background:var(--hover);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;color:#212121;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px;transition:all .2s ease}.voice-btn.active,.voice-btn:hover{background:#1a73e8;background:var(--accent);border-color:#1a73e8;border-color:var(--accent);color:#fff}.voice-btn i{font-size:18px}.btn-text{font-size:12px}.chat-area{background:#fff;background:var(--card-bg)}.chat-area,.chat-messages{display:flex;flex:1 1;flex-direction:column}.chat-messages{gap:12px;overflow-y:auto;padding:20px}.chat-message{display:flex;flex-direction:column;max-width:70%}.chat-message.own{align-self:flex-end}.chat-message.own .message-content{background:#1a73e8;background:var(--accent);color:#fff}.message-header{color:#5f6368;color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.message-author{font-weight:600}.message-time{opacity:.7}.message-content{word-wrap:break-word;background:#f8f9fa;background:var(--hover);border-radius:12px;font-size:14px;line-height:1.4;padding:12px 16px}.chat-input{border-top:1px solid #dadce0;border-top:1px solid var(--border);display:flex;gap:8px;padding:20px}.chat-input,.chat-input input{background:#fff;background:var(--card-bg)}.chat-input input{border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;color:#212121;color:var(--text);flex:1 1;font-size:14px;padding:12px 16px}.chat-input input:focus{border-color:#1a73e8;border-color:var(--accent);outline:none}.chat-input button{background:#1a73e8;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 16px;transition:background .2s ease}.chat-input button:hover{background:#1557b0}.participants-panel{background:#fff;background:var(--card-bg);border-left:1px solid #dadce0;border-left:1px solid var(--border);padding:20px;width:250px}.participants-panel h3{color:#212121;color:var(--text);font-size:16px;font-weight:600;margin:0 0 16px}.participants-list{display:flex;flex-direction:column;gap:12px}.participant-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:8px;transition:background .2s ease}.participant-item:hover{background:#f8f9fa;background:var(--hover)}.participant-avatar{align-items:center;background:#1a73e8;background:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.participant-info{display:flex;flex:1 1;flex-direction:column}.participant-name{color:#212121;color:var(--text);font-size:14px;font-weight:500}.participant-country{color:#5f6368;color:var(--text-secondary);font-size:12px}.participant-status{align-items:center;display:flex;gap:4px}.participant-status i{color:#5f6368;color:var(--text-secondary);font-size:16px}.owner-badge{background:#34a853;background:var(--success);border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.create-room-form{max-width:600px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:16px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;color:#212121;color:var(--text);font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a;outline:none}.checkbox-label{align-items:center;color:#212121;color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.form-actions{border-top:1px solid #dadce0;border-top:1px solid var(--border);padding-top:20px}.form-btn{display:inline-flex;font-weight:500;min-width:120px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.form-btn.primary{box-shadow:0 2px 4px #1a73e833}.form-btn.primary:hover{box-shadow:0 4px 8px #1a73e84d;transform:translateY(-1px)}.form-btn.secondary{color:#212121;color:var(--text)}.form-btn.secondary:hover{border-color:#5f6368;border-color:var(--text-secondary)}.form-btn:disabled{opacity:.6;transform:none!important}.form-btn i{font-size:16px}.create-room-btn{align-items:center;background:#1a73e8;background:var(--accent);border:none;border-radius:8px;box-shadow:0 2px 8px #1a73e833;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;margin-top:16px;padding:14px 32px;transition:all .2s ease}.create-room-btn:hover{background:#1557b0;box-shadow:0 4px 16px #1a73e84d;transform:translateY(-2px)}.create-room-btn:active{transform:translateY(0)}.create-room-btn i{font-size:18px}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#ea4335;border-color:var(--error);box-shadow:0 0 0 3px #ea43351a}.form-group.error .error-message{color:#ea4335;color:var(--error);display:block;font-size:12px;margin-top:4px}.form-group.success input,.form-group.success select,.form-group.success textarea{border-color:#34a853;border-color:var(--success);box-shadow:0 0 0 3px #34a8531a}.form-group label.required:after{color:#ea4335;color:var(--error);font-weight:600}.form-help{color:#5f6368;color:var(--text-secondary);font-size:12px;line-height:1.4;margin-top:4px}.tags-input{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;min-height:44px;padding:8px}.tag{align-items:center;background:#1a73e8;background:var(--accent);border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.tag-remove{cursor:pointer;font-size:14px;font-weight:700}.tag-remove:hover{opacity:.8}.tags-input input{background:#0000;border:none;color:#212121;color:var(--text);flex:1 1;font-size:14px;min-width:120px;outline:none}.tags-input input::placeholder{color:#5f6368;color:var(--text-secondary)}.profile-settings-form{max-width:600px}@media (max-width:768px){.talk-tabs{flex-wrap:wrap}.talk-tab{flex:1 1;min-width:120px}.filter-options{flex-direction:column}.rooms-grid{grid-template-columns:1fr}.room-interface{height:90vh;width:95vw}.room-content{flex-direction:column}.voice-panel{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);border-right:none;width:100%}.voice-controls{flex-direction:row;justify-content:center}.participants-panel{border-left:none;border-top:1px solid #dadce0;border-top:1px solid var(--border);width:100%}.form-row{grid-template-columns:1fr}}.language-section{padding:40px 20px;text-align:center}.language-section-container.user-content-header{text-align:center}.language-title{color:#212121;color:var(--text,#333);font-size:24px;font-weight:600;margin-bottom:30px}.language-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto;max-width:900px}.language-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #0000;border-radius:16px;box-shadow:0 5px 15px #0000000d;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:25px 10px;position:relative;transition:all .3s ease}.language-card:hover{box-shadow:0 12px 25px #0000001a;transform:translateY(-6px)}.language-card.active{background:#f5f3ff;border:2px solid #4f46e5}.language-card .flag{display:block;font-size:40px;line-height:1;margin-bottom:12px}.language-card-flag-img{border-radius:8px;display:block;height:48px;margin-bottom:12px;object-fit:cover;width:64px}.language-card span:not(.flag),.language-card-label{color:#212121;color:var(--text,#333);font-size:16px;font-weight:500}.language-card:after{background:#4f46e5;border-radius:3px;content:"";display:block;height:3px;margin-left:auto;margin-right:auto;margin-top:10px;opacity:0;transition:.3s;width:30px}.language-card.active:after{opacity:1}.explore-modules-header{margin-bottom:20px}.explore-back-to-languages{margin-bottom:8px}.explore-back-flag-img{border-radius:2px;height:21px;margin-left:8px;object-fit:cover;vertical-align:middle;width:28px}.explore-modules-for{color:#5f6368;color:var(--text-secondary);font-size:1rem;margin:0}.explore-modules-for-lang{color:#212121;color:var(--text);font-weight:600}.explore-card-badge,.explore-card-badge-inline{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;margin-left:8px;padding:2px 8px;vertical-align:middle}.explore-card-badge--new{background:#1a73e8;background:var(--accent);color:#fff}.explore-card-badge--progress{background:var(--bg-secondary);color:#212121;color:var(--text)}.explore-tabs{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px}.explore-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#5f6368;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .2s ease}.explore-tab:hover{background:#f8f9fa;background:var(--hover);color:#212121;color:var(--text)}.explore-tab.active{background:#1a73e8;background:var(--accent);color:#fff}.explore-tab-icon{font-size:18px}.explore-tab-text{font-size:14px;font-weight:500}.explore-content{margin-top:24px}.explore-category{display:none}.explore-category.active{display:block}.explore-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.explore-card-single{margin-top:24px}.explore-title-icon{font-size:24px;margin-right:12px}.arabic-title{color:#5f6368;color:var(--text-secondary);font-size:14px;font-weight:400;margin-left:8px}.explore-card-title-section{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.explore-card-arabic{color:#5f6368;color:var(--text-secondary);font-size:12px;font-style:italic;margin:0}.explore-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.explore-card:before{background:#1a73e8;background:var(--accent);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.explore-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.explore-card-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.explore-card-icon{align-items:center;background:#f8f9fa;background:var(--hover);border-radius:8px;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.explore-card-title{color:#212121;color:var(--text);font-size:18px;font-weight:600;line-height:1.3;margin:0}.explore-card-description{color:#5f6368;color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.explore-card-features{margin-bottom:20px}.explore-card-features h4{color:#212121;color:var(--text);font-size:14px;font-weight:600;margin:0 0 8px}.explore-card-features ul{list-style:none;margin:0;padding:0}.explore-card-features li{color:#5f6368;color:var(--text-secondary);font-size:12px;line-height:1.4;padding:8px 0 8px 16px;position:relative;white-space:pre-line}.explore-card-features li:before{color:#34a853;color:var(--success);content:"✓";font-weight:700;left:0;position:absolute;top:8px}.explore-card-actions{display:flex;gap:8px;margin-top:16px}.explore-card-actions .user-course-btn{flex:1 1;justify-content:center}.filters-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.filters-left select,.filters-right select{background:#fff;background:var(--card-bg);border:2px solid #dadce0;border:2px solid var(--border);border-radius:10px;color:#212121;color:var(--text);padding:10px 12px}.filters-right .search-box{position:relative}.filters-right .search-box input{background:#fff;background:var(--card-bg);border:2px solid #dadce0;border:2px solid var(--border);border-radius:10px;color:#212121;color:var(--text);min-width:260px;padding:10px 36px 10px 12px}.filters-right .search-box .material-icons{color:#5f6368;color:var(--text-secondary);font-size:20px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.books-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.book-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);cursor:pointer;display:flex;flex-direction:column;height:280px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.book-card:hover{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.book-cover{background:linear-gradient(135deg,#eef4ff,#f9f5ff);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;height:140px;margin-bottom:10px;overflow:hidden;position:relative}.book-cover:before{background:linear-gradient(180deg,#0000001a,#0000004d);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.book-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.level-badge{background:#eef4ff;border-radius:999px;color:#3538cd;font-weight:600}.book-title{color:#212121;color:var(--text);font-size:16px;line-height:1.3;margin:6px 0}.book-desc,.book-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-desc{color:#5f6368;color:var(--text-secondary);flex:1 1;font-size:14px;line-height:1.4;min-height:40px}.book-actions,.book-footer-meta{display:flex;gap:8px;margin-top:8px}.book-footer-meta{flex-wrap:wrap}.meta-chip{align-items:center;background:#f8f9fa;background:var(--hover);border-radius:999px;color:#5f6368;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.books-subgrid{display:flex;flex-wrap:wrap;gap:8px}.books-pill{background:#f8f9fa;background:var(--hover);border-radius:999px;color:#5f6368;color:var(--text-secondary);font-size:13px;padding:6px 10px}@media (max-width:768px){.explore-tabs{flex-direction:column;gap:4px}.explore-tab{justify-content:flex-start;padding:10px 16px}.explore-tab-text{font-size:13px}.explore-cards-grid{grid-template-columns:1fr}.explore-card{padding:20px}.explore-card-header{gap:12px;text-align:center}.explore-card-actions,.explore-card-header{flex-direction:column}.explore-title-icon{font-size:20px}.arabic-title{font-size:12px}}.esp-faculty-tabs{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin-bottom:32px;padding:0}.esp-faculty-tab{align-items:center;background:#fff;background:var(--card-bg);border:2px solid #dadce0;border:2px solid var(--border);border-radius:8px;color:#5f6368;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.esp-faculty-tab:hover{box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);color:#1a73e8;color:var(--accent);transform:translateY(-1px)}.esp-faculty-tab.active,.esp-faculty-tab:hover{border-color:#1a73e8;border-color:var(--accent)}.esp-faculty-tab.active{background:#1a73e8;background:var(--accent);box-shadow:0 2px 8px #1a73e84d;color:#fff}.esp-faculty-tab i{font-size:18px}.esp-specialties-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.esp-specialty-card{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.esp-specialty-card:hover{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.esp-specialty-icon{align-items:center;background:#1a73e8;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.esp-specialty-content{flex:1 1;min-width:0}.esp-specialty-title{color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;margin:0 0 4px}.esp-specialty-description{color:#5f6368;color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.esp-specialty-arrow{color:#5f6368;color:var(--text-secondary);font-size:20px;transition:transform .3s ease}.esp-specialty-card:hover .esp-specialty-arrow{color:#1a73e8;color:var(--accent);transform:translateX(4px)}.esp-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:24px}.esp-content-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.esp-content-card:hover{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.esp-content-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.esp-content-icon{align-items:center;background:#1a73e8;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.esp-content-info{flex:1 1;min-width:0}.content-type-badge{background:#1a73e8;background:var(--accent);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-bottom:8px;padding:4px 8px;text-transform:capitalize}.esp-content-title{color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:500;margin:0 0 8px}.esp-content-description{color:#5f6368;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.esp-content-meta{display:flex;gap:12px;margin-bottom:20px}.esp-content-difficulty,.esp-content-duration{border-radius:16px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.esp-content-difficulty{background:#1a73e81a;color:#1a73e8;color:var(--accent)}.esp-content-duration{background:#34a8531a;color:#34a853;color:var(--success)}.esp-content-actions{display:flex;gap:12px}.esp-content-actions .user-course-btn{flex:1 1;justify-content:center}@media (max-width:768px){.esp-faculty-tabs{flex-direction:column}.esp-faculty-tab{justify-content:center}.esp-specialties-grid{grid-template-columns:1fr}.esp-specialty-card{flex-direction:column;text-align:center}.esp-specialty-arrow{display:none}.esp-content-grid{grid-template-columns:1fr}.esp-content-header{flex-direction:column;text-align:center}.esp-content-meta{justify-content:center}.esp-content-actions{flex-direction:column}}.article-metadata{align-items:center;border-top:1px solid #dadce0;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin:16px 0;padding:12px 0}.metadata-item{background:#f8f9fa;background:var(--hover);border:1px solid #dadce0;border:1px solid var(--border);border-radius:6px;padding:4px 8px}.metadata-item span:not(.material-icons){font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500}@media (max-width:768px){.article-metadata{flex-direction:column;gap:8px}.metadata-left{justify-content:flex-start}}.feature-item{margin-bottom:12px}.feature-title{font-size:14px;font-weight:600;margin-bottom:4px}.feature-description{font-size:13px;line-height:1.4;margin-left:0}.vocabulary-search-section{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.search-box{max-width:400px}.vocabulary-search-input{background:#fff;background:var(--bg);border:2px solid #dadce0;border:2px solid var(--border);border-radius:8px;color:#212121;color:var(--text);font-size:16px;padding:12px 48px 12px 16px;transition:all .3s ease;width:100%}.vocabulary-search-input:focus{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a;outline:none}.search-icon{font-size:20px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.search-icon,.search-results-info{color:#5f6368;color:var(--text-secondary)}.search-results-info{background:#f8f9fa;background:var(--hover);border-radius:6px;flex-basis:100%;font-size:14px;font-weight:500;margin-top:12px;padding:8px 16px}.refresh-content-btn{align-items:center;background:#1a73e8;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.refresh-content-btn:hover{background:var(--accent-hover);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow);transform:translateY(-1px)}.refresh-content-btn:active{transform:translateY(0)}.refresh-content-btn .material-icons{font-size:18px}.dictation-paths-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:24px}.dictation-path-card{background:#fff;background:var(--card-bg);border:2px solid #dadce0;border:2px solid var(--border);border-radius:16px;cursor:pointer;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.dictation-path-card:before{background:linear-gradient(90deg,#1a73e8,#34a853,#fbbc04,#ea4335);background:linear-gradient(90deg,var(--accent),#34a853,#fbbc04,#ea4335);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.dictation-path-card:hover{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 12px 32px #0000001f;box-shadow:0 12px 32px var(--shadow-hover);transform:translateY(-8px)}.dictation-path-card:hover:before{transform:scaleX(1)}.path-icon{display:block;font-size:48px;margin-bottom:20px}.dictation-path-card h3{color:#212121;color:var(--text);font-size:20px;font-weight:600;line-height:1.3;margin:0 0 12px}.dictation-path-card p{color:#5f6368;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.dictation-path-content{margin-top:24px}.esp-tabs,.exam-tabs,.general-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.esp-tab,.exam-tab,.general-tab{background:#fff;background:var(--bg);border:2px solid #dadce0;border:2px solid var(--border);border-radius:12px;color:#212121;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.esp-tab:hover,.exam-tab:hover,.general-tab:hover{background:#f8f9fa;background:var(--hover);border-color:#1a73e8;border-color:var(--accent)}.esp-tab.active,.exam-tab.active,.general-tab.active{background:#1a73e8;background:var(--accent);border-color:#1a73e8;border-color:var(--accent);color:#fff}.dictation-exercises{background:#f8f9fa;background:var(--hover);border:1px solid #dadce0;border:1px solid var(--border);border-radius:16px;margin-top:24px;padding:32px;text-align:center}.dictation-exercises h3{color:#212121;color:var(--text);font-size:24px;font-weight:600;margin:0 0 12px}.dictation-exercises p{color:#5f6368;color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 24px}@media (max-width:768px){.dictation-paths-grid{gap:16px;grid-template-columns:1fr}.dictation-path-card{padding:24px 20px}.esp-tabs,.exam-tabs,.general-tabs{gap:8px}.esp-tab,.exam-tab,.general-tab{font-size:13px;padding:10px 16px}.dictation-exercises{padding:24px 20px}}.user-filters-bar .search-box{flex:1 1;max-width:520px}.user-filters-bar .search-box i{color:#5f6368;color:var(--text-secondary)}.user-filters-bar .search-box input{background:#fff;background:var(--bg);border:2px solid #dadce0;border:2px solid var(--border);border-radius:10px;color:#212121;color:var(--text);font-size:14px;padding:12px 14px 12px 40px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.user-filters-bar .search-box input:hover{border-color:#c9cdd3}.user-filters-bar .search-box input:focus{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a;outline:none}.user-filters-bar .user-course-btn{background:#1a73e8;background:var(--accent);border-color:#1a73e8;border-color:var(--accent);border-radius:10px;color:#fff;font-weight:600;padding:12px 18px}.user-filters-bar .user-course-btn:hover{box-shadow:0 4px 12px #1a73e84d;transform:translateY(-1px)}@media (max-width:768px){.user-filters-bar .search-box{max-width:100%}}.user-filters-bar{flex-wrap:nowrap}.user-filters-bar .user-course-btn{flex:0 0 auto}@media (max-width:768px){.user-filters-bar{flex-wrap:wrap}}.exam-tabs.segmented{border-radius:10px}.exam-tabs.segmented .exam-tab{border-radius:8px}.exam-toolbar{padding-top:8px}.selection-chip{color:#212121;color:var(--text)}@media (max-width:768px){.exam-toolbar .selection-summary{align-items:flex-start;flex-direction:column}}.user-filters-bar{justify-content:flex-start;width:100%}.user-filters-bar .search-box{flex:1 1 auto;min-width:0}.user-filters-bar .user-course-btn{margin-left:auto}@media (max-width:768px){.user-filters-bar .user-course-btn{margin-left:0;width:100%}}.exam-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.exam-tab{align-items:center;background:#fff;background:var(--card-bg);border:2px solid #dadce0;border:2px solid var(--border);border-radius:12px;color:#5f6368;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 18px;transition:all .2s ease}.exam-tab:hover{box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);color:#1a73e8;color:var(--accent);transform:translateY(-1px)}.exam-tab.active,.exam-tab:hover{border-color:#1a73e8;border-color:var(--accent)}.exam-tab.active{background:#1a73e8;background:var(--accent);box-shadow:0 2px 8px #1a73e840;color:#fff}.exam-tab .material-icons,.exam-tab i{font-size:18px}.exam-tab.active .material-icons,.exam-tab.active i{color:#fff}.exam-tabs.segmented{background:#f8f9fa;background:var(--hover);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;display:inline-flex;padding:6px}.exam-tabs.segmented .exam-tab{background:#0000;border:none;color:#5f6368;color:var(--text-secondary);padding:10px 14px}.exam-tabs.segmented .exam-tab.active{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);box-shadow:none;color:#212121;color:var(--text)}.exam-toolbar{background:#fff;background:var(--card-bg);margin-bottom:8px;padding-top:4px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.exam-toolbar .selection-summary{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.selection-chip{align-items:center;background:#f8f9fa;background:var(--hover);border:1px solid #dadce0;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-weight:600;gap:8px;padding:8px 12px}.selection-meta{color:#5f6368;color:var(--text-secondary);font-size:13px}@media (max-width:768px){.exam-tabs{gap:8px}.exam-tab{font-size:13px;padding:10px 14px}.exam-toolbar .selection-summary{align-items:flex-start;flex-direction:column}}.user-filters-bar{align-items:center;display:flex}.user-filters-bar .search-box input{height:44px}.user-filters-bar .user-course-btn{align-items:center;display:inline-flex;height:44px;line-height:1;padding:0 18px}.user-filters-bar .user-course-btn i{font-size:20px}.user-filters-bar .search-box{position:relative}.user-filters-bar .search-box i{font-size:20px;height:20px;left:12px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.user-filters-bar .search-box input{padding-left:40px}.reading-controls{margin:20px 0}.start-btn{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf504d;color:#fff}.start-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.stop-btn{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 12px #f443364d;color:#fff}.stop-btn:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 6px 16px #f4433666;transform:translateY(-2px)}.reading-interface{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:30px;padding:20px}.reading-controls{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.reading-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.model-reading-btn{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 12px #2196f34d;color:#fff}.model-reading-btn:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 6px 16px #2196f366;transform:translateY(-2px)}.start-reading-btn{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf504d;color:#fff}.start-reading-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.reading-remark{align-items:center;animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;box-shadow:0 4px 15px #2196f34d;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;margin-top:15px;padding:12px 20px}.reading-remark .material-icons{color:#90caf9;font-size:18px}.reading-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reading-status{align-items:center;background:#e3f2fd;border-radius:8px;color:#1976d2;display:flex;font-weight:500;gap:10px;justify-content:center;padding:15px}.reading-status .material-icons{font-size:20px}.rotating{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recognition-display{animation:slideInUp .5s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;box-shadow:0 6px 20px #4caf504d;color:#fff;margin-top:20px;padding:20px}.recognition-header{align-items:center;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:15px}.recognition-header .material-icons{color:#a5d6a7;font-size:24px}.recognition-text{display:flex;flex-direction:column;gap:8px}.recognition-label{color:#c8e6c9;font-size:14px;font-weight:500}.recognition-content{word-wrap:break-word;background:#ffffff1a;border-left:4px solid #a5d6a7;border-radius:8px;font-size:16px;font-weight:500;line-height:1.6;min-height:20px;padding:12px}.highlighted-word{animation:wordHighlight .3s ease-out;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:6px;box-shadow:0 2px 6px #ff98004d;color:#fff;display:inline-block;font-weight:600;margin:2px 4px;padding:4px 8px;transition:all .2s ease}.highlighted-word:hover{box-shadow:0 4px 8px #ff980066;transform:translateY(-1px)}.recognition-placeholder{color:#c8e6c9;font-style:italic;font-weight:400}@keyframes wordHighlight{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dictation-articles-section{margin-top:30px}.dictation-articles-section h3{color:#212121;color:var(--text);font-size:24px;font-weight:600;margin-bottom:20px}.loading-message{color:#5f6368;color:var(--text-secondary)}.error-message,.loading-message{font-size:16px;padding:40px;text-align:center}.error-message{background:#fde8e8;border:1px solid #fecaca}.no-articles-message{background:#f8f9fa;background:var(--hover);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;color:#5f6368;color:var(--text-secondary);padding:40px;text-align:center}.no-articles-message p{font-size:14px;margin:8px 0}.units-grid-header{margin-bottom:12px}.units-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px;margin-top:16px}@media (max-width:600px){.units-grid{grid-template-columns:1fr}}.unit-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.unit-card:hover{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.unit-card-image{display:block;object-fit:cover;object-position:center}.unit-card-image,.unit-card-placeholder{border-radius:12px 12px 0 0;height:210px;width:100%}.unit-card-placeholder{background:linear-gradient(135deg,#667eea,#764ba2)}.unit-card-body{padding:14px}.unit-card-number{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.unit-card-title{color:#212121;color:var(--text);font-size:1.05rem;font-weight:600;line-height:1.3;margin:6px 0 10px}.unit-card-streams{display:flex;flex-wrap:wrap;gap:6px}.unit-stream-badge{background:#dadce0;background:var(--border);border-radius:6px;color:#212121;color:var(--text);font-size:10px;padding:4px 8px}.units-back-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.units-back-btn{margin:0}.units-current-title{color:#212121;color:var(--text);font-weight:600}.educational-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-top:20px}.educational-content-card{background:#fff!important;background:var(--card-bg)!important;border:1px solid #dadce0!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important;box-shadow:0 2px 8px var(--shadow)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;height:420px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.educational-content-card:hover{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.educational-content-image-container{border-radius:12px 12px 0 0!important;height:160px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:relative!important;width:100%!important}.educational-content-image-tag{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.educational-content-image-fallback{height:100%;left:0;position:absolute;top:0;width:100%}.educational-content-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px 12px 0 0;height:160px;overflow:hidden;position:relative;width:100%}.educational-content-image:before{background:linear-gradient(180deg,#0000000d,#00000026);bottom:0;content:"";display:none;left:0;position:absolute;right:0;top:0;z-index:1}.educational-content-header{display:flex!important;flex-direction:column!important;gap:2px!important;padding:4px 10px!important}.educational-content-title{color:#212121!important;color:var(--text)!important;font-size:18px!important;font-weight:600!important;line-height:1.2!important;margin:0 0 1px!important}.educational-content-description,.educational-content-title{-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.educational-content-description{color:#5f6368!important;color:var(--text-secondary)!important;font-size:14px!important;line-height:1.4!important;margin:0!important}.educational-content-meta{align-items:center;display:flex;justify-content:space-between;margin:2px 0;padding:0 10px}.educational-content-difficulty{background:#f8f9fa;background:var(--hover);border-radius:16px;color:#5f6368;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 12px}.educational-content-duration{color:#1a73e8;color:var(--accent);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.educational-content-actions{flex-shrink:0!important;gap:8px!important;margin:0!important}.article-metadata,.educational-content-actions{display:flex!important;padding:4px 10px!important}.article-metadata{align-items:center!important;border-top:1px solid #dadce0!important;border-top:1px solid var(--border)!important;justify-content:space-between!important;margin-top:auto!important}.metadata-left{display:flex;gap:16px}.metadata-item{align-items:center;color:#5f6368;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.support-classes-container{grid-gap:32px;gap:32px;margin-top:32px}.support-class-card{background:var(--card-bg);border:2px solid #dadce0;border:2px solid var(--border);border-radius:20px;box-shadow:0 4px 16px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1)}.support-class-card:before{background:linear-gradient(90deg,#1a73e8,#4a90e2);background:linear-gradient(90deg,var(--accent),#4a90e2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease;z-index:1}.support-class-card:hover:before{transform:scaleX(1)}.support-class-card:hover{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 12px 32px #00000026;transform:translateY(-8px)}.support-class-thumbnail{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);height:180px}.support-class-thumbnail img{transition:transform .4s ease}.support-class-card:hover .support-class-thumbnail img{transform:scale(1.05)}.support-class-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#212121;color:var(--text);font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;right:16px;text-transform:uppercase;top:16px;z-index:2}.support-class-content{padding:24px}.support-class-title{color:#212121;font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0 0 10px}.support-class-subtitle{color:#5f6368;font-size:15px;font-weight:400;line-height:1.6;margin:0 0 20px}.support-class-features{background:#f8f9fa;background:var(--hover);border-radius:12px;gap:12px;margin-bottom:24px;padding:16px}.feature-item{color:#212121;color:var(--text);font-size:14px;font-weight:500;gap:12px;transition:transform .2s ease}.support-class-card:hover .feature-item{transform:translateX(4px)}.feature-item i{align-items:center;background:#1a73e81a;border-radius:8px;color:#1a73e8;display:flex;font-size:20px;height:24px;justify-content:center;padding:4px;transition:all .3s ease;width:24px}.support-class-card:hover .feature-item i{background:#1a73e826;transform:scale(1.1)}.support-class-btn{border-radius:12px;box-shadow:0 4px 12px #00000026;font-size:15px;font-weight:700;gap:10px;letter-spacing:.5px;overflow:hidden;padding:16px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.support-class-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.support-class-btn:hover:before{height:300px;width:300px}.support-class-btn i{position:relative;transition:transform .3s ease;z-index:1}.support-class-btn:hover i{transform:scale(1.2) rotate(5deg)}.support-class-btn,.support-class-btn span{position:relative;z-index:1}.support-class-btn.primary.blue:hover{box-shadow:0 6px 20px #2196f366;transform:translateY(-3px)}.support-class-btn.primary.orange:hover{box-shadow:0 6px 20px #ff980066;transform:translateY(-3px)}.support-class-btn.primary.green:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-3px)}.back-button{align-self:flex-start;background:#f8f9fa;background:var(--hover);border:1px solid var(--border);border-radius:10px;color:#212121;color:var(--text);display:inline-flex;margin-bottom:24px;margin-top:0;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:#1a73e8;background:var(--accent);border-color:#1a73e8;border-color:var(--accent);box-shadow:0 4px 12px #1a73e833;color:#fff;transform:translateX(-4px)}.back-button i{font-size:20px;transition:transform .3s ease}.back-button:hover i{transform:translateX(-2px)}.support-class-features-info{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1px solid #e0e7ff;border-radius:16px;box-shadow:0 2px 8px #667eea14;display:flex;flex-wrap:wrap;gap:32px;margin-bottom:32px;padding:24px}.support-class-features-info .feature-item{align-items:center;background:#fff;border-radius:10px;display:flex;flex:1 1;gap:12px;min-width:200px;padding:12px 16px;transition:all .3s ease}.support-class-features-info .feature-item:hover{background:linear-gradient(135deg,#fff,#f8f9ff);box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.support-class-features-info .feature-item i{align-items:center;background:#667eea1a;border-radius:8px;color:#667eea;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.support-class-features-info .feature-item:hover i{background:#667eea33;transform:scale(1.1)}.support-class-features-info .feature-item span{color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:600}.workshop-tabs{border-bottom:2px solid #dadce0;border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding-bottom:16px}.workshop-tab{align-items:center;background:#fff;background:var(--card-bg);border:2px solid #0000;border-radius:10px;color:#5f6368;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.workshop-tab:hover:not(:disabled){background:#f8f9fa;background:var(--hover);border-color:#dadce0;border-color:var(--border);color:#212121;color:var(--text)}.workshop-tab.active{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff9800;box-shadow:0 4px 12px #ff98004d;color:#fff}.workshop-tab:disabled{cursor:not-allowed;opacity:.5}.workshop-tab i{font-size:20px}.workshop-content{margin-top:24px}.workshop-overview{display:flex;flex-direction:column;gap:24px}.workshop-info-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px}.workshop-info-card h3{color:#212121;color:var(--text);font-size:20px;font-weight:700;margin-bottom:20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#f8f9fa;background:var(--hover);border-radius:10px;gap:12px;padding:12px}.info-item,.info-item i{align-items:center;display:flex}.info-item i{background:#1a73e81a;border-radius:8px;color:#1a73e8;color:var(--accent);font-size:24px;height:32px;justify-content:center;width:32px}.info-item strong{color:#5f6368;color:var(--text-secondary);display:block;font-size:12px;margin-bottom:4px}.info-item span{color:#212121;color:var(--text);display:block;font-size:15px;font-weight:600}.enrollment-card,.enrollment-success-card{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:2px solid #e0e7ff;border-radius:16px;padding:32px;text-align:center}.enrollment-card h3,.enrollment-success-card h3{color:#212121;color:var(--text);font-size:24px;font-weight:700;margin-bottom:12px}.enrollment-card p,.enrollment-success-card p{color:#5f6368;color:var(--text-secondary);font-size:16px;margin-bottom:20px}.workshop-sessions h3{color:#212121;color:var(--text);font-size:24px;font-weight:700;margin-bottom:24px}.sessions-list{display:flex;flex-direction:column;gap:16px}.session-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s ease}.session-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.session-number{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:12px;padding:4px 12px}.session-card h4{color:#212121;color:var(--text);font-size:18px;font-weight:700;margin-bottom:8px}.session-card p{color:#5f6368;color:var(--text-secondary);margin-bottom:16px}.session-meta{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.session-meta span{align-items:center;color:#5f6368;color:var(--text-secondary);display:flex;font-size:14px;gap:6px}.session-meta i{color:#1a73e8;color:var(--accent);font-size:18px}.session-link{align-items:center;color:#ff9800;display:flex;font-weight:600;gap:6px;text-decoration:none;transition:color .3s ease}.session-link:hover{color:#f57c00}.workshop-channel h3{color:#212121;color:var(--text);font-size:24px;font-weight:700;margin-bottom:24px}.channel-posts{display:flex;flex-direction:column;gap:20px}.channel-post{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;padding:20px;position:relative;transition:all .3s ease}.channel-post:hover{box-shadow:0 4px 12px #0000001a}.channel-post.pinned{background:linear-gradient(90deg,#ff98000d,#fff 4%);background:linear-gradient(90deg,#ff98000d 0,var(--card-bg) 4%);border-left:4px solid #ff9800}.pinned-badge{align-items:center;background:#ff9800;border-radius:12px;color:#fff;display:flex;font-size:11px;font-weight:700;gap:4px;padding:4px 10px;position:absolute;right:16px;top:16px}.pinned-badge i{font-size:14px}.post-header{justify-content:space-between;margin-bottom:16px}.post-author,.post-header{align-items:center;display:flex}.post-author{gap:12px}.author-avatar{height:40px;object-fit:cover;width:40px}.post-author strong{color:#212121;color:var(--text);display:block;font-size:15px;font-weight:700}.post-type{display:block;text-transform:capitalize}.post-date,.post-type{color:#5f6368;color:var(--text-secondary);font-size:12px}.channel-post h4{color:#212121;color:var(--text);font-size:18px;font-weight:700;margin-bottom:12px}.channel-post p{color:#5f6368;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.post-file,.post-link{align-items:center;background:#f8f9fa;background:var(--hover);border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.post-file a,.post-link a{color:#1a73e8;color:var(--accent);font-weight:600;text-decoration:none}.post-file a:hover,.post-link a:hover{text-decoration:underline}.post-comments{border-top:1px solid #dadce0;border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.post-comments h5{color:#5f6368;color:var(--text-secondary);font-size:14px;font-weight:700;margin-bottom:16px}.comment{background:#f8f9fa;background:var(--hover);border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.commenter-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.comment-content{flex:1 1}.comment-content strong{color:#212121;color:var(--text);display:block;font-size:14px;font-weight:700;margin-bottom:4px}.comment-content p{font-size:14px;margin-bottom:4px}.comment-content p,.comment-date{color:#5f6368;color:var(--text-secondary)}.comment-date{font-size:12px}.workshop-materials h3{color:#212121;color:var(--text);font-size:24px;font-weight:700;margin-bottom:24px}.materials-list{display:flex;flex-direction:column;gap:16px}.material-item{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.material-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.material-item i{color:#1a73e8;color:var(--accent);font-size:32px}.material-info{flex:1 1}.material-info h4{color:#212121;color:var(--text);font-size:16px;font-weight:700;margin-bottom:4px}.material-info p{font-size:14px;margin-bottom:4px}.material-info p,.material-info span{color:#5f6368;color:var(--text-secondary)}.material-info span{font-size:12px}.download-btn{align-items:center;background:#1a73e8;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.download-btn:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-2px)}.step{background:var(--hover);color:#5f6368}.step.active{background:#1a73e8}.step-line{background:#dadce0}.step-labels{color:#5f6368}.form-group label{color:#212121}.form-group select{background:var(--card-bg);border:1px solid #dadce0;color:#212121}.form-group select:focus{border-color:#1a73e8}.form-btn.secondary{background:var(--hover);border:1px solid #dadce0;color:#5f6368}.form-btn.secondary:hover{background:#dadce0}.form-btn.primary{background:#1a73e8}.form-btn.primary:hover{background:#1557b0}@media (max-width:768px){.course-library-tabs{gap:8px}.course-tab{font-size:14px;padding:12px 16px}.course-tab i{font-size:18px}.support-classes-container{gap:24px;grid-template-columns:1fr}.support-class-thumbnail{height:160px}.support-class-content{padding:20px}.support-class-title{font-size:18px}.support-class-subtitle{font-size:14px}.support-class-features{gap:10px;padding:12px}.feature-item{font-size:13px}.support-class-btn{font-size:14px;padding:14px 18px}.back-button{font-size:13px;margin-bottom:16px;padding:8px 14px}.back-button i{font-size:18px}.support-class-features-info{flex-direction:column;gap:16px;padding:20px}.support-class-features-info .feature-item{min-width:auto;width:100%}.user-section-title{font-size:24px}.user-section-title i{font-size:28px}.user-section-subtitle{font-size:15px}}.metadata-item .material-icons{color:#1a73e8;color:var(--accent);font-size:14px}.teacher-sidebar{background:var(--background);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;width:280px;z-index:1000}html.rtl .teacher-sidebar,html[dir=rtl] .teacher-sidebar{border-left:1px solid var(--border);border-right:none;left:auto;right:0}.teacher-sidebar-header{border-bottom:1px solid var(--border);padding:24px 20px}.teacher-sidebar-logo{align-items:center;display:flex;gap:12px;margin-bottom:24px}.teacher-sidebar-logo span{color:var(--accent);font-size:32px}.teacher-sidebar-logo h2{color:var(--text);font-size:20px;font-weight:600;margin:0}.teacher-profile-section{align-items:center;display:flex;gap:12px}.teacher-profile-picture{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.teacher-profile-picture img{height:100%;object-fit:cover;width:100%}.profile-placeholder{background:var(--accent);color:#fff;font-size:18px;font-weight:600;height:100%;width:100%}.profile-placeholder,.upload-overlay{align-items:center;display:flex;justify-content:center}.upload-overlay{background:#00000080;bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.teacher-profile-picture:hover .upload-overlay{opacity:1}.upload-overlay i{color:#fff;font-size:20px}.teacher-profile-info h3{color:var(--text);font-size:16px;font-weight:600;margin:0 0 4px;text-transform:none}.teacher-profile-info p{color:var(--text-secondary);font-size:14px;margin:0}.teacher-sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.teacher-nav-section{margin-bottom:24px}.teacher-nav-section-title{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:0 20px 8px;text-transform:uppercase}.teacher-nav-list{list-style:none;margin:0;padding:0}.teacher-nav-item{margin:0}.teacher-nav-link{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease;width:100%}.teacher-nav-link:hover{background:var(--hover);color:var(--text)}.teacher-nav-link.active{background:var(--accent);color:#fff}.teacher-nav-link.active:before{background:var(--accent);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}html.rtl .teacher-nav-link.active:before,html[dir=rtl] .teacher-nav-link.active:before{left:auto;right:0}.teacher-nav-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.teacher-nav-icon i{font-size:20px}.teacher-nav-text{flex:1 1;text-align:left}html.rtl .teacher-nav-text,html[dir=rtl] .teacher-nav-text{text-align:right}.teacher-nav-badge{background:var(--accent);border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.teacher-sidebar-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding:20px}.teacher-sidebar-toggle{align-items:center;background:var(--hover);border:none;border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .3s ease}.teacher-sidebar-toggle:hover{background:var(--border)}.teacher-logout-btn{align-items:center;background:var(--danger);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .3s ease}.teacher-logout-btn:hover{background:#dc2626}.teacher-theme-toggle{align-items:center;background:var(--hover);border:none;border-radius:50%;bottom:20px;color:var(--text);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;transition:all .3s ease;width:40px}html.rtl .teacher-theme-toggle,html[dir=rtl] .teacher-theme-toggle{left:20px;right:auto}.teacher-theme-toggle:hover{background:var(--border)}@media (max-width:768px){.teacher-sidebar{transform:translateX(-100%)}.teacher-sidebar.open{transform:translateX(0)}html.rtl .teacher-sidebar,html[dir=rtl] .teacher-sidebar{transform:translateX(100%)}html.rtl .teacher-sidebar.open,html[dir=rtl] .teacher-sidebar.open{transform:translateX(0)}.teacher-sidebar-toggle{display:flex}}@media (min-width:769px){.teacher-sidebar-toggle{display:none}}.teacher-main-content-wrapper{box-sizing:border-box;flex:1 1;margin-left:280px;margin-top:64px;min-height:calc(100vh - 64px);position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 280px)}html.rtl .teacher-main-content-wrapper,html[dir=rtl] .teacher-main-content-wrapper{margin-left:0;margin-right:280px}.teacher-main-content{background:#fff;background:var(--background);flex:1 1;margin-left:0;min-height:calc(100vh - 64px);overflow-y:auto;padding:24px}.teacher-content-header{margin-bottom:32px}.teacher-content-title{font-size:32px;font-weight:700;margin:0 0 8px}.teacher-name{color:#3498db;color:var(--accent)}.teacher-content-subtitle{color:#6c757d;color:var(--text-secondary);font-size:16px;margin:0}.teacher-section{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.teacher-section-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.teacher-section-title{align-items:center;color:#2c3e50;color:var(--text);display:flex;font-size:20px;font-weight:600;gap:12px}.teacher-section-title i{color:#3498db;color:var(--accent);font-size:24px}.teacher-header-actions{display:flex;gap:12px}.teacher-overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.teacher-overview-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .3s ease}.teacher-overview-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.teacher-overview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.teacher-overview-title{color:#6c757d;color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.teacher-overview-icon{align-items:center;background:#3498db;background:var(--accent);border-radius:8px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.teacher-overview-icon i{font-size:20px}.teacher-overview-value{color:#2c3e50;color:var(--text);font-size:32px;font-weight:700;margin-bottom:8px}.teacher-overview-change{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.teacher-overview-change i{color:#27ae60;color:var(--success);font-size:16px}.teacher-overview-card.success .teacher-overview-icon{background:#27ae60;background:var(--success)}.teacher-overview-card.accent .teacher-overview-icon{background:#3498db;background:var(--accent)}.teacher-overview-card.info .teacher-overview-icon{background:#17a2b8;background:var(--info)}.teacher-overview-card.warning .teacher-overview-icon{background:#f39c12;background:var(--warning)}.revenue-breakdown-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.revenue-item{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;padding:16px;transition:all .3s ease}.revenue-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.revenue-item-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.revenue-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.revenue-source{color:#2c3e50;color:var(--text);flex:1 1;font-size:14px;font-weight:500}.revenue-percentage{color:#3498db;color:var(--accent);font-size:14px;font-weight:600}.revenue-amount{color:#2c3e50;color:var(--text);font-size:20px;font-weight:700}.payment-overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.payment-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;padding:20px;text-align:center}.payment-card h4{color:#6c757d;color:var(--text-secondary);font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.payment-amount{color:#2c3e50;color:var(--text);font-size:24px;font-weight:700;margin-bottom:8px}.payment-note{color:#6c757d;color:var(--text-secondary);font-size:12px;margin:0}.payment-methods-section{margin-top:24px}.payment-methods-section h4{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 16px}.payment-methods-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.payment-method-card{align-items:center;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.payment-method-card:hover{border-color:#3498db;border-color:var(--accent);box-shadow:0 2px 8px #0000001a}.payment-method-card.default{background:#e3f2fd;background:var(--accent-light);border-color:#3498db;border-color:var(--accent)}.payment-method-info{align-items:center;display:flex;gap:12px}.payment-method-icon{align-items:center;background:#3498db;background:var(--accent);border-radius:8px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.payment-method-icon i{font-size:20px}.payment-method-details h5{color:#2c3e50;color:var(--text);font-size:14px;font-weight:600;margin:0 0 4px}.payment-method-details p{color:#6c757d;color:var(--text-secondary);font-size:12px;margin:0}.payment-method-actions{align-items:center;display:flex;gap:8px}.default-badge{background:#3498db;background:var(--accent);border-radius:12px;color:#fff;font-size:10px;font-weight:500;padding:4px 8px;text-transform:uppercase}.period-filter{align-items:center;display:flex}.teacher-select{padding:8px 12px}.earning-source{align-items:center;display:flex;gap:8px}.earning-source i{color:#3498db;color:var(--accent);font-size:16px}.earning-amount{color:#27ae60;color:var(--success);font-weight:600}.earning-notes{color:#6c757d;color:var(--text-secondary);font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.earning-actions{display:flex;gap:4px}.earning-actions .teacher-btn{height:32px;min-width:32px;padding:6px}.teacher-reviews-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.teacher-review-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s ease}.teacher-review-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.review-student{align-items:center;display:flex;gap:12px}.student-avatar{font-size:14px;height:40px;width:40px}.review-info h4{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 4px}.course-name{color:#6c757d;color:var(--text-secondary);font-size:14px;margin:0}.review-rating{align-items:center;display:flex;gap:8px}.star{color:#d1d5db}.star.filled{color:#fbbf24}.review-content{border-top:1px solid #dee2e6;border-top:1px solid var(--border);padding-top:16px}.review-comment{color:#2c3e50;color:var(--text);font-size:14px;font-style:italic;line-height:1.6;margin:0 0 8px}.review-date{color:#6c757d;color:var(--text-secondary);font-size:12px}.teacher-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.teacher-action-card{align-items:center;background:#fff;background:var(--background);border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:16px;padding:24px;text-align:left;transition:all .3s ease;width:100%}.teacher-action-card:hover{border-color:#3498db;border-color:var(--accent);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.action-icon{align-items:center;background:#3498db;background:var(--accent);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.action-icon i{font-size:24px}.action-content h4{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 4px}.action-content p{color:#6c757d;color:var(--text-secondary);font-size:14px;margin:0}.teacher-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.teacher-btn.primary{background:#3498db;background:var(--accent);color:#fff}.teacher-btn.primary:hover{background:#2980b9;background:var(--accent-dark);transform:translateY(-1px)}.teacher-btn.secondary{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);color:#2c3e50;color:var(--text)}.teacher-btn.secondary:hover{background:#f8f9fa;background:var(--background-hover);border-color:#3498db;border-color:var(--accent)}.teacher-btn.success{background:#27ae60;background:var(--success);color:#fff}.teacher-btn.success:hover{background:#229954;background:var(--success-dark)}.teacher-btn.danger{background:#e74c3c;background:var(--danger);color:#fff}.teacher-btn.danger:hover{background:#c0392b;background:var(--danger-dark)}.teacher-btn i{font-size:18px}.teacher-table-container{border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;overflow-x:auto}.teacher-data-table{background:#fff;background:var(--background);border-collapse:collapse;width:100%}.teacher-data-table th{background:#f8f9fa;background:var(--background-hover);font-weight:600;text-align:left}.teacher-data-table td,.teacher-data-table th{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);color:#2c3e50;color:var(--text);font-size:14px;padding:16px 12px}.teacher-data-table tr:hover{background:#f8f9fa;background:var(--background-hover)}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#d4edda;background:var(--success-light);color:#27ae60;color:var(--success)}.status-badge.draft{background:#fff3cd;background:var(--warning-light);color:#f39c12;color:var(--warning)}.status-badge.upcoming{background:#d1ecf1;background:var(--info-light);color:#17a2b8;color:var(--info)}.status-badge.completed{background:#d4edda;background:var(--success-light);color:#27ae60;color:var(--success)}.status-badge.cancelled{background:#f8d7da;background:var(--danger-light);color:#e74c3c;color:var(--danger)}.status-badge.paid{background:#d4edda;background:var(--success-light);color:#27ae60;color:var(--success)}.status-badge.pending{background:#fff3cd;background:var(--warning-light);color:#f39c12;color:var(--warning)}.status-badge.processing{background:#d1ecf1;background:var(--info-light);color:#17a2b8;color:var(--info)}.status-badge.failed{background:#f8d7da;background:var(--danger-light);color:#e74c3c;color:var(--danger)}.category-badge{background:#e3f2fd;background:var(--accent-light);border-radius:6px;color:#3498db;color:var(--accent);display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.course-actions .teacher-btn{height:36px;min-width:36px;padding:8px}.star{color:#dee2e6;color:var(--border);font-size:16px}.star.filled{color:#f39c12;color:var(--warning)}.no-rating,.rating-text{font-size:12px}.no-rating{color:#6c757d;color:var(--text-secondary);font-style:italic}.course-title,.course-title strong{font-size:14px;font-weight:500}.teacher-sessions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.teacher-session-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s ease}.teacher-session-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.teacher-session-card.completed{opacity:.7}.session-info{display:flex;gap:16px;margin-bottom:16px}.student-avatar{font-size:16px;height:48px;width:48px}.session-details h4{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 4px}.student-name{font-size:14px;margin:0 0 4px}.session-time,.student-name{color:#6c757d;color:var(--text-secondary)}.session-time{font-size:12px;margin:0 0 8px}.session-actions{display:flex;flex-wrap:wrap;gap:8px}.session-actions .teacher-btn{font-size:12px;padding:8px 12px}.teacher-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.teacher-modal-content{background:#fff;background:var(--background);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.teacher-modal-close{background:none;border-radius:50%;font-size:24px;position:absolute;right:16px;top:16px}.teacher-modal-content h2{color:#2c3e50;color:var(--text);font-size:24px;font-weight:600;margin:0 0 24px}.teacher-form{display:flex;flex-direction:column;gap:20px}.teacher-form-group input,.teacher-form-group select,.teacher-form-group textarea{border-radius:8px;padding:12px 16px}.teacher-form-group input:focus,.teacher-form-group select:focus,.teacher-form-group textarea:focus{box-shadow:0 0 0 3px #e3f2fd;box-shadow:0 0 0 3px var(--accent-light)}.teacher-form-group textarea{min-height:100px;resize:vertical}.teacher-form-group small{color:#6c757d;color:var(--text-secondary);font-size:12px}.teacher-form-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.availability-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.availability-day{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;padding:16px}.day-header{margin-bottom:12px}.day-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px}.day-checkbox input[type=checkbox]{accent-color:#3498db;accent-color:var(--accent);height:18px;width:18px}.day-name{color:#2c3e50;color:var(--text);font-weight:500}.day-schedule{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.time-input{display:flex;flex-direction:column;gap:4px}.time-input label{color:#6c757d;color:var(--text-secondary);font-size:12px}.time-input input{border:1px solid #dee2e6;border:1px solid var(--border);border-radius:6px;font-size:14px;padding:8px 12px}.teacher-notification{align-items:center;animation:slideIn .3s ease;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 25px #00000026;display:flex;gap:12px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1001}.teacher-notification.success{border-left:4px solid #27ae60;border-left:4px solid var(--success)}.teacher-notification.error{border-left:4px solid #e74c3c;border-left:4px solid var(--danger)}.teacher-notification.warning{border-left:4px solid #f39c12;border-left:4px solid var(--warning)}.notification-text{color:#2c3e50;color:var(--text);font-size:14px}.notification-close{background:none;border:none;border-radius:4px;color:#6c757d;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .3s ease}.notification-close:hover{background:#f8f9fa;background:var(--background-hover);color:#2c3e50;color:var(--text)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.teacher-main-content-wrapper{margin-left:0;margin-right:0;margin-top:64px;width:100%}.teacher-main-content{margin-left:0;padding:16px}.payment-methods-grid,.payment-overview-grid,.revenue-breakdown-grid,.teacher-actions-grid,.teacher-overview-grid,.teacher-reviews-grid,.teacher-sessions-grid{grid-template-columns:1fr}.teacher-section-header{align-items:flex-start;flex-direction:column;gap:16px}.teacher-header-actions{justify-content:flex-start;width:100%}.teacher-modal-content{margin:20px;padding:24px}.availability-grid,.day-schedule{grid-template-columns:1fr}}:root{--background:#fff;--background-hover:#f8f9fa;--text:#2c3e50;--text-secondary:#6c757d;--accent:#3498db;--accent-dark:#2980b9;--accent-light:#e3f2fd;--success:#27ae60;--success-dark:#229954;--success-light:#d4edda;--danger:#e74c3c;--danger-dark:#c0392b;--danger-light:#f8d7da;--warning:#f39c12;--warning-light:#fff3cd;--info:#17a2b8;--info-light:#d1ecf1;--border:#dee2e6}.teacher-tabs-container{margin-bottom:24px}.teacher-tabs{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px}.teacher-tab{border-radius:8px;flex:1 1;justify-content:center}.teacher-tab:hover{background:#f8f9fa;background:var(--background-hover);color:#2c3e50;color:var(--text)}.teacher-tab.active{background:#3498db;background:var(--accent);box-shadow:0 2px 8px #3498db4d;color:#fff}.teacher-tab-content{min-height:400px}@media (max-width:768px){.teacher-tabs{flex-direction:column;gap:2px}.teacher-tab{justify-content:flex-start;padding:12px 16px}}.analytics-section{margin-bottom:32px}.analytics-section-title{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);color:#2c3e50;color:var(--text);display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:20px;padding-bottom:12px}.analytics-section-title i{color:#3498db;color:var(--accent);font-size:20px}.analytics-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-card.student-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s ease}.analytics-card.student-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.student-card-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.student-avatar{align-items:center;background:#3498db;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.student-info h4{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 8px}.student-stats{display:flex;gap:16px;margin:0}.stat-item{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.stat-item i{color:#3498db;color:var(--accent);font-size:14px}.student-courses{margin-bottom:12px}.student-courses h5{color:#6c757d;color:var(--text-secondary);font-size:14px;font-weight:500;margin:0 0 8px}.course-tags{display:flex;flex-wrap:wrap;gap:6px}.course-tag{background:#e3f2fd;background:var(--accent-light);border-radius:4px;color:#3498db;color:var(--accent);font-size:11px;font-weight:500;padding:4px 8px}.course-tag.more{background:#dee2e6;background:var(--border)}.course-tag.more,.student-last-purchase{color:#6c757d;color:var(--text-secondary)}.student-last-purchase{font-size:11px}.analytics-table-container{overflow-x:auto}.course-name{color:#2c3e50;color:var(--text);font-weight:500}.course-revenue{color:#27ae60;color:var(--success);font-weight:600}.course-enrollments{font-weight:500;text-align:center}.rating-display{align-items:center;display:flex;gap:6px}.stars{color:#f39c12;font-size:14px}.rating-value{color:#2c3e50;color:var(--text);font-weight:500}.course-completion{width:120px}.completion-bar{background:#dee2e6;background:var(--border);border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.completion-fill{background:#27ae60;background:var(--success);border-radius:10px;height:100%;transition:width .3s ease}.completion-text{color:#fff;font-size:11px;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #0000004d;top:50%;transform:translate(-50%,-50%)}.course-actions{gap:6px}.course-actions .teacher-btn{min-width:auto;padding:6px}.time-analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.time-analytics-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;padding:20px}.time-analytics-card h4{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 20px}.time-chart{display:flex;flex-direction:column;gap:12px}.time-bar-item{align-items:center;display:flex;gap:12px}.time-bar-label{color:#6c757d;color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:500;width:80px}.time-bar-container{background:#dee2e6;background:var(--border);border-radius:12px;flex:1 1;height:24px;overflow:hidden;position:relative}.time-bar-fill{border-radius:12px;height:100%;transition:width .3s ease}.time-bar-value{color:#fff;font-size:11px;font-weight:600;left:8px;position:absolute;text-shadow:0 1px 2px #0000004d;top:50%;transform:translateY(-50%)}.time-bar-sessions{color:#6c757d;color:var(--text-secondary);flex-shrink:0;font-size:11px;text-align:right;width:60px}.analytics-insights{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;padding:20px}.analytics-insights h4{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 20px}.insights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-card{align-items:flex-start;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.insight-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.insight-card i{color:#3498db;color:var(--accent);flex-shrink:0;font-size:20px}.insight-content h5{color:#2c3e50;color:var(--text);font-size:14px;font-weight:600;margin:0 0 6px}.insight-content p{color:#6c757d;color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0}@media (max-width:768px){.analytics-cards-grid,.insights-grid,.time-analytics-grid{grid-template-columns:1fr}.student-stats,.time-bar-item{flex-direction:column;gap:8px}.time-bar-item{align-items:flex-start}.time-bar-label{width:auto}.time-bar-sessions{text-align:left;width:auto}}.profile-form-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.profile-form-section{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;padding:24px}.profile-picture-section{text-align:center}.profile-picture-section h4{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 20px}.profile-picture-upload{align-items:center;display:flex;flex-direction:column;gap:16px}.profile-picture-preview{border:3px solid #dee2e6;border:3px solid var(--border);border-radius:50%;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.profile-picture-preview:hover{border-color:#3498db;border-color:var(--accent)}.profile-picture-preview img{height:100%;object-fit:cover;width:100%}.profile-picture-placeholder{align-items:center;background:#f8f9fa;background:var(--background-hover);color:#6c757d;color:var(--text-secondary);display:flex;height:100%;justify-content:center;width:100%}.profile-picture-placeholder i{font-size:48px}.profile-picture-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile-picture-preview:hover .profile-picture-overlay{opacity:1}.profile-picture-overlay i{font-size:24px;margin-bottom:4px}.profile-picture-overlay span{font-size:12px;font-weight:500}.profile-picture-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.profile-picture-hint{color:#6c757d;color:var(--text-secondary);font-size:12px;margin:0}.teacher-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.disabled-input{background:#f8f9fa;background:var(--background-hover);color:#6c757d;color:var(--text-secondary);cursor:not-allowed}.checkbox-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.checkbox-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .3s ease}.checkbox-item:hover{background:#f8f9fa;background:var(--background-hover)}.checkbox-item input[type=checkbox]{display:none}.checkmark{border:2px solid #dee2e6;border:2px solid var(--border);border-radius:3px;height:18px;position:relative;transition:all .3s ease;width:18px}.checkbox-item input[type=checkbox]:checked+.checkmark{background:#3498db;background:var(--accent);border-color:#3498db;border-color:var(--accent)}.checkbox-item input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.file-upload-area{border:2px dashed #dee2e6;border:2px dashed var(--border);border-radius:8px;cursor:pointer;padding:32px;position:relative;text-align:center;transition:all .3s ease}.file-upload-area:hover{background:#e3f2fd;background:var(--accent-light);border-color:#3498db;border-color:var(--accent)}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-upload-content{pointer-events:none}.file-upload-content i{color:#6c757d;color:var(--text-secondary);font-size:48px;margin-bottom:16px}.file-upload-content p{color:#2c3e50;color:var(--text);font-weight:500;margin:0 0 8px}.file-upload-content small{color:#6c757d;color:var(--text-secondary)}.file-uploaded{align-items:center;background:#d4edda;background:var(--success-light);border:1px solid #27ae60;border:1px solid var(--success);border-radius:6px;display:flex;gap:12px;margin-top:12px;padding:12px}.file-uploaded i{color:#27ae60;color:var(--success)}.remove-file-btn{background:none;border:none;border-radius:4px;color:#e74c3c;color:var(--danger);cursor:pointer;padding:4px;transition:background-color .3s ease}.remove-file-btn:hover{background:#f8d7da;background:var(--danger-light)}.input-with-status{align-items:center;display:flex;gap:12px}.input-with-status input{flex:1 1}.toggle-switch{align-items:center;display:flex;gap:12px}.toggle-label{background:#dee2e6;background:var(--border);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background-color .3s ease;width:50px}.toggle-label:after{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}input[type=checkbox]:checked+.toggle-label{background:#3498db;background:var(--accent)}input[type=checkbox]:checked+.toggle-label:after{transform:translateX(26px)}.toggle-text{color:#2c3e50;color:var(--text);font-size:14px;font-weight:500}.login-activity-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.login-activity-item{align-items:center;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.login-activity-item.active{background:#e3f2fd;background:var(--accent-light);border-color:#3498db;border-color:var(--accent)}.activity-info{display:flex;flex-direction:column;gap:4px}.activity-device{align-items:center;color:#2c3e50;color:var(--text);display:flex;font-weight:500;gap:8px}.activity-device i{color:#3498db;color:var(--accent);font-size:16px}.activity-details{color:#6c757d;color:var(--text-secondary);display:flex;font-size:12px;gap:16px}.current-session{background:#3498db;background:var(--accent);border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px}.account-actions{display:flex;gap:12px;margin-top:12px}.notification-settings{display:flex;flex-direction:column;gap:24px}.notification-category{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;padding:20px}.notification-category-title{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 16px}.notification-options{display:flex;gap:24px}.notification-option{align-items:center;cursor:pointer;display:flex;gap:8px}.notification-option input[type=checkbox]{display:none}.notification-option .checkmark{border:2px solid #dee2e6;border:2px solid var(--border);border-radius:4px;height:20px;position:relative;transition:all .3s ease;width:20px}.notification-option input[type=checkbox]:checked+.checkmark{background:#3498db;background:var(--accent);border-color:#3498db;border-color:var(--accent)}.notification-option input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.option-label{color:#2c3e50;color:var(--text);font-size:14px;font-weight:500}.delete-account-warning{padding:20px;text-align:center}.delete-account-warning i{color:#e74c3c;color:var(--danger);font-size:64px;margin-bottom:16px}.delete-account-warning h2{color:#e74c3c;color:var(--danger);margin:0 0 16px}.delete-account-warning p{color:#6c757d;color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.delete-account-actions{display:flex;gap:12px;justify-content:center}.teacher-modal-content.danger{border-left:4px solid #e74c3c;border-left:4px solid var(--danger)}@media (max-width:768px){.checkbox-group,.teacher-form-row{grid-template-columns:1fr}.notification-options{flex-direction:column;gap:12px}.account-actions,.delete-account-actions{flex-direction:column}}.shop-tabs{border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;margin-bottom:24px;padding:16px}.shop-tab,.shop-tabs{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);display:flex;gap:8px}.shop-tab{align-items:center;border-radius:8px;color:#2c3e50;color:var(--text);cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;justify-content:center;min-width:140px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.shop-tab:hover{background:var(--hover);box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.shop-tab.active,.shop-tab:hover{border-color:#3498db;border-color:var(--accent)}.shop-tab.active{background:#3498db;background:var(--accent);box-shadow:0 2px 8px #1a73e833;color:#fff}.shop-tab i{font-size:18px}.shop-content{margin-top:24px}.shop-controls{background:var(--hover);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;gap:20px;justify-content:space-between;margin-bottom:24px;padding:20px}.shop-controls,.shop-search{align-items:center;display:flex}.shop-search{flex:1 1;gap:12px;max-width:400px}.shop-search input{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;color:#2c3e50;color:var(--text);flex:1 1;font-size:14px;padding:12px 16px;transition:all .3s ease}.shop-search input:focus{border-color:#3498db;border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a;outline:none}.shop-search button{align-items:center;background:#3498db;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .3s ease}.shop-search button:hover{background:#1557b0;transform:translateY(-1px)}.shop-filters{display:flex;gap:12px}.shop-filters select{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;color:#2c3e50;color:var(--text);cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease}.shop-filters select:focus{border-color:#3498db;border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a;outline:none}.shop-cart-info{display:flex;gap:12px}.cart-btn,.wishlist-btn{align-items:center;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;color:#2c3e50;color:var(--text);cursor:pointer;display:flex;justify-content:center;padding:12px;position:relative;transition:all .3s ease}.cart-btn:hover,.wishlist-btn:hover{background:var(--hover);border-color:#3498db;border-color:var(--accent)}.cart-count,.wishlist-count{background:#3498db;background:var(--accent);border-radius:12px;color:#fff;font-size:12px;font-weight:500;min-width:20px;padding:4px 8px;position:absolute;right:-8px;text-align:center;top:-8px}.teacher-courses-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.teacher-course-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.teacher-course-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.teacher-course-image{align-items:center;background:var(--hover);display:flex;height:200px;justify-content:center;position:relative}.teacher-course-image .placeholder{align-items:center;background:#3498db;background:var(--accent);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.teacher-course-image .placeholder i{font-size:32px}.teacher-course-content{padding:20px}.teacher-course-title{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin:0 0 8px}.teacher-course-description{color:#6c757d;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.teacher-course-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.teacher-course-status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.teacher-course-status.active{background:#27ae60;background:var(--success);color:#fff}.teacher-course-actions,.teacher-course-btn{display:flex;gap:8px}.teacher-course-btn{align-items:center;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;color:#2c3e50;color:var(--text);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;justify-content:center;padding:10px 16px;transition:all .3s ease}.teacher-course-btn:hover{background:var(--hover);border-color:#3498db;border-color:var(--accent)}.teacher-course-btn.primary{background:#3498db;background:var(--accent);border-color:#3498db;border-color:var(--accent);color:#fff}.teacher-course-btn.primary:hover{background:#1557b0;transform:translateY(-1px)}.cart-total{color:#3498db;color:var(--accent);font-size:18px;font-weight:600}.empty-cart,.empty-wishlist{color:#6c757d;color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-cart i,.empty-wishlist i{color:#dee2e6;color:var(--border);font-size:64px;margin-bottom:20px}.empty-cart h3,.empty-wishlist h3{color:#2c3e50;color:var(--text);font-size:24px;font-weight:500;margin:0 0 12px}.empty-cart p,.empty-wishlist p{color:#6c757d;color:var(--text-secondary);font-size:16px;margin:0 0 24px}.cart-items,.wishlist-items{display:flex;flex-direction:column;gap:16px}.cart-item,.wishlist-item{align-items:center;background:var(--hover);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.cart-item:hover,.wishlist-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.cart-item-image,.wishlist-item-image{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.cart-item-image img,.wishlist-item-image img{height:100%;object-fit:cover;width:100%}.cart-item-info,.wishlist-item-info{flex:1 1}.cart-item-title,.wishlist-item-title{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 4px}.cart-item-price,.wishlist-item-price{color:#3498db;color:var(--accent);font-size:18px;font-weight:600;margin-bottom:8px}.cart-item-quantity{align-items:center;display:flex;gap:12px}.quantity-btn{align-items:center;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:4px;color:#2c3e50;color:var(--text);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.quantity-btn:hover:not(:disabled){background:#3498db;background:var(--accent);border-color:#3498db;border-color:var(--accent);color:#fff}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.remove-item,.remove-wishlist-btn{background:#0000;border:none;border-radius:4px;color:#6c757d;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .3s ease}.remove-item:hover,.remove-wishlist-btn:hover{background:#e74c3c;background:var(--danger);color:#fff}.add-to-cart-btn{background:#3498db;background:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;transition:all .3s ease}.add-to-cart-btn:hover{background:#1557b0}.wishlist-item-actions{display:flex;gap:8px}.cart-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--border);display:flex;gap:12px;margin-top:24px;padding-top:24px}@media (max-width:768px){.shop-controls{flex-direction:column;gap:16px}.shop-search{max-width:none}.shop-filters{flex-direction:column}.shop-cart-info{justify-content:center}.cart-item,.wishlist-item{flex-direction:column;text-align:center}.cart-item-image,.wishlist-item-image{height:120px;width:120px}.cart-actions{flex-direction:column}.teacher-courses-grid{grid-template-columns:1fr}}.course-library-tabs{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px}.course-tab{align-items:center;background:none;border:none;border-radius:8px;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.course-tab:hover{background:var(--hover);color:#2c3e50;color:var(--text)}.course-tab.active{background:#3498db;background:var(--accent);color:#fff}.course-tab i{font-size:18px}.course-library-content{margin-top:24px}.view-mode-toggle{display:flex;gap:8px;justify-content:flex-end;margin-bottom:24px}.view-btn{align-items:center;background:var(--card-bg);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:6px;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:4px;padding:8px 12px;transition:all .2s ease}.view-btn:hover{background:var(--hover);color:#2c3e50;color:var(--text)}.view-btn.active{background:#3498db;background:var(--accent);border-color:#3498db;border-color:var(--accent);color:#fff}.view-btn i{font-size:16px}.courses-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.courses-grid.list{grid-template-columns:1fr}.courses-grid.list .course-card{display:flex;flex-direction:row}.courses-grid.list .course-image{flex-shrink:0;height:150px;width:200px}.courses-grid.list .course-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.course-card{background:var(--card-bg);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px var(--shadow);overflow:hidden;transition:all .3s ease}.course-card:hover{box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.course-image{align-items:center;background:var(--hover);display:flex;height:200px;justify-content:center;position:relative}.course-level{background:#3498db;background:var(--accent);font-weight:500;left:12px;text-transform:uppercase}.course-level,.course-price{border-radius:4px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;top:12px}.course-price{background:#27ae60;background:var(--success);font-weight:600;right:12px}.course-content{padding:20px}.course-title{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;line-height:1.3;margin-bottom:8px}.course-description{color:#6c757d;color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:16px}.course-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.course-category,.course-duration,.course-students{background:var(--hover);border-radius:4px;color:#6c757d;color:var(--text-secondary);font-size:12px;padding:4px 8px}.course-rating{align-items:center;display:flex;gap:8px;margin-bottom:16px}.rating-text{color:#2c3e50;color:var(--text);font-weight:600}.rating-count{color:#6c757d;color:var(--text-secondary);font-size:12px}.course-teacher{align-items:center;display:flex;gap:8px;margin-bottom:16px}.teacher-avatar{align-items:center;background:#3498db;background:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.teacher-name{color:#2c3e50;color:var(--text);font-size:14px;font-weight:500}.teacher-country{color:#6c757d;color:var(--text-secondary);font-size:12px}.course-actions{display:flex;gap:8px}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-card{background:var(--card-bg);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px var(--shadow);padding:24px;transition:all .3s ease}.template-card:hover{box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.template-icon{align-items:center;background:#3498db;background:var(--accent);border-radius:12px;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.template-icon i{color:#fff;font-size:28px}.template-card h3{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin-bottom:8px}.template-card p{color:#6c757d;color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:16px}.template-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.template-duration,.template-lessons,.template-level{background:var(--hover);border-radius:4px;color:#6c757d;color:var(--text-secondary);font-size:12px;padding:4px 8px}.template-actions{display:flex;gap:8px}.resources-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.resource-card{background:var(--card-bg);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px var(--shadow);padding:24px;transition:all .3s ease}.resource-card:hover{box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.resource-icon{align-items:center;background:#27ae60;background:var(--success);border-radius:12px;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.resource-icon i{color:#fff;font-size:28px}.resource-card h3{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin-bottom:8px}.resource-card p{color:#6c757d;color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:16px}.resource-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.resource-count,.resource-type{background:var(--hover);border-radius:4px;color:#6c757d;color:var(--text-secondary);font-size:12px;padding:4px 8px}.resource-actions{display:flex;gap:8px}.materials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.material-card{background:var(--card-bg);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px var(--shadow);padding:24px;transition:all .3s ease}.material-card:hover{box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.material-icon{align-items:center;background:#f39c12;background:var(--warning);border-radius:12px;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.material-icon i{color:#fff;font-size:28px}.material-card h3{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin-bottom:8px}.material-card p{color:#6c757d;color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:16px}.material-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.material-count,.material-type{background:var(--hover);border-radius:4px;color:#6c757d;color:var(--text-secondary);font-size:12px;padding:4px 8px}.material-actions{display:flex;gap:8px}.no-results{color:#6c757d}.no-results i{font-size:48px;margin-bottom:16px;opacity:.5}.no-results h3{color:#2c3e50;color:var(--text);font-size:20px;font-weight:600;margin-bottom:8px}.no-results p{font-size:14px;opacity:.8}@media (max-width:768px){.course-library-tabs{flex-direction:column}.course-tab{justify-content:flex-start}.courses-grid,.materials-grid,.resources-grid,.templates-grid{grid-template-columns:1fr}.view-mode-toggle{justify-content:center}.courses-grid.list .course-card{flex-direction:column}.courses-grid.list .course-image{height:200px;width:100%}}.live-learning-tabs{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.live-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.live-tab:hover{background:var(--hover);color:#2c3e50;color:var(--text)}.live-tab.active{background:#e3f2fd;background:var(--accent-light);border-bottom-color:#3498db;border-bottom-color:var(--accent);color:#3498db;color:var(--accent)}.live-tab i{font-size:18px}.live-tab .badge{background:#3498db;background:var(--accent);border-radius:10px;color:#fff;font-size:12px;margin-left:4px;padding:2px 6px}.live-learning-content{margin-top:24px}.live-search-filter{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{flex:1 1;min-width:300px;position:relative}.search-box i{color:#6c757d;color:var(--text-secondary);font-size:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;color:#2c3e50;color:var(--text);font-size:14px;padding:12px 12px 12px 44px;width:100%}.search-box input:focus{border-color:#3498db;border-color:var(--accent);box-shadow:0 0 0 3px #e3f2fd;box-shadow:0 0 0 3px var(--accent-light);outline:none}.filter-options{display:flex;flex-wrap:wrap;gap:12px}.filter-options select{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:6px;color:#2c3e50;color:var(--text);font-size:14px;min-width:140px;padding:10px 12px}.filter-options select:focus{border-color:#3498db;border-color:var(--accent);outline:none}.teachers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.teacher-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s ease}.teacher-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.teacher-image{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);display:flex;height:200px;justify-content:center;position:relative}.teacher-image img{border:3px solid #fff;border-radius:50%;height:80px;object-fit:cover;width:80px}.teacher-status{border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;right:12px;top:12px}.teacher-status.online{background:#27ae60;background:var(--success)}.teacher-status.offline{background:#6c757d;background:var(--text-secondary)}.teacher-content{padding:20px}.teacher-title{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin:0 0 4px}.teacher-specialty{color:#6c757d;color:var(--text-secondary);font-size:14px;margin:0 0 12px}.teacher-rating{align-items:center;display:flex;gap:8px;margin-bottom:12px}.stars{display:flex;gap:2px}.stars i{color:gold;font-size:16px}.rating-text,.teacher-description{color:#6c757d;color:var(--text-secondary);font-size:14px}.teacher-description{line-height:1.5;margin:0 0 16px}.teacher-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.teacher-price-info{display:flex;flex-direction:column;gap:4px}.teacher-price{color:#3498db;color:var(--accent);font-size:18px;font-weight:600}.teacher-availability{color:#6c757d;color:var(--text-secondary);font-size:12px}.teacher-status-badge{font-size:12px;font-weight:500}.teacher-status-badge.online{background:#d4edda;background:var(--success-light);color:#27ae60;color:var(--success)}.teacher-status-badge.offline{background:var(--text-secondary-light);color:#6c757d;color:var(--text-secondary)}.booking-tabs,.teacher-actions{display:flex;gap:8px}.booking-tabs{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);margin-bottom:24px}.booking-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.booking-tab:hover{color:#2c3e50;color:var(--text)}.booking-tab.active{border-bottom-color:#3498db;border-bottom-color:var(--accent);color:#3498db;color:var(--accent)}.tab-count{background:#3498db;background:var(--accent);border-radius:10px;color:#fff;font-size:12px;padding:2px 6px}.bookings-container{display:flex;flex-direction:column;gap:16px}.booking-card{align-items:center;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.booking-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.booking-card.completed{background:#d4edda;background:var(--success-light);border-color:#27ae60;border-color:var(--success)}.booking-card.cancelled{background:#f8d7da;background:var(--danger-light);border-color:#e74c3c;border-color:var(--danger)}.booking-teacher{align-items:center;display:flex;gap:12px}.booking-teacher img{border-radius:50%;height:50px;object-fit:cover;width:50px}.booking-teacher-info h4{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 4px}.booking-teacher-info p{color:#6c757d;color:var(--text-secondary);font-size:14px;margin:0}.booking-details{gap:12px}.booking-details,.booking-time{align-items:center;display:flex}.booking-time{color:#6c757d;color:var(--text-secondary);font-size:14px;gap:6px}.booking-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.booking-status.scheduled{background:#d1ecf1;background:var(--info-light);color:#17a2b8;color:var(--info)}.booking-status.completed{background:#d4edda;background:var(--success-light);color:#27ae60;color:var(--success)}.booking-status.cancelled{background:#f8d7da;background:var(--danger-light);color:#e74c3c;color:var(--danger)}.booking-actions{display:flex;gap:8px}.progress-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.progress-card{align-items:center;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.progress-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.progress-icon{align-items:center;background:#3498db;background:var(--accent);border-radius:12px;color:#fff;display:flex;height:50px;justify-content:center;width:50px}.progress-icon i{font-size:24px}.progress-info h3{color:#6c757d;color:var(--text-secondary);font-size:14px;font-weight:500;margin:0 0 4px}.progress-number{color:#2c3e50;color:var(--text);font-size:24px;font-weight:700;margin:0 0 4px}.progress-period{color:#6c757d;color:var(--text-secondary);font-size:12px;margin:0}.streak-container{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;margin-bottom:32px;padding:24px}.streak-container h3{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin:0 0 16px}.streak-info{align-items:center;display:flex;gap:16px}.streak-number{color:#3498db;color:var(--accent);font-size:48px;font-weight:700}.streak-text p{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 4px}.streak-text span{color:#6c757d;color:var(--text-secondary);font-size:14px}.language-progress-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.language-progress-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s ease}.language-progress-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.language-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.language-header h4{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0}.level-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.level-badge.beginner{background:#d4edda;background:var(--success-light);color:#27ae60;color:var(--success)}.level-badge.intermediate{background:#fff3cd;background:var(--warning-light);color:#f39c12;color:var(--warning)}.level-badge.advanced{background:#e3f2fd;background:var(--accent-light);color:#3498db;color:var(--accent)}.progress-bar{background:#dee2e6;background:var(--border);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:#3498db;background:var(--accent);border-radius:4px;height:100%;transition:width .3s ease}.language-progress-card p{color:#6c757d;color:var(--text-secondary);font-size:14px;margin:0}.rating-container{display:flex;flex-direction:column;gap:16px}.rating-card{align-items:center;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.rating-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.rating-teacher{align-items:center;display:flex;gap:12px}.rating-teacher img{border-radius:50%;height:50px;object-fit:cover;width:50px}.rating-teacher-info h4{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 4px}.rating-teacher-info p{color:#6c757d;color:var(--text-secondary);font-size:14px;margin:0}.rated-badge{background:#d4edda;background:var(--success-light);border-radius:8px;color:#27ae60;color:var(--success);font-size:14px;font-weight:500;padding:8px 12px}.no-bookings,.no-ratings,.no-results,.no-teachers{color:#6c757d;color:var(--text-secondary);padding:60px 20px;text-align:center}.no-bookings i,.no-ratings i,.no-results i,.no-teachers i{color:#6c757d;color:var(--text-secondary);font-size:48px;margin-bottom:16px}.no-bookings h3,.no-ratings h3,.no-results h3,.no-teachers h3{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin:0 0 8px}.no-bookings p,.no-ratings p,.no-results p,.no-teachers p{color:#6c757d;color:var(--text-secondary);font-size:14px;margin:0}@media (max-width:768px){.live-learning-tabs{flex-wrap:wrap}.live-tab{flex:1 1;min-width:120px}.live-search-filter{flex-direction:column}.search-box{min-width:auto}.filter-options{justify-content:space-between}.teachers-grid{grid-template-columns:1fr}.booking-card{align-items:flex-start;flex-direction:column;gap:16px}.booking-actions{justify-content:space-between;width:100%}.language-progress-grid,.progress-stats{grid-template-columns:1fr}.rating-card{align-items:flex-start;flex-direction:column;gap:16px}}.teacher-tabs{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:24px}.teacher-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .3s ease}.teacher-tab:hover:not(.active){background:#f8f9fa;background:var(--background-hover);color:#2c3e50;color:var(--text)}.teacher-tab.active{border-bottom-color:#3498db;border-bottom-color:var(--accent)}.teacher-tab.active,.teacher-tab.active:hover{background:#0000;color:#3498db;color:var(--accent)}.teacher-tab i{font-size:18px}.teacher-filters{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.teacher-search{flex:1 1;max-width:400px;position:relative}.teacher-search i{color:#6c757d;color:var(--text-secondary);font-size:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.teacher-search input{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;color:#2c3e50;color:var(--text);font-size:14px;padding:12px 12px 12px 40px;width:100%}.teacher-search input:focus{border-color:#3498db;border-color:var(--accent);box-shadow:0 0 0 2px #6366f11a;outline:none}.teacher-filter-group{align-items:center;display:flex;gap:12px}.teacher-select{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:6px;color:#2c3e50;color:var(--text);cursor:pointer;font-size:14px;padding:10px 12px}.teacher-select:focus{border-color:#3498db;border-color:var(--accent);outline:none}.teacher-view-toggle{display:flex;gap:4px}.teacher-view-btn{align-items:center;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:6px;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.teacher-view-btn:hover{background:#f8f9fa;background:var(--background-hover);color:#2c3e50;color:var(--text)}.teacher-view-btn.active{background:#3498db;background:var(--accent);border-color:#3498db;border-color:var(--accent);color:#fff}.teacher-bulk-actions{align-items:center;background:#f8f9fa;background:var(--background-hover);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.teacher-bulk-count{color:#6c757d;color:var(--text-secondary);font-size:14px;font-weight:500}.teacher-bulk-buttons{display:flex;gap:8px}.teacher-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.teacher-content-list{display:flex;flex-direction:column;gap:16px}.teacher-content-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s ease}.teacher-content-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.teacher-content-checkbox{left:16px;position:absolute;top:16px;z-index:1}.teacher-content-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.teacher-content-thumbnail{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:120px}.teacher-content-thumbnail img{height:100%;object-fit:cover;width:100%}.teacher-content-status{position:absolute;right:8px;top:8px}.teacher-status-badge{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.teacher-status-badge.success{background:#27ae60;background:var(--success);color:#fff}.teacher-status-badge.warning{background:#f39c12;background:var(--warning);color:#fff}.teacher-status-badge.error{background:var(--error);color:#fff}.teacher-status-badge.info{background:#17a2b8;background:var(--info);color:#fff}.teacher-content-info{display:flex;flex:1 1;flex-direction:column;gap:12px}.teacher-content-title{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin:0}.teacher-content-description{color:#6c757d;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.teacher-content-meta{display:flex;flex-wrap:wrap;gap:12px}.teacher-content-category{background:#3498db;background:var(--accent);color:#fff}.teacher-content-category,.teacher-content-difficulty{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px}.teacher-content-difficulty.success{background:#27ae60;background:var(--success);color:#fff}.teacher-content-difficulty.warning{background:#f39c12;background:var(--warning);color:#fff}.teacher-content-difficulty.error{background:var(--error);color:#fff}.teacher-content-difficulty.accent{background:#3498db;background:var(--accent);color:#fff}.teacher-content-duration{background:#f8f9fa;background:var(--background-hover);border-radius:12px;color:#6c757d;color:var(--text-secondary);font-size:11px;font-weight:600;padding:4px 8px}.teacher-content-stats{display:flex;flex-wrap:wrap;gap:16px}.teacher-stat{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.teacher-stat i{font-size:14px}.teacher-content-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.teacher-content-actions .teacher-btn{font-size:12px;padding:6px 12px}.teacher-modal{background:#fff;background:var(--background);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.teacher-modal.large{width:800px}.teacher-modal-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px}.teacher-modal-header h2{color:#2c3e50;color:var(--text);font-size:20px;font-weight:600;margin:0}.teacher-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.teacher-modal-close:hover{background:#f8f9fa;background:var(--background-hover);color:#2c3e50;color:var(--text)}.teacher-upload-form{flex:1 1;overflow-y:auto;padding:24px}.teacher-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.teacher-form-group{display:flex;flex-direction:column;gap:8px}.teacher-form-group.full-width{grid-column:1/-1}.teacher-form-group label{color:#2c3e50;color:var(--text);font-size:14px;font-weight:500}.teacher-form-group input,.teacher-form-group select,.teacher-form-group textarea{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:6px;color:#2c3e50;color:var(--text);font-size:14px;padding:12px;transition:all .3s ease}.teacher-form-group input:focus,.teacher-form-group select:focus,.teacher-form-group textarea:focus{border-color:#3498db;border-color:var(--accent);box-shadow:0 0 0 2px #6366f11a;outline:none}.teacher-price-input{align-items:center;display:flex;gap:12px}.teacher-checkbox-label{align-items:center;color:#2c3e50;color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:8px}.teacher-checkbox-label input[type=checkbox]{height:16px;width:16px}.teacher-modal-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:24px}.teacher-preview-content{flex:1 1;overflow-y:auto;padding:24px}.teacher-preview-header{display:flex;gap:20px;margin-bottom:24px}.teacher-preview-header img{border-radius:8px;height:120px;object-fit:cover;width:200px}.teacher-preview-info h3{color:#2c3e50;color:var(--text);font-size:20px;font-weight:600;margin:0 0 8px}.teacher-preview-info p{color:#6c757d;color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.teacher-preview-meta{display:flex;flex-wrap:wrap;gap:12px}.teacher-preview-category{background:#3498db;background:var(--accent);color:#fff}.teacher-preview-category,.teacher-preview-difficulty{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px}.teacher-preview-difficulty.success{background:#27ae60;background:var(--success);color:#fff}.teacher-preview-difficulty.warning{background:#f39c12;background:var(--warning);color:#fff}.teacher-preview-difficulty.error{background:var(--error);color:#fff}.teacher-preview-difficulty.accent{background:#3498db;background:var(--accent);color:#fff}.teacher-preview-duration{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px}.teacher-preview-duration,.teacher-preview-placeholder{background:#f8f9fa;background:var(--background-hover);color:#6c757d;color:var(--text-secondary)}.teacher-preview-placeholder{align-items:center;border:2px dashed #dee2e6;border:2px dashed var(--border);border-radius:8px;display:flex;flex-direction:column;height:300px;justify-content:center}.teacher-preview-placeholder i{font-size:48px;margin-bottom:16px}.teacher-analytics-content{flex:1 1;overflow-y:auto;padding:24px}.teacher-content-analytics h3,.teacher-overall-analytics h3{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin:0 0 24px}.teacher-analytics-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr)}.teacher-analytics-metric{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;padding:20px;text-align:center}.teacher-metric-value{color:#2c3e50;color:var(--text);display:block;font-size:24px;font-weight:700;margin-bottom:4px}.teacher-metric-label{color:#6c757d;color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.teacher-analytics-section{padding:24px}.teacher-analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.teacher-analytics-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;padding:24px}.teacher-analytics-card h3{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 16px}.teacher-chart-placeholder{align-items:center;background:#f8f9fa;background:var(--background-hover);border:2px dashed #dee2e6;border:2px dashed var(--border);border-radius:8px;color:#6c757d;color:var(--text-secondary);display:flex;flex-direction:column;height:200px;justify-content:center}.teacher-chart-placeholder i{font-size:32px;margin-bottom:12px}.teacher-settings-section{padding:24px}.teacher-settings-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;padding:24px}.teacher-settings-card h3{color:#2c3e50;color:var(--text);font-size:16px;font-weight:600;margin:0 0 20px}.teacher-setting-item{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 0}.teacher-setting-item:last-child{border-bottom:none}.teacher-setting-item label{color:#2c3e50;color:var(--text);font-size:14px}@media (max-width:768px){.teacher-filters{align-items:stretch;flex-direction:column}.teacher-filter-group{justify-content:space-between}.teacher-content-grid{grid-template-columns:1fr}.teacher-content-card{flex-direction:column}.teacher-content-thumbnail{height:200px;width:100%}.teacher-form-grid{grid-template-columns:1fr}.teacher-analytics-grid{grid-template-columns:repeat(2,1fr)}.teacher-modal{margin:20px;width:95vw}.teacher-preview-header{flex-direction:column}.teacher-preview-header img{height:200px;width:100%}}.teacher-overview-section{padding:24px}.teacher-recent-activity{margin-top:32px}.teacher-recent-activity h3{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin:0 0 20px}.teacher-activity-list{display:flex;flex-direction:column;gap:16px}.teacher-activity-item{align-items:flex-start;background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.teacher-activity-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.activity-icon{align-items:center;background:#3498db;background:var(--accent);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-icon i{font-size:20px}.activity-content{flex:1 1}.activity-text{color:#2c3e50;color:var(--text);font-size:14px;line-height:1.4;margin:0 0 4px}.activity-text strong{color:#3498db;color:var(--accent);font-weight:600}.activity-time{color:#6c757d;color:var(--text-secondary);font-size:12px}.teacher-resources-section,.teacher-templates-section{padding:24px}.teacher-resources-grid,.teacher-templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.teacher-resource-card,.teacher-template-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s ease}.teacher-resource-card:hover,.teacher-template-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.resource-icon,.template-icon{align-items:center;background:#3498db;background:var(--accent);border-radius:12px;color:#fff;display:flex;height:60px;justify-content:center;margin-bottom:8px;width:60px}.resource-icon i,.template-icon i{font-size:28px}.teacher-resource-card h3,.teacher-template-card h3{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin:0}.teacher-resource-card p,.teacher-template-card p{color:#6c757d;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.resource-meta,.template-meta{display:flex;flex-wrap:wrap;gap:12px}.resource-count,.resource-type,.template-difficulty,.template-type{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px}.resource-type,.template-type{background:#3498db;background:var(--accent);color:#fff}.resource-count,.template-difficulty{background:#f8f9fa;background:var(--background-hover);color:#6c757d;color:var(--text-secondary)}.resource-actions,.template-actions{display:flex;gap:8px;margin-top:auto}.resource-actions .teacher-btn,.template-actions .teacher-btn{flex:1 1;font-size:12px;padding:8px 16px}.support-classes-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:24px}.support-class-card{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.support-class-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.support-class-thumbnail{height:140px;overflow:hidden;position:relative}.support-class-thumbnail img{height:100%;object-fit:cover;width:100%}.support-class-badge{background:#000000b3;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:12px;top:12px}.support-class-content{padding:16px}.support-class-title{color:#2c3e50;color:var(--text);font-size:16px;font-weight:700;margin:0 0 8px}.support-class-subtitle{color:#6c757d;color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0 0 16px}.support-class-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.feature-item{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.feature-item i{color:#3498db;color:var(--accent);font-size:16px}.support-class-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;width:100%}.support-class-btn.primary.blue{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.support-class-btn.primary.blue:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-2px)}.support-class-btn.primary.orange{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.support-class-btn.primary.orange:hover{background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-2px)}.support-class-btn.primary.green{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.support-class-btn.primary.green:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);transform:translateY(-2px)}.support-class-modal{max-width:500px;width:90%}.support-class-steps{margin-bottom:24px}.step-indicator{margin-bottom:12px}.step,.step-indicator{align-items:center;display:flex;justify-content:center}.step{background:#f8f9fa;background:var(--background-hover);border-radius:50%;color:#6c757d;color:var(--text-secondary);font-size:14px;font-weight:600;height:32px;transition:all .3s ease;width:32px}.step.active{background:#3498db;background:var(--accent);color:#fff}.step-line{background:#dee2e6;background:var(--border);height:2px;margin:0 8px;width:60px}.step-labels{color:#6c757d;color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;padding:0 16px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.form-group label.required:after{color:#e74c3c;content:" *"}.form-group select{background:#fff;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;color:#2c3e50;color:var(--text);font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group select:focus{border-color:#3498db;border-color:var(--accent);outline:none}.form-actions{display:flex;gap:12px;margin-top:24px}.form-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.form-btn.secondary{background:#f8f9fa;background:var(--background-hover);border:1px solid #dee2e6;border:1px solid var(--border);color:#6c757d;color:var(--text-secondary)}.form-btn.secondary:hover{background:#dee2e6;background:var(--border)}.form-btn.primary{background:#3498db;background:var(--accent);color:#fff}.form-btn.primary:hover{background:var(--accent-hover)}.form-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.support-classes-container,.teacher-resources-grid,.teacher-templates-grid{grid-template-columns:1fr}.teacher-activity-item{align-items:flex-start;flex-direction:column}.activity-icon{align-self:flex-start}}.parent-sidebar{background:#fff;background:var(--nav-bg);border-right:1px solid #dadce0;border-right:1px solid var(--border);box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;right:auto;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}[dir=rtl] .parent-sidebar{border-left:1px solid #dadce0!important;border-left:1px solid var(--border)!important;border-right:none!important;left:auto!important;right:0!important}.parent-sidebar-header{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border,#dadce0);padding:24px 20px}.parent-profile-section{align-items:center;display:flex;gap:12px}.parent-avatar{align-items:center;background:#1a73e8;background:var(--accent,#1a73e8);border-radius:50%;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.parent-avatar img{height:100%;object-fit:cover;width:100%}.parent-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.parent-info{flex:1 1}.parent-name{color:#212121;color:var(--text,#212121);font-size:16px;font-weight:500;margin:0 0 4px}.parent-role{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px;margin:0}.parent-nav{flex:1 1;overflow-y:auto;padding:16px 0}.parent-nav-section{margin-bottom:24px}.parent-nav-section-title{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;padding:0 20px 8px;text-transform:uppercase}.parent-nav-list{list-style:none;margin:0;padding:0}.parent-nav-link{align-items:center;background:none;border:none;color:#212121;color:var(--nav-text,#212121);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;position:relative;text-align:left;transition:all .2s;width:100%}.parent-nav-link:hover{background:#f1f3f4;background:var(--nav-hover,#f1f3f4)}.parent-nav-link.active{background:#1a73e8;background:var(--accent,#1a73e8);color:#fff}.parent-nav-link.active .material-icons{color:#fff}.parent-nav-link .material-icons{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:20px}.parent-nav-text{flex:1 1}.parent-nav-badge{background:#ea4335;background:var(--error,#ea4335);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px}.parent-sidebar-footer{border-top:1px solid #dadce0;border-top:1px solid var(--border,#dadce0);padding:16px 20px}.parent-settings-btn{align-items:center;background:#f8f9fa;background:var(--hover,#f8f9fa);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;color:#212121;color:var(--text,#212121);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px;transition:all .2s;width:100%}.parent-settings-btn:hover{background:#f1f3f4;background:var(--nav-hover,#f1f3f4)}.parent-section{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);margin-bottom:32px;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.parent-section:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.parent-section-header{border-bottom:2px solid #dadce0;border-bottom:2px solid var(--border);display:flex;flex-direction:column;gap:12px;margin-bottom:32px;margin-top:0;padding-bottom:24px}.parent-section-header:has(.view-toggle){align-items:center;flex-direction:row;justify-content:space-between}.parent-section-title{align-items:center;color:#212121;color:var(--text);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0}.parent-section-title i{color:#1a73e8;color:var(--accent);font-size:32px}.parent-section-subtitle{color:#5f6368;color:var(--text-secondary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0}.parent-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.parent-stat-card{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);display:flex;gap:16px;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.parent-stat-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.parent-stat-card:before{background:#1a73e8;background:var(--accent);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.parent-stat-icon{align-items:center;background:#1a73e8;background:var(--accent,#1a73e8);border-radius:12px;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.parent-stat-icon .material-icons{font-size:28px}.parent-stat-content{flex:1 1}.parent-stat-value{color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:36px;font-weight:400;line-height:1.1;margin:0 0 8px}.parent-stat-label{color:#5f6368;color:var(--text-secondary);letter-spacing:.5px;margin:0;text-transform:uppercase}.parent-btn,.parent-stat-label{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500}.parent-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--shadow);cursor:pointer;display:inline-flex;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.parent-btn.primary{background:#1a73e8;background:var(--accent);color:#fff}.parent-btn.primary:hover{background:#1557b0;box-shadow:0 2px 6px #0000001f;box-shadow:0 2px 6px var(--shadow-hover);transform:translateY(-1px)}.parent-btn.primary:active{box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--shadow);transform:translateY(0)}.parent-btn.secondary{background:#f8f9fa;background:var(--hover);border:1px solid #dadce0;border:1px solid var(--border);color:#212121;color:var(--text)}.parent-btn.secondary:hover{background:#f1f3f4;background:var(--nav-hover);box-shadow:0 2px 6px #0000001f;box-shadow:0 2px 6px var(--shadow-hover);transform:translateY(-1px)}.parent-btn.warning{background:#fbbc04;background:var(--warning);color:#fff}.parent-btn.warning:hover{background:#f9ab00;box-shadow:0 2px 6px #0000001f;box-shadow:0 2px 6px var(--shadow-hover)}.parent-btn.danger{background:#ea4335;background:var(--error);color:#fff}.parent-btn.danger:hover{background:#d33b2c;box-shadow:0 2px 6px #0000001f;box-shadow:0 2px 6px var(--shadow-hover)}.parent-btn-icon{align-items:center;background:#f8f9fa;background:var(--hover,#f8f9fa);border:none;border-radius:8px;color:#212121;color:var(--text,#212121);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.parent-btn-icon:hover{background:#f1f3f4;background:var(--nav-hover,#f1f3f4)}.parent-btn-icon.danger:hover{background:#ea4335;background:var(--error,#ea4335);color:#fff}.parent-children-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.parent-child-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.parent-child-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.parent-child-card:before{background:#1a73e8;background:var(--accent);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.parent-child-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.parent-child-avatar{border-radius:50%;height:56px;overflow:hidden;width:56px}.parent-child-avatar img{height:100%;object-fit:cover;width:100%}.parent-child-info{flex:1 1}.parent-child-name{color:#212121;color:var(--text,#212121);font-size:16px;font-weight:500;margin:0 0 4px}.parent-child-details{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px;margin:0}.parent-child-progress{margin-bottom:16px}.parent-progress-header{display:flex;justify-content:space-between;margin-bottom:8px}.parent-progress-label{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px}.parent-progress-value{color:#212121;color:var(--text,#212121);font-size:12px;font-weight:600}.parent-progress-bar{background:#f8f9fa;background:var(--hover,#f8f9fa);border-radius:4px;height:8px;overflow:hidden}.parent-progress-fill{background:#1a73e8;background:var(--accent,#1a73e8);height:100%;transition:width .3s}.parent-child-stats{border-top:1px solid #dadce0;border-top:1px solid var(--border,#dadce0);display:flex;gap:16px;margin-bottom:16px;padding-top:16px}.parent-child-stat{align-items:center;color:#5f6368;color:var(--text-secondary,#5f6368);display:flex;font-size:12px;gap:6px}.parent-child-stat .material-icons{font-size:16px}.parent-children-table,.parent-payments-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.parent-children-table thead,.parent-payments-table thead{background:#f8f9fa;background:var(--hover,#f8f9fa)}.parent-children-table th,.parent-payments-table th{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.parent-children-table td,.parent-payments-table td{border-top:1px solid #dadce0;border-top:1px solid var(--border,#dadce0);font-size:14px;padding:16px}.parent-child-cell{align-items:center;display:flex;gap:12px}.parent-child-avatar-small{border-radius:50%;height:40px;object-fit:cover;width:40px}.parent-child-email{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px;margin:4px 0 0}.parent-actions{display:flex;gap:8px}.parent-badge{background:#f8f9fa;background:var(--hover,#f8f9fa);border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.parent-progress-inline{align-items:center;display:flex;gap:8px}.parent-progress-bar-small{background:#f8f9fa;background:var(--hover,#f8f9fa);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.parent-progress-text{color:#212121;color:var(--text,#212121);font-size:12px;font-weight:600;min-width:40px}.parent-form{gap:20px}.parent-form,.parent-form-group{display:flex;flex-direction:column}.parent-form-group{gap:8px}.parent-form-group label{color:#212121;color:var(--text,#212121);font-size:14px;font-weight:500}.parent-form-group input,.parent-form-group select,.parent-form-group textarea{border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s}.parent-form-group input:focus,.parent-form-group select:focus,.parent-form-group textarea:focus{border-color:#1a73e8;border-color:var(--accent,#1a73e8);outline:none}.parent-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.parent-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.parent-modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.parent-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.parent-modal-header h2{font-size:20px;font-weight:500;margin:0}.parent-modal-close{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.parent-modal-close:hover{background:#f8f9fa;background:var(--hover,#f8f9fa)}.parent-empty-state{color:#5f6368;color:var(--text-secondary,#5f6368);padding:48px 24px;text-align:center}.parent-empty-state .material-icons{color:#dadce0;color:var(--border,#dadce0);font-size:64px;margin-bottom:16px}.parent-empty-state p{font-size:16px;margin-bottom:24px}.parent-child-selector{display:flex;flex-wrap:wrap;gap:12px}.parent-child-select-btn{background:#fff;border:2px solid #dadce0;border:2px solid var(--border,#dadce0);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 20px;transition:all .2s}.parent-child-select-btn.active,.parent-child-select-btn:hover{border-color:#1a73e8;border-color:var(--accent,#1a73e8)}.parent-child-select-btn.active{background:#1a73e8;background:var(--accent,#1a73e8);color:#fff}.parent-child-grade{font-size:12px;opacity:.7}.parent-progress-overview{align-items:flex-start;display:flex;gap:32px}.parent-progress-card{text-align:center}.parent-progress-circle{background:conic-gradient(#1a73e8 0deg 234deg,#f8f9fa 234deg 1turn);background:conic-gradient(var(--accent,#1a73e8) 0deg 234deg,var(--hover,#f8f9fa) 234deg 1turn);height:120px;margin:0 auto 16px;width:120px}.parent-progress-circle,.parent-progress-circle-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.parent-progress-circle-inner{background:#fff;height:100px;width:100px}.parent-progress-percentage{color:#212121;color:var(--text,#212121);font-size:24px;font-weight:600}.parent-progress-stats{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(2,1fr)}.parent-progress-stat{align-items:center;background:#f8f9fa;background:var(--hover,#f8f9fa);border-radius:8px;display:flex;gap:12px;padding:16px}.parent-progress-stat .material-icons{color:#1a73e8;color:var(--accent,#1a73e8);font-size:24px}.parent-progress-stat strong{color:#212121;color:var(--text,#212121);display:block;font-size:18px}.parent-progress-stat p{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px;margin:4px 0 0}.parent-courses-list{display:flex;flex-direction:column;gap:16px}.parent-course-progress-card{background:#fff;border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;padding:20px}.parent-course-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.parent-course-name{font-size:16px;font-weight:500;margin:0}.parent-course-status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.parent-course-status.completed{background:#34a853;background:var(--success,#34a853);color:#fff}.parent-course-status.in-progress{background:#fbbc04;background:var(--warning,#fbbc04);color:#fff}.parent-course-status.not-started{background:#f8f9fa;background:var(--hover,#f8f9fa);color:#5f6368;color:var(--text-secondary,#5f6368)}.parent-course-date{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px;margin:8px 0 0}.parent-analysis-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.parent-analysis-card{border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;padding:20px}.parent-analysis-card.success{border-left:4px solid #34a853;border-left:4px solid var(--success,#34a853)}.parent-analysis-card.warning{border-left:4px solid #fbbc04;border-left:4px solid var(--warning,#fbbc04)}.parent-analysis-card h3{font-size:16px;font-weight:500;margin:0 0 16px}.parent-analysis-list{list-style:none;margin:0;padding:0}.parent-analysis-list li{align-items:center;display:flex;font-size:14px;gap:8px;padding:8px 0}.parent-analysis-list .material-icons{font-size:18px}.parent-analysis-card.success .material-icons{color:#34a853;color:var(--success,#34a853)}.parent-analysis-card.warning .material-icons{color:#fbbc04;color:var(--warning,#fbbc04)}.parent-tabs{border-bottom:2px solid #dadce0;border-bottom:2px solid var(--border,#dadce0);display:flex;gap:8px;margin-bottom:24px}.parent-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#5f6368;color:var(--text-secondary,#5f6368);cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.parent-tab:hover{color:#212121;color:var(--text,#212121)}.parent-tab.active{border-bottom-color:#1a73e8;border-bottom-color:var(--accent,#1a73e8);color:#1a73e8;color:var(--accent,#1a73e8)}.parent-subscriptions-list{display:flex;flex-direction:column;gap:20px}.parent-subscription-card{background:#fff;border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;padding:24px}.parent-subscription-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.parent-subscription-name{font-size:20px;font-weight:500;margin:0 0 4px}.parent-subscription-children{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;margin:0}.parent-subscription-status{border-radius:20px;font-size:12px;font-weight:500;padding:6px 12px}.parent-subscription-status.active{background:#34a853;background:var(--success,#34a853);color:#fff}.parent-subscription-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.parent-subscription-detail{align-items:center;display:flex;gap:12px}.parent-subscription-detail .material-icons{color:#1a73e8;color:var(--accent,#1a73e8)}.parent-detail-label{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px;margin:0}.parent-detail-value{color:#212121;color:var(--text,#212121);font-size:14px;font-weight:500;margin:4px 0 0}.parent-subscription-actions{border-top:1px solid #dadce0;border-top:1px solid var(--border,#dadce0);display:flex;gap:12px;padding-top:20px}.parent-payment-status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.parent-payment-status.completed{background:#34a853;background:var(--success,#34a853);color:#fff}.parent-payment-status.pending{background:#fbbc04;background:var(--warning,#fbbc04);color:#fff}.parent-payment-status.failed{background:#ea4335;background:var(--error,#ea4335);color:#fff}.parent-amount{color:#212121;color:var(--text,#212121);font-weight:600}.parent-transaction-id{color:#5f6368;color:var(--text-secondary,#5f6368);font-family:monospace;font-size:12px}.parent-courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.parent-course-card{background:#fff;border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;overflow:hidden;transition:all .2s}.parent-course-card:hover{box-shadow:0 4px 8px #0000001a}.parent-course-image{height:160px;overflow:hidden;width:100%}.parent-course-image img{height:100%;object-fit:cover;width:100%}.parent-course-content{padding:16px}.parent-course-badges{display:flex;gap:8px;margin-bottom:12px}.parent-course-badge{background:#f8f9fa;background:var(--hover,#f8f9fa);border-radius:4px;color:#5f6368;color:var(--text-secondary,#5f6368);font-size:11px;font-weight:500;padding:4px 8px}.parent-course-title{color:#212121;color:var(--text,#212121);font-size:16px;font-weight:500;margin:0 0 8px}.parent-course-description{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;line-height:1.5;margin:0 0 12px}.parent-course-meta{align-items:center;border-top:1px solid #dadce0;border-top:1px solid var(--border,#dadce0);display:flex;justify-content:space-between;margin-bottom:12px;padding-top:12px}.parent-course-duration{align-items:center;color:#5f6368;color:var(--text-secondary,#5f6368);display:flex;font-size:12px;gap:4px}.parent-course-price{color:#1a73e8;color:var(--accent,#1a73e8);font-size:18px;font-weight:600}.parent-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.parent-search-box{align-items:center;display:flex;flex:1 1;min-width:200px;position:relative}.parent-search-box .material-icons{color:#5f6368;color:var(--text-secondary,#5f6368);left:12px;position:absolute}.parent-search-box input{padding:10px 12px 10px 40px;width:100%}.parent-filter-select,.parent-search-box input{border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;font-size:14px}.parent-filter-select{min-width:150px;padding:10px 12px}.parent-controls-card{display:flex;flex-direction:column;gap:24px}.parent-control-item{align-items:center;background:#f8f9fa;background:var(--hover,#f8f9fa);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.parent-control-label{flex:1 1}.parent-control-label label{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.parent-control-description{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px;margin:0}.parent-toggle-switch{height:24px;position:relative;width:48px}.parent-toggle-switch input{height:0;opacity:0;width:0}.parent-toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.parent-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.parent-toggle-switch input:checked+.parent-toggle-slider{background-color:#1a73e8;background-color:var(--accent,#1a73e8)}.parent-toggle-switch input:checked+.parent-toggle-slider:before{transform:translateX(24px)}.parent-control-select{border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;font-size:14px;min-width:150px;padding:8px 12px}.parent-checkbox-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.parent-checkbox-item{align-items:center;cursor:pointer;display:flex;gap:6px}.parent-control-input{border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;font-size:14px;padding:8px 12px}.parent-input-group{align-items:center;display:flex;gap:8px}.parent-input-suffix{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px}.parent-notifications-list{display:flex;flex-direction:column;gap:12px}.parent-notification-item{background:#fff;border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s}.parent-notification-item.unread{background:#f0f7ff;border-color:#1a73e8;border-color:var(--accent,#1a73e8)}.parent-notification-icon{align-items:center;background:#f8f9fa;background:var(--hover,#f8f9fa);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.parent-notification-icon .material-icons{color:#1a73e8;color:var(--accent,#1a73e8)}.parent-notification-content{flex:1 1}.parent-notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.parent-notification-title{font-size:14px;font-weight:500;margin:0}.parent-notification-badge{background:#1a73e8;background:var(--accent,#1a73e8);border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.parent-notification-message{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;margin:0 0 8px}.parent-notification-footer{align-items:center;color:#5f6368;color:var(--text-secondary,#5f6368);display:flex;font-size:12px;justify-content:space-between}.parent-notification-actions{align-items:flex-start;display:flex;gap:8px}.parent-faq-list{display:flex;flex-direction:column;gap:12px}.parent-faq-item{border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;overflow:hidden}.parent-faq-question{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:16px;text-align:left;transition:background .2s;width:100%}.parent-faq-answer,.parent-faq-question:hover{background:#f8f9fa;background:var(--hover,#f8f9fa)}.parent-faq-answer{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;line-height:1.6;padding:16px}.parent-contact-info,.parent-faq-answer{border-top:1px solid #dadce0;border-top:1px solid var(--border,#dadce0)}.parent-contact-info{margin-top:32px;padding-top:32px}.parent-contact-methods{display:flex;flex-direction:column;gap:16px;margin-top:16px}.parent-contact-method{align-items:center;background:#f8f9fa;background:var(--hover,#f8f9fa);border-radius:8px;display:flex;gap:12px;padding:16px}.parent-contact-method .material-icons{color:#1a73e8;color:var(--accent,#1a73e8)}.parent-resources-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.parent-resource-card{background:#fff;border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;padding:24px;text-align:center;transition:all .2s}.parent-resource-card:hover{box-shadow:0 4px 8px #0000001a}.parent-resource-card .material-icons{color:#1a73e8;color:var(--accent,#1a73e8);font-size:48px;margin-bottom:16px}.parent-resource-card h3{font-size:18px;font-weight:500;margin:0 0 8px}.parent-resource-card p{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;margin:0 0 16px}.parent-reports-actions{display:flex;gap:12px}.parent-activity-list{display:flex;flex-direction:column;gap:12px}.parent-activity-item{background:#fff;border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;display:flex;gap:16px;padding:16px}.parent-activity-icon{align-items:center;background:#f8f9fa;background:var(--hover,#f8f9fa);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.parent-activity-icon .material-icons{color:#1a73e8;color:var(--accent,#1a73e8)}.parent-activity-content{flex:1 1}.parent-activity-text{color:#212121;color:var(--text,#212121);font-size:14px;margin:0 0 4px}.parent-activity-time{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px;margin:0}@media (max-width:1200px){.parent-main-content-wrapper{margin-left:0;width:100%}.parent-sidebar{transform:translateX(-100%)}.parent-sidebar.open{transform:translateX(0)}}@media (max-width:768px){.parent-main-content{padding:16px}.parent-content-header{flex-direction:column;gap:16px;padding:20px}.parent-content-title{font-size:24px}.parent-section{padding:20px}.parent-section-title{font-size:20px}.parent-children-grid,.parent-stats-grid{gap:16px;grid-template-columns:1fr}.parent-progress-overview{flex-direction:column;gap:24px}.parent-progress-stats{gap:12px;grid-template-columns:1fr}.parent-analysis-grid,.parent-courses-grid,.parent-resources-grid,.parent-subscription-details{gap:16px;grid-template-columns:1fr}.parent-filters{flex-direction:column}.parent-filter-select,.parent-search-box{width:100%}.parent-tabs{flex-wrap:wrap}.parent-tab{flex:1 1;min-width:120px}.parent-form-actions{flex-direction:column}.parent-form-actions .parent-btn{width:100%}.parent-subscription-actions{flex-direction:column}.parent-subscription-actions .parent-btn{width:100%}.parent-reports-actions{flex-direction:column}.parent-reports-actions .parent-btn{width:100%}}@media (max-width:480px){.parent-main-content{padding:12px}.parent-content-header{padding:16px}.parent-content-title{font-size:20px}.parent-section{padding:16px}.parent-stat-card{flex-direction:column;padding:16px;text-align:center}.parent-child-card{padding:16px}.parent-modal-content{padding:20px;width:95%}}@media print{.parent-btn,.parent-modal-overlay,.parent-sidebar{display:none!important}.parent-main-content-wrapper{margin-left:0!important;width:100%!important}.parent-section{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}}:root{--bg:#f5f5f5}.parent-dashboard-container{background:#f5f5f5;background:var(--bg);display:flex;flex-direction:column;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.parent-dashboard-layout{display:flex;margin-top:64px;min-height:calc(100vh - 64px)}.parent-main-content-wrapper{box-sizing:border-box;flex:1 1;margin-left:280px;margin-right:0;margin-top:0;min-height:calc(100vh - 64px);position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 280px)}[dir=rtl] .parent-main-content-wrapper{margin-left:0!important;margin-right:280px!important}.parent-main-content{background:#f5f5f5;background:var(--bg);flex:1 1;margin-left:0;margin-right:0;min-height:calc(100vh - 64px);padding:32px}.parent-content-header{align-items:flex-start;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);display:flex;justify-content:space-between;margin-bottom:32px;padding:32px;position:relative}.parent-content-title{color:#212121;color:var(--text);font-size:32px;line-height:1.3;margin:0 0 12px}.parent-content-subtitle,.parent-content-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400}.parent-content-subtitle{font-size:16px;line-height:1.6;margin:0}.parent-content-subtitle,.parent-loading{color:#5f6368;color:var(--text-secondary)}.parent-loading{background:#fff;background:var(--card-bg);border-radius:12px;margin:32px;padding:48px;text-align:center}.landing-page{background-color:#fff;background-color:var(--bg);color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.navbar-container{padding:16px 24px}.logo{color:#1a73e8;color:var(--accent);font-size:24px;font-weight:500;gap:8px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logo .landing-logo-img{display:block;height:36px;object-fit:contain;width:auto}.mobile-menu-toggle{background:none;border:none;border-radius:8px;color:#212121;color:var(--nav-text);cursor:pointer;display:none;padding:8px;transition:all .3s ease}.mobile-menu-toggle:hover{background:#f1f3f4;background:var(--nav-hover)}.mobile-menu-toggle .material-icons{font-size:28px}.landing-language-switcher{-webkit-margin-end:8px;margin-inline-end:8px}.landing-language-switcher .language-switcher-trigger{background:#ffffffe6;border:1px solid #dadce0;border:1px solid var(--border)}.landing-language-switcher .language-switcher-trigger:hover{background:#f8f9fa;background:var(--hover);border-color:#1a73e8;border-color:var(--accent)}.btn-login{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-login:hover{background:#1a73e8;background:var(--accent);color:#fff}.btn-primary.large{font-size:16px;padding:12px 24px}.btn-secondary{align-items:center;background:#fff;border:2px solid #1a73e8;border:2px solid var(--accent);border-radius:8px;color:#1a73e8;color:var(--accent);cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#1a73e8;background:var(--accent);color:#fff;transform:translateY(-2px)}.btn-outline{background:#fff;border:2px solid #3498db;border-radius:8px;color:#3498db;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s ease;width:100%}.btn-outline:hover{background:#3498db;color:#fff}.hero-section-fullscreen{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;margin-bottom:0;min-height:600px;overflow:hidden;padding-bottom:80px;padding-top:75px;position:relative;width:100%}.hero-section-fullscreen+.trust-bar{margin-top:0}.hero-background-container,.hero-background-image{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-background-image{animation:kenBurns 20s ease-in-out infinite;display:block;margin:0;opacity:0;padding:0;pointer-events:none;transition:opacity 2s ease-in-out}.hero-background-image.active{opacity:1;pointer-events:auto;z-index:2}@media (max-width:768px){.hero-background-image:not(.mobile-single-image):not(.active){display:none}.hero-background-image.active,.hero-background-image.mobile-single-image{display:block}}.hero-background-img{display:block;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;margin:0;max-height:100vh;max-width:100vw;object-fit:cover;object-position:center;padding:0;width:100%}@keyframes kenBurns{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero-overlay-gradient{background:linear-gradient(180deg,#0000004d 0,#0006 50%,#00000080);z-index:3}.hero-content-overlay,.hero-overlay-gradient{height:100%;left:0;position:absolute;top:0;width:100%}.hero-content-overlay{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;opacity:0;padding:20px 24px;pointer-events:none;transform:translateZ(0);transition:opacity .8s ease-in-out,visibility .8s ease-in-out;visibility:hidden;will-change:opacity,visibility;z-index:10}.hero-content-overlay.active{opacity:1;pointer-events:all;visibility:visible;z-index:11}.hero-content-overlay:not(.active){opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:10}.hero-content-wrapper{animation:fadeInUp .8s ease-out;flex-direction:column;gap:12px;min-height:400px;text-align:center;width:100%}.hero-content-wrapper,.hero-title-fullscreen{align-items:center;display:flex;justify-content:center;max-width:100%;position:relative}.hero-title-fullscreen{word-wrap:break-word;box-sizing:border-box;color:#fff;flex-wrap:wrap;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:56px;font-weight:400;line-height:1.15;margin:0 0 8px;min-height:80px;padding:0 20px;text-shadow:0 2px 10px #0000004d}.hero-title-fullscreen .highlight{color:#1a73e8;color:var(--accent);font-weight:500;margin-left:16px}.hero-subtitle-fullscreen{word-wrap:break-word;box-sizing:border-box;color:#fffffff2;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;line-height:1.5;margin:0 0 8px;max-width:700px;padding:0 20px;text-shadow:0 1px 5px #0000004d}.knowledge-tip{align-items:center;animation:slideInDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;display:flex;gap:10px;margin:4px 0;max-width:600px;padding:12px 20px;width:calc(100% - 40px)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.knowledge-tip .material-icons{color:#fbbc04;flex-shrink:0;font-size:28px}.knowledge-tip-content{color:#fff;display:flex;flex-direction:column;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;gap:4px;line-height:1.5;text-align:left}.knowledge-tip-content strong{font-size:15px;font-weight:500}.hero-stats-fullscreen{grid-gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:12px 0;max-width:800px;padding:20px 16px;width:calc(100% - 40px)}.stat-item-fullscreen{text-align:center}.stat-number-fullscreen{color:#fff;font-size:32px;font-weight:600;margin-bottom:4px;text-shadow:0 2px 8px #0000004d}.stat-label-fullscreen,.stat-number-fullscreen{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.stat-label-fullscreen{color:#ffffffe6;font-size:12px;font-weight:400}.hero-cta-fullscreen{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:8px 0 4px;max-width:100%;padding:0 20px;width:100%}.hero-cta-fullscreen .btn-primary,.hero-cta-fullscreen .btn-secondary{flex:0 0 auto;min-width:auto;white-space:nowrap}.hero-note-fullscreen{align-items:center;color:#ffffffe6;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;gap:8px;margin-top:4px}.hero-note-fullscreen .material-icons{color:#34a853;color:var(--success);font-size:18px}.hero-indicators{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-radius:20px;bottom:30px;display:flex;gap:12px;left:50%;padding:10px;position:absolute;transform:translateX(-50%);z-index:20}.hero-indicator{background:#0000;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.hero-indicator:hover{background:#ffffff4d;transform:scale(1.2)}.hero-indicator.active{background:#fff;border-color:#fff;border-radius:6px;width:32px}.trust-badge{align-items:center;background:#1a73e81a;border-radius:20px;color:#1a73e8;color:var(--accent);display:inline-flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;gap:8px;margin-bottom:8px;padding:6px 14px}.trust-badge .material-icons{font-size:18px}.hero-title{color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:56px;font-weight:400;line-height:1.2;margin-bottom:24px}.hero-title .highlight{color:#1a73e8;color:var(--accent)}.hero-subtitle{color:#5f6368;color:var(--text-secondary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.6;margin-bottom:32px}.hero-stats{grid-gap:24px;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:40px;padding:24px}.stat-item{text-align:center}.stat-number{color:#1a73e8;font-size:32px;font-weight:600;margin-bottom:4px}.stat-label{color:#5f6368;font-size:14px}.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.hero-note{align-items:center;color:#5f6368;color:var(--text-secondary);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;gap:8px}.hero-note .material-icons{color:#34a853;color:var(--success);font-size:18px}.hero-visual{animation:fadeInRight .8s ease-out;position:relative}.hero-image-container{border:1px solid #dadce0;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 40px #0000001f;box-shadow:0 10px 40px var(--shadow-hover);height:600px;overflow:hidden;position:relative;width:100%}.hero-image{height:100%;object-fit:cover;object-position:center;transition:transform .5s ease;width:100%}.hero-image-container:hover .hero-image{transform:scale(1.05)}.hero-image-overlay{background:linear-gradient(180deg,#0000 0,#0000001a 50%,#0000004d);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.floating-card{align-items:center;animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #00000026;color:#212121;color:var(--text);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:12px;padding:16px 20px;position:absolute}.floating-card .material-icons{color:#1a73e8;color:var(--accent);font-size:24px}.floating-card.card-1{animation-delay:0s;left:-20px;top:20%}.floating-card.card-2{animation-delay:1s;right:-20px;top:50%;transform:translateY(-50%)}.floating-card.card-3{animation-delay:2s;bottom:20%;left:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-card.card-2{animation:float 3s ease-in-out 1s infinite}.floating-card.card-3{animation:float 3s ease-in-out 2s infinite}.course-library-hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:90vh;overflow:hidden;padding:100px 24px 80px;position:relative;width:100%}.course-library-background{background-image:url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=1920&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:.15}.course-library-background,.course-library-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.course-library-overlay{background:linear-gradient(180deg,#667eeae6 0,#764ba2e6)}.course-library-content{margin:0 auto;max-width:1400px;position:relative;text-align:center;width:100%;z-index:10}.course-library-header{animation:fadeInUp .8s ease-out;margin-bottom:60px}.course-library-title{color:#fff;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:56px;font-weight:400;line-height:1.2;margin:0 0 20px;text-shadow:0 2px 10px #0000004d}.course-library-title .highlight{color:#fbbc04;font-weight:500}.course-library-subtitle{color:#fffffff2;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.6;margin:0 auto;max-width:800px;text-shadow:0 1px 5px #0000004d}.course-features-grid{grid-gap:30px;animation:fadeInUp .8s ease-out .2s both;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:50px}.course-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;padding:30px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-feature-card:hover{background:#fff3;box-shadow:0 8px 24px #0003;transform:translateY(-10px)}.course-feature-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 20px;transition:all .3s ease;width:70px}.course-feature-card:hover .course-feature-icon{background:#ffffff4d;transform:scale(1.1)}.course-feature-icon .material-icons{color:#fff;font-size:36px}.course-feature-title{color:#fff;font-size:22px;font-weight:600;margin:0 0 12px}.course-feature-desc,.course-feature-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.course-feature-desc{color:#ffffffe6;font-size:15px;line-height:1.6;margin:0}.course-stats-bar{animation:fadeInUp .8s ease-out .4s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:40px;padding:24px}.course-stat-item{align-items:center;color:#fff;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;gap:12px}.course-stat-item .material-icons{color:#fbbc04;font-size:24px}.course-library-cta{animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.course-library-cta .btn-primary,.course-library-cta .btn-secondary{flex:0 0 auto;min-width:auto;white-space:nowrap}.trust-bar{background:#fff;background:var(--card-bg);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);border-top:1px solid #dadce0;border-top:1px solid var(--border);padding:40px 24px}.trust-container{align-items:center;display:flex;gap:40px;justify-content:center;margin:0 auto;max-width:1400px}.trust-label{color:#666;font-size:14px;font-weight:500}.trust-logos{gap:40px}.trust-logo,.trust-logos{align-items:center;display:flex}.trust-logo{background:#f8f9fa;background:var(--hover);border-radius:8px;color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.trust-logo:hover{background:#f1f3f4;background:var(--nav-hover);box-shadow:0 4px 8px #00000014;box-shadow:0 4px 8px var(--shadow);transform:translateY(-2px)}.trust-logo .material-icons{color:#1a73e8;color:var(--accent);font-size:20px}.section-container{margin:0 auto;max-width:1400px;padding:80px 24px}.section-header{margin-bottom:60px;text-align:center}.section-title{color:var(--text);font-size:42px;font-weight:400;margin-bottom:16px}.section-subtitle{color:#5f6368;color:var(--text-secondary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;margin:0 auto;max-width:600px}.features-section{background:#fff;background:var(--bg)}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:32px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-4px)}.feature-icon{align-items:center;border-radius:12px;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.feature-icon .material-icons{font-size:32px}.feature-title{color:#212121;color:var(--text);font-size:22px;font-weight:500;margin-bottom:12px}.feature-description,.feature-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.feature-description{color:#5f6368;color:var(--text-secondary);font-size:15px;line-height:1.6}.how-it-works-section{background:#f8f9fa;background:var(--hover)}.steps-container{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;position:relative}.step-item{flex:1 1;min-width:180px;position:relative;text-align:center}.step-number{background:#1a73e8;background:var(--accent);border-radius:50%;color:#fff;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:600;height:48px;width:48px}.step-icon,.step-number{align-items:center;display:flex;justify-content:center;margin:0 auto 16px}.step-icon{background:#1a73e81a;border-radius:12px;color:#1a73e8;color:var(--accent);height:64px;width:64px}.step-icon .material-icons{font-size:32px}.step-title{color:#212121;color:var(--text);font-size:18px;font-weight:500;margin-bottom:8px}.step-desc,.step-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.step-desc{color:#5f6368;color:var(--text-secondary);font-size:14px}.step-arrow{color:#1a73e8;color:var(--accent);position:absolute;right:-20px;top:50%;transform:translateY(-50%)}[dir=rtl] .step-arrow{left:-20px;right:auto}.step-arrow .material-icons{font-size:24px}.testimonials-section{background:#fff;background:var(--bg)}.testimonials-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.testimonial-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.testimonial-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-4px)}.testimonial-rating{display:flex;gap:4px;margin-bottom:16px}.testimonial-rating .material-icons{color:#ffc107;font-size:20px}.testimonial-quote{color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-style:italic;line-height:1.6;margin-bottom:24px}.testimonial-author{align-items:center;display:flex;gap:12px}.author-avatar{align-items:center;background:#f9f9f9;border-radius:50%;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.author-name{color:#212121;color:var(--text);font-size:16px;font-weight:500}.author-name,.author-role{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.author-role{color:#5f6368;color:var(--text-secondary);font-size:14px}.why-choose-section{background:#fff;background:var(--bg);padding:80px 24px}.why-choose-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:60px}.why-choose-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:40px 30px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.why-choose-card:hover{border-color:#1a73e8;border-color:var(--accent);box-shadow:0 8px 24px #0000001f;box-shadow:0 8px 24px var(--shadow-hover);transform:translateY(-8px)}.why-choose-icon{align-items:center;background:linear-gradient(135deg,#1a73e8,#4285f4);background:linear-gradient(135deg,var(--accent) 0,#4285f4 100%);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;transition:all .3s ease;width:80px}.why-choose-card:hover .why-choose-icon{box-shadow:0 8px 20px #1a73e866;transform:scale(1.1)}.why-choose-icon .material-icons{color:#fff;font-size:40px}.why-choose-title{color:#212121;color:var(--text);font-size:22px;font-weight:600;margin-bottom:16px}.why-choose-desc,.why-choose-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.why-choose-desc{color:#5f6368;color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0}.pricing-section{background:#f8f9fa;background:var(--hover)}.pricing-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.pricing-card{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-4px)}.pricing-card.featured{border:2px solid #1a73e8;border:2px solid var(--accent);transform:scale(1.05)}.pricing-badge{background:#1a73e8;background:var(--accent);border-radius:20px;color:#fff;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;left:50%;padding:6px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-header{margin-bottom:32px;text-align:center}.pricing-name{color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500;margin-bottom:16px}.pricing-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price-amount{color:#1a73e8;color:var(--accent);font-size:48px;font-weight:600}.price-amount,.price-period{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.price-period{color:#5f6368;color:var(--text-secondary);font-size:18px}.pricing-discount{color:#2ecc71;font-size:14px;font-weight:500;margin-top:8px}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{align-items:center;color:#212121;color:var(--text);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;gap:12px;padding:12px 0}.pricing-features .material-icons{color:#34a853;color:var(--success);font-size:20px}.pricing-note{font-size:12px;margin-top:16px;text-align:center}.pricing-guarantee,.pricing-note{color:#5f6368;color:var(--text-secondary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.pricing-guarantee{align-items:center;display:flex;font-size:14px;gap:8px;justify-content:center}.pricing-guarantee .material-icons{color:#34a853;color:var(--success)}.faq-section{background:#fff;background:var(--bg)}.faq-list{margin:0 auto;max-width:800px}.faq-item{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);margin-bottom:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-hover)}.faq-question{align-items:center;color:#212121;color:var(--text);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:500;gap:12px;margin-bottom:12px}.faq-question .material-icons{color:#1a73e8;color:var(--accent)}.faq-answer{color:#5f6368;color:var(--text-secondary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6;padding-left:36px}.cta-section{background:linear-gradient(135deg,#1a73e8,#1557b0);background:linear-gradient(135deg,var(--accent) 0,#1557b0 100%);color:#fff;padding:80px 24px;text-align:center}.cta-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px}.cta-title{font-size:42px;font-weight:400;margin-bottom:16px}.cta-subtitle,.cta-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.cta-subtitle{font-size:20px;margin-bottom:32px;opacity:.9}.cta-container .btn-primary{display:block;margin:0 auto}.cta-note{font-size:14px;margin-top:24px;opacity:.8}.login-section{background:#f8f9fa;background:var(--hover);padding:80px 24px}.login-container{margin:0 auto;max-width:500px}.login-box{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:40px}.login-title{color:#212121;color:var(--text);font-size:32px;font-weight:400;margin-bottom:8px}.login-subtitle,.login-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;text-align:center}.login-subtitle{color:#5f6368;color:var(--text-secondary);font-size:16px;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:20px}.input-group .material-icons{color:#666}.input-group input{color:var(--text)}.forgot-password-link{margin-bottom:8px;margin-top:12px;text-align:center}.forgot-password-link a{color:#1a73e8;color:var(--accent,#1a73e8);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;text-decoration:none;transition:all .2s}.forgot-password-link a:hover{color:#1557b0;text-decoration:underline}.login-footer{color:#5f6368;color:var(--text-secondary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;margin-top:16px;text-align:center}.login-footer a{color:#1a73e8;color:var(--accent);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.landing-footer{background:#333;color:#fff;padding:60px 24px 24px}.footer-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto 40px;max-width:1400px}.footer-logo{align-items:center;color:#1a73e8;color:var(--accent);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500;gap:8px;margin-bottom:16px}.footer-logo .material-icons{font-size:28px}.footer-logo .landing-logo-img{display:block;height:36px;object-fit:contain;width:auto}.footer-description{color:#999;font-size:14px;line-height:1.6}.footer-description,.footer-section h4{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.footer-section h4{font-size:16px;font-weight:500;margin-bottom:16px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#999;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#1a73e8;color:var(--accent)}.footer-bottom{align-items:center;border-top:1px solid #444;color:#999;display:flex;font-size:14px;justify-content:space-between;margin:0 auto;max-width:1400px;padding-top:24px}.footer-links{display:flex;gap:24px}.footer-links a{color:#999;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#1a73e8;color:var(--accent)}@media (max-width:1024px){.hero-section-fullscreen{min-height:80vh;padding-bottom:70px;padding-top:75px}.hero-content-overlay{max-height:calc(100vh - 145px);padding:30px 20px}.course-library-hero{min-height:auto;padding:80px 24px 60px}.course-library-title{font-size:42px}.course-library-subtitle{font-size:18px}.course-features-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.course-stats-bar{flex-direction:column;gap:16px;text-align:center}.hero-title-fullscreen{font-size:48px}.hero-subtitle-fullscreen{font-size:18px}.hero-stats-fullscreen{gap:24px;grid-template-columns:repeat(2,1fr);padding:24px}.stat-number-fullscreen{font-size:32px}.features-grid,.pricing-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.steps-container{flex-direction:column}.step-arrow{display:none}.footer-container{grid-template-columns:1fr 1fr}}.back-to-top{align-items:center;animation:fadeInUp .5s ease-out;background:#1a73e8;background:var(--accent);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #1a73e866;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:999}.back-to-top:hover{background:#1557b0;box-shadow:0 6px 16px #1a73e880;transform:translateY(-3px)}.back-to-top .material-icons{font-size:24px}@media (max-width:768px){.nav-menu{background:#fff;background:var(--nav-bg);box-shadow:0 4px 20px #0000001a;flex-direction:column;gap:0;left:0;padding:20px;position:fixed;right:0;top:75px;transform:translateX(-100%);transition:transform .3s ease;z-index:999}.nav-menu.open{transform:translateX(0)}.nav-menu a{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);padding:16px 0;text-align:left;width:100%}.nav-menu a:last-child{border-bottom:none}.mobile-menu-toggle{display:block}.landing-language-switcher{order:-1}.landing-language-switcher .language-switcher-trigger{font-size:12px;padding:6px 10px}.hero-section-fullscreen{display:block;height:100vh;margin-bottom:0;min-height:100vh;padding:75px 0 0}.trust-bar{border-top:none;margin-top:0;padding:20px 16px}.section-container{padding:40px 16px}.hero-background-container{height:100%;left:0;position:absolute;top:0;width:100%}.hero-background-image.mobile-single-image{display:block!important;opacity:1!important;z-index:2}.hero-content-overlay{height:100%;left:0;max-height:none;opacity:0;padding:40px 16px;pointer-events:none;position:absolute;top:0;transform:none;visibility:hidden;width:100%}.hero-content-overlay.active{opacity:1!important;pointer-events:all!important;visibility:visible!important}.hero-content-overlay:not(.active){opacity:0!important;pointer-events:none!important;visibility:hidden!important}.hero-title-fullscreen{font-size:36px;padding:0 16px}.hero-subtitle-fullscreen{font-size:16px;padding:0 16px}.hero-stats-fullscreen{gap:16px;grid-template-columns:repeat(2,1fr);margin:16px;padding:20px}.stat-number-fullscreen{font-size:28px}.hero-cta-fullscreen{flex-direction:column;padding:0 16px;width:100%}.hero-cta-fullscreen .btn-primary,.hero-cta-fullscreen .btn-secondary{width:100%}.knowledge-tip{margin:16px;padding:12px 16px}.knowledge-tip-content{font-size:13px}.hero-indicators{bottom:20px}.hero-background-image:not(:first-child){display:none}.course-library-hero{padding:60px 16px 40px}.course-library-title{font-size:32px;margin-bottom:16px}.course-library-subtitle{font-size:16px}.course-features-grid{gap:20px;grid-template-columns:1fr;margin-bottom:30px}.course-feature-card{padding:24px 16px}.course-stats-bar{flex-direction:column;gap:12px;margin-bottom:30px;padding:20px}.course-stat-item{font-size:14px;justify-content:center}.course-library-cta{flex-direction:column;padding:0 16px;width:100%}.course-library-cta .btn-primary,.course-library-cta .btn-secondary{width:100%}.hero-subtitle{font-size:18px}.hero-stats{grid-template-columns:1fr}.hero-cta{flex-direction:column}.features-grid,.pricing-grid,.testimonials-grid{grid-template-columns:1fr}.section-title{font-size:32px}.footer-container,.why-choose-grid{grid-template-columns:1fr}.why-choose-grid{gap:20px}.why-choose-card{padding:30px 20px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}:root{--bg:#fff;--text:#212121;--accent:#1a73e8;--text-secondary:#5f6368;--border:#dadce0;--hover:#f8f9fa;--success:#34a853;--warning:#fbbc04;--error:#ea4335;--card-bg:#fff;--nav-bg:#fff;--nav-text:#212121;--nav-hover:#f1f3f4;--shadow:#00000014;--shadow-hover:#0000001f}.signup-page{background-color:#fff;background-color:var(--bg);color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;width:100%}.landing-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #00000014;left:0;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:1000}.landing-navbar.scrolled{box-shadow:0 4px 20px #0000001a}.navbar-container{height:75px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.logo,.navbar-container{align-items:center;display:flex}.logo{cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;gap:10px;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo .material-icons{color:#1a73e8;color:var(--accent);font-size:28px}.logo span:last-child{color:#212121;color:var(--text);font-size:24px;font-weight:500}.nav-menu{align-items:center;display:flex;gap:32px}.nav-menu a{color:#333;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-menu a:hover{color:#1a73e8;color:var(--accent)}.nav-actions{align-items:center;display:flex;gap:12px}.btn-login{background:#0000;border:2px solid #1a73e8;border:2px solid var(--accent);border-radius:8px;color:#1a73e8;color:var(--accent);cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-login:hover{background:#1a73e81a}.btn-primary{background:var(--accent);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;padding:10px 24px;transition:all .3s ease}.btn-primary:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-2px)}.btn-primary.full-width{font-size:16px;justify-content:center;padding:14px 24px}.btn-primary:disabled{transform:none}.signup-section{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8f0fe);display:flex;justify-content:center;min-height:100vh;padding:150px 24px 80px}.signup-container{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.signup-box{animation:fadeInUp .6s ease-out;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px #00000014;box-shadow:0 4px 20px var(--shadow);padding:50px 40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.signup-header{margin-bottom:40px;text-align:center}.signup-icon{align-items:center;background:linear-gradient(135deg,#1a73e8,#4285f4);background:linear-gradient(135deg,var(--accent) 0,#4285f4 100%);border-radius:50%;box-shadow:0 4px 16px #1a73e84d;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.signup-icon .material-icons{color:#fff;font-size:40px}.signup-box h2{color:#212121;color:var(--text);font-size:32px;font-weight:400;margin-bottom:12px}.signup-box h2,.signup-subtitle{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.signup-subtitle{color:#5f6368;color:var(--text-secondary);font-size:16px}.signup-form{display:flex;flex-direction:column;gap:20px}.error-message{border:1px solid #ea4335;border:1px solid var(--error);color:var(--error);gap:12px;padding:14px 16px}.input-group{background:var(--hover);border:1px solid var(--border);padding:14px 16px}.input-group:focus-within{background:var(--card-bg);border-color:var(--accent)}.input-group .material-icons{color:var(--text-secondary);flex-shrink:0}.input-group input,.input-group select{background:#0000;border:none;color:#212121;color:var(--text);flex:1 1;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;outline:none}.input-group input::placeholder{color:var(--text-secondary)}.input-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%235f6368' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}.input-group select option{background:#fff;background:var(--card-bg);color:#212121;color:var(--text);padding:10px}.signup-divider{align-items:center;color:#5f6368;color:var(--text-secondary);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;gap:16px;margin:10px 0}.signup-divider:after,.signup-divider:before{background:#dadce0;background:var(--border);content:"";flex:1 1;height:1px}.signup-google-wrap{align-items:center;display:flex;flex-direction:column;gap:8px;margin:8px 0}.signup-google-loading{font-size:14px;margin:0}.login-link,.signup-google-loading{color:#5f6368;color:var(--text-secondary)}.login-link{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;margin-top:10px;text-align:center}.login-link a{color:#1a73e8;color:var(--accent);font-weight:500;text-decoration:none;transition:all .3s ease}.login-link a:hover{color:#1557b0;text-decoration:underline}.signup-terms{color:#5f6368;color:var(--text-secondary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;margin-top:20px;text-align:center}.signup-terms a{color:#1a73e8;color:var(--accent);text-decoration:none;transition:all .3s ease}.signup-terms a:hover{text-decoration:underline}.signup-benefits{animation:fadeInRight .6s ease-out .2s both;background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px #00000014;box-shadow:0 4px 20px var(--shadow);padding:40px;position:-webkit-sticky;position:sticky;top:100px}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.signup-benefits h3{color:#212121;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:400;margin-bottom:30px}.benefits-list{display:flex;flex-direction:column;gap:24px}.benefit-item{align-items:flex-start;display:flex;gap:16px}.benefit-item .material-icons{color:#1a73e8;color:var(--accent);flex-shrink:0;font-size:28px;margin-top:4px}.benefit-item strong{color:#212121;color:var(--text);display:block;font-size:16px;font-weight:600;margin-bottom:4px}.benefit-item p,.benefit-item strong{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.benefit-item p{color:#5f6368;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.password-strength-meter{background:#f8f9fa;background:var(--hover,#f8f9fa);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;margin-top:12px;padding:16px;transition:all .3s ease}.password-strength-bar-container{background:#dadce0;background:var(--border,#dadce0);border-radius:2px;height:4px;margin-bottom:12px;overflow:hidden;width:100%}.password-strength-bar{border-radius:2px;height:100%;transition:all .3s ease}.password-strength-label{align-items:center;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:6px;margin-bottom:12px}.password-strength-label .material-icons{font-size:18px}.password-requirements{margin-top:12px}.password-requirements .requirements-title{color:#5f6368;color:var(--text-secondary,#5f6368);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;margin-bottom:8px}.password-requirements li{font-size:13px;transition:color .2s ease}.password-requirements li .material-icons{color:#ea4335;color:var(--error,#ea4335);font-size:16px;transition:color .2s ease}.password-requirements li.met,.password-requirements li.met .material-icons{color:#34a853;color:var(--success,#34a853)}@media (max-width:1024px){.signup-container{gap:40px;grid-template-columns:1fr}.signup-benefits{position:relative;top:0}}@media (max-width:768px){.signup-section{padding:120px 16px 60px}.signup-box{padding:40px 24px}.signup-box h2{font-size:28px}.signup-icon{height:60px;width:60px}.signup-icon .material-icons{font-size:32px}.nav-menu{display:none}.signup-benefits{padding:30px 20px}}.forgot-password-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.forgot-password-container{max-width:480px;position:relative;width:100%}.forgot-password-box{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;box-shadow:0 4px 24px #0000001f;padding:40px;position:relative}.forgot-password-header{margin-bottom:32px;position:relative;text-align:center}.back-button{align-items:center;background:#fffffff2;border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#5f6368;color:var(--text-secondary,#5f6368);cursor:pointer;display:flex;height:40px;justify-content:center;left:-60px;padding:0;position:absolute;top:0;transition:all .2s;width:40px;z-index:10}.back-button:hover{background:#fff;background:var(--card-bg,#fff);box-shadow:0 2px 8px #00000026;color:#212121;color:var(--text,#212121);transform:translateX(-2px)}.back-button .material-icons{display:block;font-size:24px}.forgot-password-title{color:#212121;color:var(--text,#212121);font-size:28px;font-weight:400;margin-bottom:8px}.forgot-password-subtitle,.forgot-password-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.forgot-password-subtitle{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.forgot-password-footer{margin-top:20px;text-align:center}.forgot-password-footer a{align-items:center;color:#1a73e8;color:var(--accent,#1a73e8);display:inline-flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;gap:6px;text-decoration:none;transition:color .2s}.forgot-password-footer a .material-icons{display:block;font-size:18px}.forgot-password-footer a:hover{color:#1557b0;text-decoration:underline}.error-message .material-icons{display:block;flex-shrink:0;font-size:20px}.success-message{flex-direction:column;padding:0}.success-icon{align-items:center;display:flex;justify-content:center;margin-bottom:24px}.success-icon .material-icons{display:block}.success-message h2{margin:0 0 12px}.success-message p{margin:0 0 24px;max-width:100%}.success-message strong{color:#212121;color:var(--text,#212121);font-weight:500}.success-actions{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:24px;width:100%}.resend-link{color:#5f6368;color:var(--text-secondary,#5f6368);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;margin:0;text-align:center}.resend-link a{color:#1a73e8;color:var(--accent,#1a73e8);font-weight:500;text-decoration:none}.resend-link a:hover{text-decoration:underline}@media (max-width:768px){.forgot-password-box{padding:24px}.forgot-password-title{font-size:24px}.back-button{background:#fffffff2;left:0;top:-50px}.forgot-password-container{padding-top:50px}}.reset-password-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-container{max-width:480px;width:100%}.reset-password-box{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;box-shadow:0 4px 24px #0000001f;padding:40px}.reset-password-header{margin-bottom:32px;text-align:center}.reset-password-title{color:#212121;color:var(--text,#212121);font-size:28px;font-weight:400;margin-bottom:8px}.reset-password-subtitle,.reset-password-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.reset-password-subtitle{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;line-height:1.5}.reset-password-form{display:flex;flex-direction:column;gap:20px}.input-group{align-items:center;background:#f8f9fa;background:var(--hover,#f8f9fa);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group:focus-within{background:#fff;background:var(--card-bg,#fff);border-color:#1a73e8;border-color:var(--accent,#1a73e8);box-shadow:0 0 0 3px #1a73e81a}.input-group .material-icons{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:20px}.input-group input{background:#0000;border:none;color:#212121;color:var(--text,#212121);flex:1 1;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;outline:none}.input-group input::placeholder{color:#5f6368;color:var(--text-secondary,#5f6368)}.password-requirements{background:#f8f9fa;background:var(--hover,#f8f9fa);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;padding:16px}.requirements-title{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;margin-bottom:8px}.password-requirements ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.password-requirements li{align-items:center;color:#5f6368;color:var(--text-secondary,#5f6368);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;gap:8px}.password-requirements li:before{color:#5f6368;color:var(--text-secondary,#5f6368);content:"○";font-size:14px}.password-requirements li.valid,.password-requirements li.valid:before{color:#34a853;color:var(--success,#34a853)}.password-requirements li.valid:before{content:"✓";font-weight:700}.btn-primary{align-items:center;background:#1a73e8;background:var(--accent,#1a73e8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled){background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary.full-width{width:100%}.reset-password-footer{margin-top:20px;text-align:center}.reset-password-footer a{align-items:center;color:#1a73e8;color:var(--accent,#1a73e8);display:inline-flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;gap:6px;text-decoration:none;transition:color .2s}.reset-password-footer a:hover{color:#1557b0;text-decoration:underline}.error-message{align-items:center;background:#ea43351a;border-radius:8px;color:#ea4335;color:var(--error,#ea4335);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;gap:8px;padding:12px}.success-message{padding:20px 0;text-align:center}.success-icon{margin-bottom:20px}.success-icon .material-icons{color:#34a853;color:var(--success,#34a853);font-size:64px}.success-message h2{color:#212121;color:var(--text,#212121);font-size:24px;font-weight:500}.success-message h2,.success-message p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:12px}.success-message p{font-size:14px;line-height:1.6}.redirect-message,.success-message p{color:#5f6368;color:var(--text-secondary,#5f6368)}.redirect-message{font-size:13px;font-style:italic;margin-bottom:24px!important}.error-state{padding:40px 20px;text-align:center}.error-icon{color:#ea4335;color:var(--error,#ea4335);font-size:64px;margin-bottom:20px}.error-state h1{color:#212121;color:var(--text,#212121);font-size:24px;font-weight:500;margin-bottom:12px}.error-state h1,.error-state p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.error-state p{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;margin-bottom:24px}@media (max-width:768px){.reset-password-box{padding:24px}.reset-password-title{font-size:24px}.password-requirements{padding:12px}}.about-page{background-color:var(--bg);color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;width:100%}.about-hero{background:linear-gradient(135deg,var(--accent) 0,#4285f4 100%);color:#fff;padding:150px 24px 80px;text-align:center}.about-hero-content h1{font-size:56px;font-weight:400;margin-bottom:20px}.about-hero-content h1,.about-hero-content p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.about-hero-content p{font-size:22px;margin:0 auto;max-width:800px;opacity:.95}.about-section{background:var(--bg);padding:80px 24px}.about-section.alt{background:var(--hover)}.about-content{margin:0 auto;max-width:900px;text-align:center}.about-content h2{color:var(--text);font-size:42px;font-weight:400;margin-bottom:30px}.about-content h2,.about-content p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.about-content p{color:var(--text-secondary);font-size:18px;line-height:1.8}.about-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:60px}.about-feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px var(--shadow);padding:40px 30px;text-align:center;transition:all .3s ease}.about-feature-card:hover{box-shadow:0 8px 24px var(--shadow-hover);transform:translateY(-8px)}.about-feature-icon{align-items:center;background:linear-gradient(135deg,var(--accent) 0,#4285f4 100%);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.about-feature-icon .material-icons{color:#fff;font-size:40px}.about-feature-card h3{color:var(--text);font-size:22px;font-weight:600;margin-bottom:16px}.about-feature-card h3,.about-feature-card p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.about-feature-card p{color:var(--text-secondary);font-size:16px;line-height:1.6}.about-stats{background:var(--bg);padding:80px 24px}.stats-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px var(--shadow);padding:40px 30px;text-align:center}.stat-number{color:var(--accent);font-size:48px;font-weight:700;margin-bottom:10px}.stat-label,.stat-number{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.stat-label{color:var(--text-secondary);font-size:16px}.about-cta{background:linear-gradient(135deg,var(--accent) 0,#4285f4 100%);color:#fff;padding:80px 24px;text-align:center}.about-cta h2{font-size:42px;font-weight:400;margin-bottom:20px}.about-cta h2,.about-cta p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.about-cta p{font-size:20px;margin-bottom:40px;opacity:.95}@media (max-width:768px){.about-hero-content h1{font-size:36px}.about-hero-content p{font-size:18px}.about-content h2{font-size:32px}.about-features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.contact-page{background-color:var(--bg);color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;width:100%}.contact-hero{background:linear-gradient(135deg,var(--accent) 0,#4285f4 100%);color:#fff;padding:150px 24px 80px;text-align:center}.contact-hero-content h1{font-size:56px;font-weight:400;margin-bottom:20px}.contact-hero-content h1,.contact-hero-content p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.contact-hero-content p{font-size:22px;margin:0 auto;max-width:800px;opacity:.95}.contact-section{background:var(--bg);padding:80px 24px}.contact-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.contact-form-container h2,.contact-info h2{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:400;margin-bottom:30px}.contact-form{gap:24px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-weight:500}.form-group input,.form-group label,.form-group textarea{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px}.form-group input,.form-group textarea{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.success-message{align-items:center;background:#34a8531a;border:1px solid var(--success);border-radius:8px;color:var(--success);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;gap:12px;padding:16px}.success-message .material-icons{font-size:24px}.contact-info{background:var(--hover);border:1px solid var(--border);border-radius:12px;padding:40px}.contact-info-item{display:flex;gap:20px;margin-bottom:40px}.contact-info-item:last-child{margin-bottom:0}.contact-icon{align-items:center;background:var(--accent);border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.contact-icon .material-icons{color:#fff;font-size:24px}.contact-info-item h3{color:var(--text);font-size:20px;font-weight:600;margin-bottom:8px}.contact-info-item h3,.contact-info-item p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.contact-info-item p{color:var(--text-secondary);font-size:16px;margin-bottom:4px}@media (max-width:1024px){.contact-grid{gap:40px;grid-template-columns:1fr}}@media (max-width:768px){.contact-hero-content h1{font-size:36px}.contact-hero-content p{font-size:18px}.contact-info{padding:30px 20px}}.blog-page{background-color:var(--bg);color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;width:100%}.blog-hero{background:linear-gradient(135deg,var(--accent) 0,#4285f4 100%);color:#fff;padding:150px 24px 80px;text-align:center}.blog-hero-content h1{font-size:56px;font-weight:400;margin-bottom:20px}.blog-hero-content h1,.blog-hero-content p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.blog-hero-content p{font-size:22px;margin:0 auto;max-width:800px;opacity:.95}.blog-section{background:var(--bg);padding:80px 24px}.blog-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1400px}.blog-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px var(--shadow);overflow:hidden;transition:all .3s ease}.blog-card:hover{box-shadow:0 8px 24px var(--shadow-hover);transform:translateY(-8px)}.blog-image{align-items:center;background:linear-gradient(135deg,var(--accent) 0,#4285f4 100%);display:flex;height:200px;justify-content:center;width:100%}.blog-emoji{font-size:80px}.blog-content{padding:30px}.blog-meta{display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;gap:16px;margin-bottom:16px}.blog-category{color:var(--accent);font-weight:500}.blog-date{color:var(--text-secondary)}.blog-title{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin-bottom:12px}.blog-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.blog-excerpt,.blog-read-more{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px}.blog-read-more{align-items:center;color:var(--accent);display:inline-flex;font-weight:500;gap:8px;text-decoration:none;transition:all .3s ease}.blog-read-more:hover{color:#1557b0;gap:12px}.blog-read-more .material-icons{font-size:20px}@media (max-width:768px){.blog-hero-content h1{font-size:36px}.blog-hero-content p{font-size:18px}.blog-grid{grid-template-columns:1fr}}.help-center-page{background-color:var(--bg);color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;width:100%}.help-hero{background:linear-gradient(135deg,var(--accent) 0,#4285f4 100%);color:#fff;padding:150px 24px 80px;text-align:center}.help-hero-content h1{font-size:56px;font-weight:400;margin-bottom:20px}.help-hero-content h1,.help-hero-content p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.help-hero-content p{font-size:22px;margin-bottom:40px;opacity:.95}.help-search{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;gap:16px;margin:0 auto;max-width:600px;padding:16px 24px}.help-search .material-icons{color:var(--text-secondary);font-size:24px}.help-search input{border:none;color:var(--text);flex:1 1;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;outline:none}.help-search input::placeholder{color:var(--text-secondary)}.help-categories{background:var(--hover);padding:60px 24px}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.category-card{align-items:center;background:var(--card-bg);border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;gap:12px;padding:30px 20px;transition:all .3s ease}.category-card:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--shadow);transform:translateY(-4px)}.category-card.active{background:#1a73e81a;border-color:var(--accent)}.category-card .material-icons{color:var(--accent);font-size:32px}.category-card span:last-child{color:var(--text);font-size:16px;font-weight:500}.help-articles{background:var(--bg);padding:60px 24px}.articles-list{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:900px}.article-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px var(--shadow);padding:30px;transition:all .3s ease}.article-card:hover{box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.article-title{color:var(--text);font-size:22px;font-weight:600;margin-bottom:12px}.article-content,.article-title{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.article-content{color:var(--text-secondary);font-size:16px;line-height:1.6}.no-results{color:var(--text-secondary);padding:60px 20px;text-align:center}.no-results .material-icons{color:var(--text-secondary);font-size:64px;margin-bottom:20px}.no-results p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px}.help-contact{background:var(--hover);padding:80px 24px}.help-contact-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px var(--shadow);margin:0 auto;max-width:600px;padding:60px 40px;text-align:center}.help-contact-card .material-icons{color:var(--accent);font-size:64px;margin-bottom:24px}.help-contact-card h2{color:var(--text);font-size:32px;font-weight:400;margin-bottom:16px}.help-contact-card h2,.help-contact-card p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.help-contact-card p{color:var(--text-secondary);font-size:18px;margin-bottom:30px}@media (max-width:768px){.help-hero-content h1{font-size:36px}.help-hero-content p{font-size:18px}.categories-grid{grid-template-columns:repeat(2,1fr)}.help-contact-card{padding:40px 20px}}.resources-page{background:#f8f9fa;background:var(--bg,#f8f9fa);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:0}.resources-page .landing-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #00000014;left:0;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:1000}.resources-page .landing-navbar.scrolled{box-shadow:0 4px 20px #0000001a}.resources-page .navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 24px}.resources-page .logo{align-items:center;color:#1a73e8;color:var(--accent,#1a73e8);cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500;gap:8px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.resources-page .logo:hover{transform:scale(1.05)}.resources-page .logo .material-icons{font-size:28px}.resources-page .nav-menu{align-items:center;display:flex;gap:32px}.resources-page .nav-menu a{color:#333;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s ease}.resources-page .nav-menu a.active,.resources-page .nav-menu a:hover{color:#1a73e8;color:var(--accent,#1a73e8)}.resources-page .mobile-menu-toggle{background:none;border:none;border-radius:8px;color:#212121;color:var(--nav-text,#212121);cursor:pointer;display:none;padding:8px;transition:all .3s ease}.resources-page .mobile-menu-toggle:hover{background:#f1f3f4;background:var(--nav-hover,#f1f3f4)}.resources-page .mobile-menu-toggle .material-icons{font-size:28px}.resources-page .nav-actions{align-items:center;display:flex;gap:12px}.resources-page .btn-login{background:#0000;border:2px solid #1a73e8;border:2px solid var(--accent,#1a73e8);border-radius:8px;color:#1a73e8;color:var(--accent,#1a73e8);cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.resources-page .btn-login:hover,.resources-page .btn-primary{background:#1a73e8;background:var(--accent,#1a73e8);color:#fff}.resources-page .btn-primary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;gap:8px;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.resources-page .btn-primary:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-2px)}@media (max-width:768px){.resources-page .nav-menu{background:#fff;box-shadow:0 4px 20px #0000001a;flex-direction:column;left:0;padding:20px;position:fixed;right:0;top:70px;transform:translateX(-100%);transition:transform .3s ease}.resources-page .nav-menu.open{transform:translateX(0)}.resources-page .mobile-menu-toggle{display:block}}.resources-container{margin:0 auto;max-width:1200px;padding:40px 20px}.resources-header{margin-bottom:50px;padding:40px 20px;text-align:center}.resources-header,.resources-title{color:#212121;color:var(--text,#212121)}.resources-title{align-items:center;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:42px;font-weight:600;gap:15px;justify-content:center;margin:0 0 20px}.resources-title .material-icons{color:#1a73e8;color:var(--accent,#1a73e8);font-size:42px}.resources-subtitle{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.levels-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:50px}.level-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm,0 1px 3px #0000001f);cursor:pointer;padding:30px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.level-card:hover{box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-md,0 2px 8px #0000001f)}.level-card.active,.level-card:hover{border-color:#1a73e8;border-color:var(--accent,#1a73e8);transform:translateY(-2px)}.level-card.active{background:#1a73e8;background:var(--accent,#1a73e8);box-shadow:0 4px 12px #1a73e84d;box-shadow:var(--shadow-lg,0 4px 12px #1a73e84d);color:#fff}.level-icon{color:#1a73e8;color:var(--accent,#1a73e8);font-size:56px;margin-bottom:15px;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.level-card.active .level-icon{color:#fff}.level-card h3{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:22px;font-weight:500;margin:0 0 10px}.level-card.active h3{color:#fff}.level-card p{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;margin:0}.level-card.active p{color:#ffffffe6}.years-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm,0 1px 3px #0000001f);margin-bottom:30px;padding:30px}.exam-corrections{border-top:1px solid #e0e0e0}.info-banner{align-items:flex-start;background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm,0 1px 3px #0000001f);display:flex;gap:15px;padding:20px}.info-banner .material-icons{color:#1a73e8;color:var(--accent,#1a73e8);flex-shrink:0;font-size:28px}.info-banner div{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;line-height:1.6}.info-banner strong{color:#212121;color:var(--text,#212121)}@media (max-width:768px){.resources-title{font-size:32px}.resources-subtitle{font-size:16px}.exams-grid,.levels-grid{grid-template-columns:1fr}.exam-actions{flex-direction:column}.btn-download-pdf,.btn-download-word{width:100%}}.business-page{background:#f8f9fa;background:var(--bg,#f8f9fa);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:0}.business-page .landing-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #00000014;left:0;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:1000}.business-page .landing-navbar.scrolled{box-shadow:0 4px 20px #0000001a}.business-page .navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 24px}.business-page .logo{align-items:center;color:#1a73e8;color:var(--accent,#1a73e8);cursor:pointer;display:flex;font-size:24px;font-weight:500;gap:8px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.business-page .logo:hover{transform:scale(1.05)}.business-page .logo .material-icons{font-size:28px}.business-page .nav-menu{align-items:center;display:flex;gap:32px}.business-page .nav-menu a{color:#333;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s ease}.business-page .nav-menu a.active,.business-page .nav-menu a:hover{color:#1a73e8;color:var(--accent,#1a73e8)}.business-page .nav-actions{align-items:center;display:flex;gap:12px}.business-page .btn-login{background:#0000;border:2px solid #1a73e8;border:2px solid var(--accent,#1a73e8);border-radius:8px;color:#1a73e8;color:var(--accent,#1a73e8);cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .3s ease}.business-page .btn-login:hover,.business-page .btn-primary{background:#1a73e8;background:var(--accent,#1a73e8);color:#fff}.business-page .btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .3s ease}.business-page .btn-primary:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-2px)}.business-page .mobile-menu-toggle{background:none;border:none;border-radius:8px;color:#212121;cursor:pointer;display:none;padding:8px}@media (max-width:768px){.business-page .nav-menu{background:#fff;box-shadow:0 4px 20px #0000001a;flex-direction:column;left:0;padding:20px;position:fixed;right:0;top:70px;transform:translateX(-100%);transition:transform .3s ease}.business-page .nav-menu.open{transform:translateX(0)}.business-page .mobile-menu-toggle{display:block}}.business-container{margin:0 auto;max-width:1000px;padding:40px 20px}.business-header{color:#212121;margin-bottom:48px;padding:40px 20px;text-align:center}.business-title{align-items:center;color:#212121;display:flex;flex-wrap:wrap;font-size:38px;font-weight:600;gap:15px;justify-content:center;margin:0 0 16px}.business-title .material-icons{color:#1a73e8;color:var(--accent,#1a73e8);font-size:42px}.business-subtitle{color:#5f6368;font-size:18px;line-height:1.6;margin:0 auto;max-width:560px}.business-cards{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:48px}.business-card{background:#fff;border:2px solid #dadce0;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:36px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.business-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.business-card.support{background:linear-gradient(180deg,#f0f7ff,#fff 30%);border-color:#1a73e8}.business-card.support:hover{border-color:#1557b0;box-shadow:0 8px 24px #1a73e833}.business-card.accredited{background:linear-gradient(180deg,#e8f5ef,#fff 30%);border-color:#0d8050}.business-card.accredited:hover{border-color:#0a5c3a;box-shadow:0 8px 24px #0d805033}.business-card-icon{display:block;font-size:56px;margin-bottom:16px}.business-card.support .business-card-icon{color:#1a73e8}.business-card.accredited .business-card-icon{color:#0d8050}.business-card h3{color:#212121;font-size:22px;font-weight:600;margin:0 0 6px}.business-card-fr{color:#5f6368;font-size:14px;font-style:italic;margin:0 0 12px}.business-card-desc{color:#5f6368;font-size:15px;line-height:1.5;margin:0 0 24px}.business-card-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.business-card.support .business-card-btn{background:#1a73e8;color:#fff}.business-card.support .business-card-btn:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e859;transform:translateY(-2px)}.business-card.accredited .business-card-btn{background:#0d8050;color:#fff}.business-card.accredited .business-card-btn:hover{background:#0a5c3a;box-shadow:0 4px 12px #0d805059;transform:translateY(-2px)}.business-card-login-link{background:none;border:none;color:#5f6368;cursor:pointer;display:block;font-family:inherit;font-size:14px;margin-top:16px;padding:0;text-decoration:underline;transition:color .2s ease}.business-card-login-link:hover{color:#1a73e8}.business-card.accredited .business-card-login-link:hover{color:#0d8050}.business-login-section{animation:business-login-lift .4s ease-out;background:#fff;border:2px solid #dadce0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:32px;padding:32px}@keyframes business-login-lift{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.business-login-title{color:#212121;font-size:22px;font-weight:600;margin:0 0 24px;text-align:center}.business-login-form{margin:0 auto;max-width:400px}.business-login-error{align-items:center;background:#fce8e6;border-radius:8px;color:#c5221f;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.business-login-error .material-icons{flex-shrink:0;font-size:20px}.business-login-label{color:#3c4043;display:block;font-size:14px;font-weight:500;margin-bottom:6px;margin-top:16px}.business-login-label:first-of-type{margin-top:0}.business-login-input{border:1px solid #dadce0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px 14px;width:100%}.business-login-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833;outline:none}.business-login-submit{background:#1a73e8;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;margin-top:24px;padding:14px 24px;transition:all .2s ease;width:100%}.business-login-submit:hover:not(:disabled){background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-1px)}.business-login-submit:disabled{cursor:not-allowed;opacity:.7}.school-signup-page{background:#f0f7ff;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.school-signup-page.accredited{background:#e8f5ef}.school-signup-nav{align-items:center;background:#fffffff2;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;padding:16px 24px}.school-signup-nav .back-link{align-items:center;color:#1a73e8;display:inline-flex;font-size:15px;font-weight:500;gap:6px;text-decoration:none}.school-signup-nav .back-link:hover{text-decoration:underline}.school-signup-nav .logo-link{align-items:center;color:#1a73e8;display:inline-flex;font-size:18px;font-weight:600;gap:8px;text-decoration:none}.school-signup-nav .logo-link .material-icons{font-size:24px}.school-signup-container{margin:0 auto;max-width:520px;padding:40px 20px 60px}.school-signup-title{color:#212121;font-size:28px;font-weight:600;margin:0 0 8px;text-align:center}.school-signup-subtitle{color:#5f6368;font-size:15px;line-height:1.5;margin:0 0 32px;text-align:center}.school-signup-form{background:#fff;border:1px solid #dadce0;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:32px}.school-signup-error{align-items:center;background:#fce8e6;border-radius:8px;color:#c5221f;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.school-signup-error .material-icons{flex-shrink:0;font-size:20px}.school-signup-label{color:#3c4043;display:block;font-size:14px;font-weight:500;margin-bottom:6px;margin-top:16px}.school-signup-label:first-of-type{margin-top:0}.school-signup-input{border:1px solid #dadce0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px 14px;width:100%}.school-signup-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833;outline:none}.school-signup-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.school-signup-chips .chip{background:#fff;border:1px solid #dadce0;border-radius:20px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.school-signup-chips .chip:hover{border-color:#1a73e8;color:#1a73e8}.school-signup-chips .chip.active{background:#1a73e8;border-color:#1a73e8;color:#fff}.school-signup-checkbox-label{align-items:center;color:#3c4043;cursor:pointer;display:flex;font-size:14px;gap:10px;margin-bottom:24px;margin-top:20px}.school-signup-checkbox-label input{accent-color:#1a73e8;height:18px;width:18px}.school-signup-submit{background:#1a73e8;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.school-signup-submit:hover:not(:disabled){background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-1px)}.school-signup-submit:disabled{cursor:not-allowed;opacity:.7}.school-signup-submit.accredited-btn{background:#0d8050}.school-signup-submit.accredited-btn:hover:not(:disabled){background:#0a5c3a;box-shadow:0 4px 12px #0d80504d}.school-dashboard{background:#f8f9fa;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.school-dashboard-loading{align-items:center;color:#5f6368;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.school-dashboard-loading .material-icons.spin{animation:school-dash-spin 1s linear infinite;color:#1a73e8;font-size:48px}@keyframes school-dash-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.school-dashboard-sidebar{background:#fff;border-right:1px solid #dadce0;display:flex;flex-direction:column;flex-shrink:0;min-height:100vh;width:260px}.accredited-dashboard .school-dashboard-sidebar{border-left:4px solid #0d8050}.support-dashboard .school-dashboard-sidebar{border-left:4px solid #1a73e8}.school-dashboard-sidebar-header{align-items:center;color:#1a73e8;display:flex;font-size:20px;font-weight:600;gap:8px;padding:20px 20px 12px}.school-dashboard-sidebar-header .material-icons{font-size:28px}.school-dashboard-school-name{color:#212121;font-size:15px;font-weight:600;padding:0 20px 4px;word-break:break-word}.school-dashboard-school-type{color:#5f6368;font-size:13px;margin:0;padding:0 20px 16px}.school-dashboard-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:0 12px}.school-dashboard-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#3c4043;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:background .2s ease,color .2s ease}.school-dashboard-nav-btn .material-icons{font-size:22px;opacity:.8}.school-dashboard-nav-btn:hover{background:#f1f3f4;color:#212121}.school-dashboard-nav-btn.active{background:#e8f0fe;color:#1a73e8}.accredited-dashboard .school-dashboard-nav-btn.active{background:#e6f4ea;color:#0d8050}.school-dashboard-sidebar-footer{border-top:1px solid #dadce0;display:flex;flex-direction:column;gap:8px;padding:16px 20px}.school-dashboard-link{color:#1a73e8;font-size:14px;text-decoration:none}.school-dashboard-link:hover{text-decoration:underline}.school-dashboard-logout{align-items:center;background:none;border:none;color:#5f6368;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:8px;padding:8px 0}.school-dashboard-logout:hover{color:#c5221f}.school-dashboard-logout .material-icons{font-size:20px}.school-dashboard-main{flex:1 1;overflow-y:auto;padding:24px 32px 48px}.school-dashboard-header{margin-bottom:28px}.school-dashboard-header h1{color:#212121;font-size:26px;font-weight:600;margin:0 0 4px}.school-dashboard-header p{color:#5f6368;font-size:15px;margin:0}.school-dashboard-section h2{color:#212121;font-size:20px;font-weight:600;margin:0 0 20px}.school-dashboard-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:24px}.school-dashboard-card{background:#fff;border:1px solid #dadce0;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px;text-align:center;transition:box-shadow .2s ease}.school-dashboard-card:hover{box-shadow:0 2px 8px #0000001a}.school-dashboard-card .material-icons{color:#1a73e8;font-size:32px;margin-bottom:8px}.accredited-dashboard .school-dashboard-card .material-icons{color:#0d8050}.school-dashboard-card-value{color:#212121;font-size:28px;font-weight:700;line-height:1.2}.school-dashboard-card-label{color:#5f6368;font-size:13px;margin-top:4px}.school-dashboard-placeholder{background:#f8f9fa;border:1px dashed #dadce0;border-radius:8px;color:#5f6368;font-size:15px;line-height:1.6;margin:0;padding:20px}@media (max-width:768px){.school-dashboard{flex-direction:column}.school-dashboard-sidebar{flex-direction:row;flex-wrap:wrap;min-height:auto;padding-bottom:12px;width:100%}.school-dashboard-nav{flex:none;flex-direction:row;flex-wrap:wrap;padding:0 8px;width:100%}.school-dashboard-nav-btn{flex:1 1 auto;min-width:120px}.school-dashboard-main{padding:16px}.school-dashboard-cards{grid-template-columns:repeat(2,1fr)}}.accredited-dashboard-hub{--hub-bg:#f8f9fa;--hub-text:#212121;--hub-accent:#1a73e8;--hub-border:#dadce0;--hub-card-bg:#fff;--hub-shadow:#00000014;--hub-shadow-hover:#0000001f;--hub-nav-hover:#f1f3f4;--hub-text-secondary:#5f6368;background:var(--hub-bg);color:var(--hub-text);display:flex;flex-direction:column;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.accredited-hub-header{align-items:center;background:var(--hub-card-bg);border-bottom:1px solid var(--hub-border);box-shadow:0 2px 10px var(--hub-shadow);display:flex;flex-wrap:wrap;gap:16px 24px;padding:16px 24px}.accredited-hub-brand{align-items:center;color:var(--hub-accent);display:flex;font-size:20px;font-weight:600;gap:8px}.accredited-hub-brand .material-icons{font-size:26px}.accredited-hub-school{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:0}.accredited-hub-school-name{color:var(--hub-text);font-size:16px;font-weight:600;word-break:break-word}.accredited-hub-badge{background:#e6f4ea;border-radius:16px;color:#0d8050;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.accredited-hub-actions{align-items:center;display:flex;gap:12px}.accredited-hub-language{-webkit-margin-end:8px;margin-inline-end:8px}.accredited-hub-back{align-items:center;background:#0000;border:none;border-radius:8px;color:#1a73e8;color:var(--accent,#1a73e8);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;padding:8px 14px}.accredited-hub-back:hover{background:var(--hub-nav-hover)}.accredited-hub-back .material-icons{font-size:20px}.accredited-hub-link{color:var(--hub-accent);font-size:14px;font-weight:500;text-decoration:none}.accredited-hub-link:hover{text-decoration:underline}.accredited-hub-logout{align-items:center;background:var(--hub-card-bg);border:1px solid var(--hub-border);border-radius:8px;color:var(--hub-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:6px;padding:8px 14px}.accredited-hub-logout:hover{background:var(--hub-nav-hover);color:#c5221f}.accredited-hub-logout .material-icons{font-size:20px}.accredited-hub-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:32px 24px}.accredited-hub-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);max-width:900px;width:100%}.accredited-hub-cards-grid-10{gap:20px;grid-template-columns:repeat(4,1fr);max-width:1100px}.accredited-hub-card{align-items:center;background:var(--hub-card-bg);border:1px solid var(--hub-border);border-radius:14px;box-shadow:0 2px 8px var(--hub-shadow);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:12px;justify-content:center;min-height:140px;padding:24px 20px;text-align:center;transition:all .2s ease}.accredited-hub-card:hover{background:#f8fbff;border-color:var(--hub-accent);box-shadow:0 4px 16px var(--hub-shadow-hover)}.accredited-hub-card .accredited-hub-card-icon{color:#1a73e8}.accredited-hub-card-primary:hover,.accredited-hub-card-secondary:hover,.accredited-hub-card-tertiary:hover{background:#e8f0fe;border-color:#1a73e8}.accredited-hub-card-icon{font-size:40px}.accredited-hub-card-label{color:var(--hub-text);font-size:14px;font-weight:600}.accredited-dashboard-section-view .accredited-hub-main{align-items:flex-start;justify-content:flex-start}.accredited-section-page{margin:0 auto;max-width:1200px;width:100%}.accredited-section-page-title{align-items:center;color:var(--hub-text);display:flex;font-size:24px;font-weight:600;gap:12px;margin:0 0 24px}.accredited-section-page-title .material-icons{color:var(--hub-accent);font-size:28px}.accredited-dashboard-section-view .school-dashboard-section{background:var(--hub-card-bg);border:1px solid var(--hub-border);border-radius:12px;box-shadow:0 2px 8px var(--hub-shadow);padding:24px}.school-dashboard-section-students,.school-dashboard-section-teachers{align-items:flex-start;display:flex;justify-content:center}.school-profile-section{max-width:100%;width:100%}.school-profile-section-title{border-bottom:1px solid var(--hub-border);color:var(--hub-text);font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px;text-align:center}.school-profile-form{margin:0 auto;max-width:100%;width:100%}.school-profile-grid{grid-gap:16px 20px;display:grid;gap:16px 20px;grid-template-columns:repeat(4,1fr)}.school-profile-field{display:flex;flex-direction:column;gap:6px}.school-profile-field-full{grid-column:1/-1}.school-profile-field label{color:var(--hub-text);font-size:13px;font-weight:500}.school-profile-field input,.school-profile-field select{background:var(--hub-card-bg);border:1px solid var(--hub-border);border-radius:8px;color:var(--hub-text);font-family:inherit;font-size:14px;padding:10px 12px}.school-profile-field input:focus,.school-profile-field select:focus{border-color:var(--hub-accent);outline:none}.school-profile-submit{background:var(--hub-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:14px;font-weight:600;margin:24px auto 0;padding:12px 32px}.school-profile-submit:hover{opacity:.9}@media (max-width:900px){.school-profile-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.school-profile-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.school-profile-grid{grid-template-columns:1fr}}@media (max-width:900px){.accredited-hub-cards-grid-10{grid-template-columns:repeat(2,1fr);max-width:100%}}@media (max-width:768px){.accredited-hub-header{padding:12px 16px}.accredited-hub-cards{gap:16px;grid-template-columns:repeat(2,1fr);max-width:100%}.accredited-hub-cards-grid-10{gap:14px;grid-template-columns:repeat(2,1fr)}.accredited-hub-card{min-height:120px;padding:20px 14px}.accredited-hub-card-icon{font-size:36px}.accredited-hub-card-label{font-size:13px}.accredited-section-page-title{font-size:20px}}.teachers-module{--tm-control-height:44px;--tm-radius:8px;--tm-content-width:880px;box-sizing:border-box;flex-direction:column;margin-left:auto;margin-right:auto;max-width:var(--tm-content-width);padding:0 24px}.teachers-module,.teachers-module-toolbar{align-items:center;display:flex;width:100%}.teachers-module-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:20px;min-height:var(--tm-control-height)}.teachers-module-search{align-items:center;background:#f8f9fa;border:1px solid #dadce0;border-radius:var(--tm-radius);box-sizing:border-box;display:flex;flex:1 1;gap:8px;height:var(--tm-control-height);min-width:200px;padding:0 14px}.teachers-module-search .material-icons{color:#5f6368;flex-shrink:0;font-size:20px}.teachers-module-search input{background:#0000;border:none;flex:1 1;font-size:14px;height:100%;min-width:0;outline:none}.teachers-module-filters{align-items:center;display:flex;gap:8px}.teachers-module-filters select,.teachers-module-toolbar>select{background:#fff;border:1px solid #dadce0;border-radius:var(--tm-radius);box-sizing:border-box;cursor:pointer;font-size:14px;height:var(--tm-control-height);min-width:120px;padding:0 12px}.teachers-module-add-btn{align-items:center;background:#1a73e8;border:none;border-radius:var(--tm-radius);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:var(--tm-control-height);justify-content:center;padding:0 18px}.teachers-module-add-btn:hover{background:#1557b0}.teachers-module-add-btn .material-icons{font-size:20px}.teachers-module-error{background:#fce8e6;border-radius:var(--tm-radius);color:#c5221f;font-size:14px;gap:8px;height:var(--tm-control-height);margin-bottom:16px;padding:0 14px}.teachers-module-error,.teachers-module-loading{align-items:center;box-sizing:border-box;display:flex;width:100%}.teachers-module-loading{background:#fff;border:1px solid #dadce0;border-radius:var(--tm-radius);color:#5f6368;flex-direction:column;justify-content:center;min-height:200px;padding:48px}.teachers-module-loading .material-icons.spin{animation:teachers-spin 1s linear infinite;font-size:40px}@keyframes teachers-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.teachers-module-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;width:100%}.teachers-module-empty{background:#fff;border:1px solid #dadce0;border-radius:var(--tm-radius);box-sizing:border-box;color:#5f6368;font-size:15px;padding:48px 24px;text-align:center;width:100%}.teachers-module-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));width:100%}.teachers-module-card{background:#fff;border:1px solid #dadce0;border-radius:12px;padding:20px;text-align:center;transition:box-shadow .2s ease}.teachers-module-card:hover{box-shadow:0 4px 12px #00000014}.teachers-module-card-avatar{align-items:center;background:#e8f0fe;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.teachers-module-card-avatar .material-icons{color:#1a73e8;font-size:36px}.teachers-module-card-name{color:#202124;font-size:16px;font-weight:600;margin:0 0 4px}.teachers-module-card-subject{color:#5f6368;font-size:14px;margin:0 0 8px}.teachers-module-card-meta{color:#5f6368;font-size:13px;margin:0 0 12px}.teachers-module-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.teachers-module-status-active{background:#e6f4ea;color:#0d8050}.teachers-module-status-on_leave{background:#fef7e0;color:#b06000}.teachers-module-status-inactive{background:#f1f3f4;color:#5f6368}.teachers-module-card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.teachers-module-card-actions button{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px}.teachers-module-card-actions button:hover{background:#f1f3f4}.teachers-module-card-actions button .material-icons{font-size:18px}.teachers-module-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.teachers-module-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:480px;overflow-y:auto;padding:24px;width:100%}.teachers-module-modal h3{font-size:18px;font-weight:600;margin:0 0 20px}.teachers-module-form-row{margin-bottom:14px}.teachers-module-form-row label{color:#202124;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.teachers-module-form-row input,.teachers-module-form-row select{border:1px solid #dadce0;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.teachers-module-modal-actions{border-top:1px solid #dadce0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.teachers-module-modal-actions button{background:#fff;border:1px solid #dadce0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px}.teachers-module-modal-actions button:last-child{background:#1a73e8;border-color:#1a73e8;color:#fff}.teachers-module-btn-danger{background:#fce8e6!important;border-color:#c5221f!important;color:#c5221f!important}.teachers-module-profile-modal p{font-size:14px;margin:0 0 10px}.teachers-module-card-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:10px}.teachers-module-badge{background:#e8f0fe;border-radius:12px;color:#1a73e8;font-size:11px;padding:2px 8px}.teachers-module-card-stats{color:#5f6368;display:flex;flex-wrap:wrap;font-size:12px;gap:10px;justify-content:center;margin-bottom:12px}.teachers-module-card-stats .material-icons{font-size:14px;margin-right:2px;vertical-align:middle}.teachers-module-salary-status{border-radius:6px;font-size:11px;font-weight:600;padding:2px 6px}.teachers-module-salary-paid{background:#e6f4ea;color:#0d8050}.teachers-module-salary-pending{background:#fef7e0;color:#b06000}.teachers-module-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:12px}.teachers-module-pagination button{background:#fff;border:1px solid #dadce0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px}.teachers-module-pagination button:disabled{cursor:not-allowed;opacity:.5}.teachers-module-pagination span{color:#5f6368;font-size:14px}.teachers-module-profile-wide{max-width:560px}.teachers-module-profile-tabs{border-bottom:1px solid #dadce0;display:flex;gap:8px;margin-bottom:16px;padding-bottom:8px}.teachers-module-profile-tabs button{background:#0000;border:none;border-radius:8px;color:#5f6368;cursor:pointer;font-size:14px;padding:8px 14px}.teachers-module-profile-tabs button.active{background:#e8f0fe;color:#1a73e8;font-weight:600}.teachers-module-profile-section{margin-bottom:16px;min-height:80px}.teachers-module-table{border-collapse:collapse;font-size:13px;margin-top:8px;width:100%}.teachers-module-table td,.teachers-module-table th{border-bottom:1px solid #eee;padding:8px 10px;text-align:left}.teachers-module-table th{background:#f8f9fa;color:#202124;font-weight:600}.teachers-module-logs{font-size:13px;list-style:none;margin:0;padding:0}.teachers-module-logs li{border-bottom:1px solid #f1f3f4;padding:8px 0}.teachers-module-logs li em{color:#5f6368;font-size:12px;margin-left:8px}.teachers-module-hint{color:#5f6368;font-size:13px;margin-bottom:12px}.students-module{--sm-control-height:44px;--sm-radius:8px;--sm-content-width:960px;box-sizing:border-box;flex-direction:column;margin-left:auto;margin-right:auto;max-width:var(--sm-content-width);padding:0 24px}.students-module,.students-module-toolbar{align-items:center;display:flex;width:100%}.students-module-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:20px;min-height:var(--sm-control-height)}.students-module-search{align-items:center;background:#f8f9fa;border:1px solid #dadce0;border-radius:var(--sm-radius);box-sizing:border-box;display:flex;flex:1 1;gap:8px;height:var(--sm-control-height);min-width:200px;padding:0 14px}.students-module-search .material-icons{color:#5f6368;flex-shrink:0;font-size:20px}.students-module-search input{background:#0000;border:none;flex:1 1;font-size:14px;height:100%;min-width:0;outline:none}.students-module-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.students-module-filters select{background:#fff;cursor:pointer;min-width:100px}.students-module-filters select,.students-module-year-input{border:1px solid #dadce0;border-radius:var(--sm-radius);box-sizing:border-box;font-size:14px;height:var(--sm-control-height);padding:0 12px}.students-module-year-input{width:100px}.students-module-toolbar>select{background:#fff;border:1px solid #dadce0;border-radius:var(--sm-radius);box-sizing:border-box;cursor:pointer;font-size:14px;height:var(--sm-control-height);min-width:120px;padding:0 12px}.students-module-view-toggle{display:flex;gap:2px}.students-module-view-toggle button{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:var(--sm-radius);cursor:pointer;display:flex;height:var(--sm-control-height);justify-content:center;width:40px}.students-module-view-toggle button.active{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8}.students-module-view-toggle .material-icons{font-size:20px}.students-module-add-btn{align-items:center;background:#0d8050;border:none;border-radius:var(--sm-radius);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:var(--sm-control-height);padding:0 18px}.students-module-add-btn:hover{background:#0a6540}.students-module-add-btn .material-icons{font-size:20px}.students-module-error{background:#fce8e6;border-radius:var(--sm-radius);color:#c5221f;font-size:14px;gap:8px;height:var(--sm-control-height);margin-bottom:16px;padding:0 14px}.students-module-error,.students-module-loading{align-items:center;box-sizing:border-box;display:flex;width:100%}.students-module-loading{background:#fff;border:1px solid #dadce0;border-radius:var(--sm-radius);color:#5f6368;flex-direction:column;justify-content:center;min-height:200px;padding:48px}.students-module-loading .material-icons.spin{animation:students-spin 1s linear infinite;font-size:40px}@keyframes students-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.students-module-content{min-height:200px;width:100%}.students-module-empty{background:#fff;border:1px solid #dadce0;border-radius:var(--sm-radius);box-sizing:border-box;color:#5f6368;font-size:15px;padding:48px 24px;text-align:center;width:100%}.students-module-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.students-module-card{background:#fff;border:1px solid #dadce0;border-radius:12px;padding:20px;position:relative;text-align:center;transition:box-shadow .2s ease}.students-module-card:hover{box-shadow:0 2px 8px #0000001a}.students-module-card-avatar{align-items:center;background:#e8f5e9;border-radius:50%;display:flex;height:48px;justify-content:center;margin:0 auto 8px;width:48px}.students-module-card-avatar .material-icons{color:#0d8050;font-size:28px}.students-module-card-name{color:#212121;font-size:16px;font-weight:600;margin:0 0 4px}.students-module-card-meta{color:#5f6368;font-size:13px;margin:0 0 4px}.students-module-card-id{color:#5f6368;font-size:12px;margin:0 0 8px}.students-module-card-stats{display:flex;flex-wrap:wrap;font-size:13px;gap:8px;justify-content:center;margin-bottom:12px}.students-module-card-stats .material-icons{font-size:16px;vertical-align:middle}.students-module-card-actions{display:flex;gap:8px;justify-content:center}.students-module-card-actions button{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px}.students-module-card-actions button:hover{background:#e8f5e9;border-color:#0d8050;color:#0d8050}.students-module-badge{border-radius:6px;font-size:11px;font-weight:600;padding:2px 8px;position:absolute;right:8px;top:8px}.students-module-badge.repeater{background:#fff3e0;color:#e65100}.students-module-badge.payment-pending{background:#fce4ec;color:#c2185b}.students-module-badge.low-attendance{background:#ffebee;color:#c5221f}.students-module-badge.excellent{background:#e8f5e9;color:#0d8050}.students-module-table-wrap{overflow-x:auto;width:100%}.students-module-table{border-collapse:collapse;font-size:14px;width:100%}.students-module-table td,.students-module-table th{border-bottom:1px solid #dadce0;padding:10px 12px;text-align:left}.students-module-table th{background:#f8f9fa;color:#212121;font-weight:600}.students-module-status{border-radius:6px;font-size:12px;padding:2px 8px}.students-module-status.active{background:#e8f5e9;color:#0d8050}.students-module-status.graduated{background:#e3f2fd;color:#1565c0}.students-module-status.transferred,.students-module-status.withdrawn{background:#f5f5f5;color:#616161}.students-module-pay{border-radius:6px;font-size:12px;padding:2px 8px}.students-module-pay.paid{background:#e8f5e9;color:#0d8050}.students-module-pay.partial,.students-module-pay.pending{background:#fff3e0;color:#e65100}.students-module-pay.none{color:#9e9e9e}.students-module-btn-sm{background:#fff;border:1px solid #dadce0;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 10px}.students-module-btn-sm:hover{background:#e8f5e9;border-color:#0d8050;color:#0d8050}.students-module-pagination{align-items:center;display:flex;font-size:14px;gap:16px;justify-content:center;margin-top:20px}.students-module-pagination button{background:#fff;border:1px solid #dadce0;border-radius:var(--sm-radius);cursor:pointer;padding:8px 16px}.students-module-pagination button:disabled{cursor:not-allowed;opacity:.5}.students-module-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.students-module-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:440px;overflow-y:auto;padding:24px;width:100%}.students-module-modal h3{color:#212121;font-size:20px;font-weight:600;margin:0 0 16px}.students-module-hint{color:#5f6368;font-size:13px;margin:0 0 16px}.students-module-form-row{margin-bottom:14px}.students-module-form-row label{color:#212121;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.students-module-form-row input,.students-module-form-row select{border:1px solid #dadce0;border-radius:var(--sm-radius);box-sizing:border-box;font-size:14px;height:var(--sm-control-height);padding:0 12px;width:100%}.students-module-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.students-module-modal-actions button{border-radius:var(--sm-radius);cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px}.students-module-modal-actions button:first-child{background:#fff;border:1px solid #dadce0}.students-module-modal-actions button:last-child{background:#0d8050;border:none;color:#fff}.students-module-profile-modal{max-width:480px}.students-module-profile-section p{font-size:14px;margin:0 0 8px}.students-module-modal{max-width:760px}.students-module-add-tabs{background:#f1f3f4;border-radius:999px;display:inline-flex;gap:6px;margin-bottom:12px;padding:4px}.students-module-add-tabs button{background:#0000;border:1px solid #0000;border-radius:999px;color:#3c4043;cursor:pointer;font-size:13px;font-weight:600;height:36px;padding:0 14px}.students-module-add-tabs button.active{background:#fff;border-color:#dadce0;color:#0d8050}.students-module-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.students-module-form-grid .students-module-form-row{margin-bottom:0}@media (max-width:640px){.students-module-form-grid{grid-template-columns:1fr}.students-module-modal{max-width:520px}}.school-page{background:#f8f9fa;background:var(--bg,#f8f9fa);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:0}.school-container{margin:0 auto;max-width:1200px;padding:40px 20px}.breadcrumb{align-items:center;color:#5f6368;color:var(--text-secondary,#5f6368);display:flex;font-size:14px;gap:8px;margin-bottom:30px}.breadcrumb a{color:#1a73e8;color:var(--accent,#1a73e8);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#1557b0;color:var(--accent-dark,#1557b0);text-decoration:underline}.breadcrumb .material-icons{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:18px}.breadcrumb span:last-child{color:#212121;color:var(--text,#212121);font-weight:500}.school-header{margin-bottom:50px;text-align:center}.school-header,.school-title{color:#212121;color:var(--text,#212121)}.school-title{align-items:center;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:42px;font-weight:600;gap:15px;justify-content:center;margin:0 0 20px}.school-title .material-icons{color:#1a73e8;color:var(--accent,#1a73e8);font-size:42px}.school-subtitle{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.modules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.module-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm,0 1px 3px #0000001f);cursor:pointer;padding:24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.module-card:hover{border-color:#1a73e8;border-color:var(--accent,#1a73e8);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-md,0 2px 8px #0000001f);transform:translateY(-2px)}.module-icon{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.module-icon .material-icons{font-size:32px}.module-card h3{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;margin:0}.streams-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stream-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm,0 1px 3px #0000001f);cursor:pointer;padding:30px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.stream-card:hover{border-color:#1a73e8;border-color:var(--accent,#1a73e8);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-md,0 2px 8px #0000001f);transform:translateY(-2px)}.stream-icon{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.stream-icon .material-icons{font-size:40px}.stream-card h3{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:500;margin:0 0 10px}.stream-card p{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;line-height:1.5;margin:0}.school-page .landing-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #00000014;left:0;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:1000}.school-page .landing-navbar.scrolled{box-shadow:0 4px 20px #0000001a}.school-page .navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 24px}.school-page .logo{align-items:center;color:#1a73e8;color:var(--accent,#1a73e8);cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500;gap:8px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.school-page .logo:hover{transform:scale(1.05)}.school-page .logo .material-icons{font-size:28px}.school-page .nav-menu{align-items:center;display:flex;gap:32px}.school-page .nav-menu a{color:#333;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s ease}.school-page .nav-menu a.active,.school-page .nav-menu a:hover{color:#1a73e8;color:var(--accent,#1a73e8)}.school-page .mobile-menu-toggle{background:none;border:none;border-radius:8px;color:#212121;color:var(--nav-text,#212121);cursor:pointer;display:none;padding:8px;transition:all .3s ease}.school-page .mobile-menu-toggle:hover{background:#f1f3f4;background:var(--nav-hover,#f1f3f4)}.school-page .mobile-menu-toggle .material-icons{font-size:28px}.school-page .nav-actions{align-items:center;display:flex;gap:12px}.school-page .btn-login{background:#0000;border:2px solid #1a73e8;border:2px solid var(--accent,#1a73e8);border-radius:8px;color:#1a73e8;color:var(--accent,#1a73e8);cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.school-page .btn-login:hover,.school-page .btn-primary{background:#1a73e8;background:var(--accent,#1a73e8);color:#fff}.school-page .btn-primary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;gap:8px;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.school-page .btn-primary:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-2px)}@media (max-width:768px){.school-page .nav-menu{background:#fff;box-shadow:0 4px 20px #0000001a;flex-direction:column;left:0;padding:20px;position:fixed;right:0;top:70px;transform:translateX(-100%);transition:transform .3s ease}.school-page .nav-menu.open{transform:translateX(0)}.school-page .mobile-menu-toggle{display:block}.modules-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.streams-grid{grid-template-columns:1fr}}.login-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.login-modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);animation:modalSlideIn var(--transition-base,.3s cubic-bezier(.4,0,.2,1));background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-xl,0 8px 24px #00000026);max-height:90vh;max-width:450px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-modal-close{align-items:center;background:none;border:none;border-radius:999px;border-radius:var(--radius-pill,999px);color:#5f6368;color:var(--text-secondary,#5f6368);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:15px;top:15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1));z-index:1}.login-modal-close:hover{background:#f8f9fa;background:var(--hover,#f8f9fa);color:#212121;color:var(--text,#212121)}.login-modal-header{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border,#dadce0);padding:30px 30px 20px;text-align:center}.login-modal-header h2{color:#1a73e8;color:var(--accent,#1a73e8);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500;margin:0 0 10px}.login-modal-header p{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;margin:0}.login-modal-tabs{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border,#dadce0);display:flex;padding:0 30px}.login-modal-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#5f6368;color:var(--text-secondary,#5f6368);cursor:pointer;flex:1 1;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.login-modal-tabs button.active{border-bottom-color:#1a73e8;border-bottom-color:var(--accent,#1a73e8);color:#1a73e8;color:var(--accent,#1a73e8);font-weight:500}.login-modal-tabs button:hover{background:#f8f9fa;background:var(--hover,#f8f9fa);color:#1a73e8;color:var(--accent,#1a73e8)}.login-modal-form{padding:30px}.login-modal-form .input-group{align-items:center;background:#f8f9fa;background:var(--bg,#f8f9fa);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;margin-bottom:20px;padding:0 15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.login-modal-form .input-group:focus-within{background:#fff;background:var(--card-bg,#fff);border-color:#1a73e8;border-color:var(--accent,#1a73e8);box-shadow:0 0 0 3px #1a73e81a;box-shadow:var(--shadow-focus,0 0 0 3px #1a73e81a)}.login-modal-form .input-group .material-icons{color:#5f6368;color:var(--text-secondary,#5f6368);margin-right:10px}.login-modal-form .input-group input,.login-modal-form .input-group select{background:none;border:none;color:#212121;color:var(--text,#212121);flex:1 1;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;outline:none;padding:15px 0}.login-modal-form .input-group select{cursor:pointer}.login-modal-form .error-message{align-items:center;background:#ea43351a;border:1px solid #ea4335;border:1px solid var(--error,#ea4335);border-radius:8px;border-radius:var(--radius-md,8px);color:#ea4335;color:var(--error,#ea4335);display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.login-modal-form .error-message .material-icons{font-size:20px}.login-modal-form .btn-primary{background:#1a73e8;background:var(--accent,#1a73e8);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;margin-top:10px;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1));width:100%}.login-modal-form .btn-primary:hover:not(:disabled){background:#1557b0;background:var(--accent-dark,#1557b0);box-shadow:0 2px 8px #1a73e84d;box-shadow:var(--shadow-md,0 2px 8px #1a73e84d);transform:translateY(-1px)}.login-modal-form .btn-primary:disabled{cursor:not-allowed;opacity:.6}.login-modal-divider{align-items:center;display:flex;gap:12px;margin:20px 0 16px}.login-modal-divider:after,.login-modal-divider:before{background:#dadce0;background:var(--border,#dadce0);content:"";flex:1 1;height:1px}.login-modal-divider span{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:13px;text-transform:lowercase}.login-modal-google{margin-top:8px}.login-modal-google .login-google-btn-wrap{display:flex;justify-content:center;min-height:44px}.login-google-loading{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:13px;margin:8px 0 0;text-align:center}.login-modal-footer{border-top:1px solid #dadce0;border-top:1px solid var(--border,#dadce0);padding:20px 30px 30px;text-align:center}.login-modal-footer p{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;margin:0}.login-modal-footer a{color:#1a73e8;color:var(--accent,#1a73e8);font-weight:500;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.login-modal-footer a:hover{color:#1557b0;color:var(--accent-dark,#1557b0);text-decoration:underline}.module-exams-page{background:#f8f9fa;background:var(--bg,#f8f9fa);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:0}.module-exams-container{margin:0 auto;max-width:1200px;padding:40px 20px}.module-header{margin-bottom:40px;text-align:center}.module-title{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:36px;font-weight:600;margin:0 0 10px}.module-subtitle{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:16px;margin:0}.years-selection-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm,0 1px 3px #0000001f);margin-bottom:30px;padding:30px}.section-title{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500;margin:0 0 20px}.years-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.year-button{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;border-radius:var(--radius-md,8px);color:#212121;color:var(--text,#212121);cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.year-button:hover{background:#f8f9fa;background:var(--hover,#f8f9fa);color:#1a73e8;color:var(--accent,#1a73e8);transform:translateY(-1px)}.year-button.active,.year-button:hover{border-color:#1a73e8;border-color:var(--accent,#1a73e8)}.year-button.active{background:#1a73e8;background:var(--accent,#1a73e8);color:#fff}.exams-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm,0 1px 3px #0000001f);margin-bottom:30px;padding:30px}.exams-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.btn-change-year{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:8px;border-radius:var(--radius-md,8px);color:#212121;color:var(--text,#212121);cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.btn-change-year:hover{background:#f8f9fa;background:var(--hover,#f8f9fa);border-color:#1a73e8;border-color:var(--accent,#1a73e8);color:#1a73e8;color:var(--accent,#1a73e8)}.empty-state,.loading-state{color:#5f6368;color:var(--text-secondary,#5f6368);padding:60px 20px;text-align:center}.empty-state .material-icons,.loading-state .material-icons{color:#dadce0;color:var(--border,#dadce0);font-size:64px;margin-bottom:20px}.empty-state-note{color:#6c757d;color:var(--text-tertiary,#6c757d);font-size:14px;margin-top:10px}.exams-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.exam-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;border-radius:var(--radius-lg,12px);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.exam-card:hover{border-color:#1a73e8;border-color:var(--accent,#1a73e8);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-md,0 2px 8px #0000001f);transform:translateY(-2px)}.exam-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.exam-header .material-icons{color:#1a73e8;color:var(--accent,#1a73e8);font-size:28px}.exam-header h3{color:#212121;color:var(--text,#212121);flex:1 1;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:500;margin:0}.exam-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.exam-meta span{align-items:center;color:#5f6368;color:var(--text-secondary,#5f6368);display:flex;font-size:14px;gap:5px}.exam-meta .material-icons{font-size:18px}.exam-description{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;line-height:1.6;margin-bottom:20px}.exam-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-download-pdf,.btn-download-word{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;flex:1 1;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:150px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.btn-download-pdf{background:#34a853;background:var(--success,#34a853);color:#fff}.btn-download-pdf:hover{background:#2d8f47;background:var(--success-dark,#2d8f47);box-shadow:0 2px 8px #34a8534d;box-shadow:var(--shadow-md,0 2px 8px #34a8534d);transform:translateY(-1px)}.btn-download-word{background:#1a73e8;background:var(--accent,#1a73e8);color:#fff}.btn-download-word:hover{background:#1557b0;background:var(--accent-dark,#1557b0);box-shadow:0 2px 8px #1a73e84d;box-shadow:var(--shadow-md,0 2px 8px #1a73e84d);transform:translateY(-1px)}.exam-corrections{border-top:1px solid #dadce0;border-top:1px solid var(--border,#dadce0);margin-top:20px;padding-top:20px}.exam-corrections h4{color:#212121;color:var(--text,#212121);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;margin:0 0 10px}.correction-actions{display:flex;gap:10px}.btn-download-pdf-small,.btn-download-word-small{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base,.3s cubic-bezier(.4,0,.2,1))}.btn-download-pdf-small{background:#34a853;background:var(--success,#34a853);color:#fff}.btn-download-pdf-small:hover{background:#2d8f47;background:var(--success-dark,#2d8f47)}.btn-download-word-small{background:#1a73e8;background:var(--accent,#1a73e8);color:#fff}.btn-download-word-small:hover{background:#1557b0;background:var(--accent-dark,#1557b0)}.module-exams-page .landing-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #00000014;left:0;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:1000}.module-exams-page .landing-navbar.scrolled{box-shadow:0 4px 20px #0000001a}.module-exams-page .navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 24px}.module-exams-page .logo{align-items:center;color:#1a73e8;color:var(--accent,#1a73e8);cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500;gap:8px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.module-exams-page .logo:hover{transform:scale(1.05)}.module-exams-page .logo .material-icons{font-size:28px}.module-exams-page .nav-menu{align-items:center;display:flex;gap:32px}.module-exams-page .nav-menu a{color:#333;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s ease}.module-exams-page .nav-menu a.active,.module-exams-page .nav-menu a:hover{color:#1a73e8;color:var(--accent,#1a73e8)}.module-exams-page .mobile-menu-toggle{background:none;border:none;border-radius:8px;color:#212121;color:var(--nav-text,#212121);cursor:pointer;display:none;padding:8px;transition:all .3s ease}.module-exams-page .mobile-menu-toggle:hover{background:#f1f3f4;background:var(--nav-hover,#f1f3f4)}.module-exams-page .mobile-menu-toggle .material-icons{font-size:28px}.module-exams-page .nav-actions{align-items:center;display:flex;gap:12px}.module-exams-page .btn-login{background:#0000;border:2px solid #1a73e8;border:2px solid var(--accent,#1a73e8);border-radius:8px;color:#1a73e8;color:var(--accent,#1a73e8);cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.module-exams-page .btn-login:hover,.module-exams-page .btn-primary{background:#1a73e8;background:var(--accent,#1a73e8);color:#fff}.module-exams-page .btn-primary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;gap:8px;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.module-exams-page .btn-primary:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-2px)}@media (max-width:768px){.module-exams-page .nav-menu{background:#fff;box-shadow:0 4px 20px #0000001a;flex-direction:column;left:0;padding:20px;position:fixed;right:0;top:70px;transform:translateX(-100%);transition:transform .3s ease}.module-exams-page .nav-menu.open{transform:translateX(0)}.module-exams-page .mobile-menu-toggle{display:block}.exams-grid{grid-template-columns:1fr}.years-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.ec-page{background:#f8f9fa;background:var(--bg,#f8f9fa);min-height:100vh;padding:20px 16px;padding:var(--spacing-xl,20px) var(--spacing-lg,16px)}.ec-container{margin:0 auto;max-width:1100px}.ec-header{margin-bottom:24px;margin-bottom:var(--spacing-2xl,24px)}.ec-title{color:#212121;color:var(--text,#212121);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:0 0 8px;margin:0 0 var(--spacing-sm,8px)}.ec-subtitle{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:.95rem;margin:0}.ec-languageRow{-webkit-overflow-scrolling:touch;display:flex;gap:12px;gap:var(--spacing-md,12px);margin-bottom:24px;margin-bottom:var(--spacing-2xl,24px);overflow-x:auto;padding-bottom:8px;padding-bottom:var(--spacing-sm,8px);scroll-snap-type:x proximity}.ec-languageRow::-webkit-scrollbar{height:6px}.ec-languageRow::-webkit-scrollbar-track{background:#e9ecef;background:var(--bg-secondary,#e9ecef);border-radius:999px;border-radius:var(--radius-pill,999px)}.ec-languageRow::-webkit-scrollbar-thumb{background:#dadce0;background:var(--border,#dadce0);border-radius:999px;border-radius:var(--radius-pill,999px)}.ec-lang{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #dadce0;border:2px solid var(--border,#dadce0);border-radius:12px;border-radius:var(--radius-lg,12px);color:#212121;color:var(--text,#212121);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:8px;gap:var(--spacing-sm,8px);padding:12px 16px;padding:var(--spacing-md,12px) var(--spacing-lg,16px);scroll-snap-align:start;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;transition:border-color var(--transition-fast,.2s ease),background var(--transition-fast,.2s ease),box-shadow var(--transition-fast,.2s ease);white-space:nowrap}.ec-lang:hover{background:#f8f9fa;background:var(--hover,#f8f9fa)}.ec-lang--active,.ec-lang:hover{border-color:#1a73e8;border-color:var(--accent,#1a73e8)}.ec-lang--active{background:#1a73e814;box-shadow:0 0 0 3px #1a73e81a;box-shadow:var(--shadow-focus,0 0 0 3px #1a73e81a)}.ec-lang__flag{font-size:1.5rem;line-height:1}.ec-lang__label{line-height:1.2}.ec-selected__label{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:1rem;margin-bottom:16px;margin-bottom:var(--spacing-lg,16px)}.ec-selected__lang{color:#212121;color:var(--text,#212121);font-weight:600}.ec-panel{overflow:hidden;transition:max-height .4s ease;transition:max-height var(--transition-slow,.4s ease)}.ec-panel__inner{opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease;transition:opacity var(--transition-base,.3s ease),transform var(--transition-base,.3s ease)}.ec-panel--open .ec-panel__inner{opacity:1;transform:translateY(0)}.ec-grid{grid-gap:16px;grid-gap:var(--spacing-lg,16px);display:grid;gap:16px;gap:var(--spacing-lg,16px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (min-width:640px){.ec-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.ec-grid{gap:20px;gap:var(--spacing-xl,20px);grid-template-columns:repeat(2,1fr)}}.ec-module{align-items:stretch;background:#fff;background:var(--card-bg,#fff);border:1px solid #dadce0;border:1px solid var(--border,#dadce0);border-radius:12px;border-radius:var(--radius-lg,12px);color:#212121;color:var(--text,#212121);cursor:pointer;display:flex;flex-direction:column;padding:16px;padding:var(--spacing-lg,16px);text-align:left;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition-fast,.2s ease),box-shadow var(--transition-fast,.2s ease)}.ec-module:hover{border-color:#1a73e8;border-color:var(--accent,#1a73e8);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-md,0 2px 8px #0000001f)}.ec-module__top{display:flex;gap:12px;gap:var(--spacing-md,12px);margin-bottom:12px;margin-bottom:var(--spacing-md,12px)}.ec-module__icon{flex-shrink:0;font-size:2rem;line-height:1}.ec-module__meta{flex:1 1;min-width:0}.ec-module__titleRow{align-items:flex-start;display:flex;gap:8px;gap:var(--spacing-sm,8px);margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.ec-module__title{font-size:1rem;font-weight:600;line-height:1.3}.ec-module__desc{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:.875rem;line-height:1.4}.ec-badge{border-radius:999px;border-radius:var(--radius-pill,999px);flex-shrink:0;font-size:.75rem;font-weight:600;padding:2px 8px}.ec-badge--new{background:#1a73e8;background:var(--accent,#1a73e8);color:#fff}.ec-badge--progress{color:#212121;color:var(--text,#212121)}.ec-badge--progress,.ec-progress{background:#e9ecef;background:var(--bg-secondary,#e9ecef)}.ec-progress{height:4px;overflow:hidden}.ec-progress,.ec-progress__bar{border-radius:999px;border-radius:var(--radius-pill,999px)}.ec-progress__bar{background:#1a73e8;background:var(--accent,#1a73e8);height:100%;transition:width .3s ease;transition:width var(--transition-base,.3s ease)}.partners-hero-cta{margin-top:24px}.partners-cards-row{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.partners-cards-row{grid-template-columns:1fr}}.partners-who-title{color:#212121;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:26px;font-weight:600;margin:0 0 32px;text-align:center}.partners-benefits-section{background:var(--bg);padding:64px 24px}.partners-benefits-section .section-container{margin:0 auto;max-width:1100px}.partners-benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px}@media (max-width:1024px){.partners-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.partners-benefits-grid{grid-template-columns:1fr}}.partners-benefit-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 18px #0f172a14;display:flex;flex-direction:column;gap:8px;padding:20px 18px}.partners-benefit-icon{color:var(--accent);font-size:26px;margin-bottom:4px}.partners-benefit-card h3{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;margin:0}.partners-benefit-card p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.business-card.teacher{background:linear-gradient(180deg,#f0f7ff,#fff 30%);border-color:#1a73e8}.business-card.teacher:hover{border-color:#1557b0;box-shadow:0 8px 24px #1a73e833}.business-card.teacher .business-card-icon{color:#1a73e8}.business-card.teacher .business-card-btn{background:#1a73e8;color:#fff}.business-card.teacher .business-card-btn:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e859;transform:translateY(-2px)}.business-card.school{background:linear-gradient(180deg,#e8f5ef,#fff 30%);border-color:#0d8050}.business-card.school:hover{border-color:#0a5c3a;box-shadow:0 8px 24px #0d805033}.business-card.school .business-card-icon{color:#0d8050}.business-card.school .business-card-btn{background:#0d8050;color:#fff}.business-card.school .business-card-btn:hover{background:#0a5c3a;box-shadow:0 4px 12px #0d805059;transform:translateY(-2px)}.business-card.influencer{background:linear-gradient(180deg,#f3e5f5,#fff 30%);border-color:#9c27b0}.business-card.influencer:hover{border-color:#7b1fa2;box-shadow:0 8px 24px #9c27b033}.business-card.influencer .business-card-icon{color:#9c27b0}.business-card.influencer .business-card-btn{background:#9c27b0;color:#fff}.business-card.influencer .business-card-btn:hover{background:#7b1fa2;box-shadow:0 4px 12px #9c27b059;transform:translateY(-2px)}.business-page .business-card .business-card-login-link{display:none}.partners-scenario-section{background:var(--hover);padding:56px 24px}.partners-scenario-section .section-container{padding-bottom:0;padding-top:0}.partners-scenario-section h2{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:500;margin-bottom:12px}.partners-scenario-lead{color:var(--text);font-size:18px;line-height:1.5;margin:0 auto;max-width:640px}.partners-scenario-note{color:var(--text-secondary);font-size:14px;margin-top:12px}.partners-form-section{background:var(--bg)}.partners-form-section .section-container{margin:0 auto;max-width:560px}.partners-form-container h2{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:500;margin-bottom:24px}.partners-form{display:flex;flex-direction:column;gap:20px}.partners-form .form-group{display:flex;flex-direction:column;gap:8px}.partners-form .form-group label{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500}.partners-form .form-group input,.partners-form .form-group select,.partners-form .form-group textarea{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease}.partners-form .form-group input:focus,.partners-form .form-group select:focus,.partners-form .form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #1a73e826;outline:none}.partners-form .form-group textarea{min-height:100px;resize:vertical}.partners-form .btn-primary.full-width{margin-top:8px;width:100%}.partners-apply-page-section.signup-section{min-height:0;padding:100px 24px 56px}.partners-apply-back{align-items:center;color:var(--accent);display:inline-flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:6px;margin-bottom:24px;text-decoration:none}.partners-apply-back:hover{text-decoration:underline}.partners-apply-back .material-icons{font-size:20px}.partners-apply-mode-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:12px 0 20px}.partners-apply-mode-btn{background:var(--hover);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;padding:12px 14px;transition:all .2s ease}.partners-apply-mode-btn:hover{box-shadow:0 6px 14px #0000000f;transform:translateY(-1px)}.partners-apply-mode-btn.active{background:#1a73e814;border-color:var(--accent);color:var(--accent)}.partners-apply-step-two{filter:blur(1px);margin-top:8px;opacity:.4;pointer-events:none;transition:opacity .25s ease,filter .25s ease}.partners-apply-step-two.is-visible{filter:none;opacity:1;pointer-events:auto}.partners-apply-cta{margin:0 auto;max-width:560px;padding:56px 24px;text-align:center}.partners-apply-cta h2{color:var(--text);font-size:28px;font-weight:600;margin:0 0 12px}.partners-apply-cta h2,.partners-apply-cta p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.partners-apply-cta p{color:var(--text-secondary);font-size:16px;margin:0 0 24px}.partners-apply-cta-btn{align-items:center;display:inline-flex;gap:8px}.signup-form .success-message{align-items:center;background:#34a8531a;border:1px solid var(--success);border-radius:8px;color:var(--success);display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;gap:12px;padding:14px 16px}.signup-form .success-message .material-icons{font-size:20px}.input-group-textarea{align-items:flex-start}.input-group-textarea .material-icons{margin-top:14px}.input-group-textarea textarea{background:#0000;border:none;color:var(--text);flex:1 1;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;min-height:96px;outline:none;padding:0;resize:vertical}.input-group-textarea textarea::placeholder{color:var(--text-secondary)}.partners-form .error-message{align-items:center;background:#ea43351a;border:1px solid var(--error);border-radius:8px;color:var(--error);display:flex;font-size:14px;gap:12px;padding:14px}.partners-form .error-message .material-icons{font-size:22px}.partners-section-header{margin-bottom:40px;text-align:center}.partners-section-header h2{color:var(--text);font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:500;margin:0 0 8px}@media (max-width:1024px){.partners-types-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:400px}}@media (max-width:768px){.partners-hero{padding:100px 20px 56px}.partners-hero-content h1{font-size:26px}.partners-hero-content p{font-size:16px}.partners-steps-section .section-container,.partners-types-section .section-container{padding:48px 20px}.partners-scenario-section{padding:40px 20px}.partners-section-header h2{font-size:26px}.partners-form-section .section-container{padding-left:20px;padding-right:20px}.partners-form-container h2{font-size:24px}}.school-dashboard-app .dashboard-container{display:flex;min-height:100vh}.school-sidebar .sidebar-logo{align-items:center;display:flex;gap:10px}.school-sidebar .sidebar-logo .material-icons{color:#1a73e8;color:var(--accent,#1a73e8);font-size:32px}.school-profile .material-icons{color:#1a73e8;color:var(--accent,#1a73e8);font-size:40px}.school-tab-content{max-width:800px;padding:24px}.school-tab-content h1{font-size:24px;font-weight:600;margin:0 0 16px}.school-tab-content p{color:#5f6368;color:var(--text-secondary,#5f6368);margin:0 0 12px}.school-main-content{background:#f8f9fa;background:var(--bg,#f8f9fa);flex:1 1;margin-left:260px;margin-left:var(--sidebar-width,260px)}.school-overview .stat-icon.students{background:#e8f5e9;color:#388e3c}.school-payments-wrapper{max-width:none;padding:0;width:100%}.school-enroll-student{max-width:960px}.enroll-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:8px}.enroll-header h1{margin:0}.btn-add-user{align-items:center;background:#1a73e8;background:var(--accent,#1a73e8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:10px 20px}.btn-add-user:hover{filter:brightness(1.05)}.enroll-description{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;margin:0 0 20px}.enroll-error{background:#ffebee;border-radius:8px;color:#c62828;margin-bottom:16px;padding:12px}.enroll-empty{color:#666;padding:48px 24px;text-align:center}.enroll-empty .material-icons{font-size:48px;margin-bottom:16px;opacity:.5}.enroll-table-wrap{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.enroll-table{border-collapse:collapse;width:100%}.enroll-table td,.enroll-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.enroll-table th{background:#fafafa;color:#333;font-weight:600}.enroll-table tbody tr:hover{background:#f9f9f9}.enroll-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.enroll-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:440px;overflow-y:auto;width:100%}.enroll-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 20px 0}.enroll-modal-header h2{font-size:20px;margin:0}.enroll-modal-close{background:none;border:none;color:#666;cursor:pointer;padding:4px}.enroll-form{padding:20px}.enroll-form-message{background:#fff3e0;border-radius:8px;color:#e65100;font-size:14px;margin-bottom:16px;padding:10px}.enroll-form-row{margin-bottom:16px}.enroll-form-row label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.enroll-form-row input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.enroll-form-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.enroll-form-actions button{border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px}.enroll-form-actions button[type=button]{background:#f5f5f5;border:1px solid #ddd}.enroll-form-actions button[type=submit]{background:#1a73e8;background:var(--accent,#1a73e8);border:none;color:#fff}.enroll-form-actions button:disabled{cursor:not-allowed;opacity:.7}.school-account-settings .settings-intro{color:#5f6368;color:var(--text-secondary,#5f6368);margin-bottom:24px}.school-account-settings .settings-error{background:#ffebee;border-radius:8px;color:#c62828;margin-bottom:24px;padding:12px 16px}.school-account-settings .settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.school-account-settings .settings-section h2{font-size:18px;font-weight:600;margin:0 0 20px}.school-account-settings .settings-form .form-row{margin-bottom:16px}.school-account-settings .settings-form .form-row label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.school-account-settings .settings-form .form-row input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;max-width:360px;padding:10px 12px;width:100%}.school-account-settings .settings-form .form-row input:disabled{background:#f5f5f5;color:#666}.school-account-settings .field-hint{color:#5f6368;color:var(--text-secondary,#5f6368);display:block;font-size:12px;margin-top:4px}.school-account-settings .form-message{border-radius:8px;font-size:14px;margin:12px 0;padding:10px 12px}.school-account-settings .form-message.success{background:#e8f5e9;color:#2e7d32}.school-account-settings .form-message.error{background:#ffebee;color:#c62828}.school-account-settings .form-actions{margin-top:20px}.school-account-settings .btn-save{background:#1a73e8;background:var(--accent,#1a73e8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.school-account-settings .btn-save:hover:not(:disabled){filter:brightness(1.05)}.school-account-settings .btn-save:disabled{cursor:not-allowed;opacity:.7}
/*# sourceMappingURL=main.d487292c.css.map*/