:root{--accent-primary:#3b82f6;--accent-secondary:#60a5fa;--accent-hover:#2563eb;--accent-neutral:#64748b;--success-color:#22c55e;--danger-color:#ef4444;--error-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--transition-fast:0.2s;--transition-medium:0.3s;--transition-slow:0.5s;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060;--book-heading-color:#3b82f6;--book-section-title-color:#60a5fa;--book-subheading-color:#93c5fd;---transparensurfacet:#ffffff1a;--hover-transparent:#ffffff26;--input-border:#e2e8f0;--input-border-focus:#3b82f6;--input-bg:#0000;--input-text:#1e293b;--input-placeholder:#64748b;--button-border:#e2e8f0;--button-text:#1e293b;--button-hover-border:#3b82f6;--button-hover-text:#2563eb;--bg-color:#fff;--card-bg:#fff;--border-color:#e5e7eb;--border-light:#f3f4f6;--primary-color:#3b82f6;--secondary-color:#60a5fa;--muted-bg:#f9fafb}.space-y-3{display:flex;flex-direction:column;gap:.75rem!important}.space-y-3>.study-card,.space-y-3>.study-card:last-child,.space-y-3>div,.space-y-3>div:last-child{margin-bottom:0}.study-section-header{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding:0 .5rem}.study-breadcrumbs{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.study-breadcrumbs .separator{color:var(--text-tertiary)}.study-breadcrumbs .current{color:var(--text-primary);font-weight:500}.difficulty-indicator{border-radius:4px;font-size:.75rem;font-weight:500;margin-left:auto;padding:.25rem .5rem}.difficulty-indicator.hard{background:var(--error-bg);color:var(--error-text)}.difficulty-indicator.moderate{background:#fef3c7;border:2px solid #fbbf2480;color:#92400e}.difficulty-indicator.easy{background:var(--success-bg);color:var(--success-text)}.theme-dark .difficulty-indicator.moderate{background:#fbbf2433;border-color:#fbbf2480;color:#fcd34d}.theme-light{--background-primary:#fff;--background-secondary:#f8fafc;--background-tertiary:#f1f5f9;--surface-primary:#fff;--surface-secondary:#f8fafc;--option-selected-bg:#f1f5f9;--option-selected-border:#3b82f6;--option-selected-shadow:#3b82f633;--text-primary:#000;--text-secondary:#000;--text-tertiary:#94a3b8;--success-bg:#dcfce7;--success-border:#22c55e;--success-text:#166534;--error-bg:#fee2e2;--error-border:#ef4444;--error-text:#991b1b;--border-primary:#000;--border-secondary:#1f2937;--border-width:1px;--shadow-color:#00000014;--shadow-glow:#0000000a;--sidebar-bg:#fff;--sidebar-text:#1e293b;--sidebar-hover:#f1f5f9;--sidebar-active:#fff;--sidebar-border:#000;--header-bg:#fffc;--header-border:#000}.theme-dark{--background-primary:#060b19;--background-secondary:#1e293b;--background-tertiary:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--success-bg:#022c1e;--success-border:#22c55e;--success-text:#86efac;--error-bg:#2d0709;--error-border:#ef4444;--error-text:#fca5a5;--border-primary:#334155;--border-secondary:#1e293b;--border-width:1px;--shadow-color:#00000040;--shadow-glow:#00000026;--surface-transparent:#0003;--hover-transparent:#ffffff0d;--sidebar-bg:#060b19;--sidebar-text:#f8fafc;--sidebar-hover:#1e293b;--sidebar-active:#1e293b;--sidebar-border:#334155;--header-bg:#0f172acc;--header-border:#334155;--bg-color:#0f172a;--card-bg:#1e293b;--border-color:#334155;--border-light:#475569;--muted-bg:#1e293b}@media (max-width:768px){.theme-dark,:root{--border-width:0.4px}.ai-header,.chat-header{padding:8px!important}.ai-conversation,.chat-conversation,.chat-messages{height:calc(100vh - 120px)!important;padding:8px!important}}.border-responsive{border:var(--border-width) solid var(--border-primary)}.border-responsive-top{border-top:var(--border-width) solid var(--border-primary)}.border-responsive-bottom{border-bottom:var(--border-width) solid var(--border-primary)}.border-responsive-left{border-left:var(--border-width) solid var(--border-primary)}.border-responsive-right{border-right:var(--border-width) solid var(--border-primary)}.theme-dark .config-card,.theme-dark .stat-card{background:var(--card-bg);border-color:var(--border-color)}.theme-dark .config-card:hover{border-color:var(--border-light)}.theme-dark .modal-content{background:var(--card-bg);border-color:var(--border-color)}.theme-dark .form-group input,.theme-dark .form-group select,.theme-dark .form-group textarea{background:var(--bg-color);border-color:var(--border-color);color:var(--text-primary)}.theme-dark .form-group input:focus,.theme-dark .form-group select:focus,.theme-dark .form-group textarea:focus{border-color:var(--primary-color)}@media (prefers-color-scheme:dark){.bg-blue-50{border:1px solid #e3e3e30d}}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);background:var(--background-primary);color:var(--text-primary);font-family:Söhne,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:14px;letter-spacing:0;line-height:1.4;transition:background .2s ease,color .2s ease}code{font-family:Söhne Mono,SF Mono,SFMono-Regular,Menlo,Consolas,PT Mono,Liberation Mono,Courier,monospace}.bg-white,.bg-white\/80,.bg-white\/90{background:var(--surface-primary)!important;border:var(--border-width) solid var(--border-primary)!important;border-radius:6px!important;box-shadow:0 1px 2px var(--shadow-color)!important;color:var(--text-secondary)!important;transition:all .2s ease}.store-container .bg-white,.store-container .bg-white\/80,.store-container .bg-white\/90{border:none!important}.theme-light [class*=cursor-pointer][class*=rounded-lg]{position:relative;transition:all .2s ease;z-index:1}.error-container,.fixed.inset-0.bg-black\/90.backdrop-blur-sm{inset:0;isolation:isolate;position:fixed;z-index:50}.error-container{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:flex;justify-content:center;padding:1rem}.motion-div[key=mcq-detail] :not(.error-container,.error-container *){position:relative;z-index:auto}.theme-light [class*=cursor-pointer][class*=rounded-lg][class*=border-blue-500],.theme-light [class*=cursor-pointer][class*=rounded-lg][class*=border-green-500]{border-color:var(--option-selected-border)!important;transform:translateY(-1px)}.theme-light [class*=cursor-pointer][class*=rounded-lg]:not([class*=border-blue-500]):not([class*=border-green-500]):hover{background-color:var(--background-secondary);transform:translateY(-1px)}.text-slate-500,.text-slate-600,.text-slate-700,.text-slate-800,.text-slate-900{color:var(--text-secondary)!important;transition:color .2s ease}.border-blue-100,.border-blue-100\/50,.border-slate-200,.border-teal-100{border-color:var(--border-primary)!important;transition:border-color .2s ease}.fm-accent{display:inline-block;position:relative}.fm-accent:after{background:var(--accent-primary);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:100%}.from-blue-600,.to-blue-700{background:var(--accent-primary)!important}.bg-blue-50\/50:hover{background:var(--background-secondary)!important}[class*=lucide-]{color:currentColor;display:inline-block;vertical-align:middle}.btn-primary,.btn-secondary,.btn-toggle,.login-button,.purchase-button,.register-button,.subscribe-button,button[type=submit]{align-items:center;background:var(--surface-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover,.btn-secondary:hover,.btn-toggle:hover,.login-button:hover,.purchase-button:hover,.register-button:hover,.subscribe-button:hover,button[type=submit]:hover{background:var(--surface-secondary);border-color:var(--text-secondary)}.btn-primary:active,.btn-secondary:active,.btn-toggle:active,.login-button:active,.purchase-button:active,.register-button:active,.subscribe-button:active,button[type=submit]:active{background:var(--surface-secondary);transform:translateY(0)}.btn-primary:disabled,.btn-secondary:disabled,.btn-toggle:disabled,.login-button:disabled,.purchase-button:disabled,.register-button:disabled,.subscribe-button:disabled,button[type=submit]:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}[data-active=true].btn-primary,[data-active=true].btn-secondary,[data-active=true].btn-toggle,[data-active=true].login-button,[data-active=true].purchase-button,[data-active=true].register-button,[data-active=true].subscribe-button{background:var(--surface-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.theme-dark .btn-primary,.theme-dark .btn-secondary,.theme-dark .btn-toggle,.theme-dark .login-button,.theme-dark .purchase-button,.theme-dark .register-button,.theme-dark .subscribe-button,.theme-dark button[type=submit]:not(.chat-action-button){background:var(--surface-primary);border:.5px solid var(--border-primary);color:var(--text-primary)}.theme-dark .btn-primary:hover,.theme-dark .btn-secondary:hover,.theme-dark .btn-toggle:hover,.theme-dark .login-button:hover,.theme-dark .purchase-button:hover,.theme-dark .register-button:hover,.theme-dark .subscribe-button:hover,.theme-dark button[type=submit]:hover{background:var(--surface-secondary);border-color:var(--text-secondary);border-width:.5px}.btn-toggle.nav-btn{background:var(--surface-primary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (min-width:640px){.btn-toggle.nav-btn{font-size:1rem;padding:.75rem 1.5rem}}@media (max-width:768px){.btn-toggle{min-height:44px;min-width:44px;padding:12px!important}}.btn-toggle.nav-btn:hover{background:var(--surface-secondary);border-color:var(--text-secondary)}.btn-toggle.nav-btn:active{transform:scale(.95)}.btn-toggle.nav-btn[data-active=true]{background:var(--surface-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.btn-toggle{background:var(--surface-primary);border:var(--border-width) solid var(--border-primary);color:var(--text-primary);font-size:.875rem;padding:.5rem .75rem}@media (min-width:640px){.btn-toggle{font-size:1rem;padding:.625rem 1rem}}.btn-toggle[data-active=true]{background:var(--surface-secondary);color:var(--text-primary)}.btn-toggle.nav-btn{background-color:var(--background-secondary);border:var(--border-width) solid var(--border-primary);color:var(--text-primary)}.btn-toggle.nav-btn:hover{background-color:var(--text-tertiary)}.btn-toggle.nav-btn.active,.btn-toggle.nav-btn[data-active=true]{background-color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633;color:#fff}.btn-toggle[data-difficulty]{align-items:left;background-color:initial;border:none;display:flex;justify-content:left;text-align:left}.btn-toggle[data-difficulty][data-active=true]{background-color:initial;color:#fff}.btn-toggle[data-difficulty]:hover{background-color:var(--hover-transparent)}.theme-dark .btn-toggle.nav-btn{background-color:initial;border:var(--border-width) solid var(--border-primary)}.theme-dark .btn-toggle.nav-btn.active,.theme-dark .btn-toggle[data-active=true]{background-color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f64d;color:#fff}.btn-toggle:disabled{cursor:not-allowed;opacity:.6}a:hover:not(:disabled),button:hover:not(:disabled){transform:translateY(-1px);transition:all .2s ease}.form-group button{display:block;margin:1rem auto;text-align:center}a:active:not(:disabled),button:active:not(:disabled){box-shadow:0 1px 2px #0000001a;filter:brightness(.9);transform:translateY(0)}a:disabled,button:disabled{cursor:not-allowed;opacity:.6}.theme-light .page-content h1,.theme-light .page-content h2,.theme-light .page-content h3{color:var(--book-heading-color)}.theme-light .page-content h1:not(:first-child),.theme-light .page-content h2:not(:first-child){color:var(--book-section-title-color);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.theme-dark .page-content h1,.theme-dark .page-content h2,.theme-dark .page-content h3{color:#d8b4fe}.theme-dark .page-content h1:not(:first-child),.theme-dark .page-content h2:not(:first-child){color:#e9d5ff;font-weight:700}.form-container{background-color:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:12px;box-shadow:0 4px 6px var(--shadow-color);display:flex;flex-direction:column;gap:16px;margin:24px auto;max-width:280px;padding:20px}@media (min-width:1024px){.form-container{max-width:1024px;padding:32px}.form-container>div{margin:0 auto;max-width:960px}.form-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{margin-bottom:0}.form-group.col-span-2,.form-group:has(button[type=submit]),.form-group:has(textarea){grid-column:span 2}}@media (max-width:1023px){.form-section{display:flex;flex-direction:column;gap:16px}}@media (min-width:768px) and (max-width:1023px){.form-container{gap:20px;max-width:576px;padding:32px}}@media (max-width:480px){.form-container{margin:16px;padding:16px;width:calc(100% - 32px)}}.theme-dark .form-container{background-color:var(--surface-secondary);box-shadow:0 4px 6px #0000004d}.form-title{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.form-label{color:var(--text-secondary)}.form-section{border-bottom:1px solid var(--border-color)!important;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;max-width:100%;overflow:visible;width:100%}.path-selector-dropdown{margin-top:4px;max-height:300px;overflow-y:auto}.content-wrapper,.form-section,.main-content-card,.mcq-form,.mcq-form .form-section,.mcq-form .path-selector-container,.page-container,.path-selector-container,.path-selector-grid,.path-step,.path-step-control{overflow:visible!important}.form-group{margin-bottom:12px;position:relative;width:100%}.form-group:last-child{margin-bottom:0}.form-group.with-label{margin-bottom:16px}.phone-input-container{display:flex;gap:8px;width:100%}.phone-input-container select{flex-shrink:0;width:80px}.phone-input-container input{flex:1 1}input[type=email],input[type=password],input[type=tel],input[type=text],input[type=time],select,textarea{background-clip:padding-box;background-color:initial;border:var(--border-width) solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);display:block;font-size:14px;height:42px;line-height:1.4;max-width:100%;padding:10px 16px;transition:all .2s ease-in-out;width:100%}.theme-dark input[type=email],.theme-dark input[type=password],.theme-dark input[type=tel],.theme-dark input[type=text],.theme-dark input[type=time],.theme-dark select,.theme-dark textarea{background-color:initial;border-color:var(--border-primary)}.theme-dark input[type=email]:hover,.theme-dark input[type=password]:hover,.theme-dark input[type=tel]:hover,.theme-dark input[type=text]:hover,.theme-dark input[type=time]:hover,.theme-dark select:hover,.theme-dark textarea:hover{background-color:initial;border-color:var(--accent-primary)}.theme-dark input[type=email]:focus,.theme-dark input[type=password]:focus,.theme-dark input[type=tel]:focus,.theme-dark input[type=text]:focus,.theme-dark input[type=time]:focus,.theme-dark select:focus,.theme-dark textarea:focus{background-color:initial;border-color:var(--accent-primary);box-shadow:0 0 0 2px #9333ea33}textarea{height:auto;line-height:1.5;min-height:100px;padding:12px 16px;resize:vertical}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px 20px;padding-right:40px}input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--option-selected-shadow);outline:0}input[type=email]:hover,input[type=password]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,select:hover,textarea:hover{background-color:var(--hover-transparent)}input::placeholder,textarea::placeholder{color:var(--input-placeholder);opacity:.8}.rounded-full{box-shadow:none}.bg-teal-100{background:var(--background-secondary)!important}.text-teal-600,.text-teal-700{color:#0f766e}.bg-rose-50,.bg-teal-50{background:var(--background-secondary)!important}.text-rose-700{color:var(--accent-secondary)!important}.hover\:bg-rose-50:hover,.hover\:bg-slate-100:hover,.hover\:bg-teal-50:hover{background:var(--background-secondary)!important}.loading-container{align-items:center;background:var(--background-primary);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;transition:background .2s ease}.loading-text{animation:fade 1.5s ease infinite;color:var(--text-secondary);font-size:14px;font-weight:500;margin-top:1rem;position:relative;z-index:1}.loading-pulse{display:inline-block;height:40px;position:relative;width:40px}.loading-pulse:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--accent-primary);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.error-container,.popup-container{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;isolation:isolate;justify-content:center;opacity:1;padding:1rem;position:fixed;transform:none;transition:opacity .2s ease,transform .2s ease;z-index:9999}.error-container>div,.popup-container>div{animation:fadeIn .2s ease-out;background:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);color:var(--text-primary);display:flex;flex-direction:column;gap:1rem;max-width:32rem;position:relative;width:100%}.error-header,.popup-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.error-header h2,.popup-header h2,.popup-header h3{color:var(--accent-secondary);flex:1 1;font-size:16px;font-weight:500;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.close-button:hover{background:var(--hover-transparent);color:var(--text-primary)}.error-container>div{padding:1.5rem}.error-content,.popup-content{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.error-actions,.popup-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.error-actions button,.popup-actions button{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.error-actions button.cancel,.popup-actions button.cancel{background:#0000;border:var(--border-width) solid var(--border-primary);color:var(--text-secondary)}.error-actions button.cancel:hover,.popup-actions button.cancel:hover{background:var(--hover-transparent);border-color:var(--text-secondary);transform:translateY(-1px)}.error-actions button.submit,.popup-actions button.primary,.popup-actions button.submit{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.error-actions button.submit:hover,.popup-actions button.primary:hover,.popup-actions button.submit:hover{background:var(--accent-hover);transform:translateY(-1px)}.popup-actions button.danger{background:var(--danger-color);border:1px solid var(--danger-color);color:#fff}.popup-actions button.danger:hover{background:#dc2626;transform:translateY(-1px)}.popup-actions button.warning{background:var(--warning-color);border:1px solid var(--warning-color);color:#fff}.popup-actions button.warning:hover{background:#d97706;transform:translateY(-1px)}.error-actions button:disabled,.popup-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.error-content input,.error-content select,.error-content textarea,.popup-content input,.popup-content select,.popup-content textarea{background:var(--background-secondary);border:var(--border-width) solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;line-height:1.5;padding:.75rem;transition:all .2s ease;width:100%}.error-content textarea,.popup-content textarea{min-height:120px;resize:vertical}.error-content input:focus,.error-content select:focus,.error-content textarea:focus,.popup-content input:focus,.popup-content select:focus,.popup-content textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--option-selected-shadow);outline:none}.popup-container.info>div{border-left:4px solid var(--info-color)}.popup-container.warning>div{border-left:4px solid var(--warning-color)}.popup-container.success>div{border-left:4px solid var(--success-color)}.theme-light .error-container>div,.theme-light .popup-container>div{background:#fffffffa;box-shadow:0 8px 32px #0000001a}.theme-dark .error-container>div,.theme-dark .popup-container>div{background:#1e293bfa;box-shadow:0 8px 32px #0000004d}.theme-dark .error-content input,.theme-dark .error-content select,.theme-dark .error-content textarea,.theme-dark .popup-content input,.theme-dark .popup-content select,.theme-dark .popup-content textarea{background:#0003}.error-container.closing,.popup-container.closing{opacity:0;transform:scale(.95)}@media (max-width:640px){.error-container,.popup-container{padding:.5rem}.error-container>div,.popup-container>div{max-width:100%}.error-actions,.popup-actions{flex-direction:column}.error-actions button,.popup-actions button{width:100%}}.motion-div[key=mcq-detail]{isolation:isolate;position:relative;z-index:1}.header-right{align-items:center;display:flex;gap:1rem;margin-left:auto}button[aria-label*=mode]{align-items:center;background:#0000;border:none;border-radius:4px;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;width:32px}@keyframes fade{0%,to{opacity:.6}50%{opacity:1}}.layout-container{display:flex;min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;position:fixed;transition:all .3s ease;width:260px;z-index:1000}.submenu-container{border-radius:8px;margin:0 8px 8px;overflow:hidden;transition:max-height .3s ease-in-out}.submenu-container.collapsed{margin:0 4px}.submenu-search{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:inherit;border-bottom:1px solid var(--sidebar-border);padding:var(--space-3);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.submenu-search-icon{color:var(--text-secondary);left:var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.submenu-search-input{background-color:var(--background-primary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);font-size:.875rem;padding:var(--space-2);transition:all var(--transition-fast) ease;width:100%}.submenu-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-alpha);outline:none}.submenu-content{max-height:400px;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2) 0}.submenu-content.collapsed{align-items:center;display:flex;flex-direction:column;padding:var(--space-1) 0}.submenu-content.collapsed .submenu-item{display:flex;justify-content:center;padding:var(--space-1);width:100%}.submenu-content.collapsed .submenu-avatar-container{height:32px;width:32px}.submenu-item{cursor:pointer;padding:var(--space-2) var(--space-3);transition:background-color var(--transition-fast) ease}.submenu-item:hover{background-color:var(--background-hover)}.submenu-item-content,.submenu-user-info{align-items:center;display:flex;gap:var(--space-3)}.submenu-user-info{width:100%}.submenu-avatar-container{border-radius:50%;flex-shrink:0;height:36px;overflow:visible;position:relative;width:36px}.submenu-avatar{object-fit:cover}.submenu-avatar,.submenu-avatar-text{border-radius:50%;height:100%;width:100%}.submenu-avatar-text{align-items:center;background-color:var(--accent-primary);color:#fff;display:flex;font-size:14px;font-weight:500;justify-content:center}.online-stethoscope{background-color:var(--sidebar-bg);border-radius:50%;bottom:-2px;box-shadow:0 0 0 2px var(--sidebar-bg);color:#10b981;position:absolute;right:-2px;z-index:10}.submenu-text-content{flex:1 1;min-width:0}.submenu-item-title{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submenu-item-subtitle{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.message-preview{color:var(--text-secondary);flex:1 1;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{color:var(--text-tertiary);flex-shrink:0;font-size:.75rem}.user-status{color:var(--success-color);font-size:.75rem}.theme-dark .submenu-container{background-color:var(--sidebar-bg);box-shadow:0 2px 8px #0003}.theme-dark .submenu-item:hover,.theme-dark .submenu-search-input{background-color:#ffffff0d}.sidebar.collapsed{width:60px;z-index:1000}.sidebar.mobile{box-shadow:none;transform:translateX(-100%);z-index:1000}.sidebar.mobile.open{box-shadow:4px 0 10px #0000001a;transform:translateX(0);z-index:1000}.mobile-menu-toggle{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;width:40px}.mobile-menu-toggle:hover{background-color:var(--background-secondary)}.sidebar-header{border-bottom:1px solid var(--sidebar-border);height:60px;padding:0 14px}.sidebar-content{flex:1 1;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:16px}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--sidebar-text);display:flex;font-family:inherit;font-size:inherit;margin:0 8px;padding:8px 16px;text-decoration:none;transition:all .2s ease;width:calc(100% - 16px)}.sidebar-nav-item:hover{background-color:var(--sidebar-hover)}.sidebar-nav-item.active{background-color:var(--sidebar-active);font-weight:500}.sidebar-nav-item-icon{flex-shrink:0;margin-right:12px}.sidebar-toggle{background:#0000;border-radius:4px;height:32px;width:32px}.sidebar-toggle:hover{background-color:var(--sidebar-hover)}.header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--header-bg);border-bottom:1px solid var(--header-border);gap:12px;height:60px;isolation:auto;left:0;overflow:visible;padding:0 16px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:100}.header,.header-icons{align-items:center;display:flex}.header-icons{gap:24px;margin-left:auto;padding-right:8px}.header-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.header-icon-btn:hover,.profile-icon{background-color:var(--background-secondary)}.profile-icon{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.profile-icon img{height:100%;object-fit:cover;width:100%}.nav-icons{gap:8px;padding:0 12px}.nav-icon,.nav-icons{align-items:center;display:flex}.nav-icon{background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nav-icon.active{color:var(--accent-primary)}.nav-icon.active,.nav-icon:hover:not(.active){background-color:var(--background-secondary)}.theme-dark .header{background-color:#060b19cc;border-bottom-color:var(--border-primary)}.theme-dark .header-icon-btn:hover{background-color:#ffffff0d}@media (max-width:767px){.header{gap:8px;height:auto;min-height:60px;overflow:visible;padding:0 12px;white-space:nowrap}.nav-icons{gap:4px;padding:0 8px}.header-icons{gap:16px;padding-right:4px}.header-left{flex:1 1;min-width:0;overflow:hidden}.nav-tabs{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:0;margin-left:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{align-items:center;display:flex;flex:0 0 auto;height:40px;justify-content:center;margin-right:0;max-width:60px;min-width:60px;padding:8px;scroll-snap-align:start}.nav-tabs:after{background:linear-gradient(to right,#0000,var(--background-primary));right:0}.nav-tabs:after,.nav-tabs:before{bottom:0;content:"";opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:30px;z-index:10}.nav-tabs:before{background:linear-gradient(to left,#0000,var(--background-primary));left:0}.nav-tabs.scrolled-left:before,.nav-tabs.scrolled-right:after{opacity:0}.nav-tabs{box-shadow:inset 0 -1px 0 #0000001a}}.sidebar.collapsed+.content .header{left:60px}@media (max-width:767px){.sidebar.mobile+.content .header{left:0}.header-right{flex-shrink:0;min-width:auto}.mobile-menu-toggle{flex-shrink:0;margin-right:8px}}.header-left{align-items:center;display:flex;height:100%;position:relative}.user-dropdown-toggle{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;padding:4px 8px}.user-dropdown-toggle:hover{background-color:var(--background-secondary)}.user-avatar{align-items:center;background-color:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-weight:500;height:32px;justify-content:center;margin-right:8px;overflow:hidden;position:relative;width:32px}.user-avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.notification-dropdown-menu,.user-dropdown-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--background-secondary);border:var(--border-width) solid var(--border-primary);border-radius:8px;box-shadow:0 4px 6px #0000001a;-webkit-clip-path:none;clip-path:none;display:block;left:auto;margin-top:4px;max-height:480px;max-width:320px;min-width:200px;opacity:1;overflow:visible;overflow-y:auto;position:fixed;right:16px;top:68px;transform:none;visibility:visible;z-index:999999}.theme-light .notification-dropdown-menu,.theme-light .user-dropdown-menu{background-color:var(--background-secondary,#f8fafc);border:var(--border-width) solid var(--border-primary,#e2e8f0);border-radius:8px;box-shadow:0 4px 6px #0000001a}.theme-dark .notification-dropdown-menu,.theme-dark .user-dropdown-menu{background-color:var(--background-secondary,#1e293b);border:var(--border-width) solid var(--border-primary,#334155);border-radius:8px;box-shadow:0 4px 6px #0000001a}.user-dropdown-item{background-color:initial;border-radius:4px;color:var(--text-primary);cursor:pointer;display:block;margin:4px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.theme-light .user-dropdown-item:hover{background-color:var(--background-tertiary,#f1f5f9)}.theme-dark .user-dropdown-item:hover{background-color:var(--background-tertiary,#334155)}.theme-light .user-dropdown-divider{opacity:.7}.theme-dark .user-dropdown-divider,.theme-light .user-dropdown-divider{border-top:var(--border-width) solid var(--border-primary);margin:4px 8px}.notification-item{background-color:initial;padding:8px 12px;transition:all .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--background-tertiary,#f1f5f9)}.theme-dark .notification-item:hover{background-color:var(--background-tertiary,#334155)}.notification-item.unread{background-color:var(--background-secondary,#f8fafc)}.theme-dark .notification-item.unread{background-color:var(--background-secondary,#1e293b)}.notification-icon.report{color:var(--blue-500)}.notification-icon.report-reply{color:var(--green-500)}.notification-icon.system{color:var(--purple-500)}.notification-icon.admin{color:var(--yellow-500)}.notification-title{color:var(--text-primary);font-weight:600;margin-bottom:4px}.notification-message{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.notification-meta{color:var(--text-tertiary);font-size:.75rem;margin-top:4px}.notification-actions{display:flex;gap:8px;margin-top:8px}.notification-action-button{border-radius:4px;font-size:.75rem;padding:4px 8px;transition:all .2s ease}.notification-action-button.read{color:var(--blue-500)}.notification-action-button.delete{color:var(--red-500)}.notification-action-button:hover{opacity:.8}.lucide-arrow-left,svg.lucide-arrow-left{stroke:currentColor;stroke-width:2;height:18px;width:18px}.content{flex:1 1;margin-left:260px;padding-top:60px;transition:margin-left .3s ease;z-index:1}.sidebar.collapsed+.content{margin-left:60px}@media (max-width:767px){.content,.sidebar.mobile+.content{margin-left:0;width:100%}.content-inner{margin:0;max-width:100%;padding:0;width:100%}.container:not(.error-reports-admin-container):not([class*=admin]){max-width:100%}.motion-div[key=mcq-detail]{border-radius:8px;margin:0;width:100%}.header{left:0;padding:0 12px}.chat-window{border-radius:0;height:100%;margin:0;max-width:100%;width:100%}}.content-inner{box-sizing:border-box;margin:0 auto;max-width:1000px;padding:0;width:100%;z-index:1}@media (max-width:1240px){.content-inner{max-width:100%;padding:0}}@media (max-width:767px){.content-inner{margin-left:auto;margin-right:auto;max-width:100%;padding:0;width:100%}}.nav-tabs{-webkit-overflow-scrolling:touch;align-items:center;display:flex;height:40px;margin-left:-8px;overflow-x:auto;position:relative;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{align-items:center;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;margin-right:.75rem;padding:8px;transition:all .2s ease;white-space:nowrap}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active,.nav-tab:hover{background-color:var(--background-secondary)}.nav-tab.active{color:var(--accent-primary);font-weight:500}.user-dropdown{isolation:auto;position:relative;z-index:999999}.notification-dropdown-menu,.user-dropdown-menu{bottom:auto!important;-webkit-clip-path:none!important;clip-path:none!important;contain:none!important;display:block!important;isolation:isolate!important;left:auto!important;opacity:1!important;overflow:visible!important;position:fixed!important;right:16px!important;top:68px!important;transform:none!important;visibility:visible!important;z-index:999999!important}.header{z-index:100!important}@media (min-width:768px){.notification-dropdown-menu,.user-dropdown-menu{left:auto!important;max-width:320px!important;min-width:200px!important;right:16px!important}.notification-dropdown-menu{max-height:480px!important;width:320px!important}}.container:not(.error-reports-admin-container):not([class*=admin]){margin:0 auto;max-width:1280px}.flex,.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.w-full.max-w-md.z-10.px-6.py-8.login-container,.w-full.max-w-xl.z-10.px-6.py-8{padding-bottom:50px!important;padding-top:50px!important}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pl-3{padding-left:.75rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.m-4{margin:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-9xl{font-size:8rem}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-blue-600{color:var(--accent-primary)}.text-blue-700{color:var(--accent-hover)}.text-blue-800{color:#4c1d95}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-green-800{color:#166534}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.theme-dark .text-gray-900{color:#f9fafb}.theme-dark .text-gray-600{color:#fff}.text-yellow-600{color:#61702e}.text-purple-600{color:var(--accent-primary)}.text-purple-800{color:#4c1d95}.notification-actions-section button,.notification-header-actions button,.user-dropdown-menu .flex button{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-actions-section button:hover,.notification-header-actions button:hover,.user-dropdown-menu .flex button:hover{box-shadow:0 8px 25px #3b82f64d;color:#3b82f6!important;transform:scale(1.1) translateY(-2px)}.notification-actions-section button:hover svg,.notification-header-actions button:hover svg,.user-dropdown-menu .flex button:hover svg{animation:pulse .6s ease-in-out}@media (max-width:768px){.notification-actions-section button:hover,.notification-header-actions button:hover,.user-dropdown-menu .flex button:hover{box-shadow:0 4px 15px #3b82f640;color:#3b82f6!important;transform:scale(1.05) translateY(-1px)}.notification-actions-section button:hover svg,.notification-header-actions button:hover svg,.user-dropdown-menu .flex button:hover svg{animation:pulse .4s ease-in-out}}@media (hover:none) and (pointer:coarse){.notification-actions-section button:active,.notification-header-actions button:active,.user-dropdown-menu .flex button:active{box-shadow:0 4px 15px #3b82f640;color:#3b82f6!important;transform:scale(1.05) translateY(-1px)}.notification-actions-section button:active svg,.notification-header-actions button:active svg,.user-dropdown-menu .flex button:active svg{animation:pulse .4s ease-in-out}}.settings-page{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.settings-header{margin-bottom:3rem;text-align:center}.settings-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.settings-header p{color:var(--text-secondary);font-size:1.1rem}.settings-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr;min-height:600px;transition:all .3s ease}.settings-container.minimized{grid-template-columns:80px 1fr}.settings-sidebar{background-color:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:relative;transition:all .3s ease}.settings-sidebar.minimized{padding:1rem .75rem;width:80px}@media (max-width:768px){.settings-sidebar.minimized{padding:1rem;width:280px}.settings-sidebar.minimized .sidebar-header{justify-content:space-between;margin-bottom:1rem}.settings-sidebar.minimized .sidebar-header h3{display:block}.settings-sidebar.minimized .settings-nav-item{gap:.75rem;justify-content:flex-start;padding:.75rem 1rem}.settings-sidebar.minimized .settings-nav-item span{display:block}}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.sidebar-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.sidebar-toggle:hover{background-color:var(--surface-secondary);color:var(--text-primary)}.settings-sidebar.minimized .sidebar-header{justify-content:center;margin-bottom:1rem}.settings-sidebar.minimized .sidebar-header h3{display:none}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.settings-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.settings-nav-item:hover{background-color:var(--background-secondary);color:var(--text-primary)}.settings-nav-item.active,.settings-nav-item.active:hover{background-color:var(--accent-primary);color:#fff}.settings-sidebar.minimized .settings-nav-item{gap:0;justify-content:center;padding:.75rem}.settings-sidebar.minimized .settings-nav-item span{display:none}.settings-content{background-color:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:12px;padding:2rem}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group label{font-size:.95rem}.form-group input,.form-group textarea,.preference-select,.privacy-select{background-color:var(--background-primary);border:var(--border-width) solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.preference-select:focus,.privacy-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.password-input{align-items:center;display:flex;position:relative}.password-input input{padding-right:3rem;width:100%}.password-toggle{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:.75rem;transition:color .2s ease}.password-toggle:hover{color:var(--text-primary)}.settings-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1.5rem;transition:all .2s ease}.settings-button.primary{background-color:var(--accent-primary);color:#fff}.settings-button.primary:hover:not(:disabled){background-color:var(--accent-dark);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.settings-button.secondary{background-color:var(--background-secondary);border:var(--border-width) solid var(--border-primary);color:var(--text-primary)}.settings-button.secondary:hover:not(:disabled){background-color:var(--background-tertiary);transform:translateY(-1px)}.settings-button.danger{background-color:#dc2626;color:#fff}.settings-button.danger:hover:not(:disabled){background-color:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.settings-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.data-management,.notification-settings,.preference-settings,.privacy-settings{display:flex;flex-direction:column;gap:1.5rem}.data-item,.notification-item,.preference-item,.privacy-item{align-items:center;border:1px solid var(--border-secondary);border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s ease}.data-item:hover,.notification-item:hover,.preference-item:hover,.privacy-item:hover{background-color:var(--background-tertiary);border-color:var(--border-primary)}.data-item.danger-zone{background-color:#dc26260d;border-color:#dc2626}.data-item.danger-zone:hover{background-color:#dc26261a}.data-info,.notification-info,.preference-info,.privacy-info{flex:1 1}.data-info h4,.notification-info h4,.preference-info h4,.privacy-info h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.data-info p,.notification-info p,.preference-info p,.privacy-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{border-radius:24px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:var(--accent-primary)}input:checked+.toggle-slider:before{transform:translateX(26px)}.preference-select,.privacy-select{font-size:.9rem;min-width:150px;padding:.5rem .75rem}.teams-container{display:flex;flex-direction:column;gap:2rem}@media (max-width:768px){.teams-container{gap:1rem;height:100vh;max-height:100vh;overflow:hidden}.teams-container .organogram-canvas-container{flex:1 1;min-height:0;overflow:hidden}}.teams-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.teams-actions{display:flex;gap:1rem}.section-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem}.organogram-builder{background:var(--surface-secondary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.organogram-header{margin-bottom:2rem;text-align:center}.organogram-header h4{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.organogram-header p{color:var(--text-secondary);font-size:1rem}.organogram-canvas{align-items:center;background:var(--surface-primary);border:2px dashed var(--border-primary);border-radius:var(--radius-md);display:flex;justify-content:center;min-height:400px}.organogram-placeholder{padding:2rem;text-align:center}.organogram-icon{color:var(--accent-primary);margin-bottom:1.5rem}.organogram-placeholder h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.organogram-placeholder p{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.organogram-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:600px}.feature-item{align-items:center;background:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:1rem;transition:all var(--transition-medium) ease}.feature-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.feature-item span{color:var(--text-primary);font-size:.9rem;font-weight:500}.teams-management{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.organogram-builder-wrapper{background:#0000;border:none;border-radius:0;height:100vh;margin-bottom:2rem;min-height:800px;overflow:visible}.permissions-section h4,.teams-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.team-members-list{display:flex;flex-direction:column;gap:1rem}.team-member-card{align-items:center;background:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem;transition:all var(--transition-medium) ease}.team-member-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.team-member-card.director{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.member-avatar{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-weight:600;height:48px;justify-content:center;width:48px}.team-member-card.director .member-avatar{background:#f59e0b}.member-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.member-info h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.member-role{color:var(--accent-primary);font-size:.875rem;font-weight:500}.team-member-card.director .member-role{color:#d97706}.member-permissions{background:var(--background-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.member-actions{display:flex;gap:.5rem}.btn-icon{background:var(--background-secondary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:32px;transition:all var(--transition-fast) ease;width:32px}.btn-icon:hover{background:var(--accent-primary);color:#fff}.no-members{color:var(--text-secondary);padding:2rem;text-align:center}.no-members p{font-size:1rem;margin-bottom:1rem}.permissions-grid{display:flex;flex-direction:column;gap:1rem}.permission-level{background:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-md);padding:1.5rem;transition:all var(--transition-medium) ease}.permission-level:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.permission-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.permission-header h5{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.permission-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.permission-list li{color:var(--text-secondary);font-size:.875rem;padding-left:1.5rem;position:relative}.permission-list li:before{color:var(--success-color);content:"✓";font-weight:600;left:0;position:absolute}@media (max-width:768px){.settings-page{min-height:auto;padding:1rem}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:2rem;margin-bottom:.5rem}.settings-header p{font-size:1rem}.settings-container{gap:1rem;grid-template-columns:1fr;min-height:auto}.settings-sidebar{border-radius:8px;order:1;padding:1rem}.settings-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-direction:row;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{border-radius:8px;flex-shrink:0;font-size:.9rem;justify-content:center;min-width:48px;padding:.75rem;white-space:nowrap}.settings-nav-item span{display:none}.settings-content{border-radius:8px;order:2;padding:1rem}.settings-section{margin-bottom:1.5rem}.settings-section h3{font-size:1.25rem;margin-bottom:1rem}.settings-form{gap:1rem}.form-group{gap:.5rem}.form-group input,.form-group textarea,.preference-select,.privacy-select{border-radius:6px;font-size:1rem;padding:.875rem 1rem}.password-input input{padding-right:3.5rem}.password-toggle{padding:.5rem;right:1rem}.settings-button{border-radius:6px;font-size:1rem;min-width:100%;padding:1rem 1.5rem}.data-management,.notification-settings,.preference-settings,.privacy-settings{gap:1rem}.data-item,.notification-item,.preference-item,.privacy-item{align-items:flex-start;border-radius:6px;flex-direction:column;gap:1rem;padding:1rem}.data-info,.notification-info,.preference-info,.privacy-info{width:100%}.teams-management{gap:1.5rem;grid-template-columns:1fr}.organogram-builder{padding:1.5rem}.organogram-canvas{min-height:300px}.organogram-features{gap:.75rem;grid-template-columns:1fr}.feature-item{padding:.75rem}.teams-actions{flex-direction:column;gap:.75rem}.teams-actions .btn{justify-content:center;width:100%}.data-info h4,.notification-info h4,.preference-info h4,.privacy-info h4{font-size:1rem;margin-bottom:.5rem}.data-info p,.notification-info p,.preference-info p,.privacy-info p{font-size:.9rem;line-height:1.4}.toggle-switch{align-self:flex-end;height:28px;width:60px}.toggle-slider:before{bottom:3px;height:22px;left:3px;width:22px}input:checked+.toggle-slider:before{transform:translateX(32px)}.preference-select,.privacy-select{font-size:1rem;min-width:100%;padding:.75rem 1rem}.data-item.danger-zone{border-width:2px;padding:1.25rem}}@media (max-width:480px){.settings-page{padding:.5rem}.settings-header{margin-bottom:1.5rem}.settings-header h1{font-size:1.75rem}.settings-sidebar{padding:.75rem}.settings-nav-item{font-size:.85rem;min-width:44px;padding:.625rem}.settings-content{padding:.75rem}.settings-section h3{font-size:1.125rem}.form-group input,.form-group textarea,.preference-select,.privacy-select{font-size:.95rem;padding:.75rem .875rem}.settings-button{font-size:.95rem;padding:.875rem 1.25rem}.data-item,.notification-item,.preference-item,.privacy-item{padding:.875rem}.toggle-switch{height:26px;width:55px}.toggle-slider:before{height:20px;width:20px}input:checked+.toggle-slider:before{transform:translateX(29px)}}.border{border-width:1px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-gray-300{border-color:#d1d5db}.border-red-400{border-color:#f87171}.border-red-500{border-color:#ef4444}.border-blue-200{border-color:var(--border-primary)}.border-blue-300{border-color:var(--border-secondary)}.border-blue-500{border-color:var(--accent-primary)}.border-blue-600{border-color:var(--accent-hover)}.border-green-500{border-color:#22c55e}.top-1\/2{top:50%}.left-3{left:.75rem}.transform{transform:translateX(0)}.-translate-y-1\/2{transform:translateY(-50%)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-70{opacity:.7}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus,.focus\:ring-blue-500:focus{box-shadow:0 0 0 2px var(--option-selected-shadow)}.hover\:bg-blue-700:hover{background-color:var(--accent-hover)}.hover\:bg-gray-300:hover{background-color:var(--background-secondary)}.hover\:bg-blue-200:hover,.hover\:bg-blue-50:hover,.hover\:bg-gray-50:hover{background-color:var(--hover-transparent)}.hover\:border-blue-300:hover{border-color:var(--accent-hover)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color}.transition-shadow{transition-duration:.15s;transition-property:box-shadow}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition-medium) ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.react-tel-input .form-control{background:#0000!important;border:var(--border-width) solid var(--border-primary)!important;color:var(--text-secondary)!important}.react-tel-input .flag-dropdown{background:#0000!important;border:none!important}.react-tel-input .selected-flag{background:#0000!important}.react-tel-input .country-list{background:var(--surface-primary)!important;border:var(--border-width) solid var(--border-primary)!important;color:var(--text-secondary)!important}.react-tel-input .country-list .country.highlight,.react-tel-input .country-list .country:hover{background-color:var(--background-secondary)!important}.react-tel-input .country-list .country.highlight{color:#fff!important}a,button,input{transition:all .2s ease-in-out}.pricing-page{margin:0 auto;max-width:1200px;padding:2rem}.pricing-page h2{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.subscription-plans,.token-management{margin-bottom:3rem}.plans-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{background-color:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.plan-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.plan-card h3{color:var(--text-primary);font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.plan-card .price{color:var(--accent-primary);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.plan-card .description{color:var(--text-secondary);margin-bottom:1.5rem}.plan-card .features{flex-grow:1;list-style-type:none;margin:0 0 1.5rem;padding:0}.plan-card .features li{color:var(--text-primary);padding:.5rem 0 .5rem 1.5rem;position:relative}.plan-card .features li:before{color:var(--accent-primary);content:"✓";font-weight:700;left:0;position:absolute}.plan-card .billing-info{color:var(--text-tertiary);font-size:.9rem;margin-bottom:1.5rem}.purchase-button,.subscribe-button{align-items:center;background-color:var(--background-secondary);border:var(--border-width) solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.purchase-button[data-active=true],.subscribe-button[data-active=true]{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.purchase-button:hover,.subscribe-button:hover{transform:translateY(-1px)}.purchase-button:active,.subscribe-button:active{box-shadow:0 1px 2px #0000001a;filter:brightness(.9);transform:translateY(0)}.theme-dark .purchase-button,.theme-dark .subscribe-button{background-color:initial;border:var(--border-width) solid var(--border-primary);color:#fff}.theme-dark .purchase-button[data-active=true],.theme-dark .subscribe-button[data-active=true]{border-color:var(--accent-primary)}.theme-dark .purchase-button:hover,.theme-dark .subscribe-button:hover{background-color:#ffffff0d}.email-link-button{background:none!important;border:none!important;box-shadow:none!important;cursor:pointer!important;display:inline!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;margin:0!important;padding:0!important;text-align:left!important;text-decoration:none!important;transform:none!important;transition:all .2s ease!important}.email-link-button:hover{text-decoration:underline!important;transform:none!important}.email-link-button:active{transform:none!important}.email-link-button:focus{outline:2px solid var(--accent-primary)!important;outline-offset:2px!important}.password-toggle-button{align-items:center!important;-webkit-appearance:none!important;appearance:none!important;border:none!important;border-radius:0!important;cursor:pointer!important;display:flex!important;font:inherit!important;height:auto!important;justify-content:center!important;margin:0!important;min-height:auto!important;min-width:auto!important;padding:0!important;position:absolute!important;right:12px!important;text-align:inherit!important;top:50%!important;transform:none!important;transition:opacity .2s ease!important;width:auto!important}.password-toggle-button,.password-toggle-button:hover{background:none!important;box-shadow:none!important;color:var(--text-secondary)!important;transform:translateY(-50%)!important}.password-toggle-button:hover{border:none!important;opacity:.8!important}.password-toggle-button:active{transform:translateY(-50%)!important}.password-toggle-button:active,.password-toggle-button:focus{background:none!important;border:none!important;color:var(--text-secondary)!important}.password-toggle-button:focus{outline:2px solid var(--accent-primary)!important;outline-offset:2px!important}.theme-dark .password-toggle-button{color:#cbd5e1!important}.theme-dark .password-toggle-button:hover{color:var(--accent-primary)!important;opacity:1!important}.theme-dark .password-toggle-button:active,.theme-dark .password-toggle-button:focus{color:var(--accent-primary)!important}.terms-link{text-decoration:none!important}.terms-link,.terms-link:hover{color:var(--text-secondary)!important}.terms-link:hover{text-decoration:underline!important}.terms-link:active,.terms-link:visited{color:var(--text-secondary)!important}.login-input,.login-input[type=email],.login-input[type=password],.login-input[type=tel],.login-input[type=text]{background-color:initial!important;color:var(--text-primary)!important}.theme-dark .login-input,.theme-dark .login-input[type=email],.theme-dark .login-input[type=password],.theme-dark .login-input[type=tel],.theme-dark .login-input[type=text]{background-color:initial!important;color:#fff!important}.theme-light .login-input,.theme-light .login-input[type=email],.theme-light .login-input[type=password],.theme-light .login-input[type=tel],.theme-light .login-input[type=text]{background-color:initial!important;color:#1f2937!important}.current-balance{background-color:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:center}.current-balance h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.expiry-warning{color:var(--accent-secondary);font-size:.9rem}.token-packages{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.token-card{background-color:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:8px;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.token-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.token-amount{color:var(--text-primary);font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.token-price{color:var(--accent-primary);font-size:1.2rem;font-weight:700;margin-bottom:1.5rem}@media (max-width:768px){.pricing-page{padding:1rem}.plans-container,.token-packages{grid-template-columns:1fr}}.purchase-button:disabled,.subscribe-button:disabled{cursor:not-allowed;opacity:.6}.purchase-button:focus-visible,.subscribe-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.user-dropdown-item.logout-button{background-color:initial;color:var(--accent-secondary);transition:background-color .2s ease,color .2s ease}.user-dropdown-item.logout-button:hover{background-color:var(--error-bg);color:var(--error-text)}.theme-dark .user-dropdown-item.logout-button{color:var(--error-color)}.theme-dark .user-dropdown-item.logout-button:hover{background-color:var(--error-bg);color:var(--error-text)}.user-dropdown-item.theme-accent{background-color:initial;color:var(--text-primary)}.user-dropdown-item.theme-accent:hover{color:var(--accent-primary)}.theme-dark .user-dropdown-item.theme-accent:hover,.user-dropdown-item.theme-accent:hover{background-color:var(--hover-transparent)}.study-page-container{margin:0 auto;max-width:1200px;padding:1.5rem}.study-card{background:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:.75rem;padding:1.25rem 1.5rem;transition:all .2s ease}.study-card:hover{background:var(--surface-secondary);border-color:var(--text-secondary)}.study-card:last-child{margin-bottom:0}.study-card-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.study-card-description{color:var(--text-secondary);font-size:.875rem}.study-card-count{color:var(--text-tertiary);font-size:.875rem;margin-top:.5rem}.theme-dark .study-card{background:var(--surface-primary);border-color:var(--border-primary)}.theme-dark .study-card:hover{background:var(--surface-secondary);border-color:var(--text-secondary)}.category-detail-container{margin:0 auto;max-width:1200px;padding:1.5rem}.category-header{margin-bottom:1.5rem}.category-back-button{align-items:center;background:var(--surface-primary);border:.5px solid var(--border-primary);border-radius:8px;color:var(--text-primary);display:flex;font-size:.875rem;height:36px;padding:.5rem 1rem;transition:all .2s ease}.category-back-button:hover{background:var(--surface-secondary);border-color:var(--text-secondary)}.category-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.category-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.course-card{align-items:center;background:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1.25rem 1.5rem;transition:all .2s ease}.course-card:hover{background:var(--surface-secondary);border-color:var(--text-secondary)}.course-card:last-child{margin-bottom:0}.course-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.course-description{color:var(--text-secondary);font-size:.875rem}.theme-dark .category-back-button{background:var(--surface-primary);border:.5px solid var(--border-primary)}.theme-dark .category-back-button:hover{background:var(--surface-secondary);border-color:var(--text-secondary)}.theme-dark .course-card{background:var(--surface-primary);border-color:var(--border-primary)}.theme-dark .course-card:hover{background:var(--surface-secondary);border-color:var(--text-secondary)}.theme-icon{align-items:center;background:none;border:none;color:var(--text-primary);display:flex;justify-content:center;margin:0;padding:0}.theme-icon svg{stroke:currentColor}.theme-dark .theme-icon,.theme-light .theme-icon{color:var(--text-primary)}.notification-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999998}.notification-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:var(--border-width) solid var(--border-primary);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.notification-header,.notification-list{background-color:var(--background-secondary)}.notification-list{border-radius:0 0 8px 8px;max-height:427px;overflow-y:auto;overscroll-behavior:contain;padding:8px 0;scrollbar-color:var(--text-tertiary) #0000;scrollbar-width:thin}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#0000}.notification-list::-webkit-scrollbar-thumb{background-color:var(--text-tertiary);border-radius:9999px}.notification-item{border-bottom:var(--border-width) solid var(--border-primary);cursor:pointer;padding:.75rem 1rem;transition:background-color .15s}.notification-item:hover{background-color:var(--surface-secondary)}.notification-item.unread{background-color:var(--hover-transparent)}.mcq-container{margin:0 auto;max-width:800px;padding:16px;width:100%}.mcq-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#060b19cc;border:1px solid #3341554d;border-radius:12px;cursor:pointer;margin-bottom:16px;padding:20px;transition:all .2s ease}.mcq-card:hover{background:#1e293bcc;border-color:#3b82f680;transform:translateY(-2px)}.mcq-breadcrumb{color:var(--text-secondary);font-size:14px;margin-bottom:12px}.mcq-breadcrumb,.mcq-breadcrumb-item{align-items:center;display:flex;gap:8px}.mcq-breadcrumb-separator{color:var(--text-tertiary)}.mcq-difficulty{color:#ef4444;font-weight:500}.mcq-difficulty.moderate{color:#61702e}.mcq-difficulty.easy{color:#22c55e}.mcq-question{color:var(--text-primary);font-size:15px;line-height:1.5;margin-bottom:16px}.mcq-question,h2.whitespace-pre-line,h3.whitespace-pre-line,p.whitespace-pre-line{white-space:pre-line!important}.mcq-navigation{align-items:center;display:flex;gap:12px;margin-top:20px}.mcq-nav-button{align-items:center;background:#0000;border:var(--border-width) solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.mcq-nav-button:hover{background:#ffffff0d;border-color:var(--accent-primary)}.theme-dark .mcq-card{background:#060b19cc;border-color:#3341554d}.theme-dark .mcq-card:hover{background:#1e293bcc;border-color:#3b82f680}@media (max-width:767px){.mcq-container{padding:12px}.mcq-card{margin-bottom:12px;padding:16px}.mcq-breadcrumb{font-size:13px}.mcq-question{font-size:14px}.mcq-navigation{flex-direction:column;gap:8px}.mcq-nav-button{justify-content:center;width:100%}.content{margin-left:0;width:100%}.content-inner{display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding:0;width:100%}.mcq-content{margin:0 auto;max-width:600px;width:100%}.mcq-content>*{margin-bottom:12px;width:100%}.mcq-filters,.mcq-navigation{margin:12px auto;width:calc(100% - 24px)}.content{display:flex;flex-direction:column;margin-left:0;min-height:100vh;padding-bottom:0}.content-inner{display:flex;flex:1 1;flex-direction:column;padding:0}.mcq-container{flex:1 1;margin-bottom:50vh;padding:12px}.ai-overlay,.chat-window{background:#060b19f2;border:var(--border-width) solid var(--border-primary);border-bottom:none;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 12px #0000004d;display:flex;flex-direction:column;height:67vh;left:0;margin:0;padding:0;position:fixed;right:0;transform:translateY(0);transition:transform .3s ease;width:100%;z-index:1000}.ai-overlay.expanded,.chat-window.expanded{height:67vh;width:100%}.ai-overlay.minimized,.chat-window.minimized{height:auto}.ai-header,.chat-header{align-items:center;background:#060b19f2;border-bottom:var(--border-width) solid var(--border-primary);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:12px 16px;position:relative;z-index:1001}.ai-conversation,.chat-messages{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:0;overflow-y:auto;padding:16px}.ai-input-area,.chat-input-area{align-items:center;background:#060b19f2;border-top:var(--border-width) solid var(--border-primary);bottom:0;box-sizing:border-box;display:flex;flex-direction:row-reverse;gap:8px;left:0;margin:0;padding:12px 16px;position:-webkit-sticky;position:sticky;right:0;transition:var(--theme-transition);z-index:1001}.ai-input,.chat-input{background:#0003;border:var(--border-width) solid var(--border-primary);border-radius:22px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;margin:0;max-height:44px;min-height:44px;outline:none;padding:0 16px;resize:none}.ai-input::placeholder,.chat-input::placeholder{color:#6e6e80;opacity:1}.theme-dark .ai-input::placeholder,.theme-dark .chat-input::placeholder{color:var(--text-tertiary);opacity:.8}.ai-input:focus,.chat-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6b21a81a}.ai-action-btn,.chat-action-btn{align-items:center;background-color:var(--background-secondary);border:var(--border-width) solid var(--border-primary);border-radius:50%!important;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;margin:0;min-height:44px;min-width:44px;outline:none;overflow:hidden;padding:0;transition:all .2s ease;width:44px}.ai-action-btn svg,.chat-action-btn svg{flex-shrink:0;height:20px;width:20px}.ai-action-btn:hover,.chat-action-btn:hover{background-color:var(--background-secondary);border-color:var(--border-secondary)}.ai-send-btn,.chat-send-btn{align-items:center!important;background-color:var(--accent-primary)!important;border-color:var(--accent-primary)!important;border-radius:50%!important;color:#fff!important;display:flex!important;height:44px!important;justify-content:center!important;padding:0!important;transition:all .2s ease!important;width:44px!important}.ai-send-btn:hover,.chat-send-btn:hover{background-color:var(--accent-hover)!important;border-color:var(--accent-hover)!important;transform:scale(1.05)}.ai-send-btn svg,.chat-send-btn svg{stroke:#fff!important;stroke-width:2!important;height:20px!important;width:20px!important}.recording-indicator{align-items:center;color:var(--text-primary);display:flex;font-size:12px;gap:4px;justify-content:center;padding:0 8px;white-space:nowrap}.recording-indicator svg{animation:pulse 1s infinite;color:#ff4b55}}@media (max-width:767px){@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.ai-toggle,.chat-toggle{align-items:center;background:var(--accent-primary);border:none;border-radius:24px;bottom:calc(50vh + 16px);box-shadow:0 2px 8px #0003;color:#fff;display:flex;height:48px;justify-content:center;position:fixed;right:16px;width:48px;z-index:999}.ai-overlay.hidden,.chat-window.hidden{transform:translateY(100%)}.ai-assistant-container{position:relative;z-index:1000}.ai-message,.chat-message{background:#1e293bcc;border-radius:12px;font-size:14px;line-height:1.5;margin-bottom:8px;max-width:85%;padding:12px 16px}.ai-message:last-child,.chat-message:last-child{margin-bottom:0}.ai-message.sent,.chat-message.sent{align-self:flex-end;background:var(--accent-primary);border-bottom-right-radius:4px;color:#fff}.ai-message.received,.chat-message.received{align-self:flex-start;background:#1e293bcc;border-bottom-left-radius:4px;color:var(--text-primary)}}.chat-window{border-radius:12px;bottom:32px;display:flex;flex-direction:column;position:fixed;right:32px;transition:all .3s ease}.chat-window,.chat-window.expanded{height:600px;max-height:80vh;width:420px}.chat-window.minimized{height:auto;width:auto}@media screen and (max-width:768px){.chat-window{border-radius:12px 12px 0 0;bottom:0;left:0;margin:0;position:fixed;right:0;top:auto;width:100%}.chat-window.expanded{width:100%}.chat-window.minimized{height:auto;width:auto}.ai-send-btn,.chat-send-btn{background-color:var(--background-secondary)!important;border-color:var(--border-primary)!important;color:var(--text-secondary)!important}.ai-send-btn:hover,.chat-send-btn:hover{background-color:var(--background-secondary)!important;border-color:var(--border-secondary)!important}.ai-send-btn svg,.chat-send-btn svg{stroke:var(--text-primary)!important}}@media (max-width:767px){.chat-window{background:#060b19f2;border-bottom:none;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 12px #0000004d;display:flex;flex-direction:column;height:67vh;left:0;margin:0;padding:0;position:fixed;right:0;width:100%;z-index:1000}.chat-conversation{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-input-area{background:#060b19f2;border-top:var(--border-width) solid var(--border-primary);bottom:0;left:0;min-height:60px;padding:12px;position:absolute;right:0}.chat-window.minimized{height:auto}.chat-window.minimized .chat-conversation{display:none}}.mcq-difficulty.hard,.text-red-500,[class*=text-red-500]{color:#f44336!important}.mcq-difficulty.easy,.text-green-500,[class*=text-green-500]{color:#4caf50!important}.mcq-difficulty.moderate,.text-yellow-500,[class*=text-yellow-500]{color:#61702e!important}.bg-yellow-50{background-color:#fdf2b31a!important}.border-red-200{border-color:#f443364d!important}.border-green-200{border-color:#4caf504d!important}.border-yellow-200{border-color:#fdf2b34d!important}.bg-teal-100{background-color:#ccfbf1}@media (min-width:768px){.main-image-zoom .zoomable-image:hover{box-shadow:0 8px 32px #0000002e;transform:scale(1.15);z-index:2}}[data-active=true].btn-primary{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#fff!important}[data-active=true].btn-secondary{background:var(--accent-secondary)!important;border-color:var(--accent-secondary)!important;color:var(--text-secondary)!important}[data-active=true].attribute-btn{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#fff!important}@media (max-width:767px){.nav-tab{justify-content:center;margin-right:4px}}@media (max-width:768px){.stats-cards{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:30px}.stats-cards.grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}.stats-cards.grid.grid-cols-2 .stat-card{aspect-ratio:auto;display:flex;flex-direction:column;height:auto;justify-content:space-between;min-height:auto;min-width:0}}.summary-section .stat-card{border:none!important}.related-products-section .flex,.related-products-section>.flex{display:initial!important;gap:initial!important}@keyframes progress{0%{width:0}to{width:100%}}.success-container{animation:fadeIn .2s ease-out;background:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);color:var(--text-primary);display:flex;flex-direction:column;gap:1rem;max-width:32rem;padding:1.25rem;position:relative;width:100%}.success-container .success-header{align-items:center;display:flex;gap:1rem;justify-content:center}.success-container h2{color:#16a34a;font-size:18px;font-weight:600;margin:0;text-align:center}.success-container .success-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.theme-light .success-container{background:#fffffffa;box-shadow:0 8px 32px #0000001a}.theme-dark .success-container{background:#1e293bfa;box-shadow:0 8px 32px #0000004d}.theme-dark .success-container .text-gray-600{color:#f3f4f6!important}.theme-dark .success-container h2{color:#22c55e!important}.attribute-btn{box-sizing:border-box;font-size:1.12em;margin:2px 4px;max-width:110px;min-width:48px;padding:11px 22px!important;text-align:center;transition:background .15s,color .15s,border .15s;white-space:nowrap}@media (max-width:767px){.attribute-btn{font-size:1.05em;max-width:80px;padding:9px 16px!important}}.api-management-dashboard{background:var(--background-primary);border-radius:8px;padding:1rem}.btn-icon{padding:0}.btn-icon.btn-text{height:auto;min-height:auto;min-width:auto;padding:.75rem 1rem;width:auto}.btn-icon:hover{transform:scale(1.05)}.modal-overlay{align-items:center;animation:modalFadeIn .1s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;touch-action:none!important;z-index:50!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content{background:var(--background-primary);border-radius:8px;box-shadow:var(--shadow-lg);padding:1.5rem}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.modal-close:hover{background:var(--muted-bg);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding:1.5rem 2rem}.modal-body p{color:var(--text-primary);margin:0}.modal-body .text-center{text-align:center}.modal-body .text-lg{font-size:1.125rem;line-height:1.75rem}.modal-body .mb-6{margin-bottom:1.5rem}.config-form{padding:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-help-text{color:var(--text-secondary);font-size:.875rem;font-style:italic;margin-bottom:.75rem}.required{color:var(--danger-color);font-weight:700}.form-group input,.form-group select{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}.checkbox-group{margin-bottom:2rem}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.75rem}.checkbox-label input[type=checkbox]{height:18px;margin:0;width:18px}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-height:44px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease}.btn-sm{font-size:.8rem;gap:.375rem;min-height:36px;padding:.5rem 1rem}.btn-md{font-size:.9rem;gap:.5rem;min-height:44px;padding:.75rem 1.5rem}.btn-lg{font-size:1rem;gap:.625rem;min-height:52px;padding:1rem 2rem}.btn-primary{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.btn-primary:hover{background:var(--surface-primary);border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-secondary{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-primary);border-color:var(--primary-color);box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.btn-danger{background:var(--danger-color,#ef4444);border-color:var(--danger-color,#ef4444);color:#fff}.btn-danger:hover{background:var(--danger-dark,#dc2626);border-color:var(--danger-dark,#dc2626);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-success{background:var(--success-color,#10b981);border-color:var(--success-color,#10b981);color:#fff}.btn-success:hover{background:var(--success-dark,#059669);border-color:var(--success-dark,#059669);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-warning{background:var(--warning-color,#f59e0b);border-color:var(--warning-color,#f59e0b);color:#fff}.btn-warning:hover{background:var(--warning-dark,#d97706);border-color:var(--warning-dark,#d97706);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.btn-info{background:var(--info-color,#06b6d4);border-color:var(--info-color,#06b6d4);color:#fff}.btn-info:hover{background:var(--info-dark,#0891b2);border-color:var(--info-dark,#0891b2);box-shadow:0 4px 12px #06b6d44d;transform:translateY(-1px)}.btn-outline{background:#0000;border-color:var(--border-primary);color:var(--text-primary)}.btn-outline:hover{background:var(--surface-secondary);border-color:var(--accent-primary);color:var(--text-primary)}.btn-outline-primary{background:#0000;border-color:var(--primary-color,#3b82f6);color:var(--primary-color,#3b82f6)}.btn-outline-primary:hover{background:var(--primary-color,#3b82f6);color:#fff}.btn-outline-secondary{background:#0000;border-color:var(--secondary-color,#6b7280);color:var(--secondary-color,#6b7280)}.btn-outline-secondary:hover{background:var(--secondary-color,#6b7280);color:#fff}.btn-outline-danger{background:#0000;border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.btn-outline-danger:hover{background:var(--danger-color,#ef4444);color:#fff}.btn-icon{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#6b7280;display:flex;gap:0;height:40px;justify-content:center;min-height:40px;padding:8px;transition:all .2s ease;width:40px}.btn-icon span{white-space:nowrap}.btn-icon:has(span){min-width:40px;padding:8px 12px;width:auto}.btn-icon:hover{background:#eff6ff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#3b82f6;transform:translateY(-1px)}.btn-icon:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-icon:active{transform:translateY(0) scale(.98)}.btn-icon.btn-sm{height:32px;min-height:32px;width:32px}.btn-icon.btn-md{height:40px;min-height:40px;width:40px}.btn-icon.btn-lg{height:48px;min-height:48px;width:48px}.btn-icon.btn-primary{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.btn-icon.btn-primary:hover{background:var(--surface-primary);border-color:var(--primary-color)}.btn-icon.btn-secondary{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.btn-icon.btn-secondary:hover{background:var(--surface-primary);border-color:var(--primary-color)}.btn-icon.btn-danger{background:var(--danger-color,#ef4444);border-color:var(--danger-color,#ef4444);color:#fff}.btn-icon.btn-danger:hover{background:var(--danger-dark,#dc2626);border-color:var(--danger-dark,#dc2626)}.btn-icon.btn-success{background:var(--success-color,#10b981);border-color:var(--success-color,#10b981);color:#fff}.btn-icon.btn-success:hover{background:var(--success-dark,#059669);border-color:var(--success-dark,#059669)}.btn-icon.btn-warning{background:var(--warning-color,#f59e0b);border-color:var(--warning-color,#f59e0b);color:#fff}.btn-icon.btn-warning:hover{background:var(--warning-dark,#d97706);border-color:var(--warning-dark,#d97706)}.btn-icon.btn-info{background:var(--info-color,#06b6d4);border-color:var(--info-color,#06b6d4);color:#fff}.btn-icon.btn-info:hover{background:var(--info-dark,#0891b2);border-color:var(--info-dark,#0891b2)}.btn-icon-blue{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#6b7280;display:flex;gap:0;height:40px;justify-content:center;min-height:40px;padding:8px;transition:all .2s ease;width:40px}.btn-icon-blue:has(span),.btn-icon-green:has(span),.btn-icon-orange:has(span),.btn-icon-purple:has(span),.btn-icon-red:has(span),.btn-icon-yellow:has(span){min-width:40px;padding:8px 12px;width:auto}.btn-icon-blue:hover{background:#eff6ff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#3b82f6;transform:translateY(-1px)}.btn-icon-purple{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#6b7280;display:flex;gap:0;height:40px;justify-content:center;min-height:40px;padding:8px;transition:all .2s ease;width:40px}.btn-icon-purple:hover{background:#faf5ff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#8b5cf6;transform:translateY(-1px)}.btn-icon-red{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#6b7280;display:flex;gap:0;height:40px;justify-content:center;min-height:40px;padding:8px;transition:all .2s ease;width:40px}.btn-icon-red:hover{background:#fef2f2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#ef4444;transform:translateY(-1px)}.btn-icon-green{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#6b7280;display:flex;gap:0;height:40px;justify-content:center;min-height:40px;padding:8px;transition:all .2s ease;width:40px}.btn-icon-green:hover{background:#f0fdf4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#10b981;transform:translateY(-1px)}.btn-icon-yellow{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#6b7280;display:flex;gap:0;height:40px;justify-content:center;min-height:40px;padding:8px;transition:all .2s ease;width:40px}.btn-icon-yellow:hover{background:#fefce8;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#f59e0b;transform:translateY(-1px)}.btn-icon-orange{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#6b7280;display:flex;gap:0;height:40px;justify-content:center;min-height:40px;padding:8px;transition:all .2s ease;width:40px}.btn-icon-orange:hover{background:#fff7ed;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#f97316;transform:translateY(-1px)}.theme-dark .btn-icon-blue{background:#374151;box-shadow:0 1px 2px 0 #0000004d;color:#d1d5db}.theme-dark .btn-icon-blue:hover{background:#1e3a8a4d;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;color:#60a5fa}.theme-dark .btn-icon-purple{background:#374151;box-shadow:0 1px 2px 0 #0000004d;color:#d1d5db}.theme-dark .btn-icon-purple:hover{background:#581c874d;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;color:#a78bfa}.theme-dark .btn-icon-red{background:#374151;box-shadow:0 1px 2px 0 #0000004d;color:#d1d5db}.theme-dark .btn-icon-red:hover{background:#7f1d1d4d;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;color:#f87171}.theme-dark .btn-icon-green{background:#374151;box-shadow:0 1px 2px 0 #0000004d;color:#d1d5db}.theme-dark .btn-icon-green:hover{background:#064e3b4d;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;color:#34d399}.theme-dark .btn-icon-yellow{background:#374151;box-shadow:0 1px 2px 0 #0000004d;color:#d1d5db}.theme-dark .btn-icon-yellow:hover{background:#78350f4d;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;color:#fbbf24}.theme-dark .btn-icon-orange{background:#374151;box-shadow:0 1px 2px 0 #0000004d;color:#d1d5db}.theme-dark .btn-icon-orange:hover{background:#9a34124d;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;color:#fb923c}.theme-dark .btn,.theme-dark .btn-outline{color:var(--text-primary)}.theme-dark .btn-outline{background:#0000;border-color:var(--border-primary)}.theme-dark .btn-outline:hover{background:var(--surface-secondary);border-color:var(--accent-primary);color:var(--text-primary)}.theme-dark .btn-outline-primary{border-color:var(--primary-color,#60a5fa);color:var(--primary-color,#60a5fa)}.theme-dark .btn-outline-primary:hover{background:var(--primary-color,#60a5fa);color:#fff}.theme-dark .btn-outline-secondary{border-color:var(--secondary-color,#9ca3af);color:var(--secondary-color,#9ca3af)}.theme-dark .btn-outline-secondary:hover{background:var(--secondary-color,#9ca3af);color:#fff}.theme-dark .btn-outline-danger{border-color:var(--danger-color,#f87171);color:var(--danger-color,#f87171)}.theme-dark .btn-outline-danger:hover{background:var(--danger-color,#f87171);color:#fff}.theme-dark .btn-icon{background:#374151;box-shadow:0 1px 2px 0 #0000004d;color:#d1d5db}.theme-dark .btn-icon:hover{background:#1e3a8a4d;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;color:#60a5fa}.theme-dark .btn-icon:focus{box-shadow:0 0 0 3px #60a5fa1a}.btn-icon:disabled,.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;pointer-events:none;transform:none!important}.btn-icon:focus,.btn:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-icon:active,.btn:active{transform:translateY(0) scale(.98)}.btn svg,.btn-icon svg{display:block;height:1rem;width:1rem}.btn-icon.btn-sm svg,.btn-sm svg{height:.875rem;width:.875rem}.btn-icon.btn-lg svg,.btn-lg svg{height:1.125rem;width:1.125rem}@media (max-width:768px){.api-management-dashboard{padding:.5rem}.dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.header-content h1{font-size:2rem}.configs-grid,.dashboard-stats,.form-row{grid-template-columns:1fr}.modal-actions,.modal-body,.modal-header{padding-left:8px;padding-right:8px}.modal-actions{flex-direction:column;gap:.5rem}.modal-actions .btn{justify-content:center;width:100%}.config-actions{flex-wrap:wrap;gap:.25rem}}.models-container{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.models-container:empty:after{background-color:var(--surface-secondary);border:1px dashed var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);content:"No models configured. Click 'Add Model' to add one.";font-style:italic;padding:1rem;text-align:center}.model-item{background-color:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-md);padding:1rem;transition:all var(--transition-fast) ease}.model-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.model-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr auto;min-height:2.5rem}.model-row input{background-color:var(--background-primary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);padding:.5rem;width:100%}.model-name-input,.model-tokens-input{font-weight:500}.input-group{position:relative;width:100%}.input-group,.input-help{align-items:center;display:flex}.input-help{background-color:var(--text-secondary);border-radius:50%;color:#fff;cursor:help;font-size:.75rem;font-weight:700;height:1.25rem;justify-content:center;position:absolute;right:.5rem;transition:all var(--transition-fast) ease;width:1.25rem}.input-help:hover{background-color:var(--accent-primary);transform:scale(1.1)}.input-label{background-color:var(--background-primary);color:var(--text-secondary);font-size:.75rem;font-weight:500;left:.5rem;padding:0 .25rem;position:absolute;top:-.75rem;z-index:1}.model-row input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--option-selected-shadow);outline:none}.model-actions{display:flex;gap:.5rem}.model-active-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.model-active-checkbox input[type=checkbox]{cursor:pointer;margin:0;width:auto}.add-model-btn{align-self:flex-start;background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem;transition:all var(--transition-fast) ease}.add-model-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.remove-model-btn{background-color:var(--danger-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all var(--transition-fast) ease;white-space:nowrap}.remove-model-btn:hover:not(:disabled){background-color:#dc2626}.remove-model-btn:disabled{background-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.models-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.model-badge{align-items:center;background-color:var(--accent-primary);border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;transition:all var(--transition-fast) ease}.model-badge:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.model-badge .model-name{font-weight:600}.model-badge .model-tokens{font-size:.7rem;opacity:.8}.model-badge.active{background-color:var(--accent-primary);color:#fff}.model-badge.inactive{background-color:var(--text-secondary);color:var(--background-primary);opacity:.6}@media (max-width:768px){.model-row{gap:.5rem;grid-template-columns:1fr}.model-actions,.model-active-checkbox{justify-content:center}.input-help{font-size:.875rem;height:1.5rem;width:1.5rem}}@media (max-width:480px){.config-card{padding:1rem}.config-header{align-items:flex-start;flex-direction:column;gap:1rem}.config-actions{justify-content:center}}.api-management-dashboard .btn-icon{align-items:center;background-color:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;margin:4px;min-height:40px;min-width:40px;padding:8px;position:relative;transition:all var(--transition-fast) ease;width:40px;z-index:10}.api-management-dashboard .btn-icon:hover{background-color:var(--background-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.api-management-dashboard .btn-icon.btn-secondary{background-color:var(--background-secondary);border-color:var(--border-primary);color:var(--text-primary)}.api-management-dashboard .btn-icon.btn-secondary:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.api-management-dashboard .btn-icon.btn-danger{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.api-management-dashboard .btn-icon.btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.api-management-dashboard .btn-icon svg{display:block;height:16px;width:16px}.btn-action{align-items:center;background:#0000;border:none;border-radius:.375rem;color:var(--text-tertiary);cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;text-decoration:none;transition:all .2s ease}.btn-action:hover{background:var(--hover-transparent);color:var(--accent-primary);transform:scale(1.05)}.btn-action:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-action:active{transform:scale(.95)}.btn-action svg{display:block;height:1rem;width:1rem}.theme-dark .btn-action{color:var(--text-tertiary)}.theme-dark .btn-action:hover{background:var(--hover-transparent);color:var(--accent-primary)}.btn-action.btn-download:hover{color:var(--accent-primary)}.btn-action.btn-view:hover{color:var(--text-secondary)}.btn-action.btn-edit:hover{color:var(--warning-color)}.btn-action.btn-delete:hover{color:var(--danger-color)}.btn-action[title]{position:relative}.btn-action[title]:hover:after{background:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:.25rem;bottom:-2rem;box-shadow:var(--shadow-md);color:var(--text-primary);content:attr(title);font-size:.75rem;left:50%;padding:.25rem .5rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.api-management-dashboard .config-actions{align-items:center;background-color:var(--background-secondary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-md);display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding:8px}.path-selector-container{overflow:visible!important;position:relative;z-index:1}.path-selector-dropdown{box-shadow:var(--shadow-lg);max-width:300px;min-width:200px;overflow:hidden;position:absolute!important;z-index:9999!important}.path-selector-button,.path-selector-dropdown{background:var(--background-secondary,#1e293b)!important;border:var(--border-width) solid var(--border-primary,#334155);border-radius:var(--radius-md);width:100%}.path-selector-button{align-items:center;color:var(--text-primary,#f8fafc)!important;display:flex;font-size:.875rem;justify-content:space-between;min-width:120px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}@media (min-width:768px){.path-selector-button{padding:var(--space-3) var(--space-4)}}.path-selector-button:hover{background:var(--background-tertiary,#334155)!important;border-color:var(--border-secondary,#475569)}.path-selector-option{background:var(--background-secondary,#1e293b)!important;color:var(--text-primary,#f8fafc)!important;cursor:pointer;font-size:.875rem;padding:var(--space-2) var(--space-4);text-align:left;transition:background-color var(--transition-fast);width:100%}.path-selector-option:hover{background:var(--background-tertiary,#334155)!important}.path-selector-option.selected{background:var(--accent-primary,#475569)!important;color:var(--text-primary,#f8fafc)!important}.path-selector-search{background:var(--background-secondary,#1e293b)!important;border-bottom:var(--border-width) solid var(--border-primary,#334155);width:100%}.path-selector-search input{background:#0000!important;border:none;color:var(--text-primary,#f8fafc)!important;font-size:.875rem;padding:var(--space-3) var(--space-4);width:100%}.path-selector-search input::placeholder{color:var(--text-secondary,#94a3b8)!important}.path-selector-options{background:var(--background-secondary,#1e293b)!important;max-height:300px;overflow-y:auto;padding:var(--space-1) 0;position:relative;scrollbar-color:var(--border-secondary,#475569) #0000;scrollbar-width:thin;z-index:10000}.path-selector-options::-webkit-scrollbar{width:6px}.path-selector-options::-webkit-scrollbar-track{background:#0000}.path-selector-options::-webkit-scrollbar-thumb{background-color:var(--border-secondary,#475569);border-radius:3px}.path-selector-loading{align-items:center;background:var(--background-secondary,#1e293b)!important;color:var(--text-secondary,#94a3b8)!important;display:flex;font-size:.75rem;gap:var(--space-2);padding:var(--space-2) var(--space-3)}@media (min-width:768px){.path-selector-loading{font-size:.875rem;padding:var(--space-3) var(--space-4)}}.path-selector-create{align-items:center;background:var(--background-secondary,#1e293b)!important;color:var(--accent-secondary,#60a5fa)!important;cursor:pointer;display:flex;font-size:.875rem;gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:background-color var(--transition-fast);width:100%}.path-selector-create:hover{background:var(--background-tertiary,#334155)!important}.theme-dark .path-selector-button,.theme-dark .path-selector-dropdown,.theme-light .path-selector-button,.theme-light .path-selector-dropdown{background:var(--background-secondary,#1e293b)!important;border-color:var(--border-primary,#334155)}.theme-dark .path-selector-button,.theme-light .path-selector-button{color:var(--text-primary,#f8fafc)!important}.theme-dark .path-selector-button:hover,.theme-light .path-selector-button:hover{background:var(--background-tertiary,#334155)!important;border-color:var(--border-secondary,#475569)}.theme-dark .path-selector-option:hover,.theme-light .path-selector-option:hover{background:var(--background-tertiary,#334155)!important}.theme-dark .path-selector-option.selected,.theme-light .path-selector-option.selected{background:var(--accent-primary,#475569)!important}.theme-dark .path-selector-create:hover,.theme-light .path-selector-create:hover{background:var(--background-tertiary,#334155)!important}@media (max-width:480px){.path-selector-dropdown{max-width:100%;min-width:150px;right:0}.path-selector-create,.path-selector-option,.path-selector-search input{font-size:.8125rem;padding:var(--space-2) var(--space-3)}}.video-preview-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000d;border:1px solid #0000001a;border-radius:12px;margin-bottom:16px;padding:16px}.video-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.video-preview-header span{color:var(--text-primary);font-weight:600}.cancel-video-button{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;gap:6px;padding:6px 12px;transition:all .2s ease}.cancel-video-button:hover{background:#ef444433;border-color:#ef444466}.selected-video-container{display:flex;flex-direction:column;gap:12px}.selected-video-preview{border-radius:8px;box-shadow:0 4px 12px #0000001a}.video-info{display:flex;flex-direction:column;gap:4px}.video-name{color:var(--text-primary);font-size:14px;font-weight:500}.video-size{color:var(--text-secondary);font-size:12px}.video-message .video-wrapper{align-items:center;display:flex;justify-content:center;max-width:100%;overflow:hidden;width:100%}.video-message{max-width:320px;padding:8px;width:-webkit-fit-content;width:fit-content}.chat-video{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:100%;transition:transform .2s ease}.chat-video:hover{transform:scale(1.02)}.video-error{color:#ef4444;font-style:italic;padding:20px;text-align:center}.mcq-lightbox-overlay{z-index:100000!important}.mcq-lightbox-content{z-index:100001!important}.mcq-lightbox-close,.mcq-lightbox-zoom-controls,.mcq-lightbox-zoom-info{z-index:100002!important}.mcq-lightbox-overlay:has(.mcq-lightbox-content){touch-action:manipulation!important}.mcq-lightbox-content:has(.mcq-lightbox-media-container){touch-action:manipulation!important}.mcq-lightbox-media-container:has(.mcq-lightbox-image){touch-action:manipulation!important}.mcq-lightbox-overlay .mcq-lightbox-content{touch-action:manipulation!important}.mcq-lightbox-overlay .mcq-lightbox-media-container{-webkit-touch-callout:none!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important}.course-lightbox-image{-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.course-lightbox-image,.course-lightbox-video{border-radius:8px;height:auto;max-height:85vh;max-width:90vw;object-fit:contain;width:auto}.course-lightbox-video{display:block}.course-lightbox-audio-container{align-items:center;display:flex;justify-content:center;min-height:300px;padding:60px 40px}.course-lightbox-audio{max-width:400px;width:100%}.course-lightbox-nav{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:1001}.course-lightbox-nav:hover{background-color:#000000e6;transform:translateY(-50%) scale(1.1)}.course-lightbox-nav-left{left:20px}.course-lightbox-nav-right{right:20px}.course-lightbox-counter{background:#000000b3;border-radius:20px;color:#fff;font-size:14px;font-weight:500;left:50%;padding:8px 16px;position:absolute;top:20px;transform:translateX(-50%);z-index:1001}@media (max-width:768px){.course-lightbox-nav{font-size:20px;height:40px;width:40px}.course-lightbox-nav-left{left:10px}.course-lightbox-nav-right{right:10px}.course-lightbox-counter{font-size:12px;padding:6px 12px;top:10px}.course-lightbox-audio-container{min-height:200px;padding:40px 20px}}.image-message{margin:8px 0;max-width:400px}.image-message .image-wrapper{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.image-message .chat-image{border-radius:8px;display:block;height:auto;max-width:100%}.image-message .image-overlay{align-items:center;background:#00000080;border-radius:8px;bottom:0;color:#fff;display:flex;font-size:12px;justify-content:center;left:0;opacity:0;padding:8px;position:absolute;right:0;text-align:center;top:0;transition:opacity .2s ease}.image-message .image-wrapper:hover .image-overlay{opacity:1}.media-dropdown{display:inline-block;position:relative}.media-btn{align-items:center;border-radius:8px;display:flex;gap:6px;padding:8px 12px;transition:all .2s ease}.media-dropdown-menu{background:var(--background-primary);border:var(--border-width) solid var(--border-primary);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;left:0;margin-bottom:8px;min-width:140px;overflow:hidden;position:absolute;z-index:1000}.media-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:background-color .2s ease;width:100%}.media-dropdown-item:hover{background:var(--hover-transparent)}.media-dropdown-item:first-child{border-bottom:1px solid var(--border-secondary)}.media-dropdown-item svg{color:var(--accent-primary)}.theme-dark .media-dropdown-menu{background:var(--background-secondary);border-color:var(--border-secondary);box-shadow:0 4px 12px #0000004d}.theme-dark .media-dropdown-item:hover{background:#ffffff0d}@media (max-width:768px){.media-btn{padding:8px}.media-dropdown-menu{min-width:120px}.media-dropdown-item{font-size:13px;padding:8px 10px}.social-feed-container{max-width:100%}}@media (min-width:769px){.content-inner{padding:24px}}.user-item-container{align-items:center;background:var(--background-primary);border:1px solid var(--border-secondary);border-radius:12px;display:flex;gap:16px;margin-bottom:8px;padding:16px;transition:all .3s ease}.user-item-container:hover{background:var(--hover-transparent);border-color:var(--accent-primary);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.user-avatar-section{flex-shrink:0;height:36px;position:relative;width:36px}.user-avatar-section .submenu-avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-avatar-section .submenu-avatar-text{font-size:14px;font-weight:500}.user-avatar-section .submenu-avatar-icon,.user-avatar-section .submenu-avatar-text{align-items:center;background-color:var(--accent-primary);border-radius:50%;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.user-info-section{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.user-name{color:var(--text-primary)!important;font-size:16px;font-weight:600;letter-spacing:.5px;line-height:1.2;margin:0}.theme-light .user-name{color:#1e293b!important}.theme-dark .user-name{color:#f8fafc!important}.user-details{display:flex;flex-direction:column;gap:4px}.user-detail-item{background:var(--background-secondary);border:var(--border-width) solid var(--border-primary);border-radius:6px;color:var(--text-secondary);display:inline-block;font-size:13px;font-weight:500;max-width:-webkit-fit-content;max-width:fit-content;padding:4px 8px}.user-action-section{align-items:center;display:flex;flex-shrink:0}.follow-button{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;text-align:center;transition:all .3s ease}.follow-button:not(:disabled){background:var(--accent-primary);color:#fff}.follow-button:not(:disabled):hover{background:var(--accent-primary-dark,#0056b3);box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.follow-button:disabled{background:var(--background-secondary);border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:default}.theme-dark .user-item-container{background:var(--background-secondary);border-color:var(--border-secondary)}.theme-dark .user-item-container:hover{background:#ffffff0d;border-color:var(--accent-primary);box-shadow:0 8px 25px #0000004d}.theme-dark .user-detail-item{background:#ffffff0d;border-color:var(--border-secondary);color:var(--text-secondary)}@media (max-width:768px){.user-item-container{gap:12px;padding:12px}.user-name{font-size:15px}.user-detail-item{font-size:12px;padding:3px 6px}}@media (max-width:480px){.user-item-container{gap:10px;padding:10px}.user-name{font-size:14px}}.path-selector-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.path-step{display:flex;flex-direction:column;gap:.5rem;min-width:0}.path-step-label{color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.dark .path-step-label{color:var(--text-primary,#f8fafc)}.path-step-control{position:relative;width:100%}@media (max-width:768px){.path-selector-grid{gap:.75rem;grid-template-columns:1fr}.path-step{position:relative}}@media (min-width:769px) and (max-width:1024px){.path-selector-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.path-selector-grid{grid-template-columns:repeat(5,1fr)}}.logo-container-inline{align-items:center;display:flex;gap:0;margin:0;padding:0 0 0 10px}.logo-inline{animation:logoPulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:20px;margin:0;padding:0;transition:all .3s ease;width:20px}.logo-inline:hover{animation:logoRotate .8s ease-in-out,logoPulse 1s ease-in-out infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.15));transform:scale(1.15)}.theme-dark .logo-inline{filter:drop-shadow(0 2px 4px rgba(255,255,255,.1))}.theme-dark .logo-inline:hover{filter:drop-shadow(0 3px 6px rgba(255,255,255,.2))}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes logoRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.clinical-case-content-card{border-radius:12px;overflow:hidden;transition:all .3s ease}.clinical-case-content-card:hover:not(.create-clinical-case-container .clinical-case-content-card){box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.theme-dark .clinical-case-content-card:hover:not(.create-clinical-case-container .clinical-case-content-card){box-shadow:0 8px 25px #0000004d}.clinical-case-content-card .mcq-header{transition:background-color .2s ease}.clinical-case-content-card .mcq-header:hover{background-color:#3b82f60d}.theme-dark .clinical-case-content-card .mcq-header:hover{background-color:#3b82f61a}.clinical-case-content-card .expandable-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.clinical-case-content-card .expandable-content.expanded{max-height:none;overflow:visible;transition:max-height .3s ease-in}.clinical-case-content-card .expandable-content .mcq-form-container{max-height:none;overflow:visible}.mcq-number-badge{transition:all .2s ease}.mcq-number-badge:hover{transform:scale(1.1)}.clinical-case-header{background:linear-gradient(135deg,#dbeafe,#e0e7ff)}.theme-dark .clinical-case-header{background:linear-gradient(135deg,#1e3a8a33,#4338ca33)}.mcq-option-correct{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e}.theme-dark .mcq-option-correct{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e}.mcq-option-incorrect{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db}.theme-dark .mcq-option-incorrect{background:linear-gradient(135deg,#37415180,#4b556380);border-color:#4b5563}.pagination,.pagination-btn{border:none!important}.scrollbar-visible{scrollbar-color:#6b728000 #f3f4f6;scrollbar-width:auto}.scrollbar-visible::-webkit-scrollbar{height:8px;width:8px}.scrollbar-visible::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.scrollbar-visible::-webkit-scrollbar-thumb{background:#6b728066;border-radius:4px}.scrollbar-visible::-webkit-scrollbar-thumb:hover{background:#6b728099}.breadcrumb-nav{display:flex!important;flex-wrap:nowrap!important;margin-bottom:10px!important;min-width:0!important;overflow-x:auto!important;padding-bottom:8px!important;white-space:nowrap!important}.breadcrumb-nav>*{flex-shrink:0!important;white-space:nowrap!important}.pagination-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.pagination-nav{background:var(--surface-primary);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:.25rem}.pagination-btn,.pagination-nav{align-items:center;display:flex;gap:.25rem}.pagination-btn{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;min-width:2.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.pagination-btn:disabled{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-tertiary);cursor:not-allowed}.pagination-btn:not(:disabled){background:var(--surface-primary);border-color:var(--border-primary);color:var(--text-primary)}.pagination-btn:not(:disabled):hover{background:var(--surface-secondary);border-color:var(--primary-color);box-shadow:var(--shadow-md);color:var(--primary-color);transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:var(--primary-color);box-shadow:var(--shadow-lg);color:#fff;transform:scale(1.05)}.pagination-info{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.pagination-info-item{align-items:center;color:var(--text-secondary);display:flex;gap:.25rem}.pagination-info-separator{background:var(--border-primary);height:1rem;width:1px}.pagination-info-icon{color:var(--text-tertiary);height:1rem;width:1rem}.theme-dark .pagination-nav{background:var(--surface-primary);border-color:var(--border-primary)}.theme-dark .pagination-btn:disabled{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-tertiary)}.theme-dark .pagination-btn:not(:disabled){background:var(--surface-primary);border-color:var(--border-primary);color:var(--text-primary)}.theme-dark .pagination-btn:not(:disabled):hover{background:var(--surface-secondary);border-color:var(--primary-color);color:var(--primary-color)}.theme-dark .pagination-btn.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:var(--primary-color);color:#fff}.theme-dark .pagination-info-item{color:var(--text-secondary)}.theme-dark .pagination-info-separator{background:var(--border-primary)}.theme-dark .pagination-info-icon{color:var(--text-tertiary)}@media (max-width:768px){.pagination-container{gap:.75rem}.pagination-nav{gap:.125rem;padding:.125rem}.pagination-btn{font-size:.8125rem;min-width:2rem;padding:.375rem .75rem}.pagination-info{flex-direction:column;gap:.25rem;text-align:center}.pagination-info-separator{display:none}}.preference-toggle{align-items:center;display:flex;gap:.75rem}.toggle-button{align-items:center;background:none;border:none;border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;position:relative;transition:background-color .2s ease}.toggle-button:hover{background-color:var(--surface-secondary)}.toggle-slider{background-color:var(--border-primary);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background-color .3s ease;width:48px}.toggle-knob{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-button.active .toggle-slider{background-color:var(--accent-primary)}.toggle-button.active .toggle-knob{transform:translateX(24px)}.toggle-label{color:var(--text-primary);font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none}.theme-dark .toggle-slider{background-color:var(--border-primary)}.theme-dark .toggle-knob{background-color:var(--surface-primary)}.theme-dark .toggle-button.active .toggle-slider{background-color:var(--accent-primary)}.theme-dark .toggle-button:hover{background-color:var(--surface-secondary)}@media (max-width:768px){.toggle-button{padding:.75rem}.toggle-slider{height:26px;width:52px}.toggle-knob{height:22px;left:2px;top:2px;width:22px}.toggle-button.active .toggle-knob{transform:translateX(26px)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.edit-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px;width:100%}@media (max-width:768px){.edit-fields-grid{gap:8px;grid-template-columns:1fr 1fr}}.organogram-empty-state{align-items:center;background:var(--background-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;height:400px;justify-content:center}.empty-state-content{max-width:400px;padding:2rem;text-align:center}.empty-state-content h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.empty-state-content p{color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.empty-state-content .btn{margin-top:1rem}.tab-container{-ms-overflow-style:none;align-items:center;border-bottom:1px solid var(--border-color);box-sizing:border-box;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;width:100%}.tab-buttons-group{display:flex;flex-shrink:0;gap:8px}.create-post-btn{flex-shrink:0!important;margin:0 0 0 auto!important}.tab-container::-webkit-scrollbar{display:none}.tab-button{background:none;border:none;border-radius:8px 8px 0 0;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:16px;font-weight:500;min-width:0;padding:12px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background-color:var(--background-tertiary);color:var(--primary-color)}.tab-button.active{background-color:var(--background-secondary);color:var(--primary-color);font-weight:600}.tab-button.active:after{background-color:var(--primary-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.tab-button svg{height:16px;margin-right:8px;vertical-align:middle;width:16px}@media (max-width:768px){.tab-container{flex-wrap:nowrap;gap:8px;justify-content:flex-start;margin-bottom:16px;padding:0 16px}.tab-buttons-group{flex:1 1;gap:4px}.create-post-btn{flex-shrink:0;margin:0 0 0 auto}.tab-button{font-size:14px;padding:10px 16px}.tab-button svg{height:14px;margin-right:6px;width:14px}}@media (max-width:480px){.tab-container{gap:6px;padding:0 12px}.tab-buttons-group{gap:2px}.tab-button{font-size:13px;padding:8px 12px}.create-post-btn{flex-shrink:0;margin:0 0 0 auto}}.btn,.button{align-items:center;background:var(--background-primary);border:var(--border-width) solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:1.4;min-height:44px;padding:12px 20px;text-decoration:none;transition:all var(--transition-medium) ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary,.button-primary{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.btn-primary:hover,.button-primary:hover{background:var(--surface-primary);border-color:var(--primary-color);transform:translateY(-1px)}.btn-secondary,.button-secondary{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.btn-secondary:hover,.button-secondary:hover{background:var(--surface-primary);border-color:var(--primary-color)}.btn-danger,.button-danger{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.btn-danger:hover,.button-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.btn-success,.button-success{background:var(--success-color);border-color:var(--success-color);color:#fff}.btn-success:hover,.button-success:hover{background:var(--success-hover);border-color:var(--success-hover)}.btn-outline,.button-outline{background:#0000;border-color:var(--primary-color);color:var(--primary-color)}.btn-outline:hover,.button-outline:hover{background:var(--primary-color);color:#fff}.btn-sm,.button-sm{font-size:12px;min-height:36px;padding:8px 16px}.btn-lg,.button-lg{font-size:16px;min-height:52px;padding:16px 24px}.btn-xl,.button-xl{font-size:18px;min-height:60px;padding:20px 32px}.btn:disabled,.button:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn:active,.button:active{transform:translateY(0)}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:var(--background-primary);border:var(--border-width) solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;line-height:1.4;min-height:44px;padding:12px 16px;transition:all var(--transition-medium) ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-error{color:var(--danger-color)}.form-error,.form-help{font-size:12px;margin-top:4px}.form-help{color:var(--text-secondary)}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--danger-color)}.form-input--success,.form-select--success,.form-textarea--success{border-color:var(--success-color)}.card{background:var(--background-primary);border:var(--border-width) solid var(--border-primary);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all var(--transition-medium) ease}.card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card-header{background:var(--surface-secondary);border-bottom:var(--border-width) solid var(--border-primary);padding:20px}.card-body{padding:20px}.card-footer{background:var(--surface-secondary);border-top:var(--border-width) solid var(--border-primary);padding:20px}.card-primary{border-color:var(--primary-color)}.card-secondary{background:var(--surface-secondary)}.card-outline,.card-secondary{border-color:var(--border-primary)}.card-outline{background:#0000}.card-elevated{box-shadow:0 4px 6px #0000001a}.card-elevated:hover{box-shadow:0 8px 25px #00000026}:root{--mobile-xs:320px;--mobile-sm:480px;--tablet-md:768px;--desktop-lg:1024px;--desktop-xl:1440px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--touch-target-sm:36px;--touch-target-md:44px;--touch-target-lg:52px;--touch-target-xl:60px}.container:not(.error-reports-admin-container):not([class*=admin]){margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md);width:100%}@media (min-width:480px){.container:not(.error-reports-admin-container):not([class*=admin]){max-width:480px;padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media (min-width:768px){.container:not(.error-reports-admin-container):not([class*=admin]){max-width:768px;padding-left:var(--space-xl);padding-right:var(--space-xl)}}@media (min-width:1024px){.container:not(.error-reports-admin-container):not([class*=admin]){max-width:1024px}}@media (min-width:1440px){.container:not(.error-reports-admin-container):not([class*=admin]){max-width:1440px}}.grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}@media (min-width:768px){.md\:m-lg{margin:var(--space-lg)}.md\:m-xl{margin:var(--space-xl)}.md\:p-lg{padding:var(--space-lg)}.md\:p-xl{padding:var(--space-xl)}}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}@media (min-width:768px){.md\:text-lg{font-size:var(--text-lg)}.md\:text-xl{font-size:var(--text-xl)}.md\:text-2xl{font-size:var(--text-2xl)}.md\:text-3xl{font-size:var(--text-3xl)}}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}@media (min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}}.touch-target{min-height:var(--touch-target-md);min-width:var(--touch-target-md)}.touch-target-sm{min-height:var(--touch-target-sm);min-width:var(--touch-target-sm)}.touch-target-lg{min-height:var(--touch-target-lg);min-width:var(--touch-target-lg)}.touch-target-xl{min-height:var(--touch-target-xl);min-width:var(--touch-target-xl)}.nav-mobile{background:var(--background-primary);border-top:var(--border-width) solid var(--border-primary);bottom:0;left:0;padding:var(--space-sm);position:fixed;right:0;z-index:1000}.nav-mobile .nav-item{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;padding:var(--space-xs);text-decoration:none;transition:color var(--transition-medium) ease}.nav-mobile .nav-item.active{color:var(--primary-color)}.nav-mobile .nav-item svg{height:20px;margin-bottom:var(--space-xs);width:20px}@media (min-width:768px){.nav-mobile{display:none}}.modal-mobile{align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.modal-mobile .modal-content{background:var(--background-primary);border-radius:16px 16px 0 0;max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform var(--transition-medium) ease;width:100%}.modal-mobile.active .modal-content{transform:translateY(0)}@media (min-width:768px){.modal-mobile{align-items:center}.modal-mobile .modal-content{border-radius:12px;max-height:90vh;max-width:500px;transform:scale(.9);width:auto}.modal-mobile.active .modal-content{transform:scale(1)}}.m-0{margin:0}.m-auto{margin:auto}.my-auto{margin-bottom:auto;margin-top:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--space-xs)}.ml-sm{margin-left:var(--space-sm)}.ml-md{margin-left:var(--space-md)}.ml-lg{margin-left:var(--space-lg)}.ml-xl{margin-left:var(--space-xl)}.mr-0{margin-right:0}.mr-xs{margin-right:var(--space-xs)}.mr-sm{margin-right:var(--space-sm)}.mr-md{margin-right:var(--space-md)}.mr-lg{margin-right:var(--space-lg)}.mr-xl{margin-right:var(--space-xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--space-xs)}.pl-sm{padding-left:var(--space-sm)}.pl-md{padding-left:var(--space-md)}.pl-lg{padding-left:var(--space-lg)}.pl-xl{padding-left:var(--space-xl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--space-xs)}.pr-sm{padding-right:var(--space-sm)}.pr-md{padding-right:var(--space-md)}.pr-lg{padding-right:var(--space-lg)}.pr-xl{padding-right:var(--space-xl)}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-auto{top:auto}.right-auto{right:auto}.bottom-auto{bottom:auto}.left-auto{left:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-basis-0{flex-basis:0%}.flex-basis-auto{flex-basis:auto}.flex-basis-full{flex-basis:100%}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-cols-none{grid-template-columns:none}.grid-rows-none{grid-template-rows:none}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-span-5{grid-row:span 5/span 5}.row-span-6{grid-row:span 6/span 6}.row-span-full{grid-row:1/-1}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-success{background-color:var(--success-color)}.bg-danger{background-color:var(--danger-color)}.bg-warning{background-color:var(--warning-color)}.bg-info{background-color:var(--info-color)}.bg-transparent{background-color:initial}.border-primary{border-color:var(--primary-color)}.border-secondary{border-color:var(--secondary-color)}.border-success{border-color:var(--success-color)}.border-danger{border-color:var(--danger-color)}.border-warning{border-color:var(--warning-color)}.border-info{border-color:var(--info-color)}.border-0{border-width:0}.border{border-width:var(--border-width)}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-t{border-top-width:var(--border-width)}.border-r{border-right-width:var(--border-width)}.border-b{border-bottom-width:var(--border-width)}.border-l{border-left-width:var(--border-width)}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.transition-none{transition:none}.transition-all{transition:all var(--transition-medium) ease}.transition-colors{transition:color var(--transition-medium) ease,background-color var(--transition-medium) ease,border-color var(--transition-medium) ease}.transition-opacity{transition:opacity var(--transition-medium) ease}.transition-transform{transition:transform var(--transition-medium) ease}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-1000{transition-duration:1s}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.transform,.transform-gpu{transform:translateZ(0)}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.rotate-0{transform:rotate(0deg)}.rotate-1{transform:rotate(1deg)}.rotate-2{transform:rotate(2deg)}.rotate-3{transform:rotate(3deg)}.rotate-6{transform:rotate(6deg)}.rotate-12{transform:rotate(12deg)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.translate-x-0{transform:translateX(0)}.translate-x-1{transform:translateX(.25rem)}.translate-x-2{transform:translateX(.5rem)}.translate-x-3{transform:translateX(.75rem)}.translate-x-4{transform:translateX(1rem)}.translate-x-5{transform:translateX(1.25rem)}.translate-y-0{transform:translateY(0)}.translate-y-1{transform:translateY(.25rem)}.translate-y-2{transform:translateY(.5rem)}.translate-y-3{transform:translateY(.75rem)}.translate-y-4{transform:translateY(1rem)}.translate-y-5{transform:translateY(1.25rem)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.will-change-auto{will-change:auto}.will-change-scroll{will-change:scroll-position}.will-change-contents{will-change:contents}.will-change-transform{will-change:transform}.contain-none{contain:none}.contain-strict{contain:strict}.contain-content{contain:content}.contain-size{contain:size}.contain-layout{contain:layout}.contain-style{contain:style}.contain-paint{contain:paint}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.touch-auto{touch-action:auto}.touch-none{touch-action:none}.touch-pan-x{touch-action:pan-x}.touch-pan-y{touch-action:pan-y}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}@media (min-width:480px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:text-sm{font-size:var(--text-sm)}.sm\:text-base{font-size:var(--text-base)}.sm\:text-lg{font-size:var(--text-lg)}.sm\:p-md{padding:var(--space-md)}.sm\:p-lg{padding:var(--space-lg)}.sm\:m-md{margin:var(--space-md)}.sm\:m-lg{margin:var(--space-lg)}}@media (min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:text-lg{font-size:var(--text-lg)}.md\:text-xl{font-size:var(--text-xl)}.md\:text-2xl{font-size:var(--text-2xl)}.md\:p-lg{padding:var(--space-lg)}.md\:p-xl{padding:var(--space-xl)}.md\:m-lg{margin:var(--space-lg)}.md\:m-xl{margin:var(--space-xl)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:text-xl{font-size:var(--text-xl)}.lg\:text-2xl{font-size:var(--text-2xl)}.lg\:text-3xl{font-size:var(--text-3xl)}.lg\:p-xl{padding:var(--space-xl)}.lg\:p-2xl{padding:var(--space-2xl)}.lg\:m-xl{margin:var(--space-xl)}.lg\:m-2xl{margin:var(--space-2xl)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}@media (max-width:768px){.btn,.button{font-size:14px;min-height:var(--touch-target-md);padding:10px 16px}.btn-sm,.button-sm{font-size:12px;min-height:var(--touch-target-sm);padding:8px 12px}.btn-lg,.button-lg{font-size:16px;min-height:var(--touch-target-lg);padding:14px 20px}.form-input,.form-select,.form-textarea{font-size:16px;min-height:var(--touch-target-md);padding:10px 14px}.card-body,.card-footer,.card-header{padding:var(--space-md)}}@media (max-width:480px){.tab-container{gap:var(--space-xs);margin-bottom:var(--space-sm)}.tab-button{font-size:13px;padding:8px 12px}.tab-button svg{height:12px;margin-right:4px;width:12px}}.follow-button{overflow:hidden;position:relative;transition:all .2s ease}.follow-button:disabled{cursor:not-allowed;opacity:.7}.follow-button .animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.follow-button:hover:not(:disabled){box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.follow-button:active:not(:disabled){transform:translateY(0)}