:root{--brand-navy: #0b6da7;--brand-navy-rgb: 44, 61, 148;--brand-navy-dark: #1f2a66;--brand-navy-light: #4a5bb5;--brand-cyan-dark: #086297;--brand-cyan-deep: #206db0;--brand-cyan-mid: #247bb8;--brand-cyan: #2aacd5;--brand-cyan-light: #229ecc;--brand-cyan-bright: #0b9bc8;--brand-cyan-pale: #0889ab;--brand-sky: #51cddd;--brand-sky-light: #6bb1e3;--brand-sky-pale: #63eced;--primary-color: var(--brand-navy);--primary-color-rgb: var(--brand-navy-rgb);--primary-color-dark: var(--brand-navy-dark);--primary-color-light: var(--brand-navy-light);--primary-color-pale: #eef2f7;--secondary-color: var(--brand-cyan-bright);--secondary-color-rgb: 11, 155, 200;--secondary-color-dark: var(--brand-cyan-dark);--secondary-color-light: var(--brand-sky-light);--secondary-color-pale: var(--brand-sky-pale);--gradient-primary: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-navy) 100%);--gradient-primary-hover: linear-gradient(135deg, var(--brand-navy-dark) 0%, var(--brand-cyan-dark) 100%);--gradient-primary-light: linear-gradient(135deg, var(--brand-sky-pale) 0%, rgba(var(--brand-navy-rgb), .04) 100%);--gradient-secondary: linear-gradient(135deg, var(--brand-cyan) 0%, var(--brand-navy) 100%);--gradient-accent: linear-gradient(135deg, var(--brand-sky-pale) 0%, var(--brand-cyan-bright) 100%);--gradient-third: linear-gradient(135deg, var(--primary-color) 0%, var(--brand-navy) 100%);--gradient-text: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-cyan) 100%);--gradient-nav-hover: linear-gradient(135deg, var(--brand-cyan) 0%, var(--brand-navy) 100%);--gradient-nav-active: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-cyan-dark) 100%);--gradient-dropdown-hover: linear-gradient(to right, rgba(var(--secondary-color-rgb), .08), transparent);--gradient-divider: linear-gradient(to right, transparent, rgba(0,0,0,.08), transparent);--gradient-footer-top: linear-gradient(to right, transparent 0%, var(--brand-cyan) 50%, transparent 100%);--gradient-logout: linear-gradient(135deg, var(--danger-color) 0%, rgba(var(--danger-color-rgb), .7) 100%);--gradient-sidebar-bg: linear-gradient(135deg, var(--background-color-light) 0%, rgba(255,255,255,.98) 100%);--gradient-sidebar-header: linear-gradient(135deg, rgba(var(--secondary-color-rgb), .06) 0%, transparent 100%);--background-color: #f5f7fa;--background-color-pale: #ffffff;--background-color-light: #ffffff;--background-color-hover: #eef2f7;--background-overlay: rgba(0,0,0,.5);--background-blur: rgba(255,255,255,.98);--background-sidebar-blur: rgba(255,255,255,.98);--text-primary-color: var(--brand-navy);--text-secondary-color: #3a4a5e;--text-secondary-color-dark: #343f4d;--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--text-link-color: var(--brand-cyan-bright);--text-muted: #6b7a8a;--border-color: #dce2e8;--border-color-light: rgba(var(--brand-navy-rgb), .08);--border-color-lighter: rgba(var(--brand-navy-rgb), .05);--border-color-focus: var(--brand-cyan-bright);--shadow-sm: 0 1px 3px rgba(var(--brand-navy-rgb), .08), 0 1px 2px rgba(var(--brand-navy-rgb), .06);--shadow-md: 0 2px 8px rgba(var(--secondary-color-rgb), .25);--shadow-lg: 0 4px 12px rgba(var(--brand-navy-rgb), .06);--shadow-xl: 0 4px 20px rgba(var(--brand-navy-rgb), .08);--shadow-sidebar: 2px 0 8px rgba(var(--brand-navy-rgb), .05);--shadow-hover: 0 2px 8px rgba(var(--secondary-color-rgb), .15);--shadow-active: 0 2px 10px rgba(var(--secondary-color-rgb), .2);--shadow-deep: 0 4px 8px rgba(var(--brand-navy-rgb), .12), 0 2px 4px rgba(var(--brand-navy-rgb), .08);--scrollbar-track: transparent;--scrollbar-thumb: rgba(var(--brand-navy-rgb), .2);--scrollbar-thumb-hover: rgba(var(--brand-navy-rgb), .3);--success-color: #28a745;--success-color-rgb: 40, 167, 69;--success-background-color: #e9f6ec;--danger-color: #dc3545;--danger-color-rgb: 220, 53, 69;--danger-background-color: #fbebee;--warning-color: #f0ad4e;--warning-color-rgb: 240, 173, 78;--warning-background-color: #fff8e6;--info-color: #17a2b8;--info-color-rgb: 23, 162, 184;--info-background-color: #e6f7f9;--white: #ffffff;--black: #000000;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-base: 16px;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius-sm: .2rem;--border-radius: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 50px;--container-width: 1200px;--sidebar-width: 280px;--sidebar-width-mobile: 260px;--header-height: 70px;--header-height-mobile: 64px;--transition-speed: .2s;--transition-timing: cubic-bezier(.4, 0, .2, 1);--transition-bounce: cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-header: 1020;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-tooltip: 1070;--z-index-sidebar: 10000;--z-index-sidebar-toggle: 9999}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--black);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}p{margin-top:0;margin-bottom:var(--spacing-md)}a{color:var(--text-link-color);text-decoration:none;transition:color var(--transition-speed) var(--transition-timing)}a:hover{color:var(--brand-navy);text-decoration:underline}ul,ol{padding-left:var(--spacing-lg);margin-top:0;margin-bottom:var(--spacing-md)}img{max-width:100%;height:auto;display:block}hr{border:0;border-top:1px solid var(--border-color);margin:var(--spacing-lg) 0}::selection{background:var(--brand-cyan-bright);color:var(--text-on-primary)}::-moz-selection{background:var(--brand-cyan-bright);color:var(--text-on-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gr)}::-webkit-scrollbar-thumb{background:var(--gradient-secondary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-primary)}*:focus-visible{outline:2px solid var(--brand-cyan-bright);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;margin:0}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary-color);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-speed) var(--transition-timing),box-shadow var(--transition-speed) var(--transition-timing)}input:focus,textarea:focus,select:focus{border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.15);outline:none}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md)}th,td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);text-align:left}th{background:var(--background-color-hover);font-weight:var(--font-weight-semibold)}code,pre{font-family:var(--font-family-monospace);background:var(--background-color-hover);border-radius:var(--border-radius-sm);padding:.1rem .3rem;font-size:.9em}pre{padding:var(--spacing-md);overflow-x:auto}pre code{background:none;padding:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary-color)}.text-muted{color:var(--text-muted)}.text-brand-navy{color:var(--brand-navy)}.text-brand-cyan{color:var(--brand-cyan)}.text-brand-cyan-bright{color:var(--brand-cyan-bright)}.text-sky{color:var(--brand-sky)}.text-on-primary{color:var(--text-on-primary)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-light{background:var(--background-color-light)}.bg-muted{background:var(--background-color)}.bg-brand-navy{background:var(--brand-navy);color:var(--text-on-primary)}.bg-brand-cyan{background:var(--brand-cyan);color:var(--text-on-primary)}.bg-brand-cyan-bright{background:var(--brand-cyan-bright);color:var(--text-on-primary)}.bg-gradient-primary{background:var(--gradient-primary);color:var(--text-on-primary)}.bg-gradient-accent{background:var(--gradient-accent)}.m-0{margin:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.d-flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.d-grid{display:grid}.border{border:1px solid var(--border-color)}.border-radius{border-radius:var(--border-radius)}.border-radius-lg{border-radius:var(--border-radius-lg)}.border-radius-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded{border-radius:var(--border-radius)}.rounded-full{border-radius:var(--border-radius-full)}.w-100{width:100%}.h-100{height:100%}.overflow-hidden{overflow:hidden}.position-relative{position:relative}.position-absolute{position:absolute}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.6rem 1.2rem;font-weight:var(--font-weight-medium);font-size:var(--font-size-md);line-height:1.5;border-radius:var(--border-radius);border:1px solid transparent;transition:all var(--transition-speed) var(--transition-timing);text-decoration:none;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:var(--text-on-primary);border-color:var(--brand-navy)}.btn-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none;color:var(--text-on-primary)}.btn-secondary{background:var(--gradient-secondary);color:var(--text-on-primary);border-color:var(--brand-cyan)}.btn-secondary:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none;color:var(--text-on-primary)}.btn-outline{background:transparent;color:var(--brand-navy);border-color:var(--brand-navy)}.btn-outline:hover{background:var(--brand-navy);color:var(--text-on-primary);border-color:var(--brand-navy);text-decoration:none}.btn-sm{padding:.3rem .8rem;font-size:var(--font-size-sm)}.btn-lg{padding:.8rem 1.8rem;font-size:var(--font-size-lg)}.card{background:var(--background-color-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:box-shadow var(--transition-speed) var(--transition-timing),transform var(--transition-speed) var(--transition-timing);border:1px solid var(--border-color-light)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold)}.card-footer{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);border-left:4px solid transparent;margin-bottom:var(--spacing-md)}.alert-success{background:var(--success-background-color);border-left-color:var(--success-color);color:#155724}.alert-danger{background:var(--danger-background-color);border-left-color:var(--danger-color);color:#721c24}.alert-warning{background:var(--warning-background-color);border-left-color:var(--warning-color);color:#856404}.alert-info{background:var(--info-background-color);border-left-color:var(--info-color);color:#0c5460}.badge{display:inline-block;padding:.2rem .6rem;font-size:.75rem;font-weight:var(--font-weight-semibold);line-height:1.5;border-radius:var(--border-radius-full);text-align:center;white-space:nowrap;vertical-align:baseline}.badge-primary{background:var(--brand-navy);color:var(--text-on-primary)}.badge-secondary{background:var(--brand-cyan-bright);color:var(--text-on-primary)}.badge-success{background:var(--success-color);color:#fff}.badge-danger{background:var(--danger-color);color:#fff}.badge-warning{background:var(--warning-color);color:#212529}.badge-info{background:var(--info-color);color:#fff}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.form-control{display:block;width:100%;padding:.6rem .8rem;font-size:var(--font-size-md);line-height:1.5;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--background-color-light);transition:border-color var(--transition-speed) var(--transition-timing),box-shadow var(--transition-speed) var(--transition-timing)}.form-control:focus{border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.15);outline:none}.form-control.is-invalid{border-color:var(--danger-color)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px rgba(var(--danger-color-rgb),.15)}.form-control.is-valid{border-color:var(--success-color)}.form-control.is-valid:focus{box-shadow:0 0 0 3px rgba(var(--success-color-rgb),.15)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){.layout-header-container,.layout-sidebar-container,.main-footer{border:1px solid currentColor}.btn{border-width:2px}}@media print{body{background:#fff;color:#000;font-size:12pt}a{color:#000;text-decoration:underline}.no-print{display:none!important}.card,.btn{box-shadow:none!important;border:1px solid #ccc}}.context-toast-container{position:fixed;top:20px;right:20px;z-index:999999;display:flex;flex-direction:column;gap:10px}.context-toast-item{min-width:250px;max-width:350px;padding:15px 20px;border-radius:8px;color:#fff;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;align-items:center;animation:toast-fade-in .5s ease}.context-toast-item--success{background-color:#28a745}.context-toast-item--error{background-color:#dc3545}.context-toast-item--info{background-color:#17a2b8}.context-toast-message{margin:0;padding-right:15px}.context-toast-close-button{background:none;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.8}.context-toast-close-button:hover{opacity:1}@keyframes toast-fade-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.login-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;animation:fadeIn .3s ease-out forwards}.modal-close-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:100}.modal-close-btn:hover{background:#fff3;transform:rotate(90deg)}.modal-background-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.login-modal-container{position:relative;z-index:2;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.login-modal-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);padding:40px;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.modal-heartbeat-container{position:absolute;top:0;left:0;width:100%;height:4px;overflow:hidden}.heartbeat-line{width:100%;height:100%;animation:heartbeat 2s infinite ease-in-out}.modal-header-section{text-align:center;margin-bottom:30px}.modal-logo-container{display:flex;justify-content:center;margin-bottom:20px}.stethoscope-wrapper{position:relative;display:inline-flex}.stethoscope-icon{font-size:3rem;color:#06b6d4;filter:drop-shadow(0 0 20px rgba(6,182,212,.5))}.icon-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.3) 0%,transparent 70%);animation:pulseGlow 2s infinite ease-in-out}.modal-main-title{font-size:2rem;font-weight:700;background:linear-gradient(45deg,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;text-shadow:0 2px 10px rgba(6,182,212,.2)}.modal-subtitle{color:#ffffffb3;font-size:.9rem;margin-bottom:0}.modal-login-form,.modal-input-group{margin-bottom:20px}.modal-input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#ffffff80;font-size:1.2rem;z-index:2}.custom-input{width:100%;padding:16px 16px 16px 48px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;position:relative;z-index:1}.custom-input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a;background:#ffffff14}.custom-input::placeholder{color:transparent}.custom-label{position:absolute;left:48px;top:16px;color:#ffffff80;font-size:1rem;transition:all .3s ease;pointer-events:none;z-index:2}.custom-input:focus+.custom-label,.custom-input:not(:placeholder-shown)+.custom-label{top:-8px;left:16px;font-size:.8rem;color:#06b6d4;background:#0c0c0ce6;padding:0 8px;border-radius:4px}.modal-form-options{display:flex;justify-content:flex-start;align-items:center;margin-bottom:25px}.remember-me{display:flex;align-items:center;gap:8px;color:#ffffffb3;cursor:pointer;font-size:.9rem}.custom-checkbox{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:4px;background:transparent;cursor:pointer;appearance:none;position:relative;transition:all .3s ease}.custom-checkbox:checked{background:linear-gradient(45deg,#06b6d4,#8b5cf6);border-color:transparent}.custom-checkbox:checked:after{content:"✓";position:absolute;color:#fff;font-size:.8rem;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-submit-btn{width:100%;padding:16px;background:linear-gradient(45deg,#06b6d4,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:all .3s ease;position:relative;overflow:hidden}.modal-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #06b6d44d}.modal-submit-btn:active:not(:disabled){transform:translateY(0)}.modal-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.modal-submit-btn:hover:not(:disabled):before{left:100%}.modal-form-footer{text-align:center;margin-top:20px}.toggle-text{color:#ffffffb3;font-size:.9rem}.toggle-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:600;padding:0;transition:all .3s ease}.toggle-link:hover:not(:disabled){color:#8b5cf6;text-decoration:underline}.modal-error-message,.modal-success-message{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:90%;max-width:500px;animation:slideDown .3s ease-out}.modal-error-alert,.modal-success-alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;box-shadow:0 8px 32px #0003}.modal-error-alert{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3)}.modal-success-alert{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3)}.error-alert-header,.success-alert-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.error-icon{color:#ef4444;font-size:1.2rem;filter:drop-shadow(0 0 8px rgba(239,68,68,.5))}.success-icon{color:#22c55e;font-size:1.2rem;filter:drop-shadow(0 0 8px rgba(34,197,94,.5))}.error-title{color:#ef4444;font-weight:600;font-size:1rem}.success-title{color:#22c55e;font-weight:600;font-size:1rem}.error-alert-content{color:#fca5a5;font-size:.9rem;line-height:1.4}.success-alert-content{color:#86efac;font-size:.9rem;line-height:1.4}.input-error{border-color:#ef4444!important;background:#ef44440d!important}.input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.input-error-message{color:#ef4444;font-size:.8rem;margin-top:4px;margin-left:8px;animation:fadeIn .3s ease-out}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.password-toggle-btn:hover:not(:disabled){color:#3b82f6;transform:translateY(-50%) scale(1.1)}.loader-container{display:flex;align-items:center;justify-content:center;gap:12px}.loader{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.loader-text{font-size:.9rem;opacity:.9}.modal-submit-btn:disabled,.toggle-link:disabled,.custom-input:disabled,.custom-checkbox:disabled,.password-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.modal-submit-btn:disabled:hover{transform:none;box-shadow:none}.modal-submit-btn:disabled:before{display:none}@keyframes heartbeat{0%,to{transform:scaleX(1)}10%,30%{transform:scaleX(1.1)}20%{transform:scaleX(1.2)}40%{transform:scaleX(1)}}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.modal-medical-cross{position:absolute;top:15%;right:15%;animation:rotate3d 20s infinite linear}.modal-dna-container{position:absolute;bottom:20%;left:10%}.dna-icon{font-size:2.5rem;color:#8b5cf633;position:absolute}.dna-1{animation:helix 10s infinite linear;filter:drop-shadow(0 0 15px rgba(139,92,246,.3))}.dna-2{animation:helix 10s infinite linear reverse;margin-left:20px;filter:drop-shadow(0 0 15px rgba(139,92,246,.3))}@keyframes rotate3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes helix{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@media(max-width:640px){.login-modal-card{padding:30px 20px}.modal-main-title{font-size:1.5rem}.modal-error-message,.modal-success-message{width:95%;top:10px}.custom-input{padding:14px 14px 14px 44px}.input-icon{left:14px;font-size:1.1rem}.modal-close-btn{top:10px;right:10px;width:35px;height:35px}}.login-modal-container::-webkit-scrollbar{width:8px}.login-modal-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.login-modal-container::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#06b6d4,#8b5cf6);border-radius:4px}.login-modal-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#0596b4,#7b4cf6)}.components-spinner-element{border-radius:50%;border-style:solid;border-color:var(--brand-cyan-bright);border-bottom-color:transparent;animation:spinner-spin 1s linear infinite;display:inline-block}.components-spinner-size-sm{width:16px;height:16px;border-width:2px}.components-spinner-size-md{width:32px;height:32px;border-width:4px}.components-spinner-size-lg{width:64px;height:64px;border-width:6px}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.public-search{position:relative;width:100%;max-width:600px}.public-search--mobile{max-width:100%}.public-search__form{width:100%}.public-search__input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;transition:all .3s ease}.public-search__input-wrapper:focus-within{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.public-search__icon{position:absolute;left:16px;width:20px;height:20px;color:#666;pointer-events:none}.public-search__input{flex:1;padding:14px 16px 14px 48px;font-size:16px;border:none;border-radius:12px;background:transparent;outline:none;color:var(--brand-navy)}.public-search__input::placeholder{color:#999}.public-search__loader{position:absolute;right:120px;top:50%;transform:translateY(-50%)}.public-search__spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin .8s linear infinite}.public-search__clear{position:absolute;right:100px;background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.public-search__clear:hover{color:#666;background:#f0f0f0}.public-search__submit{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin:4px;transition:background .2s}.public-search__submit:hover{background:#0056b3}.public-search__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:1000;animation:slideDown .2s ease}.public-search__section{padding:16px;border-bottom:1px solid #f0f0f0}.public-search__section:last-child{border-bottom:none}.public-search__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.public-search__section-title{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.public-search__clear-all{background:none;border:none;color:#007bff;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px}.public-search__clear-all:hover{background:#f0f0f0}.public-search__recent-list{display:flex;flex-direction:column;gap:8px}.public-search__recent-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:none;border:none;border-radius:8px;cursor:pointer;width:100%;text-align:left;transition:background .2s}.public-search__recent-item:hover{background:#f8f9fa}.public-search__recent-item svg{width:18px;height:18px;color:#666}.public-search__recent-item span{font-size:14px;color:#333}.public-search__popular-list{display:flex;flex-direction:column;gap:8px}.public-search__popular-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:none;border:none;border-radius:8px;cursor:pointer;width:100%;text-align:left;transition:background .2s}.public-search__popular-item:hover{background:#f8f9fa}.public-search__popular-rank{font-size:12px;font-weight:600;color:#999;min-width:24px}.public-search__results{max-height:400px;overflow-y:auto}.public-search__result-item{display:flex;gap:12px;padding:12px 16px;background:none;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;width:100%;text-align:left;transition:background .2s}.public-search__result-item:hover{background:#f8f9fa}.public-search__result-item:last-child{border-bottom:none}.public-search__result-icon{font-size:24px;min-width:32px;text-align:center}.public-search__result-content{flex:1}.public-search__result-title{font-size:15px;font-weight:600;color:#333;margin-bottom:4px}.public-search__result-subtitle{font-size:13px;color:#666;margin-bottom:6px}.public-search__result-meta{display:flex;gap:8px;align-items:center}.public-search__result-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:uppercase}.public-search__result-badge--blog{background:#e3f2fd;color:#1976d2}.public-search__result-badge--experiment{background:#e8f5e9;color:#388e3c}.public-search__result-badge--faq{background:#fff3e0;color:#f57c00}.public-search__result-badge--testimonial{background:#f3e5f5;color:#7b1fa2}.public-search__result-badge--teammember{background:#e1f5fe;color:#0288d1}.public-search__result-badge--course{background:#fce4ec;color:#c2185b}.public-search__result-category{font-size:11px;color:#999}.public-search__view-all{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;color:#007bff;text-decoration:none;font-size:14px;font-weight:600;transition:background .2s}.public-search__view-all:hover{background:#e9ecef}.public-search__view-all svg{width:18px;height:18px}.public-search__no-results{padding:32px 16px;text-align:center}.public-search__no-results svg{width:48px;height:48px;color:#ccc;margin-bottom:16px}.public-search__no-results p{color:#666;font-size:14px;margin-bottom:8px}.public-search__no-results-hint{color:#999;font-size:12px}@media(max-width:768px){.public-search{max-width:100%}.public-search__dropdown{position:fixed;top:60px;left:16px;right:16px;max-height:calc(100vh - 80px);overflow-y:auto}.public-search__submit{padding:8px 16px;font-size:13px}.public-search__input{padding:12px 16px 12px 44px;font-size:15px}.public-search__icon{left:12px;width:18px;height:18px}}.public-header{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 8px #0000000d;z-index:1020;transition:all .2s cubic-bezier(.4,0,.2,1)}.public-header--scrolled{box-shadow:0 8px 24px #0000001f;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.public-header__container{max-width:100%;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.public-header__logo-image{height:50px;width:auto;display:block}.public-header__logo-link{display:flex;align-items:center;gap:.875rem;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1)}.public-header__logo-link:hover{transform:translateY(-2px)}.public-header__logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #007bff4d}.public-header__logo-icon svg{width:28px;height:28px}.public-header__logo-text{display:flex;flex-direction:column;gap:.125rem}.public-header__logo-title{font-size:1.25rem;font-weight:700;color:#212529;line-height:1.2;letter-spacing:-.02em}.public-header__logo-subtitle{font-size:.75rem;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.05em}.public-header__nav{flex:1;display:flex;justify-content:flex-end}.public-header__nav-list{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.public-header__nav-item{position:relative;white-space:nowrap}.public-header__nav-link{display:block;padding:.625rem 1rem;font-size:.9375rem;font-weight:500;color:#6c757d;text-decoration:none;border-radius:.375rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.public-header__nav-link:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:2px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.public-header__nav-link:hover{color:#007bff;background:#f1f3f5}.public-header__nav-link:hover:after{transform:translate(-50%) scaleX(1)}.public-header__nav-link--active{color:#007bff;background:#e6f2ff}.public-header__nav-link--active:after{transform:translate(-50%) scaleX(1)}.public-header__actions{display:flex;align-items:center;gap:.75rem}.public-header__search{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.375rem;background:#f8f9fa;color:#6c757d;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.public-header__search:hover{background:#f1f3f5;color:#007bff}.public-header__search-icon{width:20px;height:20px}.public-header__mobile-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;padding:.5rem;background:transparent;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1001}.public-header__mobile-toggle span{display:block;width:24px;height:2px;background:#6c757d;border-radius:2px;transition:all .3s ease}.public-header__mobile-toggle:hover span{background:#007bff}.public-header__mobile-toggle--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.public-header__mobile-toggle--open span:nth-child(2){opacity:0}.public-header__mobile-toggle--open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.public-header__mobile-menu{position:fixed;top:80px;right:-100%;width:280px;height:calc(100vh - 80px);background:#fff;box-shadow:-4px 0 20px #0000001a;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;z-index:1000;-webkit-overflow-scrolling:touch}.public-header__mobile-menu--open{right:0}.public-header__mobile-nav{padding:2rem 1.5rem 1.5rem}.public-header__mobile-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.public-header__mobile-nav-item{position:relative}.public-header__mobile-nav-link{display:block;padding:1rem;font-size:1rem;font-weight:500;color:#212529;text-decoration:none;border-radius:.375rem;transition:all .2s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent}.public-header__mobile-nav-link:hover{color:#007bff;background:#f1f3f5;border-left-color:#007bff;padding-left:calc(1rem + 8px)}.public-header__mobile-nav-link--active{color:#007bff;background:#e6f2ff;border-left-color:#007bff;font-weight:700}.public-header__overlay{position:fixed;inset:80px 0 0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:fadeIn .3s ease}@media(max-width:1024px){.public-header__container{padding:1rem 1.5rem;gap:1.5rem}.public-header__nav-list{gap:.25rem}.public-header__nav-link{padding:.5rem .75rem;font-size:.875rem}.public-header__logo-text{max-width:180px}.public-header__logo-title{font-size:1.125rem}}@media(max-width:768px){.public-header__container{padding:.75rem 1rem;gap:1rem}.public-header__logo-icon{width:40px;height:40px;min-width:40px}.public-header__logo-icon svg{width:22px;height:22px}.public-header__logo-title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-header__logo-subtitle{font-size:.625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-header__nav{display:none}.public-header__mobile-toggle{display:flex}.public-header__actions{gap:.5rem}.public-header__search{width:36px;height:36px}.public-header__mobile-menu{top:72px;height:calc(100vh - 72px)}.public-header__overlay{top:72px}}@media(max-width:480px){.public-header__container{padding:.625rem .5rem}.public-header__logo-link{gap:.75rem}.public-header__logo-text{max-width:150px}.public-header__logo-title{font-size:.9375rem}.public-header__logo-subtitle{font-size:.5625rem}.public-header__search{width:32px;height:32px;min-width:32px}.public-header__search-icon{width:18px;height:18px}.public-header__mobile-toggle{width:36px;height:36px;min-width:36px}.public-header__mobile-menu{width:85%;max-width:300px;top:68px;height:calc(100vh - 68px)}.public-header__mobile-nav{padding:1.5rem 1rem 1rem}.public-header__mobile-nav-link{padding:.875rem 1rem;font-size:.9375rem}.public-header__overlay{top:68px}}@media(max-width:360px){.public-header__logo-text,.public-header__search{display:none}.public-header__mobile-menu{width:100%;max-width:none;right:-100%}.public-header__mobile-menu--open{right:0}}@media(max-height:500px)and (orientation:landscape){.public-header__mobile-menu{top:60px;height:calc(100vh - 60px);overflow-y:auto}.public-header__mobile-nav{padding:1rem}.public-header__mobile-nav-list{gap:.25rem}.public-header__mobile-nav-link{padding:.75rem 1rem;font-size:.875rem}.public-header__overlay{top:60px}}@media(hover:none)and (pointer:coarse){.public-header__nav-link,.public-header__mobile-nav-link,.public-header__search,.public-header__notification{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.public-header__mobile-toggle{min-height:44px;min-width:44px}.public-header__nav-link:hover:after{transform:translate(-50%) scaleX(0)}.public-header__nav-link--active:after{transform:translate(-50%) scaleX(1)}}@media(prefers-reduced-motion:reduce){.public-header,.public-header__logo-link,.public-header__nav-link,.public-header__search,.public-header__notification,.public-header__mobile-toggle,.public-header__mobile-menu{transition:none;animation:none}.public-header__nav-link:after{transition:none}}.public-header__logo-link:focus,.public-header__nav-link:focus,.public-header__search:focus,.public-header__notification:focus,.public-header__mobile-toggle:focus,.public-header__mobile-nav-link:focus{outline:2px solid #007bff;outline-offset:2px;border-radius:.375rem}@media(prefers-contrast:high){.public-header__nav-link--active,.public-header__mobile-nav-link--active{outline:2px solid currentColor;outline-offset:-2px}}.public-header__login-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #007bff33;white-space:nowrap}.public-header__login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.public-header__login-btn:active{transform:translateY(0);box-shadow:0 2px 6px #007bff33}.public-header__login-btn-icon{width:18px;height:18px}.public-header__login-btn-text{display:none}.public-header__user-menu{position:relative}.public-header__user-profile{display:flex;align-items:center;gap:.75rem;padding:.375rem .75rem;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:.375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px;min-width:44px}.public-header__user-profile:hover{background:#f1f3f5;border-color:#e6f2ff}.public-header__user-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 2px 8px #007bff33}.public-header__user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.public-header__user-name{font-size:.875rem;font-weight:500;color:#212529;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.public-header__user-role{font-size:.75rem;font-weight:500;color:#6c757d;text-transform:capitalize;padding:.125rem .5rem;background:#e6f2ff;border-radius:10px}.public-header__user-dropdown-icon{width:16px;height:16px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.public-header__user-dropdown-icon--open{transform:rotate(180deg)}.public-header__user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border-radius:.375rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.08);z-index:1001;animation:dropdownFadeIn .2s ease;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.public-header__user-dropdown-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#e6f2ff,#007bff1a);border-bottom:1px solid rgba(0,0,0,.08)}.public-header__user-dropdown-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;box-shadow:0 2px 8px #007bff33}.public-header__user-dropdown-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.public-header__user-dropdown-name{font-size:.9375rem;font-weight:700;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-header__user-dropdown-email{font-size:.8125rem;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-header__user-dropdown-role{font-size:.75rem;font-weight:500;color:#fff;text-transform:capitalize;padding:.125rem .5rem;background:#007bff;border-radius:10px;align-self:flex-start;margin-top:.125rem}.public-header__user-dropdown-divider{height:1px;background:#00000014;margin:.25rem 0}.public-header__user-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#212529;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.public-header__user-dropdown-item:hover{background:#f1f3f5;color:#007bff}.public-header__user-dropdown-item svg{width:18px;height:18px;color:#6c757d;transition:color .2s cubic-bezier(.4,0,.2,1)}.public-header__user-dropdown-item:hover svg{color:#007bff}.public-header__user-dropdown-item:last-child{color:#dc3545}.public-header__user-dropdown-item:last-child:hover{background:#dc35451a}.public-header__user-dropdown-item:last-child svg{color:#dc3545}.public-header__mobile-user-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.08)}.public-header__mobile-login-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.public-header__mobile-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.public-header__mobile-login-btn svg{width:20px;height:20px}.public-header__mobile-user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f1f3f5;border-radius:.375rem;margin-bottom:1rem}.public-header__mobile-user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.public-header__mobile-user-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.public-header__mobile-user-name{font-size:.9375rem;font-weight:700;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-header__mobile-user-role{font-size:.75rem;font-weight:500;color:#fff;text-transform:capitalize;padding:.125rem .5rem;background:#007bff;border-radius:10px;align-self:flex-start}.public-header__mobile-user-actions{display:flex;flex-direction:column;gap:.5rem}.public-header__mobile-dashboard-btn{padding:.875rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.public-header__mobile-dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.public-header__mobile-logout-btn{padding:.875rem;background:transparent;color:#dc3545;border:1px solid rgba(0,0,0,.08);border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.public-header__mobile-logout-btn:hover{background:#dc35451a;border-color:#dc3545}@media(max-width:1024px){.public-header__user-name{max-width:100px}}@media(max-width:768px){.public-header__user-profile{padding:.25rem .5rem}.public-header__user-avatar{width:32px;height:32px;min-width:32px;font-size:.875rem}.public-header__user-info,.public-header__user-dropdown-icon{display:none}.public-header__login-btn-text{display:inline}.public-header__user-dropdown{width:260px;right:-8px}}@media(max-width:480px){.public-header__user-profile{display:none}.public-header__user-avatar{width:28px;height:28px;min-width:28px;font-size:.75rem}.public-header__user-dropdown{width:240px}}@media(max-width:360px){.public-header__user-dropdown{width:220px}}.public-header__search-toggle{display:none;background:none;border:none;color:#333;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.public-header__search-toggle:hover{background:#0000000d;color:#007bff}.public-header__search-toggle svg{width:20px;height:20px}.public-header__search-desktop{display:block}.public-header__mobile-search{padding:16px;border-bottom:1px solid #f0f0f0}.public-header__mobile-search-overlay{position:fixed;inset:0;background:#fff;z-index:1100;animation:slideDown .3s ease}.public-header__mobile-search-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0}.public-header__mobile-search-header .public-search{flex:1}.public-header__mobile-search-close{background:none;border:none;padding:8px;margin-left:8px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.public-header__mobile-search-close:hover{background:#f0f0f0;color:#333}.public-header__mobile-search-close svg{width:20px;height:20px}@media(max-width:1024px){.public-header__search-desktop{display:none}.public-header__search-toggle{display:flex;align-items:center;justify-content:center}.public-header__actions{gap:8px}}@media(max-width:768px){.public-header__search-toggle{padding:6px}.public-header__search-toggle svg{width:18px;height:18px}.public-header__login-btn{padding:6px 10px}.public-header__login-btn-text{display:none}.public-header__login-btn-icon{margin-left:0}.public-header__user-profile{padding:4px 8px}.public-header__user-info{display:none}.public-header__user-avatar{width:32px;height:32px;font-size:14px}.public-header__user-dropdown-icon{display:none}}.public-footer{position:relative;background:linear-gradient(135deg,#1e293b,#0f172a);color:#94a3b8;padding:4rem 0 0;margin-top:4rem;overflow:hidden}:root{--container-width: 1200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 2rem;--border-color: rgba(255, 255, 255, .1);--border-color-focus: #3b82f6;--primary-color: #3b82f6;--primary-color-dark: #2563eb;--primary-color-light: rgba(59, 130, 246, .2);--text-on-primary: #ffffff;--text-primary-color: #ffffff;--text-secondary-color: #94a3b8;--background-color-light: rgba(255, 255, 255, .05);--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-weight-bold: 700;--border-radius: .5rem;--border-radius-lg: .75rem;--transition-speed: .3s;--transition-timing: ease}.public-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(37,99,235,.1) 0%,transparent 50%);pointer-events:none}.public-footer__container{position:relative;max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-xl);z-index:1}.public-footer__content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.public-footer__brand{display:flex;flex-direction:column;gap:var(--spacing-lg)}.public-footer__logo{display:flex;align-items:center;gap:.875rem;text-decoration:none;width:fit-content;transition:transform var(--transition-speed) var(--transition-timing)}.public-footer__logo-link{display:inline-block;text-decoration:none}.public-footer__logo-image{height:50px;width:auto;transition:transform var(--transition-speed) var(--transition-timing)}.public-footer__logo-link:hover .public-footer__logo-image{transform:scale(1.05)}.public-footer__logo:hover{transform:translateY(-2px)}.public-footer__logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-on-primary);box-shadow:0 4px 12px #3b82f666}.public-footer__logo-icon svg{width:28px;height:28px}.public-footer__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-on-primary);line-height:1.2}.public-footer__description{font-size:.9375rem;line-height:1.7;color:var(--text-secondary-color);margin:0;max-width:400px}.public-footer__newsletter{display:flex;flex-direction:column;gap:.75rem;max-width:400px}.public-footer__newsletter-title{font-size:.9375rem;font-weight:var(--font-weight-bold);color:var(--text-on-primary);margin:0}.public-footer__newsletter-form{display:flex;gap:var(--spacing-sm)}.public-footer__newsletter-input{flex:1;padding:.75rem var(--spacing-md);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing);min-width:0}.public-footer__newsletter-input::placeholder{color:var(--text-secondary-color)}.public-footer__newsletter-input:focus{outline:none;background:#ffffff14;border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--primary-color-light)}.public-footer__newsletter-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);border:none;border-radius:var(--border-radius);color:var(--text-on-primary);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);box-shadow:0 4px 12px #3b82f64d;flex-shrink:0}.public-footer__newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.public-footer__newsletter-btn svg{width:20px;height:20px}.public-footer__social{display:flex;gap:.75rem;flex-wrap:wrap}.public-footer__social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--background-color-light);border-radius:var(--border-radius);color:var(--text-secondary-color);text-decoration:none;transition:all var(--transition-speed) var(--transition-timing);border:1px solid var(--border-color)}.public-footer__social-link:hover{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:var(--text-on-primary);transform:translateY(-3px);box-shadow:0 6px 16px #3b82f666;border-color:transparent}.public-footer__social-link svg{width:20px;height:20px}.public-footer__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.public-footer__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-on-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.public-footer__links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}.public-footer__link-item{margin:0}.public-footer__link{display:flex;align-items:center;gap:var(--spacing-sm);padding:.375rem 0;font-size:.9375rem;color:var(--text-secondary-color);text-decoration:none;transition:all var(--transition-speed) var(--transition-timing)}.public-footer__link:hover{color:var(--primary-color);padding-left:var(--spacing-sm)}.public-footer__link-icon{width:16px;height:16px;flex-shrink:0;transition:transform var(--transition-speed) var(--transition-timing)}.public-footer__link:hover .public-footer__link-icon{transform:translate(3px)}.public-footer__contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.public-footer__contact-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.public-footer__contact-icon{width:24px;height:24px;flex-shrink:0;color:var(--primary-color);margin-top:.125rem}.public-footer__contact-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.public-footer__contact-label{font-size:.8125rem;font-weight:var(--font-weight-bold);color:var(--text-secondary-color);text-transform:uppercase;letter-spacing:.05em}.public-footer__contact-value{font-size:.9375rem;color:var(--text-secondary-color);line-height:1.6;text-decoration:none;transition:color var(--transition-speed) var(--transition-timing)}a.public-footer__contact-value:hover{color:var(--primary-color);text-decoration:underline}.public-footer__bottom{padding:var(--spacing-xl) 0}.public-footer__bottom-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap}.public-footer__copyright{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary-color)}.public-footer__legal{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.public-footer__legal-link{font-size:var(--font-size-sm);color:var(--text-secondary-color);text-decoration:none;transition:color var(--transition-speed) var(--transition-timing)}.public-footer__legal-link:hover{color:var(--primary-color);text-decoration:underline}.public-footer__legal-separator{color:var(--border-color);-webkit-user-select:none;user-select:none}.public-footer__wave{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;opacity:.1;pointer-events:none}.public-footer__wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:80px;color:var(--text-on-primary)}@media(max-width:1200px){.public-footer__content{grid-template-columns:2fr 1fr 1fr 1fr;gap:1.5rem}.public-footer__brand{grid-column:1 / -1}.public-footer__description,.public-footer__newsletter{max-width:100%}}@media(max-width:992px){.public-footer__content{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.public-footer__brand{grid-column:1 / -1}}@media(max-width:768px){.public-footer{padding:3rem 0 0;margin-top:3rem}.public-footer__container{padding:0 var(--spacing-lg)}.public-footer__content{grid-template-columns:1fr 1fr;gap:2.5rem;padding-bottom:var(--spacing-xl)}.public-footer__brand{grid-column:1 / -1}.public-footer__newsletter-form{flex-direction:row}.public-footer__newsletter-btn{width:48px;flex-shrink:0}.public-footer__bottom-content{flex-direction:column;text-align:center;gap:var(--spacing-md)}.public-footer__legal{justify-content:center}}@media(max-width:480px){.public-footer{padding:2rem 0 0;margin-top:2rem}.public-footer__container{padding:0 var(--spacing-md)}.public-footer__content{grid-template-columns:1fr;gap:var(--spacing-xl)}.public-footer__logo-image{height:40px}.public-footer__logo-text{font-size:1.125rem}.public-footer__description{font-size:var(--font-size-sm)}.public-footer__social-link{width:40px;height:40px}.public-footer__section-title{font-size:.9375rem}.public-footer__link,.public-footer__contact-value{font-size:var(--font-size-sm)}.public-footer__legal{flex-direction:column;gap:var(--spacing-sm)}.public-footer__legal-separator{display:none}.public-footer__bottom{padding:var(--spacing-lg) 0}.public-footer__copyright{font-size:.8125rem}.public-footer__newsletter-form{flex-direction:column}.public-footer__newsletter-btn{width:100%}}@media(prefers-color-scheme:dark){.public-footer{background:linear-gradient(135deg,#0f172a,#1e293b)}}.public-footer__logo-icon{animation:float 3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.public-footer__logo-icon{animation:none}.public-footer__logo,.public-footer__link,.public-footer__social-link,.public-footer__newsletter-btn,.public-footer__newsletter-input{transition:none}}.public-footer__logo:focus,.public-footer__link:focus,.public-footer__social-link:focus,.public-footer__newsletter-input:focus,.public-footer__newsletter-btn:focus,.public-footer__legal-link:focus,.public-footer__contact-value:focus{outline:2px solid var(--border-color-focus);outline-offset:2px}.components-alert-container{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);border-radius:var(--border-radius);border-left-width:4px;border-left-style:solid;background-color:var(--background-color-light);color:var(--text-secondary-color)}.components-alert-title{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.components-alert-message{margin:0}.components-alert-info{border-left-color:var(--info-color);background-color:var(--info-background-color);color:#0c5460}.components-alert-success{border-left-color:var(--success-color);background-color:var(--success-background-color);color:#155724}.components-alert-warning{border-left-color:var(--warning-color);background-color:var(--warning-background-color);color:#856404}.components-alert-error{border-left-color:var(--danger-color);background-color:var(--danger-background-color);color:#721c24}.public-layout{display:flex;flex-direction:column;min-height:100vh;position:relative;scroll-behavior:smooth}.public-layout::-webkit-scrollbar{width:10px}.public-layout::-webkit-scrollbar-track{background:#f8f9fa}.public-layout::-webkit-scrollbar-thumb{background:#007bff;border-radius:5px}.public-layout::-webkit-scrollbar-thumb:hover{background:#0056b3}.public-layout{scrollbar-width:thin;scrollbar-color:#007bff #f8f9fa}.public-layout__main{flex:1 0 auto;width:100%;position:relative;background:#f8f9fa;padding-top:80px;min-height:calc(100vh - 80px)}.public-layout__container{max-width:auto;margin:0 auto;position:relative}.public-layout__content{min-height:calc(60vh - 80px);opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.public-layout__content--loading{opacity:.3;pointer-events:none}.public-layout__loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1050;background:#ffffffe6;padding:2rem;border-radius:.5rem;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f;display:flex;align-items:center;justify-content:center}.public-layout__notification{position:sticky;top:100px;z-index:1020;margin:1rem 0;animation:slideDown .3s ease-out}.public-layout__page-actions{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.public-layout__scroll-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:#007bff;color:#fff;border:2px solid #ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1070;opacity:.9}.public-layout__scroll-top svg{width:24px;height:24px}.public-layout__scroll-top:hover{transform:translateY(-3px);opacity:1;box-shadow:0 6px 12px #0003;background:#0056b3}.public-layout__scroll-top:active{transform:translateY(-1px)}.public-layout__mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1040;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.public-layout__mobile-overlay--active{display:block;opacity:1}.public-layout__page-transition-enter{opacity:0;transform:translateY(20px)}.public-layout__page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.public-layout__page-transition-exit{opacity:1}.public-layout__page-transition-exit-active{opacity:0;transition:opacity .3s}.public-layout__breadcrumb{margin:1rem 0;padding:.5rem 0;border-bottom:1px solid #dee2e6}.public-layout__page-header{margin:0 0 1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #dee2e6}.public-layout__page-footer{margin:1.5rem 0 2rem;padding-top:1.5rem;border-top:1px solid #dee2e6}.public-layout__with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:flex-start}.public-layout__sidebar{position:sticky;top:100px;background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 8px #00000014;max-height:calc(100vh - 140px);overflow-y:auto}.public-layout__sidebar::-webkit-scrollbar{width:6px}.public-layout__sidebar::-webkit-scrollbar-track{background:#f8f9fa}.public-layout__sidebar::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.public-layout__full-width,.public-layout__full-width .public-layout__container{max-width:100%;padding:0}.public-layout__full-width .public-layout__content{min-height:calc(100vh - 80px)}.public-layout__centered{display:flex;align-items:center;justify-content:center;min-height:calc(70vh - 80px)}.public-layout__centered .public-layout__content{max-width:600px;width:100%;text-align:center}.public-layout__scrollable{max-height:calc(100vh - 200px);overflow-y:auto;padding-right:.5rem}.public-layout__scrollable::-webkit-scrollbar{width:8px}.public-layout__scrollable::-webkit-scrollbar-track{background:#f8f9fa}.public-layout__scrollable::-webkit-scrollbar-thumb{background:#e6f2ff;border-radius:4px}@media(max-width:1024px){.public-layout__main{padding-top:70px}.public-layout__notification,.public-layout__sidebar{top:90px}}@media(max-width:768px){.public-layout__container{padding:1.5rem .5rem}.public-layout__main{padding-top:60px}.public-layout__with-sidebar{grid-template-columns:1fr}.public-layout__sidebar{position:static;margin-top:1.5rem;max-height:none}.public-layout__scroll-top{bottom:1.5rem;right:1.5rem;width:45px;height:45px}.public-layout__scroll-top svg{width:20px;height:20px}.public-layout__page-actions{bottom:1.5rem;right:1.5rem}.public-layout__notification{top:80px}}@media(max-width:480px){.public-layout__container{padding:1rem .25rem}.public-layout__main{padding-top:50px}.public-layout__scroll-top{bottom:1rem;right:1rem;width:40px;height:40px}.public-layout__scroll-top svg{width:18px;height:18px}.public-layout__page-actions{bottom:1rem;right:1rem}.public-layout__notification{top:70px}}@media print{.public-layout__main{padding-top:0}.public-layout__scroll-top,.public-layout__page-actions{display:none}.public-layout__main{background:#fff}.public-layout__container{max-width:100%;padding:0}}@media(prefers-contrast:high){.public-layout__scroll-top{border:2px solid currentColor}.public-layout::-webkit-scrollbar-thumb{border:1px solid #ffffff}}@media(prefers-reduced-motion:reduce){.public-layout{scroll-behavior:auto}.public-layout__content,.public-layout__scroll-top,.public-layout__notification{transition:none}.public-layout__scroll-top:hover{transform:none}.public-layout__scroll-top{transition:none}}.public-layout__scroll-top:focus{outline:2px solid #007bff;outline-offset:2px}.layout-header-container{background:#fffffffa;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.08);padding:0 1.5rem;height:70px;display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1020;box-shadow:0 4px 12px #00000014;transition:left .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.layout-header-container.sidebar-closed{left:0;width:100%}.layout-header-container.sidebar-open{left:280px;width:calc(100% - 280px)}.layout-header-container.is-scrolled{box-shadow:0 4px 20px #0000001a}.layout-header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin:0 auto}.layout-header-left{display:flex;align-items:center;gap:1rem}.header-toggle-btn{width:40px;height:40px;border-radius:.375rem;background:linear-gradient(135deg,#007bff,#007bffe6);border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #007bff4d;transition:all .2s cubic-bezier(.4,0,.2,1)}.header-toggle-btn:hover{background:linear-gradient(135deg,#0056b3,#007bffcc);transform:scale(1.05);box-shadow:0 2px 8px #007bff26}.header-toggle-btn:active{transform:scale(.95)}.layout-header-title h4{margin:0;font-weight:700;color:#212529;font-size:1.25rem;letter-spacing:-.5px;background:linear-gradient(135deg,#212529,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:color .2s cubic-bezier(.4,0,.2,1)}.layout-header-actions{display:flex;align-items:center;gap:1.5rem}.layout-header-user-menu{position:relative}.layout-header-user-trigger{display:flex;align-items:center;gap:.5rem;background-color:transparent;border:2px solid transparent;cursor:pointer;padding:.4rem .8rem;border-radius:50px;transition:all .2s cubic-bezier(.4,0,.2,1)}.layout-header-user-trigger:hover{background-color:#007bff0d;border-color:#007bff1a;transform:translateY(-1px)}.layout-header-user-trigger:active{transform:translateY(0)}.layout-header-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1rem;box-shadow:0 2px 8px #007bff4d;transition:all .2s cubic-bezier(.4,0,.2,1)}.layout-header-user-trigger:hover .layout-header-user-avatar{transform:scale(1.05);box-shadow:0 2px 8px #007bff26}.layout-header-user-name{font-weight:600;color:#212529;font-size:.875rem;transition:color .2s cubic-bezier(.4,0,.2,1)}.layout-header-user-trigger:hover .layout-header-user-name{color:#007bff}.layout-header-dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:240px;background:#fffffffa;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-radius:.75rem;box-shadow:0 4px 20px #0000001a;z-index:1000;overflow:hidden;padding:.5rem 0;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1);transform-origin:top right}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.layout-header-dropdown-header{padding:.5rem 1.5rem;font-size:.875rem;color:#6c757d;line-height:1.5;border-bottom:1px solid rgba(0,0,0,.08)}.layout-header-dropdown-header strong{color:#212529;font-weight:600;display:block;margin-top:.25rem}.layout-header-dropdown-divider{height:1px;background:linear-gradient(to right,transparent,rgba(0,0,0,.08),transparent);margin:.5rem 0}.layout-header-dropdown-item{display:flex;align-items:center;width:100%;text-align:left;padding:.5rem 1.5rem;color:#212529;background-color:transparent;border:none;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.layout-header-dropdown-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:#007bff;transition:height .2s cubic-bezier(.4,0,.2,1);border-radius:0 .2rem .2rem 0}.layout-header-dropdown-item:hover{background:linear-gradient(to right,rgba(0,123,255,.08),transparent);color:#007bff;padding-left:1.75rem}.layout-header-dropdown-item:hover:before{height:60%}.layout-header-dropdown-item.is-logout{color:#dc3545}.layout-header-dropdown-item.is-logout:before{background:#dc3545}.layout-header-dropdown-item.is-logout:hover{background:linear-gradient(to right,rgba(220,53,69,.08),transparent);color:#dc3545}@media(max-width:768px){.layout-header-container{height:64px;padding:0 1rem}.layout-header-container.sidebar-open,.layout-header-container.sidebar-closed{left:0;width:100%}.layout-header-left{gap:.5rem}.layout-header-title h4{font-size:1rem;margin:0}.header-toggle-btn{width:36px;height:36px;font-size:1.25rem}.layout-header-user-name{display:none}.layout-header-dropdown{right:-5px;min-width:220px}}@media(min-width:769px)and (max-width:1024px){.layout-header-container.sidebar-open{left:280px;width:calc(100% - 280px)}}@media(prefers-reduced-motion:reduce){.layout-header-container,.header-toggle-btn,.layout-header-user-trigger,.layout-header-dropdown,.layout-header-dropdown-item{transition:none}.layout-header-dropdown{animation:none}}.main-footer{padding:var(--spacing-lg) var(--spacing-xl);background:var(--gradient-sidebar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-color-lighter);text-align:center;color:var(--text-secondary-color);font-size:var(--font-size-sm);margin-top:auto;position:relative;overflow:hidden;transition:background var(--transition-speed) var(--transition-timing),border-color var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing)}.main-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-footer-top);opacity:.6;transition:opacity var(--transition-speed) var(--transition-timing)}.main-footer:hover:before{opacity:1}.footer-content{position:relative;z-index:1}.footer-content p{margin:0;font-weight:var(--font-weight-medium);letter-spacing:.3px;transition:color var(--transition-speed) var(--transition-timing)}.footer-content p:hover{color:var(--text-primary-color)}.footer-links{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-sm);flex-wrap:wrap}.footer-link{color:var(--text-secondary-color);text-decoration:none;font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing);position:relative;padding:var(--spacing-xs) 0}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width var(--transition-speed) var(--transition-timing);border-radius:var(--border-radius-sm)}.footer-link:hover{color:var(--primary-color);transform:translateY(-1px)}.footer-link:hover:after{width:100%}.footer-link:active{transform:translateY(0)}.footer-social{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--background-color-hover);color:var(--text-secondary-color);transition:all var(--transition-speed) var(--transition-timing)}.footer-social-link:hover{background:var(--primary-color);color:var(--text-on-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.footer-copyright{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-muted)}@media(max-width:768px){.main-footer{padding:var(--spacing-md) var(--spacing-md);font-size:var(--font-size-sm)}.footer-links{gap:var(--spacing-md);margin-top:var(--spacing-sm)}.footer-link{font-size:var(--font-size-sm)}.footer-social{gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.footer-social-link{width:32px;height:32px}.footer-copyright{margin-top:var(--spacing-sm);font-size:var(--font-size-xs)}}@media(max-width:480px){.main-footer{padding:var(--spacing-md) var(--spacing-sm)}.footer-links{flex-direction:column;gap:var(--spacing-xs);align-items:center}.footer-link:after{bottom:-1px}}@media(prefers-reduced-motion:reduce){.main-footer,.main-footer:before,.footer-content p,.footer-link,.footer-link:after,.footer-social-link{transition:none}.footer-link:hover:after{width:0}.footer-social-link:hover{transform:none}}body.dark-theme .main-footer{background:var(--gradient-sidebar-bg);border-top-color:var(--border-color-lighter)}body.dark-theme .footer-social-link{background:var(--background-color-hover)}body.dark-theme .footer-social-link:hover{background:var(--primary-color)}@media print{.main-footer{position:static;background:none;border-top:1px solid #ccc;color:#000}.main-footer:before{display:none}.footer-link{color:#000}.footer-social{display:none}}.layout-sidebar-container{width:280px;background:linear-gradient(135deg,#fff,#fffffffa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid #dee2e6;display:flex;flex-direction:column;height:100vh;position:fixed;top:0;left:0;z-index:10000;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #0000000f}.layout-sidebar-header{padding:1rem 1.5rem;border-bottom:2px solid #007bff;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:linear-gradient(135deg,rgba(0,123,255,.05) 0%,transparent 100%);height:70px;box-sizing:border-box;transition:border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1)}.layout-sidebar-header h3{margin:0;color:#212529;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;transition:color .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}.sidebar-close-btn{background:transparent;border:none;font-size:2rem;line-height:1;color:#6c757d;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-close-btn:hover{background:#f1f3f5;color:#007bff;transform:scale(1.1)}.sidebar-close-btn:active{transform:scale(.95)}.layout-sidebar-nav{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:1rem 0}.layout-sidebar-nav::-webkit-scrollbar{width:6px}.layout-sidebar-nav::-webkit-scrollbar-track{background:transparent}.layout-sidebar-nav::-webkit-scrollbar-thumb{background:#0003;border-radius:.2rem}.layout-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#0000004d}.layout-sidebar-nav{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.layout-sidebar-nav ul{list-style:none;padding:0;margin:0}.layout-sidebar-nav-item{transition:transform .2s cubic-bezier(.4,0,.2,1)}.layout-sidebar-nav-link{display:flex;align-items:center;padding:.5rem 1.5rem;margin:.25rem 1rem;color:#6c757d;text-decoration:none;border-radius:.375rem;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;position:relative;overflow:hidden}.layout-sidebar-nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#007bff,#007bffb3);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);z-index:0}.layout-sidebar-nav-link:hover{color:#fff;transform:translate(4px);box-shadow:0 2px 8px #007bff26}.layout-sidebar-nav-link:hover:before{opacity:1}.layout-sidebar-nav-link.is-active{background:linear-gradient(135deg,#007bff,#007bffcc);color:#fff;font-weight:700;box-shadow:0 2px 10px #007bff33}.layout-sidebar-nav-link.is-active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#fff;border-radius:.2rem 0 0 .2rem}.layout-sidebar-nav-icon{margin-right:1rem;font-size:1rem;width:24px;min-width:24px;text-align:center;transition:transform .2s cubic-bezier(.4,0,.2,1);z-index:1}.layout-sidebar-nav-link:hover .layout-sidebar-nav-icon{transform:scale(1.15) rotate(5deg)}.layout-sidebar-nav-link.is-active .layout-sidebar-nav-icon{transform:scale(1.1)}.layout-sidebar-nav-text{transition:opacity .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1}.layout-sidebar-container.is-closed .layout-sidebar-nav-text,.layout-sidebar-container.is-closed .layout-sidebar-header h3{opacity:0;pointer-events:none}.layout-sidebar-container.is-open .layout-sidebar-nav-item{animation:slideInLeft .2s cubic-bezier(.4,0,.2,1) backwards}.layout-sidebar-container.is-open .layout-sidebar-nav-item:nth-child(1){animation-delay:50ms}.layout-sidebar-container.is-open .layout-sidebar-nav-item:nth-child(2){animation-delay:.1s}.layout-sidebar-container.is-open .layout-sidebar-nav-item:nth-child(3){animation-delay:.15s}.layout-sidebar-container.is-open .layout-sidebar-nav-item:nth-child(4){animation-delay:.2s}.layout-sidebar-container.is-open .layout-sidebar-nav-item:nth-child(5){animation-delay:.25s}.layout-sidebar-container.is-open .layout-sidebar-nav-item:nth-child(6){animation-delay:.3s}.layout-sidebar-container.is-open .layout-sidebar-nav-item:nth-child(7){animation-delay:.35s}.layout-sidebar-container.is-open .layout-sidebar-nav-item:nth-child(8){animation-delay:.4s}.layout-sidebar-container.is-open .layout-sidebar-nav-item:nth-child(9){animation-delay:.45s}.layout-sidebar-container.is-open .layout-sidebar-nav-item:nth-child(10){animation-delay:.5s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sidebar-toggle-btn{position:fixed;top:1rem;left:1rem;width:40px;height:40px;border-radius:.375rem;background:linear-gradient(135deg,#007bff,#007bffe6);border:none;color:#fff;font-size:1.25rem;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #007bff4d;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-toggle-btn:hover{background:linear-gradient(135deg,#0056b3,#007bffcc);transform:scale(1.05);box-shadow:0 2px 8px #007bff26}.sidebar-toggle-btn:active{transform:scale(.95)}.sidebar-toggle-btn.btn-closed{left:1rem}.sidebar-toggle-btn.btn-open{left:calc(280px + 1rem)}.layout-sidebar-bottom{border-top:1px solid #dee2e6;padding:1rem 0;margin-top:auto;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.logout-btn{width:90%;padding:.5rem 1.5rem;background:transparent;border:none;text-align:left;cursor:pointer;font-size:1rem;color:#6c757d;border-radius:.375rem;transition:all .2s cubic-bezier(.4,0,.2,1);margin:0 auto;display:block;position:relative;overflow:hidden}.logout-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#dc3545,#dc3545b3);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);z-index:0}.logout-btn:hover{color:#fff;transform:translate(4px)}.logout-btn:hover:before{opacity:1}.logout-btn span{position:relative;z-index:1}.layout-sidebar-container:before,.layout-sidebar-container:after{display:none}.layout-sidebar-container.is-closed{transform:translate(-100%)}@media(max-width:768px){.layout-sidebar-container{width:260px;z-index:10001}.sidebar-toggle-btn.btn-open{left:calc(260px + 1rem)}.sidebar-close-btn{display:block}.sidebar-toggle-btn.btn-open~.layout-header-container{margin-left:260px}}@media(min-width:769px)and (max-width:1024px){.layout-sidebar-container{width:260px}.sidebar-toggle-btn.btn-open{left:calc(260px + 1rem)}}@media(prefers-reduced-motion:reduce){.layout-sidebar-container,.layout-sidebar-nav-link,.sidebar-toggle-btn,.layout-sidebar-nav-item,.logout-btn,.sidebar-close-btn{transition:none;animation:none}.layout-sidebar-nav-item{animation:none!important}.layout-sidebar-nav-link:hover,.logout-btn:hover{transform:none}}@media(prefers-contrast:high){.layout-sidebar-nav-link.is-active{border:2px solid currentColor}.layout-sidebar-nav-link:hover{border:1px solid currentColor}}.main-layout-container{display:flex;background-color:#f8f9fa;min-height:100vh;overflow-x:hidden;position:relative}.main-layout-content-wrapper{flex-grow:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .4s cubic-bezier(.4,0,.2,1);position:relative;padding-top:70px}.main-layout-content-wrapper.is-stretched{margin-left:0}.main-layout-content-wrapper.is-squeezed{margin-left:280px}.main-layout-page-content{padding:2rem;flex-grow:1;transition:transform .4s cubic-bezier(.4,0,.2,1)}.main-layout-content-wrapper.is-squeezed .main-layout-page-content{animation:contentAdjust .4s cubic-bezier(.4,0,.2,1)}@keyframes contentAdjust{0%{opacity:.95}to{opacity:1}}@media(max-width:768px){.main-layout-content-wrapper{padding-top:64px}.main-layout-content-wrapper.is-stretched,.main-layout-content-wrapper.is-squeezed{margin-left:0}.main-layout-container:before{content:"";position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:9998}.main-layout-container.has-open-sidebar:before{opacity:1;pointer-events:auto}}.page-home{--ph-font-display: "Space Grotesk", var(--font-family-sans);--ph-font-body: "Source Serif 4", var(--font-family-sans);--ph-font-mono: "IBM Plex Mono", var(--font-family-monospace);font-family:var(--ph-font-body);color:var(--text-primary-color);background:var(--background-color);-webkit-font-smoothing:antialiased;overflow-x:hidden}.page-home *{box-sizing:border-box}.page-home__inner{width:100%;max-width:var(--container-width, 1180px);margin:0 auto;padding:0 var(--spacing-lg)}.page-home__eyebrow{font-family:var(--ph-font-mono);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-cyan-bright);display:inline-block;margin-bottom:12px}.page-home__eyebrow--light{color:var(--brand-sky-light)}.page-home__text-teal{color:var(--brand-cyan)}.page-home__text-teal-principle{color:var(--text-primary-color)}.page-home__text-cyan-bright{color:var(--brand-cyan-bright)}.page-home__section-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:0;color:var(--brand-navy)}.page-home__section-desc{font-size:18px;line-height:1.7;color:var(--text-secondary-color-dark);margin:var(--spacing-md) 0 0;max-width:640px}.page-home__section-head{max-width:720px;margin:0 0 56px}.page-home__hero{position:relative;background:var(--gradient-primary);color:var(--text-on-primary);padding:80px 0 60px;overflow:hidden}.page-home__hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(11,155,200,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(47,168,154,.08) 0%,transparent 40%);pointer-events:none}.page-home__hero-content{position:relative;z-index:1;max-width:780px}.page-home__hero-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--ph-font-mono);font-size:13px;font-weight:500;letter-spacing:.05em;color:#fffc;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 18px;border-radius:50px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.page-home__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-sky);display:inline-block;animation:pulse-dot 2s ease-in-out infinite}.page-home__headline{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(32px,5vw,56px);line-height:1.08;margin:0 0 var(--spacing-lg);color:var(--text-on-primary);text-align:start}.page-home__headline-highlight{color:var(--text-primary-color);border-bottom:3px solid var(--brand-sky);padding-bottom:4px}.page-home__subheading{font-family:var(--ph-font-body);font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:var(--text-primary-color);max-width:620px;margin:0 0 36px}.page-home__hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:48px}.page-home__btn{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:15px;padding:14px 32px;border-radius:var(--border-radius);border:1px solid transparent;cursor:pointer;transition:all .2s var(--transition-timing);position:relative;overflow:hidden}.page-home__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.page-home__btn:active{transform:translateY(0)}.page-home__btn--primary{background:var(--background-color-light);color:var(--text-primary-color);box-shadow:0 4px 16px #00000014}.page-home__btn--primary:hover{background:var(--background-color-hover);box-shadow:0 8px 32px #0000001f}.page-home__btn--secondary{background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-on-primary);border-color:#fff3}.page-home__btn--secondary:hover{border-color:var(--text-on-primary);background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-home__btn--large{padding:18px 44px;font-size:17px}.page-home__btn:focus-visible{outline:2px solid var(--brand-sky);outline-offset:2px}.page-home__trust{border-top:1px solid rgba(255,255,255,.1);padding-top:24px}.page-home__trust-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-family:var(--ph-font-mono);font-size:13px;color:var(--text-primary-color)}.page-home__trust-label{font-weight:600;color:var(--brand-sky-light);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.page-home__trust-item{white-space:nowrap;font-weight:500}.page-home__trust-sep{color:#ffffff4d}.page-home__trust-worldwide{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text-on-primary)}.page-home__trust-globe{font-size:14px}.page-home__section{padding:88px 0}.page-home__section{background:var(--background-color);color:var(--text-primary-color)}.page-home__section--light{background:var(--background-color-hover);color:var(--text-primary-color)}.page-home__section--navy{background:var(--gradient-primary);color:var(--text-on-primary)}.page-home__section--navy .page-home__section-title{color:var(--text-on-primary)}.page-home__section--navy{color:#ffffffd9}.page-home__section--challenges{background:var(--background-color-pale)}.page-home__challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:8px}.page-home__challenge-item{display:flex;align-items:center;gap:18px;padding:20px 24px;background:#fff;border-radius:12px;border:1px solid var(--brand-sky);box-shadow:0 1px 3px #0000000a;transition:all .25s ease;position:relative}.page-home__challenge-item:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,transparent 50%,var(--brand-cyan-bright) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.page-home__challenge-item:hover:before{opacity:1}.page-home__challenge-item:hover{border-color:var(--brand-cyan-bright);box-shadow:0 4px 20px #0b9bc814;transform:translate(6px)}.page-home__challenge-number{font-family:var(--ph-font-mono);font-size:18px;font-weight:700;color:var(--brand-cyan-bright);flex-shrink:0;min-width:40px;background:#0b9bc80f;padding:6px 12px;border-radius:8px;text-align:center}.page-home__challenge-text{font-size:17px;line-height:1.5;margin:0;color:var(--brand-navy);font-weight:500}.page-home__callout{margin-top:48px;padding:32px 40px;background:var(--gradient-primary);border-radius:var(--border-radius-lg);text-align:center;box-shadow:0 8px 40px #2c3d9426;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;overflow:hidden}.page-home__callout:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(81,205,221,.2),transparent 60%);pointer-events:none}.page-home__callout-icon{font-size:28px;color:var(--text-prim);flex-shrink:0;position:relative;z-index:1}.page-home__callout-text{font-family:var(--ph-font-display);font-weight:var(--font-weight-medium);font-size:clamp(18px,2vw,24px);line-height:1.5;color:var(--text-on-primary);margin:0;position:relative;z-index:1}.page-home__platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.page-home__platform-content{max-width:560px}.page-home__platform-desc{font-size:17px;line-height:1.7;color:var(--text-secondary-color-dark);margin:16px 0 24px}.page-home__platform-features{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.page-home__platform-features li{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.5;color:var(--brand-navy);padding:10px 14px;border-radius:var(--border-radius-sm);border:1px solid var(--brand-sky);border-radius:10px;background:#fff;font-weight:500;box-shadow:0 1px 3px #00000005;transition:all .2s ease}.page-home__platform-features li:hover{border-color:var(--brand-cyan-bright);box-shadow:0 2px 12px #0b9bc80f;transform:translateY(-1px)}.page-home__feature-check{color:var(--brand-cyan-bright);font-size:18px;flex-shrink:0}.page-home__platform-visual{position:relative;height:400px}.page-home__platform-screen{position:absolute;inset:0;border-radius:16px;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 60px #00000014;overflow:hidden}.page-home__platform-screen--back{transform:translate(-30px,24px) scale(.92);opacity:.4;filter:blur(2px)}.page-home__platform-screen--mid{transform:translate(-12px,10px) scale(.97);opacity:.7}.page-home__platform-screen--front{transform:translate(8px,-4px);box-shadow:0 24px 80px #0b9bc826;border-color:var(--brand-cyan-bright);background:#fffffff2}.page-home__platform-screen-content{padding:20px;height:100%;display:flex;flex-direction:column}.page-home__screen-icon{font-size:48px;color:var(--brand-sky-light);opacity:.3;margin:auto}.page-home__screen-header{display:flex;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.page-home__screen-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color)}.page-home__screen-dot:nth-child(1){background:#ff5f57}.page-home__screen-dot:nth-child(2){background:#ffbd2e}.page-home__screen-dot:nth-child(3){background:#28c840}.page-home__screen-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:8px 0}.page-home__screen-line{height:14px;border-radius:4px;background:var(--border-color);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:.3}}.page-home__platform-label{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ph-font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-cyan-bright);padding-top:16px;border-top:1px solid var(--border-color);font-weight:600}.page-home__platform-label-icon{font-size:14px}.page-home__transform-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}.page-home__transform-col{background:#fff;border-radius:16px;padding:32px 28px;border:1px solid #e8edf4;box-shadow:0 2px 8px #00000008;transition:all .3s ease}.page-home__transform-col:hover{box-shadow:0 8px 40px #0000000a;transform:translateY(-2px)}.page-home__section--navy .page-home__transform-col{background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#ffffff1a;box-shadow:0 2px 16px #0000000f}.page-home__section--navy .page-home__transform-col:hover{background:#ffffff14;box-shadow:0 8px 32px #0000001a}.page-home__transform-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.page-home__transform-header--before{border-bottom-color:#dce2e8}.page-home__transform-header--after{border-bottom-color:var(--brand-cyan)}.page-home__transform-header--before-light{border-bottom-color:#ffffff26}.page-home__transform-header--after-light{border-bottom-color:var(--brand-cyan)}.page-home__transform-heading{display:flex;align-items:center;gap:12px;margin-bottom:8px}.page-home__transform-icon{font-size:24px;color:var(--brand-cyan);flex-shrink:0;margin:0;height:40px;width:40px}.page-home__section--navy .page-home__transform-icon{color:var(--white);width:40px;height:40px}.page-home__transform-title{margin:0;font-family:var(--ph-font-display);font-size:20px;font-weight:var(--font-weight-semibold);color:var(--brand-navy);line-height:1.2}.page-home__transform-subtitle{margin:0;font-size:14px;color:var(--text-muted)}.page-home__transform-title2{margin:0;font-family:var(--ph-font-display);font-size:20px;font-weight:var(--font-weight-semibold);color:var(--text-primary-color);line-height:1.2}.page-home__transform-subtitle2{margin:0;font-size:14px;color:var(--text-primary-color)}.page-home__section--navy .page-home__transform-subtitle{color:#fff9}.page-home__timeline{list-style:none;margin:0;padding:0}.page-home__timeline-step{position:relative;padding:0 0 4px 36px}.page-home__timeline-dot{position:absolute;left:0;top:4px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #dce2e8;box-shadow:0 2px 8px #0000000a;z-index:2;transition:all .3s ease}.page-home__timeline-step:hover .page-home__timeline-dot{transform:scale(1.1)}.page-home__timeline-dot-icon{font-size:14px}.page-home__timeline--before .page-home__timeline-dot{border-color:#dce2e8;background:#f8fafc;color:#6b7a8a}.page-home__section--navy .page-home__timeline--before .page-home__timeline-dot{border-color:#ffffff40;background:#ffffff0d;color:#fff6}.page-home__timeline--after .page-home__timeline-dot{border-color:var(--brand-cyan);background:var(--brand-cyan);color:#fff;box-shadow:0 0 0 4px #0b9bc826,0 2px 8px #0b9bc833}.page-home__section--navy .page-home__timeline--after .page-home__timeline-dot{border-color:var(--brand-cyan);background:var(--brand-cyan);color:#fff;box-shadow:0 0 0 4px #51cddd26,0 2px 8px #0b9bc833}.page-home__timeline-connector{position:absolute;left:15px;top:32px;bottom:4px;width:2px;overflow:visible}.page-home__timeline-connector:after{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;background:currentColor;opacity:.3}.page-home__timeline--before .page-home__timeline-connector{color:#dce2e8}.page-home__timeline--after .page-home__timeline-connector{color:var(--brand-cyan)}.page-home__section--navy .page-home__timeline--before .page-home__timeline-connector{color:#fff3}.page-home__section--navy .page-home__timeline--after .page-home__timeline-connector{color:var(--brand-cyan)}.page-home__timeline-text{font-size:15px;line-height:1.6;padding:6px 0 20px;margin-left:10px;color:var(--brand-navy);font-weight:500}.page-home__timeline-text2{font-size:15px;line-height:1.6;padding:6px 0 20px;margin-left:10px;color:var(--text-on-primary);font-weight:500}.page-home__section--navy .page-home__timeline--before .page-home__timeline-text{color:var(--text-primary-color)}.page-home__section--navy .page-home__timeline--after .page-home__timeline-text{color:var(--text-on-primary)}.page-home__timeline-text--quote{font-style:italic;color:var(--brand-cyan)!important;font-weight:600}.page-home__timeline--before .page-home__timeline-text--quote{color:var(--text-secondary-color)!important}.page-home__section--navy .page-home__timeline--before .page-home__timeline-text--quote{color:#fffc!important}.page-home__timeline-step:last-child .page-home__timeline-text{padding-bottom:0}.page-home__cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--spacing-lg)}.page-home__cards-grid--faculty{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.page-home__cards-grid--principal{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.page-home__card{background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:24px;transition:all .3s ease;box-shadow:0 1px 3px #0000000a;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.page-home__card:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,transparent 50%,var(--brand-cyan-bright) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.page-home__card:hover:before{opacity:1}.page-home__card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b9bc81a;border-color:var(--brand-cyan-bright)}.page-home__card--student{border-top:4px solid var(--brand-cyan);background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-home__card--student:hover{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 48px #0b9bc81f}.page-home__card--faculty{border-top:4px solid var(--brand-sky);padding:24px;background:#f8fafc;border:1px solid #e8edf4;box-shadow:0 1px 3px #00000005}.page-home__card--faculty:hover{background:#fff;box-shadow:0 8px 32px #0000000a;border-color:var(--brand-sky)}.page-home__card--principal{border-top:4px solid var(--brand-sky-light);background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#ffffff1a;box-shadow:0 2px 16px #0000000a}.page-home__card--principal:hover{background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--brand-sky);box-shadow:0 8px 40px #00000014}.page-home__card-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#0b9bc80f;transition:all .3s ease}.page-home__card:hover .page-home__card-icon-wrapper{transform:scale(1.05)}.page-home__card-icon-wrapper--faculty{background:#51cddd14;color:var(--brand-cyan)}.page-home__card-icon-wrapper--principal{background:#ffffff14;color:var(--white)}.page-home__card-icon{font-size:22px}.page-home__card-number{font-family:var(--ph-font-mono);font-size:13px;font-weight:700;color:var(--brand-sky);display:block;margin-bottom:8px}.page-home__card-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0 0 8px;color:var(--brand-navy)}.page-home__card--principal .page-home__card-title{color:var(--text-on-primary)}.page-home__card-desc{font-size:15px;line-height:1.6;color:var(--text-secondary-color-dark);margin:0}.page-home__card--principal .page-home__card-desc{color:#fffc}.page-home__cta{padding:80px 0 100px;background:var(--background-color)}.page-home__cta-box{text-align:center;max-width:740px;margin:0 auto;padding:64px 56px;background:var(--gradient-primary);border-radius:var(--border-radius-2xl);color:var(--text-on-primary);position:relative;overflow:hidden;box-shadow:0 12px 60px #2c3d9426}.page-home__cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(11,155,200,.2),transparent 60%);pointer-events:none}.page-home__cta-box:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(81,205,221,.1),transparent 40%);pointer-events:none}.page-home__cta-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--ph-font-mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 18px;border-radius:50px;margin-bottom:20px;position:relative;color:var(--white);border:1px solid rgba(255,255,255,.1)}.page-home__cta-badge-icon{font-size:14px}.page-home__cta-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.4vw,40px);line-height:1.15;margin:0 0 var(--spacing-md);color:var(--text-on-primary);position:relative}.page-home__cta-desc{font-size:18px;line-height:1.7;color:#ffffffd9;margin:0 0 36px;position:relative}.page-home__cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);position:relative}.page-home__cta-actions .page-home__btn--primary{background:var(--background-color-light);color:var(--text-primary-color);box-shadow:0 4px 20px #00000014}.page-home__cta-actions .page-home__btn--primary:hover{background:var(--background-color-hover);box-shadow:0 8px 40px #0000001f}.page-home__cta-actions .page-home__btn--secondary{border-color:#fff3;color:var(--text-on-primary);background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-home__cta-actions .page-home__btn--secondary:hover{border-color:var(--text-on-primary);background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(max-width:1024px){.page-home__platform-grid{grid-template-columns:1fr;gap:40px}.page-home__platform-content{max-width:100%}.page-home__platform-visual{height:320px}}@media(max-width:860px){.page-home__inner{padding:0 var(--spacing-lg)}.page-home__section{padding:64px 0}.page-home__transform-grid{grid-template-columns:1fr;gap:32px}.page-home__challenges-grid,.page-home__platform-features{grid-template-columns:1fr}.page-home__cards-grid,.page-home__cards-grid--faculty,.page-home__cards-grid--principal{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:520px){.page-home__hero{padding:56px 0 40px}.page-home__inner{padding:0 var(--spacing-md)}.page-home__section{padding:48px 0}.page-home__hero-actions{flex-direction:column;width:100%}.page-home__hero-actions .page-home__btn{width:100%;text-align:center}.page-home__hero-badge{font-size:11px;padding:6px 14px}.page-home__trust-row{font-size:12px;gap:6px 12px}.page-home__cards-grid,.page-home__cards-grid--faculty,.page-home__cards-grid--principal{grid-template-columns:1fr;gap:var(--spacing-md)}.page-home__transform-col{padding:20px 16px}.page-home__platform-visual{height:240px}.page-home__platform-screen--back{transform:translate(-16px,14px) scale(.92)}.page-home__platform-screen--mid{transform:translate(-8px,6px) scale(.97)}.page-home__platform-screen--front{transform:translate(4px,-2px)}.page-home__callout{padding:24px 20px;flex-direction:column;text-align:center}.page-home__cta-box{padding:36px 20px}.page-home__cta-actions{flex-direction:column;align-items:center}.page-home__cta-actions .page-home__btn{width:100%;text-align:center}.page-home__challenge-item{padding:14px 16px}.page-home__challenge-text{font-size:15px}}@media(max-width:380px){.page-home__headline{font-size:28px}.page-home__subheading{font-size:15px}.page-home__section-title{font-size:24px}.page-home__timeline-text{font-size:14px}}@media print{.page-home__hero{background:var(--brand-navy)!important;padding:40px 0!important}.page-home__hero-bg-pattern,.page-home__btn{display:none!important}.page-home__section{padding:32px 0!important;break-inside:avoid}.page-home__card{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.page-home__platform-visual{display:none!important}.page-home__section--navy,.page-home__cta-box{background:var(--brand-navy)!important;color:var(--text-on-primary)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.page-home__section-head--center{max-width:640px;margin-left:auto;margin-right:auto;text-align:center}.page-home__testimonials-panel{display:grid;grid-template-columns:340px 1fr;background:#fff;border:1px solid #e8edf4;border-radius:20px;box-shadow:0 4px 24px #0000000a;overflow:hidden;min-height:560px}.page-home__section--navy .page-home__testimonials-panel{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#ffffff1a}.page-home__testimonials-list{border-right:1px solid #e8edf4;max-height:560px;overflow-y:auto;scroll-behavior:smooth}.page-home__section--navy .page-home__testimonials-list{border-right-color:#ffffff1a}.page-home__testimonials-list::-webkit-scrollbar{width:6px}.page-home__testimonials-list::-webkit-scrollbar-thumb{background:#dce2e8;border-radius:3px}.page-home__section--navy .page-home__testimonials-list::-webkit-scrollbar-thumb{background:#ffffff26}.page-home__testimonials-list-item{width:100%;display:flex;align-items:center;gap:14px;padding:18px 20px;background:transparent;border:none;border-bottom:1px solid #eef2f6;border-left:3px solid transparent;cursor:pointer;text-align:left;font-family:inherit;transition:all .25s ease}.page-home__section--navy .page-home__testimonials-list-item{border-bottom-color:#ffffff0f}.page-home__testimonials-list-item:hover{background:#0b9bc80a}.page-home__section--navy .page-home__testimonials-list-item:hover{background:#ffffff0d}.page-home__testimonials-list-item--active{background:#0b9bc80f;border-left-color:var(--brand-cyan)}.page-home__section--navy .page-home__testimonials-list-item--active{background:#ffffff14;border-left-color:var(--brand-sky-light)}.page-home__testimonials-list-avatar{width:42px;height:42px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.page-home__testimonials-list-avatar img{width:100%;height:100%;object-fit:cover}.page-home__testimonials-list-initials{color:#fff;font-weight:600;font-size:13px}.page-home__testimonials-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.page-home__testimonials-list-name{font-family:var(--ph-font-display);font-weight:600;font-size:15px;color:var(--brand-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-home__section--navy .page-home__testimonials-list-name{color:var(--text-on-primary)}.page-home__testimonials-list-stars{display:flex;gap:2px}.page-home__testimonials-list-stars .star{font-size:11px}.page-home__testimonials-list-stars .star.filled,.page-home__testimonials-list-stars .star.half-filled{color:#fbbf24}.page-home__testimonials-list-stars .star.empty{color:#d1d5db}.page-home__testimonials-list-chevron{font-size:13px;color:var(--text-muted);flex-shrink:0;opacity:0;transform:translate(-4px);transition:all .25s ease}.page-home__testimonials-list-item--active .page-home__testimonials-list-chevron,.page-home__testimonials-list-item:hover .page-home__testimonials-list-chevron{opacity:1;transform:translate(0);color:var(--brand-cyan)}.page-home__testimonials-detail{padding:48px 56px;display:flex;flex-direction:column;justify-content:center;animation:page-home-fade-in .4s ease}@keyframes page-home-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-home__testimonials-detail-quote{font-size:40px;color:var(--brand-cyan-bright);opacity:.3;margin-bottom:16px}.page-home__testimonials-detail-stars{display:flex;gap:4px;margin-bottom:20px}.page-home__testimonials-detail-stars .star{font-size:18px}.page-home__testimonials-detail-stars .star.filled,.page-home__testimonials-detail-stars .star.half-filled{color:#fbbf24}.page-home__testimonials-detail-stars .star.empty{color:#d1d5db}.page-home__testimonials-detail-headline{font-family:var(--ph-font-display);font-weight:700;font-size:clamp(22px,2.4vw,30px);line-height:1.3;color:var(--brand-navy);margin:0 0 18px}.page-home__section--navy .page-home__testimonials-detail-headline{color:var(--text-on-primary)}.page-home__testimonials-detail-body{font-family:var(--ph-font-body);font-size:17px;line-height:1.75;color:var(--text-secondary-color-dark);margin:0 0 32px;max-width:620px}.page-home__section--navy .page-home__testimonials-detail-body{color:#ffffffbf}.page-home__testimonials-detail-footer{display:flex;align-items:center;gap:14px;padding-top:28px;border-top:1px solid #e8edf4;position:relative}.page-home__section--navy .page-home__testimonials-detail-footer{border-top-color:#ffffff1a}.page-home__testimonials-detail-avatar{width:52px;height:52px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:2px solid #ffffff;box-shadow:0 2px 10px #00000014}.page-home__testimonials-detail-avatar img{width:100%;height:100%;object-fit:cover}.page-home__testimonials-detail-initials{color:#fff;font-weight:600;font-size:16px}.page-home__testimonials-detail-author-name{font-family:var(--ph-font-display);font-weight:600;font-size:16px;color:var(--brand-navy);margin:0 0 4px}.page-home__section--navy .page-home__testimonials-detail-author-name{color:var(--text-on-primary)}.page-home__testimonials-detail-meta{display:flex;align-items:center;gap:6px;font-family:var(--ph-font-mono);font-size:12px;color:var(--text-muted)}.page-home__section--navy .page-home__testimonials-detail-meta{color:#ffffff80}.page-home__testimonials-detail-meta-icon{font-size:11px}.page-home__testimonials-detail-meta-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.page-home__testimonials-detail-verified-icon{font-size:12px;color:#22c55e}.page-home__testimonials-detail-quote-end{margin-left:auto;font-size:24px;color:var(--brand-cyan-bright);opacity:.2;align-self:flex-start}.page-home__testimonials-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.page-home__testimonials-dot{width:8px;height:8px;border-radius:50%;background:#dce2e8;border:none;padding:0;cursor:pointer;transition:all .25s ease}.page-home__section--navy .page-home__testimonials-dot{background:#fff3}.page-home__testimonials-dot--active{width:22px;border-radius:4px;background:var(--brand-cyan)}.page-home__testimonials-empty{text-align:center;padding:56px 24px;background:#fff;border-radius:16px;border:1px dashed #dce2e8}.page-home__section--navy .page-home__testimonials-empty{background:#ffffff0a;border-color:#ffffff26}.page-home__testimonials-empty-icon{font-size:28px;color:var(--brand-cyan-bright);opacity:.4;margin-bottom:12px}.page-home__testimonials-empty p{font-family:var(--ph-font-body);font-size:16px;color:var(--text-muted);margin:0}.page-home__section--navy .page-home__testimonials-empty p{color:#fff9}.page-home__testimonials-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px}.page-home__testimonials-write-btn{background:var(--gradient-primary)!important;color:var(--text-on-primary)!important;border:none!important}.page-home__testimonials-write-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b9bc840}@media(max-width:900px){.page-home__testimonials-panel{grid-template-columns:1fr;min-height:0}.page-home__testimonials-list{border-right:none;border-bottom:1px solid #e8edf4;max-height:280px}.page-home__section--navy .page-home__testimonials-list{border-bottom-color:#ffffff1a}.page-home__testimonials-detail{padding:32px 24px}}@media(max-width:520px){.page-home__testimonials-detail{padding:28px 20px}.page-home__testimonials-detail-quote{font-size:30px}.page-home__testimonials-list-item{padding:14px 16px}.page-home__testimonials-detail-footer{flex-wrap:wrap}.page-home__testimonials-detail-quote-end{display:none}}.components-button-element{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);background:var(--gradient-secondary);color:var(--text-on-primary)}.components-button-element:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.components-button-element:active{transform:scale(.98)}.components-button-primary{background:var(--gradient-primary);color:var(--text-on-primary)}.components-button-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.components-button-primary:disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.components-button-danger{background:#c80000;color:var(--text-on-primary)}.components-button-danger:hover{background:red;transform:translateY(-1px);box-shadow:var(--shadow-md)}.components-button-secondary{background:var(--gradient-third);color:var(--text-on-primary)}.components-button-secondary:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.components-button-outline{width:100%;background:transparent;color:var(--brand-navy);border:1px solid var(--border-color);box-shadow:none}.components-button-outline:hover{background:#00000008;border-color:var(--brand-cyan-bright);color:var(--brand-cyan-bright);transform:translateY(-1px);box-shadow:none}.components-button-outline:disabled{background:transparent;color:var(--text-muted);border-color:var(--border-color);cursor:not-allowed;transform:none}.components-button-ghost{width:100%;background:transparent;color:var(--text-secondary-color-dark);box-shadow:none}.components-button-ghost:hover{background:#0000000d;color:var(--brand-navy);transform:none;box-shadow:none}.components-button-danger-outline{width:100%;background:transparent;color:#c80000;border:1px solid rgba(200,0,0,.4);box-shadow:none}.components-button-danger-outline:hover{background:#c8000014;border-color:#c80000;transform:translateY(-1px);box-shadow:none}.components-button-sm{padding:6px 12px;font-size:var(--font-size-sm, 13px)}.components-button-md{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}.components-button-lg{padding:10px 24px;font-size:var(--font-size-lg, 16px)}.components-button-element{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.components-button-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.components-button-icon-only{width:auto;padding:8px;aspect-ratio:1 / 1}.components-button-icon-only.components-button-sm{padding:6px}.components-button-icon-only.components-button-lg{padding:10px}.components-button-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;animation:components-button-spin .6s linear infinite}.components-button-outline .components-button-spinner,.components-button-ghost .components-button-spinner{border-color:#00000026;border-top-color:currentColor}@keyframes components-button-spin{to{transform:rotate(360deg)}}.components-button-loading{cursor:default;opacity:.85}.review-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem}.review-modal-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s ease;box-shadow:0 25px 60px #0000004d;border:1px solid #e5e7eb}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.review-modal-close{position:absolute;top:16px;right:16px;background:#f3f4f6;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb}.review-modal-close:hover{color:#111827;transform:rotate(90deg);background:#e5e7eb;border-color:#4a90e2}.review-modal-header{padding:32px 32px 20px;text-align:center;border-bottom:1px solid #e5e7eb;background:linear-gradient(to bottom,#fff,#f9fafb);border-radius:20px 20px 0 0}.review-modal-header h2{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px;line-height:1.2}.review-modal-header p{color:#4b5563;font-size:16px;line-height:1.5}.review-modal-body{padding:32px}.review-user-info{display:flex;align-items:center;gap:20px;padding:20px;background:#f9fafb;border-radius:16px;margin-bottom:28px;border:1px solid #e5e7eb;box-shadow:0 2px 4px #00000005}.review-user-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#357abd);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:600;overflow:hidden;flex-shrink:0;box-shadow:0 4px 10px #4a90e24d}.review-user-avatar img{width:100%;height:100%;object-fit:cover}.review-user-details{flex:1}.review-user-details h3{font-size:20px;font-weight:600;color:#111827;margin-bottom:4px}.review-user-email{font-size:14px;color:#6b7280;margin-bottom:8px;word-break:break-all}.review-user-role{display:inline-block;padding:4px 12px;background:#4a90e21a;color:#4a90e2;border-radius:30px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.review-rating-section{margin-bottom:28px}.review-rating-section label{display:block;font-weight:600;color:#111827;margin-bottom:12px;font-size:16px}.rating-input-container{display:flex;align-items:center;gap:24px;padding:20px;background:#f9fafb;border-radius:16px;border:1px solid #e5e7eb}.stars-container{display:flex;gap:8px}.star-interactive{font-size:36px;color:#d1d5db;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;line-height:1}.star-interactive:hover{transform:scale(1.2)}.star-interactive.filled{color:#fbbf24;text-shadow:0 2px 4px rgba(251,191,36,.3)}.star-interactive.filled:hover{color:#f59e0b}.rating-label{font-size:18px;font-weight:600;color:#4a90e2;margin-left:auto;padding:6px 16px;background:#4a90e21a;border-radius:30px;white-space:nowrap}.review-text-section{margin-bottom:24px}.review-text-section label{display:block;font-weight:600;color:#111827;margin-bottom:12px;font-size:16px}.review-textarea{width:100%;padding:16px;border:2px solid #e5e7eb;border-radius:16px;font-family:inherit;font-size:15px;resize:vertical;min-height:140px;background:#f9fafb;color:#111827;transition:all .2s ease;line-height:1.6}.review-textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 4px #4a90e21a;background:#fff}.review-textarea.error{border-color:#ef4444;background:#ef444405}.review-textarea.error:focus{box-shadow:0 0 0 4px #ef44441a}.review-textarea:disabled{opacity:.6;cursor:not-allowed}.textarea-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:0 4px}.char-count{font-size:13px;color:#6b7280}.char-count.error{color:#ef4444;font-weight:500}.min-char-warning{font-size:13px;color:#ef4444;font-weight:500;display:flex;align-items:center;gap:4px}.min-char-warning:before{content:"⚠️";font-size:12px}.review-info-section{margin-bottom:28px;padding:16px 20px;background:#4a90e20d;border-radius:16px;border-left:4px solid #4a90e2;border:1px solid rgba(74,144,226,.2)}.info-text{display:flex;align-items:center;gap:12px;color:#4b5563;font-size:14px;line-height:1.5}.review-form-actions{display:flex;gap:16px;margin-top:32px}.review-form-actions button{flex:1;padding:14px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;transition:all .3s ease!important}.review-form-actions button:first-child{background:#f3f4f6!important;color:#111827!important;border:1px solid #e5e7eb!important}.review-form-actions button:first-child:hover:not(:disabled){background:#e5e7eb!important;transform:translateY(-2px)}.review-form-actions button:last-child{background:linear-gradient(135deg,#4a90e2,#357abd)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #4a90e24d!important}.review-form-actions button:last-child:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4a90e266!important}.review-form-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.review-success{text-align:center;padding:48px 32px}.success-icon{font-size:80px;color:#10b981;margin-bottom:24px;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.review-success h3{font-size:28px;font-weight:700;color:#111827;margin-bottom:16px}.review-success p{color:#4b5563;margin-bottom:28px;font-size:16px;line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}.review-success .review-success-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;padding:14px 32px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;border:none!important;box-shadow:0 4px 12px #10b9814d!important}.review-success .review-success-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166!important}.review-modal-loading{text-align:center;padding:60px 32px}.review-modal-loading .spinner{margin-bottom:16px}.review-modal-loading p{color:#4b5563;font-size:16px}.review-modal-content::-webkit-scrollbar{width:8px}.review-modal-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:0 20px 20px 0}.review-modal-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.review-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}@media(max-width:768px){.review-modal-header{padding:24px 24px 16px}.review-modal-header h2{font-size:24px}.review-modal-body{padding:24px}.rating-input-container{flex-direction:column;align-items:flex-start;gap:16px}.rating-label{margin-left:0;align-self:flex-start}.review-user-info{flex-direction:column;text-align:center;padding:16px}.review-user-details{text-align:center}.stars-container{gap:6px}.star-interactive{font-size:32px}}@media(max-width:480px){.review-modal-header h2{font-size:22px}.review-modal-header p{font-size:14px}.review-modal-body{padding:20px}.review-user-avatar{width:60px;height:60px;font-size:24px}.review-user-details h3{font-size:18px}.review-user-email{font-size:12px}.stars-container{gap:4px}.star-interactive{font-size:28px}.rating-label{font-size:14px;padding:4px 12px}.review-textarea{padding:12px;font-size:14px;min-height:120px}.info-text{font-size:13px;gap:8px}.review-form-actions{flex-direction:column;gap:12px}.review-form-actions button{width:100%}.review-success{padding:32px 20px}.success-icon{font-size:60px}.review-success h3{font-size:22px}.review-success p{font-size:14px}}.page-about{--brand-cyan-rgb: 11, 155, 200;--brand-sky-rgb: 81, 205, 221;--brand-sky-light-rgb: 143, 224, 235;--brand-navy-rgb: 10, 35, 66;--ph-font-display: "Space Grotesk", var(--font-family-sans);--ph-font-body: "Source Serif 4", var(--font-family-sans);--ph-font-mono: "IBM Plex Mono", var(--font-family-monospace);font-family:var(--ph-font-body);color:var(--text-primary-color);background:var(--background-color);-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}.page-about *,.page-about *:before,.page-about *:after{box-sizing:border-box}.page-about a{text-decoration:none;color:inherit}.page-about button{font-family:inherit;cursor:pointer}.page-about-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background:var(--background-color);color:var(--brand-navy);font-family:var(--ph-font-body);width:100%}.page-about__inner{width:100%;max-width:var(--container-width, 1180px);margin:0 auto;padding:0 var(--spacing-lg)}.page-about__eyebrow{font-family:var(--ph-font-mono);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-cyan-bright);display:inline-block;margin-bottom:12px}.page-about__eyebrow--light{color:var(--brand-sky-light)}.page-about__section-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:0;color:var(--brand-navy)}.page-about__section-head{max-width:720px;margin:0 0 56px;width:100%}.page-about__prose{max-width:760px;width:100%}.page-about__prose p{font-size:17px;color:var(--text-secondary-color);line-height:1.7;margin:0 0 var(--spacing-md)}.page-about__glass{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000000f}.page-about__glass-dark{background:#2c3d941f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000014}.page-about__matte{background:#f8fafc;border:1px solid #e8edf4;box-shadow:0 1px 3px #00000005}.page-about__elevated{box-shadow:0 8px 40px #0000000f,0 2px 8px #00000005}.page-about__section{padding:88px 0;background:var(--background-color);color:var(--text-primary-color);width:100%}.page-about__section--light{background:var(--background-color-hover)}.page-about__section--navy{background:var(--gradient-primary);color:var(--text-on-primary)}.page-about__section--navy .page-about__section-title{color:var(--text-on-primary)}.page-about__section--navy .page-about__eyebrow{color:var(--brand-sky-light)}.page-about__hero{position:relative;background:var(--gradient-primary);color:var(--text-on-primary);padding:80px 0 60px;overflow:hidden;width:100%}.page-about__hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(var(--brand-cyan-rgb),.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(var(--brand-sky-rgb),.08) 0%,transparent 40%);pointer-events:none}.page-about__hero-content{position:relative;z-index:1;max-width:780px;width:100%}.page-about__hero-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--ph-font-mono);font-size:13px;font-weight:500;letter-spacing:.05em;color:#fffc;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 18px;border-radius:50px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.page-about__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-sky);display:inline-block;animation:pulse-dot 2s ease-in-out infinite}.page-about__headline{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(32px,5vw,56px);line-height:1.08;margin:0 0 var(--spacing-lg);color:var(--text-on-primary);text-align:left;width:100%}.page-about__headline-highlight{color:var(--brand-sky-light);border-bottom:3px solid var(--brand-sky);padding-bottom:4px}.page-about__subheading{font-family:var(--ph-font-body);font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:#ffffffd9;max-width:620px;margin:0 0 36px;width:100%}.page-about__hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:48px;width:100%}.page-about__btn{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:15px;padding:14px 32px;border-radius:var(--border-radius);border:1px solid transparent;cursor:pointer;transition:all .2s var(--transition-timing);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:140px}.page-about__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.page-about__btn:active{transform:translateY(0)}.page-about__btn--primary{background:var(--background-color-light);color:var(--brand-navy);box-shadow:0 4px 16px #00000014}.page-about__btn--primary:hover{background:var(--background-color-hover);box-shadow:0 8px 32px #0000001f}.page-about__btn--secondary{background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-on-primary);border-color:#fff3}.page-about__btn--secondary:hover{border-color:var(--text-on-primary);background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-about__btn--large{padding:18px 44px;font-size:17px;min-width:180px}.page-about__btn-icon{font-size:.95rem}.page-about__btn:focus-visible{outline:2px solid var(--brand-sky);outline-offset:2px}.page-about__grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);width:100%}.page-about__cards-grid{display:grid;gap:var(--spacing-lg);width:100%}.page-about__cards-grid--values{grid-template-columns:repeat(4,1fr)}.page-about__cards-grid--philosophy,.page-about__cards-grid--innovation{grid-template-columns:repeat(3,1fr)}.page-about__cards-grid--qa,.page-about__cards-grid--tech,.page-about__cards-grid--team{grid-template-columns:repeat(4,1fr)}.page-about__card{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000a,0 1px 3px #00000005;width:100%;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.page-about__card:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(11,155,200,.2) 0%,transparent 30%,transparent 70%,rgba(11,155,200,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.page-about__card:hover:before{opacity:1}.page-about__card:hover{transform:translateY(-6px);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 60px #0b9bc81a,0 4px 16px #0000000a;border-color:#0b9bc833}.page-about__section--navy .page-about__card{background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0000000f}.page-about__section--navy .page-about__card:before{background:linear-gradient(135deg,rgba(81,205,221,.3) 0%,transparent 30%,transparent 70%,rgba(81,205,221,.3) 100%)}.page-about__section--navy .page-about__card:hover{background:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#51cddd33;box-shadow:0 16px 60px #0000001f}.page-about__card-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#0b9bc80f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(11,155,200,.06);color:var(--brand-cyan);font-size:22px;margin-bottom:14px;flex-shrink:0;transition:all .3s ease}.page-about__card:hover .page-about__card-icon{transform:scale(1.05) rotate(-3deg);background:#0b9bc81f;border-color:#0b9bc81f}.page-about__section--navy .page-about__card-icon{background:#ffffff14;border-color:#ffffff0d;color:var(--brand-sky-light)}.page-about__section--navy .page-about__card:hover .page-about__card-icon{background:#ffffff26;border-color:#ffffff1a}.page-about__card h3,.page-about__card h4{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);margin:0 0 8px;color:var(--brand-navy)}.page-about__section--navy .page-about__card h3,.page-about__section--navy .page-about__card h4{color:var(--text-on-primary)}.page-about__card p{font-size:15px;line-height:1.6;color:var(--text-secondary-color);margin:0;flex:1}.page-about__section--navy .page-about__card p{color:#fffc}.page-about__card--value{border-top:4px solid var(--brand-sky-light)}.page-about__card--philosophy{border-top:4px solid var(--brand-sky)}.page-about__card--mission{border-top:4px solid var(--brand-cyan)}.page-about__card--vision{border-top:4px solid var(--brand-cyan-bright)}.page-about__card--innovation{border-top:4px solid var(--brand-sky-light)}.page-about__card--qa{border-top:4px solid var(--brand-cyan)}.page-about__card--tech{border-top:4px solid var(--brand-cyan-bright)}.page-about__mission-list{list-style:none;margin:var(--spacing-md) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.page-about__mission-list li{display:flex;align-items:flex-start;gap:8px;font-size:15px;font-weight:500;color:var(--brand-navy)}.page-about__mission-list svg{color:var(--brand-cyan-bright);margin-top:3px;flex-shrink:0}.page-about__section--navy .page-about__mission-list li{color:var(--text-on-primary)}.page-about__section--navy .page-about__mission-list svg{color:var(--brand-sky-light)}.page-about__timeline{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:760px;width:100%}.page-about__timeline-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.page-about__timeline-dot{flex-shrink:0;width:72px;height:72px;border-radius:50%;background:var(--brand-navy);color:var(--text-on-primary);display:flex;align-items:center;justify-content:center;font-family:var(--ph-font-mono);font-size:14px;font-weight:var(--font-weight-bold);border:2px solid var(--brand-cyan-bright);box-shadow:0 4px 16px #0b9bc826}.page-about__timeline-content h4{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:20px;margin:0 0 6px;color:var(--brand-navy)}.page-about__timeline-content p{font-size:16px;color:var(--text-secondary-color);margin:0}.page-about__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);width:100%}.page-about__stat-card{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:var(--spacing-lg);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000a,0 1px 3px #00000005;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.page-about__stat-card:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(11,155,200,.2) 0%,transparent 30%,transparent 70%,rgba(11,155,200,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.page-about__stat-card:hover:before{opacity:1}.page-about__stat-card:hover{transform:translateY(-6px);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 60px #0b9bc81a,0 4px 16px #0000000a;border-color:#0b9bc833}.page-about__stat-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#0b9bc80f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(11,155,200,.06);color:var(--brand-cyan);font-size:20px;margin-bottom:12px;transition:all .3s ease}.page-about__stat-card:hover .page-about__stat-icon{transform:scale(1.05);background:#0b9bc81f;border-color:#0b9bc81f}.page-about__stat-number{font-family:var(--ph-font-mono);font-size:32px;font-weight:var(--font-weight-bold);color:var(--brand-cyan-bright);display:block;line-height:1.2}.page-about__stat-label{font-size:15px;color:var(--text-secondary-color);display:block;margin-top:6px}.page-about__stat-loading{display:block;margin-top:8px;color:var(--text-muted);font-size:13px}.page-about__additional-stats{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(11,155,200,.06);width:100%}.page-about__additional-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);width:100%}.page-about__additional-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.3);transition:all .25s ease;box-shadow:0 1px 3px #00000005;width:100%}.page-about__additional-item:hover{border-color:var(--brand-cyan-bright);box-shadow:0 4px 20px #0b9bc80f;transform:translateY(-2px);background:#fffc}.page-about__additional-icon{font-size:24px;color:var(--brand-cyan);flex-shrink:0}.page-about__additional-item h4{font-family:var(--ph-font-display);font-weight:700;font-size:20px;margin:0;color:var(--brand-navy)}.page-about__additional-item p{font-size:13px;color:var(--text-muted);margin:0}.page-about__methodology-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);width:100%}.page-about__methodology-step{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:var(--spacing-md);display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 24px #0000000a;width:100%;height:100%;transition:all .3s ease}.page-about__methodology-step:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b9bc814;border-color:#0b9bc833;background:#fffffff2}.page-about__methodology-index{font-family:var(--ph-font-mono);font-size:14px;font-weight:var(--font-weight-bold);color:var(--brand-cyan-bright)}.page-about__methodology-step h4{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:16px;margin:0;color:var(--brand-navy)}.page-about__methodology-step p{font-size:14px;color:var(--text-secondary-color);line-height:1.5;margin:0}.page-about__research-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:760px;width:100%}.page-about__research-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:var(--spacing-md);transition:all .25s ease}.page-about__research-item:hover{background:#fffc;border-color:#0b9bc81a;transform:translate(4px)}.page-about__research-icon{color:var(--brand-cyan-bright);font-size:18px;margin-top:3px;flex-shrink:0}.page-about__research-item p{font-size:16px;color:var(--text-secondary-color);line-height:1.55;margin:0}.page-about__team-section{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.page-about__team-section.visible{opacity:1;transform:translateY(0)}.page-about__team-loading,.page-about__team-error,.page-about__team-empty{text-align:center;padding:48px 0;color:var(--text-secondary-color);width:100%}.page-about__spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--brand-cyan-bright);border-radius:50%;margin:0 auto var(--spacing-md);animation:about-spin .8s linear infinite}@keyframes about-spin{to{transform:rotate(360deg)}}.page-about__team-card{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:var(--spacing-lg);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000a;width:100%;height:100%;position:relative;overflow:hidden}.page-about__team-card:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(11,155,200,.2) 0%,transparent 30%,transparent 70%,rgba(11,155,200,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.page-about__team-card:hover:before{opacity:1}.page-about__team-card:hover{transform:translateY(-6px);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 60px #0b9bc81a,0 4px 16px #0000000a;border-color:#0b9bc833}.page-about__team-card-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%}.page-about__team-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0b9bc80f;border:2px solid rgba(11,155,200,.06);transition:all .3s ease}.page-about__team-card:hover .page-about__team-avatar{border-color:#0b9bc833;transform:scale(1.05)}.page-about__team-avatar-image{width:100%;height:100%;object-fit:cover}.page-about__team-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:24px;color:var(--brand-cyan)}.page-about__team-name{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0;color:var(--brand-navy)}.page-about__team-role{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--brand-cyan-bright);margin:0 0 6px}.page-about__team-bio{font-size:14px;color:var(--text-secondary-color);line-height:1.5;margin:0}.page-about__roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);width:100%}.page-about__roadmap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.page-about__roadmap-list li{display:flex;align-items:flex-start;gap:10px;font-size:16px;color:#ffffffd9;line-height:1.5;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.page-about__roadmap-list li:last-child{border-bottom:none}.page-about__roadmap-list svg{color:var(--brand-sky-light);margin-top:3px;flex-shrink:0}.page-about__roadmap-features{width:100%}.page-about__roadmap-features h4{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);color:var(--text-on-primary);margin:0 0 var(--spacing-md);font-size:20px}.page-about__feature-preview{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-top:1px solid rgba(255,255,255,.08)}.page-about__feature-preview:first-of-type{border-top:none}.page-about__feature-icon{color:var(--brand-sky-light);font-size:20px;flex-shrink:0;margin-top:3px}.page-about__feature-preview h5{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:16px;margin:0 0 4px;color:var(--text-on-primary)}.page-about__feature-preview p{font-size:14px;color:#ffffffb3;line-height:1.5;margin:0}.page-about__cta{padding:80px 0 100px;background:var(--background-color);width:100%}.page-about__cta-box{text-align:center;max-width:740px;margin:0 auto;padding:64px 56px;background:var(--gradient-primary);border-radius:var(--border-radius-2xl);color:var(--text-on-primary);position:relative;overflow:hidden;box-shadow:0 12px 60px #2c3d9426;width:100%}.page-about__cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(var(--brand-cyan-rgb),.2),transparent 60%);pointer-events:none}.page-about__cta-box:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(var(--brand-sky-rgb),.1),transparent 40%);pointer-events:none}.page-about__cta-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--ph-font-mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 18px;border-radius:50px;margin-bottom:20px;position:relative;color:var(--brand-sky-light);border:1px solid rgba(255,255,255,.1)}.page-about__cta-badge-icon{font-size:14px}.page-about__cta-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.4vw,40px);line-height:1.15;margin:0 0 var(--spacing-md);color:var(--text-on-primary);position:relative}.page-about__cta-desc{font-size:18px;line-height:1.7;color:#ffffffd9;margin:0 0 36px;position:relative}.page-about__cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);position:relative;width:100%}.page-about__cta-actions .page-about__btn--primary{background:var(--background-color-light);color:var(--brand-navy);box-shadow:0 4px 20px #00000014}.page-about__cta-actions .page-about__btn--primary:hover{background:var(--background-color-hover);box-shadow:0 8px 40px #0000001f}.page-about__cta-actions .page-about__btn--secondary{border-color:#fff3;color:var(--text-on-primary);background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-about__cta-actions .page-about__btn--secondary:hover{border-color:var(--text-on-primary);background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(max-width:1024px){.page-about__grid-2col,.page-about__roadmap-grid{grid-template-columns:1fr}.page-about__cards-grid--values,.page-about__cards-grid--qa,.page-about__cards-grid--tech,.page-about__cards-grid--team,.page-about__cards-grid--philosophy,.page-about__cards-grid--innovation{grid-template-columns:repeat(2,1fr)}.page-about__methodology-steps{grid-template-columns:repeat(3,1fr)}.page-about__additional-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.page-about__inner{padding:0 var(--spacing-lg)}.page-about__section{padding:64px 0}.page-about__stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.page-about__hero{padding:56px 0 40px}.page-about__hero-content{max-width:100%}.page-about__hero-actions{flex-direction:column;width:100%}.page-about__hero-actions .page-about__btn{width:100%;justify-content:center}.page-about__hero-badge{font-size:11px;padding:6px 14px}.page-about__cards-grid--values,.page-about__cards-grid--philosophy,.page-about__cards-grid--innovation,.page-about__cards-grid--qa,.page-about__cards-grid--tech,.page-about__cards-grid--team{grid-template-columns:1fr}.page-about__stats-grid{grid-template-columns:1fr 1fr}.page-about__additional-grid,.page-about__methodology-steps{grid-template-columns:1fr}.page-about__timeline-item{flex-direction:column;align-items:center;text-align:center}.page-about__cta-box{padding:36px 20px}.page-about__cta-actions{flex-direction:column;align-items:center}.page-about__cta-actions .page-about__btn{width:100%;justify-content:center}}@media(max-width:380px){.page-about__headline{font-size:28px}.page-about__section-title{font-size:24px}.page-about__stats-grid{grid-template-columns:1fr}}@media print{.page-about__hero{background:var(--brand-navy)!important;padding:40px 0!important}.page-about__hero-bg-pattern,.page-about__btn{display:none!important}.page-about__section{padding:32px 0!important;break-inside:avoid}.page-about__card{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.page-about__section--navy,.page-about__cta-box{background:var(--brand-navy)!important;color:var(--text-on-primary)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.error-boundary-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);background:var(--background-color);font-family:var(--font-family-sans)}.error-boundary-content{max-width:560px;width:100%;padding:var(--spacing-2xl) var(--spacing-xl);background:var(--background-color-light);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);text-align:center;animation:errorBoundarySlideUp var(--transition-speed) var(--transition-timing)}@keyframes errorBoundarySlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-boundary-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--spacing-lg);background:var(--danger-background-color);border-radius:50%;color:var(--danger-color)}.error-boundary-icon svg{width:40px;height:40px}.error-boundary-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0 0 var(--spacing-md) 0;letter-spacing:-.02em}.error-boundary-message{font-size:var(--font-size-md);color:var(--text-secondary-color);line-height:1.6;margin:0 0 var(--spacing-lg) 0}.error-boundary-details{margin:var(--spacing-lg) 0;text-align:left;background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden}.error-boundary-details-summary{padding:var(--spacing-md) var(--spacing-md);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--primary-color);-webkit-user-select:none;user-select:none;transition:background var(--transition-speed) var(--transition-timing)}.error-boundary-details-summary:hover{background:var(--background-color)}.error-boundary-details-content{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.error-boundary-error-message{font-size:var(--font-size-sm);color:var(--danger-color);background:var(--danger-background-color);padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin:0 0 var(--spacing-md) 0;word-break:break-word;font-family:var(--font-family-monospace)}.error-boundary-error-message strong{color:var(--danger-color)}.error-boundary-stack-trace{font-size:var(--font-size-sm);color:var(--text-secondary-color);background:var(--background-color);padding:var(--spacing-md);border-radius:var(--border-radius-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-family-monospace);margin:0;max-height:200px;overflow-y:auto}.error-boundary-stack-trace strong{display:block;margin-bottom:var(--spacing-sm);color:var(--primary-color)}.error-boundary-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-lg) 0 var(--spacing-md) 0;flex-wrap:wrap}.error-boundary-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);text-decoration:none}.error-boundary-btn-icon{width:18px;height:18px;flex-shrink:0}.error-boundary-btn-primary{background:var(--gradient-primary);color:var(--text-on-primary)}.error-boundary-btn-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.error-boundary-btn-primary:active{transform:translateY(0)}.error-boundary-btn-secondary{background:var(--background-color-hover);color:var(--primary-color)}.error-boundary-btn-secondary:hover{background:var(--border-color);transform:translateY(-2px)}.error-boundary-btn-secondary:active{transform:translateY(0)}.error-boundary-help{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color-light)}@media(max-width:640px){.error-boundary-content{padding:var(--spacing-xl) var(--spacing-lg)}.error-boundary-icon{width:64px;height:64px}.error-boundary-icon svg{width:32px;height:32px}.error-boundary-title{font-size:var(--font-size-lg)}.error-boundary-message{font-size:var(--font-size-sm)}.error-boundary-actions{flex-direction:column}.error-boundary-btn{width:100%;justify-content:center}}@media(max-width:480px){.error-boundary-content{padding:var(--spacing-lg) var(--spacing-md);border-radius:var(--border-radius-lg)}.error-boundary-title{font-size:var(--font-size-md)}.error-boundary-details-content{padding:0 var(--spacing-sm) var(--spacing-md) var(--spacing-sm)}}@media(prefers-reduced-motion:reduce){.error-boundary-content{animation:none}.error-boundary-btn{transition:none}.error-boundary-btn-primary:hover,.error-boundary-btn-secondary:hover{transform:none}}.page-features{--brand-cyan-rgb: 11, 155, 200;--brand-sky-rgb: 81, 205, 221;--brand-sky-light-rgb: 143, 224, 235;--brand-navy-rgb: 10, 35, 66;--ph-font-display: "Space Grotesk", var(--font-family-sans);--ph-font-body: "Source Serif 4", var(--font-family-sans);--ph-font-mono: "IBM Plex Mono", var(--font-family-monospace);font-family:var(--ph-font-body);color:var(--text-primary-color);background:var(--background-color);-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}.page-features *{box-sizing:border-box}.page-features__inner{width:100%;max-width:var(--container-width, 1180px);margin:0 auto;padding:0 var(--spacing-lg)}.page-features__eyebrow{font-family:var(--ph-font-mono);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-cyan-bright);display:inline-block;margin-bottom:12px}.page-features__eyebrow--light{color:var(--brand-sky-light)}.page-features__text-teal{color:var(--brand-cyan)}.page-features__text-teal-user{color:var(--text-primary-color)}.page-features__section-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:0;color:var(--brand-navy)}.page-features__section-desc{font-size:18px;line-height:1.7;color:var(--text-secondary-color);margin:var(--spacing-md) 0 0;max-width:640px}.page-features__section-head{max-width:720px;margin:0 0 56px;width:100%}.page-features__hero{position:relative;background:var(--gradient-primary);color:var(--text-on-primary);padding:80px 0 60px;overflow:hidden;width:100%}.page-features__hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(var(--brand-cyan-rgb),.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(var(--brand-sky-rgb),.08) 0%,transparent 40%);pointer-events:none}.page-features__hero-content{position:relative;z-index:1;max-width:780px;width:100%}.page-features__hero-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--ph-font-mono);font-size:13px;font-weight:500;letter-spacing:.05em;color:var(--text-primary-color);background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 18px;border-radius:50px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.page-features__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-sky);display:inline-block;animation:pulse-dot 2s ease-in-out infinite}.page-features__headline{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(32px,5vw,56px);line-height:1.08;margin:0 0 var(--spacing-lg);color:var(--text-on-primary);text-align:left;width:100%}.page-features__headline-highlight{color:var(--text-primary-color);border-bottom:3px solid var(--brand-sky);padding-bottom:4px}.page-features__subheading{font-family:var(--ph-font-body);font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:var(--text-primary-color);max-width:620px;margin:0 0 36px;width:100%}.page-features__hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:48px;width:100%}.page-features__btn{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:15px;padding:14px 32px;border-radius:var(--border-radius);border:1px solid transparent;cursor:pointer;transition:all .2s var(--transition-timing);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:140px}.page-features__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.page-features__btn:active{transform:translateY(0)}.page-features__btn--primary{background:var(--background-color-light);color:var(--text-primary-color);box-shadow:0 4px 16px #00000014}.page-features__btn--primary:hover{background:var(--background-color-hover);box-shadow:0 8px 32px #0000001f}.page-features__btn--secondary{background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-on-primary);border-color:#fff3}.page-features__btn--secondary:hover{border-color:var(--text-on-primary);background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-features__btn--large{padding:18px 44px;font-size:17px;min-width:180px}.page-features__btn:focus-visible{outline:2px solid var(--brand-sky);outline-offset:2px}.page-features__trust{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;width:100%}.page-features__trust-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-family:var(--ph-font-mono);font-size:13px;color:var(--text-primary-color);width:100%}.page-features__trust-label{font-weight:600;color:var(--brand-sky-light);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.page-features__trust-item{white-space:nowrap;font-weight:500}.page-features__trust-sep{color:#ffffff4d}.page-features__trust-worldwide{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text-on-primary)}.page-features__trust-globe{font-size:14px}.page-features__section{padding:88px 0;width:100%}.page-features__section{background:var(--background-color);color:var(--text-primary-color)}.page-features__section--light{background:var(--background-color-hover);color:var(--text-primary-color)}.page-features__section--navy{background:var(--gradient-primary);color:var(--text-on-primary)}.page-features__section--navy .page-features__section-title{color:var(--text-on-primary)}.page-features__section--navy .page-features__card-desc{color:var(--text-primary-color)}.page-features__section--navy .page-features__card-features li{color:var(--text-primary-color);border-color:#ffffff1a}.page-features__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:2rem;width:100%}.page-features__stat-card{background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:var(--spacing-lg);text-align:center;transition:all .3s ease;box-shadow:0 1px 3px #0000000a;position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-features__stat-card:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,transparent 50%,var(--brand-cyan-bright) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.page-features__stat-card:hover:before{opacity:1}.page-features__stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b9bc81a;border-color:var(--brand-cyan-bright)}.page-features__stat-value{font-family:var(--ph-font-display);font-size:2.5rem;font-weight:800;color:var(--brand-cyan-bright);display:block;line-height:1.2}.page-features__stat-label{font-size:.9rem;color:var(--text-secondary-color);display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;width:100%}.page-features__stat-loading{display:block;margin-top:8px;color:var(--text-muted);font-size:.75rem}.page-features__additional-stats{margin-top:2rem;padding-top:2rem;border-top:1px solid #e8edf4;width:100%}.page-features__additional-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);width:100%}.page-features__additional-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:10px;border:1px solid #e8edf4;transition:all .25s ease;box-shadow:0 1px 3px #00000005;width:100%}.page-features__additional-item:hover{border-color:var(--brand-cyan-bright);box-shadow:0 4px 20px #0b9bc80f;transform:translateY(-2px)}.page-features__additional-icon{font-size:24px;color:var(--brand-cyan);flex-shrink:0}.page-features__additional-item>div{flex:1;min-width:0}.page-features__additional-item h4{font-family:var(--ph-font-display);font-weight:700;font-size:1.25rem;margin:0;color:var(--brand-navy)}.page-features__additional-item p{font-size:.8rem;color:var(--text-muted);margin:0}.page-features__cards-grid{display:grid;gap:var(--spacing-lg);width:100%}.page-features__cards-grid--content{grid-template-columns:repeat(4,1fr)}.page-features__cards-grid--roles,.page-features__cards-grid--reports{grid-template-columns:repeat(3,1fr)}.page-features__cards-grid--tech{grid-template-columns:repeat(4,1fr)}.page-features__cards-grid--future{grid-template-columns:repeat(3,1fr)}.page-features__card{background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:var(--spacing-lg);transition:all .3s ease;box-shadow:0 1px 3px #0000000a;position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;height:100%}.page-features__card:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,transparent 50%,var(--brand-cyan-bright) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.page-features__card:hover:before{opacity:1}.page-features__card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b9bc81a;border-color:var(--brand-cyan-bright)}.page-features__card--content{border-top:4px solid var(--brand-cyan);background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;text-align:center}.page-features__card--content:hover{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-features__card--role{border-top:4px solid var(--brand-sky-light);background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#ffffff1f}.page-features__section--navy .page-features__card--role:hover{background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--brand-sky)}.page-features__card--report{border-top:4px solid var(--brand-sky);background:#f8fafc;border:1px solid #e8edf4;box-shadow:0 1px 3px #00000005}.page-features__card--tech{border-top:4px solid var(--brand-cyan-bright);background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center}.page-features__card--future{border-top:4px solid var(--brand-sky-light);background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#ffffff1f;display:flex;flex-direction:column;align-items:center;text-align:center}.page-features__section .future-icon{color:var(--white)}.page-features__section--navy .page-features__card--future:hover{background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--brand-sky)}.page-features__card-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:rgba(var(--brand-cyan-rgb),.08);font-size:22px;color:var(--brand-cyan);transition:all .3s ease;flex-shrink:0}.page-features__card:hover .page-features__card-icon-wrapper{transform:scale(1.05)}.page-features__card-icon-wrapper--role,.page-features__card-icon-wrapper--future{background:#ffffff1a;color:var(--brand-sky-light)}.page-features__card-icon-wrapper--report{background:rgba(var(--brand-sky-rgb),.12);color:var(--brand-sky)}.page-features__card-icon-wrapper--tech{background:rgba(var(--brand-cyan-rgb),.08);color:var(--brand-cyan-bright)}.page-features__card-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0 0 8px;color:var(--brand-navy)}.page-features__section--navy .page-features__card-title{color:var(--text-on-primary)}.page-features__card-desc{font-size:15px;line-height:1.6;color:var(--text-secondary-color-dark);margin:0 0 12px;flex:1}.page-features__feature-check{color:var(--white);font-size:16px;flex-shrink:0}.page-features__workflow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-lg);position:relative;width:100%}.page-features__workflow-grid:before{content:"";position:absolute;top:30px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand-cyan),var(--brand-sky));opacity:.2}.page-features__workflow-card{background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:var(--spacing-lg);text-align:center;position:relative;transition:all .3s ease;box-shadow:0 1px 3px #0000000a;width:100%;display:flex;flex-direction:column;align-items:center}.page-features__workflow-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b9bc81a;border-color:var(--brand-cyan-bright)}.page-features__workflow-step{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:28px;height:28px;background:var(--brand-cyan);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ph-font-mono);font-weight:700;font-size:14px;box-shadow:0 2px 8px #0b9bc833}.page-features__workflow-icon{font-size:28px;color:var(--brand-cyan);margin:12px 0 8px}.page-features__workflow-card h3{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:16px;margin:0 0 4px;color:var(--brand-navy)}.page-features__workflow-desc{font-size:14px;color:var(--text-secondary-color-dark);margin:0 0 6px}.page-features__workflow-details{font-size:12px;color:var(--text-muted);margin:0}.page-features__group{padding:88px 0;background:var(--background-color);border-bottom:1px solid #e8edf4;width:100%}.page-features__group--alt{background:var(--background-color-hover)}.page-features__group-header{max-width:720px;margin:0 0 56px;width:100%}.page-features__group-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:0;color:var(--brand-navy)}.page-features__group-underline{width:60px;height:4px;background:linear-gradient(90deg,var(--brand-cyan),var(--brand-sky));border-radius:2px;margin-top:8px}.page-features__item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);width:100%}.page-features__item-card{background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:var(--spacing-lg);text-align:center;transition:all .3s ease;box-shadow:0 1px 3px #0000000a;width:100%;display:flex;flex-direction:column;align-items:center;height:100%}.page-features__item-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b9bc81a;border-color:var(--brand-cyan-bright)}.page-features__item-icon{width:56px;height:56px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;background:rgba(var(--brand-cyan-rgb),.08);color:var(--brand-cyan);margin-bottom:12px;transition:all .3s ease;flex-shrink:0}.page-features__item-card:hover .page-features__item-icon{background:var(--brand-cyan);color:#fff;transform:scale(1.05) rotate(-5deg)}.page-features__item-card h3{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0 0 6px;color:var(--brand-navy)}.page-features__item-card p{font-size:15px;line-height:1.6;color:var(--text-secondary-color-dark);margin:0;flex:1}.page-features__cta{padding:80px 0 100px;background:var(--background-color);width:100%}.page-features__cta-box{text-align:center;max-width:740px;margin:0 auto;padding:64px 56px;background:var(--gradient-primary);border-radius:var(--border-radius-2xl);color:var(--text-on-primary);position:relative;overflow:hidden;box-shadow:0 12px 60px #2c3d9426;width:100%}.page-features__cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(var(--brand-cyan-rgb),.2),transparent 60%);pointer-events:none}.page-features__cta-box:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(var(--brand-sky-rgb),.1),transparent 40%);pointer-events:none}.page-features__cta-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--ph-font-mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 18px;border-radius:50px;margin-bottom:20px;position:relative;color:var(--white);border:1px solid rgba(255,255,255,.1)}.page-features__cta-badge-icon{font-size:14px}.page-features__cta-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.4vw,40px);line-height:1.15;margin:0 0 var(--spacing-md);color:var(--text-on-primary);position:relative}.page-features__cta-desc{font-size:18px;line-height:1.7;color:#ffffffd9;margin:0 0 36px;position:relative}.page-features__cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);position:relative;width:100%}.page-features__cta-actions .page-features__btn--primary{background:var(--background-color-light);color:var(--white);box-shadow:0 4px 20px #00000014}.page-features__cta-actions .page-features__btn--primary:hover{background:var(--background-color-hover);box-shadow:0 8px 40px #0000001f}.page-features__cta-actions .page-features__btn--secondary{border-color:#fff3;color:var(--text-on-primary);background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-features__cta-actions .page-features__btn--secondary:hover{border-color:var(--text-on-primary);background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(max-width:1024px){.page-features__workflow-grid:before{display:none}.page-features__workflow-grid{grid-template-columns:repeat(3,1fr)}.page-features__cards-grid--content,.page-features__cards-grid--tech,.page-features__item-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.page-features__inner{padding:0 var(--spacing-lg)}.page-features__section,.page-features__group{padding:64px 0}.page-features__stats-grid,.page-features__additional-grid,.page-features__cards-grid--roles,.page-features__cards-grid--reports,.page-features__cards-grid--future,.page-features__workflow-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.page-features__hero{padding:56px 0 40px}.page-features__inner{padding:0 var(--spacing-md)}.page-features__section,.page-features__group{padding:48px 0}.page-features__hero-actions{flex-direction:column;width:100%}.page-features__hero-actions .page-features__btn{width:100%;justify-content:center}.page-features__hero-badge{font-size:11px;padding:6px 14px}.page-features__trust-row{font-size:12px;gap:6px 12px}.page-features__stats-grid{grid-template-columns:1fr 1fr}.page-features__additional-grid{grid-template-columns:1fr}.page-features__cards-grid--content,.page-features__cards-grid--roles,.page-features__cards-grid--reports,.page-features__cards-grid--tech,.page-features__cards-grid--future{grid-template-columns:1fr;gap:var(--spacing-md)}.page-features__item-grid,.page-features__workflow-grid{grid-template-columns:1fr}.page-features__cta-box{padding:36px 20px}.page-features__cta-actions{flex-direction:column;align-items:center}.page-features__cta-actions .page-features__btn{width:100%;justify-content:center}}@media(max-width:380px){.page-features__headline{font-size:28px}.page-features__subheading{font-size:15px}.page-features__section-title,.page-features__group-title{font-size:24px}.page-features__stats-grid{grid-template-columns:1fr}}@media print{.page-features__hero{background:var(--brand-navy)!important;padding:40px 0!important}.page-features__hero-bg-pattern,.page-features__btn{display:none!important}.page-features__section,.page-features__group{padding:32px 0!important;break-inside:avoid}.page-features__card{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.page-features__section--navy,.page-features__cta-box{background:var(--brand-navy)!important;color:var(--text-on-primary)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.page-features__card--report{border-top:4px solid var(--brand-sky);background:#f8fafc;border:1px solid #e8edf4;box-shadow:0 1px 3px #00000005;padding:var(--spacing-lg)}.page-features__card--report:hover{background:#fff;box-shadow:0 8px 32px #0000000a;border-color:var(--brand-sky)}.page-features__card-header-row{display:flex;align-items:center;gap:14px;margin-bottom:16px;width:100%}.page-features__card-header-row .page-features__card-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-sky-rgb),.12);color:var(--brand-sky);font-size:22px;transition:all .3s ease;flex-shrink:0}.page-features__card--report:hover .page-features__card-icon-wrapper{transform:scale(1.05)}.page-features__card-title-group{display:flex;flex-direction:column;flex:1;min-width:0}.page-features__card-title-group .page-features__card-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0;color:var(--brand-navy);line-height:1.3}.page-features__card-title-group .page-features__card-subtitle{font-size:13px;color:var(--text-secondary-color-dark);margin:0;line-height:1.4}.page-features__card-features{list-style:none;padding:0;margin:0;width:100%}.page-features__card-features li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;border-bottom:1px solid #e8edf4;color:var(--brand-navy);width:100%}.page-features__card-features li:last-child{border-bottom:none}.page-features__card-features li:before{content:"◆";color:var(--brand-sky);font-size:10px;opacity:.6}@media(max-width:860px){.page-features__cards-grid--reports{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.page-features__cards-grid--reports{grid-template-columns:1fr}.page-features__card-header-row{gap:12px}}.page-features__card-header-row .role-icon,.page-features__cards-grid--roles .page-features__card-title,.page-features__cards-grid--roles .page-features__card-subtitle{color:var(--white)}.page-blog{--brand-cyan-rgb: 11, 155, 200;--brand-sky-rgb: 81, 205, 221;--brand-sky-light-rgb: 143, 224, 235;--brand-navy-rgb: 10, 35, 66;--brand-amber-rgb: 224, 164, 88;--brand-red-rgb: 193, 89, 74;--ph-font-display: "Space Grotesk", var(--font-family-sans);--ph-font-body: "Source Serif 4", var(--font-family-sans);--ph-font-mono: "IBM Plex Mono", var(--font-family-monospace);font-family:var(--ph-font-body);background:var(--background-color);color:var(--brand-navy);-webkit-font-smoothing:antialiased;width:100%;overflow-x:hidden}.page-blog *,.page-blog *:before,.page-blog *:after{box-sizing:border-box}.page-blog a{text-decoration:none;color:inherit}.page-blog button{font-family:inherit;cursor:pointer}.page-blog-loading,.page-blog-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background:var(--background-color);color:var(--brand-navy);font-family:var(--ph-font-body);padding:var(--spacing-lg);text-align:center;width:100%}.page-blog__inner{width:100%;max-width:var(--container-width, 1180px);margin:0 auto;padding:0 var(--spacing-lg)}.page-blog__eyebrow{font-family:var(--ph-font-mono);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-cyan-bright);display:inline-block;margin-bottom:12px}.page-blog__section-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:0;color:var(--brand-navy)}.page-blog__section-head{max-width:720px;margin:0 0 56px;width:100%}.page-blog__glass{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000000f}.page-blog__glass-dark{background:#2c3d941f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000014}.page-blog__matte{background:#f8fafc;border:1px solid #e8edf4;box-shadow:0 1px 3px #00000005}.page-blog__elevated{box-shadow:0 8px 40px #0000000f,0 2px 8px #00000005}.page-blog__section{padding:88px 0;background:var(--background-color);width:100%}.page-blog__section--featured,.page-blog__section--categories,.page-blog__section--library{padding-top:0}.page-blog__intro-section{background:var(--gradient-primary);color:var(--text-on-primary);padding:80px 0 64px;width:100%;position:relative;overflow:hidden}.page-blog__intro-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(11,155,200,.15),transparent 60%);pointer-events:none}.page-blog__intro-container{max-width:720px;margin:0 auto;padding:0 var(--spacing-lg);text-align:center;width:100%;position:relative;z-index:1}.page-blog__intro-eyebrow{display:inline-block;font-family:var(--ph-font-mono);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--white);margin-bottom:20px}.page-blog__intro-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(32px,5vw,56px);line-height:1.08;margin:0 0 var(--spacing-lg);color:var(--text-on-primary);width:100%}.page-blog__intro-highlight{color:var(--text-primary-color);border-bottom:3px solid var(--brand-sky);padding-bottom:4px}.page-blog__intro-subtitle{font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:var(--text-primary-color);max-width:38rem;margin:0 auto var(--spacing-lg);width:100%}.page-blog__search{display:flex;align-items:center;gap:8px;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:6px;max-width:560px;margin:0 auto;box-shadow:0 8px 40px #00000014;border:1px solid rgba(255,255,255,.3)}.page-blog__search-icon{color:var(--brand-cyan);margin-left:12px;flex-shrink:0}.page-blog__search-input{flex:1;border:none;outline:none;padding:12px 8px;font-size:16px;color:var(--brand-navy);background:transparent;font-family:var(--ph-font-body)}.page-blog__search-input::placeholder{color:var(--text-muted)}.page-blog__search-btn{background:var(--brand-cyan-bright);color:var(--text-on-primary);border:none;padding:10px 24px;border-radius:12px;font-weight:var(--font-weight-semibold);font-size:15px;cursor:pointer;transition:all .2s var(--transition-timing);font-family:var(--ph-font-display);box-shadow:0 4px 16px #0b9bc833}.page-blog__search-btn:hover{background:var(--brand-cyan);transform:translateY(-2px);box-shadow:0 8px 32px #0b9bc840}.page-blog__search-info{margin-top:var(--spacing-md);font-size:14px;color:#ffffffb3}.page-blog__featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);width:100%}.page-blog__featured-card{display:flex;flex-direction:column;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000a,0 1px 3px #00000005;width:100%;height:100%}.page-blog__featured-card:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(11,155,200,.2) 0%,transparent 30%,transparent 70%,rgba(11,155,200,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.page-blog__featured-card:hover:before{opacity:1}.page-blog__featured-card:hover{transform:translateY(-6px);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 60px #0b9bc81a,0 4px 16px #0000000a;border-color:#0b9bc833}.page-blog__featured-image-wrap{position:relative;aspect-ratio:16 / 10;background:#0b9bc80f;overflow:hidden;width:100%}.page-blog__featured-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.page-blog__featured-card:hover .page-blog__featured-image{transform:scale(1.03)}.page-blog__featured-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--brand-cyan)}.page-blog__featured-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;background:var(--brand-cyan-bright);color:var(--text-on-primary);font-size:12px;font-weight:var(--font-weight-semibold);padding:4px 12px;border-radius:999px;box-shadow:0 2px 8px #00000014}.page-blog__featured-body{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}.page-blog__featured-category{font-family:var(--ph-font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-cyan);margin-bottom:8px}.page-blog__featured-body h3{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:20px;margin:0 0 8px;color:var(--brand-navy);line-height:1.3}.page-blog__featured-body p{font-size:15px;color:var(--text-secondary-color);margin:0 0 var(--spacing-md);line-height:1.6;flex:1}.page-blog__featured-link{display:inline-flex;align-items:center;gap:6px;font-weight:var(--font-weight-semibold);font-size:15px;color:var(--brand-cyan-bright);transition:gap .2s ease}.page-blog__featured-link:hover{gap:10px}.page-blog__categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-sm);width:100%}.page-blog__category-chip{display:flex;align-items:center;gap:10px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:14px 16px;cursor:pointer;text-align:left;transition:all .25s ease;box-shadow:0 1px 3px #00000005;width:100%}.page-blog__category-chip:hover{border-color:#0b9bc833;background:#fffc;transform:translateY(-2px);box-shadow:0 4px 16px #0000000a}.page-blog__category-chip.active{background:#0b9bc814;border-color:var(--brand-cyan-bright);box-shadow:0 4px 16px #0b9bc80f}.page-blog__category-icon{display:inline-flex;color:var(--brand-cyan-bright);font-size:18px;flex-shrink:0}.page-blog__category-name{flex:1;font-weight:var(--font-weight-semibold);font-size:15px;color:var(--brand-navy)}.page-blog__category-count{font-family:var(--ph-font-mono);font-size:13px;color:var(--text-muted);background:#0b9bc80a;padding:2px 10px;border-radius:999px}.page-blog__library-row{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap;width:100%}.page-blog__library-chip{display:inline-flex;align-items:center;gap:8px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:var(--font-weight-semibold);color:var(--brand-navy);cursor:pointer;transition:all .25s ease}.page-blog__library-chip:hover{border-color:#0b9bc833;background:#fffc;transform:translateY(-2px)}.page-blog__library-chip.active{border-color:var(--brand-cyan-bright);color:var(--brand-cyan-bright);background:#0b9bc814}.page-blog__login-prompt{margin-top:var(--spacing-md);font-size:15px;color:var(--text-secondary-color)}.page-blog__login-prompt a{color:var(--brand-cyan-bright);font-weight:var(--font-weight-semibold)}.page-blog__category-message{display:flex;align-items:center;gap:var(--spacing-md);background:#0b9bc80a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(11,155,200,.06);border-radius:16px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);width:100%}.page-blog__category-message svg{font-size:28px;color:var(--brand-cyan-bright);flex-shrink:0}.page-blog__category-message h3{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0 0 4px;color:var(--brand-navy)}.page-blog__category-message p{margin:0;font-size:15px;color:var(--text-secondary-color)}.page-blog__active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:14px;color:var(--text-secondary-color);width:100%}.page-blog__filter-tag{display:inline-flex;align-items:center;gap:8px;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(11,155,200,.06);border-radius:999px;padding:6px 8px 6px 16px;font-weight:var(--font-weight-semibold);color:var(--brand-navy)}.page-blog__filter-tag button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:none;background:#0b9bc80a;color:var(--brand-navy);cursor:pointer;font-size:12px;transition:all .2s ease}.page-blog__filter-tag button:hover{background:#0b9bc81a}.page-blog__clear-filters{background:transparent;border:none;color:var(--brand-cyan-bright);font-weight:var(--font-weight-semibold);cursor:pointer;font-size:14px}.page-blog__clear-filters:hover{text-decoration:underline}.page-blog__controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(11,155,200,.06);width:100%}.page-blog__controls-left{display:flex;align-items:center;gap:var(--spacing-md)}.page-blog__filter-toggle{display:inline-flex;align-items:center;gap:8px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:8px 16px;font-size:14px;font-weight:var(--font-weight-semibold);color:var(--brand-navy);cursor:pointer;transition:all .25s ease}.page-blog__filter-toggle:hover{border-color:var(--brand-cyan-bright);background:#fffc;transform:translateY(-2px)}.page-blog__results-count{font-size:14px;color:var(--text-secondary-color)}.page-blog__controls-right{display:flex;align-items:center;gap:var(--spacing-sm)}.page-blog__sort-select{border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:8px 12px;font-size:14px;color:var(--brand-navy);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--ph-font-body);transition:all .25s ease}.page-blog__sort-select:focus{border-color:var(--brand-cyan-bright);outline:none;box-shadow:0 0 0 4px #0b9bc814}.page-blog__view-toggle{display:flex;border:2px solid rgba(255,255,255,.3);border-radius:12px;overflow:hidden;background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-blog__view-toggle button{border:none;background:transparent;color:var(--text-muted);padding:8px 12px;cursor:pointer;transition:all .25s ease;font-size:14px}.page-blog__view-toggle button:hover{color:var(--brand-navy);background:#0b9bc805}.page-blog__view-toggle button.active{background:#0b9bc814;color:var(--brand-cyan-bright)}.page-blog__difficulty-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);overflow:hidden;margin-bottom:var(--spacing-lg);width:100%}.page-blog__difficulty-chip{background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid transparent;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-secondary-color);cursor:pointer;transition:all .25s ease}.page-blog__difficulty-chip:hover{background:#fff9;border-color:#0b9bc81a}.page-blog__difficulty-chip.active{border-color:var(--brand-cyan-bright);color:var(--brand-cyan-bright);background:#0b9bc814}.page-blog__stats-card{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);width:100%;box-shadow:0 4px 24px #00000005}.page-blog__stat{display:flex;align-items:center;gap:12px}.page-blog__stat>svg{font-size:22px;color:var(--brand-cyan-bright);flex-shrink:0}.page-blog__stat-value{display:block;font-family:var(--ph-font-mono);font-weight:var(--font-weight-semibold);font-size:20px;color:var(--brand-navy)}.page-blog__stat-label{display:block;font-size:13px;color:var(--text-secondary-color)}.page-blog__stat--goal{flex-direction:column;align-items:stretch;gap:6px}.page-blog__goal-header{display:flex;justify-content:space-between;font-size:13px;font-weight:var(--font-weight-semibold);color:var(--brand-navy)}.page-blog__goal-track{height:6px;background:#0b9bc814;border-radius:999px;overflow:hidden;width:100%}.page-blog__goal-fill{height:100%;background:var(--brand-cyan-bright);border-radius:999px;transition:width .6s ease}.page-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);width:100%}.page-blog__grid--list{grid-template-columns:1fr}.page-blog__card{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000a,0 1px 3px #00000005;width:100%;height:100%;display:flex;flex-direction:column}.page-blog__card:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(11,155,200,.2) 0%,transparent 30%,transparent 70%,rgba(11,155,200,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.page-blog__card:hover:before{opacity:1}.page-blog__card:hover{transform:translateY(-6px);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 60px #0b9bc81a,0 4px 16px #0000000a;border-color:#0b9bc833}.page-blog__card-link{display:flex;flex-direction:column;height:100%;width:100%}.page-blog__grid--list .page-blog__card-link{flex-direction:row}.page-blog__card-image-wrap{position:relative;aspect-ratio:16 / 10;background:#0b9bc80f;flex-shrink:0;overflow:hidden;width:100%}.page-blog__grid--list .page-blog__card-image-wrap{width:240px;aspect-ratio:auto}.page-blog__card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.page-blog__card:hover .page-blog__card-image{transform:scale(1.03)}.page-blog__card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--brand-cyan)}.page-blog__card-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;background:#0a2342d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-on-primary);font-size:11px;font-weight:var(--font-weight-semibold);padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.page-blog__card-quick-actions{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px}.page-blog__card-action{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--brand-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .25s ease}.page-blog__card-action:hover{background:#fff;transform:scale(1.05)}.page-blog__card-action.active{background:var(--brand-cyan-bright);color:var(--text-on-primary);border-color:var(--brand-cyan-bright)}.page-blog__card-category{position:absolute;bottom:12px;left:12px;font-size:11px;font-weight:var(--font-weight-semibold);padding:4px 10px;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--brand-navy);border:1px solid rgba(255,255,255,.2)}.page-blog__card-body{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}.page-blog__card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--text-secondary-color);margin-bottom:8px}.page-blog__card-meta span{display:inline-flex;align-items:center;gap:4px}.page-blog__card-difficulty{text-transform:capitalize;font-weight:var(--font-weight-semibold);padding:2px 10px;border-radius:999px;background:#fff6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.page-blog__card-difficulty.beginner{background:#0b9bc814;color:var(--brand-cyan)}.page-blog__card-difficulty.advanced{background:#c1594a14;color:#c1594a}.page-blog__card-timestamp{font-style:italic}.page-blog__card-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;line-height:1.35;margin:0 0 8px;color:var(--brand-navy)}.page-blog__card-excerpt{font-size:15px;color:var(--text-secondary-color-dark);line-height:1.6;margin:0 0 var(--spacing-md);flex:1}.page-blog__card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid rgba(11,155,200,.06);margin-bottom:var(--spacing-sm);width:100%}.page-blog__card-author{display:flex;align-items:center;gap:10px}.page-blog__card-author-avatar{width:34px;height:34px;border-radius:50%;background:#0b9bc80f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--brand-cyan);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:14px;flex-shrink:0;border:1px solid rgba(11,155,200,.06)}.page-blog__card-author-name{display:block;font-size:14px;font-weight:var(--font-weight-semibold);color:var(--brand-navy)}.page-blog__card-date{display:block;font-size:12px;color:var(--text-secondary-color)}.page-blog__card-stats{display:flex;gap:var(--spacing-sm);font-size:13px;color:var(--text-secondary-color)}.page-blog__card-stats span{display:inline-flex;align-items:center;gap:4px}.page-blog__card-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.page-blog__card-tag{background:#fff6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(11,155,200,.06);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--brand-navy);cursor:pointer;transition:all .2s ease}.page-blog__card-tag:hover{background:#0b9bc80f;border-color:#0b9bc81a}.page-blog__card-tag-more{font-size:12px;color:var(--text-secondary-color)}.page-blog__load-more{text-align:center;margin-top:var(--spacing-lg);width:100%}.page-blog__empty{text-align:center;padding:48px 0;width:100%}.page-blog__empty h3{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:22px;margin:0 0 8px;color:var(--brand-navy)}.page-blog__empty p{color:var(--text-secondary-color);margin:0 0 var(--spacing-lg)}.page-blog__scroll-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;background:var(--brand-cyan-bright);color:var(--text-on-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 32px #0b9bc840;z-index:40;transition:all .25s ease}.page-blog__scroll-top:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 48px #0b9bc84d}.page-blog__newsletter-section{background:var(--gradient-primary);padding:80px 0;width:100%;position:relative;overflow:hidden}.page-blog__newsletter-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(11,155,200,.15),transparent 60%);pointer-events:none}.page-blog__newsletter-container{max-width:620px;margin:0 auto;padding:0 var(--spacing-lg);text-align:center;width:100%;position:relative;z-index:1}.page-blog__newsletter-container h2{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.4vw,40px);color:var(--text-on-primary);margin:0 0 var(--spacing-sm)}.page-blog__newsletter-container p{color:#ffffffd9;margin:0 0 var(--spacing-lg);font-size:18px}.page-blog__newsletter-form{display:flex;gap:8px;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:6px;box-shadow:0 8px 40px #00000014;border:1px solid rgba(255,255,255,.3)}.page-blog__newsletter-form input{flex:1;border:none;outline:none;padding:12px 16px;font-size:16px;background:transparent;color:var(--brand-navy);font-family:var(--ph-font-body)}.page-blog__newsletter-form input::placeholder{color:var(--text-muted)}.page-blog__newsletter-form button{display:inline-flex;align-items:center;gap:8px;background:var(--brand-cyan-bright);color:var(--text-on-primary);border:none;padding:12px 28px;border-radius:12px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .25s ease;font-family:var(--ph-font-display);font-size:15px;box-shadow:0 4px 16px #0b9bc833}.page-blog__newsletter-form button:hover{background:var(--brand-cyan);transform:translateY(-2px);box-shadow:0 8px 32px #0b9bc840}@media(max-width:1024px){.page-blog__featured-grid,.page-blog__grid{grid-template-columns:repeat(2,1fr)}.page-blog__categories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.page-blog__stats-card{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.page-blog__inner{padding:0 var(--spacing-lg)}.page-blog__section{padding:64px 0}}@media(max-width:640px){.page-blog__intro-container{padding:0 var(--spacing-md)}.page-blog__featured-grid,.page-blog__grid,.page-blog__categories-grid,.page-blog__stats-card{grid-template-columns:1fr}.page-blog__search{flex-wrap:wrap}.page-blog__search-btn{width:100%;justify-content:center}.page-blog__grid--list .page-blog__card-link{flex-direction:column}.page-blog__grid--list .page-blog__card-image-wrap{width:100%;aspect-ratio:16 / 10}.page-blog__controls{flex-direction:column;align-items:flex-start}.page-blog__newsletter-form{flex-direction:column}.page-blog__newsletter-form button{width:100%;justify-content:center}.page-blog__intro-title{font-size:28px}}@media(max-width:380px){.page-blog__intro-title,.page-blog__section-title{font-size:24px}}@media print{.page-blog__intro-section{background:var(--brand-navy)!important;padding:40px 0!important}.page-blog__search-btn,.page-blog__filter-toggle,.page-blog__view-toggle button,.page-blog__card-action,.page-blog__scroll-top,.page-blog__newsletter-form button{display:none!important}.page-blog__section{padding:32px 0!important;break-inside:avoid}.page-blog__featured-card,.page-blog__card{box-shadow:none!important;break-inside:avoid;border:1px solid #ccc!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.page-blog__newsletter-section{background:var(--brand-navy)!important;color:var(--text-on-primary)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.page-contact{--brand-cyan-rgb: 11, 155, 200;--brand-sky-rgb: 81, 205, 221;--brand-sky-light-rgb: 143, 224, 235;--brand-navy-rgb: 10, 35, 66;--ph-font-display: "Space Grotesk", var(--font-family-sans);--ph-font-body: "Source Serif 4", var(--font-family-sans);--ph-font-mono: "IBM Plex Mono", var(--font-family-monospace);font-family:var(--ph-font-body);color:var(--text-primary-color);background:var(--background-color);-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}.page-contact *{box-sizing:border-box}.page-contact a{text-decoration:none;color:inherit}.page-contact button{font-family:inherit;cursor:pointer}.page-contact__inner{width:100%;max-width:var(--container-width, 1180px);margin:0 auto;padding:0 var(--spacing-lg)}.page-contact__eyebrow{font-family:var(--ph-font-mono);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-cyan-bright);display:inline-block;margin-bottom:12px}.page-contact__eyebrow--light{color:var(--brand-sky-light)}.page-contact__text-teal{color:var(--brand-cyan)}.page-contact__section-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:0;color:var(--brand-navy)}.page-contact__section-desc{font-size:18px;line-height:1.7;color:var(--text-secondary-color-dark);margin:var(--spacing-md) 0 0;max-width:640px}.page-contact__section-head{max-width:720px;margin:0 0 56px;width:100%}.page-contact__section{padding:88px 0;background:var(--background-color);color:var(--text-primary-color);width:100%}.page-contact__section--light{background:var(--background-color-hover);color:var(--text-primary-color)}.page-contact__section--navy{background:var(--gradient-primary);color:var(--text-on-primary)}.page-contact__section--navy .page-contact__section-title{color:var(--text-on-primary)}.page-contact__section--navy .page-contact__eyebrow{color:var(--brand-sky-light)}.page-contact__section--navy{color:#ffffffd9}.page-contact__hero{position:relative;background:var(--gradient-primary);color:var(--text-on-primary);padding:80px 0 60px;overflow:hidden;width:100%}.page-contact__hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(11,155,200,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(47,168,154,.08) 0%,transparent 40%);pointer-events:none}.page-contact__hero-content{position:relative;z-index:1;max-width:780px;width:100%}.page-contact__hero-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--ph-font-mono);font-size:13px;font-weight:500;letter-spacing:.05em;color:var(--text-primary-color);background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 18px;border-radius:50px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.page-contact__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-sky);display:inline-block;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.page-contact__headline{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(32px,5vw,56px);line-height:1.08;margin:0 0 var(--spacing-lg);color:var(--text-on-primary);text-align:left;width:100%}.page-contact__headline-highlight{color:var(--text-primary-color);border-bottom:3px solid var(--brand-sky);padding-bottom:4px}.page-contact__subheading{font-family:var(--ph-font-body);font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:var(--text-primary-color);max-width:620px;margin:0 0 36px;width:100%}.page-contact__hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:48px;width:100%}.page-contact__btn{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:15px;padding:14px 32px;border-radius:var(--border-radius);border:1px solid transparent;cursor:pointer;transition:all .2s var(--transition-timing);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:140px}.page-contact__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.page-contact__btn:active{transform:translateY(0)}.page-contact__btn--primary{background:var(--background-color-light);color:var(--brand-navy);box-shadow:0 4px 16px #00000014}.page-contact__btn--primary:hover{background:var(--background-color-hover);box-shadow:0 8px 32px #0000001f}.page-contact__btn--secondary{background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-on-primary);border-color:#fff3}.page-contact__btn--secondary:hover{border-color:var(--text-on-primary);background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-contact__btn--outline{background:transparent;color:var(--brand-cyan);border-color:var(--brand-cyan)}.page-contact__btn--outline:hover{background:var(--brand-cyan);color:var(--text-on-primary);box-shadow:0 4px 16px #0b9bc84d}.page-contact__btn--large{padding:18px 44px;font-size:17px;min-width:180px}.page-contact__btn--small{padding:8px 20px;font-size:13px;min-width:auto}.page-contact__btn-icon{font-size:.95rem}.page-contact__btn:focus-visible{outline:2px solid var(--brand-sky);outline-offset:2px}.page-contact__categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);width:100%}.page-contact__category-card{background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:var(--spacing-lg);transition:all .3s ease;box-shadow:0 1px 3px #0000000a;cursor:pointer;border-top:4px solid transparent;color:var(--brand-navy);width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column}.page-contact__category-card:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,transparent 50%,var(--brand-cyan-bright) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.page-contact__category-card:hover:before{opacity:1}.page-contact__category-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b9bc81a;border-color:var(--brand-cyan-bright)}.page-contact__category-card.active{border-top-color:var(--brand-cyan-bright)}.page-contact__category-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#0b9bc80f;color:var(--brand-cyan);font-size:22px;margin-bottom:12px;flex-shrink:0;transition:all .3s ease}.page-contact__category-card:hover .page-contact__category-icon{transform:scale(1.05)}.page-contact__category-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0 0 4px;color:var(--brand-navy)}.page-contact__category-description{font-size:15px;color:var(--text-secondary-color-dark);line-height:1.5;margin:0 0 var(--spacing-sm);flex:1}.page-contact__methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);width:100%}.page-contact__method-card{background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:var(--spacing-lg);transition:all .3s ease;box-shadow:0 1px 3px #0000000a;color:var(--brand-navy);width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;border-top:4px solid var(--brand-cyan)}.page-contact__method-card:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,transparent 50%,var(--brand-cyan-bright) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.page-contact__method-card:hover:before{opacity:1}.page-contact__method-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b9bc81a;border-color:var(--brand-cyan-bright)}.page-contact__method-card--locations{grid-column:span 1}.page-contact__method-header-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;width:100%}.page-contact__method-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0b9bc80f;color:var(--brand-cyan);font-size:22px;transition:all .3s ease;flex-shrink:0}.page-contact__method-card:hover .page-contact__method-icon{transform:scale(1.05);background:#0b9bc81f}.page-contact__method-title-group{display:flex;flex-direction:column;flex:1;min-width:0}.page-contact__method-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0 0 4px;color:var(--brand-navy);line-height:1.3}.page-contact__method-details{font-size:14px;color:var(--text-secondary-color-dark);margin:0;line-height:1.5}.page-contact__method-action{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-md);margin-top:auto;border-top:1px solid #e8edf4;width:100%;cursor:pointer;transition:all .2s ease}.page-contact__method-action:hover .page-contact__method-link-text{gap:12px}.page-contact__method-action:hover .page-contact__method-arrow{transform:translate(4px)}.page-contact__method-link-text{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--brand-cyan-bright);transition:all .2s ease}.page-contact__method-action-icon{font-size:14px}.page-contact__method-arrow{font-size:18px;color:var(--brand-cyan-bright);transition:all .2s ease}.page-contact__method-locations{display:flex;flex-direction:column;gap:10px;padding-top:var(--spacing-md);margin-top:auto;border-top:1px solid #e8edf4;width:100%}.page-contact__method-location-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0b9bc808;border:1px solid rgba(11,155,200,.06);border-radius:10px;cursor:pointer;transition:all .25s ease;width:100%;text-align:left;font-family:inherit;color:var(--brand-navy);position:relative;overflow:hidden}.page-contact__method-location-btn:before{content:"";position:absolute;inset:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,transparent 50%,var(--brand-cyan-bright) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.page-contact__method-location-btn:hover:before{opacity:1}.page-contact__method-location-btn:hover{background:#0b9bc80f;border-color:var(--brand-cyan-bright);transform:translate(4px);box-shadow:0 4px 16px #0b9bc80f}.page-contact__method-location-btn:active{transform:scale(.98)}.page-contact__method-location-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0b9bc80f;color:var(--brand-cyan);font-size:16px;flex-shrink:0;transition:all .3s ease}.page-contact__method-location-btn:hover .page-contact__method-location-icon{background:#0b9bc81f;transform:scale(1.05)}.page-contact__method-location-info{display:flex;flex-direction:column;flex:1;min-width:0}.page-contact__method-location-name{font-weight:600;font-size:14px;color:var(--brand-navy);line-height:1.3}.page-contact__method-location-address{font-size:12px;color:var(--text-secondary-color-dark);line-height:1.4;margin-top:2px}.page-contact__method-location-arrow{color:var(--brand-cyan-bright);font-size:16px;flex-shrink:0;transition:all .2s ease}.page-contact__method-location-btn:hover .page-contact__method-location-arrow{transform:translate(4px)}.page-contact__content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:stretch;padding:0 0 88px;width:100%}.page-contact__form-section{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:var(--spacing-xl);box-shadow:0 4px 24px #0000000a;color:var(--brand-navy);width:100%;height:100%;position:relative;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.page-contact__form-section:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,transparent 50%,var(--brand-cyan-bright) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.page-contact__form-section:hover:before{opacity:1}.page-contact__form-section:hover{transform:translateY(-4px);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 48px #0b9bc81a;border-color:var(--brand-cyan-bright)}.page-contact__form{display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;z-index:1;width:100%}.page-contact__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);width:100%}.page-contact__input-group{display:flex;flex-direction:column;gap:4px;width:100%}.page-contact__label{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:14px;color:var(--brand-navy)}.page-contact__input,.page-contact__textarea{padding:12px 16px;border:1px solid #e8edf4;border-radius:8px;font-size:15px;font-family:var(--ph-font-body);color:var(--brand-navy);background:#fff;transition:all .2s ease;width:100%}.page-contact__input::placeholder,.page-contact__textarea::placeholder{color:var(--text-muted)}.page-contact__input:focus,.page-contact__textarea:focus{outline:none;border-color:var(--brand-cyan-bright);box-shadow:0 0 0 4px #0b9bc80f}.page-contact__input.has-error,.page-contact__textarea.has-error{border-color:#dc3545}.page-contact__input.has-error:focus,.page-contact__textarea.has-error:focus{box-shadow:0 0 0 4px #dc35450f}.page-contact__textarea{resize:vertical;min-height:120px}.page-contact__error{display:flex;align-items:center;gap:6px;color:#dc3545;font-size:13px;margin-top:4px}.page-contact__error svg{font-size:14px}.page-contact__form-note{font-size:14px;color:var(--text-muted);margin:0}.page-contact__form-footer{display:flex;justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid #e8edf4;width:100%}.page-contact__success-message{display:flex;align-items:center;gap:var(--spacing-sm);background:#2e7d320f;color:#2e7d32;padding:var(--spacing-md);border-radius:8px;border:1px solid rgba(46,125,50,.1);margin-bottom:var(--spacing-md);font-weight:500;width:100%}.page-contact__success-icon{font-size:20px;flex-shrink:0}.page-contact__faq-section{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:var(--spacing-xl);box-shadow:0 4px 24px #0000000a;display:flex;flex-direction:column;color:var(--brand-navy);width:100%;height:100%;position:relative;overflow:hidden;transition:all .3s ease}.page-contact__faq-section:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,transparent 50%,var(--brand-cyan-bright) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.page-contact__faq-section:hover:before{opacity:1}.page-contact__faq-section:hover{transform:translateY(-4px);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 48px #0b9bc81a;border-color:var(--brand-cyan-bright)}.page-contact__faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;position:relative;z-index:1;width:100%}.page-contact__faq-item{border:1px solid #e8edf4;border-radius:8px;overflow:hidden;background:#fff;transition:all .2s ease;width:100%}.page-contact__faq-item:hover{border-color:#0b9bc81f}.page-contact__faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:transparent;border:none;cursor:pointer;font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:15px;color:var(--brand-navy);text-align:left;transition:all .2s ease}.page-contact__faq-question:hover{background:#0b9bc805}.page-contact__faq-question.open{background:#0b9bc80a;border-bottom:1px solid #e8edf4}.page-contact__faq-icon{color:var(--brand-cyan-bright);font-size:18px;flex-shrink:0;transition:transform .2s ease}.page-contact__faq-question.open .page-contact__faq-icon{transform:rotate(180deg)}.page-contact__faq-answer{max-height:0;overflow:hidden;background:#0b9bc803;transition:max-height .3s ease,padding .3s ease}.page-contact__faq-answer.open{max-height:300px;padding:var(--spacing-md)}.page-contact__faq-answer p{margin:0;font-size:15px;line-height:1.6;color:var(--text-secondary-color-dark)}.page-contact__faq-footer{padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid #e8edf4;text-align:center;position:relative;z-index:1;width:100%}.page-contact__faq-link{display:inline-flex;align-items:center;gap:6px;font-weight:var(--font-weight-semibold);color:var(--brand-cyan-bright);transition:all .2s ease}.page-contact__faq-link:hover{color:var(--brand-cyan);gap:10px}.page-contact__faq-loading{text-align:center;padding:48px 0;color:var(--text-secondary-color-dark);width:100%}.page-contact__location-section{width:100%;padding:88px 0;background:var(--background-color)}.page-contact__location-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);width:100%;align-items:stretch}.page-contact__map-container{border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a;border:1px solid #e8edf4;width:100%;height:100%;min-height:400px}.page-contact__map-iframe{display:block;width:100%;height:100%;min-height:400px;object-fit:cover;border:none}.page-contact__location-details{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;height:100%}.page-contact__detail-item{background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:var(--spacing-lg);box-shadow:0 1px 3px #0000000a;color:var(--brand-navy);width:100%;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.page-contact__detail-item:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,transparent 50%,var(--brand-cyan-bright) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.page-contact__detail-item:hover:before{opacity:1}.page-contact__detail-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b9bc81a;border-color:var(--brand-cyan-bright)}.page-contact__detail-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;width:100%}.page-contact__detail-icon{font-size:22px;color:var(--brand-cyan-bright);flex-shrink:0}.page-contact__detail-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:16px;margin:0;color:var(--brand-navy)}.page-contact__detail-text{font-size:15px;color:var(--text-secondary-color-dark);line-height:1.6;margin:0;width:100%}.page-contact__detail-text strong{color:var(--brand-navy)}.page-contact__detail-link{display:inline-flex;align-items:center;gap:6px;color:var(--brand-cyan-bright);font-weight:500;transition:all .2s ease;margin-top:4px}.page-contact__detail-link:hover{color:var(--brand-cyan);gap:10px}.page-contact__cta{padding:0 0 100px;width:100%}.page-contact__cta-box{text-align:center;max-width:740px;margin:0 auto;padding:64px 56px;background:var(--gradient-primary);border-radius:var(--border-radius-2xl);color:var(--text-on-primary);position:relative;overflow:hidden;box-shadow:0 12px 60px #2c3d9426;width:100%}.page-contact__cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(11,155,200,.2),transparent 60%);pointer-events:none}.page-contact__cta-box:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(81,205,221,.1),transparent 40%);pointer-events:none}.page-contact__cta-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--ph-font-mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 18px;border-radius:50px;margin-bottom:20px;position:relative;color:var(--brand-sky-light);border:1px solid rgba(255,255,255,.1)}.page-contact__cta-badge-icon{font-size:14px}.page-contact__cta-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.4vw,40px);line-height:1.15;margin:0 0 var(--spacing-md);color:var(--text-on-primary);position:relative}.page-contact__cta-desc{font-size:18px;line-height:1.7;color:#ffffffd9;margin:0 0 36px;position:relative}.page-contact__cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);position:relative;width:100%}.page-contact__cta-actions .page-contact__btn--primary{background:var(--background-color-light);color:var(--brand-navy);box-shadow:0 4px 20px #00000014}.page-contact__cta-actions .page-contact__btn--primary:hover{background:var(--background-color-hover);box-shadow:0 8px 40px #0000001f}.page-contact__cta-actions .page-contact__btn--secondary{border-color:#fff3;color:var(--text-on-primary);background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-contact__cta-actions .page-contact__btn--secondary:hover{border-color:var(--text-on-primary);background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-contact__category-header-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;width:100%}.page-contact__category-header-row .page-contact__category-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0b9bc80f;color:var(--brand-cyan);font-size:22px;transition:all .3s ease;flex-shrink:0}.page-contact__category-card:hover .page-contact__category-icon{transform:scale(1.05);background:#0b9bc81f}.page-contact__category-title-group{display:flex;flex-direction:column;flex:1;min-width:0}.page-contact__category-title-group .page-contact__category-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0 0 4px;color:var(--brand-navy);line-height:1.3}.page-contact__category-title-group .page-contact__category-description{font-size:14px;color:var(--text-secondary-color-dark);margin:0;line-height:1.5}.page-contact__category-links{display:flex;flex-direction:column;gap:6px;padding-top:var(--spacing-sm);border-top:1px solid #e8edf4;width:100%}.page-contact__category-link{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text-secondary-color-dark);transition:all .2s ease;width:100%}.page-contact__category-link:hover{background:#0b9bc80a;color:var(--brand-cyan-bright);transform:translate(4px)}.page-contact__category-link-icon{color:var(--brand-cyan-bright);font-size:14px;flex-shrink:0}@media(max-width:1024px){.page-contact__categories-grid{grid-template-columns:repeat(2,1fr)}.page-contact__content-grid,.page-contact__location-content{grid-template-columns:1fr}.page-contact__map-container,.page-contact__map-iframe{min-height:350px}.page-contact__methods-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.page-contact__inner{padding:0 var(--spacing-lg)}.page-contact__section{padding:64px 0}.page-contact__content-grid{padding:0 0 64px}.page-contact__location-section{padding:64px 0}}@media(max-width:768px){.page-contact__categories-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.page-contact__category-card{padding:var(--spacing-md)}.page-contact__form-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.page-contact__methods-grid{grid-template-columns:1fr}.page-contact__location-details{gap:var(--spacing-md)}.page-contact__map-container,.page-contact__map-iframe{min-height:300px}.page-contact__form-section,.page-contact__faq-section{padding:var(--spacing-lg)}.page-contact__category-header-row{gap:12px}.page-contact__category-header-row .page-contact__category-icon{width:40px;height:40px;font-size:18px}.page-contact__category-title-group .page-contact__category-title{font-size:16px}.page-contact__category-title-group .page-contact__category-description{font-size:13px}.page-contact__method-location-btn{padding:10px 14px}.page-contact__method-location-icon{width:32px;height:32px;font-size:14px}}@media(max-width:520px){.page-contact__hero{padding:56px 0 40px}.page-contact__inner{padding:0 var(--spacing-md)}.page-contact__section{padding:48px 0}.page-contact__content-grid{padding:0 0 48px}.page-contact__location-section{padding:48px 0}.page-contact__categories-grid{grid-template-columns:1fr}.page-contact__hero-actions{flex-direction:column;width:100%}.page-contact__hero-actions .page-contact__btn{width:100%;justify-content:center}.page-contact__hero-badge{font-size:11px;padding:6px 14px}.page-contact__form-section,.page-contact__faq-section{padding:var(--spacing-md)}.page-contact__form-footer{justify-content:center}.page-contact__form-footer .page-contact__btn{width:100%;justify-content:center}.page-contact__cta-box{padding:36px 20px}.page-contact__cta-actions{flex-direction:column;align-items:center}.page-contact__cta-actions .page-contact__btn{width:100%;justify-content:center}.page-contact__map-container,.page-contact__map-iframe{min-height:250px}.page-contact__method-card,.page-contact__detail-item{padding:var(--spacing-md)}.page-contact__category-header-row{gap:10px}.page-contact__category-header-row .page-contact__category-icon{width:36px;height:36px;font-size:16px;border-radius:10px}}@media(max-width:380px){.page-contact__headline{font-size:28px}.page-contact__section-title{font-size:24px}}@media print{.page-contact__hero{background:var(--brand-navy)!important;padding:40px 0!important}.page-contact__hero-bg-pattern,.page-contact__btn{display:none!important}.page-contact__section{padding:32px 0!important;break-inside:avoid}.page-contact__card{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.page-contact__section--navy,.page-contact__cta-box{background:var(--brand-navy)!important;color:var(--text-on-primary)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.components-input-container{margin-bottom:var(--spacing-md);width:100%}.components-input-label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-bold);color:var(--primary-color)}.components-input-element{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-md);box-sizing:border-box;color:var(--primary-color);background-color:var(--background-color-light);transition:border-color var(--transition-speed) var(--transition-timing)}.components-input-element:focus{outline:none;border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.15)}.components-textarea-container{width:100%}.components-textarea-label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-bold);color:var(--primary-color)}.components-textarea-element{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-md);font-family:var(--font-family-sans);background-color:var(--background-color-light);color:var(--primary-color);box-sizing:border-box;resize:vertical;transition:all var(--transition-speed) var(--transition-timing);min-height:80px}.components-textarea-element:focus{outline:none;border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.15)}.components-textarea-element::placeholder{color:var(--text-muted)}.components-textarea-element:hover:not(:disabled){border-color:var(--brand-cyan-bright)}.components-textarea-element:disabled{background-color:var(--background-color-hover);cursor:not-allowed;opacity:.6}.components-textarea-element--error{border-color:var(--danger-color)}.components-textarea-element--error:focus{box-shadow:0 0 0 3px rgba(var(--danger-color-rgb),.15)}.components-textarea-element--success{border-color:var(--success-color)}.components-textarea-element--success:focus{box-shadow:0 0 0 3px rgba(var(--success-color-rgb),.15)}.page-sim{--brand-cyan-rgb: 11, 155, 200;--brand-sky-rgb: 81, 205, 221;--brand-sky-light-rgb: 143, 224, 235;--brand-navy-rgb: 10, 35, 66;--ph-font-display: "Space Grotesk", var(--font-family-sans);--ph-font-body: "Source Serif 4", var(--font-family-sans);--ph-font-mono: "IBM Plex Mono", var(--font-family-monospace);font-family:var(--ph-font-body);color:var(--text-primary-color);background:var(--background-color);-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}.page-sim *,.page-sim *:before,.page-sim *:after{box-sizing:border-box}.page-sim a{text-decoration:none;color:inherit}.page-sim button{font-family:inherit;cursor:pointer}.page-sim-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background:var(--background-color);color:var(--brand-navy);font-family:var(--ph-font-body);width:100%}.page-sim__inner{width:100%;max-width:var(--container-width, 1180px);margin:0 auto;padding:0 var(--spacing-lg)}.page-sim__eyebrow{font-family:var(--ph-font-mono);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-cyan-bright);display:inline-block;margin-bottom:12px}.page-sim__eyebrow-scenario{font-family:var(--ph-font-mono);font-size:17px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary-color);display:inline-block;margin-bottom:12px}.page-sim__eyebrow--light{color:var(--brand-sky-light)}.page-sim__section-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:0;color:var(--brand-navy)}.page-sim__section-head{max-width:720px;margin:0 0 56px;width:100%}.page-sim__section-head--row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap;width:100%}.page-sim__section{padding:88px 0;background:var(--background-color);color:var(--brand-navy);width:100%}.page-sim__section--light{background:var(--background-color-hover)}.page-sim__section--navy{background:var(--gradient-primary);color:var(--text-on-primary)}.page-sim__section--navy .page-sim__section-title{color:var(--text-on-primary)}.page-sim__section--navy .page-sim__eyebrow{color:var(--brand-sky-light)}.page-sim__vitals-line{display:block;width:100%;height:44px;color:rgba(var(--brand-cyan-rgb),.4)}.page-sim__intro-vitals{color:#ffffff24}.page-sim__workflow-vitals{position:absolute;top:38px;left:0;width:100%;color:#ffffff2e;z-index:0}.page-sim__intro-section{position:relative;background:var(--gradient-primary);color:var(--text-on-primary);padding:80px 0 0;overflow:hidden;width:100%}.page-sim__intro-container{max-width:820px;margin:0 auto;padding:0 var(--spacing-lg) 4rem;text-align:center;width:100%}.page-sim__intro-eyebrow{display:inline-block;font-family:var(--ph-font-mono);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-sky-light);margin-bottom:20px}.page-sim__intro-title{font-family:var(--ph-font-display);font-size:clamp(2.1rem,4vw,3.1rem);font-weight:700;line-height:1.12;margin:0 0 var(--spacing-lg);color:var(--text-on-primary);width:100%}.page-sim__intro-highlight{color:var(--brand-sky-light);border-bottom:3px solid var(--brand-sky);padding-bottom:4px}.page-sim__intro-subtitle{font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:#ffffffd9;max-width:42rem;margin:0 auto var(--spacing-lg);width:100%}.page-sim__intro-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-md);width:100%}.page-sim__glass{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000000f}.page-sim__glass-dark{background:#2c3d941f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000014}.page-sim__matte{background:#f8fafc;border:1px solid #e8edf4;box-shadow:0 1px 3px #00000005}.page-sim__elevated{box-shadow:0 8px 40px #0000000f,0 2px 8px #00000005}.page-sim__elevated-hover:hover{box-shadow:0 16px 60px #00000014,0 4px 16px #0000000a}.page-sim__btn{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:15px;padding:14px 32px;border-radius:var(--border-radius);border:1px solid transparent;cursor:pointer;transition:all .2s var(--transition-timing);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:140px}.page-sim__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.page-sim__btn:active{transform:translateY(0)}.page-sim__btn--primary{background:var(--background-color-light);color:var(--brand-navy);box-shadow:0 4px 16px #00000014}.page-sim__btn--primary:hover{background:var(--background-color-hover);box-shadow:0 8px 32px #0000001f}.page-sim__btn--secondary{background:transparent;color:var(--text-on-primary);border-color:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-sim__btn--secondary:hover{border-color:var(--text-on-primary);background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-sim__btn--outline{background:transparent;color:var(--brand-cyan);border-color:var(--brand-cyan)}.page-sim__btn--outline:hover{background:var(--brand-cyan);color:var(--text-on-primary);box-shadow:0 4px 16px #0b9bc84d}.page-sim__btn-icon{font-size:.95rem}.page-sim__cards-grid{display:grid;gap:var(--spacing-lg);width:100%}.page-sim__cards-grid--why,.page-sim__cards-grid--categories,.page-sim__cards-grid--scenarios{grid-template-columns:repeat(4,1fr)}.page-sim__cards-grid--gallery{grid-template-columns:repeat(3,1fr)}.page-sim__card{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000a,0 1px 3px #00000005;width:100%;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.page-sim__card:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(11,155,200,.2) 0%,transparent 30%,transparent 70%,rgba(11,155,200,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.page-sim__card:hover:before{opacity:1}.page-sim__card:hover{transform:translateY(-6px);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 60px #0b9bc81a,0 4px 16px #0000000a;border-color:#0b9bc833}.page-sim__section--navy .page-sim__card{background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #00000014}.page-sim__section--navy .page-sim__card:before{background:linear-gradient(135deg,rgba(81,205,221,.3) 0%,transparent 30%,transparent 70%,rgba(81,205,221,.3) 100%)}.page-sim__section--navy .page-sim__card:hover{background:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#51cddd33;box-shadow:0 16px 60px #0000001f,0 4px 16px #0000000a}.page-sim__card-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#0b9bc814;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(11,155,200,.06);color:var(--brand-cyan);font-size:22px;margin-bottom:14px;flex-shrink:0;transition:all .3s ease}.page-sim__card:hover .page-sim__card-icon{transform:scale(1.05) rotate(-3deg);background:#0b9bc826;border-color:#0b9bc826}.page-sim__section--navy .page-sim__card-icon{background:#ffffff14;border-color:#ffffff0d;color:var(--brand-sky-light)}.page-sim__section--navy .page-sim__card:hover .page-sim__card-icon{background:#ffffff26;border-color:#ffffff1a}.page-sim__card h3{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0 0 8px;color:var(--brand-navy)}.page-sim__section--navy .page-sim__card h3{color:var(--text-on-primary)}.page-sim__card p{font-size:15px;line-height:1.6;color:var(--text-secondary-color-dark);margin:0;flex:1}.page-sim__section--navy .page-sim__card p{color:#fffc}.page-sim__card--why{border-top:4px solid var(--brand-sky-light)}.page-sim__card--category{border-top:4px solid var(--brand-sky)}.page-sim__card--scenario{border-top:4px solid var(--brand-cyan)}.page-sim__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;width:100%}.page-sim__card-specialty{font-family:var(--ph-font-mono);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-cyan)}.page-sim__section--navy .page-sim__card-specialty{color:var(--brand-sky-light)}.page-sim__card-level{font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;text-transform:capitalize;background:#0b9bc814;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.page-sim__card-level.advanced{background:#b3452e1a;color:#b3452e}.page-sim__card-level.intermediate{background:#c98a2c1a;color:#c98a2c}.page-sim__card-level.beginner{background:#0b9bc81a;color:var(--brand-cyan)}.page-sim__card-footer{display:flex;align-items:center;gap:8px;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid rgba(11,155,200,.06);font-size:14px;color:var(--text-secondary-color);width:100%}.page-sim__card-footer-icon{color:var(--brand-cyan-bright);font-size:16px}.page-sim__card--gallery{padding:0;overflow:hidden;border-top:4px solid var(--brand-cyan-bright);background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-sim__card--gallery:hover{background:#fffffffa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.page-sim__card-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;width:100%}.page-sim__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.page-sim__card--gallery:hover .page-sim__card-image img{transform:scale(1.03)}.page-sim__card-level-badge{position:absolute;top:12px;right:12px;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;text-transform:capitalize;background:#0a2342b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-on-primary);border:1px solid rgba(255,255,255,.1)}.page-sim__card-body{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}.page-sim__card-body h3{font-family:var(--ph-font-display);font-size:18px;font-weight:var(--font-weight-semibold);margin:0 0 8px;color:var(--brand-navy)}.page-sim__card-body p{font-size:15px;color:var(--text-secondary-color);margin:0 0 var(--spacing-md);line-height:1.6;flex:1}.page-sim__card-body .page-sim__card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid rgba(11,155,200,.06);font-size:14px;color:var(--text-secondary-color);width:100%;margin-top:auto}.page-sim__card-body .page-sim__card-footer span{display:inline-flex;align-items:center;gap:6px}.page-sim__card-link{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--brand-cyan-bright);transition:all .2s ease;padding:4px 12px;border-radius:8px;background:#0b9bc80f}.page-sim__card-link:hover{gap:8px;color:var(--brand-cyan);background:#0b9bc81f}.page-sim__workflow{position:relative;padding-top:1rem;width:100%}.page-sim__workflow-nodes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);width:100%}.page-sim__workflow-node{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;width:100%}.page-sim__workflow-node-icon{width:64px;height:64px;border-radius:50%;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(81,205,221,.3);display:flex;align-items:center;justify-content:center;color:var(--brand-sky-light);font-size:24px;transition:all .3s ease;flex-shrink:0}.page-sim__workflow-node:hover .page-sim__workflow-node-icon{transform:scale(1.08);background:#ffffff1f;border-color:var(--brand-sky);box-shadow:0 0 30px #51cddd26}.page-sim__workflow-node-label{font-family:var(--ph-font-mono);font-size:13px;font-weight:600;letter-spacing:.05em;color:var(--text-on-primary);text-transform:uppercase}.page-sim__workflow-node-description{margin:0;font-size:14px;color:#ffffffb3;line-height:1.5}.page-sim__chip-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);width:100%}.page-sim__chip{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f8fafc;color:var(--brand-navy);border-radius:999px;font-size:15px;font-weight:600;border:1px solid #e8edf4;box-shadow:0 1px 3px #00000005;transition:all .25s ease}.page-sim__chip:hover{background:#fff;border-color:var(--brand-cyan-bright);transform:translateY(-2px);box-shadow:0 4px 16px #0b9bc80f}.page-sim__chip svg{color:var(--brand-cyan-bright)}.page-sim__section--navy .page-sim__chip{background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-on-primary);border-color:#ffffff14;box-shadow:0 1px 3px #00000005}.page-sim__section--navy .page-sim__chip:hover{background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#51cddd4d;box-shadow:0 4px 20px #0000000f}.page-sim__section--navy .page-sim__chip svg{color:var(--brand-sky-light)}.page-sim__section--featured{background:var(--background-color-hover)}.page-sim__featured-launch{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:20px;overflow:hidden;box-shadow:0 8px 40px #0000000a,0 2px 8px #00000005;width:100%;transition:all .3s ease}.page-sim__featured-launch:hover{box-shadow:0 12px 60px #0b9bc80f,0 4px 16px #00000005}.page-sim__featured-launch-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap;padding:var(--spacing-lg);border-bottom:1px solid rgba(11,155,200,.06);width:100%}.page-sim__featured-launch-header>div{flex:1;min-width:200px}.page-sim__featured-launch-header h3{font-family:var(--ph-font-display);font-size:22px;font-weight:var(--font-weight-semibold);margin:0 0 4px;color:var(--brand-navy)}.page-sim__featured-launch-header p{margin:0;font-size:15px;color:var(--text-secondary-color)}.page-sim__featured-level{font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;background:#0b9bc80f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--brand-cyan);border:1px solid rgba(11,155,200,.06)}.page-sim__featured-launch-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.page-sim__featured-frame-container{position:relative;aspect-ratio:16 / 9;background:var(--brand-navy);width:100%}.page-sim__featured-frame{width:100%;height:100%;border:none}.page-sim__featured-placeholder,.page-sim__featured-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:#ffffffb3;background:#0a23424d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.page-sim__featured-placeholder-icon{font-size:48px;color:var(--brand-cyan-bright)}.page-sim__gallery-tabs{display:flex;flex-wrap:wrap;gap:8px}.page-sim__gallery-tab{background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(11,155,200,.06);color:var(--text-secondary-color);padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s var(--transition-timing)}.page-sim__gallery-tab.active{color:var(--brand-navy);border-color:var(--brand-cyan-bright);background:#0b9bc814;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-sim__gallery-tab:hover:not(.active){background:#fffc;transform:translateY(-1px);box-shadow:0 2px 8px #00000005}.page-sim__gallery-empty{text-align:center;padding:48px 0;color:var(--text-secondary-color);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%}.page-sim__gallery-empty-icon{font-size:32px;color:var(--border-color)}.page-sim__outcomes-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);width:100%}.page-sim__outcome-item{display:flex;align-items:flex-start;gap:12px;background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:var(--spacing-md);font-size:15px;color:var(--text-on-primary);width:100%;transition:all .3s ease}.page-sim__outcome-item:hover{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateY(-2px);box-shadow:0 4px 20px #0000000a;border-color:#ffffff1a}.page-sim__outcome-icon{color:var(--brand-sky-light);flex-shrink:0;margin-top:2px}.page-sim__assessment-container{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;width:100%}.page-sim__assessment-copy .page-sim__section-title{margin-bottom:var(--spacing-md)}.page-sim__assessment-copy>p{font-size:17px;line-height:1.7;color:#fffc;margin:0 0 var(--spacing-lg);max-width:34rem}.page-sim__assessment-features{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.page-sim__assessment-features span{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:#ffffffd9}.page-sim__assessment-features svg{color:var(--brand-sky-light)}.page-sim__assessment-card{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:var(--spacing-lg);box-shadow:0 8px 40px #0000000a;width:100%}.page-sim__assessment-card h3{font-family:var(--ph-font-display);font-size:20px;font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md);color:var(--brand-navy)}.page-sim__assessment-row{margin-bottom:var(--spacing-md);width:100%}.page-sim__assessment-row:last-child{margin-bottom:0}.page-sim__assessment-row-label{display:flex;justify-content:space-between;font-size:15px;font-weight:600;color:var(--brand-navy);margin-bottom:4px;width:100%}.page-sim__assessment-bar-track{height:8px;background:#0b9bc814;border-radius:999px;overflow:hidden;width:100%}.page-sim__assessment-bar-fill{height:100%;background:var(--brand-cyan-bright);border-radius:999px;transition:width .6s ease}.page-sim__faq-container{max-width:800px;width:100%}.page-sim__faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.page-sim__faq-item{border:1px solid rgba(11,155,200,.06);border-radius:12px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;width:100%;transition:all .3s ease;box-shadow:0 1px 3px #00000005}.page-sim__faq-item.open{border-color:var(--brand-cyan-bright);box-shadow:0 4px 24px #0b9bc80f;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-sim__faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);background:transparent;border:none;text-align:left;padding:var(--spacing-md);font-size:16px;font-weight:600;color:var(--brand-navy);cursor:pointer;transition:all .2s ease}.page-sim__faq-question:hover{background:#0b9bc805}.page-sim__faq-chevron{flex-shrink:0;color:var(--brand-cyan-bright);transition:transform .2s ease}.page-sim__faq-item.open .page-sim__faq-chevron{transform:rotate(180deg)}.page-sim__faq-answer{margin:0;padding:0 var(--spacing-md) var(--spacing-md);font-size:15px;color:var(--text-secondary-color);line-height:1.6}@media(max-width:1024px){.page-sim__cards-grid--why,.page-sim__cards-grid--categories,.page-sim__cards-grid--scenarios,.page-sim__cards-grid--gallery{grid-template-columns:repeat(2,1fr)}.page-sim__workflow-nodes{grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm)}.page-sim__workflow-node-description{display:none}.page-sim__assessment-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.page-sim__outcomes-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.page-sim__inner{padding:0 var(--spacing-lg)}.page-sim__section{padding:64px 0}.page-sim__section-head--row{flex-direction:column;align-items:flex-start}.page-sim__cards-grid--gallery{grid-template-columns:repeat(2,1fr)}.page-sim__featured-launch-header{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.page-sim__intro-container{padding:0 var(--spacing-md) 2.5rem}.page-sim__intro-title{font-size:2rem}.page-sim__intro-actions{flex-direction:column;align-items:stretch}.page-sim__intro-actions .page-sim__btn{justify-content:center;width:100%}.page-sim__cards-grid--why,.page-sim__cards-grid--categories,.page-sim__cards-grid--scenarios,.page-sim__cards-grid--gallery{grid-template-columns:1fr}.page-sim__workflow-nodes{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.page-sim__workflow-vitals{display:none}.page-sim__outcomes-list{grid-template-columns:1fr}.page-sim__assessment-card{padding:var(--spacing-md)}.page-sim__featured-launch-actions{width:100%}.page-sim__featured-launch-actions .page-sim__btn{width:100%;justify-content:center}.page-sim__gallery-tabs{width:100%}.page-sim__gallery-tab{flex:1;text-align:center}}@media(max-width:380px){.page-sim__section-title{font-size:24px}.page-sim__intro-title{font-size:28px}.page-sim__workflow-nodes{grid-template-columns:1fr}.page-sim__featured-launch-header h3{font-size:18px}}@media print{.page-sim__intro-section{background:var(--brand-navy)!important;padding:40px 0!important}.page-sim__btn{display:none!important}.page-sim__section{padding:32px 0!important;break-inside:avoid}.page-sim__card{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.page-sim__section--navy,.page-sim__featured-launch{background:var(--brand-navy)!important;color:var(--text-on-primary)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.page-sim__featured-frame-container{display:none!important}}.page-sim__scenario{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:20px;overflow:hidden;box-shadow:0 8px 40px #0000000a;color:var(--brand-navy);width:100%}.page-sim__scenario-meta{padding:var(--spacing-lg);border-bottom:1px solid rgba(11,155,200,.06)}.page-sim__scenario-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.page-sim__scenario-tag{font-family:var(--ph-font-mono);font-size:12px;font-weight:500;padding:4px 14px;border-radius:999px;background:#0b9bc80f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--brand-cyan);border:1px solid rgba(11,155,200,.06)}.page-sim__scenario-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(20px,2.4vw,26px);margin:0 0 var(--spacing-sm);color:var(--brand-navy)}.page-sim__scenario-desc{font-size:16px;line-height:1.7;color:var(--text-secondary-color-dark);margin:0}.page-sim__patient-chart{padding:var(--spacing-md) var(--spacing-lg);background:#0b9bc805;border-bottom:1px solid rgba(11,155,200,.06)}.page-sim__patient-chart-title{font-family:var(--ph-font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-navy-dark);margin:0 0 var(--spacing-sm)}.page-sim__patient-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-sm) var(--spacing-md);width:100%}.page-sim__patient-field{font-size:14px;line-height:1.5}.page-sim__patient-field dt{font-family:var(--ph-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 2px}.page-sim__patient-field dd{margin:0;color:var(--brand-navy)}.page-sim__quiz{padding:var(--spacing-lg)}.page-sim__quiz-progress{display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-lg);width:100%}.page-sim__quiz-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ph-font-mono);font-size:12px;font-weight:500;border:2px solid var(--border-color);color:var(--text-muted);background:var(--background-color-light);transition:all .3s ease}.page-sim__quiz-dot--active{border-color:var(--brand-cyan-bright);color:var(--brand-cyan-bright);font-weight:600;background:#0b9bc80a;transform:scale(1.1)}.page-sim__quiz-dot--done{background:var(--brand-cyan);border-color:var(--brand-cyan);color:var(--text-on-primary)}.page-sim__quiz-dot-line{flex:1;height:2px;background:var(--border-color);border-radius:2px}.page-sim__quiz-question-label{font-family:var(--ph-font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-cyan-bright);margin:0 0 8px}.page-sim__quiz-question-text{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:19px;line-height:1.4;margin:0 0 var(--spacing-lg);color:var(--brand-navy)}.page-sim__options{list-style:none;margin:0 0 var(--spacing-lg);padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.page-sim__option{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;background:#ffffff4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.page-sim__option:hover{border-color:var(--brand-cyan-bright);background:#0b9bc805;transform:translate(4px)}.page-sim__option input{margin-top:3px;accent-color:var(--brand-cyan);flex-shrink:0}.page-sim__option-text{font-size:15px;line-height:1.5;color:var(--brand-navy)}.page-sim__bag-list,.page-sim__sequence-list{list-style:none;margin:0 0 var(--spacing-lg);padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.page-sim__bag-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;background:#ffffff4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .2s ease}.page-sim__bag-item:hover{border-color:#0b9bc833}.page-sim__bag-item-text{font-size:14.5px;color:var(--brand-navy)}.page-sim__bag-select{font-family:var(--ph-font-body);font-size:14px;padding:8px 14px;border-radius:10px;border:2px solid var(--border-color);background:var(--background-color-light);color:var(--brand-navy);min-width:190px;transition:all .2s ease}.page-sim__bag-select:focus{border-color:var(--brand-cyan-bright);outline:none;box-shadow:0 0 0 4px #0b9bc814}.page-sim__sequence-item{display:flex;align-items:center;gap:14px;padding:12px 18px;border:2px solid var(--border-color);border-radius:12px;background:#ffffff4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .2s ease}.page-sim__sequence-item:hover{border-color:#0b9bc833}.page-sim__sequence-position{font-family:var(--ph-font-mono);font-size:13px;color:var(--brand-cyan);width:24px;flex-shrink:0;font-weight:600}.page-sim__sequence-text{flex:1;font-size:14.5px;color:var(--brand-navy)}.page-sim__sequence-controls{display:flex;gap:6px}.page-sim__sequence-btn{width:32px;height:32px;border-radius:8px;border:2px solid var(--border-color);background:var(--background-color-light);cursor:pointer;color:var(--brand-navy);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.page-sim__sequence-btn:hover:not(:disabled){border-color:var(--brand-cyan-bright);color:var(--brand-cyan-bright);background:#0b9bc805;transform:scale(1.05)}.page-sim__sequence-btn:disabled{opacity:.35;cursor:not-allowed}.page-sim__quiz-nav{display:flex;justify-content:space-between;gap:var(--spacing-md);width:100%}.page-sim__quiz-btn{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:14px;padding:12px 28px;border-radius:12px;cursor:pointer;border:2px solid var(--brand-cyan);background:transparent;color:var(--brand-cyan);transition:all .2s var(--transition-timing)}.page-sim__quiz-btn:disabled{opacity:.4;cursor:not-allowed}.page-sim__quiz-btn:hover:not(:disabled){background:#0b9bc80a;transform:translateY(-2px)}.page-sim__quiz-btn--primary{background:var(--brand-cyan-bright);border-color:var(--brand-cyan-bright);color:var(--text-on-primary);box-shadow:0 4px 16px #0b9bc833}.page-sim__quiz-btn--primary:hover:not(:disabled){background:var(--brand-cyan);border-color:var(--brand-cyan);transform:translateY(-2px);box-shadow:0 8px 32px #0b9bc840}.page-sim__results{padding:var(--spacing-lg);border-top:1px solid rgba(11,155,200,.06)}.page-sim__results-summary{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.page-sim__results-score{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:42px;color:var(--brand-cyan)}.page-sim__results-score-label{font-family:var(--ph-font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.page-sim__results-retry{margin-left:auto}.page-sim__result-card{border:1px solid rgba(11,155,200,.06);border-radius:12px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:#ffffff4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .2s ease}.page-sim__result-card:hover{background:#fff9;border-color:#0b9bc81f}.page-sim__result-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.page-sim__result-card-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:15px;margin:0;color:var(--brand-navy)}.page-sim__result-badge{font-family:var(--ph-font-mono);font-size:12px;padding:4px 14px;border-radius:999px;white-space:nowrap;font-weight:600}.page-sim__result-badge--correct{background:#0b9bc814;color:var(--brand-cyan);border:1px solid rgba(11,155,200,.1)}.page-sim__result-badge--partial{background:#e0a4581f;color:#a8672a;border:1px solid rgba(224,164,88,.15)}.page-sim__result-badge--incorrect{background:#c1594a14;color:#c1594a;border:1px solid rgba(193,89,74,.1)}.page-sim__result-detail{font-size:14px;line-height:1.6;color:var(--text-secondary-color-dark);margin:6px 0 0}.page-sim__result-detail strong{color:var(--brand-navy)}@media(max-width:768px){.page-sim__bag-item{flex-direction:column;align-items:stretch;gap:10px}.page-sim__bag-select{width:100%}.page-sim__sequence-item{flex-wrap:wrap}.page-sim__quiz-nav{flex-direction:column;align-items:stretch}.page-sim__quiz-btn{width:100%;justify-content:center}.page-sim__results-summary{flex-direction:column;align-items:flex-start}.page-sim__results-retry{margin-left:0}.page-sim__patient-grid{grid-template-columns:1fr}}@media(max-width:520px){.page-sim__scenario-meta,.page-sim__quiz,.page-sim__results{padding:var(--spacing-md)}.page-sim__results-score{font-size:32px}}.page-sim__section-desc{margin-top:10px}.test-container{height:100vh;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.card{background:#fff;padding:30px;border-radius:12px;width:500px;max-width:90%;box-shadow:0 10px 30px #0003}h1{text-align:center;margin-bottom:20px}.start-btn{width:100%;padding:12px;border:none;background:#2563eb;color:#fff;font-size:16px;border-radius:8px;cursor:pointer;margin-bottom:20px;transition:.3s}.start-btn:hover{background:#1d4ed8}.status{display:flex;justify-content:center;margin-bottom:20px}.violation-box{text-align:center;background:#fee2e2;padding:15px;border-radius:8px;width:150px}.violation-box h2{margin:0;font-size:16px}.violation-box p{font-size:28px;font-weight:700;color:#dc2626}.logs{max-height:150px;overflow-y:auto;border-top:1px solid #ddd;padding-top:10px}.logs ul{padding-left:20px}.logs li{font-size:14px;margin-bottom:5px}.no-log{font-size:14px;color:gray}.hint{margin-top:15px;text-align:center;font-size:13px;color:#555}.page-nursing-modules{--brand-cyan-rgb: 11, 155, 200;--brand-sky-rgb: 81, 205, 221;--brand-sky-light-rgb: 143, 224, 235;--brand-navy-rgb: 10, 35, 66;--brand-amber-rgb: 224, 164, 88;--brand-red-rgb: 193, 89, 74;--ph-font-display: "Space Grotesk", var(--font-family-sans);--ph-font-body: "Source Serif 4", var(--font-family-sans);--ph-font-mono: "IBM Plex Mono", var(--font-family-monospace);font-family:var(--ph-font-body);background:var(--background-color);-webkit-font-smoothing:antialiased;width:100%;overflow-x:hidden}.page-nursing-modules *{box-sizing:border-box}.page-nursing-modules button{font-family:inherit;cursor:pointer}.page-nursing-modules__inner{width:100%;max-width:var(--container-width, 1180px);margin:0 auto;padding:0 var(--spacing-lg)}.page-nursing-modules__eyebrow{font-family:var(--ph-font-mono);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-cyan-bright);display:inline-block;margin-bottom:12px}.page-nursing-modules__section-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:0;color:var(--brand-navy)}.page-nursing-modules__section-desc{font-size:18px;line-height:1.7;color:var(--text-secondary-color-dark);margin:var(--spacing-md) 0 0;max-width:640px}.page-nursing-modules__section-head{max-width:720px;margin:0 0 56px;width:100%}.page-nursing-modules__section{padding:88px 0;background:var(--background-color);color:var(--brand-navy);width:100%}.page-nursing-modules__section--light{background:var(--background-color-hover)}.page-nursing-modules__section--dim{background:#f0f2f5}.page-nursing-modules__section--navy{background:var(--gradient-primary);color:var(--text-on-primary)}.page-nursing-modules__section--navy .page-nursing-modules__section-title{color:var(--text-on-primary)}.page-nursing-modules__section--navy .page-nursing-modules__eyebrow{color:var(--text-primary-color)}.page-nursing-modules__section--navy .page-nursing-modules__section-desc{color:#fffc}.page-nursing-modules__glass{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000000f}.page-nursing-modules__glass-dark{background:#2c3d941f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000014}.page-nursing-modules__matte{background:#f8fafc;border:1px solid #e8edf4;box-shadow:0 1px 3px #00000005}.page-nursing-modules__elevated{box-shadow:0 8px 40px #0000000f,0 2px 8px #00000005}.page-nursing-modules__header{background:var(--gradient-primary);color:var(--text-on-primary);padding:72px 0 48px;width:100%;position:relative;overflow:hidden}.page-nursing-modules__header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(11,155,200,.15),transparent 60%);pointer-events:none}.page-nursing-modules__header .page-nursing-modules__eyebrow{color:var(--text-primary-color)}.page-nursing-modules__header-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(28px,4vw,42px);line-height:1.1;margin:12px 0 0;max-width:780px;color:var(--text-on-primary);position:relative;z-index:1}.page-nursing-modules__modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);width:100%}.page-nursing-modules__module-card{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000a,0 1px 3px #00000005;color:var(--brand-navy);width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.page-nursing-modules__module-card:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(11,155,200,.2) 0%,transparent 30%,transparent 70%,rgba(11,155,200,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.page-nursing-modules__module-card:hover:before{opacity:1}.page-nursing-modules__module-card:hover{transform:translateY(-6px);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 60px #0b9bc81a,0 4px 16px #0000000a;border-color:#0b9bc833}.page-nursing-modules__module-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#0b9bc814;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(11,155,200,.06);color:var(--brand-cyan);font-size:22px;margin-bottom:14px;flex-shrink:0;transition:all .3s ease}.page-nursing-modules__module-card:hover .page-nursing-modules__module-icon{transform:scale(1.05) rotate(-3deg);background:#0b9bc826;border-color:#0b9bc826}.page-nursing-modules__module-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0 0 8px;color:var(--brand-navy)}.page-nursing-modules__module-desc{font-size:15px;line-height:1.6;color:var(--text-secondary-color-dark);margin:0;flex:1}.page-nursing-modules__flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;width:100%;justify-content:center}.page-nursing-modules__flow-step{display:flex;align-items:center;gap:0}.page-nursing-modules__flow-node{display:flex;flex-direction:column;align-items:center;gap:10px;width:108px;text-align:center;opacity:0;transform:translateY(14px);animation:pnm-flow-in .6s ease forwards}.page-nursing-modules__flow-node-icon{width:60px;height:60px;border-radius:50%;background:#0b9bc80f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(11,155,200,.15);color:var(--brand-cyan-bright);display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s ease}.page-nursing-modules__flow-node:hover .page-nursing-modules__flow-node-icon{transform:scale(1.08);background:#0b9bc81f;border-color:var(--brand-cyan);box-shadow:0 0 30px #0b9bc81a}.page-nursing-modules__flow-node-label{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:14px;letter-spacing:.01em;color:var(--brand-navy)}.page-nursing-modules__flow-connector{display:flex;align-items:center;justify-content:center;margin:0 12px 25px;color:var(--brand-cyan);font-size:35px;flex-shrink:0}.page-nursing-modules__flow-connector svg{width:100%;height:100%;display:block}@keyframes pnm-flow-in{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.page-nursing-modules__flow-node,.page-nursing-modules__flow-connector{opacity:1;transform:none;animation:none}}.page-nursing-modules__runner{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:20px;overflow:hidden;box-shadow:0 8px 40px #0000000a,0 2px 8px #00000005;color:var(--brand-navy);width:100%;transition:all .3s ease}.page-nursing-modules__runner:hover{box-shadow:0 12px 60px #0b9bc80f,0 4px 16px #00000005}.page-nursing-modules__runner-header{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(11,155,200,.06);width:100%}.page-nursing-modules__runner-header>div{flex:1;min-width:200px}.page-nursing-modules__runner-header h3{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:20px;margin:0 0 4px;color:var(--brand-navy)}.page-nursing-modules__runner-header p{margin:0;font-size:15px;color:var(--text-secondary-color)}.page-nursing-modules__runner-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.page-nursing-modules__runner-level{font-family:var(--ph-font-mono);font-size:12px;padding:6px 14px;border-radius:999px;background:#0b9bc80f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--brand-cyan);border:1px solid rgba(11,155,200,.06)}.page-nursing-modules__runner-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:15px;padding:12px 28px;border-radius:var(--border-radius);border:1px solid transparent;cursor:pointer;transition:all .2s var(--transition-timing);background:var(--brand-cyan-bright);color:var(--text-on-primary);box-shadow:0 4px 16px #0b9bc833}.page-nursing-modules__runner-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #0b9bc840}.page-nursing-modules__runner-btn:disabled{opacity:.6;cursor:not-allowed}.page-nursing-modules__runner-btn--stop{background:transparent;color:var(--brand-cyan);border-color:var(--brand-cyan);box-shadow:none}.page-nursing-modules__runner-btn--stop:hover{background:#0b9bc814;transform:translateY(-2px);box-shadow:0 4px 16px #0b9bc814}.page-nursing-modules__runner-frame-wrap{position:relative;aspect-ratio:16 / 9;background:var(--brand-navy);width:100%}.page-nursing-modules__runner-frame{width:100%;height:100%;border:0;display:none}.page-nursing-modules__runner-frame--visible{display:block}.page-nursing-modules__runner-placeholder,.page-nursing-modules__runner-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:#ffffffb3;background:#0a23424d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.page-nursing-modules__runner-placeholder-icon{font-size:48px;color:var(--brand-cyan-bright)}.page-nursing-modules__runner-empty{padding:40px 24px;text-align:center;color:var(--text-secondary-color);font-size:16px}.page-nursing-modules__stats{margin-top:var(--spacing-lg);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:var(--spacing-lg);color:var(--brand-navy);box-shadow:0 4px 24px #00000005;width:100%}.page-nursing-modules__stats-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);width:100%}.page-nursing-modules__stats-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0;color:var(--brand-navy)}.page-nursing-modules__stats-note{font-family:var(--ph-font-mono);font-size:12px;font-weight:500;color:var(--brand-cyan-bright);text-transform:uppercase;letter-spacing:.06em}.page-nursing-modules__stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm);width:100%}.page-nursing-modules__stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:12px 16px;transition:all .2s ease}.page-nursing-modules__stat-row:hover{background:#fffffff2;border-color:var(--brand-cyan-bright);transform:translateY(-2px);box-shadow:0 4px 16px #00000005}.page-nursing-modules__stat-name{font-size:14px;color:var(--brand-navy)}.page-nursing-modules__stat-value{font-family:var(--ph-font-mono);font-weight:500;font-size:15px;color:var(--brand-cyan-bright)}.page-nursing-modules__about-scenarios{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);width:100%}.page-nursing-modules__scenario{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:20px;overflow:hidden;box-shadow:0 8px 40px #0000000a;color:var(--brand-navy);width:100%}.page-nursing-modules__scenario-meta{padding:var(--spacing-lg);border-bottom:1px solid rgba(11,155,200,.06)}.page-nursing-modules__scenario-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.page-nursing-modules__scenario-tag{font-family:var(--ph-font-mono);font-size:12px;font-weight:500;padding:4px 14px;border-radius:999px;background:#0b9bc80f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--brand-cyan);border:1px solid rgba(11,155,200,.06)}.page-nursing-modules__scenario-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:clamp(20px,2.4vw,26px);margin:0 0 var(--spacing-sm);color:var(--brand-navy)}.page-nursing-modules__scenario-desc{font-size:16px;line-height:1.7;color:var(--text-secondary-color-dark);margin:0}.page-nursing-modules__patient-chart{padding:var(--spacing-md) var(--spacing-lg);background:#0b9bc805;border-bottom:1px solid rgba(11,155,200,.06)}.page-nursing-modules__patient-chart-title{font-family:var(--ph-font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-navy-dark);margin:0 0 var(--spacing-sm)}.page-nursing-modules__patient-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-sm) var(--spacing-md);width:100%}.page-nursing-modules__patient-field{font-size:14px;line-height:1.5}.page-nursing-modules__patient-field dt{font-family:var(--ph-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 2px}.page-nursing-modules__patient-field dd{margin:0;color:var(--brand-navy)}.page-nursing-modules__quiz{padding:var(--spacing-lg)}.page-nursing-modules__quiz-progress{display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-lg);width:100%}.page-nursing-modules__quiz-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ph-font-mono);font-size:12px;font-weight:500;border:2px solid var(--border-color);color:var(--text-muted);background:var(--background-color-light);transition:all .3s ease}.page-nursing-modules__quiz-dot--active{border-color:var(--brand-cyan-bright);color:var(--brand-cyan-bright);font-weight:600;background:#0b9bc80a;transform:scale(1.1)}.page-nursing-modules__quiz-dot--done{background:var(--brand-cyan);border-color:var(--brand-cyan);color:var(--text-on-primary)}.page-nursing-modules__quiz-dot-line{flex:1;height:2px;background:var(--border-color);border-radius:2px}.page-nursing-modules__quiz-question-label{font-family:var(--ph-font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-cyan-bright);margin:0 0 8px}.page-nursing-modules__quiz-question-text{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:19px;line-height:1.4;margin:0 0 var(--spacing-lg);color:var(--brand-navy)}.page-nursing-modules__options{list-style:none;margin:0 0 var(--spacing-lg);padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.page-nursing-modules__option{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;background:#ffffff4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.page-nursing-modules__option:hover{border-color:var(--brand-cyan-bright);background:#0b9bc805;transform:translate(4px)}.page-nursing-modules__option input{margin-top:3px;accent-color:var(--brand-cyan);flex-shrink:0}.page-nursing-modules__option-text{font-size:15px;line-height:1.5;color:var(--brand-navy)}.page-nursing-modules__bag-list,.page-nursing-modules__sequence-list{list-style:none;margin:0 0 var(--spacing-lg);padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.page-nursing-modules__bag-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;background:#ffffff4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .2s ease}.page-nursing-modules__bag-item:hover{border-color:#0b9bc833}.page-nursing-modules__bag-item-text{font-size:14.5px;color:var(--brand-navy)}.page-nursing-modules__bag-select{font-family:var(--ph-font-body);font-size:14px;padding:8px 14px;border-radius:10px;border:2px solid var(--border-color);background:var(--background-color-light);color:var(--brand-navy);min-width:190px;transition:all .2s ease}.page-nursing-modules__bag-select:focus{border-color:var(--brand-cyan-bright);outline:none;box-shadow:0 0 0 4px #0b9bc814}.page-nursing-modules__sequence-item{display:flex;align-items:center;gap:14px;padding:12px 18px;border:2px solid var(--border-color);border-radius:12px;background:#ffffff4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .2s ease}.page-nursing-modules__sequence-item:hover{border-color:#0b9bc833}.page-nursing-modules__sequence-position{font-family:var(--ph-font-mono);font-size:13px;color:var(--brand-cyan);width:24px;flex-shrink:0;font-weight:600}.page-nursing-modules__sequence-text{flex:1;font-size:14.5px;color:var(--brand-navy)}.page-nursing-modules__sequence-controls{display:flex;gap:6px}.page-nursing-modules__sequence-btn{width:32px;height:32px;border-radius:8px;border:2px solid var(--border-color);background:var(--background-color-light);cursor:pointer;color:var(--brand-navy);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.page-nursing-modules__sequence-btn:hover:not(:disabled){border-color:var(--brand-cyan-bright);color:var(--brand-cyan-bright);background:#0b9bc805;transform:scale(1.05)}.page-nursing-modules__sequence-btn:disabled{opacity:.35;cursor:not-allowed}.page-nursing-modules__quiz-nav{display:flex;justify-content:space-between;gap:var(--spacing-md);width:100%}.page-nursing-modules__quiz-btn{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:14px;padding:12px 28px;border-radius:12px;cursor:pointer;border:2px solid var(--brand-cyan);background:transparent;color:var(--brand-cyan);transition:all .2s var(--transition-timing)}.page-nursing-modules__quiz-btn:disabled{opacity:.4;cursor:not-allowed}.page-nursing-modules__quiz-btn:hover:not(:disabled){background:#0b9bc80a;transform:translateY(-2px)}.page-nursing-modules__quiz-btn--primary{background:var(--brand-cyan-bright);border-color:var(--brand-cyan-bright);color:var(--text-on-primary);box-shadow:0 4px 16px #0b9bc833}.page-nursing-modules__quiz-btn--primary:hover:not(:disabled){background:var(--brand-cyan);border-color:var(--brand-cyan);transform:translateY(-2px);box-shadow:0 8px 32px #0b9bc840}.page-nursing-modules__results{padding:var(--spacing-lg);border-top:1px solid rgba(11,155,200,.06)}.page-nursing-modules__results-summary{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.page-nursing-modules__results-score{font-family:var(--ph-font-display);font-weight:var(--font-weight-bold);font-size:42px;color:var(--brand-cyan)}.page-nursing-modules__results-score-label{font-family:var(--ph-font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.page-nursing-modules__results-retry{margin-left:auto}.page-nursing-modules__result-card{border:1px solid rgba(11,155,200,.06);border-radius:12px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:#ffffff4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .2s ease}.page-nursing-modules__result-card:hover{background:#fff9;border-color:#0b9bc81f}.page-nursing-modules__result-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.page-nursing-modules__result-card-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:15px;margin:0;color:var(--brand-navy)}.page-nursing-modules__result-badge{font-family:var(--ph-font-mono);font-size:12px;padding:4px 14px;border-radius:999px;white-space:nowrap;font-weight:600}.page-nursing-modules__result-badge--correct{background:#0b9bc814;color:var(--brand-cyan);border:1px solid rgba(11,155,200,.1)}.page-nursing-modules__result-badge--partial{background:#e0a4581f;color:#a8672a;border:1px solid rgba(224,164,88,.15)}.page-nursing-modules__result-badge--incorrect{background:#c1594a14;color:#c1594a;border:1px solid rgba(193,89,74,.1)}.page-nursing-modules__result-detail{font-size:14px;line-height:1.6;color:var(--text-secondary-color);margin:6px 0 0}.page-nursing-modules__result-detail strong{color:var(--brand-navy)}.page-nursing-modules__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:40px 0;color:var(--text-secondary-color)}.page-nursing-modules__section--simulations{background:var(--background-color-light)}.page-nursing-modules__simulations-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg);margin-top:8px;width:100%}.page-nursing-modules__simulation-category{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000a,0 1px 3px #00000005;color:var(--brand-navy);width:100%;height:100%;display:flex;flex-direction:column}.page-nursing-modules__simulation-category:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(11,155,200,.2) 0%,transparent 30%,transparent 70%,rgba(11,155,200,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.page-nursing-modules__simulation-category:hover:before{opacity:1}.page-nursing-modules__simulation-category:hover{transform:translateY(-6px);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 60px #0b9bc81a,0 4px 16px #0000000a;border-color:#0b9bc833}.page-nursing-modules__simulation-category-title{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;color:var(--brand-navy);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--brand-cyan-bright);display:flex;align-items:center;justify-content:space-between}.page-nursing-modules__simulation-count{font-family:var(--ph-font-mono);font-size:12px;font-weight:500;background:var(--brand-cyan-bright);color:var(--text-on-primary);padding:2px 14px;border-radius:999px;letter-spacing:.04em}.page-nursing-modules__simulation-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;flex:1}.page-nursing-modules__simulation-item{font-size:14px;line-height:1.5;color:var(--brand-navy);padding:8px 12px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:1px solid transparent}.page-nursing-modules__simulation-item:hover{background:#0b9bc80a;border-color:#0b9bc80f;transform:translate(4px)}.page-nursing-modules__simulation-bullet{color:var(--brand-cyan-bright);font-size:10px;opacity:.6;flex-shrink:0}@media(max-width:1024px){.page-nursing-modules__modules-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.page-nursing-modules__inner{padding:0 var(--spacing-lg)}.page-nursing-modules__section{padding:64px 0}.page-nursing-modules__flow,.page-nursing-modules__flow-step{flex-direction:column;align-items:flex-start}.page-nursing-modules__flow-connector{width:12px;height:30px;margin-left:27px}.page-nursing-modules__results-retry{margin-left:0}.page-nursing-modules__simulations-container{grid-template-columns:1fr;gap:var(--spacing-md)}.page-nursing-modules__simulation-category{padding:var(--spacing-md)}.page-nursing-modules__modules-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.page-nursing-modules__header{padding:48px 0 32px}.page-nursing-modules__section{padding:48px 0}.page-nursing-modules__modules-grid,.page-nursing-modules__stats-grid{grid-template-columns:1fr}.page-nursing-modules__runner-header{flex-direction:column;align-items:flex-start}.page-nursing-modules__runner-actions{width:100%;flex-wrap:wrap}.page-nursing-modules__runner-btn{width:100%;justify-content:center}.page-nursing-modules__quiz-nav{flex-direction:column;align-items:stretch}.page-nursing-modules__quiz-btn{width:100%;justify-content:center}.page-nursing-modules__bag-item{flex-direction:column;align-items:stretch;gap:10px}.page-nursing-modules__bag-select{width:100%}.page-nursing-modules__sequence-item{flex-wrap:wrap}}@media(max-width:380px){.page-nursing-modules__section-title,.page-nursing-modules__header-title{font-size:24px}.page-nursing-modules__results-score{font-size:32px}.page-nursing-modules__results-summary{flex-direction:column;align-items:flex-start}}@media print{.page-nursing-modules__header{background:var(--brand-navy)!important;padding:40px 0!important}.page-nursing-modules__runner-btn,.page-nursing-modules__quiz-btn,.page-nursing-modules__sequence-btn{display:none!important}.page-nursing-modules__section{padding:32px 0!important;break-inside:avoid}.page-nursing-modules__section--navy{background:var(--brand-navy)!important;color:var(--text-on-primary)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.page-nursing-modules__module-card,.page-nursing-modules__simulation-category,.page-nursing-modules__scenario{box-shadow:none!important;border:1px solid #ccc!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.page-nursing-modules__scenario-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);width:100%;margin-top:var(--spacing-md)}.page-nursing-modules__scenario-card{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000a,0 1px 3px #00000005;color:var(--brand-navy);width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;border-top:4px solid var(--brand-cyan)}.page-nursing-modules__scenario-card:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(11,155,200,.2) 0%,transparent 30%,transparent 70%,rgba(11,155,200,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.page-nursing-modules__scenario-card:hover:before{opacity:1}.page-nursing-modules__scenario-card:hover{transform:translateY(-6px);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 60px #0b9bc81a,0 4px 16px #0000000a;border-color:#0b9bc833}.page-nursing-modules__scenario-card .page-nursing-modules__scenario-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;width:100%}.page-nursing-modules__scenario-card .page-nursing-modules__scenario-meta span{font-family:var(--ph-font-mono);font-size:11px;font-weight:600;padding:4px 12px;border-radius:999px;background:#0b9bc80f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--brand-cyan);border:1px solid rgba(11,155,200,.06);text-transform:uppercase;letter-spacing:.04em}.page-nursing-modules__scenario-card h4{font-family:var(--ph-font-display);font-weight:var(--font-weight-semibold);font-size:18px;margin:0 0 8px;color:var(--brand-navy);line-height:1.3}.page-nursing-modules__scenario-card p{font-size:15px;line-height:1.6;color:var(--text-secondary-color-dark);margin:0;flex:1}.page-nursing-modules__section--navy .page-nursing-modules__scenario-card{background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #00000014;color:var(--text-on-primary)}.page-nursing-modules__section--navy .page-nursing-modules__scenario-card:before{background:linear-gradient(135deg,rgba(81,205,221,.3) 0%,transparent 30%,transparent 70%,rgba(81,205,221,.3) 100%)}.page-nursing-modules__section--navy .page-nursing-modules__scenario-card:hover{background:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#51cddd33;box-shadow:0 16px 60px #0000001f,0 4px 16px #0000000a}.page-nursing-modules__section--navy .page-nursing-modules__scenario-card h4{color:var(--text-on-primary)}.page-nursing-modules__section--navy .page-nursing-modules__scenario-card p{color:#fffc}.page-nursing-modules__section--navy .page-nursing-modules__scenario-card .page-nursing-modules__scenario-meta span{background:#ffffff14;border-color:#ffffff1a;color:var(--brand-sky-light)}@media(max-width:1024px){.page-nursing-modules__scenario-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.page-nursing-modules__scenario-list{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media(max-width:640px){.page-nursing-modules__scenario-list{grid-template-columns:1fr;gap:var(--spacing-md)}.page-nursing-modules__scenario-card{padding:var(--spacing-md)}}.manage-users-page-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.manage-users-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.manage-users-page-header h1{margin:0}.manage-users-page-actions{display:flex;gap:var(--spacing-md)}.error-message{color:var(--danger-color);background-color:var(--danger-background-color);padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--danger-color)}.user-table-container{overflow-x:auto;background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--border-color)}.user-table th{font-weight:var(--font-weight-bold);color:var(--text-secondary-color-dark);background-color:var(--background-color-hover);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.user-table tbody tr:hover{background-color:var(--background-color-hover)}.user-table tbody tr:last-child td{border-bottom:none}.user-table-actions{display:flex;gap:var(--spacing-sm)}.user-table-role-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize}.role-admin{background-color:var(--danger-background-color);color:var(--danger-color)}.role-faculty{background-color:var(--success-background-color);color:var(--success-color)}.role-student{background-color:rgba(var(--secondary-color-dark-rgb),.1);color:var(--brand-cyan-bright)}.role-lecturer{background-color:var(--info-background-color);color:var(--info-color)}.role-staff{background-color:var(--warning-background-color);color:var(--warning-color)}.user-table-no-data{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary-color-dark)}.components-pagination-container{display:flex;justify-content:center;margin:1rem 0}.components-pagination-list{display:flex;list-style:none;padding:0;margin:0;gap:.25rem}.components-pagination-item{display:inline-block}.components-pagination-button{min-width:2.5rem;height:2.5rem;padding:0 .5rem;border:1px solid #ddd;background-color:#fff;color:#333;font-size:.9rem;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.components-pagination-button:hover:not(:disabled){background-color:#f0f0f0;border-color:#999}.components-pagination-button:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.components-pagination-button:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.components-pagination-button-active{background-color:#007bff;border-color:#007bff;color:#fff}.components-pagination-button-active:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.components-pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:#666;font-size:.9rem}@media(max-width:768px){.components-pagination-button,.components-pagination-ellipsis{min-width:2rem;height:2rem;font-size:.8rem}}.components-modal-overlay{position:fixed;inset:0;background-color:var(--background-overlay);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal);animation:modal-fade-in var(--transition-speed) var(--transition-timing)}.components-modal-content{background-color:var(--white);color:var(--primary-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:500px;display:flex;flex-direction:column;max-height:90vh;animation:modal-slide-up var(--transition-speed) var(--transition-timing)}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.components-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--white);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.components-modal-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-color)}.components-modal-close-button{background:none;border:none;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;color:var(--text-muted);line-height:1;padding:var(--spacing-xs);transition:all var(--transition-speed) var(--transition-timing);border-radius:var(--border-radius-sm)}.components-modal-close-button:hover{color:var(--danger-color);background-color:var(--danger-background-color)}.components-modal-body{padding:var(--spacing-lg);overflow-y:auto;background-color:var(--white);color:var(--text-secondary-color)}.components-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background-color:var(--white);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.cmp-delete-modal-content{padding:4px 0}.cmp-delete-document-info{background:var(--bg-light, #f8f9fa);padding:12px 16px;border-radius:6px;margin-bottom:16px}.cmp-delete-document-info h3{margin:0 0 4px;color:var(--text-primary, #1a1a1a)}.cmp-delete-model{margin:0;font-size:12px;color:var(--text-secondary, #6b7280)}.cmp-delete-id{margin:0;font-size:11px;color:var(--text-secondary, #6b7280);font-family:monospace}.cmp-delete-select-all{padding:8px 0;border-bottom:1px solid var(--border-color, #e5e7eb);margin-bottom:12px}.cmp-delete-select-all label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.cmp-delete-total-records{font-size:13px;color:var(--text-secondary, #6b7280);margin-left:auto}.cmp-delete-dependencies{margin:12px 0}.cmp-delete-hint{font-size:13px;color:var(--text-secondary, #6b7280);margin-bottom:12px}.cmp-delete-hint-warning{margin-right:4px}.cmp-delete-items{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:4px}.cmp-delete-items::-webkit-scrollbar{width:4px}.cmp-delete-items::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:2px}.cmp-delete-item{border:1px solid var(--border-color, #e5e7eb);border-radius:6px;transition:all .2s}.cmp-delete-item:hover{background:var(--bg-hover, #f3f4f6)}.cmp-delete-item-label{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;cursor:pointer;width:100%}.cmp-delete-item-label input[type=checkbox]{margin-top:2px;flex-shrink:0;width:16px;height:16px;cursor:pointer}.cmp-delete-item-content{flex:1}.cmp-delete-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cmp-delete-item-collection{font-weight:600;font-size:13px;color:var(--text-primary, #1a1a1a)}.cmp-delete-item-count{font-size:12px;background:var(--bg-primary, #e5e7eb);padding:1px 8px;border-radius:10px;color:var(--text-secondary, #4b5563)}.cmp-delete-item-type{font-size:10px;text-transform:uppercase;background:var(--bg-info, #dbeafe);color:var(--text-info, #1e40af);padding:1px 6px;border-radius:3px}.cmp-delete-item-field{font-size:12px;color:var(--text-secondary, #6b7280);margin-top:2px}.cmp-delete-item-samples{margin-top:2px;color:var(--text-tertiary, #9ca3af)}.cmp-delete-item-samples small{font-size:11px}.cmp-delete-summary{margin-top:16px;padding:12px 16px;background:var(--bg-light, #f8f9fa);border-radius:6px}.cmp-delete-summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:8px}.cmp-delete-summary-item{display:flex;flex-direction:column}.cmp-delete-summary-item .label{font-size:11px;color:var(--text-secondary, #6b7280);text-transform:uppercase}.cmp-delete-summary-item .value{font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a)}.cmp-delete-safety-notice{margin-top:12px;padding:10px 12px;background:var(--bg-info-light, #eff6ff);border-radius:6px;border-left:3px solid var(--color-info, #3b82f6);display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #4b5563)}.cmp-delete-safety-icon{font-size:18px}.cmp-delete-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 0;width:100%}@media(prefers-color-scheme:dark){.cmp-delete-document-info{background:var(--bg-dark, #1f2937)}.cmp-delete-item:hover{background:var(--bg-hover-dark, #374151)}.cmp-delete-item-count{background:var(--bg-dark, #374151)}.cmp-delete-summary{background:var(--bg-dark, #1f2937)}.cmp-delete-safety-notice{background:var(--bg-info-dark, #1e293b)}}.manage-students-page-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:24px;max-width:1400px;margin:0 auto}.manage-students-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.manage-students-page-header h1{margin:0}.manage-students-page-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.manage-students-page-error-message{color:var(--danger-color);background-color:var(--danger-background-color);padding:var(--spacing-md);border-radius:var(--border-radius)}.manage-students-page-filters{background:var(--white);padding:12px 16px;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);border:1px solid var(--border-color)}.manage-students-page-filters-grid{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.manage-students-page-filter-item{display:flex;align-items:center;gap:6px}.manage-students-page-filter-item label{font-size:13px;font-weight:500;color:var(--text-secondary-color-dark);white-space:nowrap;margin:0}.manage-students-page-search-item{flex:1;min-width:200px}.manage-students-page-search-item .components-searchbar-container,.manage-students-page-search-item .components-searchbar-input{width:100%}.manage-students-page-filter-stats{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--border-radius-sm);white-space:nowrap;margin-left:auto}.manage-students-page-filter-results-count{font-size:.85rem;color:var(--text-secondary-color-dark)}.manage-students-page-filter-results-count strong{color:var(--primary-color)}.manage-students-page-clear-filters-btn{color:var(--primary-color);font-size:.8rem;cursor:pointer;padding:2px 6px;background:none;border:none}.manage-students-page-clear-filters-btn:hover{text-decoration:underline}.manage-students-page-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.manage-students-page-loading-container p{color:var(--text-secondary-color-dark);font-size:1rem}@media(max-width:1024px){.manage-students-page-filters-grid{gap:10px}.manage-students-page-search-item{min-width:150px;flex:2}}@media(max-width:768px){.manage-students-page-container{padding:16px}.manage-students-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.manage-students-page-actions{width:100%;flex-direction:column}.manage-students-page-actions button{width:100%;justify-content:center}.manage-students-page-filters{padding:12px}.manage-students-page-filters-grid{flex-direction:column;align-items:stretch;gap:8px}.manage-students-page-filter-item{width:100%;flex-direction:column;align-items:flex-start;gap:4px}.manage-students-page-search-item{min-width:unset;flex:unset}.manage-students-page-filter-stats{margin-left:0;justify-content:space-between;width:100%;padding:4px 8px}}@media(max-width:480px){.manage-students-page-container{padding:12px}.manage-students-page-filters{padding:10px}}.subscription-info-card{background:var(--card-background, #ffffff);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--box-shadow, 0 2px 4px rgba(0, 0, 0, .1));display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);align-items:center;border:1px solid var(--border-color, #e0e0e0);transition:all .3s ease}.subscription-info-card:hover{box-shadow:var(--box-shadow-hover, 0 4px 8px rgba(0, 0, 0, .15))}.subscription-info-item{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);border-right:1px solid var(--border-color-light, #f0f0f0)}.subscription-info-item:last-child{border-right:none}.subscription-info-item .label{font-size:var(--font-size-xs, 12px);color:var(--text-secondary-color, #666);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:var(--spacing-xs, 4px)}.subscription-info-item .value{font-size:var(--font-size-xl, 24px);font-weight:700;color:var(--primary-color, #333);line-height:1.2}.subscription-info-item .value.success{color:var(--success-color, #28a745)}.subscription-info-item .value.warning{color:var(--warning-color, #ffc107)}.subscription-info-item .value.danger{color:var(--danger-color, #dc3545)}.subscription-progress-bar{grid-column:1 / -1;height:8px;background:var(--progress-background, #e9ecef);border-radius:var(--border-radius-sm, 4px);overflow:hidden;margin:var(--spacing-xs) 0}.subscription-progress-fill{height:100%;background:linear-gradient(90deg,var(--success-color, #28a745),#20c997);border-radius:var(--border-radius-sm, 4px);transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.subscription-progress-fill.warning{background:linear-gradient(90deg,var(--warning-color, #ffc107),#ff9800)}.subscription-progress-fill.danger{background:linear-gradient(90deg,var(--danger-color, #dc3545),#ff6b6b)}.subscription-warning{grid-column:1 / -1;padding:var(--spacing-md) var(--spacing-lg);background:var(--warning-background, #fff3cd);border:1px solid var(--warning-color, #ffc107);border-radius:var(--border-radius);color:var(--warning-text, #856404);font-size:var(--font-size-sm, 14px);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.subscription-warning:before{content:"⚠️";font-size:var(--font-size-lg, 18px)}.manage-students-page-actions .button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.manage-students-page-actions .button:disabled:hover{transform:none!important;box-shadow:none!important}@media(max-width:992px){.subscription-info-card{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-md)}.subscription-info-item{border-right:none;padding:var(--spacing-xs) var(--spacing-sm)}.subscription-info-item .value{font-size:var(--font-size-lg, 20px)}}@media(max-width:768px){.subscription-info-card{grid-template-columns:1fr 1fr;gap:var(--spacing-xs);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.subscription-info-item{padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.subscription-info-item .value{font-size:var(--font-size-md, 18px)}.subscription-warning{font-size:var(--font-size-xs, 12px);padding:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.subscription-info-card{grid-template-columns:1fr 1fr;gap:var(--spacing-xs);padding:var(--spacing-sm)}.subscription-info-item .label{font-size:10px;margin-bottom:2px}.subscription-info-item .value{font-size:var(--font-size-sm, 16px)}.subscription-progress-bar{height:6px}.subscription-warning{font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}}.student-table-container{overflow-x:auto;background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow)}.student-table{width:100%;border-collapse:collapse}.student-table th,.student-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.student-table th{font-weight:var(--font-weight-bold);color:var(--text-secondary-color-dark);background-color:var(--background-color-hover);white-space:nowrap}.student-table-name{display:flex;flex-direction:column;gap:2px}.student-table-name-text{font-weight:500;display:flex;align-items:center;gap:4px}.student-table-warning-badge{color:#f59e0b;font-size:.75rem;font-weight:400}.student-table-roll{font-size:.75rem;color:var(--text-secondary-color-dark)}.student-table-course{display:inline-block;background-color:#e0e7ff;color:#4338ca;padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:500;white-space:nowrap}.student-table-batch{display:inline-block;background-color:#f3f4f6;color:#374151;padding:4px 8px;border-radius:4px;font-size:.85rem;white-space:nowrap}.student-table-semester{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500;white-space:nowrap}.semester-icon{font-size:.8rem;opacity:.7}.student-table-semester-in-progress{background-color:#dbeafe;color:#1e40af}.student-table-semester-in-progress .semester-icon{color:#2563eb;animation:pulse-icon 1.5s ease-in-out infinite}.student-table-semester-completed{background-color:#d1fae5;color:#065f46}.student-table-semester-completed .semester-icon{color:#059669}.student-table-semester-failed{background-color:#fee2e2;color:#991b1b}.student-table-semester-failed .semester-icon{color:#dc2626}.student-table-semester-none{background-color:#f3f4f6;color:#6b7280}.student-table-semester-none .semester-icon{color:#9ca3af}.student-table-semester-default{background-color:#e0e7ff;color:#4338ca}.student-table-semester-none-label{font-size:.7rem;opacity:.7;margin-left:2px}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.3}}.student-table-enrollment-status{display:flex;flex-direction:column;gap:4px;min-height:40px;padding:2px 0}.enrollment-status-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.enrollment-status-date-row{display:flex;align-items:center;gap:4px;padding-left:4px}.graduated-date-label{font-size:.7rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.enrollment-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500;white-space:nowrap}.status-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.status-icon{font-size:.9rem;line-height:1}.status-label{display:inline-block;line-height:1.2}.enrollment-status-active{background-color:#dbeafe;color:#1e40af}.enrollment-status-active .status-icon{color:#2563eb}.enrollment-status-graduated{background-color:#d1fae5;color:#065f46}.enrollment-status-graduated .status-icon{color:#059669}.enrollment-status-on-hold{background-color:#fef3c7;color:#92400e}.enrollment-status-on-hold .status-icon{color:#d97706}.enrollment-status-dropped{background-color:#fee2e2;color:#991b1b}.enrollment-status-dropped .status-icon{color:#dc2626}.enrollment-status-failed{background-color:#fecaca;color:#7f1d1d}.enrollment-status-failed .status-icon{color:#b91c1c}.enrollment-status-suspended{background-color:#fde68a;color:#78350f}.enrollment-status-suspended .status-icon{color:#d97706}.enrollment-status-pending{background-color:#e0e7ff;color:#3730a3}.enrollment-status-pending .status-icon{color:#4f46e5}.enrollment-status-unknown{background-color:#f3f4f6;color:#6b7280}.enrollment-status-unknown .status-icon{color:#9ca3af}.enrollment-status-notes{display:inline-flex;align-items:center;cursor:help;font-size:.9rem;opacity:.6;transition:opacity .2s;color:#6b7280}.enrollment-status-notes:hover{opacity:1;color:#3b82f6}.graduated-date{background-color:#f0fdf4;color:#065f46;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid #bbf7d0;white-space:nowrap}.text-muted{color:#9ca3af}.student-table-header-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}.student-table-items-info{color:var(--text-secondary-color-dark);font-size:.9rem}.student-table-row-selector{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary-color-dark);font-size:.9rem}.student-table-row-selector label{margin:0;white-space:nowrap}.student-table-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--white);color:var(--primary-color);font-size:.9rem;cursor:pointer;outline:none;transition:border-color .2s ease}.student-table-select:hover{border-color:var(--primary-color)}.student-table-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db1a}.student-table-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-top:1px solid var(--border-color);gap:var(--spacing-md);flex-wrap:wrap}.student-table-pagination{display:flex;align-items:center}.student-table-page-indicator{color:var(--text-secondary-color-dark);font-size:.9rem;font-weight:var(--font-weight-medium);white-space:nowrap}.student-table-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.student-table-loading,.student-table-empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary-color-dark)}.student-table-loading .spinner{margin:0 auto var(--spacing-md)}@media(max-width:768px){.student-table-header-controls{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.student-table-row-selector{width:100%}.student-table-select{flex:1;min-width:80px}.student-table-pagination-wrapper{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.student-table-pagination{width:100%;justify-content:center}.student-table-page-indicator{text-align:center;width:100%}.student-table th,.student-table td{padding:var(--spacing-xs);font-size:.85rem}.enrollment-status-badge,.student-table-semester{font-size:.75rem;padding:2px 8px}.student-table-course,.student-table-batch{font-size:.75rem;padding:2px 6px}.graduated-date{font-size:.7rem;padding:1px 6px}}@media(max-width:480px){.student-table-pagination-wrapper{padding:var(--spacing-sm)}.student-table-page-indicator{font-size:.8rem}.student-table-actions{flex-direction:column;gap:4px}.student-table-actions .btn{width:100%;justify-content:center}}.components-table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--white)}.components-table-element{width:100%;border-collapse:collapse;text-align:left}.components-table-element th,.components-table-element td{padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--border-color)}.components-table-element th{background-color:var(--background-color-hover);font-weight:var(--font-weight-semibold);text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.5px;color:var(--text-secondary-color)}.components-table-element tbody tr{background-color:var(--white)}.components-table-element tbody tr:last-of-type td{border-bottom:none}.components-table-element tbody tr:hover{background-color:var(--background-color-hover)}@media screen and (max-width:768px){.components-table-element thead{display:none}.components-table-element tr{display:block;margin-bottom:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm)}.components-table-element td{display:block;text-align:right;border-bottom:1px dotted var(--border-color);padding:var(--spacing-sm) var(--spacing-md)}.components-table-element td:before{content:attr(data-label);float:left;font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--text-secondary-color)}.components-table-element tbody tr:last-of-type td{border-bottom:1px dotted var(--border-color)}.components-table-element tbody tr:last-of-type td:last-child{border-bottom:none}}.cmn-select{margin-bottom:var(--spacing-lg)}.cmn-select__label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--primary-color)}.cmn-select__required{color:var(--danger-color);margin-left:var(--spacing-xs)}.cmn-select__wrapper{position:relative}.cmn-select__element{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-right:calc(var(--spacing-xl) + var(--spacing-sm));border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color-light);font-size:var(--font-size-md);color:var(--primary-color);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all var(--transition-speed) var(--transition-timing)}.cmn-select__element:focus{outline:none;border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.15)}.cmn-select__element--error{border-color:var(--danger-color)}.cmn-select__element--error:focus{box-shadow:0 0 0 3px rgba(var(--danger-color-rgb),.15)}.cmn-select__element:disabled{background-color:var(--background-color-hover);cursor:not-allowed;color:var(--text-muted)}.cmn-select__arrow{position:absolute;top:50%;right:var(--spacing-md);transform:translateY(-50%);pointer-events:none;color:var(--text-muted);font-size:var(--font-size-sm)}.cmn-select__error{display:block;margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--danger-color)}.components-searchbar-container{position:relative;width:100%;max-width:300px}.components-searchbar-input{width:100%;padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);background-color:var(--background-color-light);color:var(--primary-color);box-sizing:border-box;transition:all var(--transition-speed) var(--transition-timing)}.components-searchbar-input:focus{outline:none;border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.15)}.components-searchbar-input:disabled{background-color:var(--background-color-hover);cursor:not-allowed;opacity:.6}.components-searchbar-input::placeholder{color:var(--text-muted)}.components-searchbar-clear{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--font-size-xl);line-height:1;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-speed) var(--transition-timing)}.components-searchbar-clear:hover{background-color:var(--background-color-hover);color:var(--primary-color)}.components-searchbar-clear:active{transform:translateY(-50%) scale(.95)}.components-searchbar-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.components-searchbar-with-icon .components-searchbar-input{padding-left:calc(var(--spacing-xl) + var(--spacing-sm))}@media(max-width:768px){.components-searchbar-container{max-width:100%}}.manage-faculty-page-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.manage-faculty-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.manage-faculty-page-header h1{margin:0;color:var(--brand-navy);font-weight:var(--font-weight-bold)}.manage-faculty-page-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.manage-faculty-page-error-message{color:var(--danger-color);background-color:var(--danger-background-color);padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--danger-color)}.manage-faculty-subscription-info-card{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);align-items:center;border:1px solid var(--border-color-light);transition:all var(--transition-speed) var(--transition-timing);position:relative;overflow:hidden}.manage-faculty-subscription-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary)}.manage-faculty-subscription-info-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.manage-faculty-subscription-info-item{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);border-right:1px solid var(--border-color-light)}.manage-faculty-subscription-info-item:last-child{border-right:none}.manage-faculty-subscription-info-item .label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.manage-faculty-subscription-info-item .value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1.2}.manage-faculty-subscription-info-item .value.success{color:var(--success-color)}.manage-faculty-subscription-info-item .value.warning{color:var(--warning-color)}.manage-faculty-subscription-info-item .value.danger{color:var(--danger-color)}.manage-faculty-subscription-progress-bar{grid-column:1 / -1;height:8px;background:var(--background-color-hover);border-radius:var(--border-radius-sm);overflow:hidden;margin:var(--spacing-xs) 0;position:relative}.manage-faculty-subscription-progress-fill{height:100%;border-radius:var(--border-radius-sm);transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.manage-faculty-subscription-progress-fill.success{background:linear-gradient(90deg,var(--success-color),#34ce57)}.manage-faculty-subscription-progress-fill.warning{background:linear-gradient(90deg,var(--warning-color),#ff9800)}.manage-faculty-subscription-progress-fill.danger{background:linear-gradient(90deg,var(--danger-color),#ff6b6b)}.manage-faculty-subscription-progress-fill.full{background:linear-gradient(90deg,#c0392b,var(--danger-color));animation:pulse-danger 1.5s ease-in-out infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.7}}.manage-faculty-subscription-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite;border-radius:var(--border-radius-sm)}.manage-faculty-subscription-warning{grid-column:1 / -1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.manage-faculty-subscription-warning.warning{background:var(--warning-background-color);border:1px solid var(--warning-color);color:#856404}.manage-faculty-subscription-warning.danger{background:var(--danger-background-color);border:1px solid var(--danger-color);color:#721c24}.manage-faculty-subscription-warning:before{content:"⚠️";font-size:var(--font-size-lg)}.manage-faculty-subscription-warning.danger:before{content:"🚫"}.manage-faculty-page-actions .button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.manage-faculty-page-actions .button:disabled:hover{transform:none!important;box-shadow:none!important}.manage-faculty-page-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);background:var(--white);border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.manage-faculty-page-loading-container p{color:var(--text-muted);font-size:1rem}@media(max-width:1024px){.manage-faculty-subscription-info-card{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.manage-faculty-subscription-info-item{border-right:none;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}}@media(max-width:768px){.manage-faculty-page-container{padding:var(--spacing-md)}.manage-faculty-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.manage-faculty-page-header h1{font-size:var(--font-size-xl)}.manage-faculty-page-actions{width:100%;flex-direction:column}.manage-faculty-page-actions .button{width:100%;justify-content:center}.manage-faculty-subscription-info-card{grid-template-columns:1fr 1fr;padding:var(--spacing-md);gap:var(--spacing-sm)}.manage-faculty-subscription-info-item{padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.manage-faculty-subscription-info-item .value{font-size:var(--font-size-lg)}.manage-faculty-subscription-info-card:before{height:3px}}@media(max-width:480px){.manage-faculty-page-container{padding:var(--spacing-sm);gap:var(--spacing-md)}.manage-faculty-page-header h1{font-size:var(--font-size-lg)}.manage-faculty-subscription-info-card{grid-template-columns:1fr 1fr;padding:var(--spacing-sm);gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.manage-faculty-subscription-info-item{padding:4px 6px}.manage-faculty-subscription-info-item .label{font-size:10px;letter-spacing:.3px}.manage-faculty-subscription-info-item .value{font-size:var(--font-size-md)}.manage-faculty-subscription-progress-bar{height:6px;margin:2px 0}.manage-faculty-subscription-warning{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}}@media(prefers-color-scheme:dark){.manage-faculty-subscription-info-card{background:#1e1e1e;border-color:#333}.manage-faculty-subscription-info-item .label{color:#999}.manage-faculty-subscription-info-item .value{color:#fff}.manage-faculty-page-loading-container{background:#1e1e1e;border-color:#333}.manage-faculty-subscription-warning.warning{background:#2d1f00;border-color:var(--warning-color);color:#ffd54f}.manage-faculty-subscription-warning.danger{background:#2d0a0a;border-color:var(--danger-color);color:#ff6b6b}}@media print{.manage-faculty-subscription-info-card{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd}.manage-faculty-page-actions .button{display:none}.manage-faculty-subscription-info-card:before{display:none}}.manage-faculty-subscription-progress-bar{grid-column:1 / -1;height:10px;background:#e9ecef;border-radius:8px;overflow:hidden;margin:8px 0 4px;position:relative;box-shadow:inset 0 1px 3px #0000001a}.manage-faculty-subscription-progress-fill{height:100%;border-radius:8px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;min-width:2px}.manage-faculty-subscription-progress-fill.success{background:linear-gradient(90deg,#28a745,#34ce57);box-shadow:0 0 10px #28a7454d}.manage-faculty-subscription-progress-fill.warning{background:linear-gradient(90deg,#ffc107,#ff9800);box-shadow:0 0 10px #ffc1074d;animation:pulse-warning 2s ease-in-out infinite}.manage-faculty-subscription-progress-fill.danger{background:linear-gradient(90deg,#dc3545,#ff6b6b);box-shadow:0 0 10px #dc35454d;animation:pulse-danger 1.5s ease-in-out infinite}.manage-faculty-subscription-progress-fill.full{background:linear-gradient(90deg,#c0392b,#dc3545);box-shadow:0 0 15px #c0392b66;animation:pulse-full 1s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.85}}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.75}}@keyframes pulse-full{0%,to{opacity:1;background:linear-gradient(90deg,#c0392b,#dc3545)}50%{opacity:.8;background:linear-gradient(90deg,#e74c3c,#ff6b6b)}}.manage-faculty-subscription-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmer 2s infinite;border-radius:8px}.manage-faculty-subscription-progress-bar:after{content:attr(data-percentage);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#495057;z-index:1;opacity:.7}.manage-faculty-subscription-warning{grid-column:1 / -1;padding:10px 16px;border-radius:8px;font-size:14px;margin-top:4px;display:flex;align-items:center;gap:8px}.manage-faculty-subscription-warning.warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.manage-faculty-subscription-warning.danger{background:#f8d7da;border:1px solid #dc3545;color:#721c24}.faculty-table-container{overflow-x:auto;background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow)}.faculty-table{width:100%;border-collapse:collapse}.faculty-table th,.faculty-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--border-color)}.faculty-table th{font-weight:var(--font-weight-bold);color:var(--text-secondary-color-dark);background-color:var(--background-color-hover)}.faculty-table-actions{display:flex;gap:var(--spacing-sm)}.faculty-table-no-data{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary-color-dark)}.faculty-table-header-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}.faculty-table-items-info{color:var(--text-secondary-color-dark);font-size:.9rem}.faculty-table-row-selector{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary-color-dark);font-size:.9rem}.faculty-table-row-selector label{margin:0;white-space:nowrap}.faculty-table-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--white);color:var(--primary-color);font-size:.9rem;cursor:pointer;outline:none;transition:border-color .2s ease}.faculty-table-select:hover{border-color:var(--primary-color)}.faculty-table-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db1a}.faculty-table-name{display:flex;flex-direction:column;gap:2px}.faculty-table-name-text{font-weight:var(--font-weight-medium)}.faculty-table-designation{font-size:.8rem;color:var(--text-secondary-color-dark)}.faculty-table-department{display:inline-block;padding:2px 8px;background-color:var(--background-color-hover);border-radius:var(--border-radius-sm);font-size:.85rem;color:var(--text-secondary-color-dark)}.faculty-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow)}.faculty-table-loading .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.faculty-table-loading p{color:var(--text-secondary-color-dark);margin:0}.faculty-table-empty-state{padding:var(--spacing-xl);background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);text-align:center}.faculty-table-empty-state .faculty-table-no-data{margin:0;color:var(--text-secondary-color-dark)}.faculty-table-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-top:1px solid var(--border-color);gap:var(--spacing-md);flex-wrap:wrap}.faculty-table-pagination{display:flex;align-items:center}.faculty-table-page-indicator{color:var(--text-secondary-color-dark);font-size:.9rem;font-weight:var(--font-weight-medium);white-space:nowrap}.faculty-table-page-indicator-right{margin-left:auto}.faculty-table-page-indicator-left{margin-right:auto}.faculty-table-page-indicator-center{text-align:center}@media(max-width:768px){.faculty-table-header-controls{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.faculty-table-row-selector{width:100%}.faculty-table-select{flex:1;min-width:80px}.faculty-table-pagination-wrapper{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.faculty-table-pagination{width:100%;justify-content:center}.faculty-table-page-indicator{text-align:center;width:100%}.faculty-table-actions{flex-direction:column;gap:var(--spacing-xs)}.faculty-table-actions button{width:100%;justify-content:center}}@media(max-width:480px){.faculty-table-pagination-wrapper{padding:var(--spacing-sm)}.faculty-table-page-indicator{font-size:.8rem}}.manage-exp-access-page-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:24px;max-width:1400px;margin:0 auto}.manage-exp-access-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.manage-exp-access-page-header h1{margin:0;color:var(--brand-navy);font-weight:var(--font-weight-bold)}.manage-exp-access-page-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.manage-exp-access-subscription-info-card{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);align-items:center;transition:all var(--transition-speed) var(--transition-timing);position:relative;overflow:hidden}.manage-exp-access-subscription-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-secondary)}.manage-exp-access-subscription-info-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.manage-exp-access-subscription-info-item{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);border-right:1px solid var(--border-color-light)}.manage-exp-access-subscription-info-item:last-child{border-right:none}.manage-exp-access-subscription-info-item .label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.manage-exp-access-subscription-info-item .value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primray-color);line-height:1.2}.manage-exp-access-subscription-info-item .value.success{color:var(--success-color)}.manage-exp-access-subscription-info-item .value.warning{color:var(--warning-color)}.manage-exp-access-subscription-info-item .value.danger{color:var(--danger-color)}.manage-exp-access-page-filters{background:var(--white);padding:12px 16px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light)}.manage-exp-access-page-filters-grid{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.manage-exp-access-page-filter-item{display:flex;align-items:center;gap:6px}.manage-exp-access-page-filter-item label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-secondary-color-dark);white-space:nowrap;margin:0}.manage-exp-access-page-search-item{flex:1;min-width:200px}.manage-exp-access-page-search-item .components-searchbar-container,.manage-exp-access-page-search-item .components-searchbar-input{width:100%}.manage-exp-access-page-filter-results-count{font-size:.85rem;color:var(--text-muted);white-space:nowrap;padding-left:8px;border-left:1px solid var(--border-color-light)}.manage-exp-access-page-filter-results-count strong{color:var(--brand-navy)}.manage-exp-access-page-filter-stats{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--border-radius-sm);white-space:nowrap;margin-left:auto}.manage-exp-access-page-clear-filters-btn{color:var(--brand-cyan-bright);font-size:.8rem;cursor:pointer;padding:2px 6px;background:none;border:none;transition:color var(--transition-speed) var(--transition-timing)}.manage-exp-access-page-clear-filters-btn:hover{color:var(--brand-navy);text-decoration:underline}.manage-exp-access-table-info-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius) var(--border-radius) 0 0;border:1px solid var(--border-color-light);border-bottom:none;flex-wrap:wrap;gap:var(--spacing-sm)}.manage-exp-access-table-info-left{display:flex;align-items:center;gap:var(--spacing-sm)}.manage-exp-access-table-row-count{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.manage-exp-access-table-info-right{display:flex;align-items:center;gap:var(--spacing-sm)}.manage-exp-access-items-per-page-label{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.manage-exp-access-items-per-page-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--white);font-size:var(--font-size-sm);color:var(--primray-color);cursor:pointer;outline:none;transition:border-color var(--transition-speed) var(--transition-timing);min-width:70px}.manage-exp-access-items-per-page-select:hover{border-color:var(--brand-cyan-bright)}.manage-exp-access-items-per-page-select:focus{border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.1)}.manage-exp-access-page-loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--white);border-radius:var(--border-radius-lg);border:1px solid var(--border-color-light)}.manage-exp-access-page-error-container{background-color:var(--danger-background-color);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center}.manage-exp-access-page-error-message{color:var(--danger-color);margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-medium)}.manage-exp-access-page-no-data{text-align:center;padding:48px;color:var(--text-muted);font-size:16px;background:var(--white);border-radius:var(--border-radius-lg);border:1px solid var(--border-color-light);margin:24px 0}.manage-exp-access-page-no-data .manage-exp-access-page-create-first-btn,.manage-exp-access-page-no-data .manage-exp-access-page-clear-filters-btn{margin-top:var(--spacing-md)}.manage-exp-access-page-pagination{margin-top:var(--spacing-md);padding:var(--spacing-md) 0}@media(max-width:1024px){.manage-exp-access-subscription-info-card{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.manage-exp-access-subscription-info-item{border-right:none;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.manage-exp-access-page-filters-grid{gap:10px}.manage-exp-access-page-search-item{min-width:150px;flex:2}}@media(max-width:768px){.manage-exp-access-page-container{padding:16px}.manage-exp-access-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.manage-exp-access-page-header h1{font-size:var(--font-size-xl)}.manage-exp-access-page-actions{width:100%;flex-direction:column}.manage-exp-access-page-actions .button{width:100%;justify-content:center}.manage-exp-access-page-filters{padding:12px}.manage-exp-access-page-filters-grid{flex-direction:column;align-items:stretch;gap:8px}.manage-exp-access-page-filter-item{width:100%;flex-direction:column;align-items:flex-start;gap:4px}.manage-exp-access-page-search-item{min-width:unset;flex:unset}.manage-exp-access-page-filter-stats{margin-left:0;justify-content:space-between;width:100%;padding:4px 8px}.manage-exp-access-subscription-info-card{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.manage-exp-access-subscription-info-item .value{font-size:var(--font-size-lg)}.manage-exp-access-table-info-bar{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-sm)}.manage-exp-access-table-info-left,.manage-exp-access-table-info-right{justify-content:center}}@media(max-width:480px){.manage-exp-access-page-container{padding:12px;gap:var(--spacing-md)}.manage-exp-access-page-header h1{font-size:var(--font-size-lg)}.manage-exp-access-subscription-info-card{grid-template-columns:1fr 1fr;padding:12px;gap:8px}.manage-exp-access-subscription-info-item{padding:4px 8px}.manage-exp-access-subscription-info-item .label{font-size:10px}.manage-exp-access-subscription-info-item .value{font-size:var(--font-size-md)}.manage-exp-access-subscription-info-card:before{height:2px}.manage-exp-access-page-filters{padding:10px}.manage-exp-access-table-row-count,.manage-exp-access-items-per-page-label{font-size:var(--font-size-xs)}.manage-exp-access-items-per-page-select{font-size:var(--font-size-xs);padding:var(--spacing-xs);min-width:60px}.manage-exp-access-page-no-data{padding:32px 16px;font-size:14px}}@media(prefers-color-scheme:dark){.manage-exp-access-subscription-info-card{background:#1e1e1e;border-color:#333}.manage-exp-access-subscription-info-item .label{color:#999}.manage-exp-access-subscription-info-item .value{color:#fff}.manage-exp-access-page-filters{background:#1e1e1e;border-color:#333}.manage-exp-access-page-filter-item label{color:#999}.manage-exp-access-page-loading-container{background:#1e1e1e;border-color:#333}.manage-exp-access-table-info-bar{background:#2a2a2a;border-color:#333}.manage-exp-access-items-per-page-select{background:#1e1e1e;border-color:#333;color:#fff}.manage-exp-access-page-no-data{background:#1e1e1e;border-color:#333;color:#999}}@media print{.manage-exp-access-subscription-info-card,.manage-exp-access-page-filters{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd}.manage-exp-access-page-actions .button{display:none}.manage-exp-access-table-info-bar{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd}}.assigned-faculty-table-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.assigned-faculty-table-container{overflow-x:auto;background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow)}.assigned-faculty-table{width:100%;border-collapse:collapse}.assigned-faculty-table th,.assigned-faculty-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--border-color);vertical-align:top}.assigned-faculty-table th{font-weight:var(--font-weight-bold);color:var(--text-secondary-color-dark);background-color:var(--background-color-hover)}.assigned-faculty-table-header-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}.assigned-faculty-table-items-info{color:var(--text-secondary-color-dark);font-size:.9rem}.assigned-faculty-table-row-selector{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary-color-dark);font-size:.9rem}.assigned-faculty-table-row-selector label{margin:0;white-space:nowrap}.assigned-faculty-table-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--white);color:var(--primary-color);font-size:.9rem;cursor:pointer;outline:none;transition:border-color .2s ease}.assigned-faculty-table-select:hover{border-color:var(--primary-color)}.assigned-faculty-table-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db1a}.assigned-faculty-info{display:flex;flex-direction:column;gap:2px}.assigned-faculty-name{font-weight:var(--font-weight-medium)}.assigned-faculty-designation{font-size:.8rem;color:var(--text-secondary-color-dark)}.permissions-cell{min-width:250px}.permissions-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.permission-item{background-color:var(--background-color-light);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);border-left:3px solid var(--border-color)}.permission-item.course-permission{border-left-color:var(--primary-color)}.permission-item.semester-permission{border-left-color:var(--success-color)}.permission-item.subject-permission{border-left-color:var(--warning-color)}.permission-item.direct-permission{border-left-color:var(--danger-color)}.permission-header{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.permission-icon{font-size:.9rem;color:var(--text-secondary-color-dark)}.permission-title{font-weight:var(--font-weight-medium);font-size:.85rem;color:var(--primray-color)}.permission-badge{font-size:.65rem;padding:1px 8px;background-color:var(--primary-color-light);color:var(--primary-color);border-radius:12px;font-weight:var(--font-weight-medium)}.permission-experiments{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.experiment-tag{font-size:.75rem;padding:1px 8px;background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary-color-dark)}.permission-summary{font-size:.85rem;color:var(--text-secondary-color-dark);display:inline-block;padding:2px 8px;background-color:var(--background-color-hover);border-radius:var(--border-radius-sm)}.no-data-text{color:var(--text-secondary-color-dark);font-style:italic}.assigned-faculty-table-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.assigned-faculty-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow)}.assigned-faculty-table-loading .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.assigned-faculty-table-loading p{color:var(--text-secondary-color-dark);margin:0}.assigned-faculty-table-empty-state{padding:var(--spacing-xl);background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);text-align:center}.assigned-faculty-table-empty-state .assigned-faculty-table-no-data{margin:0;color:var(--text-secondary-color-dark)}.assigned-faculty-table-no-data{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary-color-dark)}.assigned-faculty-table-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-top:1px solid var(--border-color);gap:var(--spacing-md);flex-wrap:wrap}.assigned-faculty-table-pagination{display:flex;align-items:center}.assigned-faculty-table-page-indicator{color:var(--text-secondary-color-dark);font-size:.9rem;font-weight:var(--font-weight-medium);white-space:nowrap}@media(max-width:992px){.permissions-cell{min-width:200px}}@media(max-width:768px){.assigned-faculty-table-header-controls{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.assigned-faculty-table-row-selector{width:100%}.assigned-faculty-table-select{flex:1;min-width:80px}.assigned-faculty-table-pagination-wrapper{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.assigned-faculty-table-pagination{width:100%;justify-content:center}.assigned-faculty-table-page-indicator{text-align:center;width:100%}.assigned-faculty-table-actions{flex-direction:column;gap:var(--spacing-xs)}.assigned-faculty-table-actions button{width:100%;justify-content:center}.permissions-cell{min-width:150px}}@media(max-width:480px){.assigned-faculty-table-pagination-wrapper{padding:var(--spacing-sm)}.assigned-faculty-table-page-indicator{font-size:.8rem}.assigned-faculty-table-container{border-radius:var(--border-radius-sm)}.assigned-faculty-table-header-controls{padding:var(--spacing-sm)}.assigned-faculty-table th,.assigned-faculty-table td{padding:var(--spacing-xs);font-size:.85rem}.permission-item{padding:var(--spacing-xs)}.permission-title{font-size:.8rem}.experiment-tag{font-size:.7rem}}.manage-experiments-page-container{padding:24px;max-width:1400px;margin:0 auto}.manage-experiments-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.manage-experiments-page-header h1{margin:0}.experiments-stats{background:#f8f9fa;padding:8px 16px;border-radius:20px;font-size:14px;color:#6c757d;border:1px solid #e9ecef}.tab-type-selector{margin-bottom:20px;border-bottom:2px solid #e9ecef;padding-bottom:12px}.tab-type-buttons{display:flex;gap:8px}.tab-type-btn{padding:8px 20px;border:none;background:transparent;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;border-radius:20px;transition:all .2s ease}.tab-type-btn:hover{background:#f8f9fa;color:#495057}.tab-type-btn.active{background:#007bff;color:#fff}.manage-experiments-search-section{margin-bottom:24px}.experiments-search-bar{width:100%;max-width:500px}.search-results-info{margin-top:8px;font-size:14px;color:#6c757d;display:flex;align-items:center;gap:8px}.clear-search-btn{color:#007bff;font-size:12px}.manage-experiments-tabs-container{margin-bottom:24px;border-bottom:1px solid #e9ecef;overflow-x:auto}.manage-experiments-tabs{display:flex;gap:4px;padding-bottom:8px;min-width:min-content}.manage-experiments-tab{padding:10px 20px;border:none;background:transparent;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;border-radius:20px;transition:all .2s ease;white-space:nowrap;position:relative}.manage-experiments-tab:hover{background:#f8f9fa;color:#495057}.manage-experiments-tab.is-active{background:#e7f3ff;color:#007bff;font-weight:600}.tab-count{display:inline-block;margin-left:8px;padding:2px 6px;background:#007bff1a;border-radius:12px;font-size:11px;font-weight:600}.manage-experiments-content{min-height:400px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.error-message{text-align:center;color:#dc3545;padding:40px;background:#fff5f5;border-radius:8px}.experiment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;color:#6c757d}.no-results p{font-size:16px;margin-bottom:16px}.pagination-wrapper{display:flex;justify-content:center;margin-top:30px;padding:20px 0}@media(max-width:768px){.manage-experiments-page-container{padding:16px}.manage-experiments-page-header{flex-direction:column;align-items:flex-start;gap:12px}.manage-experiments-page-header h1{font-size:24px}.experiment-grid{grid-template-columns:1fr}.tab-type-buttons{width:100%;justify-content:stretch}.tab-type-btn{flex:1;text-align:center;padding:8px 12px;font-size:13px}}@media(max-width:480px){.manage-experiments-tab{padding:8px 16px;font-size:13px}.experiments-search-bar{max-width:100%}}.breadcrumb-nav{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}.breadcrumb-home,.breadcrumb-item{display:flex;align-items:center;gap:4px;padding:4px 12px;border:none;background:transparent;color:#6c757d;font-size:14px;cursor:pointer;border-radius:4px;transition:all .2s ease}.breadcrumb-home:hover,.breadcrumb-item:hover{background:#e9ecef;color:#495057}.breadcrumb-home svg{font-size:16px}.breadcrumb-separator{color:#adb5bd;font-size:14px}.breadcrumb-current{color:#007bff;font-size:14px;font-weight:500;padding:4px 12px}.tabs-section{margin-bottom:30px}.tabs-section-title{font-size:16px;font-weight:600;color:#495057;margin-bottom:12px;padding-left:4px}.context-title{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.manage-experiments-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.manage-experiments-tab{padding:10px 20px;border:1px solid #e9ecef;background:#fff;color:#495057;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.manage-experiments-tab:hover{background:#f8f9fa;border-color:#ced4da;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.course-tab{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.course-tab:hover{background:linear-gradient(135deg,#5a67d8,#6b46a0);box-shadow:0 4px 12px #667eea4d}.semester-tab{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none}.semester-tab:hover{background:linear-gradient(135deg,#e889f7,#e64a5f);box-shadow:0 4px 12px #f093fb4d}.subject-tab{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none}.subject-tab:hover{background:linear-gradient(135deg,#3a9eff,#00e0ec);box-shadow:0 4px 12px #4facfe4d}.tab-name{font-weight:500}.tab-count{display:inline-block;padding:2px 8px;background:#fff3;border-radius:20px;font-size:11px;font-weight:600}.no-items-message{color:#6c757d;font-size:14px;padding:12px;background:#f8f9fa;border-radius:8px;width:100%;text-align:center}@media(max-width:768px){.breadcrumb-nav{padding:8px 12px}.manage-experiments-tab{padding:8px 16px;font-size:13px}.context-title{font-size:18px}}@media(max-width:480px){.manage-experiments-tab{width:100%;justify-content:center}.breadcrumb-nav{flex-wrap:wrap}}.view-type-selector{margin-bottom:24px;border-bottom:2px solid #e9ecef;padding-bottom:16px}.view-type-buttons{display:flex;gap:12px;flex-wrap:wrap}.view-type-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:#f8f9fa;color:#495057;font-size:14px;font-weight:500;cursor:pointer;border-radius:30px;transition:all .2s ease;border:1px solid #e9ecef}.view-type-btn:hover{background:#e9ecef;color:#2c3e50}.view-type-btn.active{background:#007bff;color:#fff;border-color:#007bff}.view-type-btn svg{font-size:18px}.items-section{margin-bottom:32px}.items-section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#495057;margin-bottom:16px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.item-card{border:none;background:#fff;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid #e9ecef;overflow:hidden}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.item-card.active{border:2px solid #007bff;background:#f0f7ff}.item-card-content{padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.item-icon{font-size:32px;margin-bottom:4px}.item-name{font-size:14px;font-weight:500;color:#2c3e50;word-break:break-word}.course-card{background:linear-gradient(135deg,#667eea10,#764ba210);border-left:4px solid #667eea}.course-card:hover{background:linear-gradient(135deg,#667eea20,#764ba220)}.semester-card{background:linear-gradient(135deg,#f093fb10,#f5576c10);border-left:4px solid #f093fb}.semester-card:hover{background:linear-gradient(135deg,#f093fb20,#f5576c20)}.subject-card{background:linear-gradient(135deg,#4facfe10,#00f2fe10);border-left:4px solid #4facfe}.subject-card:hover{background:linear-gradient(135deg,#4facfe20,#00f2fe20)}.all-items-card{background:#f8f9fa;border:2px dashed #adb5bd}.all-items-card:hover{background:#e9ecef;border-color:#6c757d}.selected-item-header{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:10px}.back-button{background:none;border:none;color:#007bff;font-size:14px;font-weight:500;cursor:pointer;padding:4px 0;margin-bottom:8px;display:inline-flex;align-items:center}.back-button:hover{text-decoration:underline}.selected-item-title{font-size:20px;font-weight:600;color:#2c3e50;margin:0}@media(max-width:768px){.view-type-buttons{flex-direction:column}.view-type-btn{width:100%;justify-content:center}.items-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.item-card-content{padding:12px}.item-icon{font-size:24px}.item-name{font-size:12px}}@media(max-width:480px){.items-grid{grid-template-columns:1fr 1fr}}.view-type-tabs .components-tabs-button,.items-tabs .components-tabs-button{display:inline-flex;align-items:center;gap:8px}.view-type-tabs .components-tabs-button svg,.items-tabs .components-tabs-button svg{font-size:18px}.view-type-tabs .components-tabs-count,.items-tabs .components-tabs-count{margin-left:4px;padding:2px 8px;background:#0000001a;border-radius:20px;font-size:11px;font-weight:600}.view-type-tabs .components-tabs-button-active .components-tabs-count,.items-tabs .components-tabs-button-active .components-tabs-count{background:#fff3;color:#fff}.view-type-tabs .components-tabs-list{background:#f8f9fa;padding:4px;border-radius:40px;display:inline-flex}.view-type-tabs .components-tabs-button{padding:10px 24px;border-radius:30px;font-size:14px;font-weight:500;transition:all .2s ease}.view-type-tabs .components-tabs-button-active{background:#fff;box-shadow:0 2px 8px #0000001a}.items-tabs{margin-bottom:24px}.items-tabs .components-tabs-list{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e9ecef;padding-bottom:12px}.items-tabs .components-tabs-button{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;background:#f8f9fa;color:#495057;border:1px solid #e9ecef;transition:all .2s ease}.items-tabs .components-tabs-button:hover{background:#e9ecef}.items-tabs .components-tabs-button-active{background:#007bff;color:#fff;border-color:#007bff}.items-tabs .components-tabs-button svg{font-size:16px}@media(max-width:768px){.view-type-tabs .components-tabs-list{width:100%;display:flex}.view-type-tabs .components-tabs-button{flex:1;text-align:center;padding:8px 12px;font-size:13px}.items-tabs .components-tabs-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.items-tabs .components-tabs-button{white-space:nowrap}}.controls-wrapper{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.main-search input{height:42px;border-radius:30px;border:1px solid #e9ecef;padding:0 16px;font-size:14px;width:100%}.main-search input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.search-meta{margin-top:6px;font-size:13px;color:#6c757d;display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px 12px;border-radius:20px}.clear-btn{color:#007bff;font-size:12px;padding:2px 8px}@media(max-width:768px){.controls-wrapper{flex-direction:column;align-items:stretch}.filter-tabs,.search-section{min-width:100%}.search-section{align-items:stretch}.main-search{max-width:100%}}.card-horizontal-link{text-decoration:none;color:inherit;display:block;height:100%}.card-horizontal{display:flex;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);height:70px}.card-horizontal:hover{border-color:#007bff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transform:translate(2px)}.card-horizontal-img{width:70px;height:70px;object-fit:cover;flex-shrink:0;background:#f1f3f5}.card-horizontal-info{padding:0 .5rem;flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.card-horizontal-badge{display:inline-block;background:#e6f2ff;color:#007bff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.card-horizontal-title{margin:0;font-size:15px;font-weight:500;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;transition:color .2s cubic-bezier(.4,0,.2,1)}.card-horizontal-course{margin:0;font-size:.875rem;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;flex-shrink:1;transition:color .2s cubic-bezier(.4,0,.2,1)}.card-horizontal-type{font-size:11px;color:#6c757d;background:#f1f3f5;padding:4px 8px;border-radius:.375rem;white-space:nowrap;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.card-horizontal-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:4px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0}.card-horizontal-status.active{background:#28a7451a;color:#28a745}.card-horizontal-status.inactive{background:#dc35451a;color:#dc3545}.card-horizontal-status.pending{background:#ffc1071a;color:#ffc107}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background-color:#28a745;box-shadow:0 0 4px #28a745}.status-dot.inactive{background-color:#dc3545}.status-dot.pending{background-color:#ffc107;animation:pulse 2s infinite}.card-horizontal.compact{height:56px}.card-horizontal.compact .card-horizontal-img{width:56px;height:56px}.card-horizontal.compact .card-horizontal-info{padding:0 .25rem;gap:.25rem}.card-horizontal.compact .card-horizontal-title{font-size:14px}.card-horizontal.compact .card-horizontal-badge{font-size:10px;padding:2px 8px}.card-horizontal.large{height:90px}.card-horizontal.large .card-horizontal-img{width:90px;height:90px}.card-horizontal.large .card-horizontal-title{font-size:16px;font-weight:600}.card-horizontal-action{display:flex;align-items:center;padding-right:.5rem;flex-shrink:0}.action-btn{width:32px;height:32px;border-radius:50%;background:#f1f3f5;border:none;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-btn:hover{background:#e6f2ff;color:#007bff;transform:scale(1.1)}.action-btn.danger:hover{background:#dc35451a;color:#dc3545}@media(max-width:768px){.card-horizontal{height:auto;min-height:70px}.card-horizontal-info{flex-wrap:wrap;padding:.25rem .5rem}.card-horizontal-title{white-space:normal;word-break:break-word;font-size:14px}.card-horizontal-course{white-space:normal;word-break:break-word;max-width:none;width:100%;margin-top:2px}.card-horizontal-badge,.card-horizontal-type,.card-horizontal-status{font-size:10px;padding:2px 6px}.card-horizontal.compact,.card-horizontal.large{height:auto;min-height:auto}}@media(max-width:480px){.card-horizontal-info{gap:.25rem}.card-horizontal-title{font-size:13px}.card-horizontal-course{font-size:.875rem}.card-horizontal-badge{font-size:9px;padding:2px 6px}}@media(prefers-reduced-motion:reduce){.card-horizontal,.card-horizontal-badge,.action-btn,.status-dot.pending{transition:none;animation:none}.card-horizontal:hover,.action-btn:hover{transform:none}}@media(prefers-contrast:high){.card-horizontal{border:2px solid currentColor}.card-horizontal:hover{border-color:#007bff}.card-horizontal-status.active,.card-horizontal-status.inactive,.card-horizontal-status.pending{border:1px solid currentColor}}@media print{.card-horizontal{break-inside:avoid;border:1px solid #ddd;box-shadow:none}.action-btn{display:none}}.card-horizontal-link:focus-visible{outline:none}.card-horizontal-link:focus-visible .card-horizontal{outline:2px solid #007bff;outline-offset:2px}.action-btn:focus-visible{outline:2px solid #007bff;outline-offset:2px}@media(hover:none)and (pointer:coarse){.card-horizontal:active{transform:scale(.99);background:#f1f3f5}.action-btn:active{transform:scale(.95)}}.viewer-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background:#fff;border-radius:4px;overflow:hidden}.viewer-container.zoomed{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;z-index:10000}.viewer-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffffe6;z-index:10}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.viewer-error-btn,.viewer-action-btn,.viewer-fullscreen-btn{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.viewer-error-btn:hover,.viewer-action-btn:hover,.viewer-fullscreen-btn:hover{background:#2980b9}.viewer-iframe{width:100%;height:100%;border:none;flex:1;position:relative;z-index:1}.viewer-overlay{position:absolute;top:10px;right:10px;z-index:20;opacity:0;transition:opacity .2s}.viewer-container:hover .viewer-overlay{opacity:1}.simulation-viewer,.simulation-viewer iframe{background:#000}*/ .pdf-viewer{display:flex;flex-direction:column}.pdf-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;z-index:2}.pdf-header h4{margin:0;color:#343a40}.pdf-download-btn{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.pdf-download-btn:hover{background:#218838}.pdf-wrapper{flex:1;position:relative;min-height:0}.pdf-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.pdf-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:2rem;text-align:center}.pdf-fallback p{margin-bottom:1rem;color:#6c757d}.pdf-fallback-btn{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}.pdf-controls{padding:.75rem 1rem;background:#f8f9fa;border-top:1px solid #e9ecef;z-index:2}.pdf-pagination{display:flex;justify-content:center;align-items:center;gap:1rem}.pdf-page-info{color:#6c757d;font-size:.9rem;min-width:120px;text-align:center}.pdf-nav-btn{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.pdf-nav-btn:hover:not(:disabled){background:#545b62}.pdf-nav-btn:disabled{opacity:.5;cursor:not-allowed}.info-viewer{padding:1rem;overflow-y:auto}.info-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.info-header h3{margin:0 0 .5rem;color:#343a40}.info-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-type{background:#d1ecf1;color:#0c5460}.badge-level.beginner{background:#d4edda;color:#155724}.badge-level.intermediate{background:#fff3cd;color:#856404}.badge-level.advanced{background:#f8d7da;color:#721c24}.badge-public{background:#cce5ff;color:#004085}.info-section{margin-bottom:1.5rem}.info-section h4{margin:0 0 .75rem;color:#495057;font-size:1rem}.info-description{color:#6c757d;line-height:1.5;margin:0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:#343a40;font-size:.9rem;font-weight:500}.resources-list{display:flex;flex-direction:column;gap:.75rem}.resource-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.resource-icon{font-size:1.25rem}.resource-name{color:#343a40;font-weight:500}.objectives-list{margin:0;padding-left:1.25rem;color:#6c757d}.objectives-list li{margin-bottom:.5rem;line-height:1.4}.no-objectives{color:#6c757d;font-style:italic;margin:0}.viewer-container.zoomed .viewer-overlay{opacity:1}.viewer-container.zoomed .viewer-loading,.viewer-container.zoomed .viewer-error{position:fixed}.info-viewer::-webkit-scrollbar{width:8px}.info-viewer::-webkit-scrollbar-track{background:#f1f1f1}.info-viewer::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.info-viewer::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.document-list-container{height:100%;display:flex;flex-direction:column;background:#fff}.document-list-header{padding:1rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.document-list-header h4{margin:0;color:#343a40}.document-list-items{flex:1;overflow-y:auto;padding:.5rem}.document-list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#fff;border:1px solid #e9ecef;border-radius:6px;transition:all .2s}.document-list-item:hover{background:#f8f9fa;border-color:#007bff}.document-info{flex:1}.document-title{font-weight:600;color:#343a40;margin-bottom:.25rem}.document-meta{display:flex;gap:.75rem;font-size:.8rem;color:#6c757d}.doc-category,.doc-pages,.doc-status{padding:.125rem .5rem;border-radius:3px;background:#e9ecef}.doc-status.ready{background:#d4edda;color:#155724}.doc-status.pending{background:#fff3cd;color:#856404}.view-doc-btn{background:#007bff;color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem}.view-doc-btn:hover{background:#0056b3}.pending-label{color:#6c757d;font-size:.875rem}.document-list-empty{display:flex;justify-content:center;align-items:center;height:100%;color:#6c757d}.document-preview-mode{height:100%;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.back-to-list-btn{background:#6c757d;color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;cursor:pointer}.open-full-btn{background:#28a745;color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;cursor:pointer}.preview-header h4{margin:0;flex:1;padding:0 1rem;text-align:center}.document-preview-iframe{flex:1;width:100%;border:none}.document-list-container,.document-single-viewer,.ai-viewer,.info-viewer,.youtube-viewer,.simulation-viewer,.pdf-viewer,.document-list-items,.document-content-container,.ai-content-container,.document-single-iframe,.ai-iframe,.youtube-iframe,.simulation-iframe,.pdf-iframe{overscroll-behavior:contain!important;touch-action:pan-y!important}.viewer-container.zoomed .document-list-items,.viewer-container.zoomed .info-viewer,.viewer-container.zoomed .document-content-container,.viewer-container.zoomed .ai-content-container{overscroll-behavior:auto!important;touch-action:auto!important}.scroll-indicator{text-align:center;color:#6c757d;font-size:.75rem;margin-top:1rem;padding:.5rem;background:#f8f9fa;border-radius:4px;border:1px dashed #dee2e6}.content-boundary-indicator{height:2px;background:linear-gradient(90deg,transparent,#007bff,transparent);margin:0 16px;opacity:.5}.info-content::-webkit-scrollbar{width:6px}.info-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.info-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.info-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.info-viewer.zoomed .info-content{overscroll-behavior:auto}.info-viewer,.document-list-items{overscroll-behavior:contain;touch-action:pan-y}.document-single-iframe,.ai-iframe{overscroll-behavior:contain}.simulation-viewer .viewer-iframe{transition:pointer-events .2s}.simulation-viewer.dragging .viewer-iframe{pointer-events:none!important}.canvas-panel.interactive-active{box-shadow:0 0 0 3px #007bff80;outline:2px solid #007bff}.canvas-panel.interactive-active:after{content:"ACTIVE";position:absolute;top:5px;left:50%;transform:translate(-50%);background:#007bff;color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;z-index:1000;pointer-events:none}.interaction-overlay{position:absolute;inset:0;background:#ffffff1a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;justify-content:center;align-items:center;z-index:5;cursor:pointer;transition:all .3s;opacity:0}.interaction-overlay:hover{opacity:1;background:#ffffff26}.activation-hint{background:#000000b3;color:#fff;padding:1rem 1.5rem;border-radius:8px;text-align:center;max-width:80%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.hint-icon{font-size:2rem;margin-bottom:.5rem}.interaction-status{margin-right:.5rem}.active-indicator{color:#4caf50;font-weight:700;padding:.25rem .5rem;background:#4caf501a;border-radius:4px}.viewer-activate-btn{background:#2196f3;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem}.viewer-activate-btn:hover{background:#1976d2}.canvas-panel.dragging .viewer-iframe,.canvas-panel.resizing .viewer-iframe{pointer-events:none!important}.viewer-container.interactive .viewer-iframe{pointer-events:auto!important}.simulation-viewer.simple-mode .viewer-iframe{pointer-events:auto!important;cursor:auto!important}.simple-mode-indicator{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#10b98133;color:#10b981;border-radius:20px;font-size:.75rem;font-weight:500;margin-left:.5rem}.simple-mode-hint{position:absolute;bottom:1rem;left:1rem;background:#0009;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;pointer-events:none;z-index:5;opacity:.7;transition:opacity .3s}.simulation-viewer.simple-mode:hover .simple-mode-hint{opacity:1}@media(max-width:768px){.simple-mode-hint{bottom:.5rem;left:.5rem;font-size:.7rem;padding:.2rem .5rem}}.simulation-viewer.access-denied{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;min-height:400px}.access-denied-content{text-align:center;padding:2rem;max-width:400px}.access-denied-icon{font-size:4rem;margin-bottom:1rem;color:#dc3545}.access-denied-content h3{font-size:1.5rem;color:#343a40;margin-bottom:1rem}.access-denied-content p{color:#6c757d;margin-bottom:1.5rem;line-height:1.6}.access-denied-btn{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.access-denied-btn:hover{background-color:#0056b3}.full-embedded-html .main-content{scroll-behavior:smooth}.full-embedded-html .nav-item{cursor:pointer;transition:all .2s ease}.full-embedded-html .nav-item.active{color:var(--primary-color-dark);font-weight:600}#dynamic-content-sections .content-section{min-height:100vh;padding:2rem 2.5rem;border-bottom:1px solid var(--gray-200)}#dynamic-nav-sections .nav-section{margin-bottom:1.5rem}.full-loading-state{min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;background:#f9f9f9}.components-tabs-container{width:100%}.components-tabs-list{display:flex;border-bottom:2px solid var(--border-color);gap:0}.components-tabs-button{padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;border:none;background-color:transparent;color:var(--text-secondary-color);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-speed) var(--transition-timing)}.components-tabs-button:hover{color:var(--brand-cyan-bright);background-color:rgba(var(--secondary-color-rgb),.04)}.components-tabs-button-active{color:var(--brand-cyan-bright);border-color:var(--brand-cyan-bright);font-weight:var(--font-weight-semibold)}.components-tabs-button:focus-visible{outline:2px solid var(--brand-cyan-bright);outline-offset:-2px;border-radius:var(--border-radius-sm)}.components-tabs-content-panel{padding:var(--spacing-lg) 0}.experiment-detail-page-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.experiment-detail-page-header{display:flex;flex-direction:column;gap:var(--spacing-sm);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md)}.experiment-detail-page-header h1{margin:0}.back-link{color:var(--text-secondary-color);text-decoration:none;font-weight:var(--font-weight-medium)}.back-link:hover{color:var(--primary-color)}.experiment-detail-page-actions{align-self:flex-start}.components-badge-element{display:inline-block;padding:4px 8px;font-size:.75rem;font-weight:var(--font-weight-semibold);line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-full)}.components-badge-color-default{color:var(--primary-color);background-color:var(--border-color)}.components-badge-color-primary{color:var(--text-on-primary);background-color:var(--brand-cyan-bright)}.components-badge-color-success{color:var(--text-on-primary);background-color:var(--success-color)}.components-badge-color-danger{color:var(--text-on-primary);background-color:var(--danger-color)}.components-badge-color-warning{color:var(--primary-color);background-color:var(--warning-color)}.exbutton{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);white-space:nowrap;line-height:1;font-family:var(--font-family-sans)}.exbutton-xs{padding:var(--spacing-xs) var(--spacing-sm);font-size:calc(var(--font-size-sm) * .85);border-radius:var(--border-radius-sm);gap:var(--spacing-xs)}.exbutton-sm{padding:calc(var(--spacing-sm) * .8) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm)}.exbutton-md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md)}.exbutton-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.exbutton-xl{padding:var(--spacing-lg) var(--spacing-xl);font-size:calc(var(--font-size-lg) * 1.2);border-radius:var(--border-radius-lg)}.exbutton svg{font-size:1.1em}.exbutton-xs svg{font-size:calc(var(--font-size-sm) * 1.1)}.exbutton-sm svg{font-size:calc(var(--font-size-sm) * 1.2)}.exbutton-md svg{font-size:calc(var(--font-size-md) * 1.2)}.exbutton-lg svg{font-size:calc(var(--font-size-lg) * 1.2)}.exbutton-xl svg{font-size:calc(var(--font-size-lg) * 1.4)}.exbutton-primary{background:var(--gradient-primary);color:var(--text-on-primary);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-sm)}.exbutton-primary:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.exbutton-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.exbutton-secondary{background:var(--background-color-light);color:var(--text-primary-color);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.exbutton-secondary:hover:not(:disabled){background:var(--background-color-hover);border-color:var(--brand-cyan-bright);box-shadow:var(--shadow-hover)}.exbutton-outline{background:transparent;color:var(--brand-cyan-bright);border:1px solid var(--brand-cyan-bright)}.exbutton-outline:hover:not(:disabled){background:rgba(var(--secondary-color-rgb),.08);color:var(--brand-navy);border-color:var(--brand-navy)}.exbutton-ghost{background:transparent;color:var(--text-primary-color);border:1px solid transparent}.exbutton-ghost:hover:not(:disabled){background:var(--background-color-hover)}.exbutton-danger{background:var(--gradient-logout);color:var(--text-on-primary);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-sm)}.exbutton-danger:hover:not(:disabled){background:var(--danger-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.exbutton-success{background:var(--success-color);color:var(--text-on-primary);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-sm)}.exbutton-success:hover:not(:disabled){background:var(--success-color);filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}.exbutton-warning{background:var(--warning-color);color:var(--text-primary-color);border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-sm)}.exbutton-warning:hover:not(:disabled){background:var(--warning-color);filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}.exbutton:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(.3)}.exbutton-loading{position:relative;color:transparent!important;pointer-events:none}.exbutton-loading:after{content:"";position:absolute;width:1.2em;height:1.2em;border:2px solid currentColor;border-radius:50%;border-right-color:transparent;animation:exbutton-spin .6s linear infinite}@keyframes exbutton-spin{to{transform:rotate(360deg)}}.exbutton svg:only-child{margin:0}.exbutton-xs svg:only-child{font-size:var(--font-size-md)}.exbutton-sm svg:only-child{font-size:var(--font-size-lg)}.exbutton-md svg:only-child{font-size:var(--font-size-xl)}.exbutton-lg svg:only-child{font-size:calc(var(--font-size-xl) * 1.2)}.exbutton-xl svg:only-child{font-size:calc(var(--font-size-xl) * 1.4)}.exbutton:focus-visible{outline:2px solid var(--brand-cyan-bright);outline-offset:2px}.exbutton:active:not(:disabled){transform:scale(.98)}.exbutton-full-width{width:100%}@media(max-width:768px){.exbutton-lg{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md)}.exbutton-xl{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}}.exbutton-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.exbutton-group-vertical{display:flex;flex-direction:column;gap:var(--spacing-sm)}.document-single-viewer{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:4px;overflow:hidden}.document-single-viewer.zoomed{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;z-index:10000}.document-single-header{display:flex;justify-content:flex-end;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;z-index:2;flex-shrink:0}.open-new-tab-btn{background:#007bff;color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.open-new-tab-btn:after{content:"↗";font-size:.9em}.open-new-tab-btn:hover{background:#0056b3;transform:translateY(-1px)}.open-new-tab-btn:active{transform:translateY(0)}.document-content-container{flex:1;position:relative;min-height:0;overflow:hidden}.document-single-iframe{width:100%;height:100%;border:none;display:block;background:#fff}.no-content{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#f8f9fa;color:#6c757d;font-size:.9rem}.no-content p{margin:0;padding:1rem;background:#fff;border-radius:6px;border:1px solid #e9ecef}.viewer-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fffffff2;z-index:10}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.viewer-loading p{color:#666;font-size:.9rem}.viewer-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:2rem;z-index:10;text-align:center}.viewer-error p{color:#e74c3c;margin-bottom:1rem;font-size:1rem}.viewer-action-btn{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.viewer-action-btn:hover{background:#0056b3}@media(max-width:768px){.document-single-header{padding:.5rem}.open-new-tab-btn{padding:.25rem .5rem;font-size:.8rem}}@media print{.document-single-viewer{height:auto!important;border:none;border-radius:0}.document-single-header{display:none}.document-content-container{overflow:visible}.document-single-iframe{height:auto!important}}.document-single-viewer.zoomed .document-content-container{height:calc(100vh - 57px)}.youtube-viewer{width:100%;height:100%;background:#000;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;position:relative;border:2px solid transparent;transition:all .3s ease}.youtube-viewer.interactive{border-color:#ff000080}.youtube-viewer.active{border-color:red;box-shadow:0 0 0 2px #f003;z-index:100}.youtube-viewer.zoomed{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;z-index:10000;border-radius:0}.youtube-wrapper{position:relative;width:100%;height:100%;overflow:hidden;flex:1}.youtube-viewer:not(.zoomed) .youtube-wrapper{height:0;padding-bottom:56.25%}.youtube-viewer:not(.zoomed) .youtube-iframe,.youtube-viewer:not(.zoomed) .youtube-interaction-overlay,.youtube-viewer:not(.zoomed) .youtube-viewer-loading{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-viewer:not(.zoomed) .youtube-viewer-overlay{position:absolute;top:10px;right:10px}.youtube-iframe{width:100%;height:100%;border:none;background:#000;opacity:1;transition:opacity .3s ease,filter .3s ease}.youtube-viewer.interactive:not(.active) .youtube-iframe{opacity:.3;filter:blur(2px)}.youtube-viewer.active .youtube-iframe{opacity:1;filter:none}.youtube-viewer-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000e6;z-index:30}.youtube-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ff0000;border-radius:50%;animation:youtube-spin 1s linear infinite;margin-bottom:16px}.youtube-viewer-loading p{color:#ccc;font-size:14px;margin:0}@keyframes youtube-spin{to{transform:rotate(360deg)}}.viewer-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000e6;padding:2rem;z-index:10;text-align:center}.viewer-error p{color:#ff6b6b;margin-bottom:1rem;font-size:1rem}.viewer-action-btn{background:red;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.viewer-action-btn:hover{background:#c00}.youtube-interaction-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#ff00001a,#cc00001a);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:15;cursor:pointer;transition:all .3s ease;opacity:0;pointer-events:none}.youtube-viewer.interactive .youtube-interaction-overlay{opacity:1;pointer-events:auto}.youtube-viewer.active .youtube-interaction-overlay{opacity:0;pointer-events:none}.youtube-interaction-overlay:hover{background:linear-gradient(135deg,#ff000026,#cc000026)}.youtube-activation-hint{background:#f003;border:3px solid rgba(255,0,0,.4);border-radius:16px;padding:24px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:90%;animation:youtube-float 3s ease-in-out infinite;box-shadow:0 20px 60px #0000004d}.youtube-hint-icon{font-size:48px;margin-bottom:16px;animation:youtube-bounce 2s infinite}.youtube-hint-text h3{color:#fff;font-size:22px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.youtube-hint-text p{color:#fff;font-size:16px;font-weight:500;margin:0 0 6px;opacity:.9}.youtube-hint-text small{color:#ffffffb3;font-size:13px;display:block}.youtube-viewer-overlay{position:absolute;top:10px;right:10px;z-index:20;opacity:0;transition:opacity .3s ease}.youtube-viewer:hover .youtube-viewer-overlay,.youtube-viewer.zoomed .youtube-viewer-overlay{opacity:1}.youtube-action-btn{background:red;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0000004d;z-index:25;position:relative}.youtube-action-btn:hover{background:#c00;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.youtube-action-btn:before{content:"▶";font-size:11px}@keyframes youtube-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes youtube-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes youtube-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media(hover:none)and (pointer:coarse){.youtube-interaction-overlay{opacity:1!important;background:linear-gradient(135deg,#f003,#c003)}.youtube-activation-hint{animation:none}.youtube-viewer-overlay{opacity:1!important}}.youtube-viewer[data-theme=light]{background:#f8f9fa}.youtube-viewer[data-theme=light] .youtube-activation-hint{background:#ff000026;border:3px solid #ff0000}.youtube-viewer[data-theme=light] .youtube-hint-text h3,.youtube-viewer[data-theme=light] .youtube-hint-text p{color:#333}.youtube-viewer[data-theme=light] .youtube-hint-text small{color:#666}.youtube-viewer[data-theme=light] .viewer-error{background:#fffffff2}.youtube-viewer[data-theme=light] .viewer-error p{color:#dc3545}.youtube-viewer[data-theme=light] .youtube-viewer-loading{background:#fffffff2}.youtube-viewer[data-theme=light] .youtube-viewer-loading p{color:#333}.youtube-viewer,.youtube-iframe{overscroll-behavior:contain!important;touch-action:pan-y!important}.youtube-viewer.zoomed .youtube-iframe{overscroll-behavior:auto!important;touch-action:auto!important}.youtube-viewer:not(.active){pointer-events:auto!important}.youtube-viewer:not(.active) .youtube-iframe{pointer-events:none!important}.youtube-viewer.active,.youtube-viewer.active .youtube-iframe{pointer-events:auto!important}.youtube-interaction-overlay{pointer-events:auto}.youtube-viewer.active .youtube-interaction-overlay{pointer-events:none}.youtube-viewer.zoomed .youtube-wrapper{height:100%;padding-bottom:0}.youtube-viewer.zoomed .youtube-iframe{position:relative}.youtube-viewer.zoomed .youtube-viewer-overlay{position:fixed;top:20px;right:20px}.youtube-viewer.active .youtube-viewer-overlay{z-index:10001}.youtube-viewer.interactive:not(.active) .youtube-viewer-overlay{opacity:1}@media(max-width:768px){.youtube-activation-hint{padding:16px;max-width:95%}.youtube-hint-icon{font-size:36px;margin-bottom:12px}.youtube-hint-text h3{font-size:18px}.youtube-hint-text p{font-size:14px}.youtube-hint-text small{font-size:12px}.youtube-action-btn{padding:4px 8px;font-size:12px}}@media(prefers-contrast:high){.youtube-viewer.interactive{border-color:red;border-width:3px}.youtube-viewer.active{border-color:red;border-width:4px;box-shadow:0 0 0 3px #ff00004d}.youtube-activation-hint{border:4px solid #ff0000;background:#ff00004d}}.youtube-viewer.simple-mode .youtube-iframe{pointer-events:auto!important;cursor:auto!important}.youtube-mode-indicator{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#10b98133;color:#10b981;border-radius:20px;font-size:.75rem;font-weight:500;margin-left:.5rem}.youtube-simple-mode-hint{position:absolute;bottom:1rem;left:1rem;background:#0009;color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.8rem;pointer-events:none;z-index:5;opacity:.7;transition:opacity .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.youtube-viewer.simple-mode:hover .youtube-simple-mode-hint{opacity:1}.youtube-viewer.simple-mode .youtube-wrapper{width:100%;height:100%;position:relative}@media(max-width:768px){.youtube-simple-mode-hint{bottom:.5rem;left:.5rem;font-size:.7rem;padding:.25rem .75rem}.youtube-mode-indicator{font-size:.7rem;padding:.2rem .5rem}}@media(prefers-color-scheme:dark){.youtube-simple-mode-hint{background:#000c;border-color:#fff3}}.ai-viewer{width:100%;height:100%;background:#1a1a1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;border:2px solid transparent;transition:all .3s ease}.ai-viewer.interactive{border-color:#06b6d480}.ai-viewer.active{border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d433}.ai-viewer.zoomed{border-radius:0;height:100vh;width:100vw}.ai-viewer-header{background:linear-gradient(135deg,#0c4a6e,#155e75);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);z-index:20;position:relative}.ai-status-indicator{display:flex;align-items:center;gap:8px}.ai-active-indicator{color:#06b6d4;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.ai-inactive-indicator{color:#94a3b8;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.ai-active-dot{color:#06b6d4;animation:pulse 2s infinite}.ai-inactive-dot{color:#94a3b8}.ai-header-actions{display:flex;gap:8px;align-items:center}.ai-activate-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;z-index:25;position:relative}.ai-activate-btn:hover{background:linear-gradient(135deg,#0891b2,#0e7490);transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.ai-fullscreen-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;z-index:25;position:relative}.ai-fullscreen-btn:hover{background:#fff3;border-color:#ffffff4d}.ai-content-container{flex:1;position:relative;overflow:hidden}.ai-viewer-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1a1a1ae6;z-index:30}.ai-loading-spinner{width:40px;height:40px;border:3px solid rgba(6,182,212,.3);border-top-color:#06b6d4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.ai-viewer-loading p{color:#94a3b8;font-size:14px;margin:0}.ai-interaction-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#06b6d41a,#0891b21a);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:15;cursor:pointer;transition:all .3s ease;opacity:0;animation:fadeIn .3s ease forwards}.ai-viewer.interactive .ai-interaction-overlay{opacity:1}.ai-viewer.active .ai-interaction-overlay{opacity:0;pointer-events:none}.ai-interaction-overlay:hover{background:linear-gradient(135deg,#06b6d426,#0891b226)}.ai-activation-hint{background:#06b6d433;border:3px solid rgba(6,182,212,.4);border-radius:16px;padding:32px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:90%;animation:float 3s ease-in-out infinite;box-shadow:0 20px 60px #0000004d}.ai-hint-icon{font-size:64px;margin-bottom:20px;animation:bounce 2s infinite}.ai-hint-text h3{color:#fff;font-size:28px;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ai-hint-text p{color:#fff;font-size:18px;font-weight:500;margin:0 0 8px;opacity:.9}.ai-hint-text small{color:#ffffffb3;font-size:14px;display:block;margin-bottom:24px}.ai-hint-instructions{background:#ffffff1a;border-radius:12px;padding:16px;margin-top:20px;text-align:left}.instruction-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px;border-radius:8px;transition:all .3s ease}.instruction-item:hover{background:#ffffff1a}.instruction-item:last-child{margin-bottom:0}.instruction-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:6px}.instruction-item span:last-child{color:#fff;font-size:14px;flex:1}.ai-iframe{width:100%;height:100%;border:none;background:#fff;opacity:1;transition:opacity .3s ease}.ai-viewer.interactive:not(.active) .ai-iframe{opacity:.3}.ai-viewer-footer{background:#000000b3;padding:10px 16px;border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;position:relative}.ai-interaction-status{text-align:center}.ai-status-active,.ai-status-ready,.ai-status-inactive{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px}.ai-status-active{color:#06b6d4}.ai-status-ready{color:#f59e0b}.ai-status-inactive{color:#94a3b8}.status-icon{font-size:16px;display:inline-block;animation:pulse 2s infinite}.deactivate-hint{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;margin-left:10px;transition:all .3s ease}.deactivate-hint:hover{background:#ef44444d;border-color:#ef444480}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(hover:none)and (pointer:coarse){.ai-interaction-overlay{opacity:1!important;background:linear-gradient(135deg,#06b6d433,#0891b233)}.ai-activation-hint{animation:none}}.ai-viewer[data-theme=light]{background:#f8fafc}.ai-viewer[data-theme=light] .ai-viewer-header{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-bottom:1px solid #cbd5e1}.ai-viewer[data-theme=light] .ai-viewer-footer{background:#f1f5f9e6;border-top:1px solid #cbd5e1}.ai-viewer[data-theme=light] .ai-activation-hint{background:#06b6d426;border:3px solid #06b6d4}.ai-viewer[data-theme=light] .ai-hint-text h3,.ai-viewer[data-theme=light] .ai-hint-text p{color:#1e293b}.ai-viewer[data-theme=light] .ai-hint-text small{color:#64748b}.ai-viewer[data-theme=light] .ai-hint-instructions{background:#06b6d40d}.ai-viewer[data-theme=light] .instruction-item span:last-child{color:#334155}.ai-viewer.simple-mode{position:relative;width:100%;height:100%}.ai-viewer.simple-mode .ai-iframe{pointer-events:auto!important;cursor:auto!important}.ai-mode-indicator{position:absolute;top:.75rem;right:.75rem;background:#06b6d433;color:#06b6d4;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(6,182,212,.3);pointer-events:none}.ai-simple-mode-hint{position:absolute;bottom:1rem;left:1rem;background:#0009;color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.8rem;pointer-events:none;z-index:10;opacity:.7;transition:opacity .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.ai-viewer.simple-mode:hover .ai-simple-mode-hint{opacity:1}.ai-viewer.simple-mode .ai-content-container{width:100%;height:100%;position:relative}@media(max-width:768px){.ai-simple-mode-hint{bottom:.5rem;left:.5rem;font-size:.7rem;padding:.25rem .75rem}.ai-mode-indicator{top:.5rem;right:.5rem;font-size:.7rem;padding:.2rem .5rem}}@media(prefers-color-scheme:dark){.ai-simple-mode-hint{background:#000c;border-color:#fff3}.ai-mode-indicator{background:#06b6d426;border-color:#06b6d433}}.ai-viewer.simple-mode .ai-viewer-loading{background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-viewer.simple-mode .ai-interaction-overlay{display:none!important}.ai-viewer{transition:all .3s ease}.ai-viewer.simple-mode{transition:none}.assessment-list-container{height:100%;display:flex;flex-direction:column;background-color:var(--panel-bg, #ffffff);border-radius:8px;overflow:hidden}.assessment-list-container.zoomed{border-radius:0}.assessment-list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--panel-header-bg, #f8f9fa);border-bottom:1px solid var(--border-color, #dee2e6)}.assessment-list-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #333);display:flex;align-items:center;gap:8px}.assessment-count{font-size:12px;color:var(--text-muted, #6c757d);font-weight:400;margin-left:4px}.assessment-list-items{flex:1;overflow-y:auto;padding:8px}.assessment-list-item{display:flex;align-items:center;padding:12px;margin-bottom:8px;background-color:var(--item-bg, #ffffff);border:1px solid var(--border-color, #e9ecef);border-radius:8px;cursor:pointer;transition:all .2s ease}.assessment-list-item:hover{background-color:var(--item-hover-bg, #f8f9fa);border-color:var(--primary-color, #007bff);transform:translate(2px);box-shadow:0 2px 8px #0000001a}.assessment-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:12px}.status-icon{width:24px;height:24px}.status-icon.completed{color:#28a745}.status-icon.pending{color:#ffc107}.status-icon.reviewed{color:#17a2b8}.status-icon.flagged{color:#dc3545}.status-icon.draft{color:#6c757d}.assessment-info{flex:1;min-width:0}.assessment-title{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.student-name{font-size:13px;font-weight:500;color:var(--text-primary, #333);display:flex;align-items:center;gap:4px}.experiment-name{font-size:13px;color:var(--text-secondary, #6c757d);display:flex;align-items:center;gap:4px}.assessment-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-muted, #6c757d);margin-bottom:4px}.patient-info,.assessment-date{display:flex;align-items:center;gap:4px}.assessment-score{display:flex;align-items:center;gap:8px;font-size:12px}.score-label{color:var(--text-muted, #6c757d)}.score-value{font-weight:600;padding:2px 6px;border-radius:4px}.score-value.high{color:#28a745;background-color:#28a7451a}.score-value.medium{color:#ffc107;background-color:#ffc1071a}.score-value.low{color:#dc3545;background-color:#dc35451a}.assessment-status{margin:0 12px}.assessment-actions{display:flex;align-items:center}.assessment-list-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--text-muted, #6c757d)}.assessment-list-loading p{margin-top:12px;font-size:14px}.assessment-list-error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px}.error-message{color:#dc3545;margin-bottom:16px;text-align:center;font-size:14px}.assessment-list-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted, #6c757d);text-align:center}.empty-icon{width:48px;height:48px;margin-bottom:16px;color:var(--text-muted, #6c757d)}.assessment-list-empty p{margin-bottom:8px;font-size:14px}.empty-hint{font-size:12px;margin-bottom:16px}[data-theme=dark] .assessment-list-container{--panel-bg: #2d2d2d;--panel-header-bg: #363636;--border-color: #404040;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #808080;--item-bg: #363636;--item-hover-bg: #404040}@media(max-width:768px){.assessment-list-item{flex-direction:column;align-items:flex-start}.assessment-icon{margin-bottom:8px}.assessment-info{width:100%;margin-bottom:8px}.assessment-status{margin:8px 0;align-self:flex-start}.assessment-actions,.assessment-actions button{width:100%}.assessment-title{flex-direction:column;align-items:flex-start;gap:4px}}.component-assessment-viewer{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);border-radius:8px;overflow:hidden;position:relative}.component-assessment-viewer.zoomed{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;z-index:10000;border-radius:0}[data-theme=dark] .component-assessment-viewer{background:var(--bg-primary-dark, #1a1a1a);color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, #e9ecef);flex-shrink:0}[data-theme=dark] .component-assessment-viewer-header{background:var(--bg-secondary-dark, #2d2d2d);border-bottom-color:var(--border-color-dark, #404040)}.component-assessment-viewer-header-left{flex:1}.component-assessment-viewer-title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.component-assessment-viewer-title h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #333)}[data-theme=dark] .component-assessment-viewer-title h2{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-id{font-size:.85rem;color:var(--text-secondary, #6c757d);font-family:monospace;background:var(--bg-tertiary, #e9ecef);padding:.25rem .5rem;border-radius:4px}[data-theme=dark] .component-assessment-viewer-id{color:var(--text-secondary-dark, #a0a0a0);background:var(--bg-tertiary-dark, #404040)}.component-assessment-viewer-header-actions{display:flex;gap:.5rem;align-items:center}.component-assessment-viewer-patient-name-tag{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.9rem;color:var(--text-secondary, #6c757d)}.component-assessment-viewer-patient-id{margin-left:.25rem;color:var(--text-muted, #94a3b8)}.component-assessment-viewer-admin-badge{display:inline-block;padding:.2rem .5rem;background:#6f42c1;color:#fff;border-radius:4px;font-size:.7rem;font-weight:500;margin-left:.5rem}.component-assessment-viewer-admin-badge-header{display:inline-block;padding:.15rem .4rem;background:#6f42c133;color:#6f42c1;border-radius:4px;font-size:.7rem;font-weight:500;margin-left:.5rem;border:1px solid rgba(111,66,193,.3)}.component-assessment-viewer-admin-note{margin-top:.5rem;color:var(--text-muted, #94a3b8);font-style:italic}.component-assessment-viewer-admin-warning{color:#dc3545;margin-top:.5rem}.component-assessment-viewer-status-icon{font-size:1.25rem}.component-assessment-viewer-status-icon.completed{color:#28a745}.component-assessment-viewer-status-icon.pending{color:#ffc107}.component-assessment-viewer-status-icon.reviewed{color:#17a2b8}.component-assessment-viewer-status-icon.flagged{color:#dc3545}.component-assessment-viewer-status-icon.draft{color:#6c757d}.component-assessment-viewer-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;text-transform:capitalize}.component-assessment-viewer-status-badge.draft{background:#e9ecef;color:#495057}.component-assessment-viewer-status-badge.pending{background:#fff3cd;color:#856404}.component-assessment-viewer-status-badge.reviewed{background:#cce5ff;color:#004085}.component-assessment-viewer-status-badge.completed{background:#d4edda;color:#155724}.component-assessment-viewer-status-badge.flagged{background:#f8d7da;color:#721c24}.component-assessment-viewer-status-badge.default{background:#e9ecef;color:#495057}.component-assessment-viewer-tabs{display:flex;gap:.25rem;padding:0 1.5rem;background:var(--bg-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, #e9ecef);flex-shrink:0;overflow-x:auto;scrollbar-width:thin}[data-theme=dark] .component-assessment-viewer-tabs{background:var(--bg-secondary-dark, #2d2d2d);border-bottom-color:var(--border-color-dark, #404040)}.component-assessment-viewer-tab-btn{padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #6c757d);font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}[data-theme=dark] .component-assessment-viewer-tab-btn{color:var(--text-secondary-dark, #a0a0a0)}.component-assessment-viewer-tab-btn:hover{color:var(--text-primary, #333);background:var(--bg-hover, rgba(0, 0, 0, .02))}[data-theme=dark] .component-assessment-viewer-tab-btn:hover{color:var(--text-primary-dark, #e0e0e0);background:var(--bg-hover-dark, rgba(255, 255, 255, .05))}.component-assessment-viewer-tab-btn.active{color:#007bff;border-bottom-color:#007bff}.component-assessment-viewer-tab-btn svg{font-size:.9rem}.component-assessment-viewer-content{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-primary, #ffffff);position:relative}[data-theme=dark] .component-assessment-viewer-content{background:var(--bg-primary-dark, #1a1a1a)}.component-assessment-viewer-overview-tab{display:flex;flex-direction:column;gap:1.5rem}.component-assessment-viewer-info-card{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:1.25rem;border:1px solid var(--border-color, #e9ecef)}[data-theme=dark] .component-assessment-viewer-info-card{background:var(--bg-secondary-dark, #2d2d2d);border-color:var(--border-color-dark, #404040)}.component-assessment-viewer-info-card h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary, #333);display:flex;align-items:center;gap:.5rem}[data-theme=dark] .component-assessment-viewer-info-card h3{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.component-assessment-viewer-info-item{display:flex;flex-direction:column;gap:.25rem}.component-assessment-viewer-info-label{font-size:.85rem;color:var(--text-secondary, #6c757d);font-weight:500}[data-theme=dark] .component-assessment-viewer-info-label{color:var(--text-secondary-dark, #a0a0a0)}.component-assessment-viewer-info-value{font-size:1rem;color:var(--text-primary, #333);display:flex;align-items:center;gap:.5rem;word-break:break-word}[data-theme=dark] .component-assessment-viewer-info-value{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-scores-summary{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.component-assessment-viewer-score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#007bff,#00d4ff);color:#fff;flex-shrink:0}.component-assessment-viewer-score-percentage{font-size:1.8rem;font-weight:700;line-height:1}.component-assessment-viewer-score-label{font-size:.8rem;opacity:.9}.component-assessment-viewer-score-details{flex:1;min-width:200px}.component-assessment-viewer-score-detail-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color, #e9ecef)}[data-theme=dark] .component-assessment-viewer-score-detail-item{border-bottom-color:var(--border-color-dark, #404040)}.component-assessment-viewer-detail-label{font-weight:500;color:var(--text-secondary, #6c757d)}.component-assessment-viewer-detail-value{font-weight:600;color:var(--text-primary, #333)}[data-theme=dark] .component-assessment-viewer-detail-value{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-score-categories{margin-top:1rem}.component-assessment-viewer-category-score{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.9rem;color:var(--text-secondary, #6c757d)}.component-assessment-viewer-info-card.status-update{background:var(--bg-info-light, #e7f3ff);border-color:#007bff}[data-theme=dark] .component-assessment-viewer-info-card.status-update{background:var(--bg-info-dark, #1a3a4d);border-color:#007bff}.component-assessment-viewer-status-selector{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.component-assessment-viewer-status-select{flex:1;min-width:200px;padding:.5rem;border:1px solid var(--border-color, #e9ecef);border-radius:4px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #333);font-size:.9rem}[data-theme=dark] .component-assessment-viewer-status-select{background:var(--bg-primary-dark, #2d2d2d);border-color:var(--border-color-dark, #404040);color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-status-select:focus{outline:none;border-color:#007bff}.component-assessment-viewer-responses-tab,.component-assessment-viewer-feedback-tab,.component-assessment-viewer-progress-tab,.component-assessment-viewer-metadata-tab{display:flex;flex-direction:column;gap:1.5rem}.component-assessment-viewer-responses-tab h3,.component-assessment-viewer-feedback-tab h3,.component-assessment-viewer-progress-tab h3,.component-assessment-viewer-metadata-tab h3{margin:0;font-size:1.1rem;color:var(--text-primary, #333)}[data-theme=dark] .component-assessment-viewer-responses-tab h3,[data-theme=dark] .component-assessment-viewer-feedback-tab h3,[data-theme=dark] .component-assessment-viewer-progress-tab h3,[data-theme=dark] .component-assessment-viewer-metadata-tab h3{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-responses-list{display:flex;flex-direction:column;gap:1rem}.component-assessment-viewer-response-item{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e9ecef);border-radius:8px;padding:1rem;transition:all .2s ease;cursor:pointer}[data-theme=dark] .component-assessment-viewer-response-item{background:var(--bg-secondary-dark, #2d2d2d);border-color:var(--border-color-dark, #404040)}.component-assessment-viewer-response-item:hover{border-color:#007bff;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.1))}.component-assessment-viewer-response-item.flagged{border-left:4px solid #dc3545}.component-assessment-viewer-response-item.expanded{background:var(--bg-tertiary, #e9ecef)}[data-theme=dark] .component-assessment-viewer-response-item.expanded{background:var(--bg-tertiary-dark, #404040)}.component-assessment-viewer-response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.component-assessment-viewer-response-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.component-assessment-viewer-response-number{font-weight:600;color:var(--text-primary, #333)}[data-theme=dark] .component-assessment-viewer-response-number{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-response-preview{color:var(--text-secondary, #6c757d);font-size:.9rem;margin-bottom:.5rem;word-break:break-word}[data-theme=dark] .component-assessment-viewer-response-preview{color:var(--text-secondary-dark, #a0a0a0)}.component-assessment-viewer-response-preview pre{margin:0;font-family:monospace;white-space:pre-wrap;word-wrap:break-word}.component-assessment-viewer-response-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e9ecef)}[data-theme=dark] .component-assessment-viewer-response-details{border-top-color:var(--border-color-dark, #404040)}.component-assessment-viewer-detail-section{margin-bottom:1rem}.component-assessment-viewer-detail-section h4{margin:0 0 .5rem;font-size:.95rem;color:var(--text-primary, #333)}[data-theme=dark] .component-assessment-viewer-detail-section h4{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-full-answer{background:var(--bg-primary, #ffffff);padding:1rem;border-radius:4px;border:1px solid var(--border-color, #e9ecef);max-height:300px;overflow-y:auto}[data-theme=dark] .component-assessment-viewer-full-answer{background:var(--bg-primary-dark, #1a1a1a);border-color:var(--border-color-dark, #404040)}.component-assessment-viewer-full-answer pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:monospace}.component-assessment-viewer-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;background:var(--bg-primary, #ffffff);padding:.75rem;border-radius:4px;border:1px solid var(--border-color, #e9ecef)}[data-theme=dark] .component-assessment-viewer-meta-grid{background:var(--bg-primary-dark, #1a1a1a);border-color:var(--border-color-dark, #404040)}.component-assessment-viewer-meta-item{display:flex;flex-direction:column;gap:.25rem}.component-assessment-viewer-meta-label{font-size:.8rem;color:var(--text-secondary, #6c757d)}[data-theme=dark] .component-assessment-viewer-meta-label{color:var(--text-secondary-dark, #a0a0a0)}.component-assessment-viewer-user-agent{font-size:.8rem;color:var(--text-muted, #94a3b8);word-break:break-word}.component-assessment-viewer-feedback-section{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e9ecef);border-radius:8px;padding:1.5rem}[data-theme=dark] .component-assessment-viewer-feedback-section{background:var(--bg-secondary-dark, #2d2d2d);border-color:var(--border-color-dark, #404040)}.component-assessment-viewer-feedback-textarea{width:100%;padding:1rem;border:1px solid var(--border-color, #e9ecef);border-radius:6px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #333);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical;margin-bottom:1rem}[data-theme=dark] .component-assessment-viewer-feedback-textarea{background:var(--bg-primary-dark, #1a1a1a);border-color:var(--border-color-dark, #404040);color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-feedback-textarea:focus{outline:none;border-color:#007bff}.component-assessment-viewer-feedback-actions{display:flex;justify-content:flex-end;gap:.5rem}.component-assessment-viewer-feedback-display{background:var(--bg-tertiary, #e9ecef);padding:1rem;border-radius:6px;margin-bottom:1rem}[data-theme=dark] .component-assessment-viewer-feedback-display{background:var(--bg-tertiary-dark, #404040)}.component-assessment-viewer-feedback-display p{margin:0;line-height:1.6;color:var(--text-primary, #333);white-space:pre-wrap}[data-theme=dark] .component-assessment-viewer-feedback-display p{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-no-feedback{color:var(--text-secondary, #6c757d);font-style:italic}[data-theme=dark] .component-assessment-viewer-no-feedback{color:var(--text-secondary-dark, #a0a0a0)}.component-assessment-viewer-edit-feedback-btn{width:fit-content}.component-assessment-viewer-progress-card{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e9ecef);border-radius:8px;padding:1.5rem}[data-theme=dark] .component-assessment-viewer-progress-card{background:var(--bg-secondary-dark, #2d2d2d);border-color:var(--border-color-dark, #404040)}.component-assessment-viewer-progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.component-assessment-viewer-stat-item{display:flex;flex-direction:column;gap:.25rem}.component-assessment-viewer-stat-label{font-size:.85rem;color:var(--text-secondary, #6c757d)}[data-theme=dark] .component-assessment-viewer-stat-label{color:var(--text-secondary-dark, #a0a0a0)}.component-assessment-viewer-stat-value{font-size:1.1rem;font-weight:600;color:var(--text-primary, #333)}[data-theme=dark] .component-assessment-viewer-stat-value{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-progress-bar-container{margin:1.5rem 0}.component-assessment-viewer-progress-bar-header{display:flex;justify-content:space-between;margin-bottom:.5rem;color:var(--text-secondary, #6c757d);font-size:.9rem}.component-assessment-viewer-progress-bar{height:8px;background:var(--bg-tertiary, #e9ecef);border-radius:4px;overflow:hidden}[data-theme=dark] .component-assessment-viewer-progress-bar{background:var(--bg-tertiary-dark, #404040)}.component-assessment-viewer-progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#00d4ff);transition:width .3s ease}.component-assessment-viewer-response-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e9ecef)}[data-theme=dark] .component-assessment-viewer-response-stats{border-top-color:var(--border-color-dark, #404040)}.component-assessment-viewer-response-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.component-assessment-viewer-response-stat .component-assessment-viewer-stat-value.flagged-count{color:#dc3545}.component-assessment-viewer-metadata-card{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e9ecef);border-radius:8px;padding:1.5rem}[data-theme=dark] .component-assessment-viewer-metadata-card{background:var(--bg-secondary-dark, #2d2d2d);border-color:var(--border-color-dark, #404040)}.component-assessment-viewer-metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.component-assessment-viewer-metadata-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-tertiary, #e9ecef);border-radius:6px}[data-theme=dark] .component-assessment-viewer-metadata-item{background:var(--bg-tertiary-dark, #404040)}.component-assessment-viewer-metadata-label{font-size:.8rem;color:var(--text-secondary, #6c757d)}[data-theme=dark] .component-assessment-viewer-metadata-label{color:var(--text-secondary-dark, #a0a0a0)}.component-assessment-viewer-metadata-value{font-size:.95rem;color:var(--text-primary, #333);word-break:break-word;font-family:monospace}[data-theme=dark] .component-assessment-viewer-metadata-value{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-audit-log-section{margin-top:1.5rem}.component-assessment-viewer-audit-log-section h4{margin:0 0 1rem;color:var(--text-primary, #333)}[data-theme=dark] .component-assessment-viewer-audit-log-section h4{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-audit-log-list{display:flex;flex-direction:column;gap:.75rem}.component-assessment-viewer-audit-log-item{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e9ecef);border-radius:6px;padding:.75rem}[data-theme=dark] .component-assessment-viewer-audit-log-item{background:var(--bg-secondary-dark, #2d2d2d);border-color:var(--border-color-dark, #404040)}.component-assessment-viewer-audit-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.component-assessment-viewer-audit-log-action{font-weight:600;color:var(--text-primary, #333);text-transform:capitalize}[data-theme=dark] .component-assessment-viewer-audit-log-action{color:var(--text-primary-dark, #e0e0e0)}.component-assessment-viewer-audit-log-time{font-size:.8rem;color:var(--text-secondary, #6c757d)}.component-assessment-viewer-audit-log-details{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-secondary, #6c757d)}.component-assessment-viewer-audit-log-details-text{word-break:break-word}.component-assessment-viewer-no-data{text-align:center;padding:2rem;color:var(--text-secondary, #6c757d);font-style:italic;background:var(--bg-secondary, #f8f9fa);border-radius:8px}[data-theme=dark] .component-assessment-viewer-no-data{background:var(--bg-secondary-dark, #2d2d2d);color:var(--text-secondary-dark, #a0a0a0)}.component-assessment-viewer-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary, #ffffff);z-index:10}[data-theme=dark] .component-assessment-viewer-loading{background:var(--bg-primary-dark, #1a1a1a)}.component-assessment-viewer-loading p{margin-top:1rem;color:var(--text-secondary, #6c757d)}[data-theme=dark] .component-assessment-viewer-loading p{color:var(--text-secondary-dark, #a0a0a0)}.component-assessment-viewer-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg-primary, #ffffff);z-index:10}[data-theme=dark] .component-assessment-viewer-error{background:var(--bg-primary-dark, #1a1a1a)}.component-assessment-viewer-error-message{color:#dc3545;text-align:center;margin-bottom:1rem}.component-assessment-viewer-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg-primary, #ffffff);z-index:10}[data-theme=dark] .component-assessment-viewer-empty{background:var(--bg-primary-dark, #1a1a1a)}.component-assessment-viewer-empty-icon{font-size:3rem;color:var(--text-secondary, #6c757d);opacity:.5}[data-theme=dark] .component-assessment-viewer-empty-icon{color:var(--text-secondary-dark, #a0a0a0)}.component-assessment-viewer-confirm-modal-content{padding:1rem 0}.component-assessment-viewer-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.component-assessment-viewer-interaction-overlay{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;animation:component-assessment-viewer-overlayFadeIn .3s ease}@keyframes component-assessment-viewer-overlayFadeIn{0%{opacity:0}to{opacity:1}}.component-assessment-viewer-activation-hint{background:#fff;padding:2rem;border-radius:12px;text-align:center;max-width:300px;box-shadow:0 10px 30px #0003;transform:translateY(0);animation:component-assessment-viewer-hintFloat 3s ease-in-out infinite}@keyframes component-assessment-viewer-hintFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.component-assessment-viewer-hint-icon{font-size:3rem;color:#007bff;margin-bottom:1rem}.component-assessment-viewer-hint-text h3{margin:0 0 .5rem;color:#333;font-size:1.2rem}.component-assessment-viewer-hint-text p{margin:0 0 .5rem;color:#666;font-size:.9rem}.component-assessment-viewer-hint-text small{color:#999;font-size:.8rem}[data-theme=dark] .component-assessment-viewer-activation-hint{background:#2d2d2d}[data-theme=dark] .component-assessment-viewer-hint-text h3{color:#e0e0e0}[data-theme=dark] .component-assessment-viewer-hint-text p{color:#a0a0a0}.component-assessment-viewer:not(.active):hover{box-shadow:0 0 0 2px #007bff}.component-assessment-viewer.interactive{box-shadow:0 0 0 2px #28a745}.component-assessment-viewer.active{box-shadow:0 0 0 2px #007bff}.component-assessment-viewer:not(.active) .component-assessment-viewer-tab-btn:not(.active){opacity:.6;cursor:not-allowed}.component-assessment-viewer:not(.active) .component-assessment-viewer-tab-btn.active{cursor:default}.component-assessment-viewer:not(.active) .component-assessment-viewer-info-card{opacity:.9}.component-assessment-viewer.simple-mode{position:relative;width:100%;height:100%}.component-assessment-viewer.simple-mode .component-assessment-viewer-content,.component-assessment-viewer.simple-mode .component-assessment-viewer-tab-btn,.component-assessment-viewer.simple-mode .component-assessment-viewer-status-select,.component-assessment-viewer.simple-mode button,.component-assessment-viewer.simple-mode .component-assessment-viewer-response-item{pointer-events:auto!important;cursor:auto!important}.component-assessment-viewer-mode-indicator{display:inline-flex;align-items:center;padding:.2rem .6rem;margin-left:.5rem;background:#6366f126;color:#6366f1;border-radius:20px;font-size:.7rem;font-weight:500;border:1px solid rgba(99,102,241,.3)}.component-assessment-viewer-simple-mode-hint{position:absolute;bottom:1rem;right:1rem;background:#0009;color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.8rem;pointer-events:none;z-index:20;opacity:.7;transition:opacity .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.component-assessment-viewer.simple-mode:hover .component-assessment-viewer-simple-mode-hint{opacity:1}.component-assessment-viewer.simple-mode .component-assessment-viewer-interaction-overlay{display:none!important}.component-assessment-viewer-loading.simple-mode{background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.component-assessment-viewer-close-btn{margin-left:.5rem}@media(max-width:768px){.component-assessment-viewer-header{padding:.75rem;flex-direction:column;gap:.5rem;align-items:flex-start}.component-assessment-viewer-header-actions{width:100%;justify-content:flex-end}.component-assessment-viewer-tabs{padding:0 .75rem;overflow-x:auto}.component-assessment-viewer-tab-btn{padding:.5rem .75rem;white-space:nowrap}.component-assessment-viewer-content{padding:.75rem}.component-assessment-viewer-info-grid{grid-template-columns:1fr}.component-assessment-viewer-status-selector{flex-direction:column}.component-assessment-viewer-status-select{width:100%}.component-assessment-viewer-scores-summary{flex-direction:column;align-items:flex-start}.component-assessment-viewer-score-circle{width:80px;height:80px}.component-assessment-viewer-score-percentage{font-size:1.4rem}.component-assessment-viewer-response-stats{grid-template-columns:1fr}.component-assessment-viewer-simple-mode-hint{bottom:.5rem;right:.5rem;font-size:.7rem;padding:.25rem .75rem}.component-assessment-viewer-mode-indicator{font-size:.65rem;padding:.15rem .4rem}}@media(max-width:480px){.component-assessment-viewer-title{flex-direction:column;align-items:flex-start;gap:.5rem}.component-assessment-viewer-title h2{font-size:1.1rem}.component-assessment-viewer-meta-grid,.component-assessment-viewer-metadata-grid,.component-assessment-viewer-progress-stats{grid-template-columns:1fr}}@media print{.component-assessment-viewer-header,.component-assessment-viewer-tabs,.component-assessment-viewer-header-actions,.component-assessment-viewer-info-card.status-update,.component-assessment-viewer-close-btn,.component-assessment-viewer-simple-mode-hint,.component-assessment-viewer-interaction-overlay{display:none!important}.component-assessment-viewer{position:static!important;overflow:visible!important}.component-assessment-viewer-content{overflow:visible!important;padding:0!important}.component-assessment-viewer-info-card{break-inside:avoid;border:1px solid #000!important}}@media(prefers-color-scheme:dark){.component-assessment-viewer-simple-mode-hint{background:#000c;border-color:#fff3}.component-assessment-viewer-mode-indicator{background:#6366f11a;border-color:#6366f133}.component-assessment-viewer-admin-badge-header{background:#6f42c133;color:#a78bfa}}.notes-viewer{width:100%;height:100%;background:var(--bg-primary, #1a1a2e);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;position:relative;border:2px solid transparent;transition:all .3s ease}.notes-viewer.active{border-color:#10b981}.notes-viewer.zoomed{border-radius:0}.notes-viewer-header{padding:12px 16px;background:var(--bg-secondary, #16213e);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #0f3460)}.notes-viewer-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.header-badge{background:var(--accent, #10b981);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px}.notes-viewer-content{flex:1;display:flex;overflow:hidden;position:relative}.notes-sidebar{width:250px;background:var(--bg-secondary, #16213e);border-right:1px solid var(--border-color, #0f3460);display:flex;flex-direction:column;transition:transform .3s ease}.notes-sidebar.hidden{transform:translate(-100%);position:absolute;z-index:10;height:100%}.sidebar-header{padding:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #0f3460)}.sidebar-header h3{margin:0;font-size:14px;color:var(--text-primary, #fff)}.close-sidebar{display:none}.sidebar-search{padding:12px;position:relative}.sidebar-search .search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #888);font-size:12px}.sidebar-search input{width:100%;padding:8px 8px 8px 32px;background:var(--bg-primary, #1a1a2e);border:1px solid var(--border-color, #0f3460);border-radius:4px;color:var(--text-primary, #fff);font-size:13px}.sidebar-search input:focus{outline:none;border-color:#10b981}.notes-list{flex:1;overflow-y:auto;padding:8px}.note-item{padding:10px;border-radius:4px;margin-bottom:4px;cursor:pointer;background:var(--bg-primary, #1a1a2e);border:1px solid transparent;transition:all .2s ease}.note-item:hover{border-color:#10b981;background:var(--hover-bg, #1e1e3f)}.note-item.active{border-color:#10b981;background:#10b9811a}.note-item-title{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-weight:500;color:var(--text-primary, #fff);font-size:13px}.pinned-icon{color:#f59e0b;font-size:11px}.note-item-date{color:var(--text-secondary, #888);font-size:10px;margin-bottom:4px}.note-item-preview{color:var(--text-secondary, #888);font-size:11px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.sidebar-footer{padding:12px;border-top:1px solid var(--border-color, #0f3460)}.notes-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary, #1a1a2e)}.notes-toolbar{padding:8px 12px;background:var(--bg-secondary, #16213e);border-bottom:1px solid var(--border-color, #0f3460);display:flex;justify-content:space-between;align-items:center;gap:8px}.toolbar-left,.toolbar-right{display:flex;gap:4px;align-items:center}.toolbar-center{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--text-secondary, #888);font-size:11px}.last-saved{color:#10b981}.toggle-sidebar{display:none}.editor-container{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:16px}.note-title-input{width:100%;padding:8px 0;font-size:20px;font-weight:600;background:transparent;border:none;border-bottom:2px solid var(--border-color, #0f3460);color:var(--text-primary, #fff);margin-bottom:16px}.note-title-input:focus{outline:none;border-bottom-color:#10b981}.editor-toolbar{display:flex;gap:4px;padding:8px 0;border-bottom:1px solid var(--border-color, #0f3460);margin-bottom:12px}.editor-toolbar .toolbar-btn{padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary, #888);cursor:pointer;font-size:14px}.editor-toolbar .toolbar-btn:hover{background:var(--hover-bg, #1e1e3f);color:var(--text-primary, #fff);border-color:var(--border-color, #0f3460)}.divider{width:1px;height:20px;background:var(--border-color, #0f3460);margin:0 8px}.note-content-input{flex:1;padding:12px;background:var(--bg-secondary, #16213e);border:1px solid var(--border-color, #0f3460);border-radius:4px;color:var(--text-primary, #fff);font-size:14px;line-height:1.6;resize:none;font-family:inherit}.note-content-input:focus{outline:none;border-color:#10b981}.editor-footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.tag-input-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1}.tag-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#10b9811a;border:1px solid #10b981;border-radius:12px;color:#10b981;font-size:11px}.tag-badge button{background:transparent;border:none;color:#10b981;cursor:pointer;padding:2px;display:flex;align-items:center;font-size:10px}.tag-input{padding:4px 8px;background:transparent;border:1px solid var(--border-color, #0f3460);border-radius:12px;color:var(--text-primary, #fff);font-size:11px;min-width:80px}.tag-input:focus{outline:none;border-color:#10b981}.word-count{color:var(--text-secondary, #888);font-size:11px;white-space:nowrap;margin-left:12px}.no-note-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.empty-icon{font-size:48px;color:var(--text-secondary, #888);opacity:.5;margin-bottom:16px}.no-note-selected p{color:var(--text-secondary, #888);font-size:14px;margin:0 0 16px}.notes-interaction-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:100;cursor:pointer;animation:fadeIn .2s ease}.notes-viewer.active .notes-interaction-overlay{display:none}.notes-activation-hint{background:var(--bg-secondary, #16213e);padding:16px 24px;border-radius:8px;text-align:center;border:2px solid #10b981;display:flex;align-items:center;gap:16px}.notes-hint-icon{font-size:32px}.notes-hint-text h3{margin:0 0 4px;color:var(--text-primary, #fff);font-size:16px}.notes-hint-text p{margin:0;color:var(--text-secondary, #888);font-size:13px}.notes-viewer-loading{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.notes-viewer-loading p{color:var(--text-secondary, #888);margin:0}.delete-modal-content{padding:16px;text-align:center}.warning-text{color:#ef4444;font-size:12px;margin-top:4px}.modal-actions{display:flex;gap:8px;justify-content:center;margin-top:20px}@media(max-width:768px){.notes-sidebar{position:absolute;height:100%;z-index:20;box-shadow:2px 0 8px #0003}.notes-sidebar:not(.hidden){transform:translate(0)}.close-sidebar,.toggle-sidebar{display:block}.notes-toolbar{flex-wrap:wrap}.toolbar-center{order:3;width:100%;margin-top:4px}.editor-container{padding:12px}.note-title-input{font-size:18px}}.notes-viewer.simple-mode{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.notes-viewer.simple-mode .notes-viewer-content{pointer-events:auto!important}.notes-viewer.simple-mode .note-title-input,.notes-viewer.simple-mode .note-content-input,.notes-viewer.simple-mode .tag-input,.notes-viewer.simple-mode .sidebar-search input,.notes-viewer.simple-mode .toolbar-btn,.notes-viewer.simple-mode .note-item{pointer-events:auto!important;cursor:auto!important}.notes-mode-indicator{display:inline-flex;align-items:center;padding:.2rem .6rem;margin-left:.5rem;background:#10b98126;color:#10b981;border-radius:20px;font-size:.7rem;font-weight:500;border:1px solid rgba(16,185,129,.3)}.notes-viewer.simple-mode:hover .notes-simple-mode-hint{opacity:1}.notes-viewer.simple-mode .notes-viewer-content{flex:1;min-height:0}@media(max-width:768px){.notes-simple-mode-hint{bottom:.5rem;right:.5rem;font-size:.7rem;padding:.25rem .75rem}.notes-mode-indicator{font-size:.65rem;padding:.15rem .4rem}}@media(prefers-color-scheme:dark){.notes-simple-mode-hint{background:#000c;border-color:#fff3}.notes-mode-indicator{background:#10b9811a;border-color:#10b98133}}.notes-viewer-loading.simple-mode{background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.notes-viewer.simple-mode .notes-interaction-overlay{display:none!important}.notes-viewer{transition:all .3s ease}.notes-viewer.simple-mode{transition:none}.notes-viewer.simple-mode input:focus,.notes-viewer.simple-mode textarea:focus,.notes-viewer.simple-mode button:focus{outline:2px solid #10b981;outline-offset:2px}@media(max-width:768px){.notes-viewer.simple-mode .toolbar-btn,.notes-viewer.simple-mode .note-item,.notes-viewer.simple-mode button{min-height:44px;min-width:44px}}.unsaved-indicator{display:inline-flex;align-items:center;color:#f59e0b;font-size:.75rem;margin-right:.5rem}.unsaved-indicator:before{content:"";display:inline-block;width:8px;height:8px;background-color:#f59e0b;border-radius:50%;margin-right:.25rem;animation:pulse 2s infinite}.notes-simple-mode-hint{position:absolute;bottom:1rem;right:1rem;background:#0009;color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.8rem;pointer-events:none;z-index:20;opacity:.7;transition:opacity .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.notes-viewer:hover .notes-simple-mode-hint{opacity:1}.experiment-switcher-overlay{position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100000;animation:fadeIn .2s ease}.experiment-switcher-modal{width:90%;max-width:900px;max-height:80vh;background:var(--bg-color, #1e1e2e);border-radius:16px;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .experiment-switcher-modal{--bg-color: #ffffff;--text-color: #1a1a2e;--border-color: #e2e8f0;--hover-bg: #f7fafc;--meta-color: #4a5568}[data-theme=dark] .experiment-switcher-modal{--bg-color: #1e1e2e;--text-color: #ffffff;--border-color: #2d2d3a;--hover-bg: #2a2a3a;--meta-color: #a0aec0}.switcher-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-color)}.header-title{display:flex;align-items:center;gap:12px}.header-title h2{margin:0;font-size:1.4rem;font-weight:600;color:var(--text-color)}.role-icon{font-size:1.3rem}.role-icon.student{color:#00d4aa}.role-icon.faculty{color:#6366f1}.role-icon.admin{color:#f59e0b}.close-btn{background:none;border:none;color:var(--meta-color);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:var(--text-color)}.switcher-search{position:relative;padding:16px 24px;border-bottom:1px solid var(--border-color)}.search-icon{position:absolute;left:36px;top:50%;transform:translateY(-50%);color:var(--meta-color);font-size:.9rem}.switcher-search input{width:100%;padding:12px 16px 12px 44px;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:12px;font-size:1rem;color:var(--text-color);outline:none;transition:all .2s ease}.switcher-search input:focus{border-color:var(--role-color);box-shadow:0 0 0 3px #6366f11a}.switcher-search input::placeholder{color:var(--meta-color);opacity:.6}.clear-search{position:absolute;right:36px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--meta-color);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.clear-search:hover{color:var(--text-color)}.switcher-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-color);gap:16px;flex-wrap:wrap}.filter-group,.sort-group{display:flex;align-items:center;gap:8px}.control-icon{color:var(--meta-color);font-size:.9rem}.filter-select,.sort-select{padding:6px 12px;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:.9rem;cursor:pointer;outline:none}.filter-select:hover,.sort-select:hover{border-color:var(--role-color)}.sort-order-btn{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--meta-color);cursor:pointer;padding:6px 10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sort-order-btn:hover{color:var(--text-color);border-color:var(--role-color)}.view-toggle{display:flex;gap:4px;background:var(--hover-bg);border-radius:8px;padding:2px}.view-btn{background:none;border:none;color:var(--meta-color);cursor:pointer;padding:6px 12px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.view-btn.active{background:var(--role-color);color:#fff}.switcher-content{flex:1;overflow-y:auto;padding:24px;background:var(--bg-color)}.switcher-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--meta-color)}.switcher-loading p{margin-top:16px;font-size:.95rem}.switcher-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center;color:var(--meta-color)}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.switcher-empty h3{margin:0 0 8px;color:var(--text-color)}.switcher-empty p{margin:0;font-size:.95rem}.experiments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.experiments-grid .experiment-item{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column}.experiments-grid .experiment-item:hover{transform:translateY(-2px);border-color:var(--role-color);box-shadow:0 8px 16px #0003}.experiments-grid .experiment-item.current{border-color:var(--role-color);background:linear-gradient(135deg,var(--hover-bg),rgba(99,102,241,.1))}.experiments-list{display:flex;flex-direction:column;gap:8px}.experiments-list .experiment-item{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:16px}.experiments-list .experiment-item:hover{background:var(--hover-bg);border-color:var(--role-color);transform:translate(4px)}.experiments-list .experiment-item.current{border-color:var(--role-color);background:linear-gradient(90deg,var(--hover-bg),rgba(99,102,241,.1))}.experiment-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.experiments-list .experiment-icon{width:40px;height:40px;font-size:1.2rem}.experiment-info{flex:1;min-width:0}.experiment-name{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.experiment-name h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.experiments-grid .experiment-name h3{font-size:1.1rem}.experiment-meta{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--meta-color);margin-bottom:8px;flex-wrap:wrap}.experiment-meta span{display:flex;align-items:center;gap:4px}.experiment-description{margin:8px 0 0;font-size:.9rem;color:var(--meta-color);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.experiment-progress{margin-top:10px;display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--meta-color);min-width:45px}.experiment-tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.tag{background:#6366f11a;color:var(--role-color);padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:500}.switch-btn{background:none;border:none;color:var(--meta-color);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.experiment-item:hover .switch-btn{opacity:1}.switch-btn:hover{color:var(--role-color);background:#6366f11a}.experiments-grid .switch-btn{position:absolute;top:12px;right:12px}.switcher-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-color);font-size:.85rem;color:var(--meta-color)}.footer-stats{display:flex;gap:16px}.footer-stats span{display:flex;align-items:center;gap:6px}.footer-hint kbd{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:.75rem;font-family:monospace}.switcher-content::-webkit-scrollbar{width:8px}.switcher-content::-webkit-scrollbar-track{background:var(--hover-bg)}.switcher-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.switcher-content::-webkit-scrollbar-thumb:hover{background:var(--meta-color)}@media(max-width:768px){.experiment-switcher-modal{width:95%;max-height:90vh}.switcher-controls{flex-direction:column;align-items:stretch}.filter-group,.sort-group{width:100%}.filter-select,.sort-select{flex:1}.experiments-grid{grid-template-columns:1fr}.footer-stats{flex-direction:column;gap:4px}}.experiment-canvas-page{height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;background:#0f172a;position:relative}.experiment-canvas-page.full-canvas-mode{background:#0f172a}.full-canvas-mode .canvas-workspace,.full-canvas-mode .canvas-container{top:0;height:100vh}.canvas-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fffffff2;border-bottom:1px solid #e9ecef;z-index:100;position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1);transform:translateY(0);opacity:1;top:0}.canvas-header.hidden{transform:translateY(-100%);opacity:0;pointer-events:none;position:absolute;top:-80px}.canvas-header.hidden~.canvas-workspace{height:100vh}.header-left{display:flex;align-items:center;gap:1rem;position:absolute}.title-container{width:200px;overflow:hidden;white-space:nowrap;position:relative}.scrolling-title{display:inline-block;padding-left:100%;animation:scrollText 10s linear infinite}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-100%)}}.experiment-title h1{margin:0;font-size:1.25rem;color:#343a40}.experiment-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.header-center{flex:1;display:flex;justify-content:center}.zoom-controls-header{display:flex;align-items:center;gap:.5rem;background:#6c757d1a;padding:.25rem .75rem;border-radius:20px}.zoom-display-header{min-width:80px;text-align:center;font-weight:600;color:#343a40;font-size:.875rem}.header-actions{display:flex;gap:.5rem}.canvas-workspace{display:flex;flex:1;overflow:hidden;position:relative;transition:height .5s cubic-bezier(.4,0,.2,1)}.canvas-sidebar{width:300px;background:#fff;border-right:1px solid #e9ecef;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),left .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:10;transform:translate(0);opacity:1;position:relative;left:0}.canvas-sidebar.closed{transform:translate(-100%);opacity:0;width:0}.canvas-sidebar.hidden{transform:translate(-100%);opacity:0;pointer-events:none;position:absolute;left:-300px}.canvas-sidebar.closed.hidden{transform:translate(-100%)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.sidebar-header h3{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#343a40}.sidebar-toggle{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#6c757d;padding:.25rem}.sidebar-content{flex:1;overflow-y:auto;padding:1rem}.canvas-container{flex:1;position:relative;overflow:hidden;background:#1e293b;cursor:grab;transform-origin:0 0;min-width:100%;min-height:100%;transition:height .5s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canvas-container.is-panning{cursor:grabbing!important}.canvas-container.is-panning *{pointer-events:none!important}.canvas-container.is-panning .canvas-panel:not(.is-dragging){pointer-events:none!important}.canvas-grid{position:absolute;inset:-5000px;background-image:linear-gradient(to right,#334155 1px,transparent 1px),linear-gradient(to bottom,#334155 1px,transparent 1px);background-size:50px 50px;opacity:.3;pointer-events:none;transform-origin:0 0;will-change:transform}.canvas-grid:before{content:"";position:absolute;inset:-5000px;background-image:linear-gradient(to right,#475569 2px,transparent 2px),linear-gradient(to bottom,#475569 2px,transparent 2px);background-size:250px 250px;opacity:.5;pointer-events:none}.panels-container{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;width:100%;height:100%;pointer-events:none}.canvas-panel{position:absolute;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;overflow:hidden;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease,transform .1s ease-out;will-change:transform,left,top,width,height;pointer-events:auto;touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.canvas-panel.is-dragging{transition:none!important;z-index:10000!important;cursor:grabbing!important;box-shadow:0 8px 40px #2196f366!important}.canvas-panel.drag-preview{opacity:.8;box-shadow:0 8px 32px #2196f34d;transform:rotate(1deg)}.canvas-panel:hover{box-shadow:0 6px 30px #0006}.canvas-panel.selected{box-shadow:0 0 0 2px #2196f3,0 6px 30px #0006;z-index:100}.canvas-panel.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:10000!important;box-shadow:none;border-radius:0}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffffe6;border-bottom:2px solid;cursor:grab;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .2s ease}.panel-header:active{cursor:grabbing;background:#2196f31a}.canvas-panel.is-dragging .panel-header{cursor:grabbing!important;background:#2196f326}.panel-header-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.drag-handle{cursor:grab;color:#adb5bd;opacity:.5;transition:opacity .2s,transform .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.drag-handle:hover{opacity:1;transform:scale(1.1)}.canvas-panel.is-dragging .drag-handle{color:#2196f3;opacity:1}.panel-title{font-weight:600;color:#343a40;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;flex:1}.panel-header-right{display:flex;gap:.25rem;flex-shrink:0}.panel-action-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:#6c757d;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.panel-action-btn:hover{background:#0000000d;color:#343a40}.panel-action-btn.danger{color:#ef4444}.panel-action-btn.danger:hover{background:#ef44441a}.panel-body{flex:1;overflow:hidden;position:relative;transform-origin:0 0;pointer-events:auto}.panel-content{height:100%;display:flex;flex-direction:column;overflow:hidden}.panel-content.simulation iframe,.panel-content.video iframe,.panel-content.manual object{pointer-events:auto}.canvas-panel.is-dragging .panel-content.simulation iframe,.canvas-panel.is-dragging .panel-content.video iframe,.canvas-panel.is-dragging .panel-content.manual object{pointer-events:none!important}.resize-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #2196F3;border-radius:2px;z-index:1000;transition:all .2s;pointer-events:auto;opacity:1}.canvas-panel.is-dragging .resize-handle{opacity:0;pointer-events:none}.resize-handle:hover{background:#2196f3;transform:scale(1.2)}.resize-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.resize-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.resize-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}.resize-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}.canvas-panel.is-resizing .resize-handle{opacity:0}.canvas-container,.canvas-grid,.panels-container{transition:transform .1s cubic-bezier(.2,0,.2,1)}@media(hover:none)and (pointer:coarse){.panel-header{padding:.75rem 1rem;min-height:44px}.drag-handle{width:28px;height:28px}.resize-handle{width:24px;height:24px}.panel-action-btn{padding:.5rem;min-width:44px;min-height:44px}.canvas-panel{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}}@keyframes panel-enter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.canvas-panel{animation:panel-enter .3s cubic-bezier(.4,0,.2,1)}@keyframes drag-feedback{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.canvas-panel.drag-feedback{animation:drag-feedback .3s ease}.canvas-panel.snap-to-grid{transition:top .15s ease-out,left .15s ease-out}.canvas-panel{z-index:1}.canvas-panel.selected{z-index:2}.canvas-panel.is-dragging{z-index:10000}.canvas-panel.is-resizing{z-index:9999}.drag-overlay{position:fixed;inset:0;background:#2196f30d;pointer-events:none;z-index:9998;opacity:0;transition:opacity .2s}.drag-overlay.active{opacity:1}.sidebar-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e9ecef}.sidebar-section h4{margin:0 0 .75rem;color:#495057;font-size:.875rem;font-weight:600}.zoom-controls-sidebar{margin-bottom:1rem}.zoom-display{text-align:center;margin-bottom:.5rem;padding:.5rem;background:#f8f9fa;border-radius:6px;font-weight:600}.zoom-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.panel-templates{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.panel-template{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;background:#f8f9fa;border:2px dashed;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.panel-template:hover{background:#e9ecef;transform:translateY(-2px)}.template-icon{font-size:1.5rem;margin-bottom:.5rem}.template-label{font-size:.75rem;font-weight:500;color:#495057}.canvas-overlay{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;pointer-events:none;transition:opacity .3s ease;z-index:50;opacity:1!important}.canvas-stats{display:flex;gap:1rem;background:#ffffffe6;padding:.5rem 1rem;border-radius:20px;box-shadow:0 2px 10px #0000001a;font-size:.875rem;color:#6c757d;pointer-events:auto}.zoom-indicator{display:flex;align-items:center;gap:.5rem;background:#ffffffe6;padding:.25rem .5rem;border-radius:20px;box-shadow:0 2px 10px #0000001a;pointer-events:auto}.zoom-level{min-width:50px;text-align:center;font-weight:600}.floating-actions{position:fixed;right:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:100;background:#fffffff2;padding:.5rem;border-radius:20px;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .3s ease,transform .3s ease;opacity:1!important;pointer-events:auto!important}.floating-actions.hidden{opacity:0;transform:translateY(-50%) translate(20px);pointer-events:none}.floating-action-btn{width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:#343a40;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.floating-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:#f8f9fa}.keyboard-hint{position:fixed;bottom:1rem;right:1rem;background:#fffffff2;padding:.75rem 1rem;border-radius:8px;box-shadow:0 4px 20px #00000026;font-size:.75rem;color:#6c757d;z-index:1000;opacity:1!important;transition:opacity .3s ease;pointer-events:auto!important}.keyboard-hint.hidden{opacity:0;pointer-events:none}.mini-map{position:absolute;bottom:1rem;right:1rem;width:200px;height:150px;background:#000c;border:2px solid #475569;border-radius:8px;overflow:hidden;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1!important;pointer-events:auto!important;transition:opacity .3s ease;left:30px;bottom:60px}.mini-map.hidden{opacity:0;pointer-events:none}.mini-map-content{position:relative;width:100%;height:100%}.mini-map-panel{position:absolute;border:1px solid rgba(255,255,255,.5);border-radius:2px;transition:all .2s ease}.mini-map-viewport{position:absolute;border:2px solid #3b82f6;background:#3b82f61a;pointer-events:none}.ai-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.ai-header .ai-icon{font-size:1.5rem;color:#0f8}.ai-message-list{flex:1;overflow-y:auto;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.ai-message{padding:.75rem;border-radius:12px;max-width:80%;font-size:.9rem;line-height:1.4}.ai-message.assistant{background:#ffffff1a;align-self:flex-start;border-bottom-left-radius:4px}.ai-message.user{background:#0f83;align-self:flex-end;border-bottom-right-radius:4px}.ai-input{display:flex;gap:.5rem;margin-bottom:1rem}.ai-input input{flex:1;padding:.5rem .75rem;border:none;border-radius:20px;background:#ffffff1a;color:#fff;font-size:.9rem}.ai-quick-questions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}@media(max-width:768px){.canvas-sidebar.open{position:absolute;left:0;top:0;bottom:0;z-index:100;box-shadow:2px 0 20px #0003;width:280px}.canvas-header{flex-direction:column;gap:.5rem;align-items:flex-start}.header-center{display:none}.header-actions{width:100%;justify-content:space-between}.panel-templates{grid-template-columns:1fr}.canvas-overlay{flex-direction:column;gap:.5rem;align-items:flex-start}.floating-actions{display:none}.mini-map{width:150px;height:100px}}.dark .canvas-sidebar{background:#1e293b;border-right:1px solid #334155}.dark .sidebar-header{background:#0f172a;border-bottom:1px solid #334155}.dark .sidebar-header h3{color:#e2e8f0}.dark .sidebar-section{border-bottom:1px solid #334155}.dark .sidebar-section h4{color:#cbd5e1}.dark .panel-template{background:#334155;border-color:#475569}.dark .template-label{color:#cbd5e1}.dark .canvas-stats,.dark .zoom-indicator{background:#1e293be6;color:#e2e8f0}.dark .floating-actions{background:#1e293bf2}.dark .floating-action-btn{background:#334155;color:#e2e8f0}.dark .keyboard-hint{background:#1e293b;color:#cbd5e1}@media(prefers-reduced-motion:reduce){.canvas-container,.canvas-grid,.panels-container,.canvas-panel,.panel-header,.resize-handle,.floating-actions,.keyboard-hint{transition:none!important;animation:none!important}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.canvas-grid{background-size:100px 100px}.canvas-grid:before{background-size:500px 500px}}@media(hover:none)and (pointer:coarse){.mini-map{display:none}.quick-actions{grid-template-columns:repeat(3,1fr)}.canvas-container *{-webkit-user-select:none;user-select:none}}@media print{.canvas-sidebar,.canvas-header,.floating-actions,.keyboard-hint,.canvas-overlay,.mini-map,.resize-handle,.panel-action-btn,.drag-handle{display:none!important}.canvas-container{overflow:visible!important;background:#fff!important}.canvas-panel{position:relative!important;page-break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}}.ui-visibility-toggle{position:fixed;top:10px;right:10px;z-index:1001;opacity:.7;transition:opacity .3s ease}.ui-visibility-toggle:hover{opacity:1}.ui-visibility-toggle.hidden{opacity:0;pointer-events:none}.manage-batches-page-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:24px;max-width:1400px;margin:0 auto}.manage-batches-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.manage-batches-page-header h1{margin:0;color:var(--brand-navy);font-weight:var(--font-weight-bold)}.manage-batches-page-header__actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.manage-batches-subscription-info-card{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);align-items:center;transition:all var(--transition-speed) var(--transition-timing);position:relative;overflow:hidden}.manage-batches-subscription-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-secondary)}.manage-batches-subscription-info-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.manage-batches-subscription-info-item{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);border-right:1px solid var(--border-color-light)}.manage-batches-subscription-info-item:last-child{border-right:none}.manage-batches-subscription-info-item .label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.manage-batches-subscription-info-item .value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1.2}.manage-batches-subscription-info-item .value.success{color:var(--success-color)}.manage-batches-subscription-info-item .value.warning{color:var(--warning-color)}.manage-batches-subscription-info-item .value.danger{color:var(--danger-color)}.manage-batches-page-filters{background:var(--white);padding:12px 16px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light)}.manage-batches-page-filters-grid{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.manage-batches-page-filter-item{display:flex;align-items:center;gap:6px}.manage-batches-page-filter-item label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-secondary-color-dark-dark);white-space:nowrap;margin:0}.manage-batches-page-search-item{flex:1;min-width:200px}.manage-batches-page-search-item .components-searchbar-container,.manage-batches-page-search-item .components-searchbar-input{width:100%}.manage-batches-page-filter-results-count{font-size:.85rem;color:var(--text-muted);white-space:nowrap;padding-left:8px;border-left:1px solid var(--border-color-light)}.manage-batches-page-filter-results-count strong{color:var(--brand-navy)}.manage-batches-page-filter-stats{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--border-radius-sm);white-space:nowrap;margin-left:auto}.manage-batches-page-clear-filters-btn{color:var(--brand-cyan-bright);font-size:.8rem;cursor:pointer;padding:2px 6px;background:none;border:none;transition:color var(--transition-speed) var(--transition-timing)}.manage-batches-page-clear-filters-btn:hover{color:var(--brand-navy);text-decoration:underline}.manage-batches-table-info-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius) var(--border-radius) 0 0;border:1px solid var(--border-color-light);border-bottom:none;flex-wrap:wrap;gap:var(--spacing-sm)}.manage-batches-table-info-left{display:flex;align-items:center;gap:var(--spacing-sm)}.manage-batches-table-row-count{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.manage-batches-table-info-right{display:flex;align-items:center;gap:var(--spacing-sm)}.manage-batches-items-per-page-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.manage-batches-items-per-page-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--white);font-size:var(--font-size-sm);color:var(--primary-color);cursor:pointer;outline:none;transition:border-color var(--transition-speed) var(--transition-timing);min-width:70px}.manage-batches-items-per-page-select:hover{border-color:var(--brand-cyan-bright)}.manage-batches-items-per-page-select:focus{border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.1)}.manage-batches-page-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);background:var(--white);border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.manage-batches-page-loading-container p{color:var(--text-muted);font-size:1rem}.manage-batches-page-error-message{color:var(--danger-color);background-color:var(--danger-background-color);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--danger-color);text-align:center}.manage-batches-page-no-data{text-align:center;padding:48px;color:var(--text-muted);font-size:16px;background:var(--white);border-radius:var(--border-radius-lg);border:1px solid var(--border-color-light);margin:24px 0}.manage-batches-page-no-data .manage-batches-page-clear-filters-btn{margin-top:var(--spacing-md)}.manage-batches-page-table-wrapper{width:100%}.manage-batches-page-pagination{margin-top:var(--spacing-md);padding:var(--spacing-md) 0}@media(max-width:1024px){.manage-batches-subscription-info-card{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.manage-batches-subscription-info-item{border-right:none;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.manage-batches-page-filters-grid{gap:10px}.manage-batches-page-search-item{min-width:150px;flex:2}}@media(max-width:768px){.manage-batches-page-container{padding:16px}.manage-batches-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.manage-batches-page-header h1{font-size:var(--font-size-xl)}.manage-batches-page-header__actions{width:100%;flex-direction:column}.manage-batches-page-header__actions .button{width:100%;justify-content:center}.manage-batches-page-filters{padding:12px}.manage-batches-page-filters-grid{flex-direction:column;align-items:stretch;gap:8px}.manage-batches-page-filter-item{width:100%;flex-direction:column;align-items:flex-start;gap:4px}.manage-batches-page-search-item{min-width:unset;flex:unset}.manage-batches-page-filter-stats{margin-left:0;justify-content:space-between;width:100%;padding:4px 8px}.manage-batches-subscription-info-card{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.manage-batches-subscription-info-item .value{font-size:var(--font-size-lg)}.manage-batches-table-info-bar{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-sm)}.manage-batches-table-info-left,.manage-batches-table-info-right{justify-content:center}.manage-batches-page-pagination{margin-top:12px;padding:12px 0}}@media(max-width:480px){.manage-batches-page-container{padding:12px;gap:var(--spacing-md)}.manage-batches-page-header h1{font-size:var(--font-size-lg)}.manage-batches-subscription-info-card{grid-template-columns:1fr 1fr;padding:12px;gap:8px}.manage-batches-subscription-info-item{padding:4px 8px}.manage-batches-subscription-info-item .label{font-size:10px}.manage-batches-subscription-info-item .value{font-size:var(--font-size-md)}.manage-batches-subscription-info-card:before{height:2px}.manage-batches-page-filters{padding:10px}.manage-batches-table-row-count,.manage-batches-items-per-page-label{font-size:var(--font-size-xs)}.manage-batches-items-per-page-select{font-size:var(--font-size-xs);padding:var(--spacing-xs);min-width:60px}.manage-batches-page-no-data{padding:32px 16px;font-size:14px}}@media(prefers-color-scheme:dark){.manage-batches-subscription-info-card{background:#1e1e1e;border-color:#333}.manage-batches-subscription-info-item .label{color:#999}.manage-batches-subscription-info-item .value{color:#fff}.manage-batches-page-filters{background:#1e1e1e;border-color:#333}.manage-batches-page-filter-item label{color:#999}.manage-batches-page-loading-container{background:#1e1e1e;border-color:#333}.manage-batches-table-info-bar{background:#2a2a2a;border-color:#333}.manage-batches-items-per-page-select{background:#1e1e1e;border-color:#333;color:#fff}.manage-batches-page-no-data{background:#1e1e1e;border-color:#333;color:#999}}@media print{.manage-batches-subscription-info-card,.manage-batches-page-filters{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd}.manage-batches-page-header__actions .button{display:none}.manage-batches-table-info-bar{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd}}.batch-table-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.batch-table-container{overflow-x:auto;background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow)}.batch-table{width:100%;border-collapse:collapse}.batch-table th,.batch-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.batch-table th{font-weight:var(--font-weight-bold);color:var(--text-secondary-color-dark);background-color:var(--background-color-hover)}.batch-table-actions{display:flex;gap:var(--spacing-sm)}.batch-table-no-data{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary-color-dark)}.batch-table-header-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}.batch-table-items-info{color:var(--text-secondary-color-dark);font-size:.9rem}.batch-table-row-selector{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary-color-dark);font-size:.9rem}.batch-table-row-selector label{margin:0;white-space:nowrap}.batch-table-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--white);color:var(--primary-color);font-size:.9rem;cursor:pointer;outline:none;transition:border-color .2s ease}.batch-table-select:hover{border-color:var(--primary-color)}.batch-table-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db1a}.batch-table-name{display:flex;flex-direction:column;gap:2px}.batch-table-name-text{font-weight:var(--font-weight-medium)}.batch-table-code{font-size:.75rem;color:var(--text-secondary-color-dark);background-color:var(--background-color-hover);padding:1px 6px;border-radius:var(--border-radius-sm);display:inline-block;width:fit-content}.batch-table-course{display:inline-block;padding:2px 8px;background-color:var(--background-color-hover);border-radius:var(--border-radius-sm);font-size:.85rem;color:var(--text-secondary-color-dark)}.batch-table-duration{font-size:.9rem;color:var(--text-secondary-color-dark)}.batch-status-badge{padding:.2rem .6rem;border-radius:20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize;display:inline-block}.status-ongoing{background-color:var(--success-background-color);color:var(--success-color)}.status-upcoming{background-color:var(--primary-color-light);color:var(--primary-color)}.status-completed{background-color:#e0e0e0;color:#616161}.status-default{background-color:var(--background-color-hover);color:var(--text-secondary-color-dark)}.batch-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow)}.batch-table-loading .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.batch-table-loading p{color:var(--text-secondary-color-dark);margin:0}.batch-table-empty-state{padding:var(--spacing-xl);background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);text-align:center}.batch-table-empty-state .batch-table-no-data{margin:0;color:var(--text-secondary-color-dark)}.batch-table-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-top:1px solid var(--border-color);gap:var(--spacing-md);flex-wrap:wrap}.batch-table-pagination{display:flex;align-items:center}.batch-table-page-indicator{color:var(--text-secondary-color-dark);font-size:.9rem;font-weight:var(--font-weight-medium);white-space:nowrap}@media(max-width:768px){.batch-table-header-controls{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.batch-table-row-selector{width:100%}.batch-table-select{flex:1;min-width:80px}.batch-table-pagination-wrapper{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.batch-table-pagination{width:100%;justify-content:center}.batch-table-page-indicator{text-align:center;width:100%}.batch-table-actions{flex-direction:column;gap:var(--spacing-xs)}.batch-table-actions button{width:100%;justify-content:center}.batch-table th,.batch-table td{padding:var(--spacing-sm);font-size:.9rem}}@media(max-width:480px){.batch-table-pagination-wrapper{padding:var(--spacing-sm)}.batch-table-page-indicator{font-size:.8rem}.batch-table-container{border-radius:var(--border-radius-sm)}.batch-table-header-controls{padding:var(--spacing-sm)}.batch-table th,.batch-table td{padding:var(--spacing-xs);font-size:.8rem}}.components-card-container{background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-speed) var(--transition-timing)}.components-card-container:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.components-card-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);font-weight:var(--font-weight-semibold);color:var(--primary-color);background-color:var(--background-color-hover)}.components-card-body{padding:var(--spacing-lg);color:var(--text-secondary-color-dark);background-color:var(--white)}.components-card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background-color:var(--background-color-hover);color:var(--text-secondary-color)}.components-checkbox-container{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.components-checkbox-hidden-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.components-checkbox-label{margin-left:var(--spacing-sm);color:var(--primary-color);font-weight:var(--font-weight-medium)}.components-checkbox-custom-box{position:relative;height:20px;width:20px;background-color:var(--background-color-light);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all var(--transition-speed) var(--transition-timing);flex-shrink:0}.components-checkbox-hidden-input:checked~.components-checkbox-custom-box{background-color:var(--brand-cyan-bright);border-color:var(--brand-cyan-bright)}.components-checkbox-checkmark{fill:none;stroke:var(--text-on-primary);stroke-width:3px;visibility:hidden}.components-checkbox-hidden-input:checked~.components-checkbox-custom-box .components-checkbox-checkmark{visibility:visible}.components-checkbox-container:hover .components-checkbox-custom-box{border-color:var(--brand-cyan-bright)}.components-checkbox-hidden-input:focus-visible~.components-checkbox-custom-box{outline:2px solid var(--brand-cyan-bright);outline-offset:2px}.components-checkbox-container.disabled{opacity:.6;cursor:not-allowed}.components-checkbox-container.disabled .components-checkbox-custom-box{background-color:var(--background-color-hover)}.features-admin-submissionstable,.features-admin-submissionstable__container{width:100%}.features-admin-submissionstable__table{width:100%;border-collapse:collapse}.features-admin-submissionstable__table th{background-color:var(--white, #f8f9fa);font-weight:var(--font-weight-bold, 600);color:var(--primary-color, #495057);padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);text-align:left}.features-admin-submissionstable__table td{vertical-align:middle;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border-bottom:1px solid var(--border-color, #dee2e6)}.features-admin-submissionstable__user-info{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.features-admin-submissionstable__user-name{font-weight:var(--font-weight-medium, 500);color:var(--primary-color, #2c3e50)}.features-admin-submissionstable__user-email{font-size:var(--font-size-sm, 12px);color:var(--text-secondary-color, #6c757d)}.features-admin-submissionstable__experiment-info{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.features-admin-submissionstable__experiment-name{font-weight:var(--font-weight-medium, 500);color:var(--primary-color, #2c3e50)}.features-admin-submissionstable__experiment-type{font-size:var(--font-size-sm, 12px);color:var(--text-secondary-color, #6c757d)}.features-admin-submissionstable__patient-info{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.features-admin-submissionstable__patient-details{font-size:var(--font-size-sm, 12px);color:var(--text-secondary-color, #6c757d)}.features-admin-submissionstable__actions{display:flex;gap:var(--spacing-sm, 8px);align-items:center;flex-wrap:wrap}.features-admin-submissionstable__status-select{padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border:1px solid var(--border-color, #ced4da);border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-sm, 12px);background-color:var(--white, white);cursor:pointer;color:var(--primary-color, #212529);transition:border-color var(--transition-speed, .2s) var(--transition-timing, ease-in-out)}.features-admin-submissionstable__status-select:hover{border-color:var(--text-secondary-color, #adb5bd)}.features-admin-submissionstable__status-select:focus{outline:none;border-color:var(--primary-color, #3498db);box-shadow:0 0 0 2px #3498db40}.features-admin-submissionstable__bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);margin-bottom:var(--spacing-md, 16px);background-color:var(--primary-color-light, #e3f2fd);border-radius:var(--border-radius, 4px);border-left:4px solid var(--primary-color, #2196f3)}.features-admin-submissionstable__bulk-actions span{font-weight:var(--font-weight-medium, 500);color:var(--primary-color-dark, #0d47a1)}.features-admin-submissionstable__pagination{margin-top:var(--spacing-lg, 24px);display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md, 16px);flex-wrap:wrap}.features-admin-submissionstable__pagination-info{font-size:var(--font-size-sm, 14px);color:var(--text-secondary-color, #6c757d)}.features-admin-submissionstable__loading,.features-admin-submissionstable__empty{display:flex;justify-content:center;align-items:center;min-height:300px;background-color:var(--white, #f8f9fa);border-radius:var(--border-radius-lg, 8px);padding:var(--spacing-xl, 32px)}.features-admin-submissionstable__empty p{color:var(--text-secondary-color, #6c757d);font-size:var(--font-size-md, 16px);margin:0}.features-admin-submissionstable__text-small{font-size:var(--font-size-sm, 12px)}.features-admin-submissionstable__text-muted{color:var(--text-secondary-color, #6c757d)}.features-admin-submissionstable__font-medium{font-weight:var(--font-weight-medium, 500)}.features-analytics-overview{padding:var(--spacing-md, 16px) 0}.features-analytics-overview__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg, 24px)}.features-analytics-overview__title{font-size:24px;font-weight:var(--font-weight-bold, 600);color:var(--text-primary-color, #2c3e50);margin:0}.features-analytics-overview__metadata{display:flex;gap:var(--spacing-md, 16px);color:var(--text-secondary-color, #6c757d);font-size:var(--font-size-sm, 14px)}.features-analytics-overview__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg, 20px);margin-bottom:var(--spacing-xl, 32px)}.features-analytics-overview__stat-card{display:flex;align-items:center;padding:var(--spacing-lg, 20px);background:var(--background-color-light, white);border-radius:var(--border-radius-lg, 12px);box-shadow:var(--box-shadow, 0 2px 8px rgba(0, 0, 0, .1));transition:transform var(--transition-speed, .2s) var(--transition-timing, ease-in-out),box-shadow var(--transition-speed, .2s) var(--transition-timing, ease-in-out)}.features-analytics-overview__stat-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-deep, 0 4px 12px rgba(0, 0, 0, .15))}.features-analytics-overview__stat-card--blue{border-left:4px solid var(--info-color, #3498db)}.features-analytics-overview__stat-card--orange{border-left:4px solid var(--warning-color, #f39c12)}.features-analytics-overview__stat-card--green{border-left:4px solid var(--success-color, #2ecc71)}.features-analytics-overview__stat-card--purple{border-left:4px solid #9b59b6}.features-analytics-overview__stat-card--teal{border-left:4px solid #1abc9c}.features-analytics-overview__stat-card--pink{border-left:4px solid #e83e8c}.features-analytics-overview__stat-icon{font-size:32px;margin-right:var(--spacing-md, 16px);opacity:.8}.features-analytics-overview__stat-content{flex:1}.features-analytics-overview__stat-value{font-size:28px;font-weight:var(--font-weight-bold, 700);color:var(--text-primary-color, #2c3e50);line-height:1.2}.features-analytics-overview__stat-title{font-size:var(--font-size-sm, 14px);color:var(--text-secondary-color, #7f8c8d);text-transform:uppercase;letter-spacing:.5px}.features-analytics-overview__stat-subtitle{font-size:var(--font-size-sm, 12px);color:var(--text-secondary-color, #95a5a6);margin-top:var(--spacing-xs, 4px)}.features-analytics-overview__trends-card,.features-analytics-overview__experiments-card,.features-analytics-overview__performance-card{margin-bottom:var(--spacing-xl, 32px);padding:var(--spacing-lg, 24px)}.features-analytics-overview__trends-card h3,.features-analytics-overview__experiments-card h3,.features-analytics-overview__performance-card h3{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-bold, 600);color:var(--text-primary-color, #2c3e50);margin:0 0 var(--spacing-lg, 20px) 0;padding-bottom:var(--spacing-sm, 12px);border-bottom:2px solid var(--border-color, #e9ecef)}.features-analytics-overview__table-container{overflow-x:auto;border-radius:var(--border-radius, 8px)}.features-analytics-overview__table{width:100%;border-collapse:collapse;min-width:600px}.features-analytics-overview__table th{text-align:left;padding:var(--spacing-sm, 12px);background-color:var(--background-color-hover, #f8f9fa);font-weight:var(--font-weight-bold, 600);color:var(--text-primary-color, #495057);border-bottom:2px solid var(--border-color, #dee2e6);white-space:nowrap}.features-analytics-overview__table td{padding:var(--spacing-sm, 12px);border-bottom:1px solid var(--border-color, #e9ecef);color:var(--text-primary-color, #2c3e50)}.features-analytics-overview__table tbody tr:hover{background-color:var(--background-color-hover, #f8f9fa);cursor:default}.features-analytics-overview__experiments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg, 20px)}.features-analytics-overview__experiment-card{padding:var(--spacing-lg, 20px);background:var(--background-color-hover, #f8f9fa);border-radius:var(--border-radius, 8px);cursor:pointer;transition:all var(--transition-speed, .2s) var(--transition-timing, ease-in-out)}.features-analytics-overview__experiment-card:hover{background:var(--background-color-hover-dark, #e9ecef);transform:translateY(-2px);box-shadow:var(--box-shadow, 0 4px 8px rgba(0, 0, 0, .1))}.features-analytics-overview__experiment-title{font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-bold, 600);color:var(--text-primary-color, #2c3e50);margin:0 0 var(--spacing-sm, 12px) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.features-analytics-overview__experiment-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-sm, 12px)}.features-analytics-overview__experiment-stat{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm, 8px);background:var(--background-color-light, white);border-radius:var(--border-radius, 6px)}.features-analytics-overview__experiment-stat-label{font-size:var(--font-size-sm, 11px);color:var(--text-secondary-color, #6c757d);text-transform:uppercase;margin-bottom:var(--spacing-xs, 4px)}.features-analytics-overview__experiment-stat-value{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-bold, 600);color:var(--text-primary-color, #2c3e50);line-height:1.2}.features-analytics-overview__completion-rate{text-align:center;font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-medium, 500);color:var(--success-color, #28a745);padding-top:var(--spacing-sm, 8px);border-top:1px solid var(--border-color, #dee2e6)}.features-analytics-overview__completion-badge{display:inline-block;padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border-radius:20px;font-size:var(--font-size-sm, 12px);font-weight:var(--font-weight-medium, 500);white-space:nowrap}.features-analytics-overview__completion-badge--high{background-color:var(--success-background-color, #d4edda);color:var(--success-color-dark, #155724)}.features-analytics-overview__completion-badge--medium{background-color:var(--warning-background-color, #fff3cd);color:var(--warning-color-dark, #856404)}.features-analytics-overview__completion-badge--low{background-color:var(--danger-background-color, #f8d7da);color:var(--danger-color-dark, #721c24)}.features-analytics-overview__faculty-name,.features-analytics-overview__student-name{font-weight:var(--font-weight-medium, 500);color:var(--text-primary-color, #2c3e50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.features-analytics-overview__loading,.features-analytics-overview__empty{display:flex;justify-content:center;align-items:center;min-height:400px;background-color:var(--background-color-hover, #f8f9fa);border-radius:var(--border-radius-lg, 8px)}.features-analytics-overview__empty p{color:var(--text-secondary-color, #6c757d);font-size:var(--font-size-md, 16px);margin:0}@media(max-width:768px){.features-analytics-overview__stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md, 16px)}.features-analytics-overview__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm, 8px)}.features-analytics-overview__metadata{flex-direction:column;gap:var(--spacing-xs, 4px)}.features-analytics-overview__experiments-grid{grid-template-columns:1fr;gap:var(--spacing-md, 16px)}.features-analytics-overview__trends-card,.features-analytics-overview__experiments-card,.features-analytics-overview__performance-card,.features-analytics-overview__stat-card{padding:var(--spacing-md, 16px)}.features-analytics-overview__stat-icon{font-size:24px;margin-right:var(--spacing-sm, 12px)}.features-analytics-overview__stat-value{font-size:22px}.features-analytics-overview__stat-title{font-size:var(--font-size-sm, 12px)}.features-analytics-overview__table th,.features-analytics-overview__table td{padding:var(--spacing-xs, 8px);font-size:var(--font-size-sm, 13px)}}@media(max-width:480px){.features-analytics-overview__stats-grid{grid-template-columns:1fr}.features-analytics-overview__experiment-stats{grid-template-columns:1fr;gap:var(--spacing-xs, 4px)}.features-analytics-overview__experiment-stat{flex-direction:row;justify-content:space-between;padding:var(--spacing-xs, 6px)}.features-analytics-overview__experiment-stat-label{margin-bottom:0}}body.dark-theme .features-analytics-overview__stat-card--purple{border-left-color:#b07cc6}body.dark-theme .features-analytics-overview__stat-card--teal{border-left-color:#52d68a}body.dark-theme .features-analytics-overview__stat-card--pink{border-left-color:#f2849e}body.dark-theme .features-analytics-overview__completion-badge--high{background-color:#1a3d25;color:#8bc34a}body.dark-theme .features-analytics-overview__completion-badge--medium{background-color:#4d3c1c;color:#ffd966}body.dark-theme .features-analytics-overview__completion-badge--low{background-color:#4f2226;color:#f28b82}.features-analytics-overview__text-center{text-align:center}.features-analytics-overview__text-right{text-align:right}.features-analytics-overview__font-bold{font-weight:var(--font-weight-bold, 700)}.features-analytics-overview__mt-4{margin-top:var(--spacing-xl, 32px)}.features-analytics-overview__mb-4{margin-bottom:var(--spacing-xl, 32px)}.filters-container{background:var(--white);border-radius:var(--border-radius-lg);width:100%;border:1px solid var(--border-color-light);padding:var(--spacing-md) var(--spacing-lg)}.filters-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--spacing-xs) 0;-webkit-user-select:none;user-select:none}.filters-header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.filters-icon{font-size:var(--font-size-lg);color:var(--brand-cyan-bright)}.filters-title{font-weight:var(--font-weight-semibold);color:var(--primary-color);font-size:var(--font-size-md)}.filters-active-badge{background:rgba(var(--secondary-color-rgb),.1);color:var(--brand-cyan-bright);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.3px}.filters-toggle{background:none;border:none;font-size:var(--font-size-lg);color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.filters-toggle:hover{background:var(--white-hover);color:var(--primary-color)}.filters-content{margin-top:var(--spacing-lg);animation:slideDown var(--transition-speed) var(--transition-timing)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.filter-item{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary-color-dark);text-transform:uppercase;letter-spacing:.4px}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--primary-color);background:var(--white);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;width:100%}.filter-select:hover{border-color:var(--brand-cyan-bright)}.filter-select:focus{outline:none;border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.15)}.filter-date{width:100%}.filter-date input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--primary-color);background:var(--white);transition:all var(--transition-speed) var(--transition-timing)}.filter-date input:hover{border-color:var(--brand-cyan-bright)}.filter-date input:focus{outline:none;border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.15)}.filters-error{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--danger-white);color:var(--danger-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);border:1px solid var(--danger-color)}.filters-error svg{font-size:var(--font-size-md);flex-shrink:0}.filters-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1.5px solid var(--border-color);flex-wrap:wrap}.filters-actions button{display:flex;align-items:center;gap:var(--spacing-xs)}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.filters-container{padding:var(--spacing-md)}.filters-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.filters-actions{flex-direction:column}.filters-actions button{width:100%;justify-content:center}}@media(max-width:480px){.filters-container{padding:var(--spacing-sm)}.filters-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.filters-header-left{gap:var(--spacing-xs)}.filters-title{font-size:var(--font-size-sm)}.filters-active-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:10px}.filters-content{margin-top:var(--spacing-md)}.filter-select,.filter-date input{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}}@media(max-width:360px){.filters-header{flex-wrap:wrap}.filters-toggle{margin-left:auto}}.features-submission-detail-modal{padding:var(--spacing-lg, 20px)}.features-submission-detail-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg, 24px);padding-bottom:var(--spacing-md, 16px);border-bottom:2px solid var(--border-color, #e9ecef)}.features-submission-detail-modal__header-left{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.features-submission-detail-modal__title{font-size:24px;font-weight:var(--font-weight-bold, 600);color:var(--primary-color, #2c3e50);margin:0}.features-submission-detail-modal__patient-id{font-size:var(--font-size-sm, 14px);color:var(--text-secondary-color-dark, #6c757d)}.features-submission-detail-modal__header-right{display:flex;align-items:center}.features-submission-detail-modal__content{overflow-y:auto;padding-right:var(--spacing-sm, 8px)}.features-submission-detail-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg, 24px)}.features-submission-detail-modal__column{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.features-submission-detail-modal__section{margin-bottom:var(--spacing-lg, 24px)}.features-submission-detail-modal__section-title{font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-bold, 600);color:var(--primary-color, #495057);margin:0 0 var(--spacing-md, 16px) 0;padding-bottom:var(--spacing-sm, 8px);border-bottom:1px solid var(--border-color, #e9ecef)}.features-submission-detail-modal__section-content{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.features-submission-detail-modal__field{display:flex;margin-bottom:var(--spacing-xs, 8px);padding:var(--spacing-xs, 4px) 0}.features-submission-detail-modal__field-label{width:120px;font-size:var(--font-size-sm, 13px);color:var(--text-secondary-color-dark, #6c757d);flex-shrink:0}.features-submission-detail-modal__field-value{flex:1;font-size:var(--font-size-sm, 13px);color:var(--primary-color, #2c3e50);font-weight:var(--font-weight-medium, 500);word-break:break-word}.features-submission-detail-modal__condition-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, 4px)}.features-submission-detail-modal__condition-tag{padding:var(--spacing-xs, 2px) var(--spacing-sm, 8px);background:var(--primary-color-light, #e3f2fd);color:var(--primary-color-dark, #1976d2);border-radius:12px;font-size:11px;font-weight:var(--font-weight-medium, 500)}.features-submission-detail-modal__additional-info{background:var(--white, #f8f9fa);padding:var(--spacing-md, 16px);border-radius:var(--border-radius-lg, 8px)}.features-submission-detail-modal__info-item{margin-bottom:var(--spacing-sm, 12px)}.features-submission-detail-modal__info-item:last-child{margin-bottom:0}.features-submission-detail-modal__info-label{display:block;font-size:var(--font-size-sm, 12px);font-weight:var(--font-weight-bold, 600);color:var(--primary-color, #495057);margin-bottom:var(--spacing-xs, 4px);text-transform:uppercase;letter-spacing:.5px}.features-submission-detail-modal__info-text{margin:0;font-size:var(--font-size-md, 14px);color:var(--primary-color, #2c3e50);line-height:1.5;white-space:pre-wrap;word-break:break-word}.features-submission-detail-modal__metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm, 12px)}.features-submission-detail-modal__tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, 8px)}.features-submission-detail-modal__tag{padding:var(--spacing-xs, 4px) var(--spacing-sm, 12px);background:var(--white, #e9ecef);color:var(--primary-color, #495057);border-radius:16px;font-size:var(--font-size-sm, 12px)}.features-submission-detail-modal__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg, 24px);padding-top:var(--spacing-md, 16px);border-top:2px solid var(--border-color, #e9ecef)}.features-submission-detail-modal__status-update{display:flex;align-items:center;gap:var(--spacing-sm, 12px)}.features-submission-detail-modal__status-label{font-size:var(--font-size-md, 14px);color:var(--text-secondary-color-dark, #6c757d)}.features-submission-detail-modal__status-select{padding:var(--spacing-sm, 8px) var(--spacing-sm, 12px);border:1px solid var(--border-color, #ced4da);border-radius:var(--border-radius, 4px);font-size:var(--font-size-md, 14px);background-color:var(--white, white);color:var(--primary-color, #2c3e50);cursor:pointer;transition:border-color var(--transition-speed, .15s) var(--transition-timing, ease-in-out),box-shadow var(--transition-speed, .15s) var(--transition-timing, ease-in-out)}.features-submission-detail-modal__status-select:hover{border-color:var(--text-secondary-color-dark, #adb5bd)}.features-submission-detail-modal__status-select:focus{outline:none;border-color:var(--primary-color, #3498db);box-shadow:0 0 0 2px #3498db40}.features-submission-detail-modal__status-select option{color:var(--primary-color, #2c3e50);background-color:var(--white, white)}@media(max-width:768px){.features-submission-detail-modal__grid{grid-template-columns:1fr;gap:var(--spacing-md, 16px)}.features-submission-detail-modal__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm, 12px)}.features-submission-detail-modal__metadata-grid{grid-template-columns:1fr}.features-submission-detail-modal__footer{flex-direction:column;gap:var(--spacing-md, 16px)}.features-submission-detail-modal__status-update{width:100%;flex-direction:column;align-items:flex-start}.features-submission-detail-modal__status-select{width:100%}.features-submission-detail-modal__field{flex-direction:column;gap:var(--spacing-xs, 4px)}.features-submission-detail-modal__field-label{width:100%}}.features-submission-detail-modal__text-primary{color:var(--primary-color, #2c3e50)}.features-submission-detail-modal__text-secondary{color:var(--text-secondary-color-dark, #6c757d)}.features-submission-detail-modal__font-bold{font-weight:var(--font-weight-bold, 600)}.features-submission-detail-modal__font-medium{font-weight:var(--font-weight-medium, 500)}.features-submission-detail-modal__mt-4{margin-top:var(--spacing-lg, 24px)}.features-submission-detail-modal__mb-4{margin-bottom:var(--spacing-lg, 24px)}.features-role-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg, 20px);margin-bottom:var(--spacing-lg, 24px)}.features-role-stats-cards__card{padding:var(--spacing-lg, 20px);background:var(--background-color-light, white);border-radius:var(--border-radius-lg, 10px);box-shadow:var(--box-shadow, 0 2px 8px rgba(0, 0, 0, .1))}.features-role-stats-cards__card--admin{border-top:4px solid #9b59b6}.features-role-stats-cards__card--faculty{border-top:4px solid #3498db}.features-role-stats-cards__card--student{border-top:4px solid #2ecc71}.features-role-stats-cards__header{display:flex;align-items:center;gap:var(--spacing-sm, 12px);margin-bottom:var(--spacing-md, 16px)}.features-role-stats-cards__icon{font-size:28px;line-height:1}.features-role-stats-cards__name{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-bold, 600);color:var(--text-primary-color, #2c3e50);text-transform:capitalize}.features-role-stats-cards__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm, 12px)}.features-role-stats-cards__stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm, 8px);background:var(--background-color-hover, #f8f9fa);border-radius:var(--border-radius, 6px);transition:transform var(--transition-speed, .2s) var(--transition-timing, ease-in-out)}.features-role-stats-cards__stat-item:hover{transform:translateY(-2px)}.features-role-stats-cards__stat-label{font-size:var(--font-size-sm, 11px);color:var(--text-secondary-color, #6c757d);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs, 4px)}.features-role-stats-cards__stat-value{font-size:var(--font-size-lg, 20px);font-weight:var(--font-weight-bold, 600);color:var(--text-primary-color, #2c3e50);line-height:1.2}.features-role-stats-cards__stat-value--pending{color:var(--warning-color, #f39c12)}.features-role-stats-cards__stat-value--reviewed{color:var(--info-color, #3498db)}.features-role-stats-cards__stat-value--completed{color:var(--success-color, #2ecc71)}.features-role-stats-cards__stat-value--rejected{color:var(--danger-color, #e74c3c)}@media(max-width:768px){.features-role-stats-cards{gap:var(--spacing-md, 16px);margin-bottom:var(--spacing-md, 16px)}.features-role-stats-cards__card{padding:var(--spacing-md, 16px)}.features-role-stats-cards__header{margin-bottom:var(--spacing-sm, 12px)}.features-role-stats-cards__icon{font-size:24px}.features-role-stats-cards__name{font-size:var(--font-size-md, 16px)}.features-role-stats-cards__stat-value{font-size:var(--font-size-md, 18px)}}@media(max-width:480px){.features-role-stats-cards{grid-template-columns:1fr}}.features-role-stats-cards__text-center{text-align:center}.features-role-stats-cards__mt-2{margin-top:var(--spacing-sm, 8px)}.features-role-stats-cards__mb-2{margin-bottom:var(--spacing-sm, 8px)}body.dark-theme .features-role-stats-cards__card--admin{border-top-color:#b07cc6}body.dark-theme .features-role-stats-cards__card--faculty{border-top-color:#5faee3}body.dark-theme .features-role-stats-cards__card--student{border-top-color:#52d68a}.components-stack-container{display:flex;width:100%}.date-range-picker{width:100%}.date-range-picker .date-separator{align-self:center;color:var(--text-muted);font-size:var(--font-size-sm)}.date-range-picker input{flex:1}.reports-dashboard{max-width:1600px;margin:0 auto;padding:var(--spacing-lg);background:var(--white);min-height:100vh}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light)}.reports-header__left{display:flex;align-items:center;gap:12px}.reports-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0;display:flex;align-items:center;gap:8px}.reports-header__title svg{color:var(--primary-color)}.reports-header__badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-color-light);color:var(--primary-color);border-radius:var(--border-radius-full);font-size:13px;font-weight:var(--font-weight-medium)}.reports-header__actions{display:flex;gap:12px;align-items:center}.filter-badge{width:8px;height:8px;background:var(--primary-color);border-radius:50%;margin-left:6px;animation:pulse 2s infinite}.reports-format-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--white);color:var(--primary-color);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.reports-format-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.reports-filters-panel{margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);background:var(--white);border-radius:var(--border-radius-md);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm);animation:slideDown var(--transition-speed) var(--transition-timing)}.reports-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.reports-filters-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0;display:flex;align-items:center;gap:8px}.reports-filters-title svg{color:var(--primary-color)}.reports-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.reports-filter-item{display:flex;flex-direction:column;gap:6px}.reports-filter-label{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--text-secondary-color-dark);text-transform:uppercase;letter-spacing:.4px}.reports-date-picker{width:100%}.reports-nav{display:flex;gap:8px;margin-bottom:var(--spacing-lg);padding:4px;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light)}.reports-nav__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px var(--spacing-md);background:transparent;border:none;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.reports-nav__btn svg{font-size:var(--font-size-lg)}.reports-nav__btn:hover{background:var(--white);color:var(--primary-color)}.reports-nav__btn.active{background:var(--gradient-primary);color:var(--text-on-primary)}.reports-content{min-height:500px}.reports-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.reports-stat-card{display:flex;align-items:center;padding:var(--spacing-xl);background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing);border:1px solid var(--border-color-light)}.reports-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color-light)}.reports-stat-card__icon{width:48px;height:48px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);margin-right:var(--spacing-md)}.reports-stat-card--primary .reports-stat-card__icon{background:var(--primary-color-light);color:var(--primary-color)}.reports-stat-card--success .reports-stat-card__icon{background:var(--success-background-color);color:var(--success-color)}.reports-stat-card--warning .reports-stat-card__icon{background:var(--warning-background-color);color:var(--warning-color)}.reports-stat-card--danger .reports-stat-card__icon{background:var(--danger-background-color);color:var(--danger-color)}.reports-stat-card--info .reports-stat-card__icon{background:#e5f0ff;color:#3b82f6}.reports-stat-card--purple .reports-stat-card__icon{background:#f3e8ff;color:#8b5cf6}.reports-stat-card__content{flex:1}.reports-stat-card__value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1.2;margin-bottom:4px}.reports-stat-card__title{font-size:13px;color:var(--text-secondary-color-dark);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.reports-stat-card__subtitle{font-size:12px;color:var(--text-secondary-color-dark)}.reports-stat-card__trend{font-size:12px;display:flex;align-items:center;gap:4px;margin-top:4px}.reports-stat-card__trend--up{color:var(--success-color)}.reports-stat-card__trend--down{color:var(--danger-color)}.reports-stat-card__trend--down svg{transform:rotate(180deg)}.reports-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--white);border-radius:var(--border-radius-md);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.reports-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.reports-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0;display:flex;align-items:center;gap:8px}.reports-section__title svg{color:var(--primary-color)}.reports-section__subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0 0 var(--spacing-md) 0}.reports-experiments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.reports-experiment-card{padding:var(--spacing-md);background:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color-light);transition:all var(--transition-speed) var(--transition-timing)}.reports-experiment-card:hover{background:var(--white);border-color:var(--primary-color-light);box-shadow:var(--shadow-sm)}.reports-experiment-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.reports-experiment-card__header h4{margin:0;font-size:15px;font-weight:var(--font-weight-semibold);color:var(--primary-color)}.reports-experiment-card__badge{display:flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;background:var(--primary-color-light);color:var(--primary-color);border-radius:var(--border-radius-full)}.reports-experiment-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reports-experiment-stat{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--white);border-radius:var(--border-radius-sm)}.reports-experiment-stat__label{font-size:11px;color:var(--text-secondary-color-dark);margin-bottom:4px}.reports-experiment-stat__value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.reports-table-container{overflow-x:auto;border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.reports-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.reports-table th{background:var(--white);padding:14px var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--primary-color);border-bottom:2px solid var(--border-color);white-space:nowrap}.reports-table td{padding:14px var(--spacing-md);border-bottom:1px solid var(--border-color-light);color:var(--primary-color)}.reports-table tbody tr:hover{background:var(--white)}.reports-table__user,.reports-table__batch,.reports-table__period{display:flex;align-items:center;gap:8px}.table-icon{color:var(--text-secondary-color-dark);font-size:var(--font-size-sm)}.reports-table__email{color:var(--text-secondary-color-dark);font-size:13px}.reports-table__number{font-family:var(--font-family-monospace);font-weight:var(--font-weight-medium);text-align:right}.reports-table__date{color:var(--text-secondary-color-dark);font-size:13px;white-space:nowrap}.reports-context{display:flex;gap:12px;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.reports-context__badge{display:flex;align-items:center;gap:6px;padding:8px var(--spacing-md);font-size:13px;background:var(--primary-color-light);color:var(--primary-color-dark);border-radius:var(--border-radius-full)}.reports-detail-view{width:100%}.reports-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.reports-detail-header__left{display:flex;flex-direction:column;gap:8px}.reports-back-btn{width:fit-content;color:var(--text-secondary-color-dark);padding:6px 12px;border-radius:var(--border-radius);background:transparent;border:none;cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);display:flex;align-items:center;gap:8px}.reports-back-btn:hover{background:var(--white);color:var(--primary-color)}.reports-detail-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0;display:flex;align-items:center;gap:8px}.reports-detail-header__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin:0}.reports-trends-view{width:100%}.reports-trends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.reports-trends-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0;display:flex;align-items:center;gap:8px}.reports-trends-title svg{color:var(--primary-color)}.reports-period-select{min-width:140px}.reports-growth-section{margin-bottom:var(--spacing-lg)}.reports-growth-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0 0 var(--spacing-md) 0}.reports-growth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md)}.reports-growth-card{padding:var(--spacing-md);background:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.reports-growth-card__period{display:flex;align-items:center;gap:6px;font-weight:var(--font-weight-semibold);color:var(--primary-color);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color-light)}.reports-growth-card__stats{display:flex;flex-direction:column;gap:8px}.reports-growth-stat{display:flex;justify-content:space-between;align-items:center}.reports-growth-stat__label{font-size:13px;color:var(--text-secondary-color-dark)}.reports-growth-stat__value{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.reports-growth-stat__value.positive{color:var(--success-color)}.reports-growth-stat__value.negative{color:var(--danger-color)}.reports-loading,.reports-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-xl);gap:var(--spacing-md)}.reports-empty__icon{font-size:48px;opacity:.5}.reports-empty p{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--primary-color);margin:0}.reports-empty__subtext{font-size:13px;color:var(--text-secondary-color-dark)}.reports-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:var(--spacing-xl);color:var(--text-secondary-color-dark)}.empty-icon{font-size:32px}@media(max-width:1024px){.reports-stats-grid{grid-template-columns:repeat(3,1fr)}.reports-experiments-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.reports-dashboard{padding:var(--spacing-md)}.reports-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)}.reports-header__actions{width:100%;flex-wrap:wrap}.reports-header__actions button,.reports-header__actions .reports-format-select{flex:1}.reports-nav{flex-wrap:wrap}.reports-nav__btn{flex:1 1 calc(50% - 4px)}.reports-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.reports-stat-card{padding:var(--spacing-md)}.reports-stat-card__icon{width:40px;height:40px;font-size:var(--font-size-xl);margin-right:12px}.reports-stat-card__value{font-size:22px}.reports-experiments-grid,.reports-filters-grid{grid-template-columns:1fr}.reports-detail-header,.reports-trends-header{flex-direction:column;align-items:flex-start;gap:12px}.reports-growth-grid{grid-template-columns:1fr}}@media(max-width:480px){.reports-stats-grid{grid-template-columns:1fr}.reports-header__actions{flex-direction:column}.reports-header__actions button,.reports-header__actions .reports-format-select{width:100%}.reports-nav{flex-direction:column}.reports-nav__btn{width:100%}.reports-table th,.reports-table td{padding:10px 12px;font-size:13px}}body.dark-theme .reports-stat-card,body.dark-theme .reports-section,body.dark-theme .reports-filters-panel,body.dark-theme .reports-nav,body.dark-theme .reports-header,body.dark-theme .reports-experiment-card,body.dark-theme .reports-experiment-card:hover,body.dark-theme .reports-table th,body.dark-theme .reports-growth-card{background:var(--white)}@media(prefers-reduced-motion:reduce){.reports-filters-panel{animation:none}.reports-stat-card:hover{transform:none}.filter-badge{animation:none}}@media(prefers-contrast:high){.reports-stat-card,.reports-section,.reports-filters-panel,.reports-nav__btn.active{border:2px solid currentColor}.reports-experiment-card{border:1px solid currentColor}}.analytics-page{max-width:1600px;margin:0 auto;padding:var(--spacing-lg);background:var(--white);min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--white-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light)}.analytics-header-left{display:flex;align-items:center;gap:12px}.analytics-title{font-size:28px;font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0;letter-spacing:-.3px}.analytics-institute-badge{background:var(--primary-color-light);color:var(--primary-color);padding:4px 12px;border-radius:var(--border-radius-full);font-size:13px;font-weight:var(--font-weight-semibold)}.analytics-header-actions{display:flex;gap:12px}.analytics-filters-wrapper{background:var(--white-light);border-radius:var(--border-radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color)}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--white);color:var(--primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.filter-actions{display:flex;gap:var(--spacing-sm);align-items:flex-end}.analytics-content{background:var(--white-light);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light)}.analytics-tabs{padding:0 var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--white-light);display:flex;gap:var(--spacing-md)}.analytics-tab{padding:var(--spacing-md) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary-color-dark);cursor:pointer;border:none;background:none;transition:all var(--transition-speed) var(--transition-timing);position:relative}.analytics-tab:hover,.analytics-tab.active{color:var(--primary-color)}.analytics-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-color)}.analytics-tab-panel{padding:var(--spacing-lg);min-height:500px}.analytics-search-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.analytics-search{flex:1;max-width:400px}.analytics-search-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--white);color:var(--primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.analytics-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.analytics-search-input::placeholder{color:var(--text-secondary-color-dark)}.analytics-search-results{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);background:var(--white);padding:4px 12px;border-radius:var(--border-radius-full)}.analytics-table-wrapper{width:100%;overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th{text-align:left;padding:12px var(--spacing-md);background-color:var(--white);color:var(--primary-color);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-bottom:2px solid var(--border-color)}.analytics-table td{padding:12px var(--spacing-md);color:var(--primary-color);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color-light)}.analytics-table tr:hover{background-color:var(--white-hover)}.table-action-btn{padding:6px 12px;background:var(--primary-color-light);color:var(--primary-color);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:12px;transition:all var(--transition-speed) var(--transition-timing)}.table-action-btn:hover{background:var(--primary-color);color:var(--text-on-primary)}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.analytics-stat-card{background:var(--white);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid var(--border-color-light);transition:all var(--transition-speed) var(--transition-timing)}.analytics-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary-color-light)}.analytics-stat-label{font-size:12px;color:var(--text-secondary-color-dark);margin-bottom:var(--spacing-xs)}.analytics-stat-value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--primary-color)}.analytics-stat-trend{display:flex;align-items:center;gap:4px;margin-top:var(--spacing-xs);font-size:12px}.trend-down{color:var(--danger-color)}.analytics-experiment-details{margin-top:var(--spacing-lg);background:var(--white-light);border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--border-color);animation:slideDown var(--transition-speed) var(--transition-timing)}.analytics-experiment-header{padding:var(--spacing-md) var(--spacing-xl);background:var(--white);border-bottom:1px solid var(--border-color)}.analytics-experiment-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.analytics-experiment-title h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.analytics-experiment-table{padding:var(--spacing-xl)}.analytics-chart-container{background:var(--white);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color-light)}.analytics-chart-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin-bottom:var(--spacing-md)}.analytics-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--spacing-xl);text-align:center;color:var(--text-secondary-color-dark)}.analytics-empty-state p{margin:0;font-size:var(--font-size-sm)}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md)}.analytics-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.analytics-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color-light)}.pagination-btn{padding:6px 12px;border:1px solid var(--border-color);background:var(--white-light);color:var(--primary-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.pagination-btn:hover:not(:disabled){background:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color-dark)}.pagination-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary)}@media(max-width:768px){.analytics-page{padding:var(--spacing-md)}.analytics-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)}.analytics-header-actions{width:100%;flex-direction:column}.analytics-header-actions button{width:100%}.analytics-search-header{flex-direction:column;align-items:flex-start}.analytics-search{max-width:100%;width:100%}.analytics-tab-panel{padding:var(--spacing-md)}.analytics-tabs{padding:0 var(--spacing-md)}.analytics-stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.analytics-title{font-size:22px}.analytics-filters-wrapper,.analytics-experiment-table,.analytics-experiment-header{padding:var(--spacing-md)}.analytics-experiment-title{flex-direction:column;align-items:flex-start}.analytics-table th,.analytics-table td{padding:8px 12px}}body.dark-theme .analytics-filters-wrapper,body.dark-theme .analytics-content,body.dark-theme .analytics-header{background:var(--white-light)}body.dark-theme .analytics-stat-card,body.dark-theme .analytics-table th,body.dark-theme .analytics-chart-container{background:var(--white-hover)}@media(prefers-reduced-motion:reduce){.analytics-experiment-details{animation:none}.analytics-stat-card:hover{transform:none}}@media(prefers-contrast:high){.analytics-filters-wrapper,.analytics-content{border:2px solid currentColor}.analytics-tab.active:after{background:currentColor}.analytics-stat-card{border:1px solid currentColor}}.promotion-semester-view-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.promotion-semester-view-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.promotion-semester-view-student-name-cell{font-weight:500}.promotion-semester-view-semester-progression-cell{min-width:220px;padding:8px 4px}.promotion-semester-view-progression-timeline{display:flex;flex-direction:column;gap:2px;padding:4px 0}.promotion-semester-view-progression-item{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:4px;background:#f8f9fa;transition:all .2s ease;border-left:3px solid transparent}.promotion-semester-view-progression-item.promotion-semester-view-current{background:#e3f2fd;border-left-color:#1976d2}.promotion-semester-view-progression-item.completed{background:#e8f5e9;border-left-color:#4caf50}.promotion-semester-view-progression-item.in_progress{background:#fff3e0;border-left-color:#ff9800}.promotion-semester-view-progression-item.not_started{background:#f5f5f5;border-left-color:#9e9e9e;opacity:.6}.promotion-semester-view-progression-item.failed{background:#ffebee;border-left-color:#f44336}.promotion-semester-view-progression-item.on_hold{background:#fff8e1;border-left-color:#ffc107}.promotion-semester-view-progression-dot{font-size:14px;width:24px;text-align:center;flex-shrink:0}.promotion-semester-view-progression-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.promotion-semester-view-progression-info .promotion-semester-view-sem-name{font-weight:500;font-size:13px;color:#333;min-width:80px}.promotion-semester-view-progression-info .promotion-semester-view-completion-date{font-size:11px;color:#666;margin-left:auto;white-space:nowrap}.promotion-semester-view-progression-arrow{text-align:center;color:#999;font-size:12px;padding:0 0 0 12px;line-height:1}.promotion-semester-view-progression-item:hover{transform:translate(2px);box-shadow:0 1px 4px #0000001a}.promotion-semester-view-action-buttons{display:flex;gap:6px;width:100%}.promotion-semester-view-action-buttons>div{flex:1}.promotion-semester-view-action-buttons .button{width:100%;font-size:12px;padding:4px 10px}.promotion-semester-view-exit-info{display:flex;flex-direction:column;gap:2px}.promotion-semester-view-exit-date{font-size:11px;color:#6c757d}.promotion-semester-view-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #e9ecef;margin-top:12px;font-size:14px;color:#6c757d}.promotion-semester-view-selected-count{font-weight:600;color:#007bff}.promotion-semester-view-actions{display:flex;align-items:center;gap:8px;padding:10px}.promotion-semester-view-students-loading{display:flex;justify-content:center;align-items:center;padding:40px;gap:12px;color:#6c757d}.promotion-semester-view-no-students{text-align:center;padding:40px;color:#6c757d;font-size:16px}.promotion-semester-view-promotion-students-table{width:100%;overflow-x:auto}.promotion-semester-view-promotion-students-table .components-table-wrapper{border-radius:8px;border:1px solid #e9ecef}.promotion-semester-view-promotion-students-table .components-table-element{width:100%;border-collapse:collapse;font-size:14px}.promotion-semester-view-promotion-students-table .components-table-element thead{background-color:#f8f9fa}.promotion-semester-view-promotion-students-table .components-table-element th{padding:12px 16px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.promotion-semester-view-promotion-students-table .components-table-element td{padding:12px 16px;border-bottom:1px solid #e9ecef;vertical-align:middle}.promotion-semester-view-promotion-students-table .components-table-element tbody tr:hover{background-color:#f8f9fa}.promotion-semester-view-promotion-students-table .promotion-semester-view-checkbox-column{width:40px;text-align:center}.promotion-semester-view-promotion-students-table .promotion-semester-view-checkbox-column input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media(max-width:1200px){.promotion-semester-view-promotion-students-table .components-table-element{font-size:13px}.promotion-semester-view-promotion-students-table .components-table-element th,.promotion-semester-view-promotion-students-table .components-table-element td{padding:8px 10px}.promotion-semester-view-semester-progression-cell{min-width:180px}}@media(max-width:992px){.promotion-semester-view-action-buttons{flex-direction:column}.promotion-semester-view-action-buttons .button{width:100%}.promotion-semester-view-progression-info .promotion-semester-view-sem-name{min-width:60px;font-size:12px}.promotion-semester-view-progression-item{padding:3px 8px}.promotion-semester-view-header{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.promotion-semester-view-semester-progression-cell{min-width:150px}.promotion-semester-view-progression-info .promotion-semester-view-sem-name{font-size:11px;min-width:50px}.promotion-semester-view-progression-info .promotion-semester-view-completion-date{font-size:10px}.promotion-semester-view-progression-dot{font-size:12px;width:20px}}@media(max-width:576px){.promotion-semester-view-promotion-students-table .components-table-element{font-size:12px}.promotion-semester-view-promotion-students-table .components-table-element th,.promotion-semester-view-promotion-students-table .components-table-element td{padding:6px 8px}.promotion-semester-view-progression-item{padding:2px 6px;gap:4px}.promotion-semester-view-progression-info{gap:4px}.promotion-semester-view-progression-info .promotion-semester-view-sem-name{font-size:10px;min-width:40px}.promotion-semester-view-progression-dot{font-size:10px;width:16px}.promotion-semester-view-action-buttons .button{font-size:10px;padding:2px 6px}}.manage-student-promotion-page{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:24px;max-width:1400px;margin:0 auto}.manage-students-promotion-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.manage-students-promotion-page-header h1{margin:0}.manage-students-promotion-page-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.manage-student-promotion-page .filters-card{background:var(--white);padding:12px 16px;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);border:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.manage-student-promotion-page .filters-grid{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.manage-student-promotion-page .filters-grid .select-container{flex:1;min-width:180px}.manage-student-promotion-page .search-action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.manage-student-promotion-page .search-action-row .search-bar-wrapper{flex:1;min-width:200px}.manage-student-promotion-page .search-action-row .search-bar-wrapper .components-searchbar-container{width:100%}.manage-student-promotion-page .search-no-results{display:block;margin-top:6px;font-size:13px;color:var(--danger-color)}.manage-student-promotion-page .search-results-count{display:block;margin-top:6px;font-size:13px;color:var(--success-color)}.manage-student-promotion-page .search-results-count .non-active-warning{color:var(--warning-color);font-weight:500}.manage-student-promotion-page .action-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 8px;border-radius:var(--border-radius-sm);white-space:nowrap}.manage-student-promotion-page .toggle-chip-wrapper{position:relative;display:inline-flex}.manage-student-promotion-page .toggle-chip{display:flex;align-items:center;gap:6px;padding:4px 12px;border:2px solid #ddd;border-radius:20px;background:var(--background-color-light);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;color:var(--text-secondary-color-dark);position:relative}.manage-student-promotion-page .toggle-chip:hover{transform:scale(1.02)}.manage-student-promotion-page .toggle-chip .toggle-chip-icon{font-size:16px}.manage-student-promotion-page .toggle-chip .toggle-chip-label{font-size:11px;font-weight:600;letter-spacing:.3px}.manage-student-promotion-page .toggle-chip .hidden-count-badge{background:var(--danger-color);color:#fff;padding:1px 8px;border-radius:10px;font-size:10px;font-weight:700;margin-left:2px}.manage-student-promotion-page .toggle-chip-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) scale(.9);background:#000000d9;color:#fff;padding:10px 18px;border-radius:8px;font-size:12px;font-weight:400;max-width:500px;min-width:280px;width:max-content;white-space:normal;word-wrap:break-word;line-height:1.5;opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1000;box-shadow:0 4px 16px #0000004d;display:flex;align-items:flex-start;gap:10px;text-align:left}.manage-student-promotion-page .toggle-chip-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000d9}.manage-student-promotion-page .toggle-chip-wrapper:hover .toggle-chip-tooltip{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.manage-student-promotion-page .toggle-chip-tooltip .tooltip-icon{flex-shrink:0;margin-top:2px;font-size:15px;color:#64b5f6}.manage-student-promotion-page .toggle-chip-tooltip .tooltip-text{flex:1;line-height:1.5}.manage-student-promotion-page .toggle-chip.active[data-color=green]{background:var(--success-background-color, #e8f5e9);border-color:var(--success-color);color:var(--success-color-dark, #2e7d32)}.manage-student-promotion-page .toggle-chip.active[data-color=green]:hover{background:var(--success-background-color-hover, #c8e6c9);box-shadow:0 2px 8px #4caf504d}.manage-student-promotion-page .toggle-chip.inactive[data-color=green]{background:var(--danger-background-color, #fce4ec);border-color:var(--danger-color);color:var(--danger-color-dark, #c62828)}.manage-student-promotion-page .toggle-chip.inactive[data-color=green]:hover{background:var(--danger-background-color-hover, #f8bbd0);box-shadow:0 2px 8px #ef53504d}.manage-student-promotion-page .toggle-chip.active[data-color=blue]{background:var(--primary-background-color, #e3f2fd);border-color:var(--primary-color);color:var(--primary-color-dark, #0d47a1)}.manage-student-promotion-page .toggle-chip.active[data-color=blue]:hover{background:var(--primary-background-color-hover, #bbdefb);box-shadow:0 2px 8px #2196f34d}.manage-student-promotion-page .toggle-chip.inactive[data-color=blue]{background:#fff3e0;border-color:#ff9800;color:#e65100}.manage-student-promotion-page .toggle-chip.inactive[data-color=blue]:hover{background:#ffe0b2;box-shadow:0 2px 8px #ff98004d}.manage-students-promotion-bulk-actions{display:flex;align-items:center;gap:8px}.manage-students-promotion-bulk-actions>div{display:flex}.manage-student-promotion-page .selection-summary{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:12px;margin-top:12px;border-top:1px solid var(--border-color);font-size:.85rem;color:var(--text-secondary-color-dark)}.manage-student-promotion-page .selection-summary strong{color:var(--primary-color)}.manage-student-promotion-page .non-active-count,.manage-student-promotion-page .semester-selection-badge,.manage-student-promotion-page .search-result-badge{padding:4px 10px;border-radius:12px;background:var(--background-color-light);font-size:13px}.manage-student-promotion-page .search-result-badge{display:inline-flex;align-items:center;gap:4px}.manage-student-promotion-page .search-result-badge .search-icon{font-size:12px}.manage-student-promotion-page .students-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);border:1px solid var(--border-color);overflow:hidden;width:100%}.manage-student-promotion-page .students-card .card-body{padding:0}.manage-student-promotion-page .search-results-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:16px;background:var(--primary-background-color, #e3f2fd);border:1px solid var(--primary-color);border-radius:var(--border-radius-md);color:var(--primary-color-dark, #0d47a1);font-size:14px;font-weight:500}.manage-student-promotion-page .search-results-banner .search-icon{font-size:16px;color:var(--primary-color)}.manage-student-promotion-page .promotion-tabs-header{display:flex;gap:4px;padding:8px 4px;overflow-x:auto;border-bottom:1px solid var(--border-color);background:var(--background-color-light);width:100%}.manage-student-promotion-page .promotion-tabs-header .tab-item{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary-color-dark);border-radius:var(--border-radius-md);transition:all .2s ease;white-space:nowrap;position:relative;flex:1;min-width:0;max-width:100%}.manage-student-promotion-page .promotion-tabs-header .tab-item:hover{background:var(--background-color-light-hover, #f5f5f5)}.manage-student-promotion-page .promotion-tabs-header .tab-item.active{color:var(--primary-color);background:var(--primary-background-color, #e3f2fd)}.manage-student-promotion-page .promotion-tabs-header .tab-item .tab-inner{display:flex;align-items:center;gap:6px;justify-content:center;width:100%;overflow:hidden}.manage-student-promotion-page .promotion-tabs-header .tab-item .tab-label{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-student-promotion-page .promotion-tabs-header .tab-item .tab-icon{display:flex;align-items:center;font-size:14px;flex-shrink:0}.manage-student-promotion-page .promotion-tabs-header .tab-count-badge,.manage-student-promotion-page .promotion-tabs-header .search-result-count-badge,.manage-student-promotion-page .promotion-tabs-header .tab-selected-badge{padding:1px 6px;border-radius:10px;font-size:10px;font-weight:600;flex-shrink:0}.manage-student-promotion-page .promotion-tabs-header .tab-count-badge{background:var(--background-color-light);color:var(--text-secondary-color-dark);font-size:.8rem}.manage-student-promotion-page .promotion-tabs-header .tab-item.active .tab-count-badge{background:var(--primary-background-color, #bbdefb);color:var(--primary-color-dark)}.manage-student-promotion-page .promotion-tabs-header .search-result-count-badge{background:var(--primary-color);color:#fff;animation:pulse-badge 1.5s ease-in-out infinite}.manage-student-promotion-page .promotion-tabs-header .tab-selected-badge{background:var(--success-color);color:#fff}.manage-student-promotion-page .promotion-tabs-header .tab-item.has-search-results{background:#2196f314;border:1px solid rgba(33,150,243,.2)}.manage-student-promotion-page .promotion-tabs-header .tab-item.has-search-results:hover{background:#2196f326}.manage-student-promotion-page .promotion-tabs-header .tab-item.has-search-results.active{background:var(--primary-background-color, #e3f2fd);border-color:var(--primary-color)}@keyframes pulse-badge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.9}}.manage-student-promotion-page .tab-content-wrapper{padding:16px}.manage-student-promotion-page .students-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--text-secondary-color-dark)}.manage-student-promotion-page .no-semester-selected,.manage-student-promotion-page .no-semesters-message{padding:40px 20px;text-align:center;color:var(--text-secondary-color-dark)}@media(max-width:1024px){.manage-student-promotion-page .filters-grid{gap:10px}.manage-student-promotion-page .filters-grid .select-container{min-width:150px;flex:2}.manage-student-promotion-page .toggle-chip-tooltip{max-width:420px;min-width:240px;font-size:11px;padding:8px 16px}.manage-student-promotion-page .promotion-tabs-header .tab-item{font-size:13px;padding:8px 10px}.manage-student-promotion-page .promotion-tabs-header .tab-count-badge,.manage-student-promotion-page .promotion-tabs-header .search-result-count-badge,.manage-student-promotion-page .promotion-tabs-header .tab-selected-badge{font-size:9px;padding:1px 5px}}@media(max-width:768px){.manage-student-promotion-page{padding:16px}.manage-students-promotion-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.manage-students-promotion-page-actions{width:100%;flex-direction:column}.manage-students-promotion-page-actions button{width:100%;justify-content:center}.manage-student-promotion-page .filters-card{padding:12px}.manage-student-promotion-page .filters-grid{flex-direction:column;align-items:stretch;gap:8px}.manage-student-promotion-page .filters-grid .select-container{min-width:unset;flex:unset;width:100%}.manage-student-promotion-page .search-action-row{flex-direction:column;align-items:stretch;gap:8px}.manage-student-promotion-page .action-controls{flex-direction:column;align-items:stretch;width:100%;padding:0}.manage-student-promotion-page .toggle-chip{width:100%;justify-content:center;padding:8px 12px}.manage-student-promotion-page .toggle-chip-wrapper{width:100%}.manage-student-promotion-page .toggle-chip-tooltip{max-width:90%;min-width:unset;width:90%;left:50%;transform:translate(-50%) scale(.9);font-size:11px;padding:8px 14px}.manage-student-promotion-page .toggle-chip-wrapper:hover .toggle-chip-tooltip{transform:translate(-50%) scale(1)}.manage-students-promotion-bulk-actions{width:100%;flex-direction:column}.manage-students-promotion-bulk-actions>div{width:100%}.manage-students-promotion-bulk-actions>div button{width:100%;justify-content:center}.manage-student-promotion-page .selection-summary{flex-direction:column;align-items:flex-start;gap:8px}.manage-student-promotion-page .toggle-chip{font-size:12px;padding:6px 12px}.manage-student-promotion-page .toggle-chip .toggle-chip-label{font-size:11px}.manage-student-promotion-page .toggle-chip .hidden-count-badge{font-size:9px;padding:1px 6px}.manage-student-promotion-page .tab-content-wrapper{padding:12px}.manage-student-promotion-page .promotion-tabs-header{padding:6px 2px;gap:3px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start}.manage-student-promotion-page .promotion-tabs-header .tab-item{padding:6px 12px;font-size:12px;flex:0 0 auto;min-width:auto}.manage-student-promotion-page .promotion-tabs-header .tab-count-badge,.manage-student-promotion-page .promotion-tabs-header .search-result-count-badge,.manage-student-promotion-page .promotion-tabs-header .tab-selected-badge{font-size:9px;padding:1px 6px}.manage-student-promotion-page .search-results-banner{font-size:12px;padding:8px 12px}}@media(max-width:480px){.manage-student-promotion-page{padding:12px}.manage-student-promotion-page .filters-card{padding:10px}.manage-student-promotion-page .toggle-chip-tooltip{max-width:95%;width:95%;font-size:10px;padding:6px 12px;bottom:calc(100% + 10px)}.manage-student-promotion-page .promotion-tabs-header .tab-item{padding:4px 10px;font-size:11px;flex:0 0 auto}.manage-student-promotion-page .promotion-tabs-header .tab-inner{gap:4px}.manage-student-promotion-page .promotion-tabs-header .tab-count-badge,.manage-student-promotion-page .promotion-tabs-header .search-result-count-badge,.manage-student-promotion-page .promotion-tabs-header .tab-selected-badge{font-size:8px;padding:1px 4px}.manage-student-promotion-page .tab-content-wrapper{padding:8px}}.admin-search-detail-page{min-height:100vh;background:var(--white, #f5f7fa);padding:var(--spacing-xl, 2rem);font-family:var(--font-family-sans, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif);transition:background var(--transition-speed, .3s) var(--transition-timing, ease)}.admin-detail-container{max-width:1200px;margin:0 auto;background:var(--white, white);border-radius:var(--border-radius-lg, 12px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1));overflow:hidden;transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.admin-detail-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1.5rem) var(--spacing-xl, 2rem);background:var(--gradient-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-on-primary, white);flex-wrap:wrap;gap:var(--spacing-md, 1rem)}.admin-detail-header-badge{display:flex;gap:var(--spacing-sm, .5rem);align-items:center;flex-wrap:wrap}.status-badge{padding:var(--spacing-xs, .25rem) var(--spacing-md, .75rem);border-radius:var(--border-radius-full, 20px);font-size:var(--font-size-sm, .85rem);font-weight:var(--font-weight-medium, 500)}.admin-detail-content{padding:var(--spacing-xl, 2rem)}.admin-detail-title{font-size:var(--font-size-2xl, 2rem);margin-bottom:var(--spacing-sm, .5rem);color:var(--primary-color, #333);font-weight:var(--font-weight-bold, 700);line-height:1.2}.admin-detail-subtitle{font-size:var(--font-size-lg, 1.1rem);color:var(--text-secondary-color-dark, #666);margin-bottom:var(--spacing-xl, 2rem);padding-bottom:var(--spacing-md, 1rem);border-bottom:1px solid var(--border-color, #e0e0e0)}.admin-detail-actions{display:flex;gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-xl, 2rem);padding-bottom:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--border-color, #e0e0e0);flex-wrap:wrap}.action-btn-delete{background:var(--danger-color, #dc3545)}.admin-detail-section{margin-bottom:var(--spacing-xl, 2rem);padding:var(--spacing-lg, 1.5rem);background:var(--white, #f9f9f9);border-radius:var(--border-radius, 8px);transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.admin-detail-section:last-child{margin-bottom:0}.info-field label{font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary-color-dark, #666);font-size:var(--font-size-xs, .85rem);text-transform:uppercase;letter-spacing:.5px}.stat-label{font-size:var(--font-size-xs, .85rem);color:var(--text-secondary-color-dark, #666);margin-top:var(--spacing-xs, .25rem)}.students-list{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem)}.student-item{display:flex;align-items:center;gap:var(--spacing-md, 1rem);padding:var(--spacing-md, 1rem);background:var(--white, white);border-radius:var(--border-radius, 6px);transition:all var(--transition-speed, .3s)}.student-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.student-email{color:var(--text-secondary-color-dark, #666);font-size:var(--font-size-sm, .9rem)}.comment-content{margin-top:var(--spacing-sm, .5rem);color:var(--text-secondary-color-dark, #555);line-height:1.5}.ticket-description,.feedback-message{background:var(--white, white);padding:var(--spacing-md, 1rem);border-radius:var(--border-radius, 8px);line-height:1.6;color:var(--primary-color, #333)}.admin-reply{background:#28a7451a;padding:var(--spacing-md, 1rem);border-radius:var(--border-radius, 8px);border-left:3px solid var(--success-color, #28a745)}.reply-date{font-size:var(--font-size-xs, .75rem);color:var(--text-secondary-color-dark, #666);margin-top:var(--spacing-sm, .5rem)}.admin-detail-loading,.admin-detail-error,.admin-detail-not-found{text-align:center;padding:var(--spacing-3xl, 3rem);min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-spinner{width:50px;height:50px;border:3px solid var(--border-color, #f3f3f3);border-top:3px solid var(--primary-color, #667eea);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md, 1rem)}@media(max-width:1024px){.admin-search-detail-page{padding:var(--spacing-lg, 1.5rem)}.info-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.admin-search-detail-page{padding:var(--spacing-md, 1rem)}.admin-detail-content{padding:var(--spacing-lg, 1rem)}.admin-detail-title{font-size:var(--font-size-xl, 1.5rem)}.info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-detail-header{flex-direction:column;align-items:flex-start}.admin-detail-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.admin-detail-section{padding:var(--spacing-md, 1rem)}}@media(max-width:480px){.admin-search-detail-page{padding:var(--spacing-sm, .5rem)}.admin-detail-title{font-size:var(--font-size-lg, 1.25rem)}.stats-grid{grid-template-columns:1fr}.student-item,.comment-header{flex-direction:column;align-items:flex-start}}body.dark-theme .admin-search-detail-page{background:var(--white-dark, #1a1a2e)}body.dark-theme .admin-detail-container{background:var(--white-dark-light, #16213e)}body.dark-theme .admin-detail-title,body.dark-theme .section-title,body.dark-theme .comment-header strong{color:var(--text-primary-dark, #eee)}body.dark-theme .admin-detail-subtitle,body.dark-theme .info-field label,body.dark-theme .stat-label,body.dark-theme .comment-date,body.dark-theme .student-email{color:var(--text-secondary-dark, #aaa)}body.dark-theme .admin-detail-section,body.dark-theme .info-field,body.dark-theme .stat-card,body.dark-theme .student-item,body.dark-theme .comment-item,body.dark-theme .ticket-description,body.dark-theme .feedback-message{background:var(--white-dark-hover, #1a1a2e);color:var(--text-primary-dark, #eee)}body.dark-theme .admin-reply{background:#28a74526}@media(prefers-reduced-motion:reduce){.btn-back,.action-btn,.stat-card,.student-item,.comment-item{transition:none}.btn-back:hover,.action-btn:hover,.stat-card:hover,.student-item:hover{transform:none}.loading-spinner{animation:none}}@media print{.admin-search-detail-page{background:#fff;padding:0}.admin-detail-container{box-shadow:none;margin:0}.admin-detail-header,.admin-detail-actions,.btn-back{display:none}.admin-detail-content{padding:0}.admin-detail-section{break-inside:avoid;page-break-inside:avoid;background:none;padding:0;margin-bottom:var(--spacing-md, 1rem)}.info-field{break-inside:avoid}}.btn-back:focus-visible,.action-btn:focus-visible{outline:2px solid var(--primary-color, #667eea);outline-offset:2px}@media(prefers-contrast:high){.admin-detail-section,.info-field,.stat-card,.student-item,.comment-item,.btn-back,.action-btn{border:1px solid currentColor}}.admin-detail-content{animation:fadeIn .4s ease-out}.admin-search-detail-page::-webkit-scrollbar{width:8px}.admin-search-detail-page::-webkit-scrollbar-track{background:var(--white, #f1f1f1)}.admin-search-detail-page::-webkit-scrollbar-thumb{background:var(--primary-color, #888);border-radius:4px}.admin-search-detail-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark, #555)}.reverse-promotion-workflow-page{padding:24px;max-width:1200px;margin:0 auto;min-height:100vh;background:#f8fafc}.reverse-promotion-workflow-page .page-header{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #e2e8f0;margin-bottom:24px;flex-wrap:wrap}.reverse-promotion-workflow-page .page-header h1{font-size:24px;font-weight:700;color:#1a202c;margin:0;flex:1}.reverse-promotion-workflow-page .page-header p{font-size:14px;color:#718096;margin:0}.reverse-promotion-workflow-page .back-button{font-size:14px}.reverse-promotion-workflow-page .workflow-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px;min-height:500px}.reverse-promotion-workflow-page .workflow-steps{display:flex;justify-content:center;align-items:center;margin-bottom:32px;gap:0;position:relative}.reverse-promotion-workflow-page .workflow-steps .step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;max-width:120px}.reverse-promotion-workflow-page .workflow-steps .step:after{content:"";position:absolute;top:20px;left:60%;width:100%;height:2px;background:#e2e8f0;z-index:0}.reverse-promotion-workflow-page .workflow-steps .step:last-child:after{display:none}.reverse-promotion-workflow-page .workflow-steps .step.active:after{background:#48bb78}.reverse-promotion-workflow-page .workflow-steps .step-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#a0aec0;background:#edf2f7;border:2px solid #e2e8f0;z-index:1;transition:all .3s ease}.reverse-promotion-workflow-page .workflow-steps .step.active .step-number{background:#48bb78;color:#fff;border-color:#48bb78;box-shadow:0 0 0 4px #48bb7833}.reverse-promotion-workflow-page .workflow-steps .step-label{margin-top:8px;font-size:12px;font-weight:500;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px}.reverse-promotion-workflow-page .workflow-steps .step.active .step-label{color:#2d3748}.reverse-promotion-workflow-page .workflow-content{padding:16px 0}.reverse-promotion-step-content{animation:fadeInUp .4s ease}.reverse-promotion-step-content .promotion-title{font-size:20px;font-weight:600;color:#1a202c;margin:0 0 20px;text-align:center}.reverse-promotion-step-content .promotion-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.reverse-promotion-step-content .promotion-loading p{margin-top:16px;color:#718096;font-size:16px}.reverse-promotion-step-content .promotion-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.reverse-promotion-step-content .summary-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.reverse-promotion-step-content .summary-header h4{font-size:16px;font-weight:600;color:#2d3748;margin:0}.reverse-promotion-step-content .summary-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.reverse-promotion-step-content .detail-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f7fafc;border-radius:6px}.reverse-promotion-step-content .detail-item .label{font-size:13px;font-weight:500;color:#718096}.reverse-promotion-step-content .detail-item .value{font-size:13px;font-weight:600;color:#2d3748}.reverse-promotion-step-content .detail-item.highlight{background:#ebf8ff;border:1px solid #bee3f8}.reverse-promotion-step-content .detail-item.highlight .value{color:#2b6cb0}.reverse-promotion-step-content .semester-breakdown{margin:20px 0}.reverse-promotion-step-content .semester-breakdown h5{font-size:14px;font-weight:600;color:#4a5568;margin:0 0 12px}.reverse-promotion-step-content .semester-breakdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f7fafc;border-radius:6px;margin-bottom:8px;border-left:3px solid #e2e8f0;transition:all .2s ease}.reverse-promotion-step-content .semester-breakdown-item:hover{background:#edf2f7}.reverse-promotion-step-content .semester-breakdown-item:last-child{margin-bottom:0}.reverse-promotion-step-content .semester-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reverse-promotion-step-content .semester-name{font-size:14px;font-weight:500;color:#2d3748}.reverse-promotion-step-content .semester-students-preview{font-size:13px;color:#718096}.reverse-promotion-step-content .student-id-preview{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a0aec0;margin:0 2px}.reverse-promotion-step-content .warning-message{margin-top:20px}.reverse-promotion-step-content .results-container{padding:8px 0}.reverse-promotion-step-content .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.reverse-promotion-step-content .result-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:8px;text-align:left;transition:all .2s ease}.reverse-promotion-step-content .result-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.reverse-promotion-step-content .result-card.success{background:#f0fff4;border:1px solid #c6f6d5}.reverse-promotion-step-content .result-card.graduate{background:#ebf8ff;border:1px solid #bee3f8}.reverse-promotion-step-content .result-card.skipped{background:#fffbeb;border:1px solid #fef3c7}.reverse-promotion-step-content .result-card.failed{background:#fff5f5;border:1px solid #fed7d7}.reverse-promotion-step-content .result-icon{font-size:28px;line-height:1}.reverse-promotion-step-content .result-details{display:flex;flex-direction:column}.reverse-promotion-step-content .result-label{font-size:12px;font-weight:500;color:#718096;text-transform:uppercase;letter-spacing:.5px}.reverse-promotion-step-content .result-value{font-size:24px;font-weight:700;color:#2d3748}.reverse-promotion-step-content .errors-container{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:16px 20px;margin-bottom:20px}.reverse-promotion-step-content .errors-container h4{font-size:14px;font-weight:600;color:#e53e3e;margin:0 0 8px}.reverse-promotion-step-content .errors-container ul{list-style:none;padding:0;margin:0}.reverse-promotion-step-content .errors-container li{font-size:13px;color:#742a2a;padding:4px 0;border-bottom:1px solid #fed7d7}.reverse-promotion-step-content .errors-container li:last-child{border-bottom:none}.reverse-promotion-step-content .result-summary{text-align:center;padding:16px;background:#f7fafc;border-radius:8px}.reverse-promotion-step-content .result-message{font-size:15px;color:#2d3748;margin:0 0 8px}.reverse-promotion-step-content .result-total{font-size:14px;color:#718096;margin:0}.reverse-promotion-workflow-page .workflow-actions{padding-top:24px;margin-top:24px;border-top:1px solid #e2e8f0}.reverse-promotion-workflow-page .action-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:768px){.reverse-promotion-workflow-page{padding:16px}.reverse-promotion-workflow-page .workflow-container{padding:20px;min-height:400px}.reverse-promotion-workflow-page .page-header{flex-direction:column;align-items:flex-start;gap:8px}.reverse-promotion-workflow-page .page-header h1{font-size:20px}.reverse-promotion-workflow-page .workflow-steps .step{max-width:80px}.reverse-promotion-workflow-page .workflow-steps .step-number{width:32px;height:32px;font-size:14px}.reverse-promotion-step-content .summary-details{grid-template-columns:1fr}.reverse-promotion-step-content .results-grid{grid-template-columns:1fr 1fr}.reverse-promotion-step-content .semester-breakdown-item{flex-direction:column;align-items:flex-start;gap:8px}.reverse-promotion-step-content .semester-info{width:100%;justify-content:space-between}}@media(max-width:480px){.reverse-promotion-step-content .results-grid{grid-template-columns:1fr}.reverse-promotion-workflow-page .workflow-steps .step{max-width:60px}.reverse-promotion-workflow-page .workflow-steps .step-label{font-size:10px}}.reverse-promotion-workflow-page .processing{animation:pulse 1.5s ease-in-out infinite}.reverse-promotion-workflow-page .workflow-content::-webkit-scrollbar{width:6px}.reverse-promotion-workflow-page .workflow-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.reverse-promotion-workflow-page .workflow-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.reverse-promotion-workflow-page .workflow-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.reverse-workflow-action-buttons{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:nowrap}.reverse-workflow-action-buttons>div{display:flex}.manage-faculty-experiments-page-container{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;padding:var(--spacing-lg);max-width:1400px;background:var(--background-color);transition:background var(--transition-speed) var(--transition-timing)}.manage-faculty-experiments-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.manage-faculty-experiments-tabs{display:flex;flex-wrap:wrap;border-bottom:2px solid var(--border-color)}.manage-faculty-experiments-tab{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-weight:var(--font-weight-medium);color:var(--text-secondary-color);transition:all var(--transition-speed) var(--transition-timing)}.manage-faculty-experiments-tab:hover{color:var(--primary-color)}.manage-faculty-experiments-tab.is-active{color:var(--primary-color);border-color:var(--primary-color)}.error-message{color:var(--danger-color);background-color:var(--danger-background-color);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid rgba(var(--danger-color-rgb),.3)}.controls-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-tabs{flex:1;min-width:300px}.filter-tabs .components-tabs-list{background:var(--background-color-hover);padding:4px;border-radius:40px;display:inline-flex}.filter-tabs .components-tabs-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:30px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-speed) var(--transition-timing);display:inline-flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;cursor:pointer;color:var(--text-secondary-color)}.filter-tabs .components-tabs-button:hover{color:var(--primary-color)}.filter-tabs .components-tabs-button-active{background:var(--gradient-primary);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.filter-tabs .components-tabs-button-active:hover{color:var(--text-on-primary)}.filter-tabs .components-tabs-count{margin-left:4px;padding:2px 8px;background:#0000001a;border-radius:20px;font-size:11px;font-weight:var(--font-weight-semibold)}.filter-tabs .components-tabs-button-active .components-tabs-count{background:#fff3;color:var(--text-on-primary)}.search-section{display:flex;flex-direction:column;align-items:flex-end;min-width:300px}.main-search{width:100%;max-width:400px}.main-search input{height:42px;border-radius:30px;border:1px solid var(--border-color);padding:0 var(--spacing-md);font-size:var(--font-size-sm);width:100%;transition:all var(--transition-speed) var(--transition-timing);background:var(--background-color-light);color:var(--primary-color)}.main-search input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.main-search input::placeholder{color:var(--text-secondary-color)}.search-meta{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary-color);display:flex;align-items:center;gap:var(--spacing-xs);background:var(--background-color-hover);padding:4px var(--spacing-sm);border-radius:20px;white-space:nowrap}.clear-btn{color:var(--primary-color);font-size:var(--font-size-sm);padding:2px 8px;min-height:auto;background:transparent;border:none;cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.clear-btn:hover{text-decoration:underline;background:transparent;color:var(--primary-color-dark)}.experiment-list{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-lg)}.experiment-list .card-horizontal-link{width:100%}.experiment-list .card-horizontal{width:100%;transition:all var(--transition-speed) var(--transition-timing)}.experiment-list .card-horizontal:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.no-results{width:100%;text-align:center;padding:40px var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius);color:var(--text-secondary-color);border:1px solid var(--border-color)}.no-results p{margin-bottom:var(--spacing-md)}.info-text{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-top:var(--spacing-xs)}.loading-state{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl);background:var(--background-color-light);border-radius:var(--border-radius);min-height:200px}.empty-state{text-align:center;padding:var(--spacing-2xl);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color)}.empty-state-icon{font-size:4rem;color:var(--text-secondary-color);opacity:.5;margin-bottom:var(--spacing-md)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary-color);margin-bottom:var(--spacing-sm)}.empty-state-description{color:var(--text-secondary-color);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.manage-faculty-experiments-page-container{padding:var(--spacing-md)}.controls-wrapper{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filter-tabs{min-width:100%}.filter-tabs .components-tabs-list{width:100%;display:flex}.filter-tabs .components-tabs-button{flex:1;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);justify-content:center}.search-section{min-width:100%;align-items:stretch}.main-search{max-width:100%}.search-meta{white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center}.experiment-list{gap:var(--spacing-xs)}.experiment-list .card-horizontal:hover{transform:none}}@media(max-width:480px){.filter-tabs .components-tabs-button{padding:var(--spacing-xs) 10px;font-size:var(--font-size-sm)}.main-search input{height:40px;font-size:var(--font-size-sm)}.search-meta{font-size:var(--font-size-sm);padding:4px 10px}.manage-faculty-experiments-tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}}body.dark-theme .filter-tabs .components-tabs-list{background:var(--background-color-hover)}body.dark-theme .main-search input{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .search-meta{background:var(--background-color-hover)}body.dark-theme .no-results,body.dark-theme .empty-state,body.dark-theme .loading-state{background:var(--background-color-light);border-color:var(--border-color)}@media(prefers-reduced-motion:reduce){.manage-faculty-experiments-tab,.filter-tabs .components-tabs-button,.clear-btn,.experiment-list .card-horizontal{transition:none}.experiment-list .card-horizontal:hover{transform:none}.loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.controls-wrapper,.filter-tabs,.search-section,.clear-btn{display:none}.experiment-list{gap:var(--spacing-sm)}.experiment-list .card-horizontal{break-inside:avoid;border:1px solid #ddd;box-shadow:none}}.filter-tabs .components-tabs-button:focus-visible,.manage-faculty-experiments-tab:focus-visible,.clear-btn:focus-visible,.main-search input:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}.manage-student-access-page-container{padding:24px;max-width:1400px;margin:0 auto}.manage-student-access-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.manage-student-access-page-header h1{margin:0}.manage-student-access-page-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.manage-student-access-tabs{display:flex;flex-wrap:wrap;border-bottom:2px solid var(--border-color)}.manage-student-access-tab{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary-color);transition:color .2s ease-in-out,border-color .2s ease-in-out}.manage-student-access-tab:hover{color:var(--primary-color)}.manage-student-access-tab.is-active{color:var(--primary-color);border-color:var(--primary-color)}.manage-student-access-content{margin-top:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow)}.manage-student-access-content h3{color:var(--primary-color);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.configured-batches-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.configured-batch-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--background-color-hover);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:box-shadow .2s ease-in-out,border-left .2s ease-in-out;border-left:3px solid transparent}.configured-batch-item:hover{box-shadow:var(--box-shadow);border-left-color:var(--primary-color)}.configured-batch-item span{font-weight:var(--font-weight-medium);color:var(--text-on-primary)}.configured-batch-actions{display:flex;flex-direction:row;gap:var(--spacing-sm);align-items:center;flex-wrap:nowrap}.configured-batch-actions>div{display:flex;align-items:center}.manage-student-access-content .cmn-user-tree{margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm)}.user-tree-view{background:var(--background-color-light);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);position:relative;transition:all var(--transition-speed) var(--transition-timing)}.user-tree-view__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--background-color-hover)}.user-tree-view__stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap}.stat-card{display:flex;flex-direction:column;background:var(--background-color-light);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);min-width:100px;transition:all var(--transition-speed) var(--transition-timing)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-bottom:4px}.stat-value{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--primary-color)}.stat-active .stat-value{color:var(--success-color)}.stat-revoked .stat-value{color:var(--danger-color)}.stat-no-access .stat-value{color:var(--text-secondary-color)}.user-tree-view__filters{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:250px}.search-input{width:100%;padding:var(--spacing-xs) 32px var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);background:var(--background-color-light);color:var(--primary-color);transition:all var(--transition-speed) var(--transition-timing)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.search-input::placeholder{color:var(--text-secondary-color)}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:var(--text-secondary-color);cursor:pointer;padding:0 4px;transition:color var(--transition-speed) var(--transition-timing)}.clear-search:hover{color:var(--danger-color)}.filter-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);background:var(--background-color-light);color:var(--primary-color);cursor:pointer;min-width:150px;transition:all var(--transition-speed) var(--transition-timing)}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.user-tree-view__bulk-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:rgba(var(--primary-color-rgb),.1);border-bottom:1px solid rgba(var(--primary-color-rgb),.3);animation:slideDown var(--transition-speed) ease}.bulk-info{display:flex;align-items:center;gap:var(--spacing-md)}.bulk-actions{display:flex;gap:var(--spacing-sm);align-items:center}.user-tree-view__content{padding:0}.tree-node{border-bottom:1px solid var(--border-color)}.tree-node:last-child{border-bottom:none}.tree-node__header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-xl);transition:background var(--transition-speed) var(--transition-timing);cursor:pointer}.tree-node__header:hover{background:var(--background-color-hover)}.tree-node--course>.tree-node__header{background:rgba(var(--primary-color-rgb),.05);padding:var(--spacing-md) var(--spacing-xl)}.tree-node--course>.tree-node__header:hover{background:rgba(var(--primary-color-rgb),.1)}.tree-node--batch>.tree-node__header{background:var(--background-color-hover);padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) 52px}.tree-node--batch>.tree-node__header:hover{background:rgba(var(--primary-color-rgb),.05)}.tree-node--student>.tree-node__header{padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) 84px}.tree-node--student>.tree-node__header:hover{background:rgba(var(--primary-color-rgb),.03)}.tree-node__checkbox{margin-right:var(--spacing-md)}.tree-node__toggle{background:none;border:none;padding:0;margin-right:var(--spacing-xs);cursor:pointer;color:var(--text-secondary-color);display:flex;align-items:center}.tree-node--course .tree-node__toggle .toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--gradient-primary);color:var(--text-on-primary);border-radius:var(--border-radius);font-size:12px;transition:transform var(--transition-speed) var(--transition-timing)}.tree-node--batch .tree-node__toggle .toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--text-secondary-color);color:var(--text-on-primary);border-radius:var(--border-radius);font-size:12px;transition:transform var(--transition-speed) var(--transition-timing)}.tree-node--student .tree-node__toggle .toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--info-color);color:var(--text-on-primary);border-radius:var(--border-radius);font-size:10px;transition:transform var(--transition-speed) var(--transition-timing)}.tree-node__toggle .toggle-icon.expanded{transform:rotate(90deg)}.tree-node__info{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.tree-node__title{font-weight:var(--font-weight-semibold);color:var(--primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node--course .tree-node__title{font-size:var(--font-size-md)}.tree-node--batch .tree-node__title{font-size:15px;font-weight:var(--font-weight-medium)}.tree-node__meta{font-size:var(--font-size-sm);color:var(--text-secondary-color);white-space:nowrap}.tree-node__actions{display:flex;gap:var(--spacing-xs);margin-left:auto}.tree-node__action{margin-left:var(--spacing-md)}.student-info{display:flex;flex-direction:column;min-width:0}.student-name{font-weight:var(--font-weight-medium);color:var(--primary-color);font-size:var(--font-size-sm)}.student-email{font-size:var(--font-size-sm);color:var(--text-secondary-color);overflow:hidden;text-overflow:ellipsis}.student-details{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) 108px;background:var(--background-color-hover);border-top:1px solid var(--border-color);animation:slideDown var(--transition-speed) ease}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-label{font-size:var(--font-size-sm);color:var(--text-secondary-color);font-weight:var(--font-weight-medium)}.detail-value{font-size:var(--font-size-sm);color:var(--primary-color)}.experiments-section{margin-top:var(--spacing-md)}.experiments-section h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0 0 var(--spacing-sm) 0}.experiments-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.experiment-tag{padding:4px var(--spacing-sm);background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--primary-color);transition:all var(--transition-speed) var(--transition-timing)}.experiment-tag:hover{background:var(--primary-color-light);border-color:var(--primary-color)}.tree-node__children{padding:0}.user-tree-view--empty{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center;color:var(--text-secondary-color)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state h4{font-size:var(--font-size-lg);color:var(--primary-color);margin:0 0 var(--spacing-xs) 0}.empty-state p{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin:0}.user-tree-view__loading{position:absolute;inset:0;background:rgba(var(--background-color-rgb),.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--border-radius)}.text-info{color:var(--info-color)}.text-secondary{color:var(--text-secondary-color)}.bg-success-light{background:rgba(var(--success-color-rgb),.1)}.bg-danger-light{background:rgba(var(--danger-color-rgb),.1)}.bg-warning-light{background:rgba(var(--warning-color-rgb),.1)}.bg-info-light{background:rgba(var(--info-color-rgb),.1)}@media(max-width:768px){.user-tree-view__stats{gap:var(--spacing-sm)}.stat-card{min-width:calc(50% - 6px);padding:var(--spacing-xs) var(--spacing-md)}.user-tree-view__filters{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.user-tree-view__bulk-bar{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.bulk-actions{flex-wrap:wrap}.tree-node--batch>.tree-node__header{padding-left:var(--spacing-lg)}.tree-node--student>.tree-node__header{padding-left:48px}.student-details{padding-left:72px}.tree-node__header{flex-wrap:wrap}.tree-node__actions{width:100%;margin-top:var(--spacing-xs);margin-left:0;justify-content:flex-end}.details-grid{grid-template-columns:1fr}}@media(max-width:480px){.user-tree-view__header{padding:var(--spacing-md)}.tree-node__header{padding:var(--spacing-xs) var(--spacing-md)}.tree-node--course>.tree-node__header{padding:var(--spacing-sm) var(--spacing-md)}.tree-node--batch>.tree-node__header{padding-left:32px}.tree-node--student>.tree-node__header{padding-left:40px}.student-details{padding-left:56px}.tree-node__checkbox{margin-right:var(--spacing-xs)}.tree-node__info{gap:var(--spacing-xs)}}@media print{.user-tree-view__filters,.user-tree-view__bulk-bar,.tree-node__actions,.tree-node__checkbox,.tree-node__toggle{display:none}.user-tree-view{box-shadow:none;border:1px solid #ddd}.tree-node__header,.student-details{break-inside:avoid}}@media(prefers-reduced-motion:reduce){.tree-node__header,.stat-card,.tree-node__toggle .toggle-icon,.search-input,.filter-select{transition:none}.user-tree-view__bulk-bar,.student-details{animation:none}.loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}.search-input:focus-visible,.filter-select:focus-visible,.clear-search:focus-visible,.tree-node__toggle:focus-visible,button:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.stat-card,.tree-node__header,.student-details{border:1px solid currentColor}.tree-node--course>.tree-node__header{background:transparent}}body.dark-theme .user-tree-view__header{background:var(--background-color-hover)}body.dark-theme .user-tree-view__bulk-bar{background:rgba(var(--primary-color-rgb),.15)}body.dark-theme .student-details{background:var(--background-color-hover)}body.dark-theme .experiment-tag{background:var(--background-color-hover);border-color:var(--border-color)}body.dark-theme .experiment-tag:hover{background:rgba(var(--primary-color-rgb),.2)}body.dark-theme .tree-node--course>.tree-node__header{background:rgba(var(--primary-color-rgb),.08)}body.dark-theme .tree-node--course>.tree-node__header:hover{background:rgba(var(--primary-color-rgb),.15)}body.dark-theme .tree-node--batch>.tree-node__header{background:var(--background-color-hover)}body.dark-theme .tree-node__toggle .toggle-icon{background:var(--text-secondary-color)}body.dark-theme .user-tree-view__loading{background:#000c}.components-tooltip-container{position:relative;display:inline-block}.components-tooltip-text{visibility:hidden;width:max-content;max-width:200px;background-color:var(--primary-color);color:var(--text-on-primary);text-align:center;border-radius:var(--border-radius);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;z-index:var(--z-index-tooltip);bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity var(--transition-speed) var(--transition-timing);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);pointer-events:none;white-space:nowrap}.components-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--primary-color) transparent transparent transparent}.components-tooltip-container:hover .components-tooltip-text{visibility:visible;opacity:1}.configure-access-page-container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;min-height:100vh;background:var(--background-color);transition:background var(--transition-speed) var(--transition-timing)}.configure-access-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.header-title{display:flex;flex-direction:column;gap:var(--spacing-xs)}.configure-access-page-header h1{margin:0;font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color);line-height:1.2;transition:color var(--transition-speed) var(--transition-timing)}.header-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--background-color-hover);color:var(--text-secondary-color-dark);border-radius:20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--border-color)}.configure-access-page-actions{display:flex;gap:var(--spacing-md)}.configure-access-summary{margin-bottom:var(--spacing-xl)}.summary-card{background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.summary-card h3{margin:0 0 var(--spacing-md) 0;color:var(--primary-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.summary-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:32px;font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1.2}.summary-value.active{color:var(--success-color)}.summary-value.revoked{color:var(--danger-color)}.summary-value.no-access{color:var(--text-secondary-color-dark)}.access-type-summary{margin-top:var(--spacing-md)}.access-type-summary h4{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary-color-dark);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm)}.type-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.type-item:hover{background:var(--background-color-hover)}.type-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);font-weight:var(--font-weight-medium)}.type-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-color)}.batch-info-card h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);opacity:.9;color:var(--primary-color)}.batch-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.detail-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-row .label{font-size:var(--font-size-sm);opacity:.8;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary-color-dark)}.detail-row .value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.value.status-active{color:var(--success-color)}.value.status-completed{color:var(--warning-color)}.configure-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.configure-access-panel{background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.configure-access-panel:hover{box-shadow:var(--shadow-md)}.configure-access-panel h3{margin:0 0 var(--spacing-lg) 0;color:var(--primary-color);font-size:20px;font-weight:var(--font-weight-semibold);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.panel-header h3{margin:0;border-bottom:none;padding-bottom:0}.student-count-configure-access{background:var(--gradient-primary);color:var(--text-on-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.step-header{margin:var(--spacing-xl) 0 var(--spacing-lg) 0;color:var(--text-secondary-color-dark);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.student-summary-stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);animation:slideDown .5s ease-out}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:100px;padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color-light);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.stat-value{font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color);line-height:1.2}.stat-value.success{color:var(--success-color)}.stat-value.warning{color:var(--danger-color)}.student-filters{display:grid;grid-template-columns:1fr 200px;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:start}.student-filters .components-searchbar-container{width:100%;position:relative;display:flex;align-items:center}.student-filters .components-searchbar-input{width:100%;padding:.5rem 2rem .5rem .75rem;font-size:var(--font-size-sm);line-height:1.5;color:var(--primary-color);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.student-filters .components-searchbar-input::placeholder{color:var(--text-secondary-color-dark);opacity:1}.student-filters .components-searchbar-input:hover:not(:disabled){border-color:var(--primary-color)}.student-filters .components-searchbar-input:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .25rem rgba(var(--primary-color-rgb),.25)}.student-filters .components-searchbar-input:disabled{background:var(--background-color-hover);opacity:.65;cursor:not-allowed}.student-filters .components-searchbar-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary-color-dark);font-size:1.25rem;line-height:1;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all var(--transition-speed) var(--transition-timing)}.student-filters .components-searchbar-clear:hover{background:#0000000d;color:var(--danger-color)}.student-filters .configure-select{width:100%;min-width:0}.student-filters .configure-select .cmn-select{width:100%}.student-filters .configure-select .cmn-select__wrapper{position:relative;width:100%}.student-filters .configure-select .cmn-select__element{width:100%;padding:.5rem 2rem .5rem .75rem;font-size:var(--font-size-sm);line-height:1.5;color:var(--primary-color);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);appearance:none;cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.student-filters .configure-select .cmn-select__element:hover:not(:disabled){border-color:var(--primary-color)}.student-filters .configure-select .cmn-select__element:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .25rem rgba(var(--primary-color-rgb),.25)}.student-filters .configure-select .cmn-select__element:disabled{background:var(--background-color-hover);opacity:.65;cursor:not-allowed}.student-filters .configure-select .cmn-select__arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary-color-dark);pointer-events:none;font-size:.75rem;transition:color var(--transition-speed) var(--transition-timing)}.access-type-section{margin-top:var(--spacing-md)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.radio-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);background:var(--background-color-light)}.radio-option:hover{border-color:var(--primary-color);background:var(--background-color-hover)}.radio-option.selected{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.05)}.radio-option input[type=radio]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:var(--primary-color)}.radio-content{flex:1}.radio-title{display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin-bottom:var(--spacing-xs)}.radio-description{display:block;font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);line-height:1.5}.experiments-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.experiments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.experiments-header h4{margin:0;color:var(--primary-color);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.experiment-actions{display:flex;gap:var(--spacing-sm)}.experiment-group{margin-bottom:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.experiment-group-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--background-color-hover);cursor:pointer;transition:background var(--transition-speed) var(--transition-timing);border-bottom:1px solid var(--border-color)}.experiment-group-header:hover{background:rgba(var(--primary-color-rgb),.05)}.toggle-icon{font-size:12px;color:var(--text-secondary-color-dark);width:20px;text-align:center}.group-title{font-weight:var(--font-weight-semibold);color:var(--primary-color);flex:1}.group-badge{background:var(--gradient-primary);color:var(--text-on-primary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:var(--font-weight-medium)}.group-semester{color:var(--text-secondary-color-dark);font-size:var(--font-size-sm);padding:2px 8px;background:var(--background-color-light);border-radius:var(--border-radius)}.experiment-group-content{padding:var(--spacing-md);background:var(--background-color-light)}.experiment-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);transition:background var(--transition-speed) var(--transition-timing);cursor:pointer}.experiment-item:hover{background:var(--background-color-hover)}.experiment-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--primary-color)}.experiment-info{flex:1}.experiment-name{display:block;font-weight:var(--font-weight-medium);color:var(--primary-color);margin-bottom:2px}.experiment-description{display:block;font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-bottom:4px}.experiment-meta{display:flex;gap:var(--spacing-sm);font-size:12px}.meta-type{color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1);padding:2px 6px;border-radius:var(--border-radius)}.meta-level{color:var(--success-color);background:rgba(var(--success-color-rgb),.1);padding:2px 6px;border-radius:var(--border-radius)}.selection-info{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.selection-info strong{color:var(--primary-color);font-size:var(--font-size-lg)}.student-list{max-height:500px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius);margin-top:var(--spacing-md)}.student-list::-webkit-scrollbar{width:8px}.student-list::-webkit-scrollbar-track{background:var(--background-color-hover);border-radius:4px}.student-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.student-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.student-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);transition:background var(--transition-speed) var(--transition-timing);cursor:pointer}.student-item:last-child{border-bottom:none}.student-item:hover{background:var(--background-color-hover)}.student-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.student-info{flex:1;display:flex;flex-direction:column;gap:2px}.student-name{font-weight:var(--font-weight-semibold);color:var(--primary-color);font-size:15px}.student-email{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.student-actions-bar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);justify-content:flex-end}.student-actions-configure-access{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center}.student-actions-configure-access__item{display:flex;flex-direction:column}.selection-summary{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:rgba(var(--primary-color-rgb),.1);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.selected-count{font-size:var(--font-size-md);color:var(--primary-color);margin-bottom:var(--spacing-xs)}.selected-count strong{color:var(--primary-color);font-size:20px}.selected-preview{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);line-height:1.5}.action-buttons-configure-access{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--border-color)}.primary-actions-configure-access{display:flex;gap:var(--spacing-md)}.access-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:1rem;background:var(--background-color-hover);color:var(--text-secondary-color-dark);white-space:nowrap}.access-badge.success{background:rgba(var(--success-color-rgb),.15);color:var(--success-color);border:1px solid rgba(var(--success-color-rgb),.3)}.access-badge.info{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);border:1px solid rgba(var(--primary-color-rgb),.3)}.access-badge.warning{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color);border:1px solid rgba(var(--warning-color-rgb),.3)}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--text-secondary-color-dark)}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state h4{margin:0 0 var(--spacing-sm) 0;color:var(--primary-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.empty-state p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary-color-dark);font-size:var(--font-size-sm)}.empty-state .hint{color:var(--text-secondary-color-dark);font-size:var(--font-size-sm);font-style:italic}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-state p{margin-top:var(--spacing-md);color:var(--text-secondary-color-dark);font-size:var(--font-size-md)}.loading-students{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.loading-students p{color:var(--text-secondary-color-dark);font-size:var(--font-size-sm)}@media(max-width:1024px){.configure-access-page-container{padding:var(--spacing-md)}.configure-access-grid{gap:var(--spacing-lg)}}@media(max-width:992px){.configure-access-grid{grid-template-columns:1fr}.summary-grid,.type-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.configure-access-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.configure-access-page-actions{width:100%;flex-wrap:wrap}.configure-access-page-actions button{flex:1}.summary-grid,.type-grid{grid-template-columns:1fr}.batch-details{grid-template-columns:1fr;gap:var(--spacing-md)}.student-summary-stats{flex-direction:column;gap:var(--spacing-sm)}.stat-item{min-width:auto;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md)}.stat-label{margin-bottom:0;font-size:var(--font-size-md)}.student-filters{grid-template-columns:1fr;gap:var(--spacing-sm)}.radio-option{padding:var(--spacing-md)}.action-buttons{flex-direction:column-reverse}.primary-actions{flex-direction:column;width:100%}.primary-actions button{width:100%}.experiment-group-header{flex-wrap:wrap;gap:var(--spacing-sm)}.group-title{width:100%;margin-bottom:var(--spacing-xs)}.experiment-actions{width:100%;justify-content:flex-start}}@media(max-width:480px){.configure-access-page-container{padding:var(--spacing-sm)}.configure-access-panel{padding:var(--spacing-md)}.header-badge{font-size:var(--font-size-sm)}.student-item{flex-wrap:wrap}.student-actions{width:100%;margin-left:0;justify-content:flex-end}}@media print{.configure-access-page-header,.action-buttons,.student-actions-bar,.experiment-actions,.student-filters,.configure-access-page-actions{display:none}.configure-access-panel{break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid #ddd}.summary-card{box-shadow:none;border:1px solid #ddd}}@media(prefers-reduced-motion:reduce){.summary-item,.type-item,.stat-item,.radio-option,.experiment-item,.student-item,.configure-access-panel,.summary-card{transition:none}.summary-item:hover,.stat-item:hover{transform:none}.student-summary-stats{animation:none}.loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}button:focus-visible,input:focus-visible,select:focus-visible,.radio-option:focus-visible,.experiment-item:focus-visible,.student-item:focus-visible,.student-filters .components-searchbar-clear:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.summary-item,.type-item,.radio-option,.experiment-group,.student-item{border:2px solid currentColor}.radio-option.selected{border:2px solid var(--primary-color)}.access-badge.success,.access-badge.info,.access-badge.warning{border:1px solid currentColor}}body.dark-theme .configure-access-panel,body.dark-theme .summary-card,body.dark-theme .student-list{background:var(--background-color-light)}body.dark-theme .experiment-group-header{background:var(--background-color-hover)}body.dark-theme .selection-summary{background:rgba(var(--primary-color-rgb),.15)}body.dark-theme .student-filters .components-searchbar-input,body.dark-theme .student-filters .configure-select .cmn-select__element{background:var(--background-color-light);color:var(--primary-color)}body.dark-theme .student-filters .components-searchbar-clear:hover{background:#ffffff1a}.checkbox-list-container{display:flex;flex-direction:column}.checkbox-list-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--text-secondary-color);font-size:var(--font-size-sm)}.checkbox-list{list-style:none;padding:var(--spacing-sm) var(--spacing-md);margin:0;border:1px solid var(--border-color);border-radius:var(--border-radius);max-height:200px;overflow-y:auto;background-color:var(--background-color-light)}.checkbox-list-item{padding:var(--spacing-xs) 0}.checkbox-list-item-label-wrapper{display:flex;align-items:center;cursor:pointer;width:100%}.checkbox-list-item-input{width:16px;height:16px;margin-right:var(--spacing-sm);cursor:pointer;accent-color:var(--brand-cyan-bright)}.checkbox-list-item-label{color:var(--primary-color)}.checkbox-list-empty-item{color:var(--text-muted);font-style:italic;text-align:center;padding:var(--spacing-md) 0}.access-summary-card{background:var(--background-color-light, #ffffff);border:1px solid var(--border-color, #dee2e6);border-radius:var(--border-radius-lg, .5rem);padding:var(--spacing-lg, 1.5rem);margin-bottom:var(--spacing-lg, 1.5rem);box-shadow:var(--box-shadow, 0 1px 3px rgba(0,0,0,.12));transition:all var(--transition-speed, .2s) var(--transition-timing, ease-in-out);position:relative;overflow:hidden}.access-summary-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,var(--primary-color, #007bff) 0%,var(--primary-color-dark, #0056b3) 100%);transition:width .3s ease}.access-summary-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-deep, 0 4px 8px rgba(0,0,0,.15))}.access-summary-card:hover:before{width:6px}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg, 1.5rem);padding-bottom:var(--spacing-md, 1rem);border-bottom:1px solid var(--border-color, #dee2e6)}.header-left{display:flex;align-items:center;gap:var(--spacing-md, 1rem);flex-wrap:wrap}.summary-header h3{margin:0;font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary-color, #212529)}.batch-name{font-size:var(--font-size-md, 1rem);color:var(--text-secondary-color, #6c757d);background:var(--background-color-hover, #f1f3f5);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--border-radius-sm, .2rem);font-weight:var(--font-weight-medium, 500)}.batch-years{font-size:var(--font-size-sm, .875rem);color:var(--text-secondary-color, #6c757d);background:var(--primary-color-light, #e6f2ff);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--border-radius-sm, .2rem);font-weight:var(--font-weight-medium, 500)}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-xl, 2rem)}.stat-item{background:var(--background-color-hover, #f1f3f5);border-radius:var(--border-radius, .375rem);padding:var(--spacing-md, 1rem);text-align:center;transition:all var(--transition-speed, .2s) var(--transition-timing, ease-in-out);border:1px solid transparent}.stat-item:hover{transform:translateY(-2px);border-color:var(--border-color, #dee2e6)}.stat-item.total{background:linear-gradient(135deg,var(--primary-color-light, #e6f2ff) 0%,var(--background-color-hover, #f1f3f5) 100%)}.stat-item.active{background:linear-gradient(135deg,var(--success-background-color, #e9f6ec) 0%,var(--background-color-hover, #f1f3f5) 100%)}.stat-item.revoked{background:linear-gradient(135deg,var(--danger-background-color, #fbebee) 0%,var(--background-color-hover, #f1f3f5) 100%)}.stat-item.no-access{background:linear-gradient(135deg,var(--background-color-hover, #f1f3f5) 0%,var(--background-color-hover, #f1f3f5) 100%)}.stat-label{display:block;font-size:var(--font-size-sm, .875rem);color:var(--text-secondary-color, #6c757d);margin-bottom:var(--spacing-xs, .25rem);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.5px}.stat-value{display:block;font-size:2rem;font-weight:var(--font-weight-bold, 700);color:var(--text-primary-color, #212529);line-height:1.2}.access-distribution{margin-top:var(--spacing-lg, 1.5rem)}.access-distribution h4{margin:0 0 var(--spacing-md, 1rem) 0;font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary-color, #212529)}.distribution-bars{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.distribution-bar{display:flex;align-items:center;gap:var(--spacing-sm, .5rem)}.bar-label{min-width:120px;font-size:var(--font-size-sm, .875rem);color:var(--text-secondary-color, #6c757d);display:flex;align-items:center;justify-content:space-between}.bar-count{font-weight:var(--font-weight-bold, 700);color:var(--text-primary-color, #212529);margin-left:var(--spacing-xs, .25rem)}.bar-container{flex:1;height:24px;border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}.bar-fill{height:100%;transition:width .3s ease;position:relative}.bar-fill:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:#ffffff4d}.bar-fill.full-access{background:linear-gradient(90deg,var(--primary-color, #007bff) 0%,var(--primary-color-dark, #0056b3) 100%)}.bar-fill.specific{background:linear-gradient(90deg,var(--warning-color, #ffc107) 0%,#e0a800 100%)}.hierarchical-summary{margin-top:var(--spacing-lg, 1.5rem);padding-top:var(--spacing-lg, 1.5rem);border-top:1px solid var(--border-color, #dee2e6)}.hierarchical-summary h4{margin:0 0 var(--spacing-md, 1rem) 0;font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary-color, #212529)}.hierarchy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md, 1rem)}.hierarchy-item{background:var(--background-color-hover, #f1f3f5);border-radius:var(--border-radius, .375rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);display:flex;align-items:center;justify-content:space-between}.hierarchy-label{font-size:var(--font-size-sm, .875rem);color:var(--text-secondary-color, #6c757d)}.hierarchy-value{font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-bold, 700);color:var(--primary-color, #007bff)}@media(max-width:768px){.summary-stats{grid-template-columns:repeat(2,1fr)}.summary-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm, .5rem)}.header-left{width:100%;justify-content:space-between}.distribution-bar{flex-direction:column;align-items:flex-start}.bar-label,.bar-container{width:100%}.hierarchy-stats{grid-template-columns:1fr}}@media(max-width:480px){.summary-stats{grid-template-columns:1fr}.stat-item{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem)}.stat-label{margin-bottom:0;text-transform:none}.stat-value{font-size:1.5rem}}@media(prefers-color-scheme:dark){.batch-name{background:var(--background-color-hover, #2c2c2c)}.batch-years{background:var(--primary-color-light, #2a3a50)}.hierarchy-item{background:var(--background-color-hover, #2c2c2c)}.hierarchy-value{color:var(--primary-color, #3391ff)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.access-summary-card{animation:slideIn .5s ease}.stat-value{animation:pulse 2s ease-in-out infinite;animation-iteration-count:1}.batch-info-card{display:flex;align-items:flex-start;gap:20px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;margin-bottom:24px;border:1px solid #e9ecef;transition:transform .2s ease,box-shadow .2s ease}.batch-info-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #0000001a,0 2px 4px #0000000d}.batch-icon{font-size:48px;line-height:1;background-color:#ebf5ff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#3498db}.batch-details{flex:1}.batch-details h3{margin:0 0 4px;font-size:24px;font-weight:600;color:#2c3e50}.batch-name{margin:0 0 12px;font-size:14px;color:#6c757d}.batch-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:8px 0 0}.meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6c757d;padding:4px 8px;background-color:#f8f9fa;border-radius:6px;transition:all .2s ease}.meta-item strong{color:#2c3e50;font-weight:600;margin-right:2px}.meta-icon{margin-right:4px;font-size:14px}.status-badge{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500;text-transform:capitalize;letter-spacing:.3px}.status-ongoing{background-color:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.status-upcoming{background-color:#ffc1071a;color:#856404;border:1px solid rgba(255,193,7,.2)}.status-completed{background-color:#6c757d1a;color:#6c757d;border:1px solid rgba(108,117,125,.2)}.status-unknown{background-color:#f8f9fa;color:#6c757d;border:1px solid #e9ecef}.batch-description{margin:12px 0 0;font-size:14px;color:#6c757d;line-height:1.5;padding-top:12px;border-top:1px dashed #e9ecef}.batch-id{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:13px;background:#f8f9fa;cursor:help;transition:all .2s ease}.batch-id:hover{background:#ebf5ff;color:#3498db;transform:translateY(-1px)}.batch-info-card{animation:fadeInUp .5s ease-out}@media(max-width:768px){.batch-info-card{flex-direction:column;align-items:center;text-align:center;gap:16px;padding:16px}.batch-details h3{font-size:22px}.batch-meta{justify-content:center}.batch-description{font-size:13px;margin-top:10px;padding-top:10px}.batch-id{font-size:12px}}@media(max-width:480px){.batch-info-card{padding:14px}.batch-icon{font-size:40px;width:50px;height:50px}.batch-details h3{font-size:20px}.batch-meta{flex-direction:column;align-items:stretch;gap:8px}.meta-item{justify-content:center}.status-badge{width:fit-content;margin:0 auto}.batch-description{font-size:12px;margin-top:8px;padding-top:8px}}@media print{.batch-info-card{box-shadow:none;border:1px solid #000;page-break-inside:avoid}.batch-icon{background:none;color:#000}.status-badge{border:1px solid #000;background:none!important;color:#000!important}.meta-item{background:none;border:1px solid #ccc}}.individual-access-page-container{padding:24px;max-width:1200px;margin:0 auto}.individual-access-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.individual-access-page-title{font-size:28px;font-weight:600;color:#333;margin:0 0 8px}.individual-access-page-subtitle{font-size:16px;color:#666;margin:0}.current-access-status{margin-top:12px;display:flex;align-items:center;gap:16px}.status-badge{padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500}.status-badge.revoked{background-color:#fee;color:#d32f2f;border:1px solid #ffcdd2}.status-badge.all{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.status-badge.specific{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.status-badge.none{background-color:#f5f5f5;color:#757575;border:1px solid #e0e0e0}.last-updated{font-size:14px;color:#888}.individual-access-form-panel{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.individual-access-panel-title{font-size:20px;font-weight:600;color:#333;margin:0 0 24px}.individual-access-radio-group{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.radio-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.radio-option:hover{border-color:#bbdefb;background-color:#f8fdff}.radio-option input[type=radio]{width:20px;height:20px;cursor:pointer}.radio-option span{font-size:16px;color:#333;flex:1}.individual-access-checkbox-wrapper{margin-top:24px;padding:24px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa}.experiment-count{margin-top:12px;font-size:14px;color:#666;text-align:center}.no-experiments-message{text-align:center;padding:24px;color:#666;background-color:#f5f5f5;border-radius:8px;border:1px dashed #ddd}.revoked-access-message{text-align:center;padding:32px;background-color:#fff3e0;border-radius:8px;border:1px solid #ffcc80}.revoked-access-message p{color:#e65100;margin-bottom:20px;font-size:16px}.individual-access-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid #e0e0e0}@media(max-width:768px){.individual-access-page-container{padding:16px}.individual-access-page-header{flex-direction:column;gap:16px}.individual-access-form-panel{padding:20px}.individual-access-radio-group{gap:12px}.radio-option{padding:12px}.individual-access-actions{flex-direction:column}.individual-access-actions button{width:100%}}.student-permission-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}.student-details-column{padding-right:1rem;border-right:1px solid #e9ecef}.student-details-column h2{margin:0 0 .5rem;font-size:1.25rem;color:#212529}.student-details-column .student-email{margin:0 0 .25rem;font-size:.875rem;color:#6c757d}.student-details-column .student-phone{margin:0 0 .5rem;font-size:.875rem;color:#6c757d}.student-details-column .batch-info{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.student-details-column .batch-name{font-size:.875rem;font-weight:500;color:#495057;background-color:#f8f9fa;padding:.25rem .5rem;border-radius:.25rem}.student-details-column .batch-year{font-size:.875rem;color:#6c757d}.permission-details-column{display:flex;align-items:center;justify-content:flex-start}.permission-details-column .current-status-card{width:100%;padding:.75rem;background-color:#f8f9fa;border-radius:.375rem;border-left:4px solid #dee2e6}.permission-details-column .status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.permission-details-column .status-header h3{margin:0;font-size:.875rem;font-weight:600;color:#495057}.permission-details-column .status-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:1rem;font-weight:500}.permission-details-column .status-badge.all{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.permission-details-column .status-badge.specific{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.permission-details-column .status-badge.revoked{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.permission-details-column .last-updated{margin:0;font-size:.75rem;color:#6c757d}.student-permission-row.asymmetric{grid-template-columns:2fr 1fr}@media(max-width:768px){.student-permission-row{grid-template-columns:1fr;gap:1rem}.student-details-column{padding-right:0;border-right:none;border-bottom:1px solid #e9ecef;padding-bottom:1rem}}.faculty-assessment-management{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;background:var(--background-color);min-height:100vh;transition:background var(--transition-speed) var(--transition-timing)}.page-header-faculty-assessment-management{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.page-header h1{margin:0;font-size:28px;color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.header-actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.tab-buttons{display:flex;gap:var(--spacing-sm)}.search-bar{width:300px}.search-bar-large{width:100%;max-width:500px;margin-bottom:var(--spacing-lg)}.search-section{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.filters-section{background:var(--white);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.filters-section h2{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.filters-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.submissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.submissions-header h2{margin:0;font-size:var(--font-size-lg);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.submissions-table-container{background:var(--white);border-radius:var(--border-radius);overflow:auto;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.submissions-table{width:100%;border-collapse:collapse;min-width:1000px}.submissions-table th{background:var(--white);padding:var(--spacing-md) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--primary-color);border-bottom:2px solid var(--border-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.submissions-table td{padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.submissions-table tbody tr:hover{background:var(--white);cursor:pointer}.text-muted{color:var(--text-secondary-color);font-size:var(--font-size-sm)}.action-buttons{display:flex;gap:var(--spacing-xs)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md)}.empty-state{padding:48px;text-align:center;color:var(--text-secondary-color);font-size:var(--font-size-md);background:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color)}.assessment-detail{padding:var(--spacing-md)}.detail-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.detail-section h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);color:var(--primary-color)}.detail-section p{margin:var(--spacing-xs) 0;color:var(--primary-color)}.detail-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.status-update-modal{padding:var(--spacing-md)}.status-update-modal p{margin-bottom:var(--spacing-lg);color:var(--primary-color)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--primary-color)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.badge{display:inline-block;padding:4px 8px;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.badge.secondary{background:var(--white);color:var(--text-secondary-color)}.badge.warning{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.badge.info{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.badge.success{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.badge.danger{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.submissions-pagination{margin-top:var(--spacing-lg);display:flex;justify-content:center}.items-info{margin-top:var(--spacing-md);text-align:center;color:var(--text-secondary-color);font-size:var(--font-size-sm)}@media(max-width:768px){.faculty-assessment-management{padding:var(--spacing-md)}.page-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.header-actions{width:100%;flex-direction:column}.search-bar{width:100%}.search-bar-large{max-width:100%}.filters-grid{grid-template-columns:1fr}.filters-actions{flex-direction:column}.filters-actions button{width:100%}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.submissions-table-container{overflow-x:auto}.submissions-table{min-width:800px}.submissions-table th,.submissions-table td{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-sm)}.tab-buttons{width:100%;flex-direction:column}.tab-buttons button{width:100%}}@media(max-width:480px){.faculty-assessment-management{padding:var(--spacing-sm)}.filters-section{padding:var(--spacing-md)}.empty-state{padding:32px var(--spacing-md)}.detail-actions,.modal-actions{flex-direction:column}.detail-actions button,.modal-actions button{width:100%}}body.dark-theme .filters-section,body.dark-theme .submissions-table-container,body.dark-theme .empty-state{background:var(--white);border-color:var(--border-color)}body.dark-theme .submissions-table th{background:var(--white);border-bottom-color:var(--border-color)}body.dark-theme .submissions-table td{border-bottom-color:var(--border-color)}body.dark-theme .submissions-table tbody tr:hover{background:var(--white)}@media(prefers-reduced-motion:reduce){.filters-section,.submissions-table-container,.submissions-table th,.submissions-table td,.badge{transition:none}}@media print{.filters-section,.header-actions,.tab-buttons,.filters-actions,.action-buttons,.submissions-pagination{display:none}.submissions-table-container{box-shadow:none;border:1px solid #ddd}.submissions-table th{background:#f0f0f0}}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}.submissions-table tbody tr:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:-2px}.components-container-element{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);box-sizing:border-box}.components-container-max-width-sm{max-width:640px}.components-container-max-width-md{max-width:768px}.components-container-max-width-lg{max-width:1024px}.components-container-max-width-xl{max-width:1280px}.assignment-card-container{background:var(--background-color-light);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing);overflow:hidden;border:1px solid var(--border-color);height:100%;display:flex;flex-direction:column}.assignment-card-container:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.assignment-card-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--background-color-hover);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;transition:background var(--transition-speed) var(--transition-timing)}.assignment-card-header-left{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.assignment-card-status-wrapper{display:inline-flex}.assignment-card-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.assignment-card-status-icon{font-size:var(--font-size-sm)}.assignment-card-badge-draft{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.assignment-card-badge-published{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.assignment-card-badge-archived{background:var(--background-color-hover);color:var(--text-secondary-color-dark)}.assignment-card-badge-cancelled{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.assignment-card-file-required-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);border-radius:var(--border-radius-full);font-size:11px;font-weight:var(--font-weight-medium);margin-left:var(--spacing-xs)}.assignment-card-type{background:var(--background-color-hover);color:var(--text-secondary-color-dark);padding:.25rem .75rem;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize}.assignment-card-body{padding:var(--spacing-lg);flex:1;transition:padding var(--transition-speed) var(--transition-timing)}.assignment-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0 0 var(--spacing-sm) 0;line-height:1.4;transition:color var(--transition-speed) var(--transition-timing)}.assignment-card-description{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin:0 0 var(--spacing-md) 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-speed) var(--transition-timing)}.assignment-card-file-upload-info{margin:var(--spacing-sm) 0;padding:var(--spacing-sm);background:rgba(var(--warning-color-rgb),.1);border:1px solid rgba(var(--warning-color-rgb),.3);border-radius:var(--border-radius)}.assignment-card-file-info-header{display:flex;align-items:center;gap:6px;margin-bottom:var(--spacing-xs);color:var(--warning-color)}.assignment-card-file-details{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-bottom:var(--spacing-xs)}.assignment-card-file-instructions{padding-top:var(--spacing-xs);border-top:1px solid rgba(var(--warning-color-rgb),.2);font-size:var(--font-size-sm);color:var(--warning-color)}.assignment-card-file-instructions small{font-style:italic}.assignment-card-course-semester-info{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color)}.assignment-card-info-item{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.assignment-card-info-icon{font-size:var(--font-size-md);color:var(--primary-color)}.assignment-card-info-content{display:flex;flex-direction:column;gap:2px}.assignment-card-info-label{font-size:11px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary-color-dark)}.assignment-card-info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.assignment-card-metadata{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.assignment-card-metadata-item{display:flex;align-items:center;gap:var(--spacing-sm)}.assignment-card-metadata-icon{color:var(--text-secondary-color-dark);font-size:var(--font-size-md)}.assignment-card-metadata-content{flex:1;display:flex;justify-content:space-between;align-items:center}.assignment-card-metadata-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.assignment-card-metadata-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color)}.assignment-card-metadata-value.assignment-card-overdue{color:var(--danger-color)}.assignment-card-marks-section{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.assignment-card-mark-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.assignment-card-mark-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.assignment-card-mark-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--primary-color)}.assignment-card-stats-section{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:rgba(var(--success-color-rgb),.1);border-radius:var(--border-radius)}.assignment-card-stat-item{margin-bottom:var(--spacing-sm)}.assignment-card-stat-item:last-child{margin-bottom:0}.assignment-card-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.assignment-card-stat-label{font-size:var(--font-size-sm);color:var(--success-color)}.assignment-card-stat-percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--success-color)}.assignment-card-progress-bar{background:rgba(var(--success-color-rgb),.2);border-radius:10px;overflow:hidden;height:6px;margin-bottom:var(--spacing-xs)}.assignment-card-progress-fill{height:100%;transition:width var(--transition-speed) var(--transition-timing);border-radius:10px}.assignment-card-progress-submission{background:var(--success-color)}.assignment-card-progress-grading{background:var(--primary-color)}.assignment-card-stat-details{font-size:var(--font-size-sm);color:var(--success-color)}.assignment-card-footer{padding:var(--spacing-md) var(--spacing-lg);background:var(--background-color-hover);border-top:1px solid var(--border-color);transition:background var(--transition-speed) var(--transition-timing)}.assignment-card-footer-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.assignment-card-footer-buttons button{flex:1;min-width:90px;font-size:var(--font-size-sm)}.assignment-card-questions-btn{background:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-color);color:var(--primary-color)}.assignment-card-questions-btn:hover{background:rgba(var(--primary-color-rgb),.2)}@media(max-width:768px){.assignment-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.assignment-card-marks-section{flex-direction:column;gap:var(--spacing-xs)}.assignment-card-mark-item{flex-direction:row;justify-content:space-between}.assignment-card-footer-buttons{flex-direction:column}.assignment-card-footer-buttons button{width:100%}.assignment-card-course-semester-info{flex-direction:column;gap:var(--spacing-xs)}.assignment-card-body{padding:var(--spacing-md)}}@media(max-width:480px){.assignment-card-body{padding:var(--spacing-sm)}.assignment-card-title{font-size:var(--font-size-md)}.assignment-card-file-details{flex-direction:column;gap:4px}.assignment-card-header-left{width:100%;justify-content:space-between}.assignment-card-metadata-item{flex-wrap:wrap}.assignment-card-metadata-content{flex-wrap:wrap;gap:var(--spacing-xs)}}body.dark-theme .assignment-card-container{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .assignment-card-header,body.dark-theme .assignment-card-footer{background:var(--background-color-hover)}body.dark-theme .assignment-card-course-semester-info,body.dark-theme .assignment-card-marks-section{background:var(--background-color-hover);border-color:var(--border-color)}body.dark-theme .assignment-card-stats-section{background:rgba(var(--success-color-rgb),.15)}body.dark-theme .assignment-card-file-upload-info{background:rgba(var(--warning-color-rgb),.15);border-color:rgba(var(--warning-color-rgb),.3)}body.dark-theme .assignment-card-questions-btn{background:rgba(var(--primary-color-rgb),.15)}@media(prefers-reduced-motion:reduce){.assignment-card-container,.assignment-card-progress-fill,.assignment-card-container:hover{transition:none}.assignment-card-container:hover{transform:none}}@media print{.assignment-card-container{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.assignment-card-footer-buttons{display:none}}.assignment-card-footer-buttons button:focus-visible,.assignment-card-questions-btn:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.assignment-card-container{border:2px solid currentColor}.assignment-card-status-badge{border:1px solid currentColor}.assignment-card-progress-bar{background:currentColor;opacity:.3}}.submissions-table-container{background:var(--background-color-light);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing);border:1px solid var(--border-color)}.submissions-table-stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--background-color-hover);border-bottom:1px solid var(--border-color);transition:background var(--transition-speed) var(--transition-timing)}.submissions-table-stat{display:flex;align-items:baseline;gap:var(--spacing-xs)}.submissions-table-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}.submissions-table-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.submissions-table-responsive{overflow-x:auto}.submissions-table{width:100%;border-collapse:collapse}.submissions-table thead th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);background:var(--background-color-hover);font-weight:var(--font-weight-semibold);color:var(--primary-color);border-bottom:2px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.submissions-table tbody td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);vertical-align:middle;transition:all var(--transition-speed) var(--transition-timing)}.submissions-table tbody tr:hover{background:var(--background-color-hover)}.submissions-table-student-info{display:flex;flex-direction:column}.submissions-table-student-info strong{font-size:var(--font-size-sm);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.submissions-table-student-info small{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}.submissions-table-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.submissions-table-status-submitted{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.submissions-table-status-graded{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.submissions-table-status-progress{background:rgba(var(--primary-color-rgb),.15);color:var(--primary-color)}.submissions-table-status-pending{background:var(--background-color-hover);color:var(--text-secondary-color-dark)}.submissions-table-score-value{font-weight:var(--font-weight-semibold);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.submissions-table-percentage{font-weight:var(--font-weight-semibold);padding:2px var(--spacing-xs);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.submissions-table-percentage-passed{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.submissions-table-percentage-failed{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.submissions-table-file-icons{display:flex;gap:var(--spacing-xs);align-items:center}.submissions-table-file-icon-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary-color-dark);transition:all var(--transition-speed) var(--transition-timing);font-size:var(--font-size-lg);padding:var(--spacing-xs);border-radius:var(--border-radius)}.submissions-table-file-icon-btn:hover{color:var(--primary-color);background:var(--background-color-hover);transform:scale(1.1)}.submissions-table-file-badge{font-size:var(--font-size-sm)}.submissions-table-action-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.submissions-table-loading,.submissions-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--spacing-lg);text-align:center}.submissions-table-empty-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.5}.submissions-table-empty h3{margin-bottom:var(--spacing-xs);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.submissions-table-empty p{color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}.submissions-table-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.submissions-table-view-modal,.submissions-table-grading-modal{max-height:80vh;overflow-y:auto;padding:4px}.submissions-table-info-section,.submissions-table-file-section,.submissions-table-answers-section,.submissions-table-overall-feedback,.submissions-table-teacher-remarks{margin-bottom:var(--spacing-lg)}.submissions-table-info-section h4,.submissions-table-file-section h4,.submissions-table-answers-section h4,.submissions-table-overall-feedback h4,.submissions-table-teacher-remarks h4{margin-bottom:var(--spacing-md);color:var(--primary-color);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:color var(--transition-speed) var(--transition-timing)}.submissions-table-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-sm);background:var(--background-color-hover);padding:var(--spacing-md);border-radius:var(--border-radius)}.submissions-table-info-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--primary-color)}.submissions-table-info-item svg{color:var(--text-secondary-color-dark)}.submissions-table-info-item-late{color:var(--warning-color)}.submissions-table-file-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);flex-wrap:wrap}.submissions-table-file-icon-large{font-size:48px;color:var(--text-secondary-color-dark)}.submissions-table-file-details{flex:1}.submissions-table-file-details p{margin:4px 0;font-size:var(--font-size-sm);color:var(--primary-color)}.submissions-table-answers-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.submissions-table-answer-card{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);background:var(--background-color-light);transition:all var(--transition-speed) var(--transition-timing)}.submissions-table-answer-card:hover{border-color:var(--primary-color-light);box-shadow:var(--shadow-sm)}.submissions-table-answer-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-xs)}.submissions-table-question-number{font-weight:var(--font-weight-semibold);color:var(--primary-color)}.submissions-table-question-marks{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.submissions-table-question-text{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--primary-color);line-height:1.5}.submissions-table-student-answer{margin-bottom:var(--spacing-sm)}.submissions-table-student-answer strong{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);display:block;margin-bottom:var(--spacing-xs)}.submissions-table-answer-content{padding:var(--spacing-xs) var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--primary-color)}.submissions-table-answer-status{margin-top:var(--spacing-xs);padding:6px var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.submissions-table-answer-correct{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.submissions-table-answer-incorrect{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.submissions-table-faculty-feedback{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:rgba(var(--primary-color-rgb),.1);border-radius:var(--border-radius)}.submissions-table-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.submissions-table-grading-info-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.submissions-table-grading-info-item{display:flex;flex-direction:column;gap:4px}.submissions-table-grading-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.submissions-table-grading-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color)}.submissions-table-grading-highlight{color:var(--primary-color);font-weight:var(--font-weight-bold)}.submissions-table-grading-info-late{color:var(--warning-color)}.submissions-table-grading-file-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius)}.submissions-table-grading-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}.submissions-table-grading-section-header h4{margin:0}.submissions-table-grading-file-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color);flex-wrap:wrap}.submissions-table-grading-questions-list{display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:500px;overflow-y:auto;padding-right:var(--spacing-xs)}.submissions-table-grading-questions-list::-webkit-scrollbar{width:8px}.submissions-table-grading-questions-list::-webkit-scrollbar-track{background:var(--background-color-hover);border-radius:4px}.submissions-table-grading-questions-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.submissions-table-grading-questions-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.submissions-table-grading-question-card{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);background:var(--background-color-light)}.submissions-table-grading-question-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-xs)}.submissions-table-grading-question-number{font-weight:var(--font-weight-semibold);color:var(--primary-color)}.submissions-table-grading-question-marks{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.submissions-table-auto-score-badge{color:var(--success-color)}.submissions-table-grading-question-text{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--primary-color);line-height:1.5}.submissions-table-grading-student-answer-section{margin:var(--spacing-sm) 0}.submissions-table-grading-student-answer-section strong{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);display:block;margin-bottom:var(--spacing-xs)}.submissions-table-grading-student-answer-display{margin-top:var(--spacing-xs);padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius)}.submissions-table-grading-file-answer{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.submissions-table-grading-text-answer{font-family:var(--font-family-monospace);white-space:pre-wrap;word-break:break-word;font-size:var(--font-size-sm)}.submissions-table-grading-no-answer{color:var(--text-secondary-color-dark);font-style:italic}.submissions-table-grading-answer-status{margin-top:var(--spacing-xs);padding:6px var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.submissions-table-grading-answer-correct{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.submissions-table-grading-answer-incorrect{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.submissions-table-grading-feedback-input-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.submissions-table-grading-feedback-input-section label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--primary-color)}.submissions-table-grading-feedback-textarea{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;background:var(--background-color-light);color:var(--primary-color);transition:all var(--transition-speed) var(--transition-timing)}.submissions-table-grading-feedback-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.25)}.submissions-table-grading-feedback-section{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius)}.submissions-table-grading-feedback-group{margin-bottom:var(--spacing-md)}.submissions-table-grading-feedback-group:last-child{margin-bottom:0}.submissions-table-grading-feedback-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--primary-color)}.submissions-table-grading-summary{margin:var(--spacing-lg) 0}.submissions-table-grading-summary-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--gradient-primary);border-radius:var(--border-radius);color:var(--text-on-primary);flex-wrap:wrap;gap:var(--spacing-md)}.submissions-table-grading-summary-item{text-align:center;flex:1}.submissions-table-grading-summary-item span{display:block;font-size:var(--font-size-sm);opacity:.9;margin-bottom:4px}.submissions-table-grading-summary-item strong{font-size:20px;font-weight:var(--font-weight-semibold)}.submissions-table-grading-passed{color:var(--success-color)}.submissions-table-grading-failed{color:var(--warning-color)}.submissions-table-file-answer-display{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.submissions-table-text-answer{font-family:var(--font-family-monospace);white-space:pre-wrap;word-break:break-word}.submissions-table-no-answer{color:var(--text-secondary-color-dark);font-style:italic}@media(max-width:768px){.submissions-table-stats{flex-direction:column;gap:var(--spacing-xs)}.submissions-table-action-buttons{flex-direction:column}.submissions-table-grading-summary-card{flex-direction:column;gap:var(--spacing-sm)}.submissions-table-info-grid,.submissions-table-grading-info-bar{grid-template-columns:1fr}.submissions-table-file-card,.submissions-table-grading-file-info{flex-direction:column;text-align:center}.submissions-table-grading-section-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.submissions-table thead th,.submissions-table tbody td{padding:var(--spacing-sm)}.submissions-table-stat-value,.submissions-table-grading-summary-item strong{font-size:var(--font-size-md)}}body.dark-theme .submissions-table-container{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .submissions-table-stats,body.dark-theme .submissions-table thead th,body.dark-theme .submissions-table tbody tr:hover,body.dark-theme .submissions-table-info-grid,body.dark-theme .submissions-table-file-card,body.dark-theme .submissions-table-grading-info-bar,body.dark-theme .submissions-table-grading-file-section,body.dark-theme .submissions-table-grading-feedback-section{background:var(--background-color-hover)}body.dark-theme .submissions-table-answer-card,body.dark-theme .submissions-table-grading-question-card{background:var(--background-color-light)}body.dark-theme .submissions-table-grading-summary-card{background:var(--gradient-primary)}@media(prefers-reduced-motion:reduce){.submissions-table-container,.submissions-table-file-icon-btn,.submissions-table-answer-card{transition:none}.submissions-table-loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}.submissions-table-file-icon-btn:hover{transform:none}}@media print{.submissions-table-action-buttons,.submissions-table-file-icon-btn{display:none}.submissions-table-container{box-shadow:none;border:1px solid #ddd}.submissions-table thead th{background:#f0f0f0}}.submissions-table-file-icon-btn:focus-visible,.submissions-table-grading-feedback-textarea:focus-visible,.submissions-table-modal-actions button:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.submissions-table-status-badge,.submissions-table-percentage-passed,.submissions-table-percentage-failed,.submissions-table-answer-correct,.submissions-table-answer-incorrect{border:1px solid currentColor}.submissions-table-grading-summary-card{border:2px solid currentColor}}.manage-assignments-page-container{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;padding:var(--spacing-lg);max-width:1400px;background:var(--background-color);min-height:100vh;transition:background var(--transition-speed) var(--transition-timing)}.manage-assignments-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.manage-assignments-page-header p{margin:var(--spacing-xs) 0 0;color:var(--text-secondary-color-dark);font-size:var(--font-size-sm);transition:color var(--transition-speed) var(--transition-timing)}.manage-assignments-header-actions{display:flex;gap:var(--spacing-sm)}.manage-assignments-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.manage-assignments-stat-card{background:var(--white);border-radius:var(--border-radius);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing);border:1px solid var(--border-color)}.manage-assignments-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.manage-assignments-stat-card h4{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary-color-dark);text-transform:uppercase;letter-spacing:.5px}.manage-assignments-stat-card p{margin:0;font-size:28px;font-weight:var(--font-weight-bold);color:var(--primary-color)}.manage-assignments-stat-card-published p{color:var(--success-color)}.manage-assignments-stat-card-draft p{color:var(--warning-color)}.manage-assignments-stat-card-archived p{color:var(--text-secondary-color-dark)}.manage-assignments-stat-card-cancelled p{color:var(--danger-color)}.manage-assignments-semester-tabs-container,.manage-assignments-subject-tabs-container{margin-bottom:var(--spacing-lg);background:var(--white);border-radius:var(--border-radius);padding:4px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.manage-assignments-tabs-label{font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary-color-dark);padding:var(--spacing-xs) var(--spacing-sm) 0 var(--spacing-sm);margin-bottom:-8px}.manage-assignments-loading-semesters,.manage-assignments-loading-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:40px;background:var(--white);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.manage-assignments-loading-semesters span,.manage-assignments-loading-container span{color:var(--text-secondary-color-dark);font-size:var(--font-size-sm)}.manage-assignments-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.manage-assignments-current-semester-info,.manage-assignments-current-subject-info{margin-bottom:var(--spacing-lg)}.manage-assignments-info-box{background:var(--gradient-primary);color:var(--text-on-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm)}.manage-assignments-info-box-subject{background:linear-gradient(135deg,var(--success-color) 0%,#38ef7d 100%)}.manage-assignments-info-box strong{font-weight:var(--font-weight-semibold);margin-right:var(--spacing-xs)}.manage-assignments-info-box span{opacity:.9}.manage-assignments-filters-section{margin-bottom:var(--spacing-lg)}.manage-assignments-filters-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.manage-assignments-search-bar{flex:1;min-width:250px}.manage-assignments-search-bar input{height:42px;border-radius:var(--border-radius-full);border:1px solid var(--border-color);padding:0 var(--spacing-md);font-size:var(--font-size-sm);width:100%;transition:all var(--transition-speed) var(--transition-timing);background:var(--white);color:var(--primary-color)}.manage-assignments-search-bar input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.manage-assignments-search-bar input::placeholder{color:var(--text-secondary-color-dark)}.manage-assignments-filter-toggle-btn{white-space:nowrap}.manage-assignments-filter-badge{color:var(--primary-color);font-size:var(--font-size-md);margin-left:4px}.manage-assignments-filters-panel{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-color-hover);border-radius:var(--border-radius);margin-top:var(--spacing-sm);align-items:flex-end;border:1px solid var(--border-color)}.manage-assignments-filter-group{flex:1;min-width:180px}.manage-assignments-filter-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color)}.manage-assignments-filter-group select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);background:var(--white);color:var(--primary-color);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.manage-assignments-filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.manage-assignments-filter-actions{display:flex;align-items:center}.manage-assignments-filter-results-info{padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--primary-color-rgb),.1);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--primary-color);border-left:3px solid var(--primary-color)}.manage-assignments-main-content{background:var(--white);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.manage-assignments-list{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-lg)}.manage-assignments-submissions-section{margin-top:var(--spacing-lg)}.manage-assignments-submissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.manage-assignments-submissions-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.manage-assignments-submissions-header p{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.manage-assignments-submissions-table-container{background:var(--white);border-radius:var(--border-radius);overflow:auto;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.manage-assignments-submissions-table{width:100%;border-collapse:collapse;min-width:800px}.manage-assignments-submissions-table th{background:var(--background-color-hover);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--primary-color);border-bottom:2px solid var(--border-color);font-size:var(--font-size-sm)}.manage-assignments-submissions-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--primary-color);font-size:var(--font-size-sm)}.manage-assignments-submissions-table tbody tr:hover{background:var(--background-color-hover);cursor:pointer}.manage-assignments-status-badge{display:inline-block;padding:4px var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.manage-assignments-status-badge-published{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.manage-assignments-status-badge-draft{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.manage-assignments-status-badge-archived{background:var(--background-color-hover);color:var(--text-secondary-color-dark)}.manage-assignments-status-badge-cancelled{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.manage-assignments-empty-state{text-align:center;padding:60px var(--spacing-lg);background:var(--background-color-hover);border-radius:var(--border-radius);color:var(--text-secondary-color-dark)}.manage-assignments-empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.manage-assignments-empty-state h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.manage-assignments-empty-state p{margin:0 0 var(--spacing-lg);font-size:var(--font-size-sm)}@media(max-width:768px){.manage-assignments-page-container{padding:var(--spacing-md)}.manage-assignments-page-header{flex-direction:column;align-items:flex-start}.manage-assignments-header-actions{width:100%;justify-content:flex-start}.manage-assignments-stats-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm)}.manage-assignments-stat-card{padding:var(--spacing-md)}.manage-assignments-stat-card p{font-size:24px}.manage-assignments-filters-header{flex-direction:column;align-items:stretch}.manage-assignments-search-bar{width:100%}.manage-assignments-filter-toggle-btn{width:100%;justify-content:center}.manage-assignments-filters-panel{flex-direction:column}.manage-assignments-filter-group,.manage-assignments-filter-actions,.manage-assignments-filter-actions button{width:100%}.manage-assignments-main-content{padding:var(--spacing-md)}.manage-assignments-submissions-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.manage-assignments-submissions-table-container{overflow-x:auto}}@media(max-width:480px){.manage-assignments-stats-cards{grid-template-columns:repeat(2,1fr)}.manage-assignments-stat-card h4{font-size:11px}.manage-assignments-stat-card p{font-size:20px}.manage-assignments-info-box{font-size:var(--font-size-sm)}.manage-assignments-empty-state{padding:40px var(--spacing-md)}.manage-assignments-empty-icon{font-size:36px}}body.dark-theme .manage-assignments-stat-card,body.dark-theme .manage-assignments-semester-tabs-container,body.dark-theme .manage-assignments-subject-tabs-container,body.dark-theme .manage-assignments-main-content,body.dark-theme .manage-assignments-submissions-table-container{background:var(--white);border-color:var(--border-color)}body.dark-theme .manage-assignments-filters-panel{background:var(--background-color-hover)}body.dark-theme .manage-assignments-filter-results-info{background:rgba(var(--primary-color-rgb),.15)}body.dark-theme .manage-assignments-empty-state{background:var(--background-color-hover)}body.dark-theme .manage-assignments-info-box{background:var(--gradient-primary)}@media(prefers-reduced-motion:reduce){.manage-assignments-stat-card,.manage-assignments-filter-group select,.manage-assignments-search-bar input{transition:none}.manage-assignments-stat-card:hover{transform:none}.manage-assignments-loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.manage-assignments-stats-cards,.manage-assignments-filters-section,.manage-assignments-header-actions,.manage-assignments-filter-actions{display:none}.manage-assignments-main-content{box-shadow:none;border:1px solid #ddd}.manage-assignments-submissions-table th{background:#f0f0f0}}.manage-assignments-search-bar input:focus-visible,.manage-assignments-filter-group select:focus-visible,.manage-assignments-filter-toggle-btn:focus-visible,.manage-assignments-filter-actions button:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.manage-assignments-stat-card,.manage-assignments-main-content,.manage-assignments-submissions-table-container{border:2px solid currentColor}.manage-assignments-status-badge{border:1px solid currentColor}}.preview-assignment-page{background:#f3f4f6;min-height:100vh;padding:2rem 0}.preview-assignment-page__container{max-width:1200px;margin:0 auto;padding:0 1rem}.preview-assignment-page__loading{text-align:center;padding:4rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.preview-assignment-page__loading p{margin-top:1rem;color:#6b7280;font-size:.875rem}.preview-assignment-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.preview-assignment-page__header-left{display:flex;align-items:center;gap:1rem}.preview-assignment-page__title{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.preview-assignment-page__header-right{display:flex;gap:.75rem}.preview-assignment-page__details-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.preview-assignment-page__details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.preview-assignment-page__title-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.preview-assignment-page__assignment-title{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.preview-assignment-page__status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:20px;font-size:.875rem;font-weight:500}.preview-assignment-page__status-badge--draft{background:#fef3c7;color:#d97706}.preview-assignment-page__status-badge--published{background:#d1fae5;color:#059669}.preview-assignment-page__status-badge--archived{background:#fee2e2;color:#dc2626}.preview-assignment-page__type-badge{background:#e0e7ff;color:#4f46e5;padding:.375rem .875rem;border-radius:20px;font-size:.875rem;font-weight:500;text-transform:capitalize}.preview-assignment-page__description-section,.preview-assignment-page__instructions-section{margin-bottom:1.5rem}.preview-assignment-page__section-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#374151}.preview-assignment-page__description-text{color:#6b7280;line-height:1.6;margin:0}.preview-assignment-page__instructions-content{color:#6b7280;line-height:1.6}.preview-assignment-page__meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0;padding:1rem;background:#f9fafb;border-radius:8px}.preview-assignment-page__meta-item{display:flex;align-items:center;gap:.75rem}.preview-assignment-page__meta-icon{color:#9ca3af;font-size:1.25rem}.preview-assignment-page__meta-content{flex:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.preview-assignment-page__meta-label{font-size:.75rem;color:#6b7280;font-weight:500}.preview-assignment-page__meta-value{font-size:.875rem;font-weight:500;color:#111827}.preview-assignment-page__time-limit{padding:.75rem;background:#fef3c7;border-radius:8px;color:#d97706;font-size:.875rem;margin-top:1rem}.preview-assignment-page__questions-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.preview-assignment-page__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.preview-assignment-page__section-header .preview-assignment-page__section-title{margin:0;font-size:1.25rem}.preview-assignment-page__question-count{background:#e5e7eb;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;color:#6b7280;font-weight:500}.preview-assignment-page__questions-list{display:flex;flex-direction:column;gap:1rem}.preview-assignment-page__question-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease;background:#fff}.preview-assignment-page__question-card:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.preview-assignment-page__question-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#f9fafb;cursor:pointer;transition:background .2s ease}.preview-assignment-page__question-header:hover{background:#f3f4f6}.preview-assignment-page__question-number{display:flex;align-items:center;gap:.5rem}.preview-assignment-page__question-icon{font-size:1.25rem}.preview-assignment-page__question-num{font-weight:600;color:#374151;font-size:.875rem}.preview-assignment-page__question-meta{display:flex;gap:1rem;align-items:center}.preview-assignment-page__question-type{font-size:.75rem;padding:.25rem .5rem;border-radius:4px}.preview-assignment-page__question-type--objective{background:#dbeafe;color:#1e40af}.preview-assignment-page__question-type--short{background:#fef3c7;color:#92400e}.preview-assignment-page__question-type--detailed{background:#d1fae5;color:#065f46}.preview-assignment-page__question-type--practical{background:#e0e7ff;color:#3730a3}.preview-assignment-page__question-marks{font-size:.875rem;font-weight:600;color:#10b981}.preview-assignment-page__question-body{padding:1.25rem;border-top:1px solid #e5e7eb}.preview-assignment-page__question-text{margin-bottom:1rem}.preview-assignment-page__question-text p{margin:0;font-size:1rem;color:#111827;line-height:1.5}.preview-assignment-page__subtitle{font-size:.875rem;font-weight:600;margin:1rem 0 .5rem;color:#374151}.preview-assignment-page__subtitle:first-of-type{margin-top:0}.preview-assignment-page__options-list{display:flex;flex-direction:column;gap:.5rem;margin-left:1rem}.preview-assignment-page__option-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;transition:background .2s}.preview-assignment-page__option-item--correct{background:#f0fdf4;border-left:3px solid #10b981}.preview-assignment-page__option-marker{font-weight:600;color:#6b7280;min-width:25px}.preview-assignment-page__option-text{flex:1;color:#374151}.preview-assignment-page__correct-badge{background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.preview-assignment-page__expected-answer{padding:.75rem;background:#f9fafb;border-radius:6px;margin-left:1rem}.preview-assignment-page__expected-answer p{margin:0;color:#374151;line-height:1.5}.preview-assignment-page__practical-section{margin-left:1rem}.preview-assignment-page__experiment-info{margin-bottom:1rem}.preview-assignment-page__experiment-info p,.preview-assignment-page__practical-instructions p{margin:.5rem 0;color:#374151}.preview-assignment-page__hint-section{margin-top:1rem;padding:.75rem;border-radius:6px;background:#fef3c7;border-left:3px solid #f59e0b}.preview-assignment-page__hint-section .preview-assignment-page__subtitle{color:#d97706;margin-top:0}.preview-assignment-page__hint-section p{color:#78350f;margin:0}.preview-assignment-page__explanation-section{margin-top:1rem;padding:.75rem;border-radius:6px;background:#e0e7ff;border-left:3px solid #6366f1}.preview-assignment-page__explanation-section .preview-assignment-page__subtitle{color:#4f46e5;margin-top:0}.preview-assignment-page__explanation-section p{color:#312e81;margin:0}.preview-assignment-page__question-footer{padding:.75rem 1.25rem;border-top:1px solid #e5e7eb;text-align:center;background:#fafafa}.preview-assignment-page__expand-btn{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .75rem;border-radius:6px;transition:all .2s}.preview-assignment-page__expand-btn:hover{background:#eef2ff;color:#4f46e5}.preview-assignment-page__no-questions{text-align:center;padding:3rem}.preview-assignment-page__no-questions-icon{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.preview-assignment-page__no-questions h3{margin:0 0 .5rem;font-size:1.25rem;color:#374151}.preview-assignment-page__no-questions p{color:#6b7280;margin-bottom:1.5rem}.preview-assignment-page__summary-card{margin-top:2rem;padding:1rem 1.25rem;background:#f0fdf4;border-radius:8px;border:1px solid #d1fae5}.preview-assignment-page__summary-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#065f46}.preview-assignment-page__summary-grid{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.preview-assignment-page__summary-item{display:flex;gap:.5rem;align-items:baseline}.preview-assignment-page__summary-label{font-size:.875rem;color:#065f46;font-weight:500}.preview-assignment-page__summary-value{font-size:1.125rem;font-weight:700;color:#059669}.preview-assignment-page__summary-warning{color:#d97706;font-size:.875rem;display:flex;align-items:center;gap:.5rem;background:#fef3c7;padding:.5rem 1rem;border-radius:6px}.preview-assignment-page__error,.preview-assignment-page__warning{margin-bottom:1rem}.preview-assignment-page__actions{margin-top:1rem}@media print{.preview-assignment-page__header,.preview-assignment-page__header-right,.preview-assignment-page__question-footer,.preview-assignment-page__expand-btn,.preview-assignment-page__no-questions button,.preview-assignment-page__summary-warning,.preview-assignment-page__back-btn,.preview-assignment-page__print-btn,.preview-assignment-page__download-btn{display:none!important}.preview-assignment-page{background:#fff;padding:0}.preview-assignment-page__details-card,.preview-assignment-page__questions-section{box-shadow:none;padding:0;margin:0}.preview-assignment-page__question-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ddd;margin-bottom:1rem}.preview-assignment-page__question-header,.preview-assignment-page__meta-grid{background:#f5f5f5}.preview-assignment-page__status-badge{border:1px solid #ddd}}@media(max-width:768px){.preview-assignment-page{padding:1rem 0}.preview-assignment-page__header{flex-direction:column;gap:1rem;padding:1rem}.preview-assignment-page__header-left{width:100%;justify-content:space-between}.preview-assignment-page__header-right{width:100%;justify-content:center}.preview-assignment-page__details-header{flex-direction:column;align-items:flex-start;gap:1rem}.preview-assignment-page__title-section{flex-direction:column;align-items:flex-start}.preview-assignment-page__meta-grid{grid-template-columns:1fr}.preview-assignment-page__meta-content{flex-direction:column;align-items:flex-start}.preview-assignment-page__question-header{flex-direction:column;align-items:flex-start;gap:.5rem}.preview-assignment-page__question-meta{flex-wrap:wrap}.preview-assignment-page__options-list,.preview-assignment-page__expected-answer,.preview-assignment-page__practical-section{margin-left:0}.preview-assignment-page__summary-grid{flex-direction:column;align-items:flex-start;gap:.75rem}.preview-assignment-page__summary-warning{width:100%}}@media(prefers-color-scheme:dark){.preview-assignment-page{background:#111827}.preview-assignment-page__header,.preview-assignment-page__details-card,.preview-assignment-page__questions-section,.preview-assignment-page__question-card,.preview-assignment-page__loading{background:#1f2937;border-color:#374151}.preview-assignment-page__title,.preview-assignment-page__assignment-title,.preview-assignment-page__section-header .preview-assignment-page__section-title,.preview-assignment-page__question-text p{color:#f3f4f6}.preview-assignment-page__description-text,.preview-assignment-page__instructions-content,.preview-assignment-page__meta-value,.preview-assignment-page__option-text{color:#d1d5db}.preview-assignment-page__meta-grid,.preview-assignment-page__question-header,.preview-assignment-page__expected-answer{background:#111827}.preview-assignment-page__question-type--objective{background:#1e3a8a;color:#93c5fd}.preview-assignment-page__question-type--short{background:#78350f;color:#fcd34d}.preview-assignment-page__question-type--detailed{background:#064e3b;color:#6ee7b7}.preview-assignment-page__question-type--practical{background:#3730a3;color:#a5b4fc}.preview-assignment-page__option-item--correct{background:#064e3b}.preview-assignment-page__correct-badge{background:#059669}.preview-assignment-page__summary-card{background:#064e3b;border-color:#059669}.preview-assignment-page__summary-title,.preview-assignment-page__summary-label{color:#a7f3d0}.preview-assignment-page__summary-value{color:#34d399}}.manage-exams-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;background:var(--background-color);min-height:100vh;transition:background var(--transition-speed) var(--transition-timing)}.page-header-manage-student-exams h1{text-align:left}.page-header .text-muted{color:var(--text-secondary-color);font-size:var(--font-size-sm);transition:color var(--transition-speed) var(--transition-timing)}.stat-card{padding:var(--spacing-lg);transition:all var(--transition-speed) var(--transition-timing);cursor:pointer;background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.stat-card.total .stat-value,.stat-card.draft .stat-value{color:var(--text-secondary-color)}.stat-card.ongoing .stat-value{color:var(--success-color)}.stat-card.completed .stat-value{color:var(--primary-color)}.exams-table-container{overflow-x:auto;padding:0;background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.exams-table{width:100%;border-collapse:collapse}.exams-table th{padding:var(--spacing-md) var(--spacing-md);text-align:left;background:var(--background-color-hover);font-weight:var(--font-weight-semibold);color:var(--text-primary-color);border-bottom:2px solid var(--border-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.exams-table td{padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.exams-table tbody tr:hover{background:var(--background-color-hover)}.exam-title-cell .title{font-weight:var(--font-weight-medium);color:var(--text-primary-color);margin-bottom:4px;transition:color var(--transition-speed) var(--transition-timing)}.exam-title-cell .subtitle{font-size:var(--font-size-sm);color:var(--text-secondary-color);transition:color var(--transition-speed) var(--transition-timing)}.date-cell{font-size:var(--font-size-sm)}.date-cell .duration{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-top:2px}.marks-cell{font-size:var(--font-size-sm)}.marks-cell div:first-child{font-weight:var(--font-weight-medium)}.marks-cell div:last-child{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.stats-cell{display:flex;gap:var(--spacing-md)}.stat-item{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--text-secondary-color)}.stat-emoji{font-size:var(--font-size-sm)}.action-buttons button{padding:4px var(--spacing-sm);font-size:var(--font-size-sm);white-space:nowrap}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:var(--spacing-md);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color)}.no-data p{color:var(--text-secondary-color);margin-bottom:var(--spacing-md);transition:color var(--transition-speed) var(--transition-timing)}.pagination-wrapper{padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--background-color-light);border-radius:0 0 var(--border-radius) var(--border-radius)}.pagination-info{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-bottom:var(--spacing-md)}.delete-modal-content{text-align:center;padding:var(--spacing-xs) 0}.warning-icon{font-size:48px;margin-bottom:var(--spacing-md);color:var(--danger-color)}.delete-modal-content p{margin-bottom:var(--spacing-sm);color:var(--text-primary-color)}.delete-modal-content .text-danger{color:var(--danger-color);font-size:var(--font-size-sm)}.publish-modal-content{text-align:center;padding:var(--spacing-xs) 0}.success-icon{font-size:48px;margin-bottom:var(--spacing-md);color:var(--success-color)}.publish-modal-content h3{margin-bottom:var(--spacing-xs);color:var(--text-primary-color);transition:color var(--transition-speed) var(--transition-timing)}.passcode-section{background:var(--background-color-hover);padding:var(--spacing-md);border-radius:var(--border-radius);margin:var(--spacing-lg) 0;border:1px solid var(--border-color)}.passcode-section label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--text-secondary-color)}.passcode-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.passcode-display code{font-size:24px;font-weight:var(--font-weight-bold);letter-spacing:2px;background:var(--background-color-light);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color);color:var(--primary-color)}.passcode-note{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-top:var(--spacing-xs)}.status-badge-draft{background:rgba(var(--text-secondary-color-rgb),.15);color:var(--text-secondary-color)}@media(max-width:1024px){.manage-exams-page{padding:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;gap:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:24px}.filters-container{flex-direction:column}.search-input,.status-filter{width:100%}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.passcode-display{flex-direction:column}.exams-table-container{overflow-x:auto}.exams-table{min-width:800px}}@media(max-width:480px){.manage-exams-page{padding:var(--spacing-sm)}.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-sm)}.stat-value{font-size:20px}.stat-icon{font-size:24px}.loading-container,.no-data{padding:40px var(--spacing-md)}}body.dark-theme .stat-card,body.dark-theme .filters-card,body.dark-theme .exams-table-container,body.dark-theme .loading-container,body.dark-theme .no-data{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .exams-table th,body.dark-theme .exams-table tbody tr:hover,body.dark-theme .passcode-section{background:var(--background-color-hover)}@media(prefers-reduced-motion:reduce){.stat-card,.exams-table tbody tr,.loading-spinner{transition:none}.stat-card:hover{transform:none}.loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.filters-card,.action-buttons,.pagination-wrapper,.modal-actions{display:none}.exams-table-container{box-shadow:none;border:1px solid #ddd}.exams-table th{background:#f0f0f0}}@media(prefers-contrast:high){.stat-card,.filters-card,.exams-table-container{border:2px solid currentColor}.status-badge{border:1px solid currentColor}.passcode-display code{border:2px solid currentColor}}.faculty-search-detail-page{min-height:100vh;background:var(--background-color, #f5f7fa);padding:var(--spacing-xl, 2rem);font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif);transition:background var(--transition-speed, .3s) var(--transition-timing, ease)}.faculty-detail-container{max-width:1200px;margin:0 auto;background:var(--white, white);border-radius:var(--border-radius-lg, 12px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1));overflow:hidden;transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.faculty-detail-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1.5rem) var(--spacing-xl, 2rem);background:var(--gradient-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-on-primary, white);flex-wrap:wrap;gap:var(--spacing-md, 1rem)}.btn-back{display:inline-flex;align-items:center;gap:var(--spacing-xs, .5rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);background:#fff3;border:none;border-radius:var(--border-radius, 6px);color:var(--text-on-primary, white);cursor:pointer;font-size:var(--font-size-sm, .9rem);font-weight:var(--font-weight-medium, 500);transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.btn-back:hover{background:#ffffff4d;transform:translate(-2px)}.btn-back:active{transform:translate(0)}.faculty-detail-header-badge{display:flex;gap:var(--spacing-sm, .5rem);align-items:center}.type-badge{padding:var(--spacing-xs, .25rem) var(--spacing-md, .75rem);background:#fff3;border-radius:var(--border-radius-full, 20px);font-size:var(--font-size-sm, .85rem);font-weight:var(--font-weight-medium, 500);text-transform:capitalize}.faculty-detail-content{padding:var(--spacing-xl, 2rem)}.faculty-detail-title{font-size:var(--font-size-2xl, 2rem);margin-bottom:var(--spacing-sm, .5rem);color:var(--primary-color, #333);font-weight:var(--font-weight-bold, 700);line-height:1.2}.faculty-detail-subtitle{font-size:var(--font-size-lg, 1.1rem);color:var(--text-secondary-color, #666);margin-bottom:var(--spacing-xl, 2rem);padding-bottom:var(--spacing-md, 1rem);border-bottom:1px solid var(--border-color, #e0e0e0)}.faculty-detail-actions{display:flex;gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-xl, 2rem);padding-bottom:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--border-color, #e0e0e0);flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, .75rem) var(--spacing-xl, 1.5rem);border:none;border-radius:var(--border-radius, 6px);cursor:pointer;font-size:var(--font-size-md, .9rem);font-weight:var(--font-weight-medium, 500);transition:all var(--transition-speed, .3s) var(--transition-timing, ease);color:#fff}.action-btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .1))}.action-btn:active{transform:translateY(0)}.action-btn-edit{background:var(--success-color, #4caf50)}.action-btn-submissions,.action-btn-results{background:var(--primary-color, #2196f3)}.action-btn-launch{background:var(--warning-color, #ff9800)}.action-btn-access{background:var(--secondary-color, #9c27b0)}.faculty-detail-section{margin-bottom:var(--spacing-xl, 2rem);padding:var(--spacing-lg, 1.5rem);background:var(--background-color-hover, #f9f9f9);border-radius:var(--border-radius, 8px);transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.faculty-detail-section:last-child{margin-bottom:0}.section-title{font-size:var(--font-size-lg, 1.25rem);margin-bottom:var(--spacing-md, 1rem);color:var(--primary-color, #555);border-left:4px solid var(--primary-color, #667eea);padding-left:var(--spacing-md, 1rem);font-weight:var(--font-weight-semibold, 600)}.section-content{color:var(--primary-color, #333)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md, 1rem)}.info-field{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem);padding:var(--spacing-sm, .5rem);background:var(--white, white);border-radius:var(--border-radius-sm, 4px)}.info-field label{font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary-color, #666);font-size:var(--font-size-xs, .85rem);text-transform:uppercase;letter-spacing:.5px}.info-field span{font-size:var(--font-size-md, 1rem);color:var(--primary-color, #333);word-break:break-word}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md, 1rem)}.stats-grid-small{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md, 1rem)}.stat-card{text-align:center;padding:var(--spacing-md, 1rem);background:var(--white, white);border-radius:var(--border-radius, 8px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1))}.stat-card-small{text-align:center;padding:var(--spacing-sm, .75rem);background:var(--white, white);border-radius:var(--border-radius, 8px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.stat-number{font-size:var(--font-size-2xl, 2rem);font-weight:var(--font-weight-bold, 700);color:var(--primary-color, #667eea)}.stat-label{font-size:var(--font-size-xs, .85rem);color:var(--text-secondary-color, #666);margin-top:var(--spacing-xs, .25rem)}.access-summary{display:flex;gap:var(--spacing-md, 1rem);flex-wrap:wrap}.access-stat{flex:1;text-align:center;padding:var(--spacing-md, 1rem);background:var(--white, white);border-radius:var(--border-radius, 8px);min-width:120px}.experiment-list,.objectives-list,.prerequisites-list,.list-items{list-style:none;padding:0;margin:0}.experiment-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm, .75rem);margin-bottom:var(--spacing-sm, .5rem);background:var(--white, white);border-radius:var(--border-radius, 6px);transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.experiment-list-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.experiment-name{font-weight:var(--font-weight-medium, 500);color:var(--primary-color, #333)}.objectives-list li,.prerequisites-list li,.list-items li{padding:var(--spacing-sm, .75rem);margin-bottom:var(--spacing-sm, .5rem);background:var(--white, white);border-radius:var(--border-radius, 6px);color:var(--primary-color, #333);position:relative;padding-left:var(--spacing-xl, 1.5rem)}.objectives-list li:before,.prerequisites-list li:before,.list-items li:before{content:"•";position:absolute;left:var(--spacing-sm, .5rem);color:var(--primary-color, #667eea);font-weight:var(--font-weight-bold, 700);font-size:var(--font-size-lg, 1.2rem)}.question-item,.answer-item{padding:var(--spacing-md, 1rem);margin-bottom:var(--spacing-md, 1rem);background:var(--white, white);border-radius:var(--border-radius, 8px);border-left:3px solid var(--primary-color, #667eea);transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.question-item:hover,.answer-item:hover{box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .1))}.question-item h4,.answer-item h4{margin-bottom:var(--spacing-sm, .5rem);color:var(--primary-color, #333);font-size:var(--font-size-md, 1rem)}.question-item p,.answer-item p{margin:var(--spacing-xs, .25rem) 0;color:var(--text-secondary-color, #666);font-size:var(--font-size-sm, .9rem)}.tags-container,.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .5rem)}.tag{display:inline-block;padding:var(--spacing-xs, .25rem) var(--spacing-md, .75rem);background:rgba(var(--primary-color-rgb, 67, 56, 202),.1);color:var(--primary-color, #4338ca);border-radius:var(--border-radius-full, 20px);font-size:var(--font-size-sm, .85rem);font-weight:var(--font-weight-medium, 500);transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.tag:hover{background:var(--primary-color, #4338ca);color:#fff;transform:scale(1.05)}.comment-item{padding:var(--spacing-md, 1rem);margin-bottom:var(--spacing-md, 1rem);background:var(--white, white);border-radius:var(--border-radius, 8px);transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.comment-item:hover{box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm, .5rem);flex-wrap:wrap;gap:var(--spacing-sm, .5rem)}.comment-header strong{color:var(--primary-color, #333);font-size:var(--font-size-sm, .9rem)}.comment-date{font-size:var(--font-size-xs, .75rem);color:var(--text-secondary-light, #999)}.comment-content{margin-top:var(--spacing-sm, .5rem);color:var(--text-secondary-color, #555);line-height:1.5}.ticket-description,.faq-answer{background:var(--white, white);padding:var(--spacing-md, 1rem);border-radius:var(--border-radius, 8px);line-height:1.6;color:var(--primary-color, #333)}.status-badge{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);display:inline-block}.status-active,.status-published{background:rgba(var(--success-color-rgb, 40, 167, 69),.15);color:var(--success-color, #155724)}.status-completed{background:rgba(var(--info-color-rgb, 0, 123, 255),.15);color:var(--info-color, #004085)}.status-pending{background:rgba(var(--warning-color-rgb, 255, 193, 7),.15);color:var(--warning-color, #856404)}.status-draft{background:#6c757d26;color:#6c757d}.html-content{line-height:1.6;color:var(--primary-color, #333)}.html-content img{max-width:100%;height:auto;border-radius:var(--border-radius, 8px)}.html-content a{color:var(--primary-color, #667eea);text-decoration:none}.html-content a:hover{text-decoration:underline}.note-content{background:var(--warning-light, #fff8e1);padding:var(--spacing-md, 1rem);border-radius:var(--border-radius, 8px);white-space:pre-wrap;line-height:1.6;color:var(--primary-color, #333);border-left:4px solid var(--warning-color, #ffc107)}.faculty-detail-loading,.faculty-detail-error,.faculty-detail-not-found{text-align:center;padding:var(--spacing-3xl, 3rem);min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-spinner,.spinner{width:50px;height:50px;border:3px solid var(--border-color, #f3f3f3);border-top:3px solid var(--primary-color, #667eea);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md, 1rem)}.error-icon,.not-found-icon{font-size:64px;margin-bottom:var(--spacing-md, 1rem);opacity:.5}.faculty-detail-error h3,.faculty-detail-not-found h3{color:var(--primary-color, #333);margin-bottom:var(--spacing-sm, .5rem)}.faculty-detail-error p,.faculty-detail-not-found p{color:var(--text-secondary-color, #666);margin-bottom:var(--spacing-lg, 1.5rem)}@media(max-width:1024px){.faculty-search-detail-page{padding:var(--spacing-lg, 1.5rem)}.info-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.faculty-search-detail-page{padding:var(--spacing-md, 1rem)}.faculty-detail-content{padding:var(--spacing-lg, 1rem)}.faculty-detail-title{font-size:var(--font-size-xl, 1.5rem)}.faculty-detail-subtitle{font-size:var(--font-size-md, 1rem)}.info-grid{grid-template-columns:1fr}.stats-grid,.stats-grid-small{grid-template-columns:repeat(2,1fr)}.faculty-detail-header{flex-direction:column;align-items:flex-start}.faculty-detail-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.faculty-detail-section{padding:var(--spacing-md, 1rem)}.section-title{font-size:var(--font-size-md, 1.1rem)}.experiment-list-item{flex-direction:column;gap:var(--spacing-sm, .5rem);align-items:flex-start}}@media(max-width:480px){.faculty-search-detail-page{padding:var(--spacing-sm, .5rem)}.faculty-detail-title{font-size:var(--font-size-lg, 1.25rem)}.stats-grid,.stats-grid-small{grid-template-columns:1fr}.info-field{padding:var(--spacing-xs, .25rem)}.comment-header{flex-direction:column;align-items:flex-start}}body.dark-theme .faculty-search-detail-page{background:var(--background-color-dark, #1a1a2e)}body.dark-theme .faculty-detail-container{background:var(--background-color-dark-light, #16213e)}body.dark-theme .faculty-detail-title,body.dark-theme .section-title,body.dark-theme .question-item h4,body.dark-theme .answer-item h4,body.dark-theme .comment-header strong,body.dark-theme .experiment-name{color:var(--text-primary-dark, #eee)}body.dark-theme .faculty-detail-subtitle,body.dark-theme .info-field label,body.dark-theme .stat-label,body.dark-theme .comment-date,body.dark-theme .question-item p,body.dark-theme .answer-item p{color:var(--text-secondary-dark, #aaa)}body.dark-theme .faculty-detail-section,body.dark-theme .info-field,body.dark-theme .stat-card,body.dark-theme .stat-card-small,body.dark-theme .experiment-list-item,body.dark-theme .question-item,body.dark-theme .answer-item,body.dark-theme .comment-item,body.dark-theme .ticket-description,body.dark-theme .faq-answer,body.dark-theme .objectives-list li,body.dark-theme .prerequisites-list li,body.dark-theme .list-items li{background:var(--background-color-dark-hover, #1a1a2e);color:var(--text-primary-dark, #eee)}body.dark-theme .note-content{background:#ffc1071a;color:var(--text-primary-dark, #eee)}body.dark-theme .tag{background:rgba(var(--primary-color-rgb, 102, 126, 234),.2);color:var(--primary-color-light, #8b9aff)}body.dark-theme .html-content{color:var(--text-primary-dark, #eee)}@media(prefers-reduced-motion:reduce){.btn-back,.action-btn,.stat-card,.experiment-list-item,.question-item,.answer-item,.comment-item,.tag{transition:none}.btn-back:hover,.action-btn:hover,.stat-card:hover,.experiment-list-item:hover{transform:none}.loading-spinner,.spinner{animation:none}}@media print{.faculty-search-detail-page{background:#fff;padding:0}.faculty-detail-container{box-shadow:none;margin:0}.faculty-detail-header,.faculty-detail-actions,.btn-back{display:none}.faculty-detail-content{padding:0}.faculty-detail-section{break-inside:avoid;page-break-inside:avoid;background:none;padding:0;margin-bottom:var(--spacing-md, 1rem)}.info-field{break-inside:avoid}.tag{border:1px solid #ddd;background:none}}.btn-back:focus-visible,.action-btn:focus-visible,.tag:focus-visible{outline:2px solid var(--primary-color, #667eea);outline-offset:2px}@media(prefers-contrast:high){.faculty-detail-section,.info-field,.stat-card,.experiment-list-item,.btn-back,.action-btn,.tag{border:1px solid currentColor}}.faculty-detail-content{animation:fadeIn .4s ease-out}.faculty-search-detail-page::-webkit-scrollbar{width:8px}.faculty-search-detail-page::-webkit-scrollbar-track{background:var(--background-color-hover, #f1f1f1)}.faculty-search-detail-page::-webkit-scrollbar-thumb{background:var(--primary-color, #888);border-radius:4px}.faculty-search-detail-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark, #555)}.my-experiments-page-container{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.my-experiments-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.my-experiments-page-header h1{margin:0;font-size:1.75rem;color:#212529}.my-experiments-page-search{min-width:300px}.experiment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.error-message{color:#dc3545;background-color:#fbebee;padding:1rem;border-radius:.375rem}.my-experiments-page-search-section{margin-bottom:1.5rem}.search-container{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.experiments-search-bar{flex:2;min-width:300px}.search-results-info{display:flex;align-items:center;gap:1rem;font-size:.95rem;color:#6c757d;white-space:nowrap;flex:1;justify-content:flex-end}.search-results-info strong{color:#007bff;font-weight:600}.clear-search-btn{color:#007bff!important;font-size:.9rem!important;padding:.25rem .5rem!important;border-radius:.2rem!important;min-width:auto!important;white-space:nowrap;margin-left:.5rem;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease}.clear-search-btn:hover{background-color:#e6f2ff!important}@media(max-width:768px){.my-experiments-page-container{padding:1rem}.search-container{flex-direction:column;align-items:stretch;gap:.5rem}.experiments-search-bar{min-width:100%}.search-results-info{justify-content:flex-start;white-space:normal;flex-wrap:wrap}}@media(max-width:480px){.my-experiments-page-container{padding:.75rem}.my-experiments-page-header h1{font-size:1.5rem}.search-results-info{flex-direction:column;align-items:flex-start;gap:.25rem}.clear-search-btn{margin-left:0;width:100%;text-align:center}.experiment-grid{gap:1rem}}.blog-detail{background-color:#f8f9fa;min-height:100vh}.blog-detail__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:2rem}.blog-detail__loading p{margin-top:1rem;color:#6c757d;font-size:1rem}.blog-detail__error{max-width:600px;margin:2rem auto;padding:2rem;text-align:center}.blog-detail__back-btn{margin-top:1rem}.blog-detail__not-found{max-width:600px;margin:2rem auto;padding:2rem;text-align:center;background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #00000014}.blog-detail__not-found h2{color:#212529;margin-bottom:.5rem}.blog-detail__not-found p{color:#6c757d;margin-bottom:1.5rem}.blog-detail__progress-bar{position:fixed;top:0;left:0;width:100%;height:4px;background-color:#dee2e6;z-index:1020}.blog-detail__progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .2s cubic-bezier(.4,0,.2,1)}.blog-detail__hero{background-color:#fff;padding:2rem 0;border-bottom:1px solid #dee2e6;position:relative}.blog-detail__hero-content{max-width:1200px;margin:0 auto;padding:0 1rem}.blog-detail__breadcrumb{margin-bottom:1.5rem;font-size:.875rem;color:#6c757d;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.blog-detail__breadcrumb a{color:#6c757d;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1)}.blog-detail__breadcrumb a:hover{color:#007bff;text-decoration:underline}.blog-detail__breadcrumb-current{color:#212529;font-weight:500}.blog-detail__header{margin:0 auto}.blog-detail__meta-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem;gap:1rem}.blog-detail__meta-left{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.blog-detail__category{display:inline-flex;align-items:center;gap:.25rem;color:#007bff;font-weight:500;font-size:.875rem;padding:.25rem 1rem;background:#e6f2ff;border-radius:9999px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-detail__category:hover{background:#007bff;color:#fff;transform:translateY(-1px)}.blog-detail__meta-item{display:inline-flex;align-items:center;gap:.25rem;color:#6c757d;font-size:.875rem}.blog-detail__meta-item svg{opacity:.7}.blog-detail__meta-right{display:flex;align-items:center;gap:.5rem}.blog-detail__featured-badge{font-size:.75rem;font-weight:700;color:#ffc107;background:#fff8e6;padding:.25rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.blog-detail__difficulty-badge{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.blog-detail__difficulty-badge--easy{color:#28a745;background:#e9f6ec}.blog-detail__difficulty-badge--medium{color:#ffc107;background:#fff8e6}.blog-detail__difficulty-badge--hard{color:#dc3545;background:#fbebee}.blog-detail__title{font-size:2.5rem;font-weight:700;color:#212529;margin:0 0 2rem;line-height:1.2}.blog-detail__author-section{display:flex;align-items:center;gap:1rem}.blog-detail__author-avatar{width:56px;height:56px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.blog-detail__author-info{display:flex;flex-direction:column}.blog-detail__author-name{display:flex;align-items:center;gap:.25rem;font-weight:600;color:#212529}.blog-detail__author-role{font-size:.875rem;color:#6c757d;margin-top:.25rem}.blog-detail__container{max-width:1200px;margin:0 auto;padding:2rem 1rem;display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:flex-start}.blog-detail__main{max-width:800px}.blog-detail__featured-image{margin:0 0 2rem;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f}.blog-detail__featured-image img{width:100%;height:400px;object-fit:cover;display:block;transition:transform .2s cubic-bezier(.4,0,.2,1)}.blog-detail__featured-image:hover img{transform:scale(1.02)}.blog-detail__image-placeholder{width:100%;height:400px;background:linear-gradient(135deg,#f1f3f5,#dee2e6);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;color:#6c757d}.blog-detail__placeholder-icon{font-size:3rem;margin-bottom:.5rem;opacity:.5}.blog-detail__interaction-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:2rem;border-bottom:1px solid #dee2e6}.blog-detail__interaction-left{display:flex;align-items:center;gap:1rem}.blog-detail__interaction-right{display:flex;align-items:center}.blog-detail__interaction-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:.375rem;background:#fff;color:#6c757d;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-detail__interaction-btn:hover{background:#f1f3f5;border-color:#007bff;color:#007bff}.blog-detail__interaction-btn--active{background:#e6f2ff;border-color:#007bff;color:#007bff}.blog-detail__interaction-btn svg{font-size:1rem}.blog-detail__share-container{position:relative}.blog-detail__share-menu{position:absolute;top:100%;left:0;margin-top:.25rem;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f;z-index:1000;min-width:180px}.blog-detail__share-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;border:none;background:none;color:#212529;font-size:.875rem;text-align:left;cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1)}.blog-detail__share-menu button:hover{background:#f1f3f5}.blog-detail__share-menu button svg{font-size:1rem;opacity:.8}.blog-detail__content{margin-bottom:2rem}.blog-detail__excerpt{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #dee2e6}.blog-detail__excerpt p{font-size:1.25rem;color:#6c757d;line-height:1.7;margin:0}.blog-detail__content-body{font-size:1.25rem;line-height:1.8;color:#6c757d}.blog-detail__content-body h1,.blog-detail__content-body h2,.blog-detail__content-body h3,.blog-detail__content-body h4,.blog-detail__content-body h5,.blog-detail__content-body h6{color:#212529;margin-top:2em;margin-bottom:1em;font-weight:600;line-height:1.3}.blog-detail__content-body h1{font-size:2rem;border-bottom:2px solid #dee2e6;padding-bottom:.5rem}.blog-detail__content-body h2{font-size:1.75rem;padding-bottom:.25rem;border-bottom:1px solid #dee2e6}.blog-detail__content-body h3{font-size:1.5rem}.blog-detail__content-body h4{font-size:1.25rem}.blog-detail__content-body h5{font-size:1.125rem}.blog-detail__content-body p{margin-bottom:1.5em}.blog-detail__content-body ul,.blog-detail__content-body ol{margin-bottom:1.5em;padding-left:2em}.blog-detail__content-body li{margin-bottom:.5em}.blog-detail__content-body a{color:#007bff;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-detail__content-body a:hover{color:#0056b3;border-bottom-color:#007bff}.blog-detail__content-body img{max-width:100%;height:auto;border-radius:.375rem;margin:1.5em auto}.blog-detail__tags{margin:2rem 0;padding-top:1.5rem;border-top:1px solid #dee2e6}.blog-detail__tags-title{font-size:1.25rem;color:#212529;margin-bottom:1rem;font-weight:600}.blog-detail__tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.blog-detail__tag{background:#f1f3f5;color:#6c757d;padding:.25rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-detail__tag:hover{background:#e6f2ff;color:#007bff;transform:translateY(-1px)}.blog-detail__stats-summary{display:flex;flex-wrap:wrap;gap:2rem;margin:2rem 0;padding:1.5rem;background:#fff;border-radius:.5rem;border:1px solid #dee2e6}.blog-detail__stat-item{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.875rem;font-weight:500}.blog-detail__stat-item svg{opacity:.7}.blog-detail__author-bio{display:flex;gap:1.5rem;padding:2rem;background:#fff;border-radius:.5rem;border:1px solid #dee2e6;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.blog-detail__author-bio-avatar{width:64px;height:64px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.blog-detail__author-bio-content{flex:1}.blog-detail__author-bio-content h3{font-size:1.25rem;color:#212529;margin:0 0 .5rem;font-weight:600}.blog-detail__author-bio-content p{color:#6c757d;line-height:1.6;margin:0 0 .5rem}.blog-detail__author-email{color:#007bff;text-decoration:none;font-size:.875rem;font-weight:500}.blog-detail__author-email:hover{text-decoration:underline}.blog-detail__navigation{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid #dee2e6}.blog-detail__nav-btn{min-width:200px}.blog-detail__sidebar{position:sticky;top:100px;height:fit-content}.blog-detail__sidebar-widget{background:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #dee2e6;transition:transform .2s cubic-bezier(.4,0,.2,1)}.blog-detail__sidebar-widget:hover{transform:translateY(-3px)}.blog-detail__widget-title{font-size:1.125rem;color:#212529;margin:0 0 1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.blog-detail__widget-title svg{opacity:.8}.blog-detail__widget-text{color:#6c757d;font-size:.875rem;line-height:1.6;margin:0 0 1rem}.blog-detail__toc{display:flex;flex-direction:column;gap:.25rem;max-height:400px;overflow-y:auto;padding-right:.25rem}.blog-detail__toc::-webkit-scrollbar{width:4px}.blog-detail__toc::-webkit-scrollbar-track{background:#f8f9fa;border-radius:2px}.blog-detail__toc::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:2px}.blog-detail__toc::-webkit-scrollbar-thumb:hover{background:#6c757d}.blog-detail__toc-item{text-align:left;background:none;border:none;padding:.5rem 1rem;border-radius:.2rem;font-size:.875rem;color:#6c757d;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;text-decoration:none;position:relative}.blog-detail__toc-item:hover{background:#f1f3f5;color:#007bff;transform:translate(5px)}.blog-detail__toc-item--active{background:#e6f2ff;color:#007bff;border-left:3px solid #007bff}.blog-detail__toc-item--h1{font-weight:600;padding-left:1rem}.blog-detail__toc-item--h2{padding-left:2rem;font-size:.8125rem}.blog-detail__toc-item--h3{padding-left:3rem;font-size:.75rem;color:#6c757d;opacity:.8}.blog-detail__toc-icon{font-size:.75rem;opacity:.6;transition:transform .2s cubic-bezier(.4,0,.2,1)}.blog-detail__toc-item:hover .blog-detail__toc-icon{transform:translate(3px)}.blog-detail__toc-text{flex:1;text-align:left;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-detail__newsletter-form{display:flex;flex-direction:column;gap:.5rem}.blog-detail__newsletter-input{padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:.375rem;font-size:.875rem;background:#f8f9fa;color:#212529;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.blog-detail__newsletter-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #e6f2ff}.blog-detail__newsletter-input::placeholder{color:#6c757d;opacity:.7}.blog-detail__newsletter-btn{width:100%;font-weight:500}.blog-detail__sidebar-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-detail__sidebar-tag{background:#f1f3f5;color:#6c757d;padding:.25rem 1rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-detail__sidebar-tag:hover{background:#e6f2ff;color:#007bff}.blog-detail__cta-widget{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none}.blog-detail__cta-widget .blog-detail__widget-title{color:#fff}.blog-detail__cta-widget .blog-detail__widget-text{color:#ffffffe6}.blog-detail__cta-btn{width:100%;background-color:#fff;color:#007bff;border:none;font-weight:500}.blog-detail__cta-btn:hover{background-color:#f8f9fa;color:#0056b3}@media(max-width:1024px){.blog-detail__container{grid-template-columns:1fr;gap:1.5rem}.blog-detail__sidebar{position:static;order:-1}.blog-detail__title{font-size:2rem}.blog-detail__featured-image img,.blog-detail__image-placeholder{height:300px}}@media(max-width:768px){.blog-detail__hero{padding:1.5rem 0 2rem}.blog-detail__title{font-size:1.75rem}.blog-detail__meta-bar{flex-direction:column;align-items:flex-start;gap:.5rem}.blog-detail__meta-left{flex-direction:column;align-items:flex-start;gap:.25rem}.blog-detail__interaction-bar{flex-direction:column;align-items:flex-start;gap:1rem}.blog-detail__interaction-left,.blog-detail__interaction-right{width:100%}.blog-detail__interaction-btn{flex:1;justify-content:center}.blog-detail__author-bio{flex-direction:column;align-items:center;text-align:center}.blog-detail__navigation{flex-direction:column;gap:1rem}.blog-detail__nav-btn{width:100%}.blog-detail__content{padding:1rem}.blog-detail__content-body{font-size:1rem}.blog-detail__content-body h1{font-size:1.5rem}.blog-detail__content-body h2{font-size:1.3rem}}@media(max-width:480px){.blog-detail__container{padding:1rem .5rem}.blog-detail__title{font-size:1.5rem}.blog-detail__meta-details{flex-direction:column;gap:.25rem}.blog-detail__stats-summary{flex-direction:column;gap:1rem}.blog-detail__author-section{flex-direction:column;text-align:center}.blog-detail__author-avatar{width:48px;height:48px;font-size:1rem}}.toc-highlight{animation:highlightPulse 2s ease-in-out;background-color:#007bff1a;border-radius:.2rem}@keyframes highlightPulse{0%{background-color:#007bff1a}50%{background-color:#007bff4d}to{background-color:#007bff1a}}@media print{.blog-detail__sidebar,.blog-detail__breadcrumb,.blog-detail__interaction-bar,.blog-detail__stats-summary,.blog-detail__author-bio,.blog-detail__navigation,.blog-detail__tags{display:none}.blog-detail__container{grid-template-columns:1fr;padding:0;margin:0}.blog-detail__content{box-shadow:none;padding:0;background:none}.blog-detail__title{font-size:24pt;color:#000}.blog-detail__content-body{font-size:12pt;line-height:1.5;color:#000}.blog-detail__featured-image img{max-height:300px}}.blog-detail__toc-item:focus,.blog-detail__interaction-btn:focus,.blog-detail__newsletter-input:focus{outline:2px solid #007bff;outline-offset:2px}.blog-detail__content,.blog-detail__author-bio,.blog-detail__sidebar-widget{animation:fadeInUp .5s ease-out}.blog-detail__content-body h1+p,.blog-detail__content-body h2+p,.blog-detail__content-body h3+p,.blog-detail__content-body h4+p,.blog-detail__content-body h5+p{margin-top:.5em}.blog-detail__content-body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-detail__title-author-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.blog-detail__title{flex:1}.blog-detail__author-section{display:flex;align-items:center}.blog-detail__interaction-btn:disabled{opacity:.6;cursor:not-allowed}.blog-detail__interaction-btn:disabled:hover{background:#fff;border-color:#dee2e6;color:#6c757d;transform:none}.blog-detail__interaction-btn .spinner{margin-right:.25rem}.my-assignments-page{padding:1.5rem;background:#f8f9fa;min-height:calc(100vh - 64px);transition:background .2s cubic-bezier(.4,0,.2,1)}.page-header h1{font-size:28px;font-weight:600;margin:0 0 .25rem;color:#212529;transition:color .2s cubic-bezier(.4,0,.2,1)}.page-header p{margin:0;color:#6c757d;font-size:.875rem;transition:color .2s cubic-bezier(.4,0,.2,1)}.subject-tabs-container{margin-bottom:1.5rem;background:#fff;border-radius:.375rem;padding:4px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;border:1px solid #dee2e6}.status-tabs-container{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.status-tab{flex:1;display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#fff;border:2px solid #dee2e6;border-radius:.375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.status-tab:hover{transform:translateY(-2px);box-shadow:0 2px 8px #007bff4d}.status-tab.active{border-color:#007bff;background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff}.status-icon{font-size:28px}.status-info{flex:1}.status-label{display:block;font-size:1rem;font-weight:600;margin-bottom:4px}.status-description{display:block;font-size:.875rem;opacity:.8}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.assignment-card{background:#fff;border-radius:.375rem;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;border:1px solid #dee2e6}.assignment-card:hover{transform:translateY(-4px);box-shadow:0 2px 8px #007bff4d}.card-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#f1f3f5;border-bottom:1px solid #dee2e6}.assignment-type-badge{font-size:.875rem;font-weight:500;text-transform:uppercase;color:#6c757d}.status-badge{display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500;padding:4px .25rem;border-radius:50px}.status-badge.pending{background:#ffc10726;color:#ffc107}.status-badge.in-progress{background:#007bff26;color:#007bff}.status-badge.completed{background:#28a74526;color:#28a745}.status-badge.overdue{background:#dc354526;color:#dc3545}.card-body{padding:1rem}.card-body h3{font-size:1.25rem;margin:0 0 .25rem;color:#212529;transition:color .2s cubic-bezier(.4,0,.2,1)}.card-body p{font-size:.875rem;color:#6c757d;margin:0 0 1rem;line-height:1.5;transition:color .2s cubic-bezier(.4,0,.2,1)}.assignment-meta{display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem;background:#f1f3f5;border-radius:.375rem}.meta-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#212529}.meta-item svg{font-size:.875rem}.overdue-text{color:#dc3545;font-weight:600}.score-display{margin-top:.5rem;padding:.25rem;border-radius:.375rem;text-align:center}.score-display .score{font-weight:600;font-size:.875rem}.score-display .score.passed{color:#28a745}.score-display .score.failed{color:#dc3545}.card-footer{padding:.5rem 1rem;background:#f1f3f5;border-top:1px solid #dee2e6}.loading-container{display:flex;justify-content:center;align-items:center;padding:60px}.empty-state{text-align:center;padding:60px 1.5rem;background:#fff;border-radius:.375rem;border:1px solid #dee2e6}.empty-state h3{font-size:20px;margin:0 0 .25rem;color:#212529}.empty-state p{margin:0;color:#6c757d}.timer-warning{display:flex;align-items:center;gap:.25rem;padding:.5rem;background:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:.375rem;margin-bottom:1.5rem;color:#ffc107}.questions-container{max-height:60vh;overflow-y:auto;padding:4px}.questions-container::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.questions-container::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.questions-container::-webkit-scrollbar-thumb:hover{background:#007bff}.question-item{margin-bottom:1.5rem;padding:1rem;background:#f1f3f5;border-radius:.375rem;border:1px solid #dee2e6}.question-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.question-number{font-weight:600;color:#007bff}.question-marks{font-size:.875rem;color:#6c757d}.question-text{font-size:1rem;margin-bottom:1rem;color:#212529}.options-container{display:flex;flex-direction:column;gap:.25rem}.option-label{display:flex;align-items:center;gap:.25rem;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:background .2s cubic-bezier(.4,0,.2,1);color:#212529}.option-label:hover{background:#f1f3f5}.answer-textarea{width:100%;padding:.5rem;border:1px solid #dee2e6;border-radius:.375rem;font-size:.875rem;font-family:inherit;resize:vertical;background:#fff;color:#212529}.answer-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.file-upload-container{display:flex;flex-direction:column;gap:.25rem}.file-upload-label{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#007bff;color:#fff;border-radius:.375rem;cursor:pointer;font-size:.875rem;width:fit-content;transition:background .2s cubic-bezier(.4,0,.2,1)}.file-upload-label:hover{background:#0056b3}.uploaded-file-info{display:flex;align-items:center;gap:.25rem;padding:.25rem;background:#28a74526;border-radius:.375rem;font-size:.875rem;color:#28a745}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #dee2e6}.submission-results{text-align:center;padding:1.5rem}.result-icon{font-size:64px;margin-bottom:1rem}.score-details{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#007bff,#007bffe6);display:flex;align-items:center;justify-content:center}.score-value{font-size:32px;font-weight:700;color:#fff}.score-breakdown p{margin:.25rem 0;color:#212529}.feedback{text-align:left;padding:1rem;background:#f1f3f5;border-radius:.375rem;margin:1.5rem 0;border:1px solid #dee2e6}.feedback h4{margin:0 0 .25rem;color:#212529}@media(max-width:768px){.my-assignments-page{padding:1rem}.status-tabs-container{flex-direction:column;gap:.5rem}.status-tab{width:100%}.assignments-grid{grid-template-columns:1fr;gap:1rem}.score-details{flex-direction:column;gap:1.5rem}}@media(max-width:480px){.my-assignments-page{padding:.5rem}.page-header h1{font-size:24px}.assignment-meta{flex-direction:column;gap:.25rem}.card-body h3{font-size:1rem}}@media(prefers-reduced-motion:reduce){.assignment-card,.status-tab,.loading-spinner{transition:none}.assignment-card:hover,.status-tab:hover{transform:none}.loading-spinner{animation:none;border:3px solid #dee2e6;border-top-color:transparent}}@media print{.status-tabs-container,.subject-tabs-container,.card-footer,.modal-actions{display:none}.my-assignments-page{background:#fff;padding:0}.assignment-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}button:focus-visible,.option-label:focus-visible,.file-upload-label:focus-visible,.answer-textarea:focus-visible{outline:2px solid #007bff;outline-offset:2px}.available-exams-page{padding:1.5rem;max-width:1200px;margin:0 auto;background:#f8f9fa;min-height:100vh;transition:background .2s cubic-bezier(.4,0,.2,1)}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:28px;font-weight:600;margin-bottom:.25rem;color:#212529;transition:color .2s cubic-bezier(.4,0,.2,1)}.search-section{margin-bottom:1.5rem}.search-input{width:100%;max-width:400px}.exam-tabs{margin-bottom:1.5rem}.exams-list{display:flex;flex-direction:column;gap:1.5rem}.exam-card{padding:1.5rem;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .2s cubic-bezier(.4,0,.2,1)}.exam-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px #007bff4d}.exam-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.exam-card-header h3{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:#212529;transition:color .2s cubic-bezier(.4,0,.2,1)}.exam-meta{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.meta-item{font-size:.875rem;color:#6c757d;transition:color .2s cubic-bezier(.4,0,.2,1)}.score-badge{padding:.25rem 1rem;border-radius:50px;font-weight:700;font-size:1.25rem}.score-badge.passed{background:#28a74526;color:#28a745}.score-badge.failed{background:#dc354526;color:#dc3545}.exam-description{color:#6c757d;margin-bottom:1rem;line-height:1.5;transition:color .2s cubic-bezier(.4,0,.2,1)}.exam-dates{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.5rem;background:#f1f3f5;border-radius:.375rem;flex-wrap:wrap}.date-item{font-size:.875rem;color:#212529}.date-item span{color:#6c757d;margin-right:.25rem}.time-remaining{color:#dc3545;font-weight:500}.exam-instructions{background:#007bff1a;padding:.5rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem;color:#007bff}.exam-actions{display:flex;justify-content:flex-end}.status-badge{display:inline-flex;align-items:center;padding:4px .5rem;border-radius:50px;font-size:.875rem;font-weight:500}.status-badge.upcoming{background:#17a2b826;color:#17a2b8}.status-badge.ongoing{background:#28a74526;color:#28a745}.status-badge.completed{background:#007bff26;color:#007bff}.status-badge.expired{background:#dc354526;color:#dc3545}.empty-state{text-align:center;padding:60px;background:#fff;border-radius:.375rem;border:1px solid #dee2e6}.empty-icon{font-size:64px;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:20px;margin-bottom:.25rem;color:#212529}.empty-state p{color:#6c757d}.passcode-modal-content{padding:.25rem 0}.exam-info-preview{background:#f1f3f5;padding:1rem;border-radius:.375rem;margin-bottom:1.5rem;text-align:center;border:1px solid #dee2e6}.exam-info-preview h4{margin-bottom:.25rem;color:#212529}.exam-info-preview p{font-size:.875rem;color:#6c757d;margin:4px 0}.passcode-input{margin:1.5rem 0}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #dee2e6;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#6c757d}.error-container{text-align:center;padding:60px 1.5rem;background:#fff;border-radius:.375rem;border:1px solid #dee2e6;margin:1.5rem}.error-container h2{color:#212529;margin-bottom:.25rem}.error-container p{color:#6c757d;margin-bottom:1.5rem}@media(max-width:768px){.available-exams-page{padding:1rem}.exam-card-header{flex-direction:column;gap:.5rem}.exam-dates{flex-direction:column;gap:.25rem}.exam-meta{flex-wrap:wrap}.search-input{max-width:100%}.empty-state{padding:40px 1.5rem}}@media(max-width:480px){.available-exams-page{padding:.5rem}.page-header h1{font-size:24px}.exam-card{padding:1rem}.exam-card-header h3{font-size:1rem}.score-badge{font-size:1rem;padding:4px .5rem}.empty-icon{font-size:48px}.empty-state h3{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.exam-card,.loading-spinner{transition:none}.exam-card:hover{transform:none}.loading-spinner{animation:none;border:3px solid #dee2e6;border-top-color:transparent}}@media print{.search-section,.exam-tabs,.exam-actions,.modal-actions{display:none}.available-exams-page{background:#fff;padding:0}.exam-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}button:focus-visible,.search-input input:focus-visible,.passcode-input input:focus-visible{outline:2px solid #007bff;outline-offset:2px}@media(prefers-contrast:high){.exam-card{border:2px solid currentColor}.status-badge,.score-badge,.exam-instructions{border:1px solid currentColor}}.student-scenario-page{padding:1.5rem;background:#f8f9fa;min-height:calc(100vh - 64px);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.student-scenario-page .container{width:100%;max-width:100%;margin:0 auto;padding:0;box-sizing:border-box}.student-scenario-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;width:100%;clear:both}.student-scenario-page-header-left{flex:1;min-width:200px}.student-scenario-page-header-left h1{text-align:left}.student-scenario-page-title{font-size:28px;font-weight:600;margin:0 0 .25rem;color:#212529;display:flex;align-items:center;gap:.75rem}.student-scenario-page-title svg{color:#007bff}.student-scenario-page-subtitle{margin:0;color:#6c757d;font-size:.875rem}.student-scenario-page-header-right{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0}.student-scenario-page-filter-toggle-btn,.student-scenario-page-refresh-btn{white-space:nowrap}.student-scenario-page-search{margin-bottom:1.5rem;width:100%;clear:both}.student-scenario-page-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.student-scenario-page-search-icon{position:absolute;left:14px;color:#6c757d;pointer-events:none;z-index:1}.student-scenario-page-search-input{width:100%;padding:.75rem 3rem;border:2px solid #dee2e6;border-radius:.5rem;font-size:.875rem;background:#fff;color:#212529;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.student-scenario-page-search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.student-scenario-page-search-input::placeholder{color:#adb5bd}.student-scenario-page-search-clear{position:absolute;right:12px;background:none;border:none;color:#6c757d;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1}.student-scenario-page-search-clear:hover{background:#f1f3f5;color:#212529}.student-scenario-page-filters{margin-bottom:1.5rem;padding:1.25rem;background:#fff;border-radius:.5rem;border:1px solid #dee2e6;box-shadow:0 1px 3px #0000000f;animation:studentScenarioPageSlideDown .3s cubic-bezier(.4,0,.2,1);width:100%;clear:both;box-sizing:border-box}@keyframes studentScenarioPageSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.student-scenario-page-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end;width:100%}.student-scenario-page-filter-group{display:flex;flex-direction:column;gap:.375rem}.student-scenario-page-filter-label{font-size:.813rem;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.student-scenario-page-filter-select{padding:.625rem 2.5rem .625rem .875rem;border:2px solid #dee2e6;border-radius:.375rem;font-size:.875rem;background:#fff;color:#212529;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;width:100%;box-sizing:border-box}.student-scenario-page-filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.student-scenario-page-filter-select:hover{border-color:#007bff}.student-scenario-page-filter-actions{display:flex;gap:.5rem;align-items:center;padding-top:.25rem}.student-scenario-page-filter-clear-btn{white-space:nowrap}.student-scenario-page-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.375rem;background:#fff;border-radius:.5rem;border:1px solid #dee2e6;flex-wrap:wrap;overflow-x:auto;width:100%;clear:both;box-sizing:border-box}.student-scenario-page-tabs::-webkit-scrollbar{height:4px}.student-scenario-page-tabs::-webkit-scrollbar-track{background:#f1f3f5;border-radius:2px}.student-scenario-page-tabs::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:2px}.student-scenario-page-tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#6c757d;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;flex-shrink:0}.student-scenario-page-tab-btn:hover{background:#f1f3f5;color:#212529}.student-scenario-page-tab-btn-active{background:#007bff;color:#fff;box-shadow:0 2px 8px #007bff4d}.student-scenario-page-tab-btn-active:hover{background:#007bff;color:#fff}.student-scenario-page-tab-icon{font-size:18px;flex-shrink:0}.student-scenario-page-tab-label{flex-shrink:0}.student-scenario-page-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .5rem;background:#00000014;border-radius:50px;font-size:.75rem;font-weight:600;flex-shrink:0}.student-scenario-page-tab-btn-active .student-scenario-page-tab-count{background:#fff3}.student-scenario-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;width:100%;clear:both}.student-scenario-page-card{background:#fff;border-radius:.5rem;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000014;border:1px solid #e9ecef;display:flex;flex-direction:column;width:100%;box-sizing:border-box;height:fit-content}.student-scenario-page-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#007bff}.student-scenario-page-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:.5rem}.student-scenario-page-card-badges{display:flex;gap:.5rem;flex-wrap:wrap}.student-scenario-page-card-body{padding:1rem;flex:1;display:flex;flex-direction:column}.student-scenario-page-card-title{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:#212529;line-height:1.4}.student-scenario-page-card-description{font-size:.875rem;color:#6c757d;margin:0 0 .75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.student-scenario-page-card-footer{padding:.75rem 1rem;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;margin-top:auto}.student-scenario-page-card-footer button{flex:0 1 auto}.student-scenario-page-difficulty-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:50px;text-transform:capitalize;letter-spacing:.3px}.student-scenario-page-difficulty-beginner{background:#d4edda;color:#155724}.student-scenario-page-difficulty-intermediate{background:#fff3cd;color:#856404}.student-scenario-page-difficulty-advanced{background:#f8d7da;color:#721c24}.student-scenario-page-status-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:50px;letter-spacing:.3px}.student-scenario-page-status-badge svg{font-size:14px}.student-scenario-page-status-not-started{background:#e9ecef;color:#6c757d}.student-scenario-page-status-in-progress{background:#cce5ff;color:#004085}.student-scenario-page-status-completed{background:#d4edda;color:#155724}.student-scenario-page-status-abandoned{background:#fff3cd;color:#856404}.student-scenario-page-status-timeout{background:#f8d7da;color:#721c24}.student-scenario-page-category-badge{font-size:.7rem;padding:.25rem .75rem;background:#e9ecef;color:#6c757d;border-radius:50px;text-transform:capitalize;font-weight:500;letter-spacing:.3px}.student-scenario-page-patient-info{padding:.75rem;background:#f8f9fa;border-radius:.375rem;margin-bottom:.75rem;border-left:3px solid #007bff}.student-scenario-page-patient-name{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#212529;margin-bottom:.25rem;font-size:.938rem}.student-scenario-page-patient-name svg{color:#007bff}.student-scenario-page-patient-details{display:flex;align-items:center;gap:.75rem;font-size:.813rem;color:#6c757d;flex-wrap:wrap}.student-scenario-page-patient-details svg{font-size:12px;margin-right:2px}.student-scenario-page-condition-stable{display:inline-flex;align-items:center;gap:.25rem;color:#28a745;font-weight:500}.student-scenario-page-condition-critical{display:inline-flex;align-items:center;gap:.25rem;color:#dc3545;font-weight:500}.student-scenario-page-condition-serious{display:inline-flex;align-items:center;gap:.25rem;color:#fd7e14;font-weight:500}.student-scenario-page-condition-recovering{display:inline-flex;align-items:center;gap:.25rem;color:#007bff;font-weight:500}.student-scenario-page-patient-diagnosis{display:flex;align-items:center;gap:.5rem;font-size:.813rem;color:#495057;margin-top:.25rem;padding-top:.25rem;border-top:1px solid #e9ecef}.student-scenario-page-patient-diagnosis svg{color:#6c757d;flex-shrink:0}.student-scenario-page-patient-diagnosis strong{color:#212529}.student-scenario-page-progress{margin-bottom:.75rem}.student-scenario-page-progress-info{display:flex;justify-content:space-between;font-size:.813rem;color:#6c757d;margin-bottom:.25rem}.student-scenario-page-progress-text{font-weight:600}.student-scenario-page-progress-high{color:#28a745}.student-scenario-page-progress-medium{color:#fd7e14}.student-scenario-page-progress-low{color:#dc3545}.student-scenario-page-progress-none{color:#6c757d}.student-scenario-page-progress-bar-container{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.student-scenario-page-progress-bar-fill{height:100%;border-radius:3px;transition:width .3s cubic-bezier(.4,0,.2,1)}.student-scenario-page-progress-bar-fill.student-scenario-page-progress-high{background:linear-gradient(90deg,#28a745,#20c997)}.student-scenario-page-progress-bar-fill.student-scenario-page-progress-medium{background:linear-gradient(90deg,#fd7e14,#ffc107)}.student-scenario-page-progress-bar-fill.student-scenario-page-progress-low{background:linear-gradient(90deg,#dc3545,#fd7e14)}.student-scenario-page-progress-bar-fill.student-scenario-page-progress-none{background:#6c757d}.student-scenario-page-stats{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.student-scenario-page-stat-item{display:flex;align-items:center;gap:.375rem;font-size:.813rem;color:#6c757d}.student-scenario-page-stat-item svg{color:#6c757d;flex-shrink:0}.student-scenario-page-score{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.student-scenario-page-score-passed{background:#d4edda;color:#155724}.student-scenario-page-score-failed{background:#f8d7da;color:#721c24}.student-scenario-page-score-label{font-weight:500}.student-scenario-page-score-value{font-weight:700}.student-scenario-page-score-icon{flex-shrink:0}.student-scenario-page-score-icon-passed{color:#28a745}.student-scenario-page-score-icon-failed{color:#dc3545}.student-scenario-page-loading{text-align:center;padding:60px 1.5rem;background:#fff;border-radius:.5rem;border:1px solid #e9ecef;width:100%;clear:both;box-sizing:border-box}.student-scenario-page-loading p{margin-top:1rem;color:#6c757d;font-size:.875rem}.student-scenario-page-empty{grid-column:1 / -1;text-align:center;padding:60px 1.5rem;background:#fff;border-radius:.5rem;border:1px solid #e9ecef;width:100%;box-sizing:border-box}.student-scenario-page-empty-icon{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;color:#adb5bd}.student-scenario-page-empty-title{font-size:20px;margin:0 0 .25rem;color:#212529}.student-scenario-page-empty-description{margin:0 0 1.5rem;color:#6c757d;font-size:.875rem;max-width:400px;margin-left:auto;margin-right:auto}.student-scenario-page-empty-btn{margin-top:.5rem}.student-scenario-page-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef;width:100%;clear:both}.student-scenario-page-pagination-info{font-size:.875rem;color:#6c757d;font-weight:500}.student-scenario-page-pagination-btn{min-width:80px}.student-scenario-page-error{margin-bottom:1.5rem}.student-scenario-page-rotating{animation:studentScenarioPageSpin 1s linear infinite}@keyframes studentScenarioPageSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.student-scenario-page-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media(max-width:992px){.student-scenario-page-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.student-scenario-page{padding:1rem}.student-scenario-page-header{flex-direction:column;align-items:stretch;gap:.75rem}.student-scenario-page-title{font-size:24px}.student-scenario-page-header-right{justify-content:flex-start;gap:.5rem}.student-scenario-page-tabs{flex-wrap:nowrap;overflow-x:auto;padding:.375rem;gap:.375rem}.student-scenario-page-tab-btn{padding:.5rem .75rem;font-size:.813rem}.student-scenario-page-tab-label{display:none}.student-scenario-page-tab-icon{font-size:16px}.student-scenario-page-tab-count{min-width:18px;height:18px;font-size:.7rem;padding:0 .375rem}.student-scenario-page-filters-grid{grid-template-columns:1fr;gap:.75rem}.student-scenario-page-filter-actions{padding-top:0}.student-scenario-page-grid{grid-template-columns:1fr;gap:1rem}.student-scenario-page-card-footer{flex-direction:column}.student-scenario-page-card-footer button{width:100%;justify-content:center}}@media(max-width:480px){.student-scenario-page{padding:.75rem}.student-scenario-page-title{font-size:20px}.student-scenario-page-subtitle{font-size:.813rem}.student-scenario-page-card{border-radius:.375rem}.student-scenario-page-card-header{flex-direction:column;align-items:stretch;gap:.5rem}.student-scenario-page-card-badges{flex-wrap:wrap}.student-scenario-page-stats{flex-direction:column;gap:.25rem}.student-scenario-page-search-input{padding:.625rem 2.75rem;font-size:.813rem}.student-scenario-page-pagination{flex-direction:column;gap:.75rem}.student-scenario-page-pagination-info{order:-1}.student-scenario-page-pagination-btn{min-width:100px;width:100%;justify-content:center}}body.dark-theme .student-scenario-page{background:#12121e}body.dark-theme .student-scenario-page-title{color:#e8e8f0}body.dark-theme .student-scenario-page-subtitle,body.dark-theme .student-scenario-page-card-description,body.dark-theme .student-scenario-page-stat-item,body.dark-theme .student-scenario-page-progress-info,body.dark-theme .student-scenario-page-empty-description,body.dark-theme .student-scenario-page-pagination-info{color:#8a8aa8}body.dark-theme .student-scenario-page-card,body.dark-theme .student-scenario-page-filters,body.dark-theme .student-scenario-page-tabs,body.dark-theme .student-scenario-page-empty,body.dark-theme .student-scenario-page-loading{background:#1e1e32;border-color:#2d2d4a}body.dark-theme .student-scenario-page-search-input{background:#1e1e32;border-color:#2d2d4a;color:#e8e8f0}body.dark-theme .student-scenario-page-search-input:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff26}body.dark-theme .student-scenario-page-search-input::placeholder{color:#6a6a88}body.dark-theme .student-scenario-page-search-clear{color:#6a6a88}body.dark-theme .student-scenario-page-search-clear:hover{background:#2d2d4a;color:#e8e8f0}body.dark-theme .student-scenario-page-card-header,body.dark-theme .student-scenario-page-card-footer{background:#16162a;border-color:#2d2d4a}body.dark-theme .student-scenario-page-card:hover{border-color:#4a9eff;box-shadow:0 8px 24px #4a9eff1a}body.dark-theme .student-scenario-page-patient-info{background:#16162a;border-color:#2d2d4a}body.dark-theme .student-scenario-page-patient-name{color:#e8e8f0}body.dark-theme .student-scenario-page-patient-details,body.dark-theme .student-scenario-page-patient-diagnosis{color:#8a8aa8}body.dark-theme .student-scenario-page-patient-diagnosis{border-color:#2d2d4a}body.dark-theme .student-scenario-page-patient-diagnosis strong{color:#e8e8f0}body.dark-theme .student-scenario-page-progress-bar-container{background:#2d2d4a}body.dark-theme .student-scenario-page-tab-btn{color:#8a8aa8}body.dark-theme .student-scenario-page-tab-btn:hover{background:#2d2d4a;color:#e8e8f0}body.dark-theme .student-scenario-page-tab-btn-active,body.dark-theme .student-scenario-page-tab-btn-active:hover{background:#4a9eff;color:#fff}body.dark-theme .student-scenario-page-tab-count{background:#ffffff14}body.dark-theme .student-scenario-page-tab-btn-active .student-scenario-page-tab-count{background:#fff3}body.dark-theme .student-scenario-page-score-passed{background:#28a74533;color:#5cdb7a}body.dark-theme .student-scenario-page-score-failed{background:#dc354533;color:#f87171}body.dark-theme .student-scenario-page-filter-label{color:#8a8aa8}body.dark-theme .student-scenario-page-filter-select{background:#1e1e32;border-color:#2d2d4a;color:#e8e8f0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a8aa8' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}body.dark-theme .student-scenario-page-filter-select:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff26}body.dark-theme .student-scenario-page-filter-select:hover{border-color:#4a9eff}body.dark-theme .student-scenario-page-tabs::-webkit-scrollbar-track{background:#16162a}body.dark-theme .student-scenario-page-tabs::-webkit-scrollbar-thumb{background:#2d2d4a}body.dark-theme .student-scenario-page-difficulty-beginner{background:#28a74540;color:#5cdb7a}body.dark-theme .student-scenario-page-difficulty-intermediate{background:#ffc10740;color:#ffc107}body.dark-theme .student-scenario-page-difficulty-advanced{background:#dc354540;color:#f87171}body.dark-theme .student-scenario-page-status-not-started{background:#6c757d40;color:#8a8aa8}body.dark-theme .student-scenario-page-status-in-progress{background:#4a9eff40;color:#4a9eff}body.dark-theme .student-scenario-page-status-completed{background:#28a74540;color:#5cdb7a}body.dark-theme .student-scenario-page-status-abandoned{background:#ffc10740;color:#ffc107}body.dark-theme .student-scenario-page-status-timeout{background:#dc354540;color:#f87171}body.dark-theme .student-scenario-page-category-badge{background:#2d2d4a;color:#8a8aa8}body.dark-theme .student-scenario-page-card-title,body.dark-theme .student-scenario-page-empty-title{color:#e8e8f0}body.dark-theme .student-scenario-page-empty-icon{color:#4a4a6a}body.dark-theme .student-scenario-page-condition-stable{color:#5cdb7a}body.dark-theme .student-scenario-page-condition-critical{color:#f87171}body.dark-theme .student-scenario-page-condition-serious{color:#ffc107}body.dark-theme .student-scenario-page-condition-recovering{color:#4a9eff}@media(prefers-reduced-motion:reduce){.student-scenario-page-card,.student-scenario-page-tab-btn,.student-scenario-page-search-input,.student-scenario-page-progress-bar-fill,.student-scenario-page-filters,.student-scenario-page-rotating{transition:none;animation:none}.student-scenario-page-card:hover{transform:none}}@media print{.student-scenario-page{background:#fff!important;padding:0!important}.student-scenario-page-card{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important;transform:none!important}.student-scenario-page-filters,.student-scenario-page-tabs,.student-scenario-page-pagination,.student-scenario-page-header-right,.student-scenario-page-search{display:none!important}.student-scenario-page-card-header,.student-scenario-page-card-footer{background:#f5f5f5!important}.student-scenario-page-patient-info{border-left-color:#007bff!important}.student-scenario-page-difficulty-badge,.student-scenario-page-status-badge,.student-scenario-page-category-badge,.student-scenario-page-score-passed,.student-scenario-page-score-failed{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.question-type-mcq .question-type-options{display:flex;flex-direction:column;gap:10px;margin-top:12px}.question-type-mcq .question-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.question-type-mcq .question-option:hover:not(.disabled){border-color:#8b5cf6;background:#faf5ff}.question-type-mcq .question-option.selected{border-color:#8b5cf6;background:#faf5ff}.question-type-mcq .question-option.correct{border-color:#22c55e;background:#f0fdf4}.question-type-mcq .question-option.wrong{border-color:#ef4444;background:#fef2f2}.question-type-mcq .question-option.disabled{cursor:not-allowed;opacity:.7}.question-type-mcq .question-option-radio{flex-shrink:0}.question-type-mcq .radio-circle{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.question-type-mcq .radio-circle.checked{border-color:#8b5cf6;background:#8b5cf6;color:#fff}.question-type-mcq .question-option-text{flex:1;color:#1f2937}.question-type-mcq .question-option-image{width:40px;height:40px;object-fit:cover;border-radius:4px;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.question-type-mcq .question-feedback{margin-top:12px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px}.question-type-mcq .question-feedback.correct{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.question-type-mcq .question-feedback.incorrect{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.question-type-selective .question-type-options{display:flex;flex-direction:column;gap:10px;margin-top:12px}.question-type-selective .question-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.question-type-selective .question-option:hover:not(.disabled){border-color:#8b5cf6;background:#faf5ff}.question-type-selective .question-option.selected{border-color:#8b5cf6;background:#faf5ff}.question-type-selective .question-option.correct{border-color:#22c55e;background:#f0fdf4}.question-type-selective .question-option.wrong{border-color:#ef4444;background:#fef2f2}.question-type-selective .question-option.disabled{cursor:not-allowed;opacity:.7}.question-type-selective .question-option-checkbox{flex-shrink:0}.question-type-selective .checkbox-square{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.question-type-selective .checkbox-square.checked{border-color:#8b5cf6;background:#8b5cf6;color:#fff}.question-type-selective .question-type-instruction{font-size:14px;color:#6b7280;margin-top:4px}.question-type-sequence .question-type-sequence-items{display:flex;flex-direction:column;gap:8px;margin-top:12px}.question-type-sequence .sequence-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px}.question-type-sequence .sequence-item-number{display:flex;align-items:center;gap:8px;min-width:60px}.question-type-sequence .sequence-item-order{font-weight:600;color:#8b5cf6;font-size:16px;min-width:24px}.question-type-sequence .sequence-item-arrows{display:flex;flex-direction:column;gap:2px}.question-type-sequence .sequence-item-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:20px;border:none;background:#f3f4f6;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease;padding:0}.question-type-sequence .sequence-item-arrow:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.question-type-sequence .sequence-item-arrow:disabled{opacity:.3;cursor:not-allowed}.question-type-sequence .sequence-item-text{flex:1;color:#1f2937}.question-type-bin .bin-items-pool{margin:16px 0;padding:16px;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.question-type-bin .bin-items-pool-title{font-weight:600;color:#6b7280;margin-bottom:8px;font-size:14px}.question-type-bin .bin-items-container{display:flex;flex-wrap:wrap;gap:8px;min-height:48px}.question-type-bin .bin-item-draggable{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:2px solid #d1d5db;border-radius:6px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}.question-type-bin .bin-item-draggable:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.question-type-bin .bin-item-draggable:active{cursor:grabbing}.question-type-bin .bin-all-assigned{display:flex;align-items:center;gap:8px;padding:16px;background:#f0fdf4;border-radius:8px;color:#16a34a;font-weight:500;margin:12px 0}.question-type-bin .bin-bins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.question-type-bin .bin-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease}.question-type-bin .bin-card.drag-over{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.question-type-bin .bin-card.disabled{opacity:.7}.question-type-bin .bin-card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;color:#fff;font-weight:600}.question-type-bin .bin-card-count{background:#fff3;padding:2px 10px;border-radius:12px;font-size:12px}.question-type-bin .bin-card-items{min-height:80px;padding:12px;display:flex;flex-direction:column;gap:6px}.question-type-bin .bin-card-item{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#f9fafb;border-radius:4px;font-size:14px}.question-type-bin .bin-card-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:#fee2e2;border-radius:50%;color:#ef4444;cursor:pointer;transition:all .2s ease;padding:0}.question-type-bin .bin-card-remove:hover{background:#fecaca}.question-type-bin .bin-card-empty{color:#9ca3af;font-size:14px;text-align:center;padding:16px 0}.question-type-bin .bin-card-description{padding:8px 16px 12px;font-size:12px;color:#6b7280;border-top:1px solid #f3f4f6}.ts-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f4f6f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#1a2332}.ts-hdr{height:52px;background:#fff;border-bottom:1.5px solid #e4eaf2;display:flex;align-items:center;flex-shrink:0;z-index:20}.ts-back-btn{display:flex;align-items:center;gap:5px;padding:0 14px;height:100%;border:none;border-right:1px solid #e4eaf2;background:none;color:#5a6a7e;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.ts-back-btn:hover{background:#f5f8fd;color:#1a2332}.ts-hdr-title-block{padding:0 14px;flex:1;min-width:0;border-right:1px solid #e4eaf2}.ts-hdr-title{font-size:13.5px;font-weight:700;color:#1a2332;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px;line-height:1.2}.ts-heart-icon{color:#e05252;flex-shrink:0}.ts-hdr-sub{display:flex;gap:10px;margin-top:1px}.ts-hdr-sub span{display:flex;align-items:center;gap:3px;font-size:11px;color:#7a8fa6}.ts-hdr-right{display:flex;align-items:center;height:100%}.ts-timer{display:flex;align-items:center;gap:7px;padding:0 14px;height:100%;border-right:1px solid #e4eaf2}.ts-timer-icon{color:#9aabb8;flex-shrink:0}.ts-timer-lbl{font-size:10px;color:#9aabb8;text-transform:uppercase;letter-spacing:.05em}.ts-timer-val{font-size:16px;font-weight:700;color:#3b7dd8;letter-spacing:.5px;line-height:1}.ts-prog-wrap{padding:0 14px;border-right:1px solid #e4eaf2;display:flex;flex-direction:column;gap:3px;min-width:120px}.ts-prog-top{display:flex;justify-content:space-between;align-items:center}.ts-prog-lbl{font-size:10px;color:#9aabb8;text-transform:uppercase;letter-spacing:.04em}.ts-prog-pct{font-size:11px;font-weight:700;color:#3b7dd8}.ts-prog-bar{height:4px;background:#e4eaf2;border-radius:4px;overflow:hidden}.ts-prog-fill{height:100%;background:#3b7dd8;border-radius:4px;transition:width .4s ease}.ts-layer-drop{position:relative;padding:0 14px;height:100%;display:flex;align-items:center;border-right:1px solid #e4eaf2}.ts-layer-btn{display:flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;padding:5px 8px;border-radius:7px;transition:background .12s}.ts-layer-btn:hover{background:#f0f4f9}.ts-layer-badge{width:20px;height:20px;border-radius:50%;background:#3b7dd8;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ts-layer-name{font-size:12px;font-weight:600;color:#1a2332;line-height:1.2}.ts-layer-sub{font-size:10px;color:#7a8fa6}.ts-chev{color:#7a8fa6}.ts-layer-dd{position:absolute;top:calc(100% + 2px);left:0;background:#fff;border:1px solid #dde4ef;border-radius:10px;min-width:220px;overflow:hidden;z-index:99;box-shadow:0 4px 16px #00000014}.ts-dd-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .12s;border-bottom:1px solid #f3f5f9}.ts-dd-item:last-child{border-bottom:none}.ts-dd-item:hover{background:#f5f8fd}.ts-dd-item.active{background:#eef4ff}.ts-dd-num{width:24px;height:24px;border-radius:50%;background:#e4eaf2;color:#5a6a7e;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ts-dd-num.active{background:#3b7dd8;color:#fff}.ts-dd-num.done{background:#34a853;color:#fff}.ts-dd-info{flex:1;min-width:0}.ts-dd-name{font-size:12.5px;font-weight:600;color:#1a2332;display:flex;align-items:center;gap:4px}.ts-dd-sub{font-size:11px;color:#7a8fa6}.ts-dd-item.active .ts-dd-name{color:#1a62b8}.ts-dd-pill{font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px;background:#e4eaf2;color:#5a6a7e;white-space:nowrap}.ts-dd-pill.active{background:#dbeafe;color:#1a62b8}.ts-dd-pill.done{background:#d1fae5;color:#166534}.ts-hdr-actions{display:flex;align-items:center;gap:6px;padding:0 12px}.ts-hdr-btn{display:flex;align-items:center;gap:4px;padding:6px 11px;border-radius:7px;border:1.5px solid #dde4ef;background:#fff;color:#5a6a7e;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .12s}.ts-hdr-btn:hover{border-color:#a8b8cc;color:#1a2332}.ts-hdr-btn.ghost-red{border-color:#fbc8cc;color:#d94040}.ts-hdr-btn.ghost-red:hover{background:#fff5f5}.ts-body{display:grid;grid-template-columns:224px minmax(0,1fr) 248px;flex:1;min-height:0;overflow:hidden;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.ts-body-left-expanded{grid-template-columns:30% minmax(0,1fr) 180px}.ts-body-right-expanded{grid-template-columns:180px minmax(0,1fr) 30%}.ts-lp{background:#fff;border-right:1px solid #e4eaf2;display:flex;flex-direction:column;overflow:hidden;transition:all .25s ease}.ts-lp-expanded{font-size:14px}.ts-lp-expanded .ts-pt-val,.ts-lp-expanded .ts-cc-text,.ts-lp-expanded .ts-sym-chip,.ts-lp-expanded .ts-coll-list li,.ts-lp-expanded .ts-relative{font-size:13px}.ts-lp-expanded .ts-vital-val{font-size:15px}.ts-lp-expanded .ts-panel-hdr-text{font-size:12px}.ts-lp-expanded .ts-pt-lbl,.ts-lp-expanded .ts-cc-lbl,.ts-lp-expanded .ts-sym-lbl{font-size:10.5px}.ts-panel-hdr{display:flex;align-items:center;gap:7px;padding:8px 12px;border-bottom:1px solid #edf0f5;flex-shrink:0}.ts-panel-hdr-icon{width:26px;height:26px;border-radius:7px;background:#eef4ff;display:flex;align-items:center;justify-content:center;color:#3b7dd8;flex-shrink:0}.ts-panel-hdr-text{font-size:11px;font-weight:700;color:#1a2332}.ts-lp-body{overflow-y:auto;flex:1;min-height:0}.ts-lp-body::-webkit-scrollbar{width:3px}.ts-lp-body::-webkit-scrollbar-thumb{background:#dde4ef;border-radius:3px}.ts-vitals{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #edf0f5}.ts-vital{padding:6px 4px;display:flex;flex-direction:column;align-items:center;border-right:1px solid #f0f3f8}.ts-vital:last-child{border-right:none}.ts-vital-val{font-size:13px;font-weight:700;color:#3b7dd8;line-height:1}.ts-vital-lbl{font-size:9px;color:#9aabb8;margin-top:2px;text-align:center}.ts-pt-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #edf0f5}.ts-pt-cell{padding:6px 10px;border-right:1px solid #f0f3f8;border-bottom:1px solid #f0f3f8}.ts-pt-cell:nth-child(2n){border-right:none}.ts-pt-span2{grid-column:span 2;border-right:none}.ts-pt-lbl{font-size:9.5px;color:#9aabb8;margin-bottom:2px}.ts-pt-val{font-size:12px;font-weight:600;color:#1a2332}.ts-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10.5px;font-weight:600}.cond-critical{background:#fde8e8;color:#c53030}.cond-serious{background:#fef3cc;color:#92600a}.cond-stable{background:#d4edda;color:#155724}.cond-recovering{background:#dbeafe;color:#1a62b8}.cond-unknown{background:#edf0f5;color:#5a6a7e}.ts-cc{margin:8px 12px;padding:7px 10px;background:#f5f8fd;border-left:3px solid #3b7dd8;border-radius:0 6px 6px 0}.ts-cc-lbl{font-size:9.5px;font-weight:700;color:#3b7dd8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.ts-cc-text{font-size:11.5px;color:#3a4a5c;line-height:1.5}.ts-sym{margin:6px 12px}.ts-sym-lbl{font-size:9.5px;font-weight:700;color:#3b7dd8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.ts-sym-chips{display:flex;flex-wrap:wrap;gap:4px}.ts-sym-chip{font-size:11px;color:#3a4a5c;background:#eef2f8;padding:3px 8px;border-radius:20px;border:1px solid #dde4ef}.ts-coll{border-top:1px solid #f0f3f8}.ts-coll-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:7px 12px;cursor:pointer;font-size:11px;font-weight:600;color:#5a6a7e;text-align:left;transition:background .12s}.ts-coll-btn:hover{background:#f7f9fb}.ts-coll-left{display:flex;align-items:center;gap:5px}.ts-coll-body{padding:4px 12px 8px}.ts-coll-list{padding-left:14px;list-style:disc}.ts-coll-list li{font-size:11.5px;color:#3a4a5c;padding:1.5px 0}.ts-relative{font-size:11.5px;color:#3a4a5c;display:flex;flex-direction:column;gap:3px}.ts-cp{display:flex;flex-direction:column;overflow:hidden;background:#f4f6f9;min-width:0}.ts-cover-wrap{position:relative;width:100%;min-height:60px;flex-shrink:0;overflow:hidden;background:#1e2d3d;z-index:5;box-shadow:0 2px 8px #00000014;transition:height .1s ease-out}.ts-cover-img{width:100%;object-fit:contain;display:block;background:#eef4ff;transition:height .1s ease-out;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ts-cover-badge{position:absolute;top:10px;left:10px;background:#ffffffed;color:#1a62b8;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:6px;display:flex;align-items:center;gap:4px;border:1px solid rgba(59,125,216,.2);z-index:10;pointer-events:none}.ts-cover-arrow{font-size:9px;opacity:.6;margin-left:2px}.ts-cover-fade{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,rgba(30,45,61,.4));pointer-events:none;z-index:2}.ts-q-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#dde4ef transparent}.ts-q-scroll::-webkit-scrollbar{width:3px}.ts-q-scroll::-webkit-scrollbar-thumb{background:#dde4ef;border-radius:3px}.ts-q-scroll-inner{padding:10px 12px 24px;display:flex;flex-direction:column;gap:8px}.ts-q-card{background:#fff;border-radius:10px;border:1px solid #e0e6f0;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.ts-q-top{display:flex;align-items:center;justify-content:space-between}.ts-q-counter{font-size:11px;font-weight:700;color:#3b7dd8;letter-spacing:.04em}.ts-q-tags{display:flex;gap:5px}.ts-q-tag{display:flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:5px}.ts-tag-time{background:#fff8e6;color:#92600a;border:1px solid #fde08a}.ts-tag-pts{background:#f0f4f9;color:#5a6a7e;border:1px solid #dde4ef}.ts-q-img-wrap{border-radius:7px;overflow:hidden;border:1px solid #e4eaf2;background:#f5f8fd;max-height:180px}.ts-q-img{width:100%;max-height:180px;object-fit:contain;display:block;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.question-option-image{pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ts-q-text{font-size:13.5px;font-weight:600;color:#1a2332;line-height:1.5}.ts-q-instr{font-size:11.5px;color:#5a6a7e;padding:7px 10px;background:#f5f8fd;border-left:3px solid #3b7dd8;border-radius:0 5px 5px 0;line-height:1.5}.ts-q-component{padding-top:2px}.ts-q-component .mcq-option,.ts-q-component .scenario-option{border:1.5px solid #dde4ef!important;border-radius:8px!important;padding:9px 12px!important;margin-bottom:6px!important;cursor:pointer!important;transition:all .15s!important;background:#fff!important}.ts-q-component .mcq-option:hover,.ts-q-component .scenario-option:hover{border-color:#93b8ec!important;background:#f0f6ff!important}.ts-q-component .mcq-option.selected,.ts-q-component .scenario-option.selected{border-color:#3b7dd8!important;background:#eef4ff!important}.ts-q-component .mcq-container,.ts-q-component .selective-container,.ts-q-component .sequence-container,.ts-q-component .bin-categorization-container{overflow:visible!important;height:auto!important;max-height:none!important}.ts-q-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #edf0f5;flex-wrap:wrap;gap:6px}.ts-flag-btn{display:flex;align-items:center;gap:4px;background:none;border:1.5px solid #dde4ef;color:#7a8fa6;font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:7px;cursor:pointer;transition:all .15s}.ts-flag-btn:hover{border-color:#a8b8cc;color:#5a6a7e}.ts-flag-btn.on{background:#fff5f5;border-color:#f5b8b8;color:#c53030}.ts-q-nav{display:flex;gap:6px}.ts-btn-prev,.ts-btn-next{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:7px;border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.ts-btn-prev{background:#edf0f5;color:#5a6a7e}.ts-btn-prev:hover:not(:disabled){background:#dde4ef}.ts-btn-prev:disabled{opacity:.38;cursor:not-allowed}.ts-btn-next{background:#3b7dd8;color:#fff}.ts-btn-next:hover:not(:disabled){background:#2d6abf}.ts-btn-next:disabled{opacity:.42;cursor:not-allowed}.ts-bot-nav{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#fff;border-top:1px solid #e4eaf2;flex-shrink:0;overflow-x:auto;flex-wrap:nowrap;min-height:50px;z-index:10}.ts-bot-nav::-webkit-scrollbar{height:0}.ts-bot-lbl{font-size:10.5px;color:#9aabb8;white-space:nowrap;flex-shrink:0}.ts-q-dots{display:flex;gap:4px;flex-shrink:0}.ts-q-dot{width:26px;height:26px;border-radius:50%;border:1.5px solid #dde4ef;background:#f4f6f9;color:#7a8fa6;font-size:10.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.ts-q-dot.cur{background:#3b7dd8;border-color:#3b7dd8;color:#fff}.ts-q-dot.ans{background:#d4edda;border-color:#86c89a;color:#155724}.ts-q-dot.flg{background:#fff8e6;border-color:#ffc107;color:#92600a}.ts-q-dot.cur.ans{background:#3b7dd8;border-color:#3b7dd8;color:#fff}.ts-bot-sep{width:1px;height:20px;background:#e4eaf2;flex-shrink:0}.ts-bot-stat{display:flex;align-items:center;gap:4px;font-size:11px;color:#7a8fa6;white-space:nowrap;flex-shrink:0}.ts-bot-num{font-weight:700;font-size:13px}.c-g{color:#2d9147}.c-o{color:#d4860a}.ts-submit-btn{display:flex;align-items:center;gap:4px;background:#34a853;border:none;border-radius:7px;color:#fff;font-size:11.5px;font-weight:700;padding:6px 13px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.ts-submit-btn:hover:not(:disabled){background:#2d9147}.ts-submit-btn:disabled{opacity:.42;cursor:not-allowed}.ts-rp{background:#fff;border-left:1px solid #e4eaf2;display:flex;flex-direction:column;overflow:hidden;transition:all .25s ease}.ts-rp-expanded{font-size:14px}.ts-rp-expanded .ts-rp-text,.ts-rp-expanded .ts-rp-list li,.ts-rp-expanded .ts-rp-step-t,.ts-rp-expanded .ts-obj-desc{font-size:13px}.ts-rp-expanded .ts-rp-lbl{font-size:11.5px}.ts-rp-expanded .ts-obj-code{font-size:11px}.ts-rp-expanded .ts-obj-tag{font-size:10.5px}.ts-rp-expanded .ts-panel-hdr-text{font-size:12px}.ts-rp-body{overflow-y:auto;flex:1;min-height:0}.ts-rp-body::-webkit-scrollbar{width:3px}.ts-rp-body::-webkit-scrollbar-thumb{background:#dde4ef;border-radius:3px}.ts-rp-sec{border-bottom:1px solid #edf0f5}.ts-rp-sec-hdr{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;background:#f8fafd;border-bottom:1px solid #edf0f5;transition:background .12s}.ts-rp-sec-hdr:hover{background:#f0f4f9}.ts-rp-sec-l{display:flex;align-items:center;gap:7px}.ts-rp-sec-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ts-rp-sec-icon.blue{background:#eef4ff;color:#3b7dd8}.ts-rp-sec-icon.teal{background:#e6faf3;color:#0f7c5a}.ts-rp-sec-title{font-size:11px;font-weight:700;color:#1a2332}.ts-rp-sec-body{padding:10px 12px}.ts-rp-text{font-size:11.5px;color:#4a5a6e;line-height:1.6;margin-bottom:8px}.ts-rp-lbl{font-size:10.5px;font-weight:700;color:#5a6a7e;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;margin-top:8px;display:flex;align-items:center;gap:4px}.ts-rp-lbl:first-child{margin-top:0}.ts-rp-lbl.red{color:#c53030}.ts-rp-list{padding-left:14px;list-style:disc;margin-bottom:4px}.ts-rp-list li{font-size:11.5px;color:#4a5a6e;padding:1.5px 0;line-height:1.4}.ts-rp-steps{list-style:none;display:flex;flex-direction:column;gap:5px}.ts-rp-step{display:flex;align-items:flex-start;gap:7px}.ts-rp-step-n{width:18px;height:18px;border-radius:50%;background:#3b7dd8;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.ts-rp-step-t{font-size:11.5px;color:#4a5a6e;line-height:1.4}.ts-obj-row{display:flex;align-items:flex-start;gap:6px;padding:6px 0;border-bottom:1px solid #f3f5f9}.ts-obj-row:last-child{border-bottom:none}.ts-obj-code{font-size:10px;font-weight:700;color:#3b7dd8;min-width:54px;padding-top:1px;flex-shrink:0}.ts-obj-desc{font-size:11.5px;color:#3a4a5c;line-height:1.4;flex:1}.ts-obj-tag{font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:20px;flex-shrink:0;margin-top:1px;text-transform:capitalize}.ot-diag{background:#dbeafe;color:#1a62b8}.ot-treat{background:#d1fae5;color:#166634}.ot-safe{background:#fef9c3;color:#92600a}.ot-ther{background:#fde8d8;color:#9a3412}.ot-comm{background:#f0e8ff;color:#6d28d9}.ot-prof{background:#fce7f3;color:#9d174d}.ts-loading-state,.ts-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:#7a8fa6;text-align:center}.ts-spinner{width:36px;height:36px;border:3px solid #e4eaf2;border-top-color:#3b7dd8;border-radius:50%;animation:ts-spin .7s linear infinite}@keyframes ts-spin{to{transform:rotate(360deg)}}.ts-btn-primary{background:#3b7dd8;color:#fff;border:none;padding:8px 18px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer}.ts-unsupported{display:flex;align-items:center;gap:6px;color:#92600a;font-size:12.5px;padding:10px;background:#fff8e6;border-radius:7px}.ts-error-toast{position:fixed;bottom:70px;left:50%;transform:translate(-50%);background:#fff0f0;border:1px solid #f5b8b8;color:#c53030;padding:8px 14px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:12.5px;z-index:100}.ts-error-toast button{background:none;border:none;cursor:pointer;color:#c53030;display:flex}@media(max-width:1200px){.ts-body{grid-template-columns:210px minmax(0,1fr) 232px}.ts-body-left-expanded{grid-template-columns:30% minmax(0,1fr) 170px}.ts-body-right-expanded{grid-template-columns:170px minmax(0,1fr) 30%}}@media(max-width:1024px){.ts-body{grid-template-columns:200px minmax(0,1fr)}.ts-rp{display:none}.ts-body-left-expanded{grid-template-columns:30% minmax(0,1fr)}.ts-body-right-expanded{grid-template-columns:200px minmax(0,1fr)}}@media(max-width:768px){.ts-body{grid-template-columns:1fr}.ts-lp{display:none}.ts-hdr-title-block{flex:none;width:160px}.ts-prog-wrap{display:none}.ts-body-left-expanded,.ts-body-right-expanded{grid-template-columns:1fr}}.ts-vitals-grid{display:grid;grid-template-columns:1fr;gap:6px;width:100%;padding:8px 12px 12px;border-top:1px solid var(--border-color-light, #e8ecf0);margin-top:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ts-lp.ts-lp-expanded .ts-vitals-grid{grid-template-columns:1fr 1fr}aside.ts-lp-expanded .ts-vitals-grid{grid-template-columns:1fr 1fr}.ts-lp-expanded .ts-vitals-grid{grid-template-columns:1fr 1fr}.ts-vital-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--background-light, #f7fafc);border-radius:6px;border-left:3px solid var(--border-color, #d0d5dd);transition:all .3s cubic-bezier(.4,0,.2,1);gap:8px}.ts-vital-item:hover{background:var(--background-hover, #edf2f7);transform:translateY(-1px) scale(1.01);box-shadow:0 2px 8px #00000014}.ts-vital-item.ts-vital-normal{border-left-color:#48bb78}.ts-vital-item.ts-vital-warning{border-left-color:#ed8936}.ts-vital-item.ts-vital-danger{border-left-color:#fc8181}.ts-vital-label{font-size:10px;color:var(--text-tertiary, #a0aec0);font-weight:500;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.ts-lp.ts-lp-expanded .ts-vital-label,.ts-lp-expanded .ts-vital-label{font-size:11px}.ts-vital-value{font-size:12px;color:var(--text-primary, #1a202c);font-weight:600;text-align:right;transition:all .3s cubic-bezier(.4,0,.2,1)}.ts-lp.ts-lp-expanded .ts-vital-value,.ts-lp-expanded .ts-vital-value{font-size:13px}.ts-vitals-heading{font-size:9.5px;font-weight:700;color:#3b7dd8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;padding:0 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ts-lp.ts-lp-expanded .ts-vitals-heading,.ts-lp-expanded .ts-vitals-heading{font-size:10.5px}.ts-vitals-wrap{padding:4px 0}.ts-vitals-empty{padding:12px;color:var(--text-tertiary, #a0aec0);font-size:12px;font-style:italic;text-align:center;border-top:1px solid var(--border-color-light, #e8ecf0);margin-top:4px}.ts-vitals-grid:not(.ts-lp-expanded .ts-vitals-grid) .ts-vital-item{padding:8px 12px}.ts-lp.ts-lp-expanded .ts-vital-item,.ts-lp-expanded .ts-vital-item{padding:5px 8px}@media(max-width:768px){.ts-vitals-grid{grid-template-columns:1fr!important;gap:4px;padding:6px 10px 10px}.ts-vital-item{padding:5px 8px!important}.ts-vital-label{font-size:9px!important}.ts-vital-value{font-size:11px!important}.ts-vitals-heading{font-size:8.5px!important}}@media(max-width:480px){.ts-vitals-grid{gap:3px;padding:4px 8px 8px}.ts-vital-item{padding:4px 6px!important}.ts-vital-label{font-size:8px!important}.ts-vital-value{font-size:10px!important}}@keyframes vitalFadeIn{0%{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.ts-vitals-grid{animation:vitalFadeIn .3s ease}@media(prefers-color-scheme:dark){.ts-vital-item{background:#2d3748;border-color:#2d3748}.ts-vital-item:hover{background:#3a4458}.ts-vital-value{color:#f7fafc}.ts-vital-label{color:#718096}.ts-vitals-grid{border-top-color:#2d3748}.ts-vitals-empty{color:#718096;border-top-color:#2d3748}.ts-vitals-heading{color:#63b3ed}}.scenario-results-page{padding:1.5rem;min-height:calc(100vh - 64px);background:#f0f2f5}.results-container{max-width:1100px;width:100%;margin:0 auto}.results-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;min-height:300px}.results-loading p{margin-top:1rem;color:#718096;font-size:.875rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.results-back-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#4a5568;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem .75rem;border-radius:.375rem;transition:all .2s ease}.results-back-btn:hover{background:#edf2f7;color:#2d3748}.results-actions{display:flex;gap:.5rem;flex-wrap:wrap}.scenario-info-card{background:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.scenario-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.scenario-info-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.scenario-info-title h2{font-size:1.25rem;font-weight:600;margin:0;color:#1a202c}.attempt-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;background:#ebf5ff;color:#2b6cb0;border-radius:50px;font-size:.75rem;font-weight:500}.scenario-info-status{flex-shrink:0}.status-badge-large{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem 1rem;border-radius:50px;font-size:.813rem;font-weight:600}.status-badge-large.passed{background:#f0fff4;color:#276749}.status-badge-large.failed{background:#fff5f5;color:#c53030}.scenario-description{color:#4a5568;font-size:.875rem;margin:.5rem 0 1rem;line-height:1.6}.patient-info-card{padding:1rem;background:#f7fafc;border-radius:.5rem;border-left:4px solid #3182ce;border-radius:0 .5rem .5rem 0;margin-bottom:1rem}.patient-info-row{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.patient-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#3182ce;color:#fff;border-radius:50%;flex-shrink:0}.patient-details{flex:1;min-width:0}.patient-name{font-size:1rem;font-weight:600;color:#1a202c}.patient-meta{display:flex;gap:.75rem;font-size:.813rem;color:#4a5568;flex-wrap:wrap;margin:.25rem 0 .5rem;align-items:center}.condition-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .75rem;border-radius:50px;font-size:.75rem;font-weight:500}.condition-badge.stable{background:#f0fff4;color:#276749}.condition-badge.critical{background:#fff5f5;color:#c53030}.condition-badge.serious{background:#fffbeb;color:#b7791f}.condition-badge.recovering{background:#ebf8ff;color:#2b6cb0}.patient-diagnosis{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#2d3748}.learning-objectives{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.learning-objectives-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#4a5568}.learning-objectives-header h4{font-size:.875rem;font-weight:600;color:#2d3748;margin:0}.objectives-list{display:flex;flex-direction:column;gap:.5rem}.objective-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#f7fafc;border-radius:0 .375rem .375rem 0;font-size:.875rem;flex-wrap:wrap;border-left:3px solid #a0aec0}.objective-item.achieved{border-left-color:#48bb78;background:#f0fff4}.objective-item.not-achieved{border-left-color:#fc8181;background:#fff5f5}.objective-badge{padding:.125rem .5rem;background:#3182ce;color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:600;white-space:nowrap}.objective-text{flex:1;color:#2d3748;min-width:0}.objective-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.813rem;font-weight:500;white-space:nowrap}.objective-item.achieved .objective-status{color:#276749}.objective-item.not-achieved .objective-status{color:#c53030}.score-overview{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.score-card{display:flex;align-items:center;gap:2rem;padding:1.5rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#3182ce,#2b6cb0);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #3182ce4d}.score-value{font-size:2.25rem;font-weight:700;color:#fff}.score-details{flex:1;min-width:0}.score-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid #f0f2f5}.score-detail-row:last-child{border-bottom:none}.score-detail-label{color:#718096;font-size:.875rem}.score-detail-value{font-weight:500;color:#2d3748;font-size:.875rem}.score-detail-value.time-value{display:inline-flex;align-items:center;gap:.3rem}.score-detail-value.status-text.passed{color:#276749}.score-detail-value.status-text.failed{color:#c53030}.performance-card{padding:1.5rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.performance-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#4a5568}.performance-header h4{margin:0;font-size:1rem;font-weight:600;color:#2d3748}.performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.perf-item{text-align:center;padding:.75rem .5rem;background:#f7fafc;border-radius:.375rem}.perf-label{display:block;font-size:.75rem;color:#718096;margin-bottom:.25rem}.perf-value{display:block;font-size:1.125rem;font-weight:600;color:#2d3748}.perf-item.perf-correct .perf-value{color:#276749}.perf-item.perf-incorrect .perf-value{color:#c53030}.perf-item.perf-partial .perf-value{color:#b7791f}.detailed-results{margin-bottom:1.5rem}.detailed-results-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;color:#4a5568}.detailed-results-header h3{font-size:1.125rem;font-weight:600;color:#1a202c;margin:0}.layer-result-card{background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;margin-bottom:1rem;overflow:hidden;box-shadow:0 1px 3px #0000000d}.layer-result-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.875rem 1.25rem;background:none;border:none;cursor:pointer;transition:background .2s ease;text-align:left}.layer-result-header:hover{background:#f7fafc}.layer-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1;min-width:0}.layer-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.layer-icon-pass{color:#48bb78}.layer-icon-fail{color:#fc8181}.layer-name{font-weight:500;color:#2d3748;font-size:.9375rem}.layer-meta{display:flex;align-items:center;gap:.75rem}.layer-score{font-size:.813rem;color:#718096}.layer-percentage{font-size:.813rem;font-weight:600;padding:.125rem .75rem;border-radius:50px}.layer-percentage.pass{background:#f0fff4;color:#276749}.layer-percentage.fail{background:#fff5f5;color:#c53030}.layer-toggle{color:#a0aec0;flex-shrink:0;display:inline-flex;align-items:center}.layer-result-body{padding:0 1.25rem 1.25rem;border-top:1px solid #e2e8f0}.layer-progress-bar{height:6px;background:#edf2f7;border-radius:3px;overflow:hidden;margin:.75rem 0 1rem}.layer-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.layer-progress-fill.pass{background:#48bb78}.layer-progress-fill.fail{background:#fc8181}.layer-questions{display:flex;flex-direction:column;gap:.5rem}.question-result-item{border:1px solid #e2e8f0;border-radius:.375rem;overflow:hidden}.question-result-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.625rem 1rem;background:none;border:none;border-left:3px solid transparent;cursor:pointer;transition:background .2s ease;text-align:left}.question-result-header:hover{background:#f7fafc}.question-result-header.correct{border-left-color:#48bb78}.question-result-header.incorrect{border-left-color:#fc8181}.question-result-header.partial{border-left-color:#ecc94b}.question-result-header.unanswered{border-left-color:#a0aec0}.question-info{display:flex;align-items:center;gap:.5rem}.status-icon{font-size:1.125rem}.status-icon.correct{color:#48bb78}.status-icon.incorrect{color:#fc8181}.status-icon.partial{color:#ecc94b}.status-icon.unanswered{color:#a0aec0}.question-label{font-size:.875rem;font-weight:500;color:#2d3748}.question-status-text{font-size:.75rem;font-weight:500;padding:.0625rem .5rem;border-radius:50px}.question-status-text.correct{color:#276749;background:#f0fff4}.question-status-text.incorrect{color:#c53030;background:#fff5f5}.question-status-text.partial{color:#b7791f;background:#fffbeb}.question-status-text.unanswered{color:#4a5568;background:#f7fafc}.question-right{display:flex;align-items:center;gap:.75rem}.question-score{font-size:.875rem;font-weight:500;color:#4a5568}.question-toggle{display:inline-flex;align-items:center;color:#a0aec0}.question-result-body{padding:1rem;border-top:1px solid #e2e8f0}.question-text{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.question-text-label{font-size:.813rem;font-weight:600;color:#4a5568}.question-text-content{font-size:.875rem;color:#2d3748;line-height:1.6;margin:0}.answer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem}.user-answer,.correct-answer{padding:.75rem;border-radius:.375rem;background:#f7fafc}.answer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.answer-label{font-size:.813rem;font-weight:600;color:#4a5568}.answer-status{font-size:.75rem;font-weight:500;padding:.0625rem .5rem;border-radius:50px}.answer-status.correct{color:#276749;background:#f0fff4}.answer-status.incorrect{color:#c53030;background:#fff5f5}.answer-status.partial{color:#b7791f;background:#fffbeb}.answer-status.unanswered{color:#4a5568;background:#f7fafc}.answer-value{font-size:.875rem;color:#2d3748;word-break:break-word}.answer-value.correct{color:#276749}.no-answer{color:#a0aec0;font-style:italic}.option-feedback-section{margin:.75rem 0;padding:.75rem;background:#f7fafc;border-radius:.375rem;border:1px solid #e2e8f0}.option-feedback-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem;color:#4a5568}.option-feedback-title{font-size:.875rem;font-weight:600;color:#2d3748}.option-feedback-list{display:flex;flex-direction:column;gap:.5rem}.feedback-item{padding:.5rem .75rem;border-radius:0 .375rem .375rem 0;border-left:3px solid #e2e8f0;background:#f7fafc}.feedback-item.correct-sel{background:#f0fff4;border-left-color:#48bb78}.feedback-item.incorrect-sel{background:#fff5f5;border-left-color:#fc8181}.feedback-item.missed{background:#fffbeb;border-left-color:#ecc94b}.feedback-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.feedback-item-label{display:flex;align-items:baseline;gap:.3rem;flex:1;min-width:0}.feedback-item-letter{font-weight:600;color:#4a5568;font-size:.813rem;flex-shrink:0}.feedback-item-text{color:#2d3748;font-size:.875rem}.feedback-item-status{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:50px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-badge.correct-badge{background:#f0fff4;color:#276749}.status-badge.incorrect-badge{background:#fff5f5;color:#c53030}.status-badge.missed-badge{background:#fffbeb;color:#b7791f}.feedback-item-body{margin-top:.375rem;padding-top:.375rem;border-top:1px dashed #e2e8f0}.feedback-item-text-content{font-size:.813rem;color:#4a5568;line-height:1.5;margin:0}.question-feedback{margin:.75rem 0;padding:.75rem;background:#fffbeb;border-radius:0 .375rem .375rem 0;border-left:3px solid #ecc94b}.feedback-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;color:#b7791f}.feedback-header span{font-size:.875rem;font-weight:600;color:#b7791f}.feedback-content{font-size:.875rem;color:#4a5568;line-height:1.5;margin:0}.question-meta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.meta-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.813rem;color:#4a5568;padding:.125rem .5rem;background:#edf2f7;border-radius:.25rem}.meta-tag.partial{background:#fffbeb;color:#b7791f}.results-summary{margin-bottom:1.5rem;padding:1.5rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.summary-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;color:#4a5568}.summary-header h3{font-size:1rem;font-weight:600;color:#1a202c;margin:0}.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.summary-item{text-align:center;padding:.75rem .5rem;background:#f7fafc;border-radius:.375rem}.summary-label{display:block;font-size:.75rem;color:#718096;margin-bottom:.25rem}.summary-value{display:block;font-size:1.25rem;font-weight:600;color:#2d3748}.summary-item.correct .summary-value{color:#276749}.summary-item.incorrect .summary-value{color:#c53030}.summary-item.partial .summary-value{color:#b7791f}.results-footer{display:flex;justify-content:center;gap:1rem;padding:1.5rem 0 .5rem;border-top:1px solid #e2e8f0;flex-wrap:wrap}.results-error-actions{display:flex;gap:.75rem;margin-top:1rem}@media(max-width:992px){.score-overview{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(3,1fr)}.answer-comparison{grid-template-columns:1fr}}@media(max-width:768px){.scenario-results-page{padding:1rem}.results-header{flex-direction:column;align-items:flex-start}.results-actions{width:100%}.scenario-info-header{flex-direction:column;align-items:flex-start}.score-card{flex-direction:column;text-align:center;gap:1rem}.performance-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}.layer-result-header{flex-wrap:wrap;gap:.5rem}.scenario-info-title{flex-direction:column;align-items:flex-start}.patient-info-row{flex-direction:column;align-items:center;text-align:center}.patient-meta,.patient-diagnosis{justify-content:center}.feedback-item-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.scenario-results-page{padding:.5rem}.score-circle{width:100px;height:100px}.score-value{font-size:1.75rem}.performance-grid,.summary-grid{grid-template-columns:1fr 1fr}.layer-name{font-size:.875rem}}body.dark-theme .scenario-results-page{background:#1a202c}body.dark-theme .scenario-info-card,body.dark-theme .score-card,body.dark-theme .performance-card,body.dark-theme .layer-result-card,body.dark-theme .results-summary,body.dark-theme .results-loading{background:#2d3748;border-color:#4a5568}body.dark-theme .scenario-info-title h2,body.dark-theme .detailed-results-header h3,body.dark-theme .summary-header h3,body.dark-theme .performance-header h4,body.dark-theme .question-label,body.dark-theme .layer-name,body.dark-theme .question-text-content,body.dark-theme .answer-value,body.dark-theme .feedback-item-text{color:#edf2f7}body.dark-theme .scenario-description,body.dark-theme .patient-meta,body.dark-theme .score-detail-label,body.dark-theme .perf-label,body.dark-theme .perf-value,body.dark-theme .summary-label,body.dark-theme .summary-value,body.dark-theme .layer-score,body.dark-theme .answer-label,body.dark-theme .question-text-label,body.dark-theme .feedback-item-text-content{color:#a0aec0}body.dark-theme .score-detail-value{color:#e2e8f0}body.dark-theme .patient-info-card{background:#1a202c}body.dark-theme .patient-name{color:#edf2f7}body.dark-theme .patient-diagnosis,body.dark-theme .learning-objectives-header,body.dark-theme .performance-header,body.dark-theme .detailed-results-header,body.dark-theme .summary-header,body.dark-theme .option-feedback-header{color:#a0aec0}body.dark-theme .option-feedback-title{color:#edf2f7}body.dark-theme .layer-result-header:hover,body.dark-theme .question-result-header:hover{background:#1a202c}body.dark-theme .layer-result-body,body.dark-theme .question-result-body{border-color:#4a5568}body.dark-theme .user-answer,body.dark-theme .correct-answer,body.dark-theme .perf-item,body.dark-theme .summary-item,body.dark-theme .objective-item{background:#1a202c}body.dark-theme .objective-item.achieved{background:#1a2d1a}body.dark-theme .objective-item.not-achieved{background:#2d1a1a}body.dark-theme .question-feedback{background:#2d2a1a;border-color:#ecc94b}body.dark-theme .feedback-header,body.dark-theme .feedback-header span,body.dark-theme .feedback-content{color:#ecc94b}body.dark-theme .feedback-content{color:#e2e8f0}body.dark-theme .meta-tag{background:#1a202c;color:#a0aec0}body.dark-theme .meta-tag.partial{background:#2d2a1a;color:#ecc94b}body.dark-theme .results-back-btn{color:#63b3ed}body.dark-theme .results-back-btn:hover{background:#2d3748;color:#90cdf4}body.dark-theme .attempt-badge{background:#2d3748;color:#63b3ed}body.dark-theme .layer-progress-bar{background:#1a202c}body.dark-theme .option-feedback-section{background:#1a202c;border-color:#4a5568}body.dark-theme .feedback-item{background:#2d3748;border-left-color:#4a5568}body.dark-theme .feedback-item.correct-sel{background:#1a2d1a;border-left-color:#48bb78}body.dark-theme .feedback-item.incorrect-sel{background:#2d1a1a;border-left-color:#fc8181}body.dark-theme .feedback-item.missed{background:#2d2a1a;border-left-color:#ecc94b}body.dark-theme .status-badge.correct-badge{background:#1a2d1a;color:#68d391}body.dark-theme .status-badge.incorrect-badge{background:#2d1a1a;color:#fc8181}body.dark-theme .status-badge.missed-badge{background:#2d2a1a;color:#ecc94b}body.dark-theme .feedback-item-body{border-top-color:#4a5568}body.dark-theme .question-result-item{border-color:#4a5568}body.dark-theme .layer-percentage.pass{background:#1a2d1a;color:#68d391}body.dark-theme .layer-percentage.fail{background:#2d1a1a;color:#fc8181}@media print{.scenario-results-page{background:#fff;padding:0}.results-back-btn,.results-actions,.results-footer{display:none!important}.scenario-info-card,.score-card,.performance-card,.layer-result-card,.results-summary{break-inside:avoid;border:1px solid #ddd;box-shadow:none}.score-circle,.layer-progress-fill,.condition-badge,.objective-status,.status-badge,.status-badge-large{-webkit-print-color-adjust:exact;print-color-adjust:exact}.layer-result-header:hover,.question-result-header:hover{background:none!important}.question-result-item{break-inside:avoid}.layer-questions{gap:.25rem}}@media(prefers-reduced-motion:reduce){.results-back-btn,.layer-progress-fill,.layer-result-header,.question-result-header{transition:none!important}}.admin-dashboard{max-width:1600px;margin:0 auto;padding:var(--spacing-lg);background:var(--background-color);min-height:100vh}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;gap:var(--spacing-md)}.admin-spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--brand-cyan-bright);border-radius:50%;animation:spin 1s linear infinite}.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;gap:var(--spacing-md);text-align:center;background:var(--white);border-radius:var(--border-radius-xl);padding:48px;border:1px solid var(--danger-background-color)}.error-icon{font-size:48px;color:var(--danger-color)}.admin-error h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0}.admin-error p{color:var(--text-secondary-color);margin:0 0 var(--spacing-md) 0}.admin-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);border:none;background:none}.admin-btn-primary{background:var(--gradient-primary);color:var(--text-on-primary)}.admin-btn-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.admin-btn-outline{background:var(--white);border:1.5px solid var(--border-color);color:var(--primary-color)}.admin-btn-outline:hover{background:var(--background-color-hover);border-color:var(--text-secondary-color)}.admin-btn-icon{padding:10px;background:var(--white);border:1.5px solid var(--border-color);color:var(--text-secondary-color)}.admin-btn-icon:hover{background:var(--background-color-hover);color:var(--brand-cyan-bright);border-color:var(--brand-cyan-bright)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light)}.admin-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.admin-title{display:flex;align-items:center;gap:10px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0}.title-icon{color:var(--brand-cyan-bright)}.admin-institute-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(var(--secondary-color-rgb),.1);color:var(--brand-cyan-bright);border-radius:var(--border-radius-full);font-size:13px;font-weight:var(--font-weight-medium)}.admin-header-actions{display:flex;align-items:center;gap:12px}.admin-period-selector{display:flex;align-items:center;gap:var(--spacing-sm);padding:4px 12px;background:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color)}.period-icon{color:var(--text-secondary-color)}.admin-select{padding:var(--spacing-sm) 0;border:none;background:none;font-size:var(--font-size-sm);color:var(--primary-color);cursor:pointer;outline:none}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.admin-stat-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--white);border-radius:var(--border-radius-xl);border:1px solid var(--border-color-light);transition:all var(--transition-speed) var(--transition-timing)}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-color)}.admin-stat-icon{width:56px;height:56px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:28px}.admin-stat-icon.users{background:rgba(var(--secondary-color-rgb),.1);color:var(--brand-cyan-bright)}.admin-stat-icon.academic{background:var(--info-background-color);color:var(--info-color)}.admin-stat-icon.batches{background:var(--success-background-color);color:var(--success-color)}.admin-stat-icon.management{background:var(--warning-background-color);color:var(--warning-color)}.admin-stat-content{flex:1}.admin-stat-label{font-size:13px;color:var(--text-secondary-color);text-transform:uppercase;letter-spacing:.4px}.admin-stat-value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1.2;margin:4px 0}.admin-stat-trend{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary-color);margin-bottom:6px}.trend-up{color:var(--success-color)}.trend-down{color:var(--danger-color);transform:rotate(180deg)}.admin-stat-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary-color);flex-wrap:wrap}.active-dot{width:8px;height:8px;background:var(--success-color);border-radius:50%;display:inline-block}.meta-icon{margin-right:4px}.upcoming-badge,.completed-badge,.faculty-count,.student-count{display:inline-flex;align-items:center;gap:4px}.upcoming-badge{color:var(--warning-color)}.completed-badge{color:var(--success-color)}.faculty-count{color:var(--info-color)}.student-count{color:var(--brand-cyan-bright)}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.admin-section-title{display:flex;align-items:center;gap:10px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0}.section-icon{color:var(--brand-cyan-bright)}.admin-view-toggle{display:flex;gap:4px;padding:4px;background:var(--background-color);border-radius:var(--border-radius)}.admin-toggle-btn{padding:6px 10px;border:none;background:none;color:var(--text-secondary-color);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-speed) var(--transition-timing);display:flex;align-items:center;justify-content:center}.admin-toggle-btn.active{background:var(--white);color:var(--brand-cyan-bright);box-shadow:var(--shadow-sm)}.admin-activity-badge{padding:4px 12px;background:rgba(var(--secondary-color-rgb),.1);color:var(--brand-cyan-bright);border-radius:var(--border-radius-full);font-size:13px;font-weight:var(--font-weight-semibold)}.admin-main-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.admin-analytics-section{background:var(--white);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-color-light)}.admin-analytics-grid{display:grid;gap:var(--spacing-xl)}.admin-analytics-grid.view-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.admin-analytics-grid.view-list{grid-template-columns:1fr}.admin-analytics-card{padding:var(--spacing-xl);background:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.admin-card-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0}.admin-card-badge{font-size:11px;padding:3px 8px;background:var(--border-color);color:var(--text-secondary-color);border-radius:var(--border-radius-full)}.admin-growth-chart{height:140px}.admin-sparkline{display:flex;align-items:flex-end;gap:4px;height:120px}.admin-sparkline-bar{flex:1;background:var(--gradient-primary);border-radius:4px 4px 0 0;min-width:8px;position:relative;cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.admin-sparkline-bar:hover{opacity:.8;transform:scaleY(1.02)}.admin-sparkline-tooltip{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:var(--primary-color);color:var(--white);padding:2px 6px;border-radius:var(--border-radius-sm);font-size:11px;opacity:0;pointer-events:none;transition:opacity var(--transition-speed) var(--transition-timing);white-space:nowrap}.admin-sparkline-bar:hover .admin-sparkline-tooltip{opacity:1}.admin-distribution-list{display:flex;flex-direction:column;gap:12px}.admin-distribution-item{display:flex;flex-direction:column;gap:4px}.admin-distribution-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--text-secondary-color)}.admin-distribution-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-cyan-bright)}.admin-distribution-bar-container{height:24px;background:var(--border-color);border-radius:12px;overflow:hidden}.admin-distribution-bar{height:100%;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--spacing-sm);transition:width var(--transition-speed) var(--transition-timing)}.admin-distribution-count{color:var(--text-on-primary);font-size:12px;font-weight:var(--font-weight-semibold)}.admin-status-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-status-item{display:flex;flex-direction:column;gap:4px}.admin-status-label{font-size:13px;color:var(--text-secondary-color);text-transform:capitalize}.admin-status-bar-container{height:24px;background:var(--border-color);border-radius:12px;overflow:hidden}.admin-status-bar{height:100%;background:linear-gradient(90deg,var(--success-color) 0%,#34d399 100%);border-radius:12px;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--spacing-sm);transition:width var(--transition-speed) var(--transition-timing)}.admin-status-count{color:var(--text-on-primary);font-size:12px;font-weight:var(--font-weight-semibold)}.admin-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);color:var(--text-secondary-color);text-align:center}.admin-no-data svg{font-size:32px}.admin-no-data p{margin:0;font-size:13px}.admin-activities-section{background:var(--white);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-color-light)}.admin-activities-list{max-height:500px;overflow-y:auto;padding-right:4px}.admin-activities-list::-webkit-scrollbar{width:6px}.admin-activities-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}.admin-activities-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.admin-activities-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.admin-activity-item{display:flex;gap:12px;padding:var(--spacing-md);border-bottom:1px solid var(--border-color-light);transition:background var(--transition-speed) var(--transition-timing)}.admin-activity-item:hover{background:var(--background-color)}.activity-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.activity-icon.enrollment{background:rgba(var(--secondary-color-rgb),.1);color:var(--brand-cyan-bright)}.activity-icon.submission{background:var(--success-background-color);color:var(--success-color)}.activity-icon.batch{background:var(--warning-background-color);color:var(--warning-color)}.activity-icon.default{background:var(--background-color);color:var(--text-secondary-color)}.admin-activity-content{flex:1}.admin-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.admin-activity-title{font-weight:var(--font-weight-semibold);color:var(--primary-color);font-size:var(--font-size-sm)}.admin-activity-time{font-size:12px;color:var(--text-secondary-color)}.admin-activity-details{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--text-secondary-color)}.detail-icon{color:var(--text-secondary-color);font-size:var(--font-size-sm)}.separator-icon{color:var(--border-color)}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px var(--spacing-lg);color:var(--text-secondary-color);text-align:center}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.admin-empty-state p{margin:0;font-size:var(--font-size-sm)}.admin-quick-stats{background:var(--white);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:1px solid var(--border-color-light)}.admin-quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.admin-quick-stat-card{display:flex;align-items:center;gap:12px;padding:var(--spacing-md);background:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color-light);transition:all var(--transition-speed) var(--transition-timing)}.admin-quick-stat-card:hover{background:var(--white);border-color:var(--border-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.admin-quick-stat-icon{width:48px;height:48px;border-radius:12px;background:rgba(var(--secondary-color-rgb),.1);color:var(--brand-cyan-bright);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.admin-quick-stat-content{display:flex;flex-direction:column;gap:2px}.admin-quick-stat-label{font-size:12px;color:var(--text-secondary-color)}.admin-quick-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.admin-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.admin-footer-left{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary-color);font-size:13px}.footer-icon{color:var(--text-secondary-color)}.admin-footer-refresh{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm) 12px;background:none;border:none;color:var(--brand-cyan-bright);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-speed) var(--transition-timing)}.admin-footer-refresh:hover{background:rgba(var(--secondary-color-rgb),.1)}@media(max-width:1200px){.admin-main-content{grid-template-columns:1fr}}@media(max-width:768px){.admin-dashboard{padding:var(--spacing-md)}.admin-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)}.admin-header-actions{width:100%;flex-wrap:wrap}.admin-period-selector{flex:1}.admin-stats-grid{grid-template-columns:1fr}.admin-stat-card{padding:var(--spacing-md)}.admin-stat-icon{width:48px;height:48px;font-size:var(--font-size-xl)}.admin-stat-value{font-size:var(--font-size-xl)}.admin-quick-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-footer{flex-direction:column;gap:12px;align-items:flex-start}}@media(max-width:480px){.admin-quick-stats-grid{grid-template-columns:1fr}.admin-activity-header{flex-direction:column;align-items:flex-start;gap:4px}.admin-activity-details{flex-wrap:wrap}}.page-dashboard-faculty{padding:24px;max-width:1400px;margin:0 auto}.page-dashboard-faculty-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.page-dashboard-faculty-loading .spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.page-dashboard-faculty-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--spacing-xl);background-color:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color)}.page-dashboard-faculty-error .error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.page-dashboard-faculty-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.page-dashboard-faculty-header-title h1{font-size:2rem;margin-bottom:var(--spacing-xs)}.page-dashboard-faculty-header-subtitle{color:var(--text-secondary-color);font-size:var(--font-size-sm)}.page-dashboard-faculty-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.page-dashboard-faculty-summary-card{background-color:var(--background-color-light);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--box-shadow);transition:transform var(--transition-speed) var(--transition-timing),box-shadow var(--transition-speed) var(--transition-timing);border:1px solid var(--border-color)}.page-dashboard-faculty-summary-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-deep)}.page-dashboard-faculty-summary-card-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.page-dashboard-faculty-summary-card-content h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--text-secondary-color)}.page-dashboard-faculty-summary-card-value{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--text-primary-color);margin-bottom:var(--spacing-sm)}.page-dashboard-faculty-summary-card-details{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary-color);flex-wrap:wrap}.page-dashboard-faculty-main{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.page-dashboard-faculty-assignments{margin-bottom:var(--spacing-xl)}.page-dashboard-faculty-assignments h2{margin-bottom:var(--spacing-lg)}.page-dashboard-faculty-assignments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.page-dashboard-faculty-assignments-card{background-color:var(--background-color-light);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-md);transition:background-color var(--transition-speed) var(--transition-timing)}.page-dashboard-faculty-assignments-card:hover{background-color:var(--background-color-hover)}.page-dashboard-faculty-assignments-card-icon{font-size:1.5rem}.page-dashboard-faculty-assignments-card-content h4{margin-bottom:var(--spacing-xs);color:var(--text-primary-color)}.page-dashboard-faculty-assignments-card-description{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.page-dashboard-faculty-assignments-empty{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary-color);background-color:var(--background-color-light);border-radius:var(--border-radius);border:1px dashed var(--border-color)}.page-dashboard-faculty-progress h2{margin-bottom:var(--spacing-lg)}.page-dashboard-faculty-progress-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.page-dashboard-faculty-progress-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color)}.page-dashboard-faculty-progress-item-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:var(--text-on-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.page-dashboard-faculty-progress-item-content{flex:1}.page-dashboard-faculty-progress-item-name{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.page-dashboard-faculty-progress-item-bar{height:20px;background-color:var(--background-color);border-radius:10px;overflow:hidden;position:relative}.page-dashboard-faculty-progress-item-fill{height:100%;background-color:var(--primary-color);border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-sm);min-width:40px;transition:width var(--transition-speed) var(--transition-timing)}.page-dashboard-faculty-progress-item-percentage{color:var(--text-on-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.page-dashboard-faculty-progress-empty{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary-color);background-color:var(--background-color-light);border-radius:var(--border-radius);border:1px dashed var(--border-color)}.page-dashboard-faculty-activities{background-color:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:var(--spacing-xl);overflow:hidden}.page-dashboard-faculty-activities-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.page-dashboard-faculty-activities-list{max-height:300px;overflow-y:auto}.page-dashboard-faculty-activities-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-speed) var(--transition-timing)}.page-dashboard-faculty-activities-item:hover{background-color:var(--background-color-hover)}.page-dashboard-faculty-activities-item:last-child{border-bottom:none}.page-dashboard-faculty-activities-item-icon{font-size:1.25rem;min-width:24px}.page-dashboard-faculty-activities-item-content{flex:1}.page-dashboard-faculty-activities-item-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.page-dashboard-faculty-activities-item-details{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-secondary-color)}.page-dashboard-faculty-activities-item-time{font-size:.875rem;opacity:.7}.page-dashboard-faculty-activities-empty{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary-color)}.page-dashboard-faculty-experiments{background-color:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden}.page-dashboard-faculty-experiments h2{padding:var(--spacing-lg);margin:0;border-bottom:1px solid var(--border-color)}.page-dashboard-faculty-experiments-list{max-height:250px;overflow-y:auto}.page-dashboard-faculty-experiments-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-speed) var(--transition-timing)}.page-dashboard-faculty-experiments-item:hover{background-color:var(--background-color-hover)}.page-dashboard-faculty-experiments-item:last-child{border-bottom:none}.page-dashboard-faculty-experiments-item-rank{font-weight:var(--font-weight-bold);color:var(--primary-color);min-width:32px}.page-dashboard-faculty-experiments-item-content{flex:1}.page-dashboard-faculty-experiments-item-name{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.page-dashboard-faculty-experiments-item-count{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.page-dashboard-faculty-experiments-empty{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary-color)}.page-dashboard-faculty-actions{background-color:var(--background-color-light);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.page-dashboard-faculty-actions h2{margin-bottom:var(--spacing-lg)}.page-dashboard-faculty-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.page-dashboard-faculty-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.page-dashboard-faculty-action-btn:hover{background-color:var(--background-color-hover);border-color:var(--primary-color);transform:translateY(-2px)}.page-dashboard-faculty-action-icon{font-size:1.5rem}.page-dashboard-faculty-action-text{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-primary-color)}.page-dashboard-faculty-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.page-dashboard-faculty-footer-text{font-size:var(--font-size-sm);color:var(--text-secondary-color)}@media(max-width:768px){.page-dashboard-faculty{padding:var(--spacing-md)}.page-dashboard-faculty-header{flex-direction:column;gap:var(--spacing-md)}.page-dashboard-faculty-main,.page-dashboard-faculty-summary,.page-dashboard-faculty-assignments-grid{grid-template-columns:1fr}.page-dashboard-faculty-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.page-dashboard-faculty-actions-grid{grid-template-columns:1fr}.page-dashboard-faculty-activities-item-details{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.page-dashboard-student{padding:1.5rem;max-width:1200px;margin:0 auto}.page-dashboard-student-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.page-dashboard-student-loading .spinner{width:48px;height:48px;border:4px solid #dee2e6;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.page-dashboard-student-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem;background-color:#fff;border-radius:.375rem;border:1px solid #dee2e6}.page-dashboard-student-error .error-icon{font-size:3rem;margin-bottom:1rem}.page-dashboard-student-welcome{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #dee2e6}.page-dashboard-student-welcome-content h1{font-size:2rem;margin-bottom:.25rem}.page-dashboard-student-welcome-subtitle{color:#000;font-size:.875rem}.page-dashboard-student-progress-overview{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.page-dashboard-student-progress-card{background-color:#fff;border-radius:.375rem;padding:1.5rem;border:1px solid #dee2e6}.page-dashboard-student-progress-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-dashboard-student-progress-card-header h2{margin:0;font-size:1.5rem}.page-dashboard-student-progress-card-percentage{font-size:2rem;font-weight:700;color:#007bff}.page-dashboard-student-progress-card-bar{height:12px;background-color:#f8f9fa;border-radius:6px;overflow:hidden;margin-bottom:1.5rem}.page-dashboard-student-progress-card-fill{height:100%;background-color:#007bff;border-radius:6px;transition:width .2s cubic-bezier(.4,0,.2,1)}.page-dashboard-student-progress-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.page-dashboard-student-progress-card-stat{text-align:center}.page-dashboard-student-progress-card-stat-label{display:block;font-size:.875rem;color:#6c757d;margin-bottom:.25rem}.page-dashboard-student-progress-card-stat-value{display:block;font-size:1.5rem;font-weight:700;color:#212529}.page-dashboard-student-status-card{background-color:#fff;border-radius:.375rem;padding:1.5rem;border:1px solid #dee2e6}.page-dashboard-student-status-card h3{margin-bottom:1rem;color:#6c757d}.page-dashboard-student-status-badge{display:inline-block;padding:.25rem 1rem;background-color:#007bff;color:#fff;border-radius:20px;font-size:.875rem;font-weight:700;margin-bottom:1rem}.page-dashboard-student-status-text{font-size:.875rem;color:#6c757d;margin-bottom:1rem}.page-dashboard-student-status-faculty{display:flex;gap:.5rem;font-size:.875rem}.page-dashboard-student-status-faculty-label{color:#6c757d}.page-dashboard-student-status-faculty-name{font-weight:500;color:#212529}.page-dashboard-student-main{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.page-dashboard-student-courses{margin-bottom:2rem}.page-dashboard-student-courses h2{margin-bottom:1.5rem}.page-dashboard-student-courses-list{display:flex;flex-direction:column;gap:1rem}.page-dashboard-student-courses-item{display:flex;gap:1rem;padding:1.5rem;background-color:#fff;border-radius:.375rem;border:1px solid #dee2e6;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.page-dashboard-student-courses-item:hover{background-color:#f1f3f5}.page-dashboard-student-courses-item-icon{font-size:1.5rem}.page-dashboard-student-courses-item-content{flex:1}.page-dashboard-student-courses-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-dashboard-student-courses-item-header h4{margin:0;color:#212529}.page-dashboard-student-courses-item-count{font-size:.875rem;color:#6c757d}.page-dashboard-student-courses-item-progress{display:flex;align-items:center;gap:1rem}.page-dashboard-student-courses-item-bar{flex:1;height:8px;background-color:#f8f9fa;border-radius:4px;overflow:hidden}.page-dashboard-student-courses-item-fill{height:100%;background-color:#007bff;border-radius:4px;transition:width .2s cubic-bezier(.4,0,.2,1)}.page-dashboard-student-courses-item-percentage{font-size:.875rem;font-weight:700;color:#212529;min-width:40px;text-align:right}.page-dashboard-student-courses-empty{padding:2rem;text-align:center;color:#6c757d;background-color:#fff;border-radius:.375rem;border:1px dashed #dee2e6}.page-dashboard-student-experiments h2{margin-bottom:1.5rem}.page-dashboard-student-experiments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.page-dashboard-student-experiments-card{background-color:#fff;border-radius:.375rem;padding:1.5rem;border:1px solid #dee2e6;transition:all .2s cubic-bezier(.4,0,.2,1)}.page-dashboard-student-experiments-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f}.page-dashboard-student-experiments-card-icon{font-size:1.5rem;margin-bottom:1rem}.page-dashboard-student-experiments-card-content h4{margin-bottom:.5rem;color:#212529}.page-dashboard-student-experiments-card-type{font-size:.875rem;color:#6c757d;margin-bottom:1rem}.page-dashboard-student-experiments-card-btn{width:100%;padding:.5rem;background-color:#007bff;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.page-dashboard-student-experiments-card-btn:hover{background-color:#0056b3}.page-dashboard-student-experiments-empty{grid-column:1 / -1;padding:2rem;text-align:center;color:#6c757d;background-color:#fff;border-radius:.375rem;border:1px dashed #dee2e6}.page-dashboard-student-recommendations{background-color:#fff;border-radius:.375rem;border:1px solid #dee2e6;margin-bottom:2rem;overflow:hidden}.page-dashboard-student-recommendations h2{padding:1.5rem;margin:0;border-bottom:1px solid #dee2e6}.page-dashboard-student-recommendations-list{padding:1rem}.page-dashboard-student-recommendations-item{display:flex;gap:1rem;padding:1rem;margin-bottom:1rem;background-color:#f8f9fa;border-radius:.375rem;border:1px solid #dee2e6;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.page-dashboard-student-recommendations-item:hover{background-color:#f1f3f5}.page-dashboard-student-recommendations-item:last-child{margin-bottom:0}.page-dashboard-student-recommendations-item-icon{font-size:1.25rem;color:#ffc107}.page-dashboard-student-recommendations-item-content{flex:1}.page-dashboard-student-recommendations-item-content h4{margin-bottom:.25rem;color:#212529}.page-dashboard-student-recommendations-item-description{font-size:.875rem;color:#6c757d;margin-bottom:.5rem}.page-dashboard-student-recommendations-item-meta{display:flex;justify-content:space-between;align-items:center}.page-dashboard-student-recommendations-item-level{font-size:.875rem;padding:.25rem .5rem;background-color:#f8f9fa;border-radius:12px;color:#6c757d}.page-dashboard-student-recommendations-item-btn{padding:.25rem .5rem;background-color:#007bff;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.page-dashboard-student-recommendations-item-btn:hover{background-color:#0056b3}.page-dashboard-student-recommendations-empty{padding:2rem;text-align:center;color:#6c757d}.page-dashboard-student-batches{background-color:#fff;border-radius:.375rem;border:1px solid #dee2e6;margin-bottom:2rem;overflow:hidden}.page-dashboard-student-batches h2{padding:1.5rem;margin:0;border-bottom:1px solid #dee2e6}.page-dashboard-student-batches-list{padding:1rem}.page-dashboard-student-batches-item{display:flex;gap:1rem;padding:1rem;margin-bottom:1rem;background-color:#f8f9fa;border-radius:.375rem;border:1px solid #dee2e6;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.page-dashboard-student-batches-item:hover{background-color:#f1f3f5}.page-dashboard-student-batches-item:last-child{margin-bottom:0}.page-dashboard-student-batches-item-icon{font-size:1.25rem}.page-dashboard-student-batches-item-content h4{margin-bottom:.25rem;color:#212529}.page-dashboard-student-batches-item-status{font-size:.875rem;color:#6c757d}.page-dashboard-student-batches-empty{padding:2rem;text-align:center;color:#6c757d}.page-dashboard-student-quickstats{background-color:#fff;border-radius:.375rem;padding:1.5rem;border:1px solid #dee2e6}.page-dashboard-student-quickstats h2{margin-bottom:1.5rem}.page-dashboard-student-quickstats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.page-dashboard-student-quickstats-card{text-align:center;padding:1rem;background-color:#f8f9fa;border-radius:.375rem;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.page-dashboard-student-quickstats-card:hover{background-color:#f1f3f5}.page-dashboard-student-quickstats-label{display:block;font-size:.875rem;color:#6c757d;margin-bottom:.25rem}.page-dashboard-student-quickstats-value{display:block;font-size:1.25rem;font-weight:700;color:#212529}.page-dashboard-student-activities{background-color:#fff;border-radius:.375rem;padding:1.5rem;border:1px solid #dee2e6;margin-bottom:2rem}.page-dashboard-student-activities h2{margin-bottom:1.5rem}.page-dashboard-student-activities-list{display:flex;flex-direction:column;gap:1rem}.page-dashboard-student-activities-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #dee2e6}.page-dashboard-student-activities-item:last-child{border-bottom:none}.page-dashboard-student-activities-item-icon{font-size:1.25rem}.page-dashboard-student-activities-item-content{flex:1}.page-dashboard-student-activities-item-title{font-weight:500;margin-bottom:.25rem}.page-dashboard-student-activities-item-details{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#6c757d}.page-dashboard-student-activities-item-time{font-size:.875rem;opacity:.7}.page-dashboard-student-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid #dee2e6}.page-dashboard-student-footer-text{font-size:.875rem;color:#6c757d}@media(max-width:768px){.page-dashboard-student{padding:1rem}.page-dashboard-student-welcome{flex-direction:column;gap:1rem}.page-dashboard-student-progress-overview,.page-dashboard-student-main,.page-dashboard-student-experiments-grid{grid-template-columns:1fr}.page-dashboard-student-quickstats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.page-dashboard-student-progress-card-stats,.page-dashboard-student-quickstats-grid{grid-template-columns:1fr}.page-dashboard-student-activities-item-details{flex-direction:column;align-items:flex-start;gap:.25rem}}.pages-admin-search-container{padding:var(--spacing-xl, 30px);max-width:1400px;margin:0 auto;font-family:var(--font-family-sans, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif);background:var(--background-color, #f5f7fa);min-height:100vh;transition:background var(--transition-speed, .3s) var(--transition-timing, ease)}.pages-admin-search-header{margin-bottom:var(--spacing-xl, 30px)}.pages-admin-search-title{font-size:28px;color:var(--primary-color, #333);margin-bottom:var(--spacing-md, 15px);border-bottom:2px solid var(--primary-color, #007bff);padding-bottom:var(--spacing-sm, 10px);display:flex;align-items:center;gap:var(--spacing-sm, 10px);transition:color var(--transition-speed, .3s) var(--transition-timing, ease)}.pages-admin-search-subtitle{color:var(--text-secondary-color, #666);margin-bottom:var(--spacing-lg, 20px);font-size:var(--font-size-md, 1rem)}.pages-admin-search-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md, 15px);margin-bottom:var(--spacing-lg, 25px)}.pages-admin-stat-card{background:var(--gradient-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-on-primary, white);padding:var(--spacing-md, 15px);border-radius:var(--border-radius, 10px);text-align:center;box-shadow:var(--shadow-sm, 0 4px 6px rgba(0, 0, 0, .1));transition:transform var(--transition-speed, .3s) var(--transition-timing, ease)}.pages-admin-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 6px 12px rgba(0, 0, 0, .15))}.pages-admin-stat-value{display:block;font-size:28px;font-weight:var(--font-weight-bold, 700);margin-bottom:var(--spacing-xs, 5px)}.pages-admin-stat-label{font-size:var(--font-size-sm, 14px);opacity:.9}.pages-admin-search-controls{display:flex;gap:var(--spacing-md, 15px);margin-bottom:var(--spacing-lg, 20px);position:relative}.pages-admin-search-input-wrapper{flex:1;position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary-color, #999);pointer-events:none;z-index:1}.pages-admin-search-input{width:100%;padding:12px 40px;font-size:var(--font-size-md, 16px);border:2px solid var(--border-color, #e0e0e0);border-radius:var(--border-radius-full, 8px);transition:all var(--transition-speed, .3s) var(--transition-timing, ease);background:var(--white, white);color:var(--primary-color, #333)}.pages-admin-search-input:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.pages-admin-search-input::placeholder{color:var(--text-secondary-color, #999)}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary-color, #999);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.clear-search-btn:hover{background:var(--background-color-hover, #f0f0f0);color:var(--danger-color, #dc3545)}.pages-admin-search-select{padding:12px 16px;font-size:var(--font-size-md, 16px);border:2px solid var(--border-color, #e0e0e0);border-radius:var(--border-radius-full, 8px);background:var(--white, white);color:var(--primary-color, #333);cursor:pointer;min-width:200px;transition:all var(--transition-speed, .3s) var(--transition-timing, ease)}.pages-admin-search-select:focus{outline:none;border-color:var(--primary-color, #007bff)}.advanced-filter-toggle{padding:12px 20px;background:var(--white, white);border:2px solid var(--border-color, #e0e0e0);border-radius:var(--border-radius-full, 8px);cursor:pointer;transition:all var(--transition-speed, .3s) var(--transition-timing, ease);font-weight:var(--font-weight-medium, 500)}.advanced-filter-toggle:hover{border-color:var(--primary-color, #007bff);background:var(--primary-color-light, #f0f8ff)}.advanced-filter-toggle.active{background:var(--primary-color, #007bff);color:#fff;border-color:var(--primary-color, #007bff)}.search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white, white);border:1px solid var(--border-color, #e0e0e0);border-radius:var(--border-radius, 8px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .15));z-index:1000;overflow:hidden}.suggestions-header{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);font-size:var(--font-size-xs, 12px);color:var(--text-secondary-color, #666);background:var(--background-color-hover, #f8f9fa);font-weight:var(--font-weight-semibold, 600)}.suggestion-item{padding:var(--spacing-sm, 10px) var(--spacing-md, 12px);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm, 8px);transition:background var(--transition-speed, .3s) var(--transition-timing, ease);color:var(--primary-color, #333)}.suggestion-item:hover{background:var(--background-color-hover, #f5f5f5)}.suggestion-item svg{color:var(--text-secondary-color, #666);font-size:var(--font-size-sm, 14px)}.pages-admin-advanced-filters{display:flex;gap:var(--spacing-md, 15px);padding:var(--spacing-md, 15px);background:var(--white, white);border-radius:var(--border-radius, 8px);margin-bottom:var(--spacing-lg, 20px);flex-wrap:wrap;align-items:flex-end;border:1px solid var(--border-color, #e0e0e0)}.filter-group{flex:1;min-width:150px}.filter-group label{display:block;margin-bottom:var(--spacing-xs, 5px);font-size:var(--font-size-sm, 14px);color:var(--text-secondary-color, #666);font-weight:var(--font-weight-medium, 500)}.filter-input,.filter-select{width:100%;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border:1px solid var(--border-color, #ddd);border-radius:var(--border-radius, 5px);font-size:var(--font-size-sm, 14px);background:var(--white, white);color:var(--primary-color, #333);transition:border-color var(--transition-speed, .3s)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color, #007bff)}.clear-filters-btn{padding:var(--spacing-sm, 8px) var(--spacing-lg, 20px);background:var(--danger-color, #dc3545);color:#fff;border:none;border-radius:var(--border-radius, 5px);cursor:pointer;transition:all var(--transition-speed, .3s)}.clear-filters-btn:hover{background:var(--danger-color-dark, #c82333)}.pages-admin-filter-buttons{display:flex;gap:var(--spacing-sm, 10px);margin-bottom:var(--spacing-lg, 20px);flex-wrap:wrap}.pages-admin-filter-btn{padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);border:2px solid var(--border-color, #e0e0e0);border-radius:var(--border-radius-full, 20px);background:var(--white, white);cursor:pointer;transition:all var(--transition-speed, .3s);font-weight:var(--font-weight-medium, 500);color:var(--primary-color, #333)}.pages-admin-filter-btn:hover{border-color:var(--primary-color, #007bff);color:var(--primary-color, #007bff)}.pages-admin-filter-btn.active{background:var(--primary-color, #007bff);border-color:var(--primary-color, #007bff);color:#fff}.pages-admin-search-meta{margin-bottom:var(--spacing-lg, 20px)}.pages-admin-loading{color:var(--primary-color, #007bff);font-weight:var(--font-weight-medium, 500);display:flex;align-items:center;gap:var(--spacing-sm, 10px)}.pages-admin-results-count{color:var(--text-secondary-color, #666);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500)}.pages-admin-error{color:var(--danger-color, #dc3545);background:#dc35451a;padding:var(--spacing-sm, 10px);border-radius:var(--border-radius, 5px);margin-bottom:var(--spacing-lg, 20px);display:flex;align-items:center;gap:var(--spacing-sm, 8px);border:1px solid rgba(220,53,69,.3)}.pages-admin-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-lg, 20px);margin-bottom:var(--spacing-xl, 30px)}.pages-admin-result-card{background:var(--white, white);border-radius:var(--border-radius, 12px);overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .1));transition:all var(--transition-speed, .3s) var(--transition-timing, ease);display:flex;flex-direction:column;position:relative}.pages-admin-result-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .15))}.pages-admin-result-card-link{text-decoration:none;color:inherit;flex:1;padding:var(--spacing-lg, 20px)}.pages-admin-result-header{display:flex;align-items:center;gap:var(--spacing-sm, 10px);margin-bottom:var(--spacing-md, 15px);flex-wrap:wrap}.pages-admin-result-icon{font-size:24px}.pages-admin-result-type{font-size:var(--font-size-xs, 12px);color:var(--text-secondary-color, #666);background:var(--background-color-hover, #f0f0f0);padding:4px 10px;border-radius:var(--border-radius-full, 12px);font-weight:var(--font-weight-medium, 500)}.pages-admin-result-title{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-semibold, 600);margin-bottom:var(--spacing-xs, 5px);color:var(--primary-color, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pages-admin-result-subtitle{font-size:var(--font-size-sm, 14px);color:var(--text-secondary-color, #666);margin-bottom:var(--spacing-sm, 10px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pages-admin-result-metadata{display:flex;gap:var(--spacing-md, 15px);margin-bottom:var(--spacing-md, 15px);font-size:var(--font-size-sm, 13px);flex-wrap:wrap}.pages-admin-result-primary{color:var(--primary-color, #007bff);font-weight:var(--font-weight-medium, 500)}.pages-admin-result-secondary{color:var(--warning-color, #ffc107)}.pages-admin-result-details{margin-top:var(--spacing-md, 10px);padding-top:var(--spacing-md, 10px);border-top:1px solid var(--border-color-light, #f0f0f0)}.pages-admin-detail-item{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs, 5px);font-size:var(--font-size-sm, 13px)}.pages-admin-detail-label{color:var(--text-secondary-color, #999);font-weight:var(--font-weight-medium, 500)}.pages-admin-detail-value{color:var(--primary-color, #333);font-weight:var(--font-weight-medium, 500)}.pages-admin-result-footer{padding:var(--spacing-md, 12px) var(--spacing-lg, 20px);background:var(--background-color-hover, #f8f9fa);border-top:1px solid var(--border-color, #e0e0e0);display:flex;gap:var(--spacing-sm, 8px);justify-content:space-between;align-items:center;flex-wrap:wrap}.pages-admin-category-badge{background:var(--primary-color, #007bff);color:#fff;padding:4px 10px;border-radius:var(--border-radius, 4px);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500)}.pages-admin-type-badge{padding:4px 10px;border-radius:var(--border-radius, 4px);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500)}.pages-admin-type-student,.pages-admin-type-user{background:#28a74526;color:#28a745}.pages-admin-type-faculty{background:#007bff26;color:#007bff}.pages-admin-type-experiment{background:#ffc10726;color:#ffc107}.pages-admin-type-assignment{background:#6f42c126;color:#6f42c1}.pages-admin-type-public{background:#28a74526;color:#28a745}.pages-admin-type-private{background:#6c757d26;color:#6c757d}.pages-admin-status-badge{padding:4px 10px;border-radius:var(--border-radius, 4px);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500)}.pages-admin-status-draft{background:#ffc10726;color:#856404}.pages-admin-status-published,.pages-admin-status-active{background:#28a74526;color:#28a745}.pages-admin-status-archived,.pages-admin-status-inactive{background:#6c757d26;color:#6c757d}.pages-admin-action-buttons{display:flex;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 12px) var(--spacing-lg, 20px);background:var(--background-color-hover, #f8f9fa);border-top:1px solid var(--border-color, #e0e0e0);flex-wrap:wrap}.pages-admin-action-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs, 6px);padding:var(--spacing-xs, 6px) var(--spacing-md, 14px);border:none;border-radius:var(--border-radius, 6px);color:#fff;cursor:pointer;font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-medium, 500);transition:all var(--transition-speed, .2s) var(--transition-timing, ease)}.pages-admin-action-btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .1))}.pages-admin-action-btn:active{transform:translateY(0)}.pages-admin-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md, 15px);margin-top:var(--spacing-xl, 30px);flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs, 5px);padding:var(--spacing-sm, 8px) var(--spacing-lg, 20px);border:1px solid var(--border-color, #ddd);border-radius:var(--border-radius-full, 20px);background:var(--white, white);color:var(--primary-color, #333);cursor:pointer;transition:all var(--transition-speed, .3s) var(--transition-timing, ease);font-weight:var(--font-weight-medium, 500)}.pagination-btn:hover:not(:disabled){background:var(--primary-color, #007bff);color:#fff;border-color:var(--primary-color, #007bff)}.pages-admin-page-info{display:flex;gap:var(--spacing-xs, 5px);align-items:center}.page-number{min-width:40px;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border:1px solid var(--border-color, #ddd);background:var(--white, white);color:var(--primary-color, #333);cursor:pointer;border-radius:var(--border-radius, 5px);transition:all var(--transition-speed, .3s)}.page-number:hover{border-color:var(--primary-color, #007bff);background:var(--background-color-hover, #f5f5f5)}.page-number.active{background:var(--primary-color, #007bff);color:#fff;border-color:var(--primary-color, #007bff)}.pages-admin-no-results{grid-column:1 / -1;text-align:center;padding:60px var(--spacing-xl, 40px);background:var(--white, white);border-radius:var(--border-radius, 12px);color:var(--text-secondary-color, #666);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .1))}.no-results-icon{font-size:64px;margin-bottom:var(--spacing-md, 16px);opacity:.5}.pages-admin-no-results h3{color:var(--primary-color, #333);margin-bottom:var(--spacing-sm, 10px)}.no-results-hint{font-size:var(--font-size-sm, 14px);color:var(--text-secondary-color, #666);margin-top:var(--spacing-md, 16px)}@media(max-width:1024px){.pages-admin-results-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media(max-width:768px){.pages-admin-search-container{padding:var(--spacing-lg, 20px)}.pages-admin-search-controls{flex-direction:column}.pages-admin-search-select,.advanced-filter-toggle{width:100%}.pages-admin-results-grid{grid-template-columns:1fr}.pages-admin-search-stats{grid-template-columns:repeat(2,1fr)}.pages-admin-advanced-filters{flex-direction:column}.filter-group,.clear-filters-btn{width:100%}.pages-admin-result-title,.pages-admin-result-subtitle{white-space:normal}}@media(max-width:480px){.pages-admin-search-container{padding:var(--spacing-md, 15px)}.pages-admin-search-title{font-size:24px}.pages-admin-search-stats{grid-template-columns:1fr}.pages-admin-result-header{flex-direction:column;align-items:flex-start}.pages-admin-action-buttons{justify-content:center}.pages-admin-action-btn span{display:none}.pages-admin-action-btn{padding:var(--spacing-sm, 8px)}.pages-admin-action-btn svg{margin:0}.pages-admin-pagination{gap:var(--spacing-sm, 10px)}.pagination-btn,.page-number{padding:var(--spacing-xs, 6px) var(--spacing-md, 12px);font-size:var(--font-size-sm, 14px)}}body.dark-theme .pages-admin-search-container{background:var(--background-color-dark, #1a1a2e)}body.dark-theme .pages-admin-result-card,body.dark-theme .pages-admin-stat-card,body.dark-theme .search-suggestions,body.dark-theme .pages-admin-advanced-filters{background:var(--background-color-dark-light, #16213e)}body.dark-theme .pages-admin-search-input,body.dark-theme .pages-admin-search-select,body.dark-theme .filter-input,body.dark-theme .filter-select,body.dark-theme .advanced-filter-toggle{background:var(--background-color-dark-light, #1a1a2e);border-color:var(--border-color-dark, #2d2d44);color:var(--text-primary-dark, #eee)}body.dark-theme .pages-admin-result-title,body.dark-theme .pages-admin-result-subtitle,body.dark-theme .pages-admin-detail-value,body.dark-theme .pages-admin-no-results h3{color:var(--text-primary-dark, #eee)}body.dark-theme .pages-admin-result-footer,body.dark-theme .pages-admin-action-buttons{background:#0003}body.dark-theme .pages-admin-type-badge,body.dark-theme .pages-admin-status-badge,body.dark-theme .clear-search-btn:hover{background:#ffffff1a}@media(prefers-reduced-motion:reduce){.pages-admin-stat-card,.pages-admin-result-card,.pages-admin-action-btn,.pagination-btn,.page-number{transition:none}.pages-admin-result-card:hover{transform:none}.spinning{animation:none}}@media print{.pages-admin-search-controls,.pages-admin-filter-buttons,.pages-admin-advanced-filters,.pages-admin-pagination,.pages-admin-action-buttons{display:none}.pages-admin-result-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.pages-admin-search-stats{break-inside:avoid}}.pages-admin-search-input:focus-visible,.pages-admin-search-select:focus-visible,.pages-admin-filter-btn:focus-visible,.pagination-btn:focus-visible,.page-number:focus-visible,.clear-search-btn:focus-visible,.pages-admin-action-btn:focus-visible,.advanced-filter-toggle:focus-visible{outline:2px solid var(--primary-color, #007bff);outline-offset:2px}@media(prefers-contrast:high){.pages-admin-result-card,.pages-admin-stat-card{border:1px solid currentColor}.pagination-btn:disabled{opacity:.5}.pages-admin-type-badge,.pages-admin-status-badge{border:1px solid currentColor}}.pages-admin-result-card{animation:fadeInUp .3s ease-out}.pages-admin-search-container::-webkit-scrollbar{width:8px;height:8px}.pages-admin-search-container::-webkit-scrollbar-track{background:var(--background-color-hover, #f1f1f1);border-radius:4px}.pages-admin-search-container::-webkit-scrollbar-thumb{background:var(--primary-color, #888);border-radius:4px}.pages-admin-search-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark, #555)}.pages-faculty-search-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto;font-family:var(--font-family-sans);background:var(--background-color);min-height:100vh;transition:background var(--transition-speed) var(--transition-timing)}.pages-faculty-search-header{margin-bottom:var(--spacing-xl)}.pages-faculty-search-header h1{margin-bottom:var(--spacing-xl);text-align:left}.pages-faculty-search-title{font-size:28px;color:var(--primary-color);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm);transition:color var(--transition-speed) var(--transition-timing);display:flex;align-items:center;gap:var(--spacing-sm)}.pages-faculty-search-subtitle{color:var(--text-secondary-color);margin-bottom:var(--spacing-lg);font-size:var(--font-size-md)}.pages-faculty-quick-suggestions{background:var(--white);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);transition:all var(--transition-speed) var(--transition-timing)}.pages-faculty-quick-suggestions h4{margin:0 0 var(--spacing-md) 0;color:var(--primary-color);font-size:var(--font-size-md)}.pages-faculty-suggestion-chips{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.pages-faculty-suggestion-chip{padding:var(--spacing-xs) var(--spacing-md);background:var(--background-color-hover);border:none;border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);font-size:var(--font-size-sm);color:var(--primary-color)}.pages-faculty-suggestion-chip:hover{background:var(--gradient-primary);color:var(--text-on-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.pages-faculty-suggestion-chip.pages-faculty-popular{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.pages-faculty-suggestion-chip.pages-faculty-popular:hover{background:var(--warning-color);color:var(--text-on-primary)}.pages-faculty-search-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);position:relative}.pages-faculty-search-input-wrapper{flex:1;position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary-color);pointer-events:none;z-index:1}.pages-faculty-search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 42px;font-size:var(--font-size-md);border:2px solid var(--border-color);border-radius:var(--border-radius-full);transition:all var(--transition-speed) var(--transition-timing);background:var(--white);color:var(--primary-color)}.pages-faculty-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.pages-faculty-search-input::placeholder{color:var(--text-secondary-color)}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary-color);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-speed) var(--transition-timing)}.clear-search-btn:hover{background:var(--background-color-hover);color:var(--danger-color)}.search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);z-index:1000;overflow:hidden}.suggestions-header{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-secondary-color);background:var(--background-color-hover);font-weight:var(--font-weight-medium)}.suggestion-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:background var(--transition-speed) var(--transition-timing);color:var(--primary-color)}.suggestion-item:hover{background:var(--background-color-hover)}.suggestion-item svg{color:var(--text-secondary-color);font-size:var(--font-size-sm)}.pages-faculty-search-select{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);border:2px solid var(--border-color);border-radius:var(--border-radius-full);background:var(--white);color:var(--primary-color);cursor:pointer;min-width:200px;transition:all var(--transition-speed) var(--transition-timing)}.pages-faculty-search-select:focus{outline:none;border-color:var(--primary-color)}.pages-faculty-search-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.pages-faculty-stat-card{background:var(--gradient-primary);color:var(--text-on-primary);padding:var(--spacing-md);border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-speed) var(--transition-timing)}.pages-faculty-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pages-faculty-stat-value{display:block;font-size:28px;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.pages-faculty-stat-label{font-size:var(--font-size-sm);opacity:.9}.pages-faculty-search-meta{margin-bottom:var(--spacing-lg)}.pages-faculty-loading{color:var(--primary-color);font-weight:var(--font-weight-medium);text-align:center;padding:var(--spacing-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.spinning{animation:spin 1s linear infinite}.pages-faculty-results-count{color:var(--text-secondary-color);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-medium)}.pages-faculty-error{color:var(--danger-color);background:rgba(var(--danger-color-rgb),.1);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);text-align:center;border:1px solid rgba(var(--danger-color-rgb),.3);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.pages-faculty-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.pages-faculty-result-card{background:var(--white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing);display:flex;flex-direction:column;position:relative}.pages-faculty-result-card-clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.pages-faculty-result-card-clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.pages-faculty-result-card-locked{opacity:.75;cursor:not-allowed;background:var(--background-color-hover);position:relative;overflow:hidden}.pages-faculty-result-card-locked:hover{transform:none;box-shadow:var(--shadow-sm)}.pages-faculty-lock-icon{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:20px;z-index:2;color:var(--text-secondary-color);background:#00000080;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pages-faculty-result-card-locked:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,#00000005 0px 10px,#0000000a 10px 20px);pointer-events:none;z-index:1}.pages-faculty-result-content{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);flex:1}.pages-faculty-result-icon-large{font-size:40px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--background-color-hover);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing);flex-shrink:0}.pages-faculty-result-main{flex:1;min-width:0}.pages-faculty-result-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--primary-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pages-faculty-result-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin:0 0 var(--spacing-sm) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pages-faculty-result-metadata{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary-color);flex-wrap:wrap}.pages-faculty-result-primary{color:var(--primary-color);font-weight:var(--font-weight-medium)}.pages-faculty-result-secondary{color:var(--warning-color)}.pages-faculty-note-creator-badge{margin-top:var(--spacing-xs)}.my-note-badge{display:inline-block;padding:2px 8px;background:rgba(var(--success-color-rgb),.15);color:var(--success-color);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.pages-faculty-action-buttons{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);background:var(--background-color-hover);border-top:1px solid var(--border-color);flex-wrap:wrap}.pages-faculty-action-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-speed) var(--transition-timing)}.pages-faculty-action-btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:var(--shadow-sm)}.pages-faculty-action-btn:active{transform:translateY(0)}.pages-faculty-action-btn svg{font-size:var(--font-size-sm)}.pages-faculty-result-footer{padding:var(--spacing-sm) var(--spacing-lg);background:var(--background-color-hover);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:space-between;align-items:center;flex-wrap:wrap}.pages-faculty-category-badge{background:var(--background-color);color:var(--text-secondary-color);padding:4px var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--border-color)}.pages-faculty-type-badge{padding:4px var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.pages-faculty-type-student,.pages-faculty-type-user{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.pages-faculty-type-faculty{background:rgba(var(--primary-color-rgb),.15);color:var(--primary-color)}.pages-faculty-type-experiment{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.pages-faculty-type-assignment{background:#8e44ad26;color:#8e44ad}.pages-faculty-type-exam{background:#e74c3c26;color:#e74c3c}.pages-faculty-type-batch{background:#f1c40f26;color:#f1c40f}.pages-faculty-type-patientassessment{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.pages-faculty-type-experimentnote{background:#e67e2226;color:#e67e22}.pages-faculty-type-supportticket{background:#3498db26;color:#3498db}.pages-faculty-type-public{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.pages-faculty-type-private{background:var(--background-color);color:var(--text-secondary-color);border:1px solid var(--border-color)}.pages-faculty-status-badge{padding:2px 8px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.pages-faculty-status-active,.pages-faculty-status-published{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.pages-faculty-status-draft{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.pages-faculty-status-archived{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.pages-faculty-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-full);background:var(--white);color:var(--primary-color);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);font-weight:var(--font-weight-medium)}.pagination-btn:hover:not(:disabled){background:var(--gradient-primary);color:var(--text-on-primary);border-color:transparent;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pages-faculty-page-info{display:flex;gap:var(--spacing-xs);align-items:center}.page-number{min-width:40px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--white);color:var(--primary-color);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.page-number:hover{border-color:var(--primary-color);background:var(--background-color-hover)}.page-number.active{background:var(--gradient-primary);color:var(--text-on-primary);border-color:transparent}.pages-faculty-page-info{font-size:var(--font-size-sm);color:var(--text-secondary-color);font-weight:var(--font-weight-medium)}.pages-faculty-no-results{grid-column:1 / -1;text-align:center;padding:60px var(--spacing-xl);background:var(--white);border-radius:var(--border-radius);color:var(--text-secondary-color);box-shadow:var(--shadow-sm)}.no-results-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.5}.pages-faculty-no-results h3{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.pages-faculty-no-results p{margin-bottom:var(--spacing-xs)}.no-results-hint{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-top:var(--spacing-md)}.pages-faculty-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.pages-faculty-quick-action-hint{font-size:var(--font-size-xs);color:var(--text-secondary-color);margin-left:auto;display:flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:1024px){.pages-faculty-results-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media(max-width:768px){.pages-faculty-search-container{padding:var(--spacing-lg)}.pages-faculty-search-controls{flex-direction:column}.pages-faculty-search-select{min-width:100%}.pages-faculty-results-grid{grid-template-columns:1fr}.pages-faculty-result-content{flex-direction:column;align-items:flex-start}.pages-faculty-result-icon-large{margin-bottom:var(--spacing-sm)}.pages-faculty-result-metadata{flex-direction:column;gap:var(--spacing-xs)}.pages-faculty-search-stats{grid-template-columns:repeat(2,1fr)}.pages-faculty-result-title,.pages-faculty-result-subtitle{white-space:normal}}@media(max-width:640px){.pages-faculty-action-buttons{justify-content:center}.pages-faculty-action-btn span{display:none}.pages-faculty-action-btn{padding:var(--spacing-sm)}.pages-faculty-action-btn svg{margin:0}.pages-faculty-quick-action-hint{display:none}}@media(max-width:480px){.pages-faculty-search-container{padding:var(--spacing-md)}.pages-faculty-search-title{font-size:24px}.pages-faculty-search-stats{grid-template-columns:1fr}.pages-faculty-pagination{gap:var(--spacing-xs)}.pagination-btn,.page-number{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.pages-faculty-result-footer{flex-direction:column;align-items:flex-start}}body.dark-theme .pages-faculty-quick-suggestions,body.dark-theme .pages-faculty-result-card,body.dark-theme .pages-faculty-no-results,body.dark-theme .search-suggestions{background:var(--white)}body.dark-theme .pages-faculty-suggestion-chip,body.dark-theme .pages-faculty-result-icon-large,body.dark-theme .pages-faculty-type-private{background:var(--background-color-hover)}body.dark-theme .pages-faculty-stat-card{background:var(--gradient-primary)}body.dark-theme .pages-faculty-action-buttons,body.dark-theme .pages-faculty-result-footer{background:#0003}body.dark-theme .clear-search-btn:hover{background:#ffffff1a}@media(prefers-reduced-motion:reduce){.pages-faculty-suggestion-chip,.pages-faculty-result-card,.pagination-btn,.page-number,.pages-faculty-stat-card,.pages-faculty-action-btn{transition:none}.pages-faculty-result-card-clickable:hover{transform:none}.pages-faculty-loading-spinner,.spinning{animation:none}.pages-faculty-loading-spinner{border:3px solid var(--border-color);border-top-color:transparent}}@media print{.pages-faculty-search-controls,.pages-faculty-quick-suggestions,.pages-faculty-pagination,.pages-faculty-search-stats,.pages-faculty-action-buttons{display:none}.pages-faculty-result-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.pages-faculty-result-card-clickable{cursor:default}}.pages-faculty-search-input:focus-visible,.pages-faculty-search-select:focus-visible,.pages-faculty-suggestion-chip:focus-visible,.pagination-btn:focus-visible,.page-number:focus-visible,.clear-search-btn:focus-visible,.pages-faculty-action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-contrast:high){.pages-faculty-result-card,.pages-faculty-type-badge{border:1px solid currentColor}.pagination-btn:disabled{opacity:.5}.pages-faculty-result-card-clickable:hover{outline:2px solid currentColor}}.pages-faculty-result-card{animation:fadeInUp .3s ease-out}.pages-faculty-search-container::-webkit-scrollbar{width:8px;height:8px}.pages-faculty-search-container::-webkit-scrollbar-track{background:var(--background-color-hover);border-radius:4px}.pages-faculty-search-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.pages-faculty-search-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark)}.public-search-page{min-height:calc(100vh - 200px);padding:40px 20px;max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.public-search-page__header{text-align:center;margin-bottom:40px}.public-search-page__title{font-size:32px;color:#333;margin-bottom:10px;font-weight:600}.public-search-page__count{font-size:16px;color:#666}.public-search-page__count-highlight{color:#007bff;font-weight:600}.public-search-page__tabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap;border-bottom:2px solid #f0f0f0;padding-bottom:16px}.public-search-page__tab{padding:10px 24px;font-size:15px;font-weight:500;color:#666;background:none;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;position:relative}.public-search-page__tab:hover{color:#007bff;background:#f8f9fa}.public-search-page__tab--active{color:#007bff;background:#e3f2fd;font-weight:600}.public-search-page__tab--active:after{content:"";position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:30px;height:3px;background:#007bff;border-radius:3px 3px 0 0}.public-search-page__results{min-height:400px}.public-search-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:40px}.public-search-page__card{display:flex;gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid #f0f0f0}.public-search-page__card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#007bff}.public-search-page__card-icon{font-size:32px;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:10px}.public-search-page__card-content{flex:1}.public-search-page__card-title{font-size:18px;font-weight:600;color:#333;margin:0 0 6px;line-height:1.4}.public-search-page__card-subtitle{font-size:14px;color:#666;margin:0 0 10px;line-height:1.5}.public-search-page__card-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.public-search-page__card-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.public-search-page__card-badge--blog{background:#e3f2fd;color:#1976d2}.public-search-page__card-badge--experiment{background:#e8f5e9;color:#388e3c}.public-search-page__card-badge--faq{background:#fff3e0;color:#f57c00}.public-search-page__card-badge--testimonial{background:#f3e5f5;color:#7b1fa2}.public-search-page__card-badge--teammember{background:#e1f5fe;color:#0288d1}.public-search-page__card-badge--course{background:#fce4ec;color:#c2185b}.public-search-page__card-category{font-size:12px;color:#999;background:#f5f5f5;padding:2px 8px;border-radius:12px}.public-search-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.public-search-page__spinner{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.public-search-page__loading p{color:#666;font-size:16px}.public-search-page__error{text-align:center;padding:60px 20px;background:#fff3f3;border-radius:12px}.public-search-page__error p{color:#dc3545;font-size:16px}.public-search-page__no-results{text-align:center;padding:80px 20px;background:#f8f9fa;border-radius:12px}.public-search-page__no-results svg{width:80px;height:80px;color:#ccc;margin-bottom:24px}.public-search-page__no-results h3{font-size:24px;color:#333;margin-bottom:12px;font-weight:600}.public-search-page__no-results p{color:#666;font-size:16px;margin-bottom:8px}.public-search-page__no-results-hint{color:#999;font-size:14px}.public-search-page__suggestions{margin-top:20px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.public-search-page__suggestion-btn{padding:8px 20px;background:#fff;border:1px solid #e0e0e0;border-radius:30px;color:#666;font-size:14px;cursor:pointer;transition:all .2s}.public-search-page__suggestion-btn:hover{background:#007bff;border-color:#007bff;color:#fff}.public-search-page__pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px;padding:20px 0}.public-search-page__pagination-btn{padding:10px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:30px;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.public-search-page__pagination-btn:hover:not(:disabled){background:#007bff;border-color:#007bff;color:#fff}.public-search-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.public-search-page__pagination-info{font-size:15px;color:#666;font-weight:500}.public-search-page__filters{margin-bottom:30px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center}.public-search-page__filter-select{padding:10px 16px;font-size:14px;border:2px solid #e0e0e0;border-radius:30px;background:#fff;cursor:pointer;min-width:150px;color:#333;transition:all .2s}.public-search-page__filter-select:hover,.public-search-page__filter-select:focus{border-color:#007bff;outline:none}.public-search-page__filter-select option{padding:8px}.public-search-page__active-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;justify-content:center}.public-search-page__filter-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#e3f2fd;color:#1976d2;border-radius:30px;font-size:13px;font-weight:500}.public-search-page__filter-tag button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.public-search-page__filter-tag button:hover{background:#1976d21a}.public-search-page__clear-filters{background:none;border:none;color:#dc3545;font-size:13px;cursor:pointer;text-decoration:underline;padding:4px 8px}@media(max-width:1024px){.public-search-page{padding:30px 16px}.public-search-page__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media(max-width:768px){.public-search-page__title{font-size:28px}.public-search-page__tabs{gap:8px;padding-bottom:12px}.public-search-page__tab{padding:8px 16px;font-size:14px}.public-search-page__grid{grid-template-columns:1fr}.public-search-page__card{padding:16px}.public-search-page__card-title{font-size:16px}.public-search-page__card-subtitle{font-size:13px}.public-search-page__pagination{gap:12px}.public-search-page__pagination-btn{padding:8px 16px;font-size:13px}.public-search-page__pagination-info{font-size:13px}.public-search-page__filter-select{width:100%;max-width:300px}}@media(max-width:480px){.public-search-page__title{font-size:24px}.public-search-page__tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;justify-content:flex-start;-webkit-overflow-scrolling:touch}.public-search-page__tab{white-space:nowrap}.public-search-page__tab--active:after{bottom:-9px}.public-search-page__pagination{flex-direction:column;gap:10px}.public-search-page__pagination-btn{width:100%;max-width:200px}.public-search-page__no-results svg{width:60px;height:60px}.public-search-page__no-results h3{font-size:20px}}@media print{.public-search-page__tabs,.public-search-page__pagination,.public-search-page__filters{display:none}.public-search-page__card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}@media(prefers-reduced-motion:reduce){.public-search-page__card,.public-search-page__tab,.public-search-page__pagination-btn,.public-search-page__spinner{animation:none;transition:none}}.testimonials-container{min-height:100vh;background:#f8f9fa;color:#212529;padding-bottom:3rem;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.testimonials-header{background:linear-gradient(135deg,#007bff,#007bffe6);padding:80px 1.5rem;text-align:center;color:#fff;margin-bottom:40px;position:relative;overflow:hidden}.testimonials-header:before{content:'"';position:absolute;top:-50px;left:-50px;font-size:300px;opacity:.1;font-family:serif;transform:rotate(15deg)}.testimonials-header:after{content:'"';position:absolute;bottom:-50px;right:-50px;font-size:300px;opacity:.1;font-family:serif;transform:rotate(-15deg)}.header-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.header-content h1{font-size:3rem;margin:0 0 1rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.header-content p{font-size:1.25rem;margin:0;opacity:.95;line-height:1.6}.categories-nav{max-width:1200px;margin:-20px auto 30px;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:relative;z-index:2}.categories-scroll{display:flex;gap:.5rem;flex-wrap:wrap;overflow-x:auto;padding:4px 0;flex:1;scrollbar-width:thin;scrollbar-color:#dee2e6 transparent}.categories-scroll::-webkit-scrollbar{height:4px}.categories-scroll::-webkit-scrollbar-track{background:transparent}.categories-scroll::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:2px}.category-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid transparent;border-radius:50px;color:#495057;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000014;white-space:nowrap}.category-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 2px 8px #0000001f}.category-btn.active{background:#fff;border-color:#007bff;box-shadow:0 2px 8px #007bff33}.category-icon{font-size:1.1rem}.category-label{font-weight:500}.category-count{margin-left:.25rem;font-size:.75rem;padding:.1rem .5rem;background:#f1f3f5;border-radius:20px;color:#6c757d}.submit-review-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #28a7454d;white-space:nowrap}.submit-review-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 4px 12px #28a74566}.submit-review-btn:active{transform:translateY(0) scale(.98)}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:-20px auto 40px;padding:0 1.5rem;position:relative;z-index:2}.stat-card{background:#fff;border:1px solid #dee2e6;border-radius:.75rem;padding:28px 1.5rem;text-align:center;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #007bff4d}.stat-card:hover{transform:translateY(-8px);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f}.stat-value{font-size:3.5rem;font-weight:800;color:#007bff;line-height:1;margin-bottom:.25rem;background:linear-gradient(135deg,#007bff,#007bffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1rem;color:#6c757d;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.stat-stars{display:flex;justify-content:center;gap:6px}.stat-stars .star{color:#ffc107;font-size:1.3rem}.stat-stars .star.filled,.stat-stars .star.half-filled{color:#ffc107}.stat-stars .star.empty{color:#dee2e6;opacity:.3}.stat-icon{position:absolute;bottom:-15px;right:-15px;font-size:6rem;opacity:.1;color:#007bff;transform:rotate(10deg)}.rating-distribution{background:#fff;border:1px solid #dee2e6;border-radius:.75rem;padding:2rem;max-width:1200px;margin:0 auto 40px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .2s cubic-bezier(.4,0,.2,1)}.rating-distribution h3{margin:0 0 1.5rem;font-size:1.25rem;color:#212529;display:flex;align-items:center;gap:.5rem}.rating-distribution h3:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#dee2e6,transparent)}.distribution-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:4px 0;transition:all .2s cubic-bezier(.4,0,.2,1)}.distribution-row:hover{transform:translate(10px)}.rating-label{width:100px;font-size:1rem;color:#6c757d;font-weight:500}.progress-bar-container{flex:1;height:12px;background:#f1f3f5;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-bar{height:100%;background:linear-gradient(90deg,#ffc107,#fcd34d);border-radius:20px;transition:width .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.rating-count{width:40px;font-size:1rem;font-weight:600;color:#212529;text-align:right}.filters-bar{max-width:1200px;margin:0 auto 2rem;padding:0 1.5rem}.filter-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 28px;background:#fff;border:1px solid #dee2e6;border-radius:50px;color:#212529;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.filter-toggle:hover{background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border-color:#007bff;transform:translateY(-2px);box-shadow:0 2px 8px #007bff4d}.filter-toggle.active{background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border-color:#007bff}.active-filters-indicator{position:absolute;top:-4px;right:-4px;color:#dc3545;font-size:1rem;animation:pulse 2s infinite}.filters-panel{background:#fff;border:1px solid #dee2e6;border-radius:.75rem;padding:1.5rem;margin-top:1rem;display:none;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;animation:slideDown .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #007bff4d}.filters-panel.show{display:grid}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-box{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d;font-size:1rem}.search-box input{width:100%;padding:1rem 1rem 1rem 45px;background:#f1f3f5;border:2px solid transparent;border-radius:.375rem;color:#212529;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-box input:focus{outline:none;border-color:#007bff;background:#fff;box-shadow:0 0 0 4px #007bff1a}.search-box input::placeholder{color:#6c757d;opacity:.7}.rating-filters{display:flex;flex-direction:column;gap:.5rem}.rating-filters span{font-size:.875rem;color:#6c757d;font-weight:500}.rating-buttons{display:flex;gap:.25rem;flex-wrap:wrap}.rating-btn{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;background:#f1f3f5;border:1px solid #dee2e6;border-radius:30px;color:#212529;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.rating-btn svg{color:#ffc107;font-size:.875rem}.rating-btn:hover{background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border-color:#007bff;transform:translateY(-2px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.rating-btn:hover svg{color:#fff}.rating-btn.active{background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border-color:#007bff;box-shadow:0 2px 8px #007bff4d}.rating-btn.active svg{color:#fff}.sort-filter{display:flex;flex-direction:column;gap:.5rem}.sort-filter span{font-size:.875rem;color:#6c757d;font-weight:500}.sort-filter select{padding:.5rem 1rem;background:#f1f3f5;border:2px solid transparent;border-radius:.375rem;color:#212529;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.sort-filter select:focus{outline:none;border-color:#007bff;background:#fff;box-shadow:0 0 0 4px #007bff1a}.approval-filter{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:#212529;font-size:.875rem;cursor:pointer;padding:.25rem 0}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#007bff}.results-count{max-width:1200px;margin:0 auto 1.5rem;padding:0 1.5rem;color:#6c757d;font-size:.875rem;font-weight:500}.category-filter-label{margin-left:.5rem;color:#6c757d}.category-filter-label strong{color:#212529}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;max-width:1200px;margin:0 auto 40px;padding:0 1.5rem}.testimonial-card{background:#fff;border:1px solid #dee2e6;border-radius:.75rem;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;cursor:pointer;position:relative;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.testimonial-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f;border-color:#007bff}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#007bff,#007bffe6);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.testimonial-card:hover:before{opacity:1}.card-header{padding:1.5rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:flex-start;background:#f1f3f5}.user-info{display:flex;gap:1rem}.avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#007bff,#007bffe6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.3rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:1.3rem;font-weight:600;color:#fff}.user-details h4{margin:0 0 .5rem;font-size:1.25rem;color:#212529;font-weight:600}.rating-display{display:flex;align-items:center;gap:.5rem}.rating-display .star{font-size:1rem}.rating-display .star.filled,.rating-display .star.half-filled{color:#ffc107}.rating-display .star.empty{color:#dee2e6;opacity:.3}.rating-icon{font-size:1.2rem}.rating-icon.happy{color:#28a745}.rating-icon.neutral{color:#ffc107}.rating-icon.sad{color:#dc3545}.card-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.card-badges .badge{font-size:.75rem;padding:.3rem .6rem;border-radius:20px}.card-badges .badge svg{margin-right:4px}.card-body{padding:1.5rem;flex:1;position:relative;background:#fff}.quote-icon{position:absolute;color:#dee2e6;font-size:2rem;opacity:.2;transition:all .2s cubic-bezier(.4,0,.2,1)}.testimonial-card:hover .quote-icon{opacity:.3;color:#007bff}.quote-icon.left{top:15px;left:15px}.quote-icon.right{bottom:15px;right:15px}.review-text{margin:0;line-height:1.7;color:#212529;font-size:.875rem;padding:.5rem 30px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1}.card-footer{padding:1.5rem;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;background:#f1f3f5}.date{display:flex;align-items:center;gap:.25rem;color:#6c757d;font-size:.875rem}.card-actions{display:flex;gap:.25rem}.view-btn,.share-btn{width:40px;height:40px;border-radius:.375rem;background:#fff;border:1px solid #dee2e6;color:#6c757d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1.1rem}.view-btn:hover{background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border-color:#007bff;transform:scale(1.1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.share-btn:hover{background:#28a745;color:#fff;border-color:#28a745;transform:scale(1.1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.no-results{grid-column:1 / -1;text-align:center;padding:80px 40px;background:#fff;border:1px solid #dee2e6;border-radius:.75rem;box-shadow:0 2px 8px #007bff4d}.no-results-icon{font-size:5rem;color:#6c757d;margin-bottom:1.5rem;opacity:.5}.no-results h3{margin:0 0 .5rem;font-size:1.8rem;color:#212529}.no-results p{margin:0 0 2rem;color:#6c757d;font-size:1.25rem}.clear-filters-btn{padding:1rem 32px;background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border:none;border-radius:50px;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #007bff4d}.clear-filters-btn:hover{background:linear-gradient(135deg,#0056b3,#007bffcc);transform:translateY(-3px) scale(1.05);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:1200px;margin:40px auto 0;padding:0 1.5rem;flex-wrap:wrap}.pagination-numbers{display:flex;gap:.25rem;flex-wrap:wrap}.pagination-btn{min-width:45px;height:45px;border-radius:.375rem;background:#fff;border:1px solid #dee2e6;color:#212529;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border-color:#007bff;transform:translateY(-2px);box-shadow:0 2px 8px #007bff4d}.pagination-btn.active{background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border-color:#007bff;box-shadow:0 2px 8px #007bff4d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{color:#6c757d;padding:0 .25rem;font-size:1.25rem;font-weight:600;align-self:center}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}.modal-content{width:90%;max-width:550px;background:#fff;border-radius:.75rem;overflow:hidden;animation:slideUp .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #dee2e6;background:#f1f3f5}.modal-header h3{margin:0;font-size:1.25rem;color:#212529;font-weight:700}.modal-close{background:none;border:none;color:#6c757d;font-size:1.8rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-close:hover{color:#dc3545;transform:rotate(90deg)}.testimonial-preview{background:#f1f3f5;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.preview-user{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.preview-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#007bff,#007bffe6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.3rem}.preview-initials{font-size:1.3rem;font-weight:600}.preview-user h4{margin:0 0 6px;font-size:1.25rem;color:#212529}.preview-rating{display:flex;gap:4px}.preview-rating .star{color:#ffc107;font-size:1rem}.preview-rating .star.filled,.preview-rating .star.half-filled{color:#ffc107}.preview-rating .star.empty{color:#dee2e6;opacity:.3}.preview-review{margin:0;font-style:italic;color:#212529;line-height:1.7;font-size:1rem}.share-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.share-option{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fff}.share-option:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 2px 8px #007bff4d}.testimonials-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;color:#6c757d}.testimonials-loading p{margin-top:1.5rem;font-size:1.25rem}.testimonials-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;color:#212529;text-align:center;padding:1.5rem}.error-icon{font-size:5rem;color:#dc3545;margin-bottom:1.5rem}.testimonials-error h2{margin:0 0 .5rem;font-size:2rem;font-weight:700}.testimonials-error p{margin:0 0 2rem;color:#6c757d;font-size:1.25rem}.error-btn{padding:1rem 32px;background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border:none;border-radius:50px;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #007bff4d}.error-btn:hover{background:linear-gradient(135deg,#0056b3,#007bffcc);transform:translateY(-3px) scale(1.05);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.header-content h1{font-size:2.5rem}.testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.categories-nav{flex-direction:column;align-items:stretch}.categories-scroll{justify-content:flex-start}.submit-review-btn{justify-content:center;width:100%}}@media(max-width:768px){.testimonials-header{padding:60px 1rem}.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.stats-overview{grid-template-columns:1fr;margin-top:-30px}.rating-distribution{padding:1.5rem}.filters-panel{grid-template-columns:1fr}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.card-header{flex-direction:column;gap:1rem}.user-info{width:100%}.pagination{gap:.25rem}.pagination-btn{min-width:40px;height:40px}.share-options{grid-template-columns:1fr}.categories-nav{margin-top:-30px}.category-btn{padding:.5rem 1rem;font-size:.8rem}.category-btn .category-label,.category-btn .category-count{display:none}.category-btn.active .category-label{display:inline}.card-badges{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-end}}@media(max-width:480px){.header-content h1{font-size:1.75rem}.rating-buttons{justify-content:center}.rating-btn{flex:1;justify-content:center}.user-info{flex-direction:column;text-align:center}.avatar{margin:0 auto}.rating-display{justify-content:center}.card-footer{flex-direction:column;gap:.5rem}.card-actions{width:100%;justify-content:center}.date{justify-content:center}.pagination{flex-direction:column;align-items:stretch}.pagination-numbers{justify-content:center}.modal-content{width:95%}.modal-body{padding:1.5rem}.preview-user{flex-direction:column;text-align:center}.categories-scroll{gap:.3rem}.category-btn{padding:.4rem .8rem;font-size:.75rem}.submit-review-btn{padding:.6rem 1rem;font-size:.8rem}}@media print{.testimonials-header,.filters-bar,.pagination,.view-btn,.share-btn,.modal-overlay,.categories-nav{display:none!important}.testimonials-container{background:#fff;color:#000}.testimonial-card{break-inside:avoid;border:1px solid #ddd;box-shadow:none;margin-bottom:1.5rem}.rating-distribution{break-inside:avoid}}@media(prefers-reduced-motion:reduce){.stat-card,.testimonial-card,.rating-btn,.pagination-btn,.share-option,.distribution-row,.category-btn,.submit-review-btn{transition:none}.stat-card:hover,.testimonial-card:hover,.category-btn:hover,.submit-review-btn:hover{transform:none}.progress-bar:after{animation:none}.modal-overlay,.modal-content{animation:none}}@media(prefers-contrast:high){.stat-card,.rating-distribution,.testimonial-card,.filters-panel,.filter-toggle.active,.rating-btn.active,.category-btn.active{border:2px solid currentColor}}.testimonials-container::-webkit-scrollbar{width:10px}.testimonials-container::-webkit-scrollbar-track{background:#f1f3f5}.testimonials-container::-webkit-scrollbar-thumb{background:#007bff;border-radius:5px}.testimonials-container::-webkit-scrollbar-thumb:hover{background:#0056b3}@media(prefers-color-scheme:dark){.testimonials-container{background:#f8f9fa!important;color:#212529!important}.stat-card,.rating-distribution,.testimonial-card,.filters-panel,.no-results{background:#fff!important;border-color:#dee2e6!important}.stat-value{background:linear-gradient(135deg,#007bff,#007bffe6)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.stat-label,.results-count,.category-filter-label,.date,.pagination-ellipsis{color:#6c757d!important}.stat-icon{color:#007bff!important}.rating-label,.rating-count,.user-details h4,.review-text,.no-results h3,.modal-header h3,.preview-user h4,.preview-review,.category-btn{color:#212529!important}.card-header,.card-footer,.modal-header{background:#f1f3f5!important;border-color:#dee2e6!important}.card-body,.modal-body,.testimonial-preview{background:#fff!important}.quote-icon{color:#dee2e6!important}.category-btn{background:#fff!important;color:#495057!important}.category-btn:hover{background:#f8f9fa!important}.category-btn.active{background:#fff!important;border-color:#007bff!important;box-shadow:0 2px 8px #007bff33!important}.category-count{background:#f1f3f5!important;color:#6c757d!important}.submit-review-btn{background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important}.filter-toggle{background:#fff!important;color:#212529!important;border-color:#dee2e6!important}.filter-toggle:hover,.filter-toggle.active{background:linear-gradient(135deg,#007bff,#007bffe6)!important;color:#fff!important;border-color:#007bff!important}.pagination-btn{background:#fff!important;color:#212529!important;border-color:#dee2e6!important}.pagination-btn:hover:not(:disabled),.pagination-btn.active{background:linear-gradient(135deg,#007bff,#007bffe6)!important;color:#fff!important;border-color:#007bff!important}.modal-content{background:#fff!important}.preview-avatar{background:linear-gradient(135deg,#007bff,#007bffe6)!important}.checkbox-label{color:#212529!important}.search-box input,.sort-filter select{background:#f1f3f5!important;color:#212529!important;border-color:transparent!important}.search-box input:focus,.sort-filter select:focus{background:#fff!important;border-color:#007bff!important}.rating-btn{background:#f1f3f5!important;color:#212529!important;border-color:#dee2e6!important}.rating-btn:hover,.rating-btn.active{background:linear-gradient(135deg,#007bff,#007bffe6)!important;color:#fff!important;border-color:#007bff!important}.rating-btn:hover svg,.rating-btn.active svg{color:#fff!important}.view-btn,.share-btn{background:#fff!important;border-color:#dee2e6!important;color:#6c757d!important}.view-btn:hover{background:linear-gradient(135deg,#007bff,#007bffe6)!important;color:#fff!important}.share-btn:hover{background:#28a745!important;color:#fff!important}.progress-bar-container{background:#f1f3f5!important}.no-results-icon{color:#6c757d!important}.error-icon{color:#dc3545!important}.modal-close{color:#6c757d!important}.modal-close:hover{color:#dc3545!important}.clear-filters-btn,.error-btn{background:linear-gradient(135deg,#007bff,#007bffe6)!important;color:#fff!important}.clear-filters-btn:hover,.error-btn:hover{background:linear-gradient(135deg,#0056b3,#007bffcc)!important}.active-filters-indicator{color:#dc3545!important}.testimonials-loading{background:#f8f9fa!important;color:#6c757d!important}.testimonials-error{background:#f8f9fa!important;color:#212529!important}.stat-stars .star,.stat-stars .star.filled,.stat-stars .star.half-filled{color:#ffc107!important}.stat-stars .star.empty{color:#dee2e6!important;opacity:.3!important}.rating-display .star,.rating-display .star.filled,.rating-display .star.half-filled{color:#ffc107!important}.rating-display .star.empty{color:#dee2e6!important;opacity:.3!important}.preview-rating .star,.preview-rating .star.filled,.preview-rating .star.half-filled{color:#ffc107!important}.preview-rating .star.empty{color:#dee2e6!important;opacity:.3!important}.rating-icon.happy{color:#28a745!important}.rating-icon.neutral{color:#ffc107!important}.rating-icon.sad{color:#dc3545!important}.share-option.twitter{background:#1da1f2!important}.share-option.linkedin{background:#0077b5!important}.share-option.facebook{background:#4267b2!important}.share-option.email{background:#ea4335!important}.share-option.copy{background:#6c757d!important}.card-badges .badge{color:#495057!important}.card-badges .badge.badge-success{color:#28a745!important}.card-badges .badge.badge-warning{color:#ffc107!important}.card-badges .badge.badge-light{background:#f1f3f5!important}}.testimonial-detail-container{min-height:100vh;background:#f8f9fa;color:#212529;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.detail-navbar{background:#fffffffa;border-bottom:1px solid rgba(0,0,0,.08);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1020;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-left,.nav-right{display:flex;gap:.5rem}.nav-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#f1f3f5;border:1px solid #dee2e6;border-radius:.375rem;color:#212529;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.nav-btn:hover{background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border-color:#007bff;transform:translateY(-2px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.nav-btn.share{background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border-color:#007bff}.nav-btn.share:hover{background:linear-gradient(135deg,#0056b3,#007bffcc);box-shadow:0 2px 8px #007bff4d}.detail-content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.detail-header-card{background:#fff;border:1px solid #dee2e6;border-radius:.75rem;padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .2s cubic-bezier(.4,0,.2,1)}.detail-header-card:hover{box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f}.header-left{display:flex;align-items:center;gap:1.5rem}.avatar-large{width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#007bff,#007bffe6);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;box-shadow:0 2px 8px #007bff4d;transition:transform .2s cubic-bezier(.4,0,.2,1)}.avatar-large:hover{transform:scale(1.05)}.avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:2.5rem;font-weight:600;color:#fff}.header-info h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#212529;transition:color .2s cubic-bezier(.4,0,.2,1)}.rating-large{display:flex;align-items:center;gap:.5rem}.rating-large .stars{display:flex;gap:4px}.rating-large .star{font-size:1.3rem}.rating-large .star.filled,.rating-large .star.half-filled{color:#ffc107}.rating-large .star.empty{color:#dee2e6;opacity:.3}.rating-large .rating-icon{font-size:1.5rem}.rating-large .rating-icon.happy{color:#28a745}.rating-large .rating-icon.neutral{color:#ffc107}.rating-large .rating-icon.sad{color:#dc3545}.rating-large .rating-value{font-size:1rem;font-weight:600;color:#212529;margin-left:.25rem}.review-card{background:#fff;border:1px solid #dee2e6;border-radius:.75rem;padding:2rem;margin-bottom:2rem;position:relative;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .2s cubic-bezier(.4,0,.2,1)}.review-card:hover{box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f}.quote-icon-container{display:flex;justify-content:center;margin-bottom:1.5rem}.quote-icon{font-size:4rem;color:#007bff;opacity:.2}.quote-icon.open{margin-right:auto}.quote-icon.close{margin-left:auto}.review-content{max-width:800px;margin:0 auto;padding:1.5rem 0}.review-text{font-size:1.3rem;line-height:1.8;color:#212529;font-style:italic;text-align:center;margin:0;transition:color .2s cubic-bezier(.4,0,.2,1)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.detail-card{background:#fff;border:1px solid #dee2e6;border-radius:.75rem;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.detail-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f}.detail-card-header{background:#f1f3f5;padding:1rem 1.5rem;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:.5rem;transition:background .2s cubic-bezier(.4,0,.2,1)}.detail-icon{font-size:1.3rem;color:#007bff}.detail-card-header h3{margin:0;font-size:1rem;font-weight:600;color:#212529}.detail-card-body{padding:1.5rem}.detail-item{display:flex;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6}.detail-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-label{width:120px;font-size:.875rem;color:#6c757d;font-weight:500}.detail-value{flex:1;font-size:.875rem;color:#212529;word-break:break-word}.detail-value.id{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;background:#f1f3f5;padding:4px 8px;border-radius:.375rem}.detail-value.rating{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.detail-value.rating .star{color:#ffc107;font-size:.875rem}.rating-number{color:#6c757d;font-size:.875rem}.inline-icon{margin-right:6px;font-size:.8rem;color:#6c757d}.action-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-btn.primary{background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff}.action-btn.primary:hover{background:linear-gradient(135deg,#0056b3,#007bffcc);transform:translateY(-2px);box-shadow:0 2px 8px #007bff4d}.action-btn.secondary{background:#f1f3f5;color:#212529;border:1px solid #dee2e6}.action-btn.secondary:hover{background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff;border-color:#007bff;transform:translateY(-2px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.testimonial-detail-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;color:#6c757d}.testimonial-detail-loading p{margin-top:1rem;font-size:1rem}.testimonial-detail-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;color:#212529;text-align:center;padding:1.5rem}.testimonial-detail-error .error-icon{font-size:4rem;color:#dc3545;margin-bottom:1rem}.testimonial-detail-error h2{margin:0 0 .25rem;font-size:1.5rem}.testimonial-detail-error p{margin:0 0 1.5rem;color:#6c757d}.error-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.error-btn{padding:.5rem 1.5rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.error-btn.primary{background:linear-gradient(135deg,#007bff,#007bffe6);color:#fff}.error-btn.primary:hover{background:linear-gradient(135deg,#0056b3,#007bffcc);transform:translateY(-2px);box-shadow:0 2px 8px #007bff4d}.error-btn.secondary{background:transparent;color:#212529;border:1px solid #dee2e6}.error-btn.secondary:hover{background:#f1f3f5;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}.modal-content{width:90%;max-width:500px;background:#fff;border-radius:.75rem;overflow:hidden;animation:slideUp .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #dee2e6}.modal-header h3{margin:0;font-size:1.25rem;color:#212529}.modal-close{background:none;border:none;color:#6c757d;font-size:1.5rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-close:hover{color:#dc3545;transform:scale(1.1)}.modal-body{padding:2rem}.testimonial-preview{background:#f1f3f5;border-radius:.375rem;padding:1.5rem;margin-bottom:1.5rem}.preview-user{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.preview-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#007bff,#007bffe6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-initials{font-size:1rem;font-weight:600}.preview-user h4{margin:0 0 4px;font-size:1rem;color:#212529}.preview-rating{display:flex;gap:2px}.preview-rating .star{color:#ffc107;font-size:.875rem}.preview-review{margin:0;font-style:italic;color:#212529;line-height:1.6}.share-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.share-option{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fff}.share-option.twitter{background:#1da1f2}.share-option.linkedin{background:#0077b5}.share-option.facebook{background:#4267b2}.share-option.email{background:#ea4335}.share-option.copy{background:#6c757d}.share-option:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 2px 8px #007bff4d}@media(max-width:768px){.detail-navbar{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.nav-left,.nav-right{width:100%;justify-content:center;flex-wrap:wrap}.nav-btn{flex:1;justify-content:center}.detail-header-card{flex-direction:column;text-align:center;padding:1.5rem}.header-left{flex-direction:column;text-align:center}.rating-large{justify-content:center}.review-card{padding:1.5rem}.review-text{font-size:1.1rem}.details-grid{grid-template-columns:1fr}.detail-item{flex-direction:column;gap:4px}.detail-label{width:100%}.action-buttons{flex-direction:column}.action-btn{justify-content:center}.error-actions{flex-direction:column}.share-options{grid-template-columns:1fr}}@media(max-width:480px){.detail-content{padding:1rem}.avatar-large{width:80px;height:80px;font-size:2rem}.avatar-initials{font-size:2rem}.header-info h1{font-size:1.5rem}.rating-large{flex-wrap:wrap}.quote-icon{font-size:3rem}.review-text{font-size:1rem}}@media print{.detail-navbar,.action-buttons,.modal-overlay,.share-option{display:none!important}.testimonial-detail-container{background:#fff;color:#000}.detail-card{break-inside:avoid;border:1px solid #ddd;box-shadow:none}}@media(prefers-reduced-motion:reduce){.detail-navbar,.nav-btn,.detail-card,.action-btn,.error-btn,.share-option,.avatar-large{transition:none}.detail-card:hover{transform:none}.modal-overlay,.modal-content{animation:none}}@media(prefers-contrast:high){.detail-header-card,.review-card,.detail-card,.action-btn.primary,.error-btn.primary{border:2px solid currentColor}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--success: #10b981;--danger: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--gradient: linear-gradient(135deg, #6366f1, #14b8a6)}.cpf-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.cpf-card{max-width:480px;width:100%;background:#fff;border-radius:24px;box-shadow:var(--shadow-lg);overflow:hidden}.cpf-header{background:var(--gradient);padding:32px 32px 24px;text-align:center;color:#fff}.cpf-icon-wrapper{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.cpf-icon{font-size:32px;color:#fff}.cpf-header h2{font-size:24px;font-weight:600;margin:0 0 8px}.cpf-subtitle{font-size:14px;opacity:.9;margin:0}.cpf-email-box{background:var(--gray-50);padding:16px 24px;margin:16px 24px;border-radius:12px;border:1px solid var(--gray-200)}.cpf-email-label{font-size:12px;color:var(--gray-500);display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.cpf-email{font-size:16px;font-weight:500;color:var(--gray-800);word-break:break-all}.cpf-message{padding:12px 16px;margin:16px 24px;border-radius:8px;font-size:14px}.cpf-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.cpf-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.cpf-form{padding:0 24px 24px}.cpf-form-group{margin-bottom:20px}.cpf-label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:6px}.cpf-input-wrapper{position:relative;width:100%}.cpf-input{width:100%;padding:12px 16px;font-size:16px;border:2px solid var(--gray-200);border-radius:12px;outline:none;transition:all .2s ease;box-sizing:border-box;color:var(--brand-navy)}.cpf-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.cpf-input:disabled{background:var(--gray-100);cursor:not-allowed}.cpf-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin-bottom:24px;background:var(--gray-100);border:2px solid var(--gray-200);border-radius:12px;color:var(--gray-700);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cpf-toggle-btn:hover:not(:disabled){background:var(--gray-200);border-color:var(--gray-300)}.cpf-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.cpf-actions{display:flex;gap:12px}.cpf-btn{flex:1;padding:12px!important;font-size:16px!important;font-weight:500!important;border-radius:12px!important;transition:all .2s ease!important}.cpf-btn-primary{background:var(--gradient)!important;color:#fff!important;border:none!important}.cpf-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow)}.cpf-btn-secondary{background:#fff!important;color:var(--gray-700)!important;border:2px solid var(--gray-200)!important}.cpf-btn-secondary:hover:not(:disabled){background:var(--gray-50)!important;border-color:var(--gray-300)!important}.cpf-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.cpf-card{border-radius:20px}.cpf-header{padding:24px 20px}.cpf-header h2{font-size:20px}.cpf-email-box,.cpf-message{margin:12px 16px}.cpf-form{padding:0 16px 20px}.cpf-actions{flex-direction:column}.cpf-input{padding:10px 14px}}@media(prefers-color-scheme:dark){.cpf-card{background:var(--gray-800)}.cpf-email-box{background:var(--gray-700);border-color:var(--gray-600)}.cpf-email{color:var(--gray-200)}.cpf-label{color:var(--gray-300)}.cpf-input{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-200)}.cpf-input:focus{border-color:var(--primary)}.cpf-toggle-btn{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-300)}.cpf-toggle-btn:hover:not(:disabled){background:var(--gray-600);border-color:var(--gray-500)}.cpf-btn-secondary{background:var(--gray-700)!important;color:var(--gray-200)!important;border-color:var(--gray-600)!important}}.cpf-strength-indicator{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 12px 12px;transition:width .3s ease}.cpf-strength-text{font-size:12px;margin-top:6px;color:var(--gray-500)}.cpf-input-success{border-color:var(--success)!important;padding-right:40px!important}.cpf-input-error{border-color:var(--danger)!important;padding-right:40px!important}.cpf-input-warning{border-color:#f97316!important}.cpf-input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}.cpf-icon-success{color:var(--success);font-size:18px}.cpf-icon-error{color:var(--danger);font-size:18px}.cpf-match-message{display:flex;align-items:center;gap:6px;font-size:13px;margin-top:6px;padding:6px 12px;border-radius:6px}.cpf-match-success{color:var(--success);background:#10b9811a}.cpf-match-error{color:var(--danger);background:#ef44441a}.cpf-requirements{background:var(--gray-50);border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid var(--gray-200)}.cpf-requirements-title{font-size:13px;font-weight:600;color:var(--gray-600);margin:0 0 10px}.cpf-requirements-list{list-style:none;padding:0;margin:0}.cpf-requirements-list li{font-size:13px;color:var(--gray-500);margin-bottom:8px;display:flex;align-items:center;gap:8px}.cpf-requirements-list li:last-child{margin-bottom:0}.cpf-requirements-list li.valid{color:var(--success)}@media(prefers-color-scheme:dark){.cpf-requirements{background:var(--gray-700);border-color:var(--gray-600)}.cpf-requirements-title{color:var(--gray-300)}.cpf-requirements-list li{color:var(--gray-400)}.cpf-match-success{background:#10b98133}.cpf-match-error{background:#ef444433}}.public-experiment-container{min-height:100vh;background:#f8fafc;color:#1e293b;display:flex;flex-direction:column}.public-experiment-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#64748b}.public-experiment-loading p{margin-top:16px;font-size:1rem}.public-experiment-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#1e293b;text-align:center;padding:24px}.error-icon{font-size:4rem;color:#ef4444;margin-bottom:16px}.public-experiment-error h2{margin:0 0 8px;font-size:1.5rem}.public-experiment-error p{margin:0 0 24px;color:#64748b}.error-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.error-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.public-experiment-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:16px;flex:1}.back-btn{width:40px;height:40px;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translate(-2px)}.title-section{display:flex;align-items:center;gap:16px;flex:1}.icon-wrapper{width:60px;height:60px;border-radius:16px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:2rem;border:2px solid #3b82f6;color:#3b82f6}.title-info{flex:1}.title-info h1{margin:0 0 8px;font-size:1.8rem;font-weight:600;color:#1e293b}.meta-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;color:#64748b;font-size:.85rem}.header-right{display:flex;align-items:center;gap:8px}.share-btn{width:40px;height:40px;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.1rem}.share-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-2px)}.private-warning{margin:24px;padding:20px;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:12px;display:flex;align-items:center;gap:16px}.warning-icon{font-size:2rem;color:#f59e0b}.warning-content h3{margin:0 0 4px;font-size:1.1rem;color:#f59e0b}.warning-content p{margin:0;color:#1e293b;opacity:.8}.public-experiment-content{display:flex;flex:1;padding:24px;gap:24px}.public-experiment-sidebar{width:300px;flex-shrink:0}.sidebar-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:20px}.sidebar-section h3{margin:0 0 16px;font-size:1rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-list{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;align-items:center;gap:12px;padding:8px;background:#f1f5f9;border-radius:8px}.info-icon{width:32px;height:32px;padding:8px;background:#fff;border-radius:6px;color:#3b82f6}.info-text{display:flex;flex-direction:column;gap:2px}.info-label{font-size:.75rem;color:#64748b;text-transform:uppercase}.info-value{font-size:.9rem;font-weight:500;color:#1e293b}.action-list{display:flex;flex-direction:column;gap:10px}.action-btn{width:100%;padding:12px 16px;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.action-btn.video{background:#ef4444;color:#fff}.action-btn.video:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.external-icon{font-size:.8rem;opacity:.8}.public-experiment-main{flex:1;min-width:0}.content-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.content-card h2{margin:0 0 20px;font-size:1.3rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.section-icon{color:#3b82f6}.description-content h3{margin:20px 0 10px;font-size:1.1rem;color:#1e293b}.description-content p{margin:0;line-height:1.8;color:#1e293b}.detailed-description{font-size:1rem}.short-description{font-size:.95rem;color:#64748b;font-style:italic}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px}.video-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.image-wrapper{display:flex;justify-content:center;align-items:center;background:#f1f5f9;border-radius:8px;padding:20px}.experiment-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:8px}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.document-card{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;position:relative}.document-card:hover{transform:translateY(-2px);border-color:#3b82f6;box-shadow:0 4px 12px #0000001a}.document-icon{font-size:2rem;color:#3b82f6}.document-name{font-size:.9rem;font-weight:500;color:#1e293b}.document-external{font-size:.8rem;color:#64748b;opacity:0;transition:opacity .2s ease}.document-card:hover .document-external{opacity:1}.empty-state{text-align:center;padding:60px}.empty-icon{font-size:4rem;color:#64748b;margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;color:#1e293b}.empty-state p{margin:0;color:#64748b}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{width:90%;max-width:500px;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0006;overflow:hidden;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:1.2rem;color:#1e293b}.modal-close{background:none;border:none;color:#64748b;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{color:#1e293b;background:#f1f5f9}.modal-body{padding:24px}.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.share-option{padding:12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.share-option:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-switcher{display:flex;flex-direction:column;gap:8px}.switcher-btn{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;font-size:14px;font-weight:500;width:100%}.switcher-btn:hover{background-color:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.switcher-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.switcher-btn svg{font-size:16px}.documents-list{display:flex;flex-direction:column;gap:8px}.document-item{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease;font-size:13px;width:100%}.document-item:hover{background-color:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.document-icon{color:#3b82f6;font-size:14px}.document-name{flex:1;text-align:left}.document-external{font-size:12px;opacity:.6}.info-view,.simulation-view,.video-view{min-height:400px}.viewer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.viewer-controls{display:flex;gap:8px}.control-btn{width:40px;height:40px;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.control-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-2px)}.control-btn.stop:hover{background:#ef4444}.control-btn.play:hover{background:#10b981}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn:disabled:hover{background:#f1f5f9;color:#1e293b;transform:none}.viewer-container{position:relative;width:100%;background:#f1f5f9;border-radius:12px;overflow:hidden;aspect-ratio:16/9;transition:all .3s ease}.viewer-container.fullscreen{position:fixed;inset:0;z-index:9999;border-radius:0;aspect-ratio:auto;background:#000}.viewer-frame{width:100%;height:100%;border:none;background:#f1f5f9}.viewer-frame.video-frame{background:#000}.viewer-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f1f5f9}.placeholder-content{text-align:center;padding:32px;max-width:400px}.placeholder-icon{font-size:4rem;color:#3b82f6;margin-bottom:16px;opacity:.8}.placeholder-content p{margin:0 0 20px;color:#64748b;font-size:1.1rem}.placeholder-start-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:20px}.placeholder-start-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.simulation-info{text-align:left;padding:16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.simulation-info p{margin:8px 0;font-size:.9rem;color:#1e293b;display:flex;align-items:center}.level-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;color:#fff;background:#3b82f6}.viewer-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;z-index:10}.viewer-loading .spinner{animation:spin 1s linear infinite;font-size:3rem;color:#3b82f6;margin-bottom:16px}.viewer-loading p{color:#64748b;font-size:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.public-experiment-container.fullscreen-mode .public-experiment-header,.public-experiment-container.fullscreen-mode .public-experiment-sidebar,.public-experiment-container.fullscreen-mode .private-warning{display:none}.public-experiment-container.fullscreen-mode .public-experiment-main{margin-left:0;padding:0}.public-experiment-container.fullscreen-mode .content-card{border-radius:0;min-height:100vh;margin:0;padding:0}.public-experiment-container.fullscreen-mode .viewer-header{display:none}.action-btn.simulation{background:#3b82f6;color:#fff}.action-btn.simulation:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.view-toggle{display:flex;flex-direction:column;gap:8px}.toggle-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f1f5f9;border:2px solid transparent;border-radius:10px;color:#1e293b;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;width:100%}.toggle-btn:hover{background:#3b82f6;color:#fff;transform:translate(4px)}.toggle-btn.active{background:#3b82f6;color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #3b82f64d}.toggle-btn .toggle-icon{font-size:1.2rem}.toggle-btn .active-indicator{position:absolute;right:16px;font-size:.8rem;color:#fff;animation:pulse 2s infinite}@media(max-width:1024px){.public-experiment-content{flex-direction:column}.public-experiment-sidebar{width:100%}.sidebar-section{margin-bottom:16px}.info-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.public-experiment-header{flex-direction:column;gap:16px}.header-left{width:100%}.header-right{width:100%;justify-content:flex-end}.title-section{flex-direction:column;text-align:center}.title-info h1{font-size:1.5rem}.meta-tags{justify-content:center}.private-warning{flex-direction:column;text-align:center}.documents-grid,.share-options{grid-template-columns:1fr}.viewer-container{aspect-ratio:4/3}.viewer-container.fullscreen{aspect-ratio:auto}.viewer-header{flex-direction:column;gap:12px;align-items:flex-start}.viewer-controls{width:100%;justify-content:flex-end}.placeholder-content{padding:16px}.placeholder-icon{font-size:3rem}}@media(max-width:480px){.public-experiment-content{padding:16px}.meta-tags{flex-direction:column;align-items:center}.info-list{grid-template-columns:1fr}.content-card{padding:16px}.content-card h2{font-size:1.2rem}}@media print{.public-experiment-header,.public-experiment-sidebar,.private-warning,.share-btn,.modal-overlay,.action-btn{display:none!important}.public-experiment-container{background:#fff;color:#000}.public-experiment-content{display:block;padding:0}.public-experiment-main{padding:0}.content-card{break-inside:avoid;border:1px solid #ddd;box-shadow:none;margin-bottom:20px}.video-wrapper{display:none}}.user-form-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.user-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.user-form-page-container{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.user-form-page-wrapper{max-width:800px;width:100%;margin:0 auto;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.user-form-page-header{margin-bottom:var(--spacing-xl)}.user-form-back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:8px 0;margin-bottom:var(--spacing-md);transition:all var(--transition-speed) var(--transition-timing)}.user-form-back-btn:hover{transform:translate(-4px);color:var(--primary-color-dark)}.user-form-page-header-content{text-align:center}.user-form-page-title{margin:0 0 var(--spacing-sm) 0;font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color)}.user-form-page-subtitle{color:var(--text-secondary-color);margin:0;font-size:var(--font-size-sm);line-height:1.5}.user-form-info-box{display:flex;align-items:flex-start;gap:12px;padding:var(--spacing-md);background-color:var(--primary-color-light);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);margin:8px 0}.user-form-edit-info{margin:8px 0}.user-form-loading{text-align:center;padding:60px var(--spacing-xl)}.user-form-loading p{margin-top:var(--spacing-md);color:var(--text-secondary-color)}.user-form-error-actions{display:flex;gap:12px;margin-top:var(--spacing-md)}.user-form-container .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.user-form-container label{font-weight:var(--font-weight-medium);color:var(--primary-color);font-size:var(--font-size-sm)}.user-form-container label .required{color:var(--danger-color);margin-left:4px}.user-form-container input,.user-form-container select,.user-form-container textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.user-form-container input:focus,.user-form-container select:focus,.user-form-container textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.user-form-container input:hover:not(:disabled),.user-form-container select:hover:not(:disabled),.user-form-container textarea:hover:not(:disabled){border-color:var(--primary-color)}.user-form-container input:disabled,.user-form-container select:disabled,.user-form-container textarea:disabled{background-color:var(--background-color-hover);cursor:not-allowed;opacity:.7}.user-form-container .helper-text{font-size:12px;color:var(--text-secondary-color);margin-top:4px}.user-form-container .error-text{font-size:12px;color:var(--danger-color);margin-top:4px}.user-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.user-form-actions .admin-btn{min-width:100px}.user-form-actions .admin-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-form-actions .admin-btn-outline{background:transparent}@media(max-width:768px){.user-form-page-container{padding:var(--spacing-md);align-items:flex-start}.user-form-page-wrapper{padding:var(--spacing-xl)}.user-form-page-title{font-size:24px}.user-form-actions{flex-direction:column-reverse;gap:10px}.user-form-actions button{width:100%}.user-form-row{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media(max-width:480px){.user-form-page-wrapper{padding:var(--spacing-md)}.user-form-info-box{flex-direction:column;align-items:flex-start}.user-form-container .form-group{margin-bottom:var(--spacing-sm)}}body.dark-theme .user-form-info-box{background-color:rgba(var(--primary-color-rgb),.15)}body.dark-theme .user-form-container input,body.dark-theme .user-form-container select,body.dark-theme .user-form-container textarea{background-color:var(--background-color);border-color:var(--border-color)}.user-form-page-wrapper{animation:form-fade-in var(--transition-speed) var(--transition-timing)}@media(prefers-reduced-motion:reduce){.user-form-back-btn:hover{transform:none}.user-form-page-wrapper{animation:none}}@media(prefers-contrast:high){.user-form-info-box,.warning-text{border:1px solid currentColor}.user-form-container input:focus,.user-form-container select:focus,.user-form-container textarea:focus{outline:2px solid currentColor;box-shadow:none}}.user-form-phone-group{margin-bottom:20px}.user-form-label{display:block;font-weight:500;margin-bottom:6px;color:#1f2937}.user-form-phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.user-form-phone-input{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;transition:border-color .2s ease;min-width:0;background:#fff}.user-form-phone-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-form-phone-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.user-form-phone-helper{margin-top:4px}.user-form-phone-helper small{color:#6b7280;font-size:13px}@media(max-width:640px){.user-form-phone-input-wrapper{flex-direction:column}.user-form-phone-input{width:100%}}.country-code-selector{position:relative;display:inline-block;min-width:120px}.country-selector-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease;min-height:44px;-webkit-user-select:none;user-select:none}.country-selector-trigger:hover:not(.disabled){border-color:#6b7280}.country-selector-trigger.disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6}.country-display{display:flex;align-items:center;gap:8px}.country-flag{font-size:18px;line-height:1}.country-code{font-weight:500;font-size:14px;color:#1f2937}.dropdown-arrow{font-size:10px;color:#6b7280;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.country-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;min-width:280px;max-height:350px;display:flex;flex-direction:column;overflow:hidden}.dropdown-search{padding:8px;border-bottom:1px solid #e5e7eb}.dropdown-search input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease}.dropdown-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dropdown-list{overflow-y:auto;flex:1;max-height:300px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f3f4f6}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.selected{background:#eff6ff}.dropdown-item .country-flag{font-size:18px;width:28px;flex-shrink:0}.dropdown-item .country-name{flex:1;font-size:14px;color:#1f2937}.dropdown-item .country-code{font-size:13px;color:#6b7280;font-weight:500}.dropdown-no-results{padding:20px;text-align:center;color:#6b7280;font-size:14px}@media(max-width:640px){.country-code-selector{min-width:100px}.country-dropdown{min-width:240px;right:-20px}.dropdown-item{padding:8px 12px}}.faculty-form-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.faculty-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.faculty-form-page-container{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.faculty-form-page-wrapper{max-width:800px;width:100%;margin:0 auto;background:var(--background-color-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.faculty-form-page-header{margin-bottom:var(--spacing-xl)}.faculty-form-back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:8px 0;margin-bottom:var(--spacing-md);transition:all var(--transition-speed) var(--transition-timing)}.faculty-form-back-btn:hover{transform:translate(-4px);color:var(--primary-color-dark)}.faculty-form-page-header-content{text-align:center}.faculty-form-page-title{margin:0 0 var(--spacing-sm) 0;font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color)}.faculty-form-page-subtitle{color:var(--text-secondary-color);margin:0;font-size:var(--font-size-sm);line-height:1.5}.faculty-form-info-box{display:flex;align-items:flex-start;gap:12px;padding:var(--spacing-md);background-color:var(--primary-color-light);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);margin:8px 0}.info-icon{color:var(--primary-color);font-size:var(--font-size-xl);flex-shrink:0}.faculty-form-edit-info{margin:8px 0}.faculty-form-loading{text-align:center;padding:60px var(--spacing-xl)}.faculty-form-loading p{margin-top:var(--spacing-md);color:var(--text-secondary-color)}.faculty-form-error-actions{display:flex;gap:12px;margin-top:var(--spacing-md)}.faculty-form-container .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.faculty-form-container label{font-weight:var(--font-weight-medium);color:var(--primary-color);font-size:var(--font-size-sm)}.faculty-form-container label .required{color:var(--danger-color);margin-left:4px}.faculty-form-container input,.faculty-form-container select,.faculty-form-container textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.faculty-form-container input:focus,.faculty-form-container select:focus,.faculty-form-container textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.faculty-form-container input:hover:not(:disabled),.faculty-form-container select:hover:not(:disabled),.faculty-form-container textarea:hover:not(:disabled){border-color:var(--primary-color)}.faculty-form-container input:disabled,.faculty-form-container select:disabled,.faculty-form-container textarea:disabled{background-color:var(--background-color-hover);cursor:not-allowed;opacity:.7}.faculty-form-container .helper-text{font-size:12px;color:var(--text-secondary-color);margin-top:4px}.faculty-form-container .error-text{font-size:12px;color:var(--danger-color);margin-top:4px}.faculty-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.faculty-form-row-three{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.faculty-form-qualifications{margin-top:var(--spacing-sm)}.qualification-item{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-sm)}.qualification-item input{flex:1}.qualification-item .remove-btn{padding:8px;background:var(--danger-background-color);color:var(--danger-color);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.qualification-item .remove-btn:hover{background:var(--danger-color);color:#fff}.add-qualification-btn{display:inline-flex;align-items:center;gap:8px;padding:8px var(--spacing-md);background:none;border:1px dashed var(--border-color);border-radius:var(--border-radius);color:var(--primary-color);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.add-qualification-btn:hover{border-color:var(--primary-color);background:var(--primary-color-light)}.faculty-form-actions .admin-btn{min-width:100px}.faculty-form-actions .admin-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.faculty-form-actions .admin-btn-outline{background:transparent}@media(max-width:768px){.faculty-form-page-container{padding:var(--spacing-md);align-items:flex-start}.faculty-form-page-wrapper{padding:var(--spacing-xl)}.faculty-form-page-title{font-size:24px}.faculty-form-actions{flex-direction:column-reverse;gap:10px}.faculty-form-actions button{width:100%}.faculty-form-row,.faculty-form-row-three{grid-template-columns:1fr;gap:var(--spacing-sm)}.qualification-item{flex-wrap:wrap}}@media(max-width:480px){.faculty-form-page-wrapper{padding:var(--spacing-md)}.faculty-form-info-box{flex-direction:column;align-items:flex-start}.faculty-form-container .form-group{margin-bottom:var(--spacing-sm)}}body.dark-theme .faculty-form-info-box{background-color:rgba(var(--primary-color-rgb),.15)}body.dark-theme .faculty-form-container input,body.dark-theme .faculty-form-container select,body.dark-theme .faculty-form-container textarea{background-color:var(--background-color);border-color:var(--border-color)}body.dark-theme .add-qualification-btn{border-color:var(--border-color)}body.dark-theme .add-qualification-btn:hover{border-color:var(--primary-color)}body.dark-theme .qualification-item .remove-btn{background-color:#dc354533}.faculty-form-page-wrapper{animation:form-fade-in var(--transition-speed) var(--transition-timing)}@media(prefers-reduced-motion:reduce){.faculty-form-back-btn:hover{transform:none}.faculty-form-page-wrapper{animation:none}}@media(prefers-contrast:high){.faculty-form-info-box,.warning-text{border:1px solid currentColor}.faculty-form-container input:focus,.faculty-form-container select:focus,.faculty-form-container textarea:focus{outline:2px solid currentColor;box-shadow:none}.add-qualification-btn{border:1px solid currentColor}}.faculty-form-phone-group{margin-bottom:20px}.faculty-form-label{display:block;font-weight:500;margin-bottom:6px;color:#1f2937}.faculty-form-phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.faculty-form-phone-input{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;transition:border-color .2s ease;min-width:0;background:#fff}.faculty-form-phone-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.faculty-form-phone-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.faculty-form-phone-helper{margin-top:4px}.faculty-form-phone-helper small{color:#6b7280;font-size:13px}@media(max-width:640px){.faculty-form-phone-input-wrapper{flex-direction:column}.faculty-form-phone-input{width:100%}}.faculty-form-info-box{display:flex;gap:12px;padding:16px;background:#eff6ff;border-radius:8px;border:1px solid #bfdbfe;margin:20px 0}.info-icon{font-size:20px;flex-shrink:0}.info-content strong{display:block;margin-bottom:4px;color:#1e40af}.info-content p{margin:0;color:#1e3a5f;font-size:14px}.faculty-form-edit-info{margin:20px 0}.faculty-form-edit-info ul{margin:8px 0;padding-left:20px}.faculty-form-edit-info ul li{margin:4px 0;font-size:14px}.warning-text{margin-top:8px;padding:8px 12px;background:#fef3c7;border-radius:6px;font-size:13px;color:#92400e}.faculty-form-error-actions{display:flex;gap:10px;margin-top:12px}.faculty-form-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}@media(max-width:480px){.faculty-form-actions{flex-direction:column}.faculty-form-actions .btn{width:100%;justify-content:center}.faculty-form-error-actions{flex-direction:column}.faculty-form-error-actions .btn{width:100%;justify-content:center}}.bulk-upload-form-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.bulk-upload-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.bulk-upload-form-results{margin-top:var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color-hover)}.bulk-upload-form-results h4{margin-bottom:var(--spacing-md)}.results-success{color:var(--success-color)}.results-failed{color:var(--danger-color)}.results-errors-container{margin-top:var(--spacing-md)}.results-errors-list{max-height:150px;overflow-y:auto;background-color:var(--background-color-light);padding:var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.components-fileupload-container{width:100%}.components-fileupload-main-label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-bold);color:var(--primary-color)}.components-fileupload-input-label{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px dashed var(--border-color);border-radius:var(--border-radius);text-align:center;cursor:pointer;background-color:var(--background-color-light);color:var(--text-secondary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;transition:all var(--transition-speed) var(--transition-timing)}.components-fileupload-input-label:hover{border-color:var(--brand-cyan-bright);color:var(--brand-cyan-bright);background-color:rgba(var(--secondary-color-rgb),.04)}.components-fileupload-hidden-input{display:none}.faculty-bulk-upload-form-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.faculty-bulk-upload-form-page-container{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.faculty-bulk-upload-form-page-wrapper{max-width:900px;width:100%;margin:0 auto;background:var(--background-color-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.faculty-bulk-upload-form-page-header{margin-bottom:var(--spacing-lg)}.faculty-bulk-upload-form-back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:8px 0;margin-bottom:var(--spacing-md);transition:all var(--transition-speed) var(--transition-timing)}.faculty-bulk-upload-form-back-btn:hover{transform:translate(-4px);color:var(--primary-color-dark)}.faculty-bulk-upload-form-page-header-content{text-align:center}.faculty-bulk-upload-form-page-title{margin:0 0 var(--spacing-sm) 0;font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color)}.faculty-bulk-upload-form-page-subtitle{color:var(--text-secondary-color-dark);margin:0;font-size:var(--font-size-sm);line-height:1.5}.faculty-bulk-upload-form-template-section{margin-bottom:var(--spacing-lg);text-align:right}.faculty-bulk-upload-form-download-template-btn{display:inline-flex;align-items:center;gap:8px}.faculty-bulk-upload-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.faculty-bulk-upload-form-info{display:flex;align-items:flex-start;gap:12px;padding:var(--spacing-md);background-color:var(--primary-color-light);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);margin:8px 0}.faculty-bulk-upload-form-info-icon{font-size:32px;flex-shrink:0}.faculty-bulk-upload-form-info-content{flex:1}.faculty-bulk-upload-form-info-content strong{display:block;margin-bottom:8px;color:var(--primary-color-dark);font-size:var(--font-size-sm)}.faculty-bulk-upload-form-info-content ul{margin:8px 0;padding-left:20px}.faculty-bulk-upload-form-info-content li{color:var(--text-secondary-color-dark);font-size:13px;margin-bottom:4px}.faculty-bulk-upload-form-example-format{margin-top:12px;padding:12px;background-color:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.faculty-bulk-upload-form-example-format strong{display:block;margin-bottom:8px;color:var(--primary-color)}.faculty-bulk-upload-form-example-format code{display:block;padding:8px;background-color:var(--background-color-hover);color:var(--primary-color);border-radius:var(--border-radius-sm);font-family:var(--font-family-monospace);font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.faculty-bulk-upload-form-info-note{margin-top:12px;padding:8px;background-color:var(--warning-background-color);border-radius:var(--border-radius-sm);color:var(--warning-color);font-size:13px}.faculty-bulk-upload-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.faculty-bulk-upload-form-results{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color-light);animation:slide-in var(--transition-speed) var(--transition-timing)}.faculty-bulk-upload-form-results h4{margin:0 0 var(--spacing-md) 0;color:var(--primary-color);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.faculty-bulk-upload-form-results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.faculty-bulk-upload-form-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.faculty-bulk-upload-form-stat-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary-color-dark)}.faculty-bulk-upload-form-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.faculty-bulk-upload-form-stat-item.success .faculty-bulk-upload-form-stat-value{color:var(--success-color)}.faculty-bulk-upload-form-stat-item.failed .faculty-bulk-upload-form-stat-value{color:var(--danger-color)}.faculty-bulk-upload-form-stat-item.total .faculty-bulk-upload-form-stat-value{color:var(--primary-color)}.faculty-bulk-upload-form-results-errors-container,.faculty-bulk-upload-form-results-warnings-container{margin-top:var(--spacing-md)}.faculty-bulk-upload-form-results-errors-container h5,.faculty-bulk-upload-form-results-warnings-container h5{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.faculty-bulk-upload-form-results-errors-container h5{color:var(--danger-color)}.faculty-bulk-upload-form-results-warnings-container h5{color:var(--warning-color)}.faculty-bulk-upload-form-results-errors-list,.faculty-bulk-upload-form-results-warnings-list{margin:0;padding-left:var(--spacing-xl);max-height:200px;overflow-y:auto}.faculty-bulk-upload-form-results-errors-list::-webkit-scrollbar,.faculty-bulk-upload-form-results-warnings-list::-webkit-scrollbar{width:6px}.faculty-bulk-upload-form-results-errors-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}.faculty-bulk-upload-form-results-errors-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.faculty-bulk-upload-form-results-warnings-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}.faculty-bulk-upload-form-results-warnings-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.faculty-bulk-upload-form-results-errors-list li{color:var(--danger-color);font-size:13px;margin-bottom:4px}.faculty-bulk-upload-form-results-warnings-list li{color:var(--warning-color);font-size:13px;margin-bottom:4px}.faculty-bulk-upload-form-results-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color-light)}.faculty-bulk-upload-form input[type=file]{padding:10px 12px;border:2px dashed var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--primary-color);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);width:100%}.faculty-bulk-upload-form input[type=file]:hover{border-color:var(--primary-color);background-color:var(--primary-color-light)}.faculty-bulk-upload-form input[type=file]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.faculty-bulk-upload-form-uploading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.faculty-bulk-upload-form-uploading .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.faculty-bulk-upload-form-page-container{padding:var(--spacing-md);align-items:flex-start}.faculty-bulk-upload-form-page-wrapper{padding:var(--spacing-xl)}.faculty-bulk-upload-form-page-title{font-size:24px}.faculty-bulk-upload-form-actions{flex-direction:column-reverse;gap:10px}.faculty-bulk-upload-form-actions button{width:100%}.faculty-bulk-upload-form-results-stats{grid-template-columns:1fr;gap:10px}.faculty-bulk-upload-form-info{flex-direction:column}.faculty-bulk-upload-form-info-icon{align-self:center}.faculty-bulk-upload-form-example-format code{font-size:10px}.faculty-bulk-upload-form-results-actions{flex-direction:column}.faculty-bulk-upload-form-results-actions button{width:100%}}@media(max-width:480px){.faculty-bulk-upload-form-page-wrapper{padding:var(--spacing-md)}.faculty-bulk-upload-form-info{padding:var(--spacing-sm)}.faculty-bulk-upload-form-results{padding:var(--spacing-md)}.faculty-bulk-upload-form-results-errors-list,.faculty-bulk-upload-form-results-warnings-list{padding-left:var(--spacing-md)}}body.dark-theme .faculty-bulk-upload-form-info{background-color:rgba(var(--primary-color-rgb),.15)}body.dark-theme .faculty-bulk-upload-form-example-format{background-color:var(--background-color-hover)}body.dark-theme .faculty-bulk-upload-form-example-format code{background-color:var(--background-color)}body.dark-theme .faculty-bulk-upload-form-info-note{background-color:#ffc10726}body.dark-theme .faculty-bulk-upload-form-stat-item,body.dark-theme .faculty-bulk-upload-form input[type=file]{background-color:var(--background-color-hover)}body.dark-theme .faculty-bulk-upload-form input[type=file]:hover{background-color:rgba(var(--primary-color-rgb),.15)}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.faculty-bulk-upload-form-back-btn:hover{transform:none}.faculty-bulk-upload-form-results{animation:none}}@media(prefers-contrast:high){.faculty-bulk-upload-form-info,.faculty-bulk-upload-form-info-note{border:1px solid currentColor}.faculty-bulk-upload-form input[type=file]{border:2px solid currentColor}.faculty-bulk-upload-form input[type=file]:focus{outline:2px solid currentColor;box-shadow:none}.faculty-bulk-upload-form-stat-item{border:1px solid currentColor}}.student-form-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.student-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.student-form-page-container{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.student-form-page-wrapper{max-width:800px;width:100%;margin:0 auto;background:var(--background-color-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);animation:form-fade-in var(--transition-speed) var(--transition-timing)}.student-form-page-header{margin-bottom:var(--spacing-xl)}.student-form-back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:8px 0;margin-bottom:var(--spacing-md);transition:all var(--transition-speed) var(--transition-timing)}.student-form-back-btn:hover{transform:translate(-4px);color:var(--primary-color-dark)}.student-form-page-header-content{text-align:center}.student-form-page-title{margin:0 0 var(--spacing-sm) 0;font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color)}.student-form-page-subtitle{color:var(--text-secondary-color);margin:0;font-size:var(--font-size-sm);line-height:1.5}.student-form-info-box{display:flex;align-items:flex-start;gap:12px;padding:var(--spacing-md);background-color:var(--primary-color-light);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);margin:8px 0}.student-form-edit-info{margin:8px 0}.student-form-loading{text-align:center;padding:60px var(--spacing-xl)}.student-form-loading p{margin-top:var(--spacing-md);color:var(--text-secondary-color)}.student-form-error-actions{display:flex;gap:12px;margin-top:var(--spacing-md)}.student-form-container .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.student-form-container label{font-weight:var(--font-weight-medium);color:var(--primary-color);font-size:var(--font-size-sm)}.student-form-container label .required{color:var(--danger-color);margin-left:4px}.student-form-container input,.student-form-container select,.student-form-container textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.student-form-container input:focus,.student-form-container select:focus,.student-form-container textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.student-form-container input:hover:not(:disabled),.student-form-container select:hover:not(:disabled),.student-form-container textarea:hover:not(:disabled){border-color:var(--primary-color)}.student-form-container input:disabled,.student-form-container select:disabled,.student-form-container textarea:disabled{background-color:var(--background-color-hover);cursor:not-allowed;opacity:.7}.student-form-container .helper-text{font-size:12px;color:var(--text-secondary-color);margin-top:4px}.student-form-container .error-text{font-size:12px;color:var(--danger-color);margin-top:4px}.student-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.student-form-row-three{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.student-form-address-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color-light)}.student-form-address-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.student-form-parent-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color-light)}.student-form-parent-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.student-form-academic-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color-light)}.student-form-academic-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.student-form-actions .admin-btn{min-width:100px}.student-form-actions .admin-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.student-form-actions .admin-btn-outline{background:transparent}@media(max-width:768px){.student-form-page-container{padding:var(--spacing-md);align-items:flex-start}.student-form-page-wrapper{padding:var(--spacing-xl)}.student-form-page-title{font-size:24px}.student-form-actions{flex-direction:column-reverse;gap:10px}.student-form-actions button{width:100%}.student-form-row,.student-form-row-three{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media(max-width:480px){.student-form-page-wrapper{padding:var(--spacing-md)}.student-form-info-box{flex-direction:column;align-items:flex-start}.student-form-container .form-group{margin-bottom:var(--spacing-sm)}}body.dark-theme .student-form-info-box{background-color:rgba(var(--primary-color-rgb),.15)}body.dark-theme .student-form-container input,body.dark-theme .student-form-container select,body.dark-theme .student-form-container textarea{background-color:var(--background-color);border-color:var(--border-color)}body.dark-theme .student-form-address-section,body.dark-theme .student-form-parent-section,body.dark-theme .student-form-academic-section{border-top-color:var(--border-color-light)}@media(prefers-reduced-motion:reduce){.student-form-back-btn:hover{transform:none}.student-form-page-wrapper{animation:none}}@media(prefers-contrast:high){.student-form-info-box,.warning-text{border:1px solid currentColor}.student-form-container input:focus,.student-form-container select:focus,.student-form-container textarea:focus{outline:2px solid currentColor;box-shadow:none}.student-form-address-section,.student-form-parent-section,.student-form-academic-section{border-top:2px solid currentColor}}.student-form-container select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}body.dark-theme .student-form-container select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.student-form-container .radio-group,.student-form-container .checkbox-group{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.student-form-container .radio-option,.student-form-container .checkbox-option{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.student-form-container .radio-option input,.student-form-container .checkbox-option input{width:auto;margin:0;cursor:pointer}.student-form-container .radio-option label,.student-form-container .checkbox-option label{margin:0;cursor:pointer;font-weight:var(--font-weight-normal)}.student-form-phone-group{margin-bottom:var(--spacing-md);width:100%}.student-form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--text-color-dark)}.required-star{color:#ef4444;margin-left:2px}.student-form-phone-input-wrapper{display:flex;align-items:center;gap:8px;width:100%}.student-form-phone-input-wrapper .country-code-selector{flex-shrink:0;min-width:120px}.student-form-phone-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none;background-color:var(--white);color:var(--text-color-dark);height:42px}.student-form-phone-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db1a}.student-form-phone-input:disabled{background-color:var(--background-color-disabled);cursor:not-allowed;opacity:.7}.student-form-phone-helper{margin-top:var(--spacing-xs);color:var(--text-secondary-color-dark);font-size:.85rem}.student-form-phone-current{color:var(--primary-color);font-weight:var(--font-weight-medium)}@media(max-width:768px){.student-form-phone-input-wrapper{flex-direction:column;align-items:stretch}.student-form-phone-input-wrapper .country-code-selector{min-width:100%}.student-form-phone-input{width:100%;height:40px}}.student-form-info-box{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0}.info-icon{font-size:1.5rem;flex-shrink:0}.info-content strong{display:block;margin-bottom:var(--spacing-xs)}.info-content p{margin:0;color:var(--text-secondary-color-dark)}.student-form-edit-info{margin:var(--spacing-md) 0}.warning-text{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:#fef3c7;border:1px solid #f59e0b;border-radius:var(--border-radius-sm);color:#92400e;font-size:.9rem}.student-form-destructive-warning{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:#fef2f2;border:2px solid #dc2626;border-radius:var(--border-radius-md);box-shadow:0 4px 6px -1px #dc26261a}.destructive-warning-icon{font-size:2rem;flex-shrink:0;line-height:1}.destructive-warning-content{flex:1}.destructive-warning-content h3{margin:0 0 var(--spacing-xs) 0;color:#991b1b;font-size:1.1rem}.destructive-warning-content p{margin:0 0 var(--spacing-sm) 0;color:#7f1d1d}.destructive-changes-list{margin:var(--spacing-sm) 0;padding-left:var(--spacing-md);list-style-type:none}.destructive-changes-list li{padding:var(--spacing-xs) 0;color:#1f2937;font-size:.95rem;border-bottom:1px solid #fecaca}.destructive-changes-list li:last-child{border-bottom:none}.destructive-changes-list strong{color:#991b1b}.destructive-warning-note{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:#fecaca;border-radius:var(--border-radius-sm);font-size:.9rem;color:#7f1d1d}.destructive-note-highlight{color:#991b1b;font-weight:600}.student-form-unsaved-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background-color:#fef9c3;border:1px solid #facc15;border-radius:var(--border-radius-md);color:#854d0e;font-size:.95rem}.unsaved-warning-icon{font-size:1.5rem;flex-shrink:0}.unsaved-warning-content{flex:1}.student-form-edit-destructive-fields{margin:var(--spacing-md) 0;padding:var(--spacing-md);border:2px dashed #dc2626;border-radius:var(--border-radius-md);background-color:#fef2f2}.destructive-fields-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid #fecaca;flex-wrap:wrap}.destructive-fields-icon{font-size:1.2rem}.destructive-fields-label{font-weight:600;color:#991b1b}.destructive-badge{display:inline-block;padding:2px 8px;background-color:#dc2626;color:#fff;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.destructive-fields-hint{font-size:.85rem;color:#7f1d1d;margin-left:auto}.destructive-field .select__control{border-color:#fca5a5;background-color:#fef2f2}.destructive-field .select__control:hover{border-color:#ef4444}.destructive-field .select__control--is-focused{border-color:#dc2626;box-shadow:0 0 0 2px #dc26261a}.destructive-field-note{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:#fef3c7;border-radius:var(--border-radius-sm);font-size:.9rem;color:#92400e}.destructive-note-icon{font-size:1.2rem;flex-shrink:0}.btn-danger{background-color:#dc2626;color:#fff;border:1px solid #dc2626}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.student-form-destructive-warning{flex-direction:column;align-items:stretch}.destructive-warning-icon{text-align:center}.destructive-fields-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.destructive-fields-hint{margin-left:0}.destructive-changes-list li{font-size:.85rem}}.student-bulk-upload-form-page-container{padding:32px 24px;min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.student-bulk-upload-form-page-wrapper{max-width:900px;width:100%;margin:0 auto;background:var(--background-primary, #ffffff);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px}.student-bulk-upload-form-page-header{margin-bottom:24px}.student-bulk-upload-form-back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color, #4f46e5);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:all .2s ease}.student-bulk-upload-form-back-btn:hover{transform:translate(-4px);color:var(--primary-dark, #4338ca)}.student-bulk-upload-form-page-header-content{text-align:center}.student-bulk-upload-form-page-title{margin:0 0 8px;font-size:28px;font-weight:600;color:var(--text-primary, #1a1a1a)}.student-bulk-upload-form-page-subtitle{color:var(--text-secondary, #666);margin:0;font-size:14px;line-height:1.5}.student-bulk-upload-form-template-section{margin-bottom:24px;text-align:right}.student-bulk-upload-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.student-bulk-upload-form-info{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#f0f9ff;border-left:4px solid #0284c7;border-radius:8px;margin:8px 0}.student-bulk-upload-form-info-icon{font-size:32px;flex-shrink:0}.student-bulk-upload-form-info-content{flex:1}.student-bulk-upload-form-info-content strong{display:block;margin-bottom:8px;color:#0c4a6e;font-size:14px}.student-bulk-upload-form-info-content ul{margin:8px 0;padding-left:20px}.student-bulk-upload-form-info-content li{color:#475569;font-size:13px;margin-bottom:4px}.student-bulk-upload-form-example-format{margin-top:12px;padding:12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e2e8f0}.student-bulk-upload-form-example-format strong{display:block;margin-bottom:8px;color:#1e293b}.student-bulk-upload-form-example-format code{display:block;padding:8px;background-color:#1e293b;color:#e2e8f0;border-radius:4px;font-family:Courier New,monospace;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.student-bulk-upload-form-info-note{margin-top:12px;padding:8px;background-color:#fef3c7;border-radius:4px;color:#92400e;font-size:13px}.student-bulk-upload-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.student-bulk-upload-form-results{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--background-secondary, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.student-bulk-upload-form-results h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary, #1a1a1a);font-size:16px;font-weight:600}.student-bulk-upload-form-results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.student-bulk-upload-form-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#fff;border-radius:6px;border:1px solid var(--border-color, #e0e0e0)}.student-bulk-upload-form-stat-label{font-size:14px;font-weight:500;color:var(--text-secondary, #666)}.student-bulk-upload-form-stat-value{font-size:18px;font-weight:600}.student-bulk-upload-form-stat-item.success .student-bulk-upload-form-stat-value{color:#10b981}.student-bulk-upload-form-stat-item.failed .student-bulk-upload-form-stat-value{color:#ef4444}.student-bulk-upload-form-stat-item.total .student-bulk-upload-form-stat-value{color:#3b82f6}.student-bulk-upload-form-results-errors-container,.student-bulk-upload-form-results-warnings-container{margin-top:var(--spacing-md)}.student-bulk-upload-form-results-errors-container h5,.student-bulk-upload-form-results-warnings-container h5{margin:0 0 var(--spacing-sm) 0;font-size:14px;font-weight:600}.student-bulk-upload-form-results-errors-container h5{color:#dc2626}.student-bulk-upload-form-results-warnings-container h5{color:#f59e0b}.student-bulk-upload-form-results-errors-list,.student-bulk-upload-form-results-warnings-list{margin:0;padding-left:20px;max-height:200px;overflow-y:auto}.student-bulk-upload-form-results-errors-list li{color:#dc2626;font-size:13px;margin-bottom:4px}.student-bulk-upload-form-results-warnings-list li{color:#f59e0b;font-size:13px;margin-bottom:4px}.student-bulk-upload-form-results-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color, #e0e0e0)}@media(max-width:768px){.student-bulk-upload-form-page-container{padding:16px;align-items:flex-start}.student-bulk-upload-form-page-wrapper{padding:20px}.student-bulk-upload-form-page-title{font-size:24px}.student-bulk-upload-form-actions{flex-direction:column-reverse;gap:10px}.student-bulk-upload-form-actions button{width:100%}.student-bulk-upload-form-results-stats{grid-template-columns:1fr;gap:10px}.student-bulk-upload-form-info{flex-direction:column}.student-bulk-upload-form-info-icon{align-self:center}.student-bulk-upload-form-results-actions{flex-direction:column}.student-bulk-upload-form-results-actions button{width:100%}}@keyframes studentBulkUploadFormSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.student-bulk-upload-form-results{animation:studentBulkUploadFormSlideIn .3s ease-out}.student-bulk-upload-results-modal .modal-content{max-height:90vh;overflow-y:auto;padding:0}.student-bulk-upload-results-modal-content{padding:24px}.result-status{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;margin-bottom:20px;font-size:16px;font-weight:500}.result-status.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.result-status.partial{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.result-status.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.result-icon{font-size:24px}.result-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.result-stat-item{background:#f8f9fa;border-radius:8px;padding:16px;text-align:center;border:1px solid #e9ecef}.result-stat-item .stat-number{display:block;font-size:28px;font-weight:700;margin-bottom:4px}.result-stat-item .stat-label{font-size:14px;color:#6c757d}.result-stat-item.success .stat-number{color:#28a745}.result-stat-item.failed .stat-number{color:#dc3545}.result-stat-item.total .stat-number{color:#007bff}.result-stat-item.skipped .stat-number{color:#ffc107}.result-subscription-info{background:#f8f9fa;border-radius:8px;padding:16px 20px;margin-bottom:20px;border:1px solid #e9ecef}.result-subscription-info h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#495057}.subscription-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.subscription-info-grid div{display:flex;flex-direction:column}.subscription-info-grid .label{font-size:12px;color:#6c757d;margin-bottom:2px}.subscription-info-grid .value{font-size:16px;font-weight:600;color:#212529}.subscription-info-grid .value.danger{color:#dc3545}.result-section{margin-bottom:20px;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.section-title{font-weight:600;font-size:14px;color:#212529}.section-count{font-size:12px;color:#6c757d}.result-list{list-style:none;margin:0;padding:8px 16px;max-height:200px;overflow-y:auto}.result-list li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;border-bottom:1px solid #f1f3f5}.result-list li:last-child{border-bottom:none}.result-list .student-name{font-weight:500;color:#212529}.result-list .student-email{color:#6c757d;font-size:12px}.result-list .student-id{color:#6c757d;font-size:11px;background:#e9ecef;padding:1px 6px;border-radius:4px}.result-list .row-number{font-weight:600;color:#6c757d;min-width:60px;font-size:12px}.result-list .error-text{color:#dc3545;font-size:12px;flex:1}.result-list .reason-text{color:#856404;font-size:12px;flex:1}.result-list .more-entries{color:#6c757d;font-style:italic;font-size:12px;padding:6px 0;border-bottom:none}.result-list.error-list li{background:#fff5f5;padding:8px 12px;border-radius:4px;margin-bottom:4px;border-left:3px solid #dc3545}.result-list.skipped-list li{background:#fffbf0;padding:8px 12px;border-radius:4px;margin-bottom:4px;border-left:3px solid #ffc107}.result-list.warning-list li{background:#fffbf0;padding:8px 12px;border-radius:4px;margin-bottom:4px;color:#856404}.result-section.duplicate-rows .section-header{background:#fff3cd;border-bottom-color:#ffeeba}.result-section.invalid-rows .section-header{background:#f8d7da;border-bottom-color:#f5c6cb}.result-section.successful-students .section-header{background:#d4edda;border-bottom-color:#c3e6cb}.result-section.skipped-rows .section-header,.result-section.warnings .section-header{background:#fff3cd;border-bottom-color:#ffeeba}.result-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e9ecef;margin-top:8px}.result-list{max-height:200px;overflow-y:auto}.result-list::-webkit-scrollbar{width:6px}.result-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.result-list::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:3px}.result-list::-webkit-scrollbar-thumb:hover{background:#a8b0b8}@media(max-width:768px){.result-stats-grid{grid-template-columns:repeat(2,1fr)}.subscription-info-grid{grid-template-columns:1fr 1fr}.result-list li{flex-wrap:wrap}.result-modal-actions{flex-direction:column}.result-modal-actions .btn{width:100%;justify-content:center}}@media(max-width:480px){.result-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.result-stat-item .stat-number{font-size:20px}.subscription-info-grid{grid-template-columns:1fr}.result-list li{font-size:12px;flex-direction:column;align-items:flex-start;gap:2px}.result-list .student-email{font-size:11px}}.exp-access-form-page-container{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.exp-access-form-page-wrapper{max-width:1000px;width:100%;margin:0 auto;background:var(--background-color-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);animation:form-fade-in var(--transition-speed) var(--transition-timing)}.exp-access-form-page-header{margin-bottom:var(--spacing-xl)}.exp-access-form-back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:8px 0;margin-bottom:var(--spacing-md);transition:all var(--transition-speed) var(--transition-timing)}.exp-access-form-back-btn:hover{transform:translate(-4px);color:var(--primary-color-dark)}.exp-access-form-page-header-content{text-align:center}.exp-access-form-page-title{margin:0 0 var(--spacing-sm) 0;font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color)}.exp-access-form-page-subtitle{color:var(--text-secondary-color);margin:0;font-size:var(--font-size-sm);line-height:1.5}.exp-access-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.exp-access-selection-section{padding:var(--spacing-xl);background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.exp-access-selection-section:hover{border-color:var(--primary-color-light)}.exp-access-selection-section h4{margin:0 0 var(--spacing-md) 0;color:var(--primary-color);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.badge{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--primary-color);color:var(--text-on-primary);font-size:11px;border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium)}.exp-access-selection-summary{padding:var(--spacing-md);background:var(--primary-color-light);border-radius:var(--border-radius);margin:8px 0;border-left:4px solid var(--primary-color)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color-light);transition:all var(--transition-speed) var(--transition-timing)}.summary-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--primary-color-light)}.summary-label{font-weight:var(--font-weight-medium);color:var(--primary-color);font-size:var(--font-size-sm)}.summary-value{font-weight:var(--font-weight-semibold);color:var(--primary-color);font-size:var(--font-size-sm)}.permission-type-info{margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(var(--primary-color-rgb),.2);color:var(--primary-color-dark);font-size:13px}.exp-access-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.exp-access-form label{font-weight:var(--font-weight-medium);color:var(--primary-color);font-size:var(--font-size-sm)}.exp-access-form label .required{color:var(--danger-color);margin-left:4px}.exp-access-form input,.exp-access-form select,.exp-access-form textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.exp-access-form input:focus,.exp-access-form select:focus,.exp-access-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.exp-access-form input:hover:not(:disabled),.exp-access-form select:hover:not(:disabled),.exp-access-form textarea:hover:not(:disabled){border-color:var(--primary-color)}.exp-access-form input:disabled,.exp-access-form select:disabled,.exp-access-form textarea:disabled{background-color:var(--background-color-hover);cursor:not-allowed;opacity:.7}.exp-access-form .checkbox-group,.exp-access-form .radio-group{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;margin-top:var(--spacing-xs)}.exp-access-form .checkbox-option,.exp-access-form .radio-option{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.exp-access-form .checkbox-option input,.exp-access-form .radio-option input{width:auto;margin:0;cursor:pointer}.exp-access-form .checkbox-option label,.exp-access-form .radio-option label{margin:0;cursor:pointer;font-weight:var(--font-weight-normal)}.exp-access-form .helper-text{font-size:12px;color:var(--text-secondary-color);margin-top:4px}.exp-access-form .error-text{font-size:12px;color:var(--danger-color);margin-top:4px}.exp-access-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.exp-access-form-actions .admin-btn{min-width:100px}.exp-access-form-actions .admin-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.exp-access-form-loading{text-align:center;padding:60px var(--spacing-xl)}.exp-access-form-loading p{margin-top:var(--spacing-md);color:var(--text-secondary-color)}.exp-access-form-error-actions{display:flex;gap:12px;margin-top:var(--spacing-md)}.exp-access-form select[multiple]{min-height:120px;padding:var(--spacing-sm)}.exp-access-form select[multiple] option{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);margin:2px 0}.exp-access-form select[multiple] option:checked{background:var(--primary-color) linear-gradient(0deg,var(--primary-color) 0%,var(--primary-color) 100%);color:var(--text-on-primary)}@media(max-width:768px){.exp-access-form-page-container{padding:var(--spacing-md)}.exp-access-form-page-wrapper{padding:var(--spacing-xl)}.exp-access-form-page-title{font-size:24px}.exp-access-form-actions{flex-direction:column-reverse}.exp-access-form-actions button{width:100%}.summary-grid{grid-template-columns:1fr}.exp-access-selection-section{padding:var(--spacing-md)}}@media(max-width:480px){.exp-access-form-page-wrapper{padding:var(--spacing-md)}.exp-access-selection-section{padding:var(--spacing-sm)}.summary-item{flex-direction:column;text-align:center;gap:var(--spacing-xs)}}body.dark-theme .exp-access-selection-section{background:var(--background-color-hover);border-color:var(--border-color)}body.dark-theme .exp-access-selection-summary{background:rgba(var(--primary-color-rgb),.15)}body.dark-theme .summary-item{background:var(--background-color-light);border-color:var(--border-color-light)}body.dark-theme .permission-type-info{border-top-color:rgba(var(--primary-color-rgb),.3)}body.dark-theme .exp-access-form select[multiple] option:checked{background:var(--primary-color) linear-gradient(0deg,var(--primary-color) 0%,var(--primary-color) 100%)}@media(prefers-reduced-motion:reduce){.exp-access-form-back-btn:hover{transform:none}.exp-access-form-page-wrapper{animation:none}.summary-item:hover{transform:none}}@media(prefers-contrast:high){.exp-access-selection-section{border:2px solid currentColor}.exp-access-selection-summary,.summary-item{border:1px solid currentColor}.exp-access-form input:focus,.exp-access-form select:focus,.exp-access-form textarea:focus{outline:2px solid currentColor;box-shadow:none}.badge{border:1px solid currentColor}}.permission-type-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:12px;font-weight:var(--font-weight-medium)}.permission-type-indicator.read{background:var(--primary-color-light);color:var(--primary-color-dark)}.permission-type-indicator.write{background:var(--success-background-color);color:var(--success-color)}.permission-type-indicator.admin{background:var(--warning-background-color);color:var(--warning-color)}body.dark-theme .permission-type-indicator.read{background:rgba(var(--primary-color-rgb),.2)}body.dark-theme .permission-type-indicator.write{background:#28a74533}body.dark-theme .permission-type-indicator.admin{background:#ffc10733}.batch-form-page-container{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.batch-form-page-wrapper{max-width:800px;width:100%;margin:0 auto;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);animation:form-fade-in var(--transition-speed) var(--transition-timing)}.batch-form-page-header{margin-bottom:var(--spacing-xl)}.batch-form-back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:8px 0;margin-bottom:var(--spacing-md);transition:all var(--transition-speed) var(--transition-timing)}.batch-form-back-btn:hover{transform:translate(-4px);color:var(--primary-color-dark)}.batch-form-page-header-content{text-align:center}.batch-form-page-title{margin:0 0 var(--spacing-sm) 0;font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color)}.batch-form-page-subtitle{color:var(--text-secondary-color);margin:0;font-size:var(--font-size-sm);line-height:1.5}.batch-form-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.batch-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.batch-form-row-three{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.batch-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.batch-form-container .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.batch-form-container label{font-weight:var(--font-weight-medium);color:var(--primary-color);font-size:var(--font-size-sm)}.batch-form-container label .required{color:var(--danger-color);margin-left:4px}.batch-form-container input,.batch-form-container select,.batch-form-container textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.batch-form-container input:focus,.batch-form-container select:focus,.batch-form-container textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.batch-form-container input:hover:not(:disabled),.batch-form-container select:hover:not(:disabled),.batch-form-container textarea:hover:not(:disabled){border-color:var(--primary-color)}.batch-form-container input:disabled,.batch-form-container select:disabled,.batch-form-container textarea:disabled{background-color:var(--background-color-hover);cursor:not-allowed;opacity:.7}.batch-form-container .helper-text{font-size:12px;color:var(--text-secondary-color);margin-top:4px}.batch-form-container .error-text{font-size:12px;color:var(--danger-color);margin-top:4px}.batch-form-info-box{display:flex;align-items:flex-start;gap:12px;padding:var(--spacing-md);background-color:var(--primary-color-light);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);margin:8px 0}.info-icon{font-size:var(--font-size-xl);flex-shrink:0;color:var(--primary-color)}.info-content{flex:1}.info-content strong{display:block;margin-bottom:4px;color:var(--primary-color-dark)}.info-content p{margin:0;color:var(--primary-color);font-size:var(--font-size-sm)}.batch-form-edit-info{margin:8px 0}.warning-text{display:flex;align-items:center;gap:8px;color:var(--warning-color);font-weight:var(--font-weight-medium);margin-top:8px;padding:8px;background-color:var(--warning-background-color);border-radius:var(--border-radius)}.batch-form-container input[type=date]{cursor:pointer}.batch-form-container input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:var(--date-picker-icon-filter, none)}body.dark-theme .batch-form-container input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.batch-form-loading{text-align:center;padding:60px var(--spacing-xl)}.batch-form-loading p{margin-top:var(--spacing-md);color:var(--text-secondary-color)}.batch-form-error-actions{display:flex;gap:12px;margin-top:var(--spacing-md)}.batch-form-actions .admin-btn{min-width:100px}.batch-form-actions .admin-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.batch-form-actions .admin-btn-outline{background:transparent}.batch-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--border-radius-full);font-size:12px;font-weight:var(--font-weight-medium)}.batch-status-badge.active{background-color:var(--success-background-color);color:var(--success-color)}.batch-status-badge.inactive{background-color:var(--danger-background-color);color:var(--danger-color)}.batch-status-badge.completed{background-color:var(--primary-color-light);color:var(--primary-color-dark)}@media(max-width:768px){.batch-form-page-container{padding:var(--spacing-md);align-items:flex-start}.batch-form-page-wrapper{padding:var(--spacing-xl)}.batch-form-page-title{font-size:24px}.batch-form-row,.batch-form-row-three{grid-template-columns:1fr;gap:var(--spacing-md)}.batch-form-actions{flex-direction:column-reverse;gap:10px}.batch-form-actions button{width:100%}}@media(max-width:480px){.batch-form-page-wrapper{padding:var(--spacing-md)}.batch-form-info-box{flex-direction:column;align-items:flex-start}.batch-form-container .form-group{margin-bottom:var(--spacing-sm)}}body.dark-theme .batch-form-info-box{background-color:rgba(var(--primary-color-rgb),.15)}body.dark-theme .warning-text{background-color:#ffc10726;color:#ffd54f}body.dark-theme .batch-form-container input,body.dark-theme .batch-form-container select,body.dark-theme .batch-form-container textarea{background-color:var(--background-color);border-color:var(--border-color)}body.dark-theme .batch-status-badge.active{background-color:#28a74533}body.dark-theme .batch-status-badge.inactive{background-color:#dc354533}body.dark-theme .batch-status-badge.completed{background-color:rgba(var(--primary-color-rgb),.2)}@keyframes form-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.batch-form-back-btn:hover{transform:none}.batch-form-page-wrapper{animation:none}}@media(prefers-contrast:high){.batch-form-info-box,.warning-text{border:1px solid currentColor}.batch-form-container input:focus,.batch-form-container select:focus,.batch-form-container textarea:focus{outline:2px solid currentColor;box-shadow:none}.batch-status-badge{border:1px solid currentColor}}.batch-form-container select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}body.dark-theme .batch-form-container select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.duration-group{display:flex;gap:var(--spacing-sm);align-items:center}.duration-group input{flex:1}.duration-group span{color:var(--text-secondary-color);font-size:var(--font-size-sm)}.faculty-assignment-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color-light)}.faculty-assignment-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.assignment-form-page-container{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;background:var(--background-color);transition:background var(--transition-speed) var(--transition-timing)}.assignment-form-page-wrapper{max-width:1000px;width:100%;margin:0 auto;background:var(--background-color-light);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:all var(--transition-speed) var(--transition-timing);border:1px solid var(--border-color)}.assignment-form-page-header{margin-bottom:var(--spacing-xl)}.assignment-form-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-md);transition:all var(--transition-speed) var(--transition-timing)}.assignment-form-back-btn:hover{transform:translate(-4px);color:var(--primary-color-dark)}.assignment-form-page-header-content{text-align:center}.assignment-form-page-title{margin:0 0 var(--spacing-xs) 0;font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.assignment-form-page-subtitle{color:var(--text-secondary-color-dark);margin:0;font-size:var(--font-size-sm);line-height:1.5;transition:color var(--transition-speed) var(--transition-timing)}.assignment-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:var(--spacing-xs) 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.form-row{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-row.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.form-group label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.required{color:var(--danger-color)}.form-select,.form-input,.form-textarea{padding:var(--spacing-sm) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing);width:100%;background:var(--background-color-light);color:var(--primary-color)}.form-select:hover:not(:disabled),.form-input:hover:not(:disabled),.form-textarea:hover:not(:disabled){border-color:var(--primary-color-light)}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.form-select:disabled,.form-input:disabled,.form-textarea:disabled{background:var(--background-color-hover);cursor:not-allowed;opacity:.7}.form-select.error,.form-input.error,.form-textarea.error{border-color:var(--danger-color)}.form-select.error:focus,.form-input.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px rgba(var(--danger-color-rgb),.1)}.error-message{color:var(--danger-color);font-size:var(--font-size-sm);margin-top:4px}.helper-text{color:var(--text-secondary-color-dark);font-size:var(--font-size-sm);margin-top:4px;transition:color var(--transition-speed) var(--transition-timing)}.checkbox-label-simple{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-weight:var(--font-weight-normal);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.checkbox-label-simple input{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-field-simple{display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-description{margin-top:4px}.text-muted{color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}.form-divider{height:1px;background:var(--border-color);margin:var(--spacing-xs) 0;transition:background var(--transition-speed) var(--transition-timing)}.file-upload-settings{padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.assignment-form-rich-text-editor{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition-speed) var(--transition-timing)}.assignment-form-rich-text-editor:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.assignment-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);transition:border-color var(--transition-speed) var(--transition-timing)}.assignment-form-loading{text-align:center;padding:60px var(--spacing-lg)}.assignment-form-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.assignment-form-loading p{margin-top:var(--spacing-md);color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}.assignment-form-error{text-align:center;padding:60px var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color)}.assignment-form-error h2{color:var(--danger-color);margin-bottom:var(--spacing-sm)}.assignment-form-error p{color:var(--text-secondary-color-dark);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.assignment-form-page-container{padding:var(--spacing-md)}.assignment-form-page-wrapper{padding:var(--spacing-lg)}.assignment-form-page-title{font-size:24px}.form-row.two-columns,.form-row.three-columns{grid-template-columns:1fr;gap:var(--spacing-sm)}.assignment-form-actions{flex-direction:column-reverse}.assignment-form-actions button{width:100%}.form-section-title{font-size:var(--font-size-md)}}@media(max-width:480px){.assignment-form-page-container{padding:var(--spacing-sm)}.assignment-form-page-wrapper{padding:var(--spacing-md)}.assignment-form-page-title{font-size:20px}.form-group label{font-size:var(--font-size-sm)}.form-select,.form-input,.form-textarea{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.file-upload-settings{padding:var(--spacing-sm)}}body.dark-theme .assignment-form-page-wrapper{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .file-upload-settings{background:var(--background-color-hover);border-color:var(--border-color)}body.dark-theme .form-select,body.dark-theme .form-input,body.dark-theme .form-textarea{background:var(--background-color-light);border-color:var(--border-color);color:var(--primary-color)}body.dark-theme .form-select:disabled,body.dark-theme .form-input:disabled,body.dark-theme .form-textarea:disabled{background:var(--background-color-hover)}body.dark-theme .assignment-form-rich-text-editor{border-color:var(--border-color)}@media(prefers-reduced-motion:reduce){.assignment-form-back-btn,.form-select,.form-input,.form-textarea{transition:none}.assignment-form-back-btn:hover{transform:none}.assignment-form-loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.assignment-form-back-btn,.assignment-form-actions{display:none}.assignment-form-page-wrapper{box-shadow:none;border:1px solid #ddd;padding:0}.form-select,.form-input,.form-textarea{border:1px solid #ddd;background:transparent}}.assignment-form-back-btn:focus-visible,.form-select:focus-visible,.form-input:focus-visible,.form-textarea:focus-visible,.checkbox-label-simple input:focus-visible,.assignment-form-actions button:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.form-select,.form-input,.form-textarea{border:2px solid currentColor}.form-select.error,.form-input.error,.form-textarea.error{border:2px solid var(--danger-color)}.assignment-form-page-wrapper{border:2px solid currentColor}}.form-select:invalid,.form-input:invalid,.form-textarea:invalid{border-color:var(--danger-color)}.form-select.success,.form-input.success,.form-textarea.success{border-color:var(--success-color)}.form-select.success:focus,.form-input.success:focus,.form-textarea.success:focus{box-shadow:0 0 0 3px rgba(var(--success-color-rgb),.1)}.character-counter{display:flex;justify-content:flex-end;font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-top:4px}.character-counter.warning{color:var(--warning-color)}.character-counter.danger{color:var(--danger-color)}.file-upload-preview{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.file-upload-preview-icon{font-size:24px;color:var(--primary-color)}.file-upload-preview-info{flex:1}.file-upload-preview-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color)}.file-upload-preview-size{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.file-upload-preview-remove{background:none;border:none;color:var(--danger-color);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.file-upload-preview-remove:hover{background:rgba(var(--danger-color-rgb),.1)}.question-management-page-container{padding:32px 24px;min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.question-management-page-wrapper{max-width:1200px;width:100%;margin:0 auto;background:var(--background-primary, #ffffff);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px}.question-management-page-header{margin-bottom:32px}.question-management-back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color, #4f46e5);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:all .2s ease}.question-management-back-btn:hover{transform:translate(-4px);color:var(--primary-dark, #4338ca)}.question-management-page-header-content{text-align:center}.question-management-page-title{margin:0 0 8px;font-size:28px;font-weight:600;color:var(--text-primary, #1a1a1a)}.question-management-page-subtitle{color:var(--text-secondary, #666);margin:0;font-size:14px;line-height:1.5}.assignment-info-card{background:#f8f9fa;border-radius:8px;padding:16px 20px;margin-bottom:32px;display:flex;gap:32px;flex-wrap:wrap;border:1px solid var(--border-color, #e5e7eb)}.assignment-info-row{display:flex;gap:8px;font-size:14px}.info-label{font-weight:600;color:var(--text-secondary, #6b7280)}.info-value{color:var(--text-primary, #1a1a1a);font-weight:500}.section-title{font-size:20px;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--border-color, #e5e7eb)}.question-form-section{margin-bottom:48px;padding:24px;background:#fafafa;border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.question-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;flex-direction:column;gap:16px}.form-row.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:span 2}.form-label{font-weight:500;font-size:14px;color:var(--text-primary, #333)}.required{color:#dc2626}.form-input,.form-textarea,.option-input{padding:10px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:14px;transition:all .2s;width:100%;font-family:inherit}.form-input:focus,.form-textarea:focus,.option-input:focus{outline:none;border-color:var(--primary-color, #4f46e5);box-shadow:0 0 0 3px #4f46e51a}.form-textarea{resize:vertical}.error-message{color:#dc2626;font-size:12px;margin-top:4px}.helper-text{color:var(--text-secondary, #6b7280);font-size:12px;margin-top:4px}.options-section{padding:16px;background-color:#fff;border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.option-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.option-number{font-weight:600;color:var(--text-secondary, #6b7280);min-width:24px}.correct-btn,.remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.correct-btn{background-color:#e5e7eb;color:#6b7280}.correct-btn.active{background-color:#10b981;color:#fff}.correct-btn:hover:not(.active){background-color:#d1d5db}.remove-btn{background-color:#fee2e2;color:#dc2626}.remove-btn:hover{background-color:#fecaca}.add-option-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:1px dashed var(--border-color, #d1d5db);border-radius:6px;color:var(--primary-color, #4f46e5);cursor:pointer;font-size:14px;transition:all .2s;margin-top:8px}.add-option-btn:hover{background-color:#f3f4f6;border-color:var(--primary-color, #4f46e5)}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-color, #e5e7eb);margin-top:8px}.questions-list-section{margin-bottom:32px}.questions-list{display:flex;flex-direction:column;gap:16px}.question-list-item{border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:#fff;overflow:hidden;transition:all .2s}.question-list-item:hover{box-shadow:0 2px 8px #00000014}.question-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f9fafb;border-bottom:1px solid var(--border-color, #e5e7eb)}.question-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.question-number{font-weight:600;color:var(--text-primary, #1a1a1a)}.question-type-badge{padding:4px 8px;background-color:#e0e7ff;color:#4338ca;border-radius:4px;font-size:12px;font-weight:500}.question-marks-badge{padding:4px 8px;background-color:#fef3c7;color:#d97706;border-radius:4px;font-size:12px;font-weight:500}.question-header-actions{display:flex;gap:8px}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.icon-btn.edit-btn{background-color:#e0e7ff;color:#4338ca}.icon-btn.edit-btn:hover{background-color:#c7d2fe}.icon-btn.delete-btn{background-color:#fee2e2;color:#dc2626}.icon-btn.delete-btn:hover{background-color:#fecaca}.icon-btn.toggle-btn{background-color:#f3f4f6;color:#6b7280}.icon-btn.toggle-btn:hover{background-color:#e5e7eb}.question-list-body{padding:16px}.question-text{margin:0 0 12px;font-size:15px;line-height:1.5;color:var(--text-primary, #1a1a1a)}.question-answer-details{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #e5e7eb)}.answer-section{margin-bottom:16px}.answer-section strong{display:block;margin-bottom:8px;color:var(--text-primary, #1a1a1a);font-size:14px}.options-display{display:flex;flex-direction:column;gap:8px}.option-display{display:flex;align-items:center;gap:8px;padding:8px;background-color:#f9fafb;border-radius:6px;font-size:14px}.option-display.correct{background-color:#d1fae5;border:1px solid #10b981}.option-letter{font-weight:600;color:var(--text-secondary, #6b7280)}.option-text{flex:1}.correct-tag{color:#10b981;font-weight:500;font-size:12px}.expected-answer-display,.instructions-display{padding:12px;background-color:#f9fafb;border-radius:6px;line-height:1.5}.hint-section,.explanation-section{margin-top:12px;padding:12px;background-color:#fef3c7;border-radius:6px}.explanation-section{background-color:#e0e7ff}.hint-section strong,.explanation-section strong{display:block;margin-bottom:4px}.hint-section p,.explanation-section p{margin:0;font-size:14px}.question-list-footer{padding:12px 16px;background-color:#f9fafb;border-top:1px solid var(--border-color, #e5e7eb);text-align:center}.toggle-answer-btn{background:none;border:none;color:var(--primary-color, #4f46e5);cursor:pointer;font-size:14px;font-weight:500}.toggle-answer-btn:hover{text-decoration:underline}.no-questions-message{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:8px;border:1px dashed var(--border-color, #d1d5db)}.empty-icon{font-size:64px;margin-bottom:16px}.no-questions-message h3{margin:0 0 8px;color:var(--text-primary, #1a1a1a)}.no-questions-message p{margin:0;color:var(--text-secondary, #6b7280)}.page-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--border-color, #e5e7eb);margin-top:16px}.question-management-loading{text-align:center;padding:60px 20px}.question-management-loading p{margin-top:16px;color:var(--text-secondary, #666)}@media(max-width:768px){.question-management-page-container{padding:16px}.question-management-page-wrapper{padding:20px}.question-management-page-title{font-size:24px}.form-row.two-columns{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.form-actions,.page-actions{flex-direction:column-reverse}.form-actions button,.page-actions button{width:100%}.question-list-header{flex-direction:column;gap:12px;align-items:flex-start}.question-header-actions{width:100%;justify-content:flex-end}.assignment-info-card{flex-direction:column;gap:8px}.option-row{flex-wrap:wrap}.option-input{min-width:150px}}.grade-submission-page-container{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 100px);background:var(--background-color);transition:background var(--transition-speed) var(--transition-timing)}.grade-submission-page-wrapper{max-width:1000px;width:100%;margin:0 auto}.grade-submission-page-header{margin-bottom:var(--spacing-xl)}.grade-submission-page-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-md);transition:all var(--transition-speed) var(--transition-timing)}.grade-submission-page-back-btn:hover{transform:translate(-4px);color:var(--primary-color-dark)}.grade-submission-page-header-content{text-align:center}.grade-submission-page-title{margin:0 0 var(--spacing-xs) 0;font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.grade-submission-page-subtitle{color:var(--text-secondary-color-dark);margin:0;font-size:var(--font-size-sm);line-height:1.5;transition:color var(--transition-speed) var(--transition-timing)}.grade-submission-page-info-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--background-color-hover) 0%,var(--border-color) 100%);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);transition:all var(--transition-speed) var(--transition-timing)}.grade-submission-page-info-item{display:flex;align-items:center;gap:var(--spacing-sm)}.grade-submission-page-info-item-late{color:var(--warning-color)}.grade-submission-page-info-icon{font-size:20px;color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}.grade-submission-page-info-item-late .grade-submission-page-info-icon{color:var(--warning-color)}.grade-submission-page-info-item>div{display:flex;flex-direction:column;gap:4px}.grade-submission-page-info-label{font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary-color-dark)}.grade-submission-page-info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color)}.grade-submission-page-file-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.grade-submission-page-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.grade-submission-page-section-header h4{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.grade-submission-page-file-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.grade-submission-page-file-icon{font-size:24px;color:var(--text-secondary-color-dark)}.grade-submission-page-file-details{flex:1;display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.grade-submission-page-file-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color)}.grade-submission-page-file-size{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.grade-submission-page-questions-section{margin-bottom:var(--spacing-lg)}.grade-submission-page-questions-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.grade-submission-page-questions-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.grade-submission-page-question-card{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);background:var(--background-color-light);transition:all var(--transition-speed) var(--transition-timing)}.grade-submission-page-question-card:hover{box-shadow:var(--shadow-sm);border-color:var(--primary-color-light)}.grade-submission-page-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-xs);transition:border-color var(--transition-speed) var(--transition-timing)}.grade-submission-page-question-number{font-weight:var(--font-weight-bold);color:var(--primary-color);font-size:var(--font-size-sm)}.grade-submission-page-question-score{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--success-color)}.grade-submission-page-auto-score-badge{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-secondary-color-dark);margin-left:6px}.grade-submission-page-question-text{margin-bottom:var(--spacing-md);font-size:15px;color:var(--primary-color);line-height:1.5;transition:color var(--transition-speed) var(--transition-timing)}.grade-submission-page-student-answer{margin-bottom:var(--spacing-md)}.grade-submission-page-student-answer strong{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}.grade-submission-page-student-answer-display{padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.grade-submission-page-file-answer{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.grade-submission-page-text-answer{font-family:var(--font-family-monospace);font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-word;line-height:1.5;color:var(--primary-color)}.grade-submission-page-no-answer{color:var(--text-secondary-color-dark);font-style:italic}.grade-submission-page-answer-status{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.grade-submission-page-answer-status-correct{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.grade-submission-page-answer-status-incorrect{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.grade-submission-page-feedback-input{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);transition:border-color var(--transition-speed) var(--transition-timing)}.grade-submission-page-feedback-input label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--primary-color)}.grade-submission-page-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;transition:all var(--transition-speed) var(--transition-timing);background:var(--background-color-light);color:var(--primary-color)}.grade-submission-page-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.grade-submission-page-textarea::placeholder{color:var(--text-secondary-color-dark)}.grade-submission-page-feedback-section{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--background-color-hover);border-radius:var(--border-radius);transition:background var(--transition-speed) var(--transition-timing)}.grade-submission-page-feedback-group{margin-bottom:var(--spacing-lg)}.grade-submission-page-feedback-group:last-child{margin-bottom:0}.grade-submission-page-feedback-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--primary-color)}.grade-submission-page-summary{margin:var(--spacing-lg) 0}.grade-submission-page-summary-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--gradient-primary);border-radius:var(--border-radius);color:var(--text-on-primary);flex-wrap:wrap;gap:var(--spacing-lg)}.grade-submission-page-summary-item{text-align:center;flex:1}.grade-submission-page-summary-item span{display:block;font-size:var(--font-size-sm);opacity:.9;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.grade-submission-page-summary-item strong{font-size:22px;font-weight:var(--font-weight-bold)}.grade-submission-page-status-passed{color:var(--success-color)}.grade-submission-page-status-failed{color:var(--warning-color)}.grade-submission-page-total-score{font-size:22px;font-weight:var(--font-weight-bold);color:var(--primary-color)}.grade-submission-page-score-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.grade-submission-page-edit-score-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary-color-dark);padding:4px;border-radius:var(--border-radius);display:flex;align-items:center;transition:all var(--transition-speed) var(--transition-timing)}.grade-submission-page-edit-score-btn:hover{background:var(--background-color-hover);color:var(--primary-color)}.grade-submission-page-score-edit{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.grade-submission-page-score-input{width:80px;padding:4px var(--spacing-xs);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;background:var(--background-color-light);color:var(--primary-color);transition:all var(--transition-speed) var(--transition-timing)}.grade-submission-page-score-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.25)}.grade-submission-page-max-score{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.grade-submission-page-score-cancel,.grade-submission-page-score-save{background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--border-radius);display:flex;align-items:center;transition:all var(--transition-speed) var(--transition-timing)}.grade-submission-page-score-cancel{color:var(--danger-color)}.grade-submission-page-score-cancel:hover{background:rgba(var(--danger-color-rgb),.1)}.grade-submission-page-score-save{color:var(--success-color)}.grade-submission-page-score-save:hover{background:rgba(var(--success-color-rgb),.1)}.grade-submission-page-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);transition:border-color var(--transition-speed) var(--transition-timing)}.grade-submission-page-actions button{min-width:140px}.grade-submission-page-loading{text-align:center;padding:60px var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color)}.grade-submission-page-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.grade-submission-page-loading p{margin-top:var(--spacing-md);color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}.grade-submission-page-error{text-align:center;padding:60px var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color)}.grade-submission-page-error h2{margin:0 0 var(--spacing-xs) 0;color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.grade-submission-page-error p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}@media(max-width:768px){.grade-submission-page-container{padding:var(--spacing-md)}.grade-submission-page-title{font-size:24px}.grade-submission-page-info-bar{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-md)}.grade-submission-page-summary-card{flex-direction:column;gap:var(--spacing-md)}.grade-submission-page-summary-item{width:100%}.grade-submission-page-actions{flex-direction:column}.grade-submission-page-actions button{width:100%}.grade-submission-page-file-info{flex-direction:column;text-align:center}.grade-submission-page-file-details{justify-content:center}.grade-submission-page-section-header,.grade-submission-page-question-header{flex-direction:column;align-items:flex-start}.grade-submission-page-score-controls{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.grade-submission-page-score-edit{flex-wrap:wrap}}@media(max-width:480px){.grade-submission-page-container{padding:var(--spacing-sm)}.grade-submission-page-title{font-size:20px}.grade-submission-page-question-card,.grade-submission-page-feedback-section,.grade-submission-page-summary-card{padding:var(--spacing-md)}}body.dark-theme .grade-submission-page-info-bar{background:linear-gradient(135deg,var(--background-color-hover) 0%,var(--background-color-light) 100%)}body.dark-theme .grade-submission-page-file-section,body.dark-theme .grade-submission-page-feedback-section{background:var(--background-color-hover)}body.dark-theme .grade-submission-page-question-card{background:var(--background-color-light)}body.dark-theme .grade-submission-page-student-answer-display{background:var(--background-color-hover)}body.dark-theme .grade-submission-page-textarea{background:var(--background-color-light)}@media(prefers-reduced-motion:reduce){.grade-submission-page-back-btn,.grade-submission-page-question-card,.grade-submission-page-textarea,.grade-submission-page-edit-score-btn{transition:none}.grade-submission-page-back-btn:hover{transform:none}.grade-submission-page-loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.grade-submission-page-back-btn,.grade-submission-page-actions{display:none}.grade-submission-page-container{background:#fff;padding:0}.grade-submission-page-question-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.grade-submission-page-summary-card{break-inside:avoid}}.grade-submission-page-back-btn:focus-visible,.grade-submission-page-textarea:focus-visible,.grade-submission-page-score-input:focus-visible,.grade-submission-page-edit-score-btn:focus-visible,.grade-submission-page-actions button:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.grade-submission-page-question-card{border:2px solid currentColor}.grade-submission-page-answer-status-correct,.grade-submission-page-answer-status-incorrect{border:1px solid currentColor}.grade-submission-page-summary-card{border:2px solid currentColor}}.assessment-detail-page-container{padding:32px 24px;min-height:calc(100vh - 100px);background-color:#f5f5f5}.assessment-detail-page-wrapper{max-width:1200px;width:100%;margin:0 auto}.assessment-detail-page-header{margin-bottom:32px}.assessment-detail-page-back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color, #4f46e5);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:all .2s ease}.assessment-detail-page-back-btn:hover{transform:translate(-4px);color:var(--primary-dark, #4338ca)}.assessment-detail-page-header-content{text-align:center}.assessment-detail-page-title{margin:0 0 8px;font-size:28px;font-weight:600;color:var(--text-primary, #1a1a1a)}.assessment-detail-page-subtitle{color:var(--text-secondary, #666);margin:0;font-size:14px;line-height:1.5}.assessment-detail-page-pending-banner{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:24px}.assessment-detail-page-banner-content{display:flex;align-items:center;gap:12px}.assessment-detail-page-banner-icon{font-size:20px}.assessment-detail-page-content{display:flex;flex-direction:column;gap:24px}.assessment-detail-page-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.assessment-detail-page-card-header{padding:16px 20px;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb}.assessment-detail-page-card-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a)}.assessment-detail-page-card-body{padding:20px}.assessment-detail-page-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.assessment-detail-page-info-item{display:flex;flex-direction:column;gap:4px}.assessment-detail-page-full-width{grid-column:span 2}.assessment-detail-page-info-item label{font-size:12px;font-weight:500;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.assessment-detail-page-info-item p{margin:0;font-size:14px;color:var(--text-primary, #1a1a1a);word-break:break-word}.assessment-detail-page-assessment-data{background-color:#f8f9fa;padding:16px;border-radius:8px;overflow-x:auto}.assessment-detail-page-assessment-data pre{margin:0;font-size:12px;white-space:pre-wrap;word-wrap:break-word}.assessment-detail-page-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:24px;border-top:1px solid #e5e7eb}.assessment-detail-page-loading{text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.assessment-detail-page-loading p{margin-top:16px;color:var(--text-secondary, #666)}.assessment-detail-page-error{text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.assessment-detail-page-error h2{margin:0 0 8px;color:var(--text-primary, #1a1a1a)}.assessment-detail-page-error p{margin:0 0 24px;color:var(--text-secondary, #666)}.assessment-detail-page-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.assessment-detail-page-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a}.assessment-detail-page-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.assessment-detail-page-modal-header h3{margin:0;font-size:18px;font-weight:600}.assessment-detail-page-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280}.assessment-detail-page-modal-close:hover{color:#dc2626}.assessment-detail-page-modal-body{padding:20px}.assessment-detail-page-modal-body p{margin:0 0 16px}.assessment-detail-page-form-group{margin-bottom:16px}.assessment-detail-page-form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.assessment-detail-page-form-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff}.assessment-detail-page-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb}@media(max-width:768px){.assessment-detail-page-container{padding:16px}.assessment-detail-page-wrapper{padding:0}.assessment-detail-page-title{font-size:24px}.assessment-detail-page-info-grid{grid-template-columns:1fr}.assessment-detail-page-full-width{grid-column:span 1}.assessment-detail-page-actions{flex-direction:column-reverse}.assessment-detail-page-actions button{width:100%}.assessment-detail-page-pending-banner{flex-direction:column;gap:12px;text-align:center}.assessment-detail-page-modal{width:95%;margin:16px}}.student-submission-detail-page-container{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 100px);background:var(--background-color);transition:background var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-wrapper{max-width:1000px;width:100%;margin:0 auto}.student-submission-detail-page-header{margin-bottom:var(--spacing-xl)}.student-submission-detail-page-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-md);transition:all var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-back-btn:hover{transform:translate(-4px);color:var(--primary-color-dark)}.student-submission-detail-page-header-content{text-align:center}.student-submission-detail-page-title{margin:0 0 var(--spacing-xs) 0;font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-subtitle{color:var(--text-secondary-color-dark);margin:0;font-size:var(--font-size-sm);line-height:1.5;transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-assignment-banner{background:var(--background-color-hover);border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-assignment-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-size:var(--font-size-sm)}.student-submission-detail-page-assignment-info .separator{color:var(--border-color)}.student-submission-detail-page-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.student-submission-detail-page-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-speed) var(--transition-timing);border:1px solid var(--border-color)}.student-submission-detail-page-card:hover{box-shadow:var(--shadow-md)}.student-submission-detail-page-card-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--background-color-hover);border-bottom:1px solid var(--border-color);transition:background var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-card-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-card-body{padding:var(--spacing-lg);transition:padding var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.student-submission-detail-page-info-item{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.student-submission-detail-page-info-item .info-icon{color:var(--text-secondary-color-dark);margin-top:2px;transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-info-item div{flex:1}.student-submission-detail-page-info-item label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary-color-dark);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px;transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-info-item p{margin:0;font-size:var(--font-size-sm);color:var(--primary-color);font-weight:var(--font-weight-medium);transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-info-item-late{background:rgba(var(--warning-color-rgb),.1);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);border-left:3px solid var(--warning-color)}.student-submission-detail-page-file-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);flex-wrap:wrap;transition:background var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-file-icon{font-size:32px;color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-file-details{flex:1}.student-submission-detail-page-file-details p{margin:4px 0;font-size:var(--font-size-sm);color:var(--primary-color)}.student-submission-detail-page-answers-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.student-submission-detail-page-answer-card{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);background:var(--background-color-hover);transition:all var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-answer-card:hover{border-color:var(--primary-color-light);box-shadow:var(--shadow-sm)}.student-submission-detail-page-answer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.student-submission-detail-page-question-number{font-weight:var(--font-weight-semibold);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-question-marks{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-question-text{font-size:15px;margin-bottom:var(--spacing-md);color:var(--primary-color);line-height:1.5;transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-student-answer{margin-bottom:var(--spacing-sm)}.student-submission-detail-page-student-answer strong{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-answer-content{background:var(--white);padding:var(--spacing-sm);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-file-answer{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.student-submission-detail-page-text-answer{line-height:1.5;white-space:pre-wrap;color:var(--primary-color)}.student-submission-detail-page-no-answer{color:var(--danger-color);font-style:italic}.student-submission-detail-page-answer-status{display:inline-block;padding:4px var(--spacing-xs);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm)}.student-submission-detail-page-answer-correct{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.student-submission-detail-page-answer-incorrect{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.student-submission-detail-page-faculty-feedback{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:rgba(var(--warning-color-rgb),.1);border-radius:var(--border-radius);border-left:3px solid var(--warning-color)}.student-submission-detail-page-faculty-feedback strong{display:block;margin-bottom:4px;font-size:var(--font-size-sm);color:var(--warning-color)}.student-submission-detail-page-faculty-feedback p{margin:0;font-size:var(--font-size-sm);color:var(--primary-color)}.student-submission-detail-page-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.student-submission-detail-page-loading{text-align:center;padding:60px var(--spacing-lg);background:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color)}.student-submission-detail-page-loading p{margin-top:var(--spacing-md);color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-spinner{width:50px;height:50px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.student-submission-detail-page-error{text-align:center;padding:60px var(--spacing-lg);background:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color)}.student-submission-detail-page-error h2{margin:0 0 var(--spacing-xs) 0;color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.student-submission-detail-page-error p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary-color-dark);transition:color var(--transition-speed) var(--transition-timing)}@media(max-width:768px){.student-submission-detail-page-container{padding:var(--spacing-md)}.student-submission-detail-page-title{font-size:24px}.student-submission-detail-page-info-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.student-submission-detail-page-card-body{padding:var(--spacing-md)}.student-submission-detail-page-file-card{flex-direction:column;text-align:center}.student-submission-detail-page-actions{flex-direction:column-reverse}.student-submission-detail-page-actions button{width:100%}.student-submission-detail-page-answer-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.student-submission-detail-page-assignment-banner{padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:480px){.student-submission-detail-page-container{padding:var(--spacing-sm)}.student-submission-detail-page-title{font-size:20px}.student-submission-detail-page-card-header{padding:var(--spacing-sm) var(--spacing-md)}.student-submission-detail-page-card-header h3{font-size:var(--font-size-md)}.student-submission-detail-page-card-body{padding:var(--spacing-sm)}.student-submission-detail-page-info-item{flex-direction:column}.student-submission-detail-page-info-item .info-icon{display:none}.student-submission-detail-page-answer-card{padding:var(--spacing-sm)}.student-submission-detail-page-question-text{font-size:var(--font-size-sm)}}body.dark-theme .student-submission-detail-page-card,body.dark-theme .student-submission-detail-page-loading,body.dark-theme .student-submission-detail-page-error{background:var(--white);border-color:var(--border-color)}body.dark-theme .student-submission-detail-page-card-header,body.dark-theme .student-submission-detail-page-answer-card{background:var(--background-color-hover)}body.dark-theme .student-submission-detail-page-answer-content{background:var(--white)}body.dark-theme .student-submission-detail-page-file-card{background:var(--background-color-hover)}@media(prefers-reduced-motion:reduce){.student-submission-detail-page-back-btn,.student-submission-detail-page-card,.student-submission-detail-page-answer-card{transition:none}.student-submission-detail-page-back-btn:hover{transform:none}.student-submission-detail-page-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.student-submission-detail-page-back-btn,.student-submission-detail-page-actions{display:none}.student-submission-detail-page-container{padding:0;background:#fff}.student-submission-detail-page-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.student-submission-detail-page-card-header{background:#f0f0f0}}.student-submission-detail-page-back-btn:focus-visible,.student-submission-detail-page-actions button:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.student-submission-detail-page-card,.student-submission-detail-page-answer-card{border:2px solid currentColor}.student-submission-detail-page-answer-status{border:1px solid currentColor}.student-submission-detail-page-info-item-late{border-left:3px solid currentColor}}.student-result-page{padding:2rem 1.5rem;min-height:calc(100vh - 100px);background:#f8f9fa;transition:background .2s cubic-bezier(.4,0,.2,1)}.result-container{max-width:900px;width:100%;margin:0 auto}.result-back-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:#007bff;font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem 0;margin-bottom:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.result-back-btn:hover{transform:translate(-4px);color:#0056b3}.result-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001f;transition:all .2s cubic-bezier(.4,0,.2,1)}.result-card.passed{border-top:4px solid #28a745}.result-card.failed{border-top:4px solid #dc3545}.result-header{text-align:center;padding:2rem;background:#f1f3f5;transition:background .2s cubic-bezier(.4,0,.2,1)}.result-icon{font-size:80px;margin-bottom:1rem;animation:bounce .5s ease}.result-header h1{margin:0 0 .25rem;font-size:28px;font-weight:700;color:#212529;transition:color .2s cubic-bezier(.4,0,.2,1)}.result-subtitle{margin:0;font-size:1rem;color:#6c757d;transition:color .2s cubic-bezier(.4,0,.2,1)}.score-section{padding:2rem;display:flex;gap:48px;flex-wrap:wrap;justify-content:center;border-bottom:1px solid #dee2e6}.score-circle{position:relative;width:180px;height:180px}.score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.score-circle-progress{transition:stroke-dasharray .8s ease}.score-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.percentage-value{font-size:36px;font-weight:700;color:#212529;transition:color .2s cubic-bezier(.4,0,.2,1)}.score-details{flex:1;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.score-item{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#f1f3f5;border-radius:.375rem;transition:background .2s cubic-bezier(.4,0,.2,1)}.score-icon{font-size:28px;color:#6c757d}.score-icon.success{color:#28a745}.score-icon.failed{color:#dc3545}.score-item label{display:block;font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.score-item span{font-size:1.25rem;font-weight:600;color:#212529;transition:color .2s cubic-bezier(.4,0,.2,1)}.passed-text{color:#28a745}.failed-text{color:#dc3545}.score-item.late{background:#ffc10726;border-left:3px solid #ffc107}.submission-info{padding:1.5rem 2rem;background:#f1f3f5;display:flex;flex-wrap:wrap;gap:1.5rem;border-bottom:1px solid #dee2e6;transition:background .2s cubic-bezier(.4,0,.2,1)}.info-row{display:flex;gap:.25rem;font-size:.875rem}.info-label{font-weight:500;color:#6c757d}.info-value{font-weight:500;color:#212529}.assignment-file-section{padding:1.5rem 2rem;border-bottom:1px solid #dee2e6}.assignment-file-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#212529;transition:color .2s cubic-bezier(.4,0,.2,1)}.file-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#28a7451a;border-radius:.375rem;border:1px solid rgba(40,167,69,.3);transition:all .2s cubic-bezier(.4,0,.2,1)}.file-icon{font-size:32px;color:#28a745}.file-info{flex:1;display:flex;flex-direction:column;gap:4px}.file-name{font-weight:500;color:#212529}.file-size{font-size:.875rem;color:#6c757d}.detailed-answers-section{padding:1.5rem 2rem;border-bottom:1px solid #dee2e6}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.section-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#212529;transition:color .2s cubic-bezier(.4,0,.2,1)}.answers-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;padding-right:.25rem}.answers-list::-webkit-scrollbar{width:6px}.answers-list::-webkit-scrollbar-track{background:#f1f3f5;border-radius:3px}.answers-list::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.answers-list::-webkit-scrollbar-thumb:hover{background:#007bff}.answer-card{border:1px solid #dee2e6;border-radius:.375rem;padding:1rem;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}.answer-card:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.answer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid #dee2e6}.question-number{font-weight:600;color:#007bff;font-size:.875rem}.answer-status{padding:4px .5rem;border-radius:50px;font-size:.875rem;font-weight:600}.answer-status.correct{background:#28a74526;color:#28a745}.answer-status.incorrect{background:#dc354526;color:#dc3545}.question-text{font-size:15px;font-weight:500;margin-bottom:.5rem;color:#212529}.student-answer{margin-bottom:.5rem}.student-answer strong{display:block;font-size:.875rem;color:#6c757d;margin-bottom:6px}.student-answer p{margin:0;font-size:.875rem;color:#212529}.answer-file{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f1f3f5;border-radius:.375rem}.score-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#007bff}.auto-score-badge{padding:2px 6px;background:#007bff1a;border-radius:4px;font-size:11px;color:#007bff}.feedback{display:flex;align-items:flex-start;gap:.25rem;padding:.5rem;background:#ffc10726;border-radius:.375rem;margin-top:.25rem}.feedback-icon{color:#ffc107;margin-top:2px}.feedback p{margin:0;font-size:.875rem;color:#ffc107}.message-section{padding:1.5rem 2rem;background:#007bff1a;margin:0;text-align:center}.message-section p{margin:0;font-size:.875rem;color:#007bff}.result-actions{padding:1.5rem 2rem;display:flex;justify-content:flex-end;gap:.5rem;background:#f1f3f5}.result-loading{text-align:center;padding:60px 1.5rem;background:#fff;border-radius:.75rem}.loading-spinner{width:40px;height:40px;border:3px solid #dee2e6;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.result-loading p{margin-top:1rem;color:#6c757d}.result-error{text-align:center;padding:60px 1.5rem;background:#fff;border-radius:.75rem;border:1px solid #dee2e6}.error-icon{font-size:48px;margin-bottom:1rem;color:#dc3545}.result-error h2{margin:0 0 .25rem;color:#212529}.result-error p{margin:0 0 1.5rem;color:#6c757d}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.student-result-page{padding:1rem}.result-header{padding:1.5rem}.result-icon{font-size:60px}.result-header h1{font-size:24px}.score-section{flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem}.score-details{width:100%}.score-circle{width:150px;height:150px}.percentage-value{font-size:28px}.submission-info,.assignment-file-section,.detailed-answers-section,.message-section{padding:1rem 1.5rem}.result-actions{padding:1rem 1.5rem;flex-direction:column}.result-actions button{width:100%}.file-card{flex-direction:column;text-align:center}.section-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.student-result-page{padding:.5rem}.score-item,.info-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.result-back-btn,.score-circle-progress,.loading-spinner{transition:none}.result-icon{animation:none}.loading-spinner{animation:none;border:3px solid #dee2e6;border-top-color:transparent}}@media print{.result-back-btn,.result-actions{display:none}.student-result-page{background:#fff;padding:0}.result-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.score-circle-progress{stroke:#10b981}}.result-back-btn:focus-visible,.result-actions button:focus-visible{outline:2px solid #007bff;outline-offset:2px}@media(prefers-contrast:high){.result-card{border:2px solid currentColor}.answer-status.correct,.answer-status.incorrect{border:1px solid currentColor}.file-card{border:2px solid currentColor}}.take-assignment-page{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 100px);background:var(--background-color);transition:background var(--transition-speed) var(--transition-timing)}.take-assignment-container{max-width:900px;width:100%;margin:0 auto}.take-assignment-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-lg);transition:all var(--transition-speed) var(--transition-timing)}.take-assignment-back-btn:hover{transform:translate(-4px);color:var(--primary-color-dark)}.timer-warning{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--warning-color-rgb),.15);border:1px solid rgba(var(--warning-color-rgb),.3);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);color:var(--warning-color);font-weight:var(--font-weight-medium)}.assignment-info{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--gradient-primary);border-radius:var(--border-radius);color:var(--text-on-primary)}.assignment-info h3{margin:0 0 var(--spacing-sm) 0;font-size:20px;font-weight:var(--font-weight-semibold)}.assignment-stats{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);opacity:.9;flex-wrap:wrap}.file-upload-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.file-upload-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);color:var(--danger-color)}.file-upload-details p{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary-color)}.file-specs{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.spec-badge{padding:4px var(--spacing-xs);background:var(--background-color-light);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--text-secondary-color)}.file-instructions{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(var(--primary-color-rgb),.1);border-radius:var(--border-radius);color:var(--primary-color);font-size:var(--font-size-sm)}.upload-progress{margin-top:var(--spacing-sm)}.progress-bar{height:8px;background:var(--background-color-hover);border-radius:4px;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;background:var(--success-color);border-radius:4px;transition:width var(--transition-speed) var(--transition-timing)}.uploaded-file-info{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(var(--success-color-rgb),.15);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--success-color);display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.remove-file-btn{margin-left:auto;background:none;border:none;color:var(--danger-color);cursor:pointer;font-size:var(--font-size-sm);padding:2px 6px;border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.remove-file-btn:hover{background:rgba(var(--danger-color-rgb),.1)}.questions-container{max-height:50vh;overflow-y:auto;margin-bottom:var(--spacing-lg)}.questions-container::-webkit-scrollbar{width:8px}.questions-container::-webkit-scrollbar-track{background:var(--background-color-hover);border-radius:4px}.questions-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.questions-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.question-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.question-number{font-weight:var(--font-weight-semibold);color:var(--primary-color);font-size:var(--font-size-sm)}.question-marks{font-size:var(--font-size-sm);color:var(--text-secondary-color);background:var(--background-color-light);padding:2px var(--spacing-xs);border-radius:var(--border-radius-full)}.question-text{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--text-primary-color);font-weight:var(--font-weight-medium);line-height:1.5}.question-hint{margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(var(--primary-color-rgb),.1);border-radius:var(--border-radius);color:var(--primary-color);display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm)}.options-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.option-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);background:var(--background-color-light);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing);color:var(--text-primary-color)}.answer-input,.answer-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing);background:var(--background-color-light);color:var(--text-primary-color)}.answer-input:focus,.answer-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.25)}.answer-textarea{resize:vertical;font-family:inherit}.practical-instructions{padding:var(--spacing-md);background:rgba(var(--warning-color-rgb),.1);border-radius:var(--border-radius);border-left:4px solid var(--warning-color)}.practical-info strong{display:block;margin-bottom:var(--spacing-xs);color:var(--warning-color)}.take-assignment-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.action-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.action-note{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary-color)}.submission-results{text-align:center;padding:40px var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color)}.result-icon{font-size:80px;margin-bottom:var(--spacing-lg)}.score-details{display:flex;justify-content:center;align-items:center;gap:40px;margin:var(--spacing-xl) 0;flex-wrap:wrap}.score-circle{width:140px;height:140px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.score-value{font-size:36px;font-weight:var(--font-weight-bold);color:var(--text-on-primary)}.score-breakdown{text-align:left}.pass-status{color:var(--success-color);font-weight:var(--font-weight-semibold)}.fail-status{color:var(--danger-color);font-weight:var(--font-weight-semibold)}.feedback{text-align:left;padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);margin:var(--spacing-lg) 0;border:1px solid var(--border-color)}.feedback h4{margin:0 0 var(--spacing-xs) 0;color:var(--primary-color)}.result-actions{margin-top:var(--spacing-lg)}.take-assignment-loading{text-align:center;padding:60px var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media(max-width:768px){.take-assignment-page{padding:var(--spacing-md)}.score-details{flex-direction:column;gap:var(--spacing-lg)}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.assignment-stats,.file-specs{flex-direction:column;gap:var(--spacing-xs)}.remove-file-btn{margin-left:0}}@media(max-width:480px){.take-assignment-page{padding:var(--spacing-sm)}.assignment-info h3{font-size:var(--font-size-lg)}.question-text{font-size:var(--font-size-sm)}.score-circle{width:120px;height:120px}.score-value{font-size:28px}}body.dark-theme .file-upload-section,body.dark-theme .question-item,body.dark-theme .submission-results,body.dark-theme .take-assignment-loading{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .option-label,body.dark-theme .answer-input,body.dark-theme .answer-textarea{background:var(--background-color-light);border-color:var(--border-color);color:var(--text-primary-color)}body.dark-theme .spec-badge{background:var(--background-color-hover)}body.dark-theme .file-instructions{background:rgba(var(--primary-color-rgb),.15)}body.dark-theme .practical-instructions{background:rgba(var(--warning-color-rgb),.15)}body.dark-theme .feedback{background:var(--background-color-hover)}@media(prefers-reduced-motion:reduce){.take-assignment-back-btn,.progress-fill,.loading-spinner{transition:none}.loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.take-assignment-back-btn,.take-assignment-actions,.file-upload-section{display:none}.take-assignment-page{background:#fff;padding:0}.question-item{break-inside:avoid;border:1px solid #ddd}}.take-assignment-back-btn:focus-visible,.option-label:focus-visible,.answer-input:focus-visible,.answer-textarea:focus-visible,.remove-file-btn:focus-visible,.action-buttons button:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.assignment-info,.option-label,.score-circle,.timer-warning{border:2px solid currentColor}}.promotion-workflow-page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto;min-height:calc(100vh - 100px)}.promotion-workflow-page .page-header{margin-bottom:var(--spacing-xl)}.promotion-workflow-page .page-header h1{margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--primary-color);font-size:28px;font-weight:var(--font-weight-semibold)}.promotion-workflow-page .page-header p{color:var(--text-secondary-color-dark);margin:0}.promotion-workflow-container{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color-light)}.promotion-workflow-steps-indicator{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.promotion-workflow-steps-indicator:before{content:"";position:absolute;top:15px;left:0;right:0;height:2px;background-color:var(--border-color);z-index:1}.promotion-workflow-step{position:relative;z-index:2;background-color:var(--white);padding:0 10px;text-align:center}.promotion-workflow-step-number{width:32px;height:32px;border-radius:50%;background-color:var(--border-color);color:var(--text-secondary-color-dark);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-weight:var(--font-weight-semibold);transition:all var(--transition-speed) var(--transition-timing)}.promotion-workflow-step.active .promotion-workflow-step-number{background:var(--gradient-primary);color:var(--text-on-primary)}.promotion-workflow-step.completed .promotion-workflow-step-number{background-color:var(--success-color);color:var(--text-on-primary)}.promotion-workflow-step-label{font-size:12px;color:var(--text-secondary-color-dark)}.promotion-workflow-step.active .promotion-workflow-step-label{color:var(--primary-color);font-weight:var(--font-weight-medium)}.promotion-workflow-step-content{margin-bottom:30px;min-height:400px}.promotion-workflow-step-title{margin:0 0 var(--spacing-xl) 0;color:var(--primary-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.promotion-workflow-eligible-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.promotion-workflow-summary-card{display:flex;align-items:center;padding:var(--spacing-md);background:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color-light);transition:all var(--transition-speed) var(--transition-timing)}.promotion-workflow-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary-color-light)}.promotion-workflow-summary-icon{font-size:32px;margin-right:var(--spacing-md)}.promotion-workflow-summary-details{display:flex;flex-direction:column}.promotion-workflow-summary-label{font-size:12px;color:var(--text-secondary-color-dark);margin-bottom:4px}.promotion-workflow-summary-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.promotion-workflow-eligible-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:8px 4px;background-color:var(--white);border-radius:var(--border-radius)}.promotion-workflow-current-semester-badge{font-size:12px;color:var(--primary-color);font-weight:var(--font-weight-medium);background-color:var(--primary-color-light);padding:4px 12px;border-radius:var(--border-radius-full)}.promotion-workflow-student-list{border:1px solid var(--border-color-light);border-radius:var(--border-radius);overflow:hidden;max-height:400px;overflow-y:auto}.promotion-workflow-student-list::-webkit-scrollbar{width:6px}.promotion-workflow-student-list::-webkit-scrollbar-track{background:var(--scrollbar-track)}.promotion-workflow-student-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.promotion-workflow-student-item{padding:12px var(--spacing-md);border-bottom:1px solid var(--border-color-light);transition:background var(--transition-speed) var(--transition-timing)}.promotion-workflow-student-item:last-child{border-bottom:none}.promotion-workflow-student-item:hover{background-color:var(--white-hover)}.promotion-workflow-student-label{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}.promotion-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.promotion-workflow-student-name{font-weight:var(--font-weight-medium);color:var(--primary-color);min-width:150px}.promotion-workflow-student-email{font-size:12px;color:var(--text-secondary-color-dark);flex:1}.promotion-workflow-no-students{text-align:center;padding:40px;color:var(--text-secondary-color-dark)}.promotion-workflow-promotion-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.promotion-workflow-promotion-option{cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);display:flex;align-items:center;padding:var(--spacing-xl);background:var(--white);border-radius:var(--border-radius);border:2px solid var(--border-color-light)}.promotion-workflow-promotion-option:hover:not(.disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.promotion-workflow-promotion-option.selected{border-color:var(--primary-color);background-color:var(--primary-color-light)}.promotion-workflow-promotion-option.disabled{opacity:.5;cursor:not-allowed}.promotion-workflow-option-icon{font-size:32px;margin-right:var(--spacing-md)}.promotion-workflow-option-details h4{margin:0 0 4px;color:var(--primary-color);font-size:var(--font-size-md)}.promotion-workflow-option-details p{margin:0;font-size:12px;color:var(--text-secondary-color-dark)}.promotion-workflow-next-semester-select{margin-top:var(--spacing-lg)}.promotion-workflow-next-semester-select label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--primary-color)}.promotion-workflow-next-semester-select select{width:100%;max-width:300px;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--white);color:var(--primary-color);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.promotion-workflow-next-semester-select select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.promotion-workflow-graduation-notice{margin-top:var(--spacing-xl)}.promotion-workflow-confirmation-details{background-color:var(--white);border-radius:var(--border-radius);padding:var(--spacing-xl);border:1px solid var(--border-color-light)}.promotion-workflow-detail-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color-light)}.promotion-workflow-detail-item:last-child{border-bottom:none}.promotion-workflow-detail-item.promotion-workflow-highlight{color:var(--success-color);font-weight:var(--font-weight-semibold)}.promotion-workflow-detail-label{color:var(--text-secondary-color-dark)}.promotion-workflow-detail-value{font-weight:var(--font-weight-medium);color:var(--primary-color)}.promotion-workflow-student-preview{margin-top:var(--spacing-xl);padding:12px;background-color:var(--white);border-radius:var(--border-radius-sm);border:1px solid var(--border-color-light)}.promotion-workflow-student-preview h4{margin:0 0 8px;font-size:var(--font-size-sm);color:var(--primary-color)}.promotion-workflow-student-preview ul{margin:0;padding-left:var(--spacing-xl);max-height:100px;overflow-y:auto}.promotion-workflow-student-preview li{font-size:13px;color:var(--primary-color);margin-bottom:4px}.promotion-workflow-warning-message{margin-top:var(--spacing-xl);padding:12px;background-color:var(--warning-background-color);border:1px solid rgba(255,193,7,.3);border-radius:var(--border-radius-sm);color:var(--warning-color);font-size:var(--font-size-sm)}.promotion-workflow-results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.promotion-workflow-result-card{display:flex;align-items:center;padding:var(--spacing-md);background:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.promotion-workflow-result-card.promotion-workflow-success{border-left:4px solid var(--success-color)}.promotion-workflow-result-card.promotion-workflow-graduate{border-left:4px solid #9f7aea}.promotion-workflow-result-card.promotion-workflow-failed{border-left:4px solid var(--danger-color)}.promotion-workflow-result-icon{font-size:var(--font-size-xl);margin-right:12px}.promotion-workflow-result-details{display:flex;flex-direction:column}.promotion-workflow-result-label{font-size:12px;color:var(--text-secondary-color-dark);margin-bottom:4px}.promotion-workflow-result-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.promotion-workflow-result-message{grid-column:1 / -1;text-align:center;padding:var(--spacing-md);background-color:var(--success-background-color);border:1px solid rgba(40,167,69,.3);border-radius:var(--border-radius);color:var(--success-color);font-weight:var(--font-weight-medium)}.promotion-workflow-error-details{grid-column:1 / -1;margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--danger-background-color);border:1px solid rgba(220,53,69,.3);border-radius:var(--border-radius)}.promotion-workflow-error-details h4{margin:0 0 8px;color:var(--danger-color);font-size:var(--font-size-sm)}.promotion-workflow-error-details ul{margin:0;padding-left:var(--spacing-xl);max-height:150px;overflow-y:auto}.promotion-workflow-error-details li{font-size:12px;color:var(--danger-color);margin-bottom:4px}.promotion-workflow-actions{margin-top:30px;padding-top:var(--spacing-xl);border-top:1px solid var(--border-color-light)}.action-buttons{display:flex;justify-content:flex-end;gap:12px}.promotion-workflow-loading-eligible{text-align:center;padding:40px;color:var(--text-secondary-color-dark)}.select-all-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.select-all-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.select-all-checkbox label{font-size:var(--font-size-sm);color:var(--primary-color);cursor:pointer}@media(max-width:768px){.promotion-workflow-page{padding:var(--spacing-md)}.promotion-workflow-container{padding:var(--spacing-xl)}.promotion-workflow-eligible-summary,.promotion-workflow-promotion-options{grid-template-columns:1fr}.promotion-workflow-student-label{flex-wrap:wrap}.promotion-workflow-student-name{min-width:auto}.promotion-workflow-steps-indicator{flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.promotion-workflow-steps-indicator:before{display:none}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.promotion-workflow-detail-item{flex-direction:column;gap:4px}}@media(max-width:480px){.promotion-workflow-page .page-header h1{font-size:24px}.promotion-workflow-summary-value{font-size:var(--font-size-lg)}.promotion-workflow-promotion-option{padding:var(--spacing-md)}}body.dark-theme .promotion-workflow-step{background-color:var(--white)}body.dark-theme .promotion-workflow-summary-card,body.dark-theme .promotion-workflow-confirmation-details,body.dark-theme .promotion-workflow-student-preview,body.dark-theme .promotion-workflow-result-card{background-color:var(--white-hover)}.promotion-workflow-step-content{animation:fadeIn var(--transition-speed) var(--transition-timing)}@media(prefers-reduced-motion:reduce){.promotion-workflow-promotion-option:hover:not(.disabled){transform:none}.promotion-workflow-summary-card:hover{transform:none}.promotion-workflow-step-content{animation:none}}@media(prefers-contrast:high){.promotion-workflow-container,.promotion-workflow-step.active .promotion-workflow-step-number{border:2px solid currentColor}.promotion-workflow-promotion-option.selected{border:3px solid currentColor}.promotion-workflow-result-card{border:1px solid currentColor}.promotion-workflow-warning-message{border:2px solid currentColor}}.selected-count-badge{background-color:var(--primary-color-light);color:var(--primary-color-dark);padding:4px 8px;border-radius:var(--border-radius-full);font-size:12px;font-weight:var(--font-weight-medium)}.batch-completion-modal-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.completion-info{font-size:.9rem;color:#555;background-color:#f0f7ff;border-left:4px solid #007bff;padding:1rem;margin:0;border-radius:4px}.bulk-status-update-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.bulk-status-update-content form{display:flex;flex-direction:column;gap:1.5rem}.student-count-info{font-size:1rem;color:#333;padding:.75rem;background-color:#f4f4f4;border-radius:4px;text-align:center}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.individual-promotion-page{padding:var(--spacing-lg);max-width:1000px;margin:0 auto;min-height:calc(100vh - 100px)}.individual-promotion-page .page-header{margin-bottom:var(--spacing-xl)}.individual-promotion-page .page-header h1{margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--primay-color);font-size:28px;font-weight:var(--font-weight-semibold)}.individual-promotion-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.loading-container .admin-spinner{width:48px;height:48px}.student-summary-section{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.student-summary-section h3,.progress-section h3,.promotion-options-section h3,.confirmation-section h3{margin:0 0 var(--spacing-xl) 0;color:var(--primay-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.student-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.info-item .label{font-size:12px;color:var(--text-secondary-color-dark);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.info-item .value{font-size:var(--font-size-md);color:var(--primay-color);font-weight:var(--font-weight-medium)}.info-item .value.highlight{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.progress-section{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.progress-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.stat-card{text-align:center;padding:var(--spacing-md);background-color:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color-light);transition:all var(--transition-speed) var(--transition-timing)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary-color-light)}.stat-value-individual{font-size:32px;font-weight:var(--font-weight-bold);color:var(--primay-color);margin-bottom:8px}.stat-label{font-size:12px;color:var(--text-secondary-color-dark);margin-bottom:8px}.progress-bar{height:6px;background-color:var(--border-color);border-radius:3px;overflow:hidden;margin-top:12px}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width var(--transition-speed) var(--transition-timing)}.promotion-options-section{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.option-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);border:2px solid var(--border-color-light);background:var(--background-color);border-radius:var(--border-radius)}.option-card:hover:not(.disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.option-card.selected{border-color:var(--primary-color);background-color:var(--primary-color-light)}.option-card.disabled{opacity:.5;cursor:not-allowed}.option-icon{font-size:40px}.option-content h4{margin:0 0 8px;color:var(--primay-color);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.option-content p{margin:0;font-size:12px;color:var(--text-secondary-color-dark)}.next-semester-select{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color-light)}.next-semester-select .form-group{max-width:300px}.next-semester-select label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--primay-color)}.next-semester-select select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--primay-color);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.next-semester-select select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.confirmation-section{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.warning-box{display:flex;gap:var(--spacing-md);padding:var(--spacing-xl);background-color:var(--warning-background-color);border:1px solid rgba(255,193,7,.3);border-radius:var(--border-radius)}.warning-icon{font-size:var(--font-size-xl);flex-shrink:0}.warning-content strong{display:block;margin-bottom:12px;color:var(--warning-color);font-size:var(--font-size-sm)}.warning-content ul{margin:8px 0;padding-left:var(--spacing-xl)}.warning-content li{margin:4px 0;color:var(--warning-color);font-size:var(--font-size-sm)}.warning-note{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,193,7,.3);font-weight:var(--font-weight-medium);color:var(--warning-color)}.action-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.action-buttons .admin-btn{min-width:120px}.success-container{text-align:center;padding:var(--spacing-xl)}.success-icon{font-size:64px;margin-bottom:var(--spacing-md)}.success-container h2{color:var(--primay-color);margin-bottom:var(--spacing-sm)}.success-container p{color:var(--text-secondary-color-dark);margin-bottom:var(--spacing-xl)}@media(max-width:768px){.individual-promotion-page,.student-summary-section,.progress-section,.promotion-options-section,.confirmation-section{padding:var(--spacing-md)}.student-info-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.progress-stats-grid,.options-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.warning-box,.action-buttons{flex-direction:column}.action-buttons button{width:100%}.option-card{padding:var(--spacing-md)}}@media(max-width:480px){.individual-promotion-page .page-header h1,.stat-value{font-size:24px}.option-icon{font-size:32px}}body.dark-theme .student-summary-section,body.dark-theme .progress-section,body.dark-theme .promotion-options-section,body.dark-theme .confirmation-section{background:var(--white)}body.dark-theme .stat-card,body.dark-theme .option-card{background-color:var(--background-color-hover)}body.dark-theme .option-card.selected{background-color:rgba(var(--primary-color-rgb),.15)}body.dark-theme .warning-box{background-color:#ffc10726}body.dark-theme .next-semester-select select{background-color:var(--background-color-hover)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.student-summary-section,.progress-section,.promotion-options-section,.confirmation-section{animation:slideInUp var(--transition-speed) var(--transition-timing)}@media(prefers-reduced-motion:reduce){.progress-fill{transition:none}.option-card:hover:not(.disabled){transform:none}.stat-card:hover{transform:none}.student-summary-section,.progress-section,.promotion-options-section,.confirmation-section{animation:none}}@media(prefers-contrast:high){.option-card{border:2px solid currentColor}.option-card.selected{border:3px solid currentColor}.warning-box{border:2px solid currentColor}.progress-fill{background:currentColor}.stat-card{border:1px solid currentColor}}.promotion-tooltip{position:relative;display:inline-block;cursor:help}.promotion-tooltip .tooltip-text{visibility:hidden;background-color:var(--primay-color);color:var(--white);text-align:center;padding:4px 8px;border-radius:var(--border-radius-sm);position:absolute;z-index:var(--z-index-tooltip);bottom:125%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;opacity:0;transition:opacity var(--transition-speed) var(--transition-timing)}.promotion-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.student-exit-page{padding:1.5rem;max-width:900px;margin:0 auto;min-height:100vh;background-color:#f8f9fa}.student-exit-page .page-header{margin-bottom:2rem}.back-button{margin-bottom:1rem}.back-button .admin-btn{display:inline-flex;align-items:center;gap:8px}.student-exit-page .page-header h1{margin:0 0 .5rem;color:#212529;font-size:28px;font-weight:700}.page-description{color:#6c757d;font-size:.875rem;margin:0}.student-exit-container{display:flex;flex-direction:column;gap:1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#6c757d}.student-info-card{background:#fff;border-radius:.5rem;padding:1.5rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.student-header{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.08)}.student-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#007bff,#007bffe6);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;flex-shrink:0}.student-details{flex:1}.student-details h2{margin:0 0 4px;color:#212529;font-size:1.5rem;font-weight:600}.student-email{margin:0 0 12px;color:#6c757d;font-size:.875rem}.student-badges{display:flex;gap:8px;flex-wrap:wrap}.student-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:.875rem;color:#212529;font-weight:500}.exit-form-card{background:#fff;border-radius:.5rem;padding:28px;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.exit-form-card h3{margin:0 0 1.5rem;color:#212529;font-size:1.5rem;font-weight:600}.section-label{display:block;margin-bottom:12px;color:#212529;font-weight:600;font-size:.875rem}.required{color:#dc3545;margin-left:4px}.quick-actions-section{margin-bottom:28px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:1rem;background-color:#f8f9fa;border:2px solid rgba(0,0,0,.08);border-radius:.375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.quick-action-btn:hover,.quick-action-btn.active{border-color:#007bff;background-color:#e6f2ff}.quick-action-icon{font-size:1.5rem}.quick-action-label{font-size:13px;font-weight:500;color:#212529}.exit-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:8px}.exit-type-card{padding:1rem;border:2px solid rgba(0,0,0,.08);border-radius:.375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:#fff}.exit-type-card:hover{border-color:#007bff;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.exit-type-card.selected{border-color:#007bff;background-color:#e6f2ff}.exit-type-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.exit-type-indicator{width:12px;height:12px;border-radius:3px}.exit-type-label{font-weight:600;color:#212529;font-size:.875rem}.exit-type-description{margin:0;font-size:12px;color:#6c757d;line-height:1.4}.form-group{margin-bottom:28px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#212529;font-size:.875rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:.375rem;background-color:#f8f9fa;color:#212529;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #e6f2ff}.form-group textarea{resize:vertical;min-height:100px}.character-count{text-align:right;font-size:12px;color:#6c757d;margin-top:8px}.helper-text{font-size:12px;color:#6c757d;margin-top:4px}.error-text{font-size:12px;color:#dc3545;margin-top:4px}.consequences-section{margin-bottom:28px;padding:2rem;background-color:#f8f9fa;border-radius:.375rem;border:1px solid rgba(0,0,0,.08)}.consequences-section h4{margin:0 0 1rem;color:#212529;font-size:1rem;font-weight:600}.consequences-list{display:flex;flex-direction:column;gap:12px}.consequence-item{display:flex;gap:12px;padding:12px;background-color:#fff;border-radius:.375rem;border-left:3px solid #dee2e6;transition:all .2s cubic-bezier(.4,0,.2,1)}.consequence-icon{font-size:1.5rem}.consequence-item div{flex:1}.consequence-item strong{display:block;margin-bottom:4px;color:#212529;font-size:13px}.consequence-item p{margin:0;font-size:12px;color:#6c757d}.consequence-item.highlight{border-left-color:#ffc107;background-color:#fff8e6}.consequence-item.warning{border-left-color:#dc3545;background-color:#fbebee}.warning-box{display:flex;gap:1rem;padding:2rem;background-color:#fff8e6;border:1px solid rgba(255,193,7,.3);border-radius:.375rem;margin-bottom:28px}.warning-icon{font-size:1.5rem;flex-shrink:0}.warning-content{flex:1}.warning-content strong{display:block;margin-bottom:12px;color:#ffc107;font-size:.875rem}.warning-content ul{margin:0;padding-left:2rem}.warning-content li{margin:4px 0;color:#ffc107;font-size:13px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.form-actions .admin-btn{min-width:120px}.confirmation-dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050}.confirmation-dialog{background:#fff;border-radius:.5rem;max-width:500px;width:90%;padding:2rem;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(0,0,0,.08)}.confirmation-dialog h3{margin:0 0 1rem;color:#212529}.confirmation-dialog p{margin:0 0 1.5rem;color:#6c757d}.confirmation-actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:768px){.student-exit-page{padding:1rem}.student-header{flex-direction:column;text-align:center;gap:1rem}.student-avatar{margin:0 auto}.student-badges{justify-content:center}.student-meta-grid,.quick-actions-grid,.exit-types-grid{grid-template-columns:1fr}.exit-form-card{padding:2rem}.warning-box{flex-direction:column}.warning-icon{text-align:center}.form-actions{flex-direction:column}.form-actions button{width:100%}.consequences-section{padding:1rem}}@media(max-width:480px){.student-exit-page .page-header h1{font-size:24px}.student-details h2,.exit-form-card h3{font-size:1.25rem}}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:50px;font-size:11px;font-weight:500}.badge-primary{background-color:#e6f2ff;color:#0056b3}.badge-success{background-color:#e9f6ec;color:#28a745}.badge-warning{background-color:#fff8e6;color:#ffc107}.badge-danger{background-color:#fbebee;color:#dc3545}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.student-exit-container>*{animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.quick-action-btn:hover,.exit-type-card:hover{transform:none}.student-exit-container>*{animation:none}}@media(prefers-contrast:high){.student-info-card,.exit-form-card{border:2px solid currentColor}.exit-type-card.selected{border:3px solid currentColor}.warning-box{border:2px solid currentColor}.consequence-item{border-left:3px solid currentColor}.quick-action-btn.active{border:3px solid currentColor}}.promotion-history-page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto;min-height:100vh;background-color:var(--white)}.promotion-history-page .page-header{margin-bottom:var(--spacing-xl)}.back-button{margin-bottom:var(--spacing-md)}.promotion-history-page .page-header h1{margin:0 0 var(--spacing-sm) 0;color:var(--primary-color);font-size:28px;font-weight:var(--font-weight-bold)}.page-description{color:var(--text-secondary-color-dark);font-size:var(--font-size-sm);margin:0}.promotion-history-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary-color-dark)}.student-summary-card{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.student-summary-header{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color-light)}.student-avatar{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:var(--font-weight-semibold);color:var(--text-on-primary);flex-shrink:0}.student-info{flex:1}.student-info h2{margin:0 0 4px;color:var(--primary-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.student-email{margin:0 0 12px;color:var(--text-secondary-color-dark);font-size:var(--font-size-sm)}.student-meta{display:flex;gap:8px;flex-wrap:wrap}.student-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--text-secondary-color-dark);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:var(--font-weight-medium)}.detail-value.highlight{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.view-mode-tabs{display:flex;gap:12px;background:var(--white);padding:8px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px var(--spacing-xl);background:transparent;border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary-color-dark);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.tab-btn:hover{background-color:var(--white);color:var(--primary-color)}.tab-btn.active{background:var(--gradient-primary);color:var(--text-on-primary)}.tab-icon{font-size:var(--font-size-lg)}.journey-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}.progress-summary-card{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.progress-summary-card h3,.semester-timeline-card h3,.enrollment-history-card h3{margin:0 0 var(--spacing-xl) 0;color:var(--primary-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.progress-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.progress-stat{display:flex;align-items:center;gap:12px;padding:var(--spacing-md);background-color:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color-light);transition:all var(--transition-speed) var(--transition-timing)}.progress-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary-color-light)}.stat-label{display:block;font-size:12px;color:var(--text-secondary-color-dark);margin-bottom:4px}.stat-value{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.overall-progress{padding:var(--spacing-md);background-color:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.progress-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color);margin-bottom:8px}.progress-bar-container{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width var(--transition-speed) var(--transition-timing)}.progress-percentage{text-align:right;font-size:12px;color:var(--primary-color);font-weight:var(--font-weight-medium)}.semester-timeline-card{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.semester-timeline{display:flex;flex-direction:column;gap:var(--spacing-lg)}.semester-item{display:flex;gap:var(--spacing-xl);position:relative}.semester-marker{position:relative;flex-shrink:0;width:40px}.semester-number{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);color:var(--text-on-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);position:relative;z-index:2}.semester-connector{position:absolute;top:40px;left:20px;width:2px;height:calc(100% + 24px);background-color:var(--border-color)}.semester-content{flex:1;padding:var(--spacing-md);background-color:var(--white);border-radius:var(--border-radius);border-left:3px solid var(--primary-color)}.semester-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.semester-header h4{margin:0;color:var(--primary-color);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.semester-dates{font-size:12px;color:var(--text-secondary-color-dark);margin-bottom:12px}.semester-subjects{margin-top:12px}.semester-subjects strong{display:block;margin-bottom:8px;font-size:13px;color:var(--primary-color)}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.subject-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:var(--white);border-radius:var(--border-radius-sm);font-size:13px;border:1px solid var(--border-color-light)}.subject-name{color:var(--primary-color)}.semester-performance{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color-light);font-size:13px}.semester-performance strong{color:var(--primary-color)}.enrollment-history-card{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background-color:var(--border-color)}.timeline-item{position:relative;margin-bottom:var(--spacing-lg)}.timeline-marker{position:absolute;left:-32px;top:0;width:24px;height:24px;background-color:var(--white);border:2px solid var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.timeline-icon{font-size:12px;color:var(--primary-color)}.timeline-content{padding:var(--spacing-md);background-color:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.timeline-date{font-size:12px;color:var(--text-secondary-color-dark);font-weight:var(--font-weight-medium)}.timeline-detail{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px}.detail-icon{font-size:var(--font-size-sm)}.timeline-detail strong{color:var(--primary-color);margin-right:4px}.promotion-detail{background-color:var(--primary-color-light);padding:8px;border-radius:var(--border-radius-sm);margin-top:8px}.timeline-notes{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color-light);font-size:13px;color:var(--text-secondary-color-dark)}.no-history-message{text-align:center;padding:40px;color:var(--text-secondary-color-dark)}.message-icon{font-size:48px;display:block;margin-bottom:var(--spacing-md)}.no-data-message{text-align:center;padding:40px;color:var(--text-secondary-color-dark)}.action-buttons{display:flex;justify-content:center;margin-top:8px}@media(max-width:768px){.promotion-history-page{padding:var(--spacing-md)}.student-summary-header{flex-direction:column;text-align:center}.student-avatar{margin:0 auto}.student-meta{justify-content:center}.student-details-grid,.progress-stats-grid{grid-template-columns:1fr}.semester-item{flex-direction:column}.semester-marker{width:100%;display:flex;justify-content:center}.semester-connector{display:none}.semester-header{flex-direction:column;align-items:flex-start}.subjects-grid{grid-template-columns:1fr}.timeline-header{flex-direction:column;align-items:flex-start}.timeline-detail{flex-wrap:wrap}.action-buttons button{width:100%}.view-mode-tabs{flex-direction:column}}@media(max-width:480px){.promotion-history-page .page-header h1{font-size:24px}.stat-value,.student-info h2{font-size:var(--font-size-lg)}}body.dark-theme .progress-stat,body.dark-theme .semester-content{background-color:var(--white-hover)}body.dark-theme .subject-item{background-color:var(--white)}body.dark-theme .timeline-content{background-color:var(--white-hover)}body.dark-theme .timeline-marker{background-color:var(--white)}body.dark-theme .promotion-detail{background-color:rgba(var(--primary-color-rgb),.15)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.promotion-history-container>*{animation:fadeInUp var(--transition-speed) var(--transition-timing)}.timeline-item{animation:fadeInUp var(--transition-speed) var(--transition-timing);animation-fill-mode:both}.timeline-item:nth-child(1){animation-delay:.05s}.timeline-item:nth-child(2){animation-delay:.1s}.timeline-item:nth-child(3){animation-delay:.15s}.timeline-item:nth-child(4){animation-delay:.2s}.timeline-item:nth-child(5){animation-delay:.25s}@media(prefers-reduced-motion:reduce){.progress-bar-fill{transition:none}.progress-stat:hover{transform:none}.promotion-history-container>*,.timeline-item{animation:none}}@media(prefers-contrast:high){.student-summary-card,.progress-summary-card,.semester-timeline-card,.enrollment-history-card{border:2px solid currentColor}.semester-connector{background-color:currentColor}.timeline:before{background-color:currentColor}.tab-btn.active{border:2px solid currentColor}.semester-content{border-left:3px solid currentColor}}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--border-radius-full);font-size:11px;font-weight:var(--font-weight-medium)}.status-badge.success{background-color:var(--success-background-color);color:var(--success-color)}.status-badge.warning{background-color:var(--warning-background-color);color:var(--warning-color)}.status-badge.info{background-color:var(--primary-color-light);color:var(--primary-color-dark)}.components-toggleswitch-container{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.components-toggleswitch-hidden-input{opacity:0;width:0;height:0}.components-toggleswitch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);border-radius:28px;transition:all var(--transition-speed) var(--transition-timing)}.components-toggleswitch-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--text-on-primary);border-radius:50%;transition:transform var(--transition-speed) var(--transition-timing);box-shadow:var(--shadow-sm)}.components-toggleswitch-hidden-input:checked+.components-toggleswitch-slider{background-color:var(--brand-cyan-bright)}.components-toggleswitch-hidden-input:checked+.components-toggleswitch-slider:before{transform:translate(22px)}.components-toggleswitch-hidden-input:focus-visible+.components-toggleswitch-slider{outline:2px solid var(--brand-cyan-bright);outline-offset:2px}.components-toggleswitch-hidden-input:disabled+.components-toggleswitch-slider{opacity:.6;cursor:not-allowed}.components-toggleswitch-container:hover .components-toggleswitch-slider:not(.disabled){background-color:var(--text-muted)}.components-toggleswitch-container:hover .components-toggleswitch-hidden-input:checked+.components-toggleswitch-slider:not(.disabled){background-color:var(--brand-navy)}.create-exam-page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto;background:var(--background-color);min-height:100vh;transition:background var(--transition-speed) var(--transition-timing)}.exam-tabs{margin-bottom:var(--spacing-lg)}.form-section{padding:var(--spacing-lg);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-field.full-width{grid-column:span 2}.form-field label{font-weight:var(--font-weight-medium);color:var(--primary-color);font-size:var(--font-size-sm)}.form-field input[type=checkbox]{width:auto;margin-right:var(--spacing-xs);accent-color:var(--primary-color)}.form-input,.form-select,.form-textarea{padding:var(--spacing-sm) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing);background:var(--background-color-light);color:var(--primary-color)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--background-color-hover);cursor:not-allowed}.questions-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.section-card{padding:var(--spacing-lg);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);transition:all var(--transition-speed) var(--transition-timing)}.section-title{display:flex;gap:var(--spacing-md);flex:1;flex-wrap:wrap}.section-title-input{flex:1;min-width:200px}.section-type-select{width:200px}.section-instructions{margin:var(--spacing-md) 0}.questions-container{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.question-card{background:var(--background-color-hover);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.question-card:hover{box-shadow:var(--shadow-sm);border-color:var(--primary-color-light)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.question-number{font-weight:var(--font-weight-semibold);color:var(--primary-color)}.question-marks{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.marks-input,.negative-marks-input{width:80px}.question-text{margin-bottom:var(--spacing-md)}.options-container{margin-top:var(--spacing-md)}.options-container label{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);display:block;color:var(--primary-color)}.option-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.option-input{flex:1}.correct-option-label{display:flex;align-items:center;gap:4px;font-weight:var(--font-weight-normal)!important;margin:0!important;color:var(--primary-color)}.expected-answer,.descriptive-settings{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.expected-answer label,.descriptive-settings label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--primary-color)}.word-limits{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.word-limit-input{width:150px}.remove-question-btn,.add-question-btn{margin-top:var(--spacing-md)}.written-section-card{padding:var(--spacing-lg);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.written-section-header{margin-bottom:var(--spacing-lg)}.written-section-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);flex-wrap:wrap;gap:var(--spacing-sm)}.written-section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.written-questions-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.written-question-card{background:var(--background-color-hover);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color)}.written-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold);flex-wrap:wrap;gap:var(--spacing-sm)}.file-upload-settings{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.file-upload-settings label{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);color:var(--primary-color)}.settings-group{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.settings-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-group h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin-bottom:var(--spacing-md)}.access-section{margin-bottom:var(--spacing-xl)}.access-section h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin-bottom:var(--spacing-md)}.batch-selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.batch-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--primary-color)}.batch-checkbox input{accent-color:var(--primary-color)}.exam-preview{max-height:70vh;overflow-y:auto;padding:var(--spacing-md)}.exam-preview::-webkit-scrollbar{width:8px}.exam-preview::-webkit-scrollbar-track{background:var(--background-color-hover);border-radius:4px}.exam-preview::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.exam-preview::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.preview-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.preview-header h3{font-size:20px;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--primary-color)}.preview-meta{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-sm);color:var(--text-secondary-color-dark);font-size:var(--font-size-sm);flex-wrap:wrap}.preview-section{margin-bottom:var(--spacing-lg)}.preview-section h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--primary-color)}.preview-question{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius)}.preview-question-text{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--primary-color)}.preview-question-text .question-marks{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-left:var(--spacing-xs)}.preview-options{margin-left:var(--spacing-lg)}.preview-option{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);color:var(--primary-color)}.saving-overlay{position:fixed;inset:0;background:var(--background-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-index-modal);gap:var(--spacing-md);color:var(--text-on-primary)}.saving-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--text-on-primary);border-radius:50%;animation:spin 1s linear infinite}.helper-text{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-top:4px}.error-text{font-size:var(--font-size-sm);color:var(--danger-color);margin-top:4px}@media(max-width:768px){.create-exam-page{padding:var(--spacing-md)}.page-header{flex-direction:column;gap:var(--spacing-md)}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.form-field.full-width{grid-column:span 1}.section-title{flex-direction:column}.section-type-select{width:100%}.question-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.question-marks{width:100%;justify-content:space-between}.preview-meta{flex-direction:column;gap:var(--spacing-xs)}.option-row{flex-wrap:wrap}.word-limits{flex-direction:column}.word-limit-input{width:100%}}@media(max-width:480px){.create-exam-page{padding:var(--spacing-sm)}.form-section,.section-card,.written-section-card,.question-card,.written-question-card{padding:var(--spacing-md)}.loading-container{padding:40px var(--spacing-md)}}body.dark-theme .form-section,body.dark-theme .section-card,body.dark-theme .written-section-card,body.dark-theme .loading-container{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .question-card,body.dark-theme .written-question-card{background:var(--background-color-hover)}body.dark-theme .form-input,body.dark-theme .form-select,body.dark-theme .form-textarea{background:var(--background-color-light);border-color:var(--border-color);color:var(--primary-color)}body.dark-theme .preview-question{background:var(--background-color-hover)}@media(prefers-reduced-motion:reduce){.form-input,.form-select,.form-textarea,.question-card,.loading-spinner,.saving-spinner{transition:none}.loading-spinner,.saving-spinner{animation:none}.loading-spinner{border:3px solid var(--border-color);border-top-color:transparent}}@media print{.header-actions,.exam-tabs,.remove-question-btn,.add-question-btn,.saving-overlay{display:none}.create-exam-page{background:#fff;padding:0}.form-section,.section-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}button:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.batch-checkbox input:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.form-section,.section-card,.question-card,.written-question-card,.form-input,.form-select,.form-textarea{border:2px solid currentColor}}.exam-monitor-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;background:var(--background-color);min-height:100vh;transition:background var(--transition-speed) var(--transition-timing)}.breadcrumb{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-bottom:var(--spacing-xs);cursor:pointer;transition:color var(--transition-speed) var(--transition-timing)}.page-header h1{font-size:28px;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.page-header .text-muted{color:var(--text-secondary-color-dark);font-size:var(--font-size-sm)}.exam-info{display:flex;gap:var(--spacing-lg);background:var(--background-color-hover);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);flex-wrap:wrap}.info-item{display:flex;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.info-label{font-weight:var(--font-weight-semibold);color:var(--primary-color)}.info-value{color:var(--text-secondary-color-dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card.in-progress .stat-value{color:var(--warning-color)}.stat-card.submitted .stat-value{color:var(--success-color)}.stat-card.auto-submitted .stat-value{color:var(--info-color)}.stat-card.terminated .stat-value{color:var(--danger-color)}.monitor-controls{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.controls-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.monitor-tabs{flex:1}.filters{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.search-input{width:250px}.attempts-table-container{overflow-x:auto;padding:0;background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.attempts-table{width:100%;border-collapse:collapse}.attempts-table th{padding:var(--spacing-md) var(--spacing-md);text-align:left;background:var(--background-color-hover);font-weight:var(--font-weight-semibold);color:var(--primary-color);border-bottom:2px solid var(--border-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.attempts-table td{padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.attempts-table tbody tr:hover{background:var(--background-color-hover)}.student-cell .student-name{font-weight:var(--font-weight-medium);color:var(--primary-color);margin-bottom:4px}.student-cell .student-email{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.progress-cell{min-width:120px}.progress-text{font-size:var(--font-size-sm);margin-bottom:4px;color:var(--text-secondary-color-dark)}.progress-bar-container{background:var(--background-color-hover);border-radius:4px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--gradient-primary);height:100%;transition:width var(--transition-speed) var(--transition-timing)}.score-text{font-weight:var(--font-weight-medium);color:var(--success-color)}.risk-cell{display:flex;align-items:center;gap:var(--spacing-xs)}.risk-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.risk-dot.high{background:var(--danger-color);box-shadow:0 0 4px var(--danger-color)}.risk-dot.medium{background:var(--warning-color);box-shadow:0 0 4px var(--warning-color)}.risk-dot.low{background:var(--success-color);box-shadow:0 0 4px var(--success-color)}.risk-label{font-size:var(--font-size-sm);color:var(--primary-color)}.warning-badge{margin-left:4px}.action-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.action-buttons button{padding:4px var(--spacing-sm);font-size:var(--font-size-sm)}.status-badge-in-progress{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.status-badge-submitted{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.status-badge-auto-submitted{background:rgba(var(--info-color-rgb),.15);color:var(--info-color)}.status-badge-terminated{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.no-data p{color:var(--text-secondary-color-dark);margin-bottom:var(--spacing-md)}.loading-container p{color:var(--text-secondary-color-dark)}.attempt-details{max-height:70vh;overflow-y:auto;padding:var(--spacing-xs)}.attempt-details::-webkit-scrollbar{width:8px}.attempt-details::-webkit-scrollbar-track{background:var(--background-color-hover);border-radius:4px}.attempt-details::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.attempt-details::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.details-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.details-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.details-section h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--primary-color)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.detail-item{display:flex;align-items:baseline;gap:var(--spacing-xs);flex-wrap:wrap}.detail-label{font-weight:var(--font-weight-medium);color:var(--text-secondary-color-dark);min-width:100px;font-size:var(--font-size-sm)}.detail-item span:last-child{color:var(--primary-color)}.monitoring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.monitoring-card{background:var(--background-color-hover);padding:var(--spacing-md);border-radius:var(--border-radius);display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-speed) var(--transition-timing);border:1px solid var(--border-color)}.monitoring-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.monitoring-icon{font-size:28px}.monitoring-info{flex:1}.monitoring-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-bottom:4px}.monitoring-value{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--primary-color)}.warnings-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.warning-item{background:rgba(var(--warning-color-rgb),.1);border-left:4px solid var(--warning-color);padding:var(--spacing-sm);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.warning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);flex-wrap:wrap;gap:var(--spacing-xs)}.warning-time{font-size:var(--font-size-sm);color:var(--warning-color)}.warning-message{margin-bottom:var(--spacing-xs);color:var(--primary-color);font-size:var(--font-size-sm)}.warning-action{font-size:var(--font-size-sm);color:var(--warning-color)}.warnings-modal-content{max-height:60vh;overflow-y:auto;padding:var(--spacing-xs)}.warning-detail-item{background:var(--background-color-hover);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);border:1px solid var(--border-color)}.warning-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-xs)}.warning-detail-item p{margin-bottom:var(--spacing-sm);color:var(--primary-color);font-size:var(--font-size-sm)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.live-indicator{display:inline-flex;align-items:center;gap:6px;background:var(--danger-color);color:var(--text-on-primary);padding:4px var(--spacing-xs);border-radius:20px;font-size:var(--font-size-sm);animation:pulse 2s infinite}.live-indicator:before{content:"";width:8px;height:8px;background:var(--text-on-primary);border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(max-width:1024px){.exam-monitor-page{padding:var(--spacing-md)}.controls-header{flex-direction:column;align-items:stretch}.filters{flex-wrap:wrap}.search-input,.status-filter{flex:1}}@media(max-width:768px){.page-header{flex-direction:column;gap:var(--spacing-md)}.exam-info{flex-direction:column;gap:var(--spacing-xs)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:24px}.stat-icon{font-size:28px}.details-grid{grid-template-columns:1fr}.monitoring-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.attempts-table-container{overflow-x:auto}.attempts-table{min-width:800px}}@media(max-width:480px){.exam-monitor-page{padding:var(--spacing-sm)}.stats-grid,.monitoring-grid{grid-template-columns:1fr}.detail-item{flex-direction:column;gap:4px}.detail-label{min-width:auto}.loading-container,.no-data{padding:40px var(--spacing-md)}}body.dark-theme .stat-card,body.dark-theme .monitor-controls,body.dark-theme .attempts-table-container,body.dark-theme .loading-container,body.dark-theme .no-data{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .attempts-table th,body.dark-theme .attempts-table tbody tr:hover,body.dark-theme .exam-info,body.dark-theme .monitoring-card,body.dark-theme .warning-detail-item{background:var(--background-color-hover)}body.dark-theme .warning-item{background:rgba(var(--warning-color-rgb),.15)}@media(prefers-reduced-motion:reduce){.stat-card,.monitoring-card,.progress-bar-fill,.loading-spinner{transition:none}.stat-card:hover,.monitoring-card:hover{transform:none}.live-indicator,.live-indicator:before{animation:none}.loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.monitor-controls,.action-buttons,.modal-actions{display:none}.exam-monitor-page{background:#fff;padding:0}.stat-card,.attempts-table-container{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.attempts-table th{background:#f0f0f0}}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.stat-card,.monitor-controls,.attempts-table-container{border:2px solid currentColor}.status-badge,.risk-dot,.progress-bar-fill{border:1px solid currentColor}}.exam-results-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;background:var(--background-color);min-height:100vh;transition:background var(--transition-speed) var(--transition-timing)}.header-actions{display:flex;gap:var(--spacing-sm)}.stat-value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--text-primary-color);transition:color var(--transition-speed) var(--transition-timing)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-top:4px;transition:color var(--transition-speed) var(--transition-timing)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.distribution-card,.top-performers-card{padding:var(--spacing-lg);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.distribution-card h3,.top-performers-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--text-primary-color);transition:color var(--transition-speed) var(--transition-timing)}.distribution-bars{display:flex;flex-direction:column;gap:var(--spacing-sm)}.distribution-item{display:flex;align-items:center;gap:var(--spacing-sm)}.distribution-label{width:60px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary-color)}.distribution-bar-container{flex:1;height:30px;background:var(--background-color-hover);border-radius:var(--border-radius);overflow:hidden}.distribution-bar{height:100%;transition:width var(--transition-speed) var(--transition-timing);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-xs);color:var(--text-on-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--gradient-primary)}.distribution-count{width:40px;text-align:right;font-weight:var(--font-weight-medium);color:var(--text-primary-color)}.top-performers-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.performer-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);position:relative;transition:all var(--transition-speed) var(--transition-timing)}.performer-item:hover{background:rgba(var(--primary-color-rgb),.05);transform:translate(4px)}.performer-rank{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-color);width:40px}.performer-info{flex:1}.performer-name{font-weight:var(--font-weight-medium);color:var(--text-primary-color);margin-bottom:4px}.performer-score{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.crown-icon{font-size:20px;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.filters-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.filters-container{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.search-input{flex:1;min-width:250px}.status-filter{width:180px}.sort-indicator{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.results-table-container{overflow-x:auto;padding:0;background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.results-table{width:100%;border-collapse:collapse}.results-table th{padding:var(--spacing-md) var(--spacing-md);text-align:left;background:var(--background-color-hover);font-weight:var(--font-weight-semibold);color:var(--text-primary-color);border-bottom:2px solid var(--border-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.results-table td{padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.results-table tbody tr:hover{background:var(--background-color-hover)}.student-cell .student-name{font-weight:var(--font-weight-medium);color:var(--text-primary-color);margin-bottom:4px}.student-details{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary-color)}.score-cell{font-weight:var(--font-weight-semibold)}.score-value{font-size:var(--font-size-lg);color:var(--text-primary-color)}.score-total{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.percentage-cell{display:flex;align-items:center;gap:var(--spacing-xs)}.percentage-value{font-weight:var(--font-weight-semibold);color:var(--text-primary-color)}.pagination-info{padding:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary-color);border-top:1px solid var(--border-color)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--border-color)}.page-info{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.student-results{max-height:70vh;overflow-y:auto;padding:var(--spacing-xs)}.student-results::-webkit-scrollbar{width:8px}.student-results::-webkit-scrollbar-track{background:var(--background-color-hover);border-radius:4px}.student-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.student-results::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.results-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.summary-card{text-align:center;padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.summary-label{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-bottom:var(--spacing-xs)}.summary-value{font-size:24px;font-weight:var(--font-weight-bold);color:var(--text-primary-color)}.summary-percentage{font-size:var(--font-size-sm);color:var(--primary-color);margin-top:4px}.section-breakdown{margin-bottom:var(--spacing-lg)}.section-breakdown h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--text-primary-color)}.breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.breakdown-item{display:flex;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);transition:background var(--transition-speed) var(--transition-timing)}.breakdown-label{font-weight:var(--font-weight-medium);color:var(--text-primary-color)}.breakdown-score{font-weight:var(--font-weight-semibold);color:var(--primary-color)}.answers-review{margin-bottom:var(--spacing-lg)}.answers-review h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--text-primary-color)}.answers-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.answer-item{padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.answer-question{margin-bottom:var(--spacing-xs)}.question-number{font-weight:var(--font-weight-semibold);margin-right:var(--spacing-xs);color:var(--primary-color)}.question-text{margin-right:var(--spacing-xs);color:var(--text-primary-color)}.answer-details{padding-left:20px}.student-answer{margin-bottom:4px;font-size:var(--font-size-sm);color:var(--text-primary-color)}.answer-status{margin-bottom:4px;font-size:var(--font-size-sm)}.answer-status.correct{color:var(--success-color)}.answer-status.incorrect{color:var(--danger-color)}.obtained-marks{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.loading-container p{color:var(--text-secondary-color)}.status-badge-passed{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.status-badge-failed{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}@media(max-width:1024px){.exam-results-page{padding:var(--spacing-md)}.charts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;gap:var(--spacing-md)}.header-actions{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:24px}.filters-container{flex-direction:column}.search-input,.status-filter{width:100%}.results-summary,.breakdown-grid{grid-template-columns:1fr}.results-table-container{overflow-x:auto}.results-table{min-width:800px}}@media(max-width:480px){.exam-results-page{padding:var(--spacing-sm)}.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-sm)}.stat-value{font-size:20px}.stat-icon{font-size:24px}.loading-container,.no-data{padding:40px var(--spacing-md)}.summary-value{font-size:20px}}body.dark-theme .stat-card,body.dark-theme .distribution-card,body.dark-theme .top-performers-card,body.dark-theme .filters-card,body.dark-theme .results-table-container,body.dark-theme .loading-container,body.dark-theme .no-data{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .results-table th,body.dark-theme .results-table tbody tr:hover,body.dark-theme .performer-item,body.dark-theme .summary-card,body.dark-theme .breakdown-item,body.dark-theme .answer-item,body.dark-theme .distribution-bar-container{background:var(--background-color-hover)}@media(prefers-reduced-motion:reduce){.stat-card,.performer-item,.distribution-bar,.loading-spinner{transition:none}.stat-card:hover,.performer-item:hover{transform:none}.loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.header-actions,.filters-card,.pagination-controls,.modal-actions{display:none}.exam-results-page{background:#fff;padding:0}.stat-card,.distribution-card,.top-performers-card,.results-table-container{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.results-table th{background:#f0f0f0}}button:focus-visible,.search-input input:focus-visible,.status-filter select:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.stat-card,.distribution-card,.top-performers-card,.filters-card,.results-table-container{border:2px solid currentColor}.status-badge-passed,.status-badge-failed,.distribution-bar{border:1px solid currentColor}}.exam-report-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;background:var(--background-color);min-height:100vh;transition:background var(--transition-speed) var(--transition-timing)}.breadcrumb{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-bottom:var(--spacing-xs);transition:color var(--transition-speed) var(--transition-timing)}.breadcrumb .current{color:var(--text-primary-color);font-weight:var(--font-weight-medium)}.page-header h1{font-size:28px;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--text-primary-color);transition:color var(--transition-speed) var(--transition-timing)}.report-type-select{width:150px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.metric-card{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-speed) var(--transition-timing);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-icon{font-size:40px}.metric-info{flex:1}.metric-value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--text-primary-color);transition:color var(--transition-speed) var(--transition-timing)}.metric-label{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-top:4px}.metric-sub{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-top:4px;opacity:.8}.question-analysis-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.card-header{margin-bottom:var(--spacing-lg)}.card-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:4px;color:var(--text-primary-color);transition:color var(--transition-speed) var(--transition-timing)}.card-header p{font-size:var(--font-size-sm);color:var(--text-secondary-color);transition:color var(--transition-speed) var(--transition-timing)}.question-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.question-analysis-item{padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);border-left:4px solid var(--primary-color);transition:all var(--transition-speed) var(--transition-timing)}.question-analysis-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-xs)}.question-title{flex:1}.question-number{font-weight:var(--font-weight-bold);margin-right:var(--spacing-sm);color:var(--primary-color)}.question-text{margin-right:var(--spacing-sm);color:var(--text-primary-color)}.question-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.stat-value{font-weight:var(--font-weight-semibold);color:var(--text-primary-color);transition:color var(--transition-speed) var(--transition-timing)}.progress-bar{height:6px;background:var(--background-color-hover);border-radius:3px;overflow:hidden;margin-top:4px}.progress-fill{height:100%;transition:width var(--transition-speed) var(--transition-timing);background:var(--gradient-primary)}.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.batch-performance-card,.recommendations-card{padding:var(--spacing-lg);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.batch-performance-card h3,.recommendations-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--text-primary-color)}.batch-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.batch-item{padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.batch-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.batch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-xs)}.batch-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--text-primary-color)}.batch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.batch-stat{display:flex;flex-direction:column;gap:4px}.batch-stat .stat-label{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.batch-stat .stat-value{font-weight:var(--font-weight-semibold);color:var(--text-primary-color)}.recommendations-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recommendation-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:rgba(var(--primary-color-rgb),.1);border-radius:var(--border-radius);border-left:4px solid var(--primary-color);transition:all var(--transition-speed) var(--transition-timing)}.recommendation-item:hover{transform:translate(4px);background:rgba(var(--primary-color-rgb),.15)}.recommendation-icon{font-size:20px}.recommendation-text{flex:1;line-height:1.5;color:var(--text-primary-color);transition:color var(--transition-speed) var(--transition-timing)}.time-analysis-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.time-analysis-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--text-primary-color)}.time-bars{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.time-bar-item{display:flex;align-items:center;gap:var(--spacing-sm)}.time-label{width:40px;font-weight:var(--font-weight-semibold);color:var(--text-primary-color)}.time-bar-container{flex:1;height:30px;background:var(--background-color-hover);border-radius:var(--border-radius);overflow:hidden}.time-bar-fill{height:100%;transition:width var(--transition-speed) var(--transition-timing);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-xs);color:var(--text-on-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--gradient-primary)}.time-value{width:60px;text-align:right;font-weight:var(--font-weight-medium);color:var(--text-primary-color)}.time-insights{margin-top:var(--spacing-md);padding:var(--spacing-md);background:rgba(var(--success-color-rgb),.1);border-radius:var(--border-radius);border-left:4px solid var(--success-color)}.time-insights p{color:var(--success-color);font-size:var(--font-size-sm);margin:0}.action-buttons-container{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color)}.loading-container p{color:var(--text-secondary-color);transition:color var(--transition-speed) var(--transition-timing)}.no-data{text-align:center;padding:60px;background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color)}.no-data-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.no-data p{color:var(--text-secondary-color);margin-bottom:var(--spacing-md)}@media(max-width:1024px){.exam-report-page{padding:var(--spacing-md)}.two-column-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;gap:var(--spacing-md)}.header-actions{width:100%;flex-wrap:wrap}.header-actions>*{flex:1;min-width:120px}.metrics-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.metric-card{padding:var(--spacing-md)}.metric-value{font-size:24px}.metric-icon{font-size:32px}.question-stats,.batch-stats{grid-template-columns:1fr;gap:var(--spacing-xs)}.action-buttons-container{flex-direction:column}.action-buttons-container button{width:100%}.question-header{flex-direction:column}.time-bar-item{flex-wrap:wrap}.time-label{width:100%}.time-value{width:100%;text-align:left}}@media(max-width:480px){.exam-report-page,.metric-card{padding:var(--spacing-sm)}.metric-value{font-size:20px}.metric-icon{font-size:28px}.question-analysis-item,.batch-item,.recommendation-item{padding:var(--spacing-sm)}.loading-container,.no-data{padding:40px var(--spacing-md)}}body.dark-theme .metric-card,body.dark-theme .question-analysis-card,body.dark-theme .batch-performance-card,body.dark-theme .recommendations-card,body.dark-theme .time-analysis-card,body.dark-theme .loading-container,body.dark-theme .no-data{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .question-analysis-item,body.dark-theme .batch-item{background:var(--background-color-hover)}body.dark-theme .recommendation-item{background:rgba(var(--primary-color-rgb),.15)}body.dark-theme .time-insights{background:rgba(var(--success-color-rgb),.15)}body.dark-theme .progress-bar,body.dark-theme .time-bar-container{background:var(--background-color-hover)}@media(prefers-reduced-motion:reduce){.metric-card,.question-analysis-item,.batch-item,.recommendation-item,.time-bar-fill,.progress-fill{transition:none}.metric-card:hover,.question-analysis-item:hover,.batch-item:hover,.recommendation-item:hover{transform:none}.loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.header-actions,.action-buttons-container,.report-type-select{display:none}.exam-report-page{background:#fff;padding:0}.metric-card,.question-analysis-card,.batch-performance-card,.recommendations-card,.time-analysis-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.progress-fill,.time-bar-fill{background:#0d6efd}}button:focus-visible,select:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.metric-card,.question-analysis-card,.batch-performance-card,.recommendations-card,.time-analysis-card{border:2px solid currentColor}.question-analysis-item,.batch-item,.recommendation-item{border-left:4px solid currentColor}.progress-fill,.time-bar-fill{border:1px solid currentColor}}.exam-detail-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;background:var(--background-color);min-height:100vh;transition:background var(--transition-speed) var(--transition-timing)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.breadcrumb{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-bottom:var(--spacing-sm);transition:color var(--transition-speed) var(--transition-timing)}.breadcrumb span{cursor:pointer;transition:color var(--transition-speed) var(--transition-timing)}.breadcrumb span:hover{color:var(--primary-color)}.breadcrumb .current{color:var(--primary-color);font-weight:var(--font-weight-medium)}.header-title{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);flex-wrap:wrap}.header-title h1{font-size:28px;font-weight:var(--font-weight-semibold);color:var(--primary-color);margin:0;transition:color var(--transition-speed) var(--transition-timing)}.header-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{padding:var(--spacing-lg);transition:all var(--transition-speed) var(--transition-timing);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-content{display:flex;align-items:center;gap:var(--spacing-md)}.stat-icon{font-size:32px}.stat-info{flex:1}.stat-value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-top:4px}.stat-card.total .stat-value{color:var(--text-secondary-color-dark)}.stat-card.published .stat-value{color:var(--info-color)}.stat-card.draft .stat-value{color:var(--warning-color)}.stat-card.completed .stat-value{color:var(--success-color)}.stat-card.cancelled .stat-value{color:var(--danger-color)}.detail-tabs{margin-bottom:var(--spacing-lg)}.tab-content{margin-top:var(--spacing-lg)}.info-card,.instructions-card,.proctoring-card,.settings-card,.access-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.info-card h3,.instructions-card h3,.proctoring-card h3,.settings-card h3,.access-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--primary-color)}.status-badge{display:inline-flex;align-items:center;padding:4px var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-badge-draft{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.status-badge-published{background:rgba(var(--info-color-rgb),.15);color:var(--info-color)}.status-badge-ongoing{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.status-badge-completed{background:rgba(var(--primary-color-rgb),.15);color:var(--primary-color)}.status-badge-cancelled{background:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.instructions-content{background:var(--background-color-hover);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color)}.instructions-content p{margin-bottom:var(--spacing-xs);line-height:1.6;color:var(--primary-color);transition:color var(--transition-speed) var(--transition-timing)}.instructions-content p:last-child{margin-bottom:0}.proctoring-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.proctoring-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.proctoring-icon{font-size:24px}.proctoring-label{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-bottom:4px}.proctoring-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color)}.sections-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-card{padding:var(--spacing-lg);background:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-sm)}.section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--primary-color)}.section-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);flex-wrap:wrap}.section-instructions{background:var(--background-color-hover);padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);border:1px solid var(--border-color)}.questions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.question-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.question-item:hover{transform:translate(4px);border-color:var(--primary-color-light)}.question-number{font-weight:var(--font-weight-semibold);color:var(--primary-color);min-width:40px}.question-content{flex:1;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-xs)}.question-text{flex:1;color:var(--primary-color)}.question-marks{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-xs)}.setting-label{font-weight:var(--font-weight-medium);color:var(--text-secondary-color-dark)}.setting-value{font-weight:var(--font-weight-semibold);color:var(--primary-color)}.passcode-section{background:var(--background-color-hover);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.passcode-section label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--text-secondary-color-dark)}.passcode-display{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.passcode-display code{font-size:20px;font-weight:var(--font-weight-bold);letter-spacing:2px;background:var(--background-color-light);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color);color:var(--primary-color)}.passcode-note{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-top:var(--spacing-xs)}.batches-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.batch-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing);flex-wrap:wrap;gap:var(--spacing-sm)}.batch-item:hover{transform:translate(4px);border-color:var(--primary-color-light)}.batch-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.batch-name{font-weight:var(--font-weight-medium);color:var(--primary-color)}.batch-stats{color:var(--text-secondary-color-dark);font-size:var(--font-size-sm)}.access-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.summary-item{text-align:center;padding:var(--spacing-md);background:var(--background-color-hover);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-timing)}.summary-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin-bottom:var(--spacing-xs)}.summary-value{font-size:24px;font-weight:var(--font-weight-bold);color:var(--primary-color)}.no-data-message{text-align:center;padding:40px;color:var(--text-secondary-color-dark);background:var(--background-color-hover);border-radius:var(--border-radius)}.publish-modal-content,.cancel-modal-content{text-align:center;padding:var(--spacing-xs) 0}.success-icon,.warning-icon{font-size:48px;margin-bottom:var(--spacing-md)}.success-icon{color:var(--success-color)}.warning-icon{color:var(--danger-color)}.publish-modal-content h3,.cancel-modal-content h3{margin-bottom:var(--spacing-xs);color:var(--primary-color)}.cancel-modal-content .text-danger{color:var(--danger-color);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);text-align:left}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color)}.error-container{text-align:center}.error-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--danger-color)}.error-container h2{font-size:24px;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.error-container p{color:var(--text-secondary-color-dark);margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}@media(max-width:1024px){.exam-detail-page{padding:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(3,1fr)}.info-grid,.proctoring-grid,.settings-grid{grid-template-columns:1fr}}@media(max-width:768px){.page-header{flex-direction:column;gap:var(--spacing-md)}.header-actions{width:100%;flex-wrap:wrap}.header-actions button{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:24px}.section-header{flex-direction:column;gap:var(--spacing-sm)}.section-meta{flex-wrap:wrap}.access-summary{grid-template-columns:1fr;gap:var(--spacing-sm)}.passcode-display{flex-direction:column}.info-grid{gap:var(--spacing-sm)}}@media(max-width:480px){.exam-detail-page{padding:var(--spacing-sm)}.stats-grid{grid-template-columns:1fr}.header-title h1{font-size:24px}.info-card,.instructions-card,.proctoring-card,.settings-card,.access-card{padding:var(--spacing-md)}.batch-item{flex-direction:column;align-items:flex-start}.question-item,.question-content{flex-direction:column}}body.dark-theme .info-card,body.dark-theme .instructions-card,body.dark-theme .proctoring-card,body.dark-theme .settings-card,body.dark-theme .access-card,body.dark-theme .section-card,body.dark-theme .loading-container,body.dark-theme .error-container{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .instructions-content,body.dark-theme .proctoring-item,body.dark-theme .question-item,body.dark-theme .setting-item,body.dark-theme .batch-item,body.dark-theme .summary-item,body.dark-theme .passcode-section{background:var(--background-color-hover);border-color:var(--border-color)}body.dark-theme .passcode-display code{background:var(--background-color-light);border-color:var(--border-color)}@media(prefers-reduced-motion:reduce){.stat-card,.question-item,.batch-item,.loading-spinner{transition:none}.stat-card:hover,.question-item:hover,.batch-item:hover{transform:none}.loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.header-actions,.detail-tabs,.modal-actions{display:none}.exam-detail-page{background:#fff;padding:0}.info-card,.instructions-card,.proctoring-card,.settings-card,.access-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.stat-card{border:1px solid #ddd}}button:focus-visible,.breadcrumb span:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.info-card,.instructions-card,.proctoring-card,.settings-card,.access-card,.stat-card{border:2px solid currentColor}.status-badge{border:1px solid currentColor}.passcode-display code{border:2px solid currentColor}}.take-exam-page{min-height:100vh;background:var(--background-color);transition:background var(--transition-speed) var(--transition-timing)}.exam-header{background:var(--background-color-light);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:var(--z-index-header);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.exam-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;flex-wrap:wrap;gap:var(--spacing-sm)}.exam-header h1{font-size:20px;font-weight:var(--font-weight-semibold);margin-bottom:4px;color:var(--text-primary-color);transition:color var(--transition-speed) var(--transition-timing)}.exam-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary-color);transition:color var(--transition-speed) var(--transition-timing)}.timer{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--text-primary-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:40px;color:var(--text-on-primary);font-weight:var(--font-weight-semibold);transition:all var(--transition-speed) var(--transition-timing)}.timer.warning{background:var(--danger-color);animation:pulse 1s infinite}.timer-icon{font-size:20px}.timer-value{font-size:24px;font-family:var(--font-family-monospace)}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.exam-content{display:flex;max-width:1400px;margin:var(--spacing-lg) auto;gap:var(--spacing-lg);padding:0 var(--spacing-lg);flex-wrap:wrap}.question-sidebar{width:280px;background:var(--background-color-light);border-radius:var(--border-radius);padding:var(--spacing-lg);height:fit-content;position:sticky;top:100px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.sidebar-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.stat-item{text-align:center}.stat-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-bottom:4px}.stat-value{display:block;font-size:20px;font-weight:var(--font-weight-bold);color:var(--text-primary-color)}.stat-value.answered{color:var(--success-color)}.stat-value.marked{color:var(--warning-color)}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}.question-nav-btn{aspect-ratio:1;background:var(--background-color-hover);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);color:var(--text-primary-color)}.question-nav-btn:hover{background:var(--background-color-hover);transform:translateY(-2px)}.question-nav-btn.active{background:var(--primary-color);color:var(--text-on-primary);border-color:var(--primary-color)}.question-nav-btn.answered{background:var(--success-color);color:var(--text-on-primary);border-color:var(--success-color)}.question-nav-btn.marked{background:var(--warning-color);color:var(--text-primary-color);border-color:var(--warning-color);position:relative}.question-nav-btn.marked:after{content:"🔖";position:absolute;top:-4px;right:-4px;font-size:10px}.question-main{flex:1;min-width:0}.question-card{padding:var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-sm)}.question-info{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.question-marks{font-size:var(--font-size-sm);color:var(--text-secondary-color)}.question-text{margin-bottom:var(--spacing-lg)}.question-text h3{font-size:var(--font-size-md);color:var(--text-secondary-color);margin-bottom:var(--spacing-sm)}.question-text p{font-size:var(--font-size-lg);line-height:1.5;color:var(--text-primary-color)}.options-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.option-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-color-hover);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);border:1px solid transparent}.option-label:hover{background:rgba(var(--primary-color-rgb),.05);border-color:var(--primary-color-light)}.option-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.option-text{flex:1;font-size:var(--font-size-md);color:var(--text-primary-color)}.option-letter{font-weight:var(--font-weight-bold);margin-right:var(--spacing-xs);color:var(--primary-color)}.descriptive-container{margin-bottom:var(--spacing-lg)}.descriptive-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;background:var(--background-color-light);color:var(--text-primary-color);transition:all var(--transition-speed) var(--transition-timing)}.descriptive-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.25)}.word-count{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary-color);text-align:right}.question-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-sm)}.navigation-buttons{display:flex;gap:var(--spacing-sm)}.submit-modal-content,.warning-modal-content{text-align:center;padding:var(--spacing-xs) 0}.warning-icon{font-size:48px;margin-bottom:var(--spacing-md);color:var(--warning-color)}.submit-summary{background:var(--background-color-hover);padding:var(--spacing-md);border-radius:var(--border-radius);margin:var(--spacing-lg) 0;border:1px solid var(--border-color)}.summary-item{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-color)}.summary-item:last-child{border-bottom:none}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.warning-note{font-size:var(--font-size-sm);color:var(--text-secondary-color);margin-top:var(--spacing-sm)}.take-exam-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.take-exam-error{text-align:center;padding:60px var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius);margin:var(--spacing-lg)}.error-icon{font-size:48px;margin-bottom:var(--spacing-md);color:var(--danger-color)}@media(max-width:1024px){.exam-content{flex-direction:column}.question-sidebar{width:100%;position:static}.question-grid{grid-template-columns:repeat(8,1fr)}}@media(max-width:768px){.exam-header-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}.exam-header{padding:var(--spacing-sm) var(--spacing-md)}.exam-content{padding:0 var(--spacing-md);margin:var(--spacing-md) auto}.question-card{padding:var(--spacing-md)}.question-actions{flex-direction:column}.navigation-buttons{width:100%}.navigation-buttons button{flex:1}.question-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:480px){.exam-header h1{font-size:var(--font-size-lg)}.timer-value{font-size:18px}.question-text p{font-size:var(--font-size-md)}.option-text{font-size:var(--font-size-sm)}.question-grid{grid-template-columns:repeat(4,1fr)}}body.dark-theme .exam-header,body.dark-theme .question-sidebar,body.dark-theme .question-card{background:var(--background-color-light);border-color:var(--border-color)}body.dark-theme .option-label{background:var(--background-color-hover)}body.dark-theme .option-label:hover{background:rgba(var(--primary-color-rgb),.15)}body.dark-theme .timer{background:var(--text-primary-color)}body.dark-theme .submit-summary{background:var(--background-color-hover)}@media(prefers-reduced-motion:reduce){.timer.warning{animation:none}.question-nav-btn,.option-label,.loading-spinner{transition:none}.loading-spinner{animation:none;border:3px solid var(--border-color);border-top-color:transparent}}@media print{.exam-header,.question-sidebar,.question-actions{display:none}.take-exam-page{background:#fff}.question-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.question-nav-btn:focus-visible,.option-label:focus-visible,.descriptive-input:focus-visible,.navigation-buttons button:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media(prefers-contrast:high){.timer,.question-nav-btn.active,.question-nav-btn.answered,.question-nav-btn.marked{border:2px solid currentColor}.option-label{border:1px solid currentColor}}.components-dropdown-container{position:relative;display:inline-block;font-family:var(--font-family-sans)}.components-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--white);color:var(--primary-color);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);position:relative}.components-dropdown-trigger:hover:not(.components-dropdown-disabled){border-color:var(--brand-cyan-bright)}.components-dropdown-trigger:focus:not(.components-dropdown-disabled){outline:none;border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.15)}.components-dropdown-disabled{opacity:.6;cursor:not-allowed;background:var(--background-color-hover)}.components-dropdown-outline{background:var(--white);border:1px solid var(--border-color)}.components-dropdown-filled{background:var(--background-color-hover);border:1px solid transparent}.components-dropdown-ghost{background:transparent;border:1px solid transparent}.components-dropdown-ghost:hover:not(.components-dropdown-disabled){background:var(--background-color-hover)}.components-dropdown-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-height:32px}.components-dropdown-md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);min-height:40px}.components-dropdown-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:48px}.components-dropdown-trigger-content{flex:1;text-align:left;overflow:hidden}.components-dropdown-placeholder{color:var(--text-muted)}.components-dropdown-selected{font-weight:var(--font-weight-medium)}.components-dropdown-selected-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;overflow:hidden}.components-dropdown-tag{background:var(--brand-cyan-bright);color:var(--text-on-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.components-dropdown-trigger-icons{display:flex;align-items:center;gap:var(--spacing-xs)}.components-dropdown-chevron{transition:transform var(--transition-speed) var(--transition-timing);color:var(--text-muted)}.components-dropdown-chevron-open{transform:rotate(180deg)}.components-dropdown-clear-btn{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--text-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) var(--transition-timing)}.components-dropdown-clear-btn:hover{background:var(--background-color-hover);color:var(--primary-color)}.components-dropdown-custom-trigger{cursor:pointer}.components-dropdown-menu{position:absolute;background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:200px;max-width:300px;max-height:300px;overflow-y:auto;z-index:var(--z-index-dropdown);animation:dropdownFadeIn var(--transition-speed) var(--transition-timing)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.components-dropdown-bottom-start{top:100%;left:0;margin-top:var(--spacing-xs)}.components-dropdown-bottom-end{top:100%;right:0;margin-top:var(--spacing-xs)}.components-dropdown-top-start{bottom:100%;left:0;margin-bottom:var(--spacing-xs)}.components-dropdown-top-end{bottom:100%;right:0;margin-bottom:var(--spacing-xs)}.components-dropdown-search{position:sticky;top:0;background:var(--white);padding:var(--spacing-md);border-bottom:1px solid var(--border-color-light);z-index:1}.components-dropdown-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xl);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color-hover);color:var(--primary-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-timing)}.components-dropdown-search-input:focus{outline:none;border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.15)}.components-dropdown-search-icon{position:absolute;left:var(--spacing-xl);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.components-dropdown-search-clear{position:absolute;right:var(--spacing-xl);top:50%;transform:translateY(-50%);background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--text-muted);border-radius:50%;display:flex;align-items:center;justify-content:center}.components-dropdown-search-clear:hover{background:var(--background-color-hover);color:var(--primary-color)}.components-dropdown-items{padding:var(--spacing-sm) 0}.components-dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);position:relative}.components-dropdown-item:hover:not(.components-dropdown-item-disabled){background:var(--background-color-hover)}.components-dropdown-item-selected{background:rgba(var(--secondary-color-rgb),.1);color:var(--brand-cyan-bright)}.components-dropdown-item-disabled{opacity:.5;cursor:not-allowed}.components-dropdown-checkbox{flex-shrink:0}.components-dropdown-checkbox-inner{width:16px;height:16px;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) var(--transition-timing)}.components-dropdown-checkbox-checked{background:var(--brand-cyan-bright);border-color:var(--brand-cyan-bright);color:var(--text-on-primary)}.components-dropdown-item-content{flex:1;min-width:0}.components-dropdown-item-label{display:block;font-weight:var(--font-weight-medium);color:var(--primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.components-dropdown-item-description{display:block;font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.components-dropdown-item-icon{flex-shrink:0;color:var(--text-muted);display:flex;align-items:center}.components-dropdown-item-badge{flex-shrink:0;background:var(--background-color-hover);color:var(--text-secondary-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.components-dropdown-item-check{flex-shrink:0;color:var(--brand-cyan-bright)}.components-dropdown-empty{padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.components-dropdown-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color-light);display:flex;justify-content:flex-end}.components-dropdown-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--brand-cyan-bright);color:var(--text-on-primary);border:none;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.components-dropdown-btn:hover{background:var(--brand-navy);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.components-dropdown-menu::-webkit-scrollbar{width:6px}.components-dropdown-menu::-webkit-scrollbar-track{background:transparent}.components-dropdown-menu::-webkit-scrollbar-thumb{border-radius:var(--border-radius-full)}.components-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.components-dropdown-menu{min-width:100%;max-width:none}.components-dropdown-bottom-start,.components-dropdown-bottom-end{position:fixed;inset:auto 0 0;margin:0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;max-height:60vh}.components-dropdown-top-start,.components-dropdown-top-end{position:fixed;inset:0 0 auto;margin:0;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);max-height:60vh}}.blog-list{width:100%}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.blog-card{display:flex;flex-direction:column;height:100%;transition:all var(--transition-speed) var(--transition-timing);border:2px solid transparent;border-radius:var(--border-radius-lg);overflow:hidden;position:relative;background:var(--background-color-light);box-shadow:var(--shadow-sm)}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--brand-cyan-bright)}.blog-card-selected{border-color:var(--brand-cyan-bright)!important;background:rgba(var(--secondary-color-rgb),.04)}.blog-card-featured{border:2px solid var(--brand-cyan-bright)!important}.blog-card-featured:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary);z-index:1}.blog-card-checkbox{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:2;opacity:0;transition:opacity var(--transition-speed) var(--transition-timing)}.blog-card:hover .blog-card-checkbox,.blog-card-selected .blog-card-checkbox{opacity:1}.blog-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);position:relative;z-index:1}.blog-card-status-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.blog-card-menu{opacity:0;transition:opacity var(--transition-speed) var(--transition-timing)}.blog-card:hover .blog-card-menu{opacity:1}.blog-card-image{position:relative;height:190px;overflow:hidden;background:var(--background-color);cursor:pointer}.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--transition-timing)}.blog-card:hover .blog-card-img{transform:scale(1.06)}.blog-card-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradient-primary-light)}.blog-card-image-icon{font-size:44px;margin-bottom:var(--spacing-sm);opacity:.3;color:var(--brand-navy)}.blog-card-image-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--brand-navy);opacity:.5}.blog-card-category{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-on-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.blog-card-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.blog-card-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.blog-card-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--brand-navy);line-height:1.4;cursor:pointer}.blog-card-title:hover{color:var(--brand-cyan-bright)}.blog-card-author{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary-color-dark)}.blog-card-author-label{opacity:.7;color:var(--text-muted)}.blog-card-author-name{font-weight:var(--font-weight-semibold);color:var(--brand-navy)}.blog-card-description{color:var(--text-secondary-color-dark);line-height:1.6;margin:0;font-size:var(--font-size-sm);flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.blog-card-tag,.blog-card-tag-more{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.blog-card-tag{background:var(--background-color);color:var(--text-secondary-color-dark);border:1px solid var(--border-color)}.blog-card-tag:hover{background:rgba(var(--secondary-color-rgb),.08);border-color:var(--brand-cyan-bright);color:var(--brand-cyan-bright)}.blog-card-tag-more{background:var(--background-color);color:var(--text-muted)}.blog-card-stats{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.blog-card-stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.blog-card-stat.interactive{background:none;border:none;cursor:pointer;padding:0;transition:all var(--transition-speed) var(--transition-timing)}.blog-card-stat.interactive:hover{color:var(--brand-cyan-bright)}.blog-card-stat-count{font-weight:var(--font-weight-semibold);color:var(--text-secondary-color-dark)}.blog-card-actions{margin-top:auto}.blog-table-container{width:100%;overflow-x:auto;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:var(--background-color-light);box-shadow:var(--shadow-sm)}.blog-table{width:100%;border-collapse:collapse;min-width:800px}.blog-table th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-secondary-color-dark);background:var(--background-color);border-bottom:2px solid var(--border-color);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.blog-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-secondary-color-dark)}.blog-table tbody tr:hover{background:var(--background-color-hover)}.blog-table-row-selected{background:rgba(var(--secondary-color-rgb),.04)!important}.blog-table-row-featured{background:rgba(var(--secondary-color-rgb),.04)!important;border-left:3px solid var(--brand-cyan-bright)}.blog-list-title{min-width:250px}.blog-list-title-main{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.blog-list-title-main strong{font-size:var(--font-size-sm);color:var(--brand-navy)}.blog-list-title-badges{display:flex;gap:var(--spacing-xs)}.blog-list-title-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-muted)}.blog-list-category{background:var(--background-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);color:var(--text-secondary-color-dark)}.blog-list-stats{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.blog-list-stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.blog-list-date{font-size:var(--font-size-xs);color:var(--text-secondary-color-dark);white-space:nowrap}.blog-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius-lg);border:2px dashed var(--border-color)}.blog-empty-content{max-width:400px;margin:0 auto}.blog-empty-icon{font-size:56px;margin-bottom:var(--spacing-lg);color:var(--text-muted);opacity:.5}.blog-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--brand-navy);margin:0 0 var(--spacing-sm) 0}.blog-empty-description{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);margin:0;line-height:1.6}.blog-menu-item-delete{color:var(--danger-color)!important}.blog-menu-item-delete:hover{background:rgba(var(--danger-color-rgb),.1)!important}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-card-image{height:160px}.blog-card-content{padding:var(--spacing-md)}.blog-table{min-width:600px}}@media(prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover,.blog-card:hover .blog-card-img{transform:none}}.blog-stats-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}.blog-stat-pill{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--background-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px)}.blog-stat-pill-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#6366f11a;color:#6366f1;flex-shrink:0}.blog-stat-pill-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.blog-stat-pill-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1e293b)}.blog-stat-pill-label{font-size:.75rem;color:var(--text-secondary, #64748b)}@media(max-width:900px){.blog-stats-bar{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.blog-stats-bar{grid-template-columns:repeat(2,1fr)}}.manage-blogs-container{padding:24px 0}.manage-blogs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.manage-blogs-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.manage-blogs-subtitle{color:#64748b;margin:0;font-size:14px}.manage-blogs-header-actions{display:flex;gap:10px;align-items:center}.manage-blogs-filters-card{margin-bottom:24px;padding:16px}.manage-blogs-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid #e2e8f0;overflow-x:auto}.manage-blogs-tab{padding:10px 16px;border:none;background:none;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.manage-blogs-tab:hover{color:#1e293b}.manage-blogs-tab.active{color:#6366f1;border-bottom-color:#6366f1;font-weight:600}.manage-blogs-filters-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.manage-blogs-filters-row>*:first-child{flex:1;min-width:200px}.manage-blogs-filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:14px;min-width:150px;cursor:pointer}.manage-blogs-filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.manage-blogs-view-toggle{display:flex;gap:4px}.manage-blogs-bulk-actions{margin-bottom:16px;padding:12px 16px;overflow:visible}.manage-blogs-bulk-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.manage-blogs-bulk-count{flex:0 0 auto;white-space:nowrap;font-weight:600}.manage-blogs-bulk-buttons{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:nowrap}.manage-blogs-bulk-buttons>*{flex:0 0 auto}.manage-blogs-bulk-count{font-weight:600;color:#1e293b}.manage-blogs-bulk-buttons{display:flex;gap:8px;flex-wrap:wrap}.manage-blogs-centered-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b;gap:16px}.manage-blogs-empty{padding:60px 20px;text-align:center}.manage-blogs-empty-content{display:flex;flex-direction:column;align-items:center;gap:12px}.manage-blogs-empty-icon{font-size:48px;line-height:1}.manage-blogs-empty-content h3{font-size:20px;color:#1e293b;margin:0}.manage-blogs-empty-content p{color:#94a3b8;margin:0 0 8px}.manage-blogs-error-actions{margin-top:12px}.manage-blogs-pagination{display:flex;justify-content:center;padding:16px 0}.manage-blogs-delete-modal{padding:8px 0}.manage-blogs-delete-title{color:#dc2626;margin:8px 0}.manage-blogs-delete-warning{color:#dc2626;font-weight:600;margin-top:12px;padding:12px;background:#fef2f2;border-radius:6px}@media(max-width:768px){.manage-blogs-header,.manage-blogs-filters-row{flex-direction:column;align-items:stretch}.manage-blogs-filter-select{width:100%}.manage-blogs-view-toggle{justify-content:flex-end}}@media(max-width:768px){.manage-blogs-bulk-header{flex-direction:column;align-items:stretch}.manage-blogs-bulk-buttons{flex-wrap:wrap;justify-content:flex-start}}.pages-leads-container{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height, 70px));background:var(--background-color)}.pages-leads-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-lg)}.pages-leads-header-main{flex:1;min-width:280px}.pages-leads-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--brand-navy);margin:0 0 var(--spacing-xs) 0}.pages-leads-subtitle{font-size:var(--font-size-md);color:var(--text-secondary-color-dark);margin:0}.pages-leads-header-actions{display:flex;gap:var(--spacing-md);align-items:center}.pages-leads-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.pages-leads-toolbar-left{display:flex;align-items:center;gap:var(--spacing-sm)}.pages-leads-toolbar-right{display:flex;align-items:center;gap:var(--spacing-md)}.pages-leads-results-count{font-size:var(--font-size-sm);color:var(--text-muted)}.pages-leads-search{margin-bottom:var(--spacing-lg)}.pages-leads-filters-panel{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius-lg);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm);animation:slideDown .3s ease}.pages-leads-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg)}.pages-leads-filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pages-leads-filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--brand-navy)}.pages-leads-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.pages-leads-stat-card{text-align:center;padding:var(--spacing-lg) var(--spacing-md);background:var(--background-color-light);border-radius:var(--border-radius-lg);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing);position:relative;overflow:hidden}.pages-leads-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary);opacity:0;transition:opacity var(--transition-speed) var(--transition-timing)}.pages-leads-stat-card:hover:before{opacity:1}.pages-leads-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.pages-leads-stat-card:nth-child(1):before{background:var(--gradient-primary)}.pages-leads-stat-card:nth-child(2):before{background:linear-gradient(135deg,var(--warning-color),#d97706)}.pages-leads-stat-card:nth-child(3):before{background:linear-gradient(135deg,var(--success-color),#059669)}.pages-leads-stat-card:nth-child(4):before{background:linear-gradient(135deg,var(--info-color),#0d9488)}.pages-leads-stat-card:nth-child(5):before{background:linear-gradient(135deg,var(--text-muted),#4b5563)}.pages-leads-stat-card h4{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-sm) 0;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.pages-leads-stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--brand-navy);margin:0;line-height:1.2;transition:color var(--transition-speed) var(--transition-timing)}.pages-leads-stat-card:hover .pages-leads-stat-number{color:var(--brand-cyan-bright)}.pages-leads-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.pages-leads-item{padding:var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius-lg);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-timing)}.pages-leads-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pages-leads-item.unread{border-left:4px solid var(--brand-cyan-bright);background:linear-gradient(to right,rgba(var(--secondary-color-rgb),.04),var(--background-color-light))}.pages-leads-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}.pages-leads-item-info{flex:1;min-width:280px}.pages-leads-item-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--brand-navy);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.pages-leads-unread-badge{background:var(--brand-cyan-bright);color:var(--text-on-primary);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-weight:var(--font-weight-bold);text-transform:uppercase}.pages-leads-item-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;font-size:var(--font-size-sm);color:var(--text-muted)}.pages-leads-item-email{color:var(--brand-cyan-bright);font-weight:var(--font-weight-medium)}.pages-leads-item-phone,.pages-leads-item-company{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary-color-dark)}.pages-leads-item-date{font-style:italic;color:var(--text-muted)}.pages-leads-item-actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.pages-leads-item-type{background:var(--background-color);color:var(--text-secondary-color-dark-dark);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;border:1px solid var(--border-color-light)}.pages-leads-item-subject{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--brand-navy);margin:0 0 var(--spacing-sm) 0}.pages-leads-item-message{font-size:var(--font-size-sm);color:var(--text-secondary-color-dark);line-height:1.6;margin:0 0 var(--spacing-md) 0;white-space:pre-line}.pages-leads-item-footer{border-top:1px solid var(--border-color-light);padding-top:var(--spacing-md)}.pages-leads-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-md)}.pages-leads-pagination-btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color-light);color:var(--brand-navy);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.pages-leads-pagination-btn:hover:not(:disabled){background:var(--background-color-hover);border-color:var(--brand-cyan-bright);color:var(--brand-cyan-bright)}.pages-leads-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pages-leads-pagination-info{font-size:var(--font-size-sm);color:var(--text-muted)}.pages-leads-centered-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) 0;min-height:400px;gap:var(--spacing-lg);text-align:center}.pages-leads-centered-feedback p{color:var(--text-muted);font-size:var(--font-size-md)}.pages-leads-error-actions{margin-top:var(--spacing-lg)}.pages-leads-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);margin:var(--spacing-xl) 0;background:var(--background-color-light);border-radius:var(--border-radius-lg);border:1px dashed var(--border-color)}.pages-leads-empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);max-width:400px;margin:0 auto}.pages-leads-empty-icon{font-size:48px;color:var(--text-muted);opacity:.5}.pages-leads-empty h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--brand-navy);margin:0}.pages-leads-empty p{color:var(--text-muted);margin:0}.pages-leads-detail-modal{padding:var(--spacing-sm) 0}.pages-leads-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color-light);flex-wrap:wrap;gap:var(--spacing-lg)}.pages-leads-detail-personal{flex:1;min-width:280px}.pages-leads-detail-personal h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--brand-navy);margin:0 0 var(--spacing-sm) 0}.pages-leads-detail-email{color:var(--brand-cyan-bright);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0}.pages-leads-detail-phone,.pages-leads-detail-company,.pages-leads-detail-position{color:var(--text-secondary-color-dark);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.pages-leads-detail-date{color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0 0 0}.pages-leads-detail-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.pages-leads-detail-type{background:var(--background-color);color:var(--text-secondary-color-dark-dark);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize;border:1px solid var(--border-color-light)}.pages-leads-detail-subject{margin-bottom:var(--spacing-lg)}.pages-leads-detail-subject h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.05em}.pages-leads-detail-subject p{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--brand-navy);margin:0}.pages-leads-detail-message{margin-bottom:var(--spacing-lg)}.pages-leads-detail-message h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.05em}.pages-leads-detail-message-content{background:var(--background-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);font-size:var(--font-size-md);color:var(--text-secondary-color-dark-dark);line-height:1.8;white-space:pre-line;max-height:400px;overflow-y:auto;border:1px solid var(--border-color-light)}.pages-leads-detail-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color-light)}.pages-leads-delete-modal{padding:var(--spacing-sm) 0}.pages-leads-delete-warning{background:var(--danger-background-color);color:var(--danger-color);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold);border-left:4px solid var(--danger-color)}.pages-leads-delete-name{margin:var(--spacing-md) 0 var(--spacing-xs) 0;color:var(--brand-navy);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color);border-radius:var(--border-radius)}.pages-leads-delete-email{margin:var(--spacing-xs) 0 var(--spacing-md) 0;color:var(--text-secondary-color-dark);font-size:var(--font-size-md)}.pages-leads-delete-note{margin:var(--spacing-lg) 0 0 0;padding:var(--spacing-md);background:var(--background-color);border-radius:var(--border-radius);color:var(--text-muted);font-size:var(--font-size-sm);border-left:3px solid var(--brand-cyan-bright)}@media(max-width:1024px){.pages-leads-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pages-leads-header{flex-direction:column;gap:var(--spacing-md)}.pages-leads-header-main,.pages-leads-header-actions{width:100%}.pages-leads-toolbar{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.pages-leads-toolbar-left,.pages-leads-toolbar-right{flex-wrap:wrap}.pages-leads-stats{grid-template-columns:repeat(3,1fr)}.pages-leads-filters-grid{grid-template-columns:1fr}.pages-leads-item-header,.pages-leads-detail-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.pages-leads-item-actions,.pages-leads-detail-status{align-items:flex-start}.pages-leads-item-info,.pages-leads-detail-personal{min-width:100%}}@media(max-width:480px){.pages-leads-container{padding:var(--spacing-md)}.pages-leads-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.pages-leads-title{font-size:var(--font-size-xl)}.pages-leads-subtitle{font-size:var(--font-size-sm)}.pages-leads-stat-card{padding:var(--spacing-md)}.pages-leads-stat-number{font-size:var(--font-size-2xl)}.pages-leads-item{padding:var(--spacing-md)}.pages-leads-detail-message-content{padding:var(--spacing-md);font-size:var(--font-size-sm)}.pages-leads-pagination{flex-direction:column;gap:var(--spacing-sm)}}.pages-leads-detail-message-content::-webkit-scrollbar{width:6px}.pages-leads-detail-message-content::-webkit-scrollbar-track{background:var(--background-color);border-radius:var(--border-radius-sm)}.pages-leads-detail-message-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-sm)}.pages-leads-detail-message-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pages-leads-item{animation:fadeInUp .3s ease forwards}.pages-leads-item:nth-child(1){animation-delay:.05s}.pages-leads-item:nth-child(2){animation-delay:.1s}.pages-leads-item:nth-child(3){animation-delay:.15s}.pages-leads-item:nth-child(4){animation-delay:.2s}.pages-leads-item:nth-child(5){animation-delay:.25s}.pages-leads-item:nth-child(6){animation-delay:.3s}.pages-leads-item:nth-child(7){animation-delay:.35s}.pages-leads-item:nth-child(8){animation-delay:.4s}.pages-leads-item:nth-child(9){animation-delay:.45s}.pages-leads-item:nth-child(10){animation-delay:.5s}@media print{.pages-leads-header-actions,.pages-leads-toolbar,.pages-leads-search,.pages-leads-filters-panel,.pages-leads-item-footer,.pages-leads-pagination{display:none!important}.pages-leads-stats{break-inside:avoid}.pages-leads-item{break-inside:avoid;box-shadow:none!important;border:1px solid var(--border-color)!important}}@media(prefers-contrast:high){.pages-leads-stat-card,.pages-leads-item,.pages-leads-filters-panel{border:2px solid var(--brand-navy)!important}.pages-leads-item.unread{border-left:6px solid var(--brand-cyan-bright)!important}}.testimonial-table-container{width:100%;background:var(--background-color-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);overflow:hidden;transition:all var(--transition-speed) var(--transition-timing)}.testimonial-table-container:hover{box-shadow:var(--shadow-md)}.testimonial-table-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--background-color);border-bottom:1px solid var(--border-color-light);flex-wrap:wrap;gap:var(--spacing-md)}.testimonial-table-info{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary-color)}.testimonial-table-count{font-weight:var(--font-weight-semibold);color:var(--brand-navy)}.testimonial-table-range{color:var(--text-muted)}.testimonial-table-controls{display:flex;align-items:center;gap:var(--spacing-md)}.testimonial-table-page-size{display:flex;align-items:center;gap:var(--spacing-sm)}.testimonial-table-page-size label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.testimonial-table-page-size-select{padding:var(--spacing-xs) var(--spacing-xl) var(--spacing-xs) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color-light);color:var(--text-secondary-color);font-size:var(--font-size-sm);cursor:pointer;outline:none;transition:all var(--transition-speed) var(--transition-timing);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;min-width:70px}.testimonial-table-page-size-select:hover{border-color:var(--border-color-focus)}.testimonial-table-page-size-select:focus{border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.1)}.testimonial-table-wrapper{overflow-x:auto;padding:0}.testimonial-table-wrapper .components-table-wrapper{border:none;border-radius:0}.testimonial-table-wrapper .components-table-element{width:100%;border-collapse:collapse}.testimonial-table-wrapper .components-table-element th{background:var(--background-color);color:var(--text-secondary-color-dark);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--border-color);text-align:left;white-space:nowrap;position:sticky;top:0;z-index:10}.testimonial-table-wrapper .components-table-element td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color-light);color:var(--text-secondary-color);vertical-align:middle}.testimonial-table-wrapper .components-table-element tbody tr{transition:background-color var(--transition-speed) var(--transition-timing)}.testimonial-table-wrapper .components-table-element tbody tr:hover{background-color:var(--background-color-hover)}.testimonial-table-wrapper .components-table-element tbody tr:last-child td{border-bottom:none}.testimonial-col-rating,.testimonial-col-status{min-width:100px;width:120px}.testimonial-col-date{min-width:130px;width:150px}.testimonial-col-actions{min-width:140px;width:160px}.testimonial-table-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--background-color);border-top:1px solid var(--border-color-light);flex-wrap:wrap;gap:var(--spacing-md)}.testimonial-table-stats{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.testimonial-author-cell{display:flex;align-items:flex-start;gap:var(--spacing-md);min-width:200px}.testimonial-avatar{flex-shrink:0}.testimonial-author-info{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;flex:1}.testimonial-author-name{font-weight:var(--font-weight-semibold);color:var(--brand-navy);font-size:var(--font-size-md);line-height:1.3}.testimonial-author-meta{display:flex;flex-direction:column;gap:var(--spacing-xs)}.testimonial-author-email,.testimonial-author-position,.testimonial-author-location{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4}.testimonial-author-email svg,.testimonial-author-position svg,.testimonial-author-location svg{font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.testimonial-rating{display:flex;align-items:center;gap:var(--spacing-sm)}.testimonial-rating-stars{display:flex;align-items:center;gap:2px}.testimonial-star{font-size:var(--font-size-md);flex-shrink:0}.testimonial-star.filled{color:#fbbf24;fill:#fbbf24}.testimonial-star.half-filled{color:#fbbf24;fill:#fbbf24;position:relative}.testimonial-star.empty{color:var(--border-color)}.testimonial-rating-value{font-weight:var(--font-weight-semibold);color:var(--text-secondary-color);font-size:var(--font-size-sm);margin-left:var(--spacing-xs)}.testimonial-review-cell{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:350px;min-width:150px}.testimonial-review-preview{margin:0;color:var(--text-secondary-color);font-size:var(--font-size-sm);line-height:1.6;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.testimonial-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.testimonial-tag{font-size:var(--font-size-xs)}.testimonial-tag-more{font-size:var(--font-size-xs);background:var(--background-color);color:var(--text-muted)}.testimonial-status-badge{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.testimonial-date{display:flex;flex-direction:column;gap:var(--spacing-xs)}.testimonial-date-full{font-weight:var(--font-weight-medium);color:var(--text-secondary-color);font-size:var(--font-size-sm);white-space:nowrap}.testimonial-date-relative{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.testimonial-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:nowrap}.testimonial-action-btn{padding:var(--spacing-xs);color:var(--text-muted);transition:all var(--transition-speed) var(--transition-timing);border-radius:var(--border-radius);background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.testimonial-action-btn:hover{background-color:var(--background-color-hover)}.testimonial-action-btn.edit:hover{color:var(--brand-cyan-bright)}.testimonial-action-btn.approve:hover{color:var(--success-color)}.testimonial-action-btn.disapprove:hover{color:var(--warning-color)}.testimonial-action-btn.delete:hover{color:var(--danger-color);background-color:rgba(var(--danger-color-rgb),.08)}.testimonial-action-btn.menu:hover{color:var(--text-secondary-color)}.testimonial-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.testimonial-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.testimonial-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--brand-cyan-bright);border-radius:50%;animation:testimonial-spin .8s linear infinite}@keyframes testimonial-spin{to{transform:rotate(360deg)}}.testimonial-loading-spinner p{color:var(--text-muted);font-size:var(--font-size-sm)}.testimonial-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--background-color-light);border-radius:var(--border-radius-lg);border:1px dashed var(--border-color)}.testimonial-empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.testimonial-empty h3{margin:0 0 var(--spacing-sm) 0;color:var(--brand-navy);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.testimonial-empty p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}@media(max-width:1024px){.testimonial-review-cell{max-width:250px}.testimonial-table-wrapper .components-table-element th,.testimonial-table-wrapper .components-table-element td{padding:var(--spacing-md)}}@media(max-width:768px){.testimonial-table-container{border-radius:var(--border-radius)}.testimonial-table-header{flex-direction:column;align-items:stretch;padding:var(--spacing-md);gap:var(--spacing-sm)}.testimonial-table-info{justify-content:center;flex-wrap:wrap}.testimonial-table-controls{justify-content:center}.testimonial-table-footer{flex-direction:column;align-items:center;padding:var(--spacing-md)}.testimonial-table-stats{text-align:center}.testimonial-table-wrapper .components-table-element thead{display:none}.testimonial-table-wrapper .components-table-element tr{display:block;margin-bottom:var(--spacing-md);border:1px solid var(--border-color-light);border-radius:var(--border-radius);background:var(--background-color-light);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.testimonial-table-wrapper .components-table-element td{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color-light);text-align:right;gap:var(--spacing-md)}.testimonial-table-wrapper .components-table-element td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--brand-navy);font-size:var(--font-size-sm);flex-shrink:0}.testimonial-table-wrapper .components-table-element td:last-child{border-bottom:none}.testimonial-table-wrapper .components-table-element tbody tr:hover,.testimonial-table-wrapper .components-table-element tbody tr:hover td{background-color:transparent}.testimonial-author-cell{flex-direction:row;align-items:center;min-width:0;width:100%}.testimonial-author-info{flex:1}.testimonial-author-meta{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs)}.testimonial-review-cell{max-width:100%;min-width:0;width:100%}.testimonial-actions{justify-content:flex-end;width:100%}.testimonial-rating{justify-content:flex-end}.testimonial-date{align-items:flex-end}.testimonial-table-page-size{width:100%;justify-content:center}.testimonial-table-page-size-select{flex:1;max-width:120px}}@media(max-width:480px){.testimonial-table-container{padding:0}.testimonial-table-header,.testimonial-table-wrapper .components-table-element tr{padding:var(--spacing-sm)}.testimonial-table-wrapper .components-table-element td{flex-wrap:wrap;gap:var(--spacing-xs)}.testimonial-author-cell{flex-direction:column;align-items:flex-start}.testimonial-author-meta{flex-direction:column;gap:var(--spacing-xs)}.testimonial-actions{flex-wrap:wrap;justify-content:center}.testimonial-empty{padding:var(--spacing-xl) var(--spacing-md)}.testimonial-empty-icon{font-size:2.5rem}.testimonial-empty h3{font-size:var(--font-size-lg)}}@media print{.testimonial-table-header,.testimonial-table-footer,.testimonial-actions,.testimonial-table-controls{display:none!important}.testimonial-table-container{box-shadow:none!important;border:1px solid var(--border-color)!important}.testimonial-table-wrapper .components-table-element tr:hover{background-color:transparent!important}}@media(prefers-contrast:high){.testimonial-table-container{border:2px solid var(--brand-navy)!important}.testimonial-table-wrapper .components-table-element th{border-bottom:3px solid var(--brand-navy)}.testimonial-table-wrapper .components-table-element td{border-bottom:2px solid var(--border-color)}.testimonial-action-btn{border:1px solid transparent}.testimonial-action-btn:hover{border-color:currentColor}@media(max-width:768px){.testimonial-table-wrapper .components-table-element tr{border:2px solid var(--brand-navy)}}}.components-menu-container{position:relative;display:inline-block}.components-menu-list{position:absolute;top:100%;right:0;z-index:var(--z-index-dropdown);min-width:160px;list-style:none;padding:var(--spacing-xs) 0;margin:var(--spacing-xs) 0 0;background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.components-menu-item{padding:var(--spacing-sm) var(--spacing-md);color:var(--primary-color);cursor:pointer;white-space:nowrap;transition:all var(--transition-speed) var(--transition-timing)}.components-menu-item:hover{background-color:var(--brand-cyan-bright);color:var(--text-on-primary)}.components-avatar-container{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--brand-cyan-bright);color:var(--text-on-primary);font-weight:var(--font-weight-bold);overflow:hidden;-webkit-user-select:none;user-select:none}.components-avatar-size-sm{width:32px;height:32px;font-size:var(--font-size-sm)}.components-avatar-size-md{width:48px;height:48px;font-size:var(--font-size-lg)}.components-avatar-size-lg{width:64px;height:64px;font-size:var(--font-size-2xl)}.components-avatar-image{width:100%;height:100%;object-fit:cover}.pages-manage-testimonials-container{padding:var(--spacing-xl);min-height:calc(100vh - var(--header-height, 70px));background:var(--background-color)}.pages-manage-testimonials-header{margin-bottom:var(--spacing-2xl)}.pages-manage-testimonials-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--brand-navy);margin:0 0 var(--spacing-sm) 0}.pages-manage-testimonials-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.pages-manage-testimonials-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.pages-manage-testimonials-stat-card{background:var(--background-color-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl) var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);transition:all var(--transition-speed) var(--transition-timing);position:relative;overflow:hidden;text-align:center}.pages-manage-testimonials-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary);opacity:0;transition:opacity var(--transition-speed) var(--transition-timing)}.pages-manage-testimonials-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.pages-manage-testimonials-stat-card:hover:before{opacity:1}.pages-manage-testimonials-stat-card:nth-child(1):before{background:var(--gradient-primary)}.pages-manage-testimonials-stat-card:nth-child(2):before{background:linear-gradient(135deg,var(--warning-color),#d97706)}.pages-manage-testimonials-stat-card:nth-child(3):before{background:linear-gradient(135deg,var(--success-color),#059669)}.pages-manage-testimonials-stat-card:nth-child(4):before{background:linear-gradient(135deg,var(--danger-color),#b91c1c)}.pages-manage-testimonials-stat-card h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-muted);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold)}.pages-manage-testimonials-stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0;color:var(--brand-navy);line-height:1.2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.pages-manage-testimonials-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.pages-manage-testimonials-toolbar-left{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.pages-manage-testimonials-toolbar-right{color:var(--text-muted);font-size:var(--font-size-sm)}.pages-manage-testimonials-filter-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-weight-medium);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.pages-manage-testimonials-filter-toggle.primary{background:var(--brand-cyan-bright);color:var(--text-on-primary);border-color:var(--brand-cyan-bright)}.pages-manage-testimonials-filter-toggle.primary:hover{background:var(--brand-cyan-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pages-manage-testimonials-filter-toggle.secondary{background:var(--background-color);color:var(--brand-navy);border:1px solid var(--border-color)}.pages-manage-testimonials-filter-toggle.secondary:hover{background:var(--background-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pages-manage-testimonials-clear-filters{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-muted);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing);border:1px solid transparent}.pages-manage-testimonials-clear-filters:hover{color:var(--brand-cyan-bright);background-color:rgba(var(--secondary-color-rgb),.08);border-color:rgba(var(--secondary-color-rgb),.2)}.pages-manage-testimonials-results-count{background-color:var(--background-color);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--border-color);display:inline-block;color:var(--text-secondary-color)}.pages-manage-testimonials-search{max-width:50%;margin-bottom:var(--spacing-xl)}.pages-manage-testimonials-filters-panel{background:var(--background-color-light);border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);animation:slideDown var(--transition-speed) var(--transition-timing) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pages-manage-testimonials-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.pages-manage-testimonials-filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pages-manage-testimonials-filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.pages-manage-testimonials-filter-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--brand-navy);background:var(--background-color-light);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.pages-manage-testimonials-filter-select:hover{border-color:var(--brand-cyan-bright)}.pages-manage-testimonials-filter-select:focus{outline:none;border-color:var(--brand-cyan-bright);box-shadow:0 0 0 3px rgba(var(--secondary-color-rgb),.1)}.pages-manage-testimonials-centered-feedback{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:var(--spacing-md);color:var(--text-muted)}.pages-manage-testimonials-centered-feedback p{color:var(--text-muted);font-size:var(--font-size-md)}.pages-manage-testimonials-error-actions{margin-top:var(--spacing-lg);display:flex;gap:var(--spacing-md);justify-content:center}.pages-manage-testimonials-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);background:var(--background-color-light);border-radius:var(--border-radius-lg);border:1px dashed var(--border-color);margin-top:var(--spacing-lg)}.pages-manage-testimonials-empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.pages-manage-testimonials-empty h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0;color:var(--brand-navy)}.pages-manage-testimonials-empty p{color:var(--text-muted);margin-bottom:var(--spacing-xl)}.pages-manage-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.pages-manage-testimonials-card{background:var(--background-color-light);border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:all var(--transition-speed) var(--transition-timing);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.pages-manage-testimonials-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-color)}.pages-manage-testimonials-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary);opacity:0;transition:opacity var(--transition-speed) var(--transition-timing)}.pages-manage-testimonials-card:hover:before{opacity:1}.pages-manage-testimonials-quote-icon{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:3rem;color:var(--brand-cyan-bright);opacity:.1;pointer-events:none}.pages-manage-testimonials-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.pages-manage-testimonials-avatar{width:60px;height:60px;border-radius:var(--border-radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--text-on-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);border:2px solid var(--background-color-light);box-shadow:var(--shadow-sm);flex-shrink:0}.pages-manage-testimonials-author-info{flex:1}.pages-manage-testimonials-author-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--brand-navy);margin:0 0 var(--spacing-xs) 0}.pages-manage-testimonials-author-title{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.pages-manage-testimonials-rating{display:flex;gap:var(--spacing-xs);margin:var(--spacing-sm) 0;color:#fbbf24}.pages-manage-testimonials-rating svg{width:20px;height:20px;fill:currentColor}.pages-manage-testimonials-content{color:var(--text-secondary-color);line-height:1.6;margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--background-color);border-radius:var(--border-radius);border-left:3px solid var(--brand-cyan-bright);font-style:italic;position:relative}.pages-manage-testimonials-content:before{content:'"';position:absolute;top:-10px;left:var(--spacing-sm);font-size:3rem;color:var(--brand-cyan-bright);opacity:.2}.pages-manage-testimonials-date{color:var(--text-muted);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.pages-manage-testimonials-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color-light)}.pages-manage-testimonials-actions{display:flex;gap:var(--spacing-sm)}.pages-manage-testimonials-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.pages-manage-testimonials-badge.approved{background:rgba(var(--success-color-rgb),.1);color:var(--success-color)}.pages-manage-testimonials-badge.pending{background:rgba(var(--warning-color-rgb),.1);color:var(--warning-color)}.pages-manage-testimonials-badge.rejected{background:rgba(var(--danger-color-rgb),.1);color:var(--danger-color)}.pages-manage-testimonials-badge.featured{background:#6b21a81a;color:#6b21a8}.pages-manage-testimonials-table-container{background:var(--background-color-light);border-radius:var(--border-radius-lg);border:1px solid var(--border-color-light);overflow-x:auto;margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.pages-manage-testimonials-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.pages-manage-testimonials-table th{text-align:left;padding:var(--spacing-md);background:var(--background-color);font-weight:var(--font-weight-semibold);color:var(--brand-navy);border-bottom:2px solid var(--border-color)}.pages-manage-testimonials-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color-light);color:var(--text-secondary-color);vertical-align:middle}.pages-manage-testimonials-table tr:hover td{background:var(--background-color-hover)}.pages-manage-testimonials-table-avatar{width:40px;height:40px;border-radius:var(--border-radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--text-on-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.pages-manage-testimonials-table-rating{display:flex;gap:2px;color:#fbbf24}.pages-manage-testimonials-table-actions{display:flex;gap:var(--spacing-sm)}.pages-manage-testimonials-view-toggle{display:flex;gap:var(--spacing-sm);margin-left:var(--spacing-md)}.pages-manage-testimonials-view-toggle button{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border-color);background:var(--background-color-light);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary-color);font-size:var(--font-size-sm)}.pages-manage-testimonials-view-toggle button.active{background:var(--brand-cyan-bright);color:var(--text-on-primary);border-color:var(--brand-cyan-bright)}.pages-manage-testimonials-view-toggle button:hover:not(.active){background:var(--background-color-hover);border-color:var(--border-color)}.pages-manage-testimonials-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);flex-wrap:wrap}.pages-manage-testimonials-pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--background-color-light);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);font-size:var(--font-size-sm);color:var(--brand-navy)}.pages-manage-testimonials-pagination-btn:hover:not(:disabled){background:var(--brand-cyan-bright);color:var(--text-on-primary);border-color:var(--brand-cyan-bright)}.pages-manage-testimonials-pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--background-color)}.pages-manage-testimonials-pagination-info{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pages-manage-testimonials-delete-modal{padding:var(--spacing-sm) 0}.pages-manage-testimonials-delete-author{font-size:var(--font-size-lg);color:var(--brand-navy);margin:var(--spacing-md) 0 var(--spacing-xs) 0;padding:var(--spacing-md);background:var(--background-color);border-radius:var(--border-radius);border-left:4px solid var(--danger-color);font-weight:var(--font-weight-semibold)}.pages-manage-testimonials-delete-content{color:var(--text-secondary-color);margin:var(--spacing-sm) 0;padding:var(--spacing-md);background:var(--background-color);border-radius:var(--border-radius);font-style:italic}.pages-manage-testimonials-delete-warning{color:var(--danger-color);font-size:var(--font-size-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color-light)}.pages-manage-testimonials-rating-distribution{background:var(--background-color-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.pages-manage-testimonials-rating-distribution h3{margin:0 0 var(--spacing-lg) 0;color:var(--brand-navy);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-sm)}.pages-manage-testimonials-rating-distribution h3 svg{color:#fbbf24}.pages-manage-testimonials-rating-bar{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0}.pages-manage-testimonials-rating-label{min-width:60px;font-weight:var(--font-weight-semibold);color:var(--brand-navy);display:flex;align-items:center;gap:var(--spacing-xs)}.pages-manage-testimonials-star-icon{color:#fbbf24;font-size:var(--font-size-md)}.pages-manage-testimonials-rating-track{flex:1;height:10px;background:var(--border-color);border-radius:var(--border-radius-full);overflow:hidden;position:relative}.pages-manage-testimonials-rating-fill{height:100%;border-radius:var(--border-radius-full);transition:width var(--transition-speed) var(--transition-timing);position:relative;overflow:hidden;background:linear-gradient(90deg,#fbbf24,#f59e0b)}.pages-manage-testimonials-rating-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pages-manage-testimonials-rating-count{min-width:50px;text-align:right;color:var(--text-muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs);justify-content:flex-end}.pages-manage-testimonials-rating-count svg{font-size:var(--font-size-sm);color:var(--text-muted)}.pages-manage-testimonials-rating-summary{display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--background-color);border-radius:var(--border-radius-lg);border:1px solid var(--border-color-light)}.pages-manage-testimonials-average-rating{text-align:center;min-width:150px;padding:var(--spacing-md);background:var(--background-color-light);border-radius:var(--border-radius-lg);border:1px solid var(--border-color-light)}.pages-manage-testimonials-average-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--brand-navy);line-height:1;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.pages-manage-testimonials-average-number .pages-manage-testimonials-star-icon{font-size:var(--font-size-2xl);color:#fbbf24}.pages-manage-testimonials-average-stars{display:flex;gap:var(--spacing-xs);justify-content:center;color:#fbbf24;font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.pages-manage-testimonials-average-label{color:var(--text-muted);font-size:var(--font-size-sm)}.pages-manage-testimonials-total-reviews{color:var(--text-secondary-color);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.pages-manage-testimonials-total-reviews svg{color:#fbbf24}@media(max-width:1024px){.pages-manage-testimonials-filters-grid{grid-template-columns:repeat(2,1fr)}.pages-manage-testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}}@media(max-width:768px){.pages-manage-testimonials-container{padding:var(--spacing-md)}.pages-manage-testimonials-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.pages-manage-testimonials-header h1{font-size:var(--font-size-xl)}.pages-manage-testimonials-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.pages-manage-testimonials-stat-card{padding:var(--spacing-lg) var(--spacing-md)}.pages-manage-testimonials-stat-number{font-size:var(--font-size-2xl)}.pages-manage-testimonials-toolbar{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.pages-manage-testimonials-toolbar-left{width:100%;justify-content:space-between}.pages-manage-testimonials-toolbar-right{align-self:flex-end}.pages-manage-testimonials-filter-toggle{flex:1;justify-content:center}.pages-manage-testimonials-filters-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.pages-manage-testimonials-search{max-width:100%}.pages-manage-testimonials-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.pages-manage-testimonials-view-toggle{margin-left:0;width:100%}.pages-manage-testimonials-view-toggle button{flex:1;justify-content:center}.pages-manage-testimonials-rating-distribution{padding:var(--spacing-lg)}.pages-manage-testimonials-rating-bar{gap:var(--spacing-sm)}.pages-manage-testimonials-rating-label{min-width:50px;font-size:var(--font-size-sm)}.pages-manage-testimonials-rating-count{min-width:40px;font-size:var(--font-size-sm)}.pages-manage-testimonials-rating-summary{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.pages-manage-testimonials-average-rating{min-width:auto;width:100%}}@media(max-width:480px){.pages-manage-testimonials-stats{grid-template-columns:1fr}.pages-manage-testimonials-toolbar-left{flex-direction:column;gap:var(--spacing-sm)}.pages-manage-testimonials-filter-toggle,.pages-manage-testimonials-clear-filters{width:100%;justify-content:center}.pages-manage-testimonials-toolbar-right{align-self:center;width:100%;text-align:center}.pages-manage-testimonials-results-count{width:100%;text-align:center}.pages-manage-testimonials-pagination{flex-direction:column;gap:var(--spacing-sm)}.pages-manage-testimonials-pagination-btn{width:100%;text-align:center}.pages-manage-testimonials-empty{padding:var(--spacing-2xl) var(--spacing-md)}.pages-manage-testimonials-empty-icon{font-size:3rem}.pages-manage-testimonials-empty h3{font-size:var(--font-size-lg)}.pages-manage-testimonials-footer{flex-direction:column;gap:var(--spacing-sm)}.pages-manage-testimonials-actions{width:100%;justify-content:center}.pages-manage-testimonials-table-actions{flex-direction:column;gap:var(--spacing-xs)}.pages-manage-testimonials-rating-bar{flex-wrap:wrap;gap:var(--spacing-xs)}.pages-manage-testimonials-rating-label{min-width:45px}.pages-manage-testimonials-rating-count{min-width:35px}.pages-manage-testimonials-rating-track{order:3;width:100%;margin-top:var(--spacing-xs)}.pages-manage-testimonials-average-number{font-size:var(--font-size-2xl)}.pages-manage-testimonials-average-number .pages-manage-testimonials-star-icon{font-size:var(--font-size-xl)}}.pages-manage-testimonials-mb-2{margin-bottom:var(--spacing-sm)}.pages-manage-testimonials-mb-3{margin-bottom:var(--spacing-md)}.pages-manage-testimonials-mb-4{margin-bottom:var(--spacing-lg)}.pages-manage-testimonials-mt-2{margin-top:var(--spacing-sm)}.pages-manage-testimonials-mt-3{margin-top:var(--spacing-md)}.pages-manage-testimonials-mt-4{margin-top:var(--spacing-lg)}.pages-manage-testimonials-table-container::-webkit-scrollbar{height:8px}.pages-manage-testimonials-table-container::-webkit-scrollbar-track{background:var(--background-color);border-radius:var(--border-radius-sm)}.pages-manage-testimonials-table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-sm)}.pages-manage-testimonials-table-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media print{.pages-manage-testimonials-toolbar,.pages-manage-testimonials-search,.pages-manage-testimonials-filters-panel,.pages-manage-testimonials-actions,.pages-manage-testimonials-pagination{display:none!important}.pages-manage-testimonials-card,.pages-manage-testimonials-stat-card{break-inside:avoid;box-shadow:none!important;border:1px solid var(--border-color)!important}}@media(prefers-contrast:high){.pages-manage-testimonials-stat-card,.pages-manage-testimonials-card,.pages-manage-testimonials-filters-panel{border:2px solid var(--brand-navy)!important}.pages-manage-testimonials-badge{border:1px solid currentColor!important}}.components-breadcrumbs-container{margin-bottom:var(--spacing-md)}.components-breadcrumbs-list{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.components-breadcrumbs-item{display:flex;align-items:center}.components-breadcrumbs-item:not(:last-child):after{content:"/";margin:0 var(--spacing-sm);color:var(--text-muted)}.components-breadcrumbs-link{color:var(--text-secondary-color);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-speed) var(--transition-timing)}.components-breadcrumbs-link:hover{color:var(--brand-cyan-bright);text-decoration:underline}.components-breadcrumbs-current{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.features-blogs-form{width:100%;min-height:100vh}.features-blogs-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.features-blogs-form-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--brand-navy);margin:0;display:flex;align-items:center;gap:12px}.features-blogs-form-title svg{color:var(--brand-navy);font-size:var(--font-size-xl)}.features-blogs-form-readtime{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--white);border-radius:var(--border-radius-full);color:var(--text-secondary-color-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.features-blogs-form-readtime svg{font-size:var(--font-size-md)}.features-blogs-form-row-top{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start;margin-bottom:var(--spacing-2xl)}.features-blogs-form-row-mid{margin-bottom:var(--spacing-2xl)}.features-blogs-form-row-bottom{margin-bottom:0}.features-blogs-form-card{background:var(--white);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.features-blogs-form-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.features-blogs-form-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:15px;border-bottom:2px solid var(--white)}.features-blogs-form-card-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--brand-navy);margin:0;display:flex;align-items:center;gap:10px}.features-blogs-form-card-header h3 svg{color:var(--brand-navy)}.features-blogs-form-card-required{background:linear-gradient(135deg,var(--brand-navy),var(--brand-navy-dark));color:var(--text-on-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.features-blogs-form-card-optional{background:linear-gradient(135deg,var(--warning-color),#d97706);color:var(--text-on-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.features-blogs-form-row{display:flex;gap:var(--spacing-lg);margin-bottom:15px}.features-blogs-form-col{flex:1}.features-blogs-form-label{display:block;font-weight:var(--font-weight-semibold);color:var(--brand-navy);margin-bottom:10px;font-size:var(--font-size-sm)}.features-blogs-form-help{display:block;color:var(--text-secondary-color-dark);font-size:var(--font-size-sm);margin-top:5px;line-height:1.4}.features-blogs-form-checkbox{display:flex;flex-direction:column;gap:5px;cursor:pointer}.features-blogs-form-checkbox input[type=checkbox]{display:none}.features-blogs-form-checkbox-label{display:flex;align-items:center;gap:10px;padding:12px var(--spacing-md);background:var(--white);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-secondary-color);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);position:relative}.features-blogs-form-checkbox-label:before{content:"";width:20px;height:20px;border:2px solid var(--border-color-dark);border-radius:var(--border-radius);background:var(--white);transition:all var(--transition-fast)}.features-blogs-form-checkbox-label:after{content:"✓";position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--text-on-primary);font-size:14px;opacity:0;transition:opacity var(--transition-fast)}.features-blogs-form-checkbox input[type=checkbox]:checked+.features-blogs-form-checkbox-label{background:rgba(var(--brand-navy-rgb),.1);border-color:var(--brand-navy);color:var(--brand-navy)}.features-blogs-form-checkbox input[type=checkbox]:checked+.features-blogs-form-checkbox-label:before{background:var(--brand-navy);border-color:var(--brand-navy)}.features-blogs-form-checkbox input[type=checkbox]:checked+.features-blogs-form-checkbox-label:after{opacity:1}.features-blogs-form-checkbox small{color:var(--text-secondary-color-dark);font-size:var(--font-size-xs);margin-left:34px}.features-blogs-form-image-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.features-blogs-form-upload-progress{background:var(--white);border-radius:var(--border-radius);padding:12px;position:relative;overflow:hidden}.features-blogs-form-upload-progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--secondary-color),var(--secondary-color-light));border-radius:var(--border-radius);transition:width var(--transition-normal)}.features-blogs-form-upload-progress span{position:relative;z-index:var(--z-index-sticky);color:var(--text-on-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.features-blogs-form-image-preview{display:flex;flex-direction:column;gap:15px}.features-blogs-form-image-preview-header{display:flex;justify-content:space-between;align-items:center}.features-blogs-form-image-preview-header h4{margin:0;font-size:var(--font-size-md);color:var(--brand-navy)}.features-blogs-form-image-preview-img{width:100%;height:200px;object-fit:cover;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.features-blogs-form-editor{display:flex;flex-direction:column;gap:15px}.features-blogs-form-textarea,.features-blogs-form-excerpt{display:flex;flex-direction:column;gap:var(--spacing-sm)}.features-blogs-form-textarea label,.features-blogs-form-excerpt label{font-weight:var(--font-weight-semibold);color:var(--brand-navy);font-size:var(--font-size-sm)}.features-blogs-form-textarea textarea,.features-blogs-form-excerpt textarea{padding:12px var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--brand-navy);background:var(--white);transition:all var(--transition-fast);resize:vertical;min-height:100px}.features-blogs-form-textarea textarea:focus,.features-blogs-form-excerpt textarea:focus{outline:none;border-color:var(--brand-navy);box-shadow:0 0 0 3px rgba(var(--brand-navy-rgb),.1)}.features-blogs-form-textarea small,.features-blogs-form-excerpt small{color:var(--text-secondary-color-dark);font-size:var(--font-size-xs);text-align:right}.features-blogs-form-tags{display:flex;flex-direction:column;gap:var(--spacing-lg)}.features-blogs-form-tags-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.features-blogs-form-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--brand-navy-rgb),.1);color:var(--brand-navy);padding:6px 12px;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.features-blogs-form-tag:hover{background:rgba(var(--brand-navy-rgb),.2);transform:translateY(-1px)}.features-blogs-form-tag button{background:none;border:none;color:var(--brand-navy);font-size:var(--font-size-lg);cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);transition:all var(--transition-fast)}.features-blogs-form-tag button:hover{background:rgba(var(--brand-navy-rgb),.3);color:var(--text-on-primary)}.features-blogs-form-suggested-tags{display:flex;flex-direction:column;gap:12px}.features-blogs-form-suggested-tags label{font-weight:var(--font-weight-semibold);color:var(--brand-navy);font-size:var(--font-size-sm)}.features-blogs-form-suggested-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.features-blogs-form-suggested-tag{background:var(--white);border:1px solid var(--border-color);color:var(--text-secondary-color);padding:6px 12px;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.features-blogs-form-suggested-tag:hover{background:var(--white);transform:translateY(-1px)}.features-blogs-form-actions-card{background:var(--gradient-primary);color:var(--text-on-primary);border:none}.features-blogs-form-actions-card h3{color:var(--text-on-primary)}.features-blogs-form-stats{display:flex;flex-direction:row;gap:15px}.features-blogs-form-stat{display:flex;justify-content:space-between;text-align:center;flex-direction:column;align-items:center;padding:12px var(--spacing-md);background:var(--white);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast)}.features-blogs-form-stat:hover{background:var(--white);transform:translate(5px)}.features-blogs-form-stat-label{color:var(--text-secondary-color-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.features-blogs-form-stat-value{color:var(--brand-navy);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.features-blogs-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:var(--spacing-2xl)}.features-blogs-form-btn-submit{min-width:140px;background:linear-gradient(135deg,var(--secondary-color),var(--secondary-color-light));border:none;color:var(--text-on-primary);font-weight:var(--font-weight-semibold)}.features-blogs-form-btn-cancel{min-width:100px}@media(max-width:1100px){.features-blogs-form-row-top{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media(max-width:768px){.features-blogs-form{padding:var(--spacing-lg) 15px}.features-blogs-form-header{flex-direction:column;align-items:flex-start;gap:15px;padding:var(--spacing-lg)}.features-blogs-form-row-top,.features-blogs-form-row-mid,.features-blogs-form-row-bottom{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.features-blogs-form-card{padding:var(--spacing-lg)}.features-blogs-form-row{flex-direction:column;gap:15px}.features-blogs-form-actions{flex-direction:column}.features-blogs-form-btn-submit,.features-blogs-form-btn-cancel{width:100%}}@media(max-width:480px){.features-blogs-form-title{font-size:var(--font-size-2xl)}.features-blogs-form-card-header{flex-direction:column;align-items:flex-start;gap:10px}.features-blogs-form-stat{flex-direction:column;align-items:flex-start;gap:5px}}.features-blogs-form-checkbox input[type=checkbox]:focus+.features-blogs-form-checkbox-label,.features-blogs-form-textarea textarea:focus,.features-blogs-form-excerpt textarea:focus,.features-blogs-form-suggested-tag:focus,.features-blogs-form-tag button:focus{outline:2px solid var(--brand-navy);outline-offset:2px}@keyframes features-blogs-form-fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.features-blogs-form-card{animation:features-blogs-form-fadeInUp var(--transition-normal) ease-out both}.features-blogs-form-row-top .features-blogs-form-card:nth-child(1){animation-delay:.05s}.features-blogs-form-row-top .features-blogs-form-card:nth-child(2){animation-delay:.1s}.features-blogs-form-row-mid{animation-delay:.15s}.features-blogs-form-row-bottom{animation-delay:.2s}.features-blogs-form.loading{opacity:.7;pointer-events:none}@media print{.features-blogs-form-header,.features-blogs-form-actions{display:none}.features-blogs-form-card{box-shadow:none;border:1px solid var(--border-color-dark);break-inside:avoid}}@media(prefers-reduced-motion:reduce){.features-blogs-form-card{animation:none}}.components-imageupload-container{width:100%}.components-imageupload-main-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-bold);color:var(--primary-color)}.components-imageupload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.components-imageupload-hidden-input{display:none}.components-imageupload-preview-item{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--border-color);background-color:var(--background-color-light)}.components-imageupload-preview-image{width:100%;height:100%;object-fit:cover}.components-imageupload-remove-btn{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:24px;height:24px;border-radius:50%;border:none;background-color:#0009;color:var(--text-on-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;opacity:0;transition:opacity var(--transition-speed) var(--transition-timing);z-index:1}.components-imageupload-remove-btn:hover{background-color:var(--danger-color);transform:scale(1.1)}.components-imageupload-preview-item:hover .components-imageupload-remove-btn{opacity:1}.components-imageupload-trigger{width:100%;aspect-ratio:1 / 1;border:2px dashed var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary-color);background-color:var(--background-color-light);transition:all var(--transition-speed) var(--transition-timing)}.components-imageupload-trigger:hover,.components-imageupload-trigger:focus{border-color:var(--brand-cyan-bright);color:var(--brand-cyan-bright);background-color:rgba(var(--secondary-color-rgb),.04)}.components-imageupload-trigger-icon{font-size:var(--font-size-2xl);line-height:1}.components-imageupload-trigger-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}.rich-text-editor{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background-color:var(--background-primary);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.rich-text-editor:hover{box-shadow:var(--shadow-md)}.rich-text-editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:10px;background:linear-gradient(to bottom,var(--background-secondary),var(--background-tertiary));border-bottom:1px solid var(--border-color)}.rich-text-editor-toolbar-btn{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-fast);min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.rich-text-editor-toolbar-btn:hover{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--text-white);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.rich-text-editor-toolbar-btn:active{transform:translateY(0)}.rich-text-editor-toolbar-btn.active{background-color:var(--primary-color);color:var(--text-white);border-color:var(--primary-dark);box-shadow:inset 0 1px 3px #0003}.rich-text-editor-toolbar-separator{width:1px;background-color:var(--border-color);margin:0 4px;align-self:stretch}.rich-text-editor-content{padding:20px;outline:none;min-height:200px;max-height:600px;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:var(--text-base);line-height:1.7;color:var(--text-primary);background-color:var(--background-primary);transition:border-color var(--transition-normal)}.rich-text-editor-content:empty:before{content:attr(placeholder);color:var(--text-tertiary);font-style:italic}.rich-text-editor-content.focused{background-color:var(--background-primary)}.rich-text-editor-content h1,.rich-text-editor-content h2,.rich-text-editor-content h3,.rich-text-editor-content h4,.rich-text-editor-content h5,.rich-text-editor-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:var(--font-bold);color:var(--text-secondary);line-height:1.3}.rich-text-editor-content h1{font-size:var(--text-4xl);border-bottom:2px solid var(--border-color);padding-bottom:.3em}.rich-text-editor-content h2{font-size:var(--text-3xl)}.rich-text-editor-content h3{font-size:var(--text-2xl)}.rich-text-editor-content h4{font-size:var(--text-xl)}.rich-text-editor-content h5{font-size:var(--text-lg)}.rich-text-editor-content h6{font-size:var(--text-base);font-weight:var(--font-semibold)}.rich-text-editor-content p{margin-bottom:1em;line-height:1.7}.rich-text-editor-content p:last-child{margin-bottom:0}.rich-text-editor-content ul,.rich-text-editor-content ol{margin-left:1.5em;margin-bottom:1em;padding-left:.5em}.rich-text-editor-content ul{list-style-type:disc}.rich-text-editor-content ul ul{list-style-type:circle}.rich-text-editor-content ul ul ul{list-style-type:square}.rich-text-editor-content ol{list-style-type:decimal}.rich-text-editor-content li{margin-bottom:.5em;line-height:1.7}.rich-text-editor-content li>p{margin-bottom:.5em}.rich-text-editor-content a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-fast)}.rich-text-editor-content a:hover{color:var(--primary-dark);border-bottom-color:var(--primary-color)}.rich-text-editor-content table{border-collapse:collapse;width:100%;margin:1em 0;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.rich-text-editor-content table th,.rich-text-editor-content table td{padding:10px 12px;border:1px solid var(--border-color);text-align:left}.rich-text-editor-content table th{background-color:var(--background-tertiary);font-weight:var(--font-semibold);color:var(--text-secondary)}.rich-text-editor-content table tr:nth-child(2n){background-color:var(--background-secondary)}.rich-text-editor-content table tr:hover{background-color:var(--background-tertiary)}.rich-text-editor-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.rich-text-editor-content img:hover{box-shadow:var(--shadow-md)}.rich-text-editor-content blockquote{margin:1.5em 0;padding:1em 1.5em;border-left:4px solid var(--primary-color);background-color:var(--background-secondary);font-style:italic;color:var(--text-secondary)}.rich-text-editor-content code{background-color:var(--background-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:Courier New,Courier,monospace;font-size:.9em;color:var(--accent-color)}.rich-text-editor-content pre{background-color:var(--background-tertiary);padding:1em;border-radius:var(--radius-sm);overflow-x:auto;margin:1em 0}.rich-text-editor-content pre code{background:none;padding:0;color:inherit}.rich-text-editor-content hr{border:none;border-top:2px solid var(--border-color);margin:2em 0}.rich-text-editor-content strong{font-weight:var(--font-bold);color:var(--text-secondary)}.rich-text-editor-content em{font-style:italic}.rich-text-editor-content u{text-decoration:underline}.rich-text-editor-content s{text-decoration:line-through;opacity:.7}.blog-image-wrapper{margin:20px 0;clear:both}.blog-image-wrapper[data-position=left]{float:left;margin-right:20px;margin-bottom:20px;max-width:50%}.blog-image-wrapper[data-position=right]{float:right;margin-left:20px;margin-bottom:20px;max-width:50%}.blog-image-wrapper[data-position=center]{display:block;text-align:center;margin-left:auto;margin-right:auto;clear:both}.blog-image-wrapper[data-position=full]{width:100%;clear:both}.blog-image-wrapper img{width:100%;height:auto;display:block}.image-caption{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:8px;font-style:italic;text-align:center}.rich-text-editor-footer{padding:8px 15px;background:linear-gradient(to top,var(--background-secondary),var(--background-tertiary));border-top:1px solid var(--border-color);color:var(--text-tertiary);font-size:var(--text-sm)}.rich-text-editor-content::-webkit-scrollbar{width:8px}.rich-text-editor-content::-webkit-scrollbar-track{background:var(--background-tertiary);border-radius:var(--radius-sm)}.rich-text-editor-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}.rich-text-editor-content::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.rich-text-editor-content ::selection{background-color:var(--primary-light);color:var(--text-white)}.rich-text-editor:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a}@media(max-width:768px){.rich-text-editor-toolbar{padding:8px;gap:3px}.rich-text-editor-toolbar-btn{padding:5px 8px;min-width:28px;height:28px;font-size:var(--text-xs)}.rich-text-editor-content{padding:15px;font-size:var(--text-sm)}.blog-image-wrapper[data-position=left],.blog-image-wrapper[data-position=right]{float:none;max-width:100%;margin-left:0;margin-right:0}}@media print{.rich-text-editor-toolbar,.rich-text-editor-footer{display:none}.rich-text-editor{border:none;box-shadow:none}.rich-text-editor-content{max-height:none;overflow:visible}}.create-blog-container{padding:var(--spacing-lg) 0 var(--spacing-2xl, 48px);min-height:calc(100vh - var(--header-height, 70px));background-color:var(--background-color)}.create-blog-breadcrumbs{margin-bottom:var(--spacing-md)}.create-blog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);position:sticky;top:var(--spacing-sm);z-index:10}.create-blog-header-text{min-width:0}.create-blog-title{margin:0 0 4px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--brand-navy);letter-spacing:-.01em}.create-blog-subtitle{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5}.create-blog-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.create-blog-error{margin-bottom:var(--spacing-lg)}.create-blog-editor-container{background-color:var(--background-color-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);overflow:hidden}@media(max-width:768px){.create-blog-container{padding:var(--spacing-md)}.create-blog-header{position:static;flex-direction:column;align-items:stretch;padding:var(--spacing-md)}.create-blog-header-actions{flex-wrap:wrap}.create-blog-header-actions>*{flex:1 1 calc(50% - var(--spacing-sm))}.create-blog-title{font-size:var(--font-size-xl)}.create-blog-subtitle{font-size:var(--font-size-sm)}}@media(max-width:480px){.create-blog-container{padding:var(--spacing-sm)}.create-blog-header-actions>*{flex:1 1 100%}}@media print{.create-blog-header-actions{display:none!important}.create-blog-editor-container{box-shadow:none!important;border:1px solid var(--border-color)!important}.create-blog-header{position:static;box-shadow:none!important;border:1px solid var(--border-color)!important}}@media(prefers-contrast:high){.create-blog-editor-container,.create-blog-header{border:2px solid var(--brand-navy)!important}}@media(prefers-reduced-motion:reduce){.create-blog-container *{transition:none!important;animation:none!important}}.pages-edit-blog-container{padding:20px 0;min-height:calc(100vh - var(--header-height));background-color:var(--background-secondary)}.pages-edit-blog-breadcrumbs{margin-bottom:20px}.pages-edit-blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background-color:var(--background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:16px;position:sticky;top:10px;z-index:10}.pages-edit-blog-header-main{flex:1;min-width:280px}.pages-edit-blog-title{margin:0 0 8px;font-size:var(--text-2xl);color:var(--text-primary);font-weight:var(--font-bold)}.pages-edit-blog-subtitle{font-weight:var(--font-normal);color:var(--text-secondary);font-size:var(--text-lg)}.pages-edit-blog-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pages-edit-blog-meta-item{font-size:var(--text-sm);color:var(--text-tertiary);display:flex;align-items:center;gap:5px}.pages-edit-blog-status-badge{padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase}.pages-edit-blog-status-draft{background-color:#fef3c7;color:#92400e}.pages-edit-blog-status-published{background-color:#d1fae5;color:#065f46}.pages-edit-blog-status-archived{background-color:#fee2e2;color:#991b1b}.pages-edit-blog-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.pages-edit-blog-loading,.pages-edit-blog-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.pages-edit-blog-loading p{margin-top:15px;color:var(--text-tertiary)}.pages-edit-blog-error-alert{margin-bottom:20px}.pages-edit-blog-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:14px 20px;background-color:var(--background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pages-edit-blog-stat{display:flex;flex-direction:column;gap:2px;padding-right:20px;border-right:1px solid var(--border-color, rgba(0, 0, 0, .08))}.pages-edit-blog-stat:last-child{border-right:none;padding-right:0}.pages-edit-blog-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.pages-edit-blog-stat-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-semibold)}.pages-edit-blog-editor-container{background-color:var(--background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@media(max-width:768px){.pages-edit-blog-container{padding:15px}.pages-edit-blog-header{position:static;padding:15px;flex-direction:column;align-items:stretch}.pages-edit-blog-header-main,.pages-edit-blog-header-actions{width:100%}.pages-edit-blog-header-actions>*{flex:1 1 calc(50% - 8px)}.pages-edit-blog-title{font-size:var(--text-xl)}.pages-edit-blog-stats{gap:16px 20px}.pages-edit-blog-stat{border-right:none;padding-right:0;flex:1 1 calc(50% - 20px)}}@media(max-width:480px){.pages-edit-blog-header-actions>*{flex:1 1 100%}}@media print{.pages-edit-blog-header-actions{display:none!important}.pages-edit-blog-header{position:static;box-shadow:none!important;border:1px solid var(--border-color, #e2e8f0)}.pages-edit-blog-editor-container{box-shadow:none!important;border:1px solid var(--border-color, #e2e8f0)}}@media(prefers-reduced-motion:reduce){.pages-edit-blog-container *{transition:none!important;animation:none!important}}:root{--background-primary: #ffffff;--background-secondary: #f8fafc;--background-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #334155;--text-tertiary: #64748b;--border-color: #e2e8f0;--primary-color: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--accent-color: #8b5cf6;--accent-light: #7c3aed;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--z-tooltip: 100;--z-fixed: 1000}.blog-preview-container{min-height:100vh;background:var(--background-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);display:flex;flex-direction:column}.blog-preview-toolbar{background:var(--background-primary);border-bottom:1px solid var(--border-color);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:var(--z-fixed);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:8px}.blog-preview-toolbar-left{display:flex;align-items:center;gap:12px}.blog-preview-toolbar-title{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-preview-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.blog-preview-toolbar-btn{font-size:var(--text-sm);padding:6px 14px;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:1px solid var(--border-color);background:var(--background-primary);color:var(--text-secondary);display:flex;align-items:center;gap:6px}.blog-preview-toolbar-btn:hover{background:var(--background-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.blog-preview-close-btn{background:var(--danger-color);color:#fff;border:none}.blog-preview-close-btn:hover{background:#dc2626;color:#fff}.blog-preview-content-wrapper{flex:1;max-width:900px;width:100%;margin:0 auto;padding:40px 24px;animation:fadeIn .4s ease-out}.blog-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.blog-preview-loading p{color:var(--text-tertiary);font-size:var(--text-lg);animation:pulse 1.5s ease-in-out infinite}.blog-preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:20px;text-align:center}.blog-preview-article{background:var(--background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:48px;transition:box-shadow var(--transition-normal)}.blog-preview-article:hover{box-shadow:var(--shadow-xl)}.blog-preview-header{margin-bottom:32px}.blog-preview-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 20px;line-height:1.2}.blog-preview-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:16px}.blog-preview-meta-left{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.blog-preview-meta-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.blog-preview-date,.blog-preview-updated{color:var(--text-tertiary);font-size:var(--text-sm)}.blog-preview-status{display:inline-block;padding:4px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.blog-preview-status-draft{background:#fef3c7;color:#92400e}.blog-preview-status-published{background:#d1fae5;color:#065f46}.blog-preview-status-archived{background:#fecaca;color:#991b1b}.blog-preview-featured-badge{display:inline-block;padding:4px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);background:#ede9fe;color:#5b21b6}.blog-preview-category,.blog-preview-tags,.blog-preview-difficulty{margin:12px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.blog-preview-category-label,.blog-preview-tags-label,.blog-preview-difficulty-label{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium)}.blog-preview-category-value{background:var(--background-tertiary);padding:4px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-primary)}.blog-preview-tag{background:var(--background-tertiary);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-fast)}.blog-preview-tag:hover{background:var(--primary-color);color:#fff;cursor:default}.blog-preview-difficulty-value{padding:4px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:capitalize}.blog-preview-difficulty-beginner{background:#d1fae5;color:#065f46}.blog-preview-difficulty-intermediate{background:#fef3c7;color:#92400e}.blog-preview-difficulty-advanced{background:#fecaca;color:#991b1b}.blog-preview-read-time{color:var(--text-tertiary);font-size:var(--text-sm);margin:8px 0}.blog-preview-stats{display:flex;gap:20px;margin:12px 0;color:var(--text-tertiary);font-size:var(--text-sm);flex-wrap:wrap}.blog-preview-stat{display:flex;align-items:center;gap:4px}.blog-preview-divider{height:2px;background:linear-gradient(to right,var(--border-color),transparent);margin:24px 0}.blog-preview-featured-image{margin:24px 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.blog-preview-featured-image img{width:100%;height:auto;max-height:500px;object-fit:cover;display:block;transition:transform var(--transition-normal)}.blog-preview-featured-image:hover img{transform:scale(1.02)}.blog-preview-content{font-size:var(--text-lg);line-height:1.8;color:var(--text-secondary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-preview-content p{margin-bottom:1.5em}.blog-preview-content p:first-of-type{font-size:1.2em;line-height:1.8;color:var(--text-primary);font-weight:var(--font-medium)}.blog-preview-content p:first-of-type:first-letter{float:left;font-size:4em;line-height:.8;padding-top:.1em;padding-right:.1em;font-weight:var(--font-bold);color:var(--primary-color)}.blog-preview-content h1,.blog-preview-content h2,.blog-preview-content h3,.blog-preview-content h4{color:var(--text-primary);margin-top:2em;margin-bottom:.8em;font-weight:var(--font-semibold)}.blog-preview-content h1{font-size:2.2rem;border-bottom:2px solid var(--border-color);padding-bottom:10px}.blog-preview-content h2{font-size:1.8rem}.blog-preview-content h3{font-size:1.5rem}.blog-preview-content h4{font-size:1.25rem}.blog-preview-content strong{font-weight:var(--font-bold);color:var(--text-primary)}.blog-preview-content em{font-style:italic}.blog-preview-content ul,.blog-preview-content ol{margin-bottom:1.5em;padding-left:2em}.blog-preview-content li{margin-bottom:.5em}.blog-preview-content ul li::marker{color:var(--primary-color)}.blog-preview-content ol{counter-reset:item}.blog-preview-content ol li{counter-increment:item}.blog-preview-content ol li:before{content:counter(item) ". ";color:var(--primary-color);font-weight:var(--font-bold);margin-right:.5em}.blog-preview-content blockquote{border-left:4px solid var(--primary-color);margin:2em 0;font-style:italic;color:var(--text-tertiary);background-color:var(--background-tertiary);padding:20px 24px;border-radius:0 var(--radius-md) var(--radius-md) 0}.blog-preview-content code{background-color:var(--background-tertiary);padding:2px 8px;border-radius:var(--radius-sm);font-family:Courier New,Consolas,monospace;font-size:.9em;color:var(--accent-color)}.blog-preview-content pre{background-color:var(--background-tertiary);padding:20px;border-radius:var(--radius-md);overflow-x:auto;margin:2em 0;border:1px solid var(--border-color)}.blog-preview-content pre code{background-color:transparent;padding:0;color:var(--text-secondary);font-size:.9rem}.blog-preview-content table{width:100%;border-collapse:collapse;margin:2em 0;border:1px solid var(--border-color)}.blog-preview-content th,.blog-preview-content td{padding:12px 15px;text-align:left;border:1px solid var(--border-color)}.blog-preview-content th{background-color:var(--background-tertiary);font-weight:var(--font-semibold);color:var(--text-primary)}.blog-preview-content tr:nth-child(2n){background-color:var(--background-secondary)}.blog-preview-content a{color:var(--primary-color);text-decoration:none;border-bottom:1px dotted var(--primary-color);transition:all var(--transition-fast)}.blog-preview-content a:hover{color:var(--primary-dark);border-bottom:1px solid var(--primary-dark)}.blog-preview-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1.5em auto;display:block;box-shadow:var(--shadow-md)}.blog-preview-content .image-caption{text-align:center;font-style:italic;color:var(--text-tertiary);font-size:.9em;margin-top:-1em;margin-bottom:2em}.blog-preview-content .blog-image-left{float:left;margin:10px 20px 10px 0;max-width:50%}.blog-preview-content .blog-image-right{float:right;margin:10px 0 10px 20px;max-width:50%}.blog-preview-content .blog-image-center{display:block;margin:20px auto;text-align:center;max-width:80%}.blog-preview-content .blog-image-full{width:100%;margin:20px 0}.blog-preview-content:after,.blog-preview-content .clearfix:after{content:"";display:table;clear:both}.blog-preview-html{background:var(--background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:48px}.blog-preview-html>*{animation:fadeIn .5s ease-out}.blog-preview-scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(20px);transition:all var(--transition-normal);box-shadow:var(--shadow-lg);z-index:var(--z-tooltip);border:none;font-size:1.5rem}.blog-preview-scroll-top.visible{opacity:1;transform:translateY(0)}.blog-preview-scroll-top:hover{background:var(--primary-dark);transform:translateY(-5px) scale(1.05)}.blog-preview-scroll-top:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media print{.blog-preview-toolbar,.blog-preview-scroll-top{display:none!important}.blog-preview-container{background:#fff!important}.blog-preview-content-wrapper{padding:0!important;max-width:100%!important}.blog-preview-article,.blog-preview-html{padding:20px!important;box-shadow:none!important;border-radius:0!important}.blog-preview-title{font-size:24pt!important}.blog-preview-content{font-size:12pt!important;line-height:1.5!important}.blog-preview-content h1{font-size:18pt!important}.blog-preview-content h2{font-size:16pt!important}.blog-preview-content h3{font-size:14pt!important}.blog-preview-content a{color:#000!important;text-decoration:none!important;border-bottom:none!important}.blog-preview-content .blog-image-left,.blog-preview-content .blog-image-right{float:none!important;margin:20px auto!important;max-width:100%!important}.blog-preview-featured-image img{max-width:100%!important;page-break-inside:avoid}.blog-preview-content p:first-of-type:first-letter{font-size:3em!important}.blog-preview-stats{display:none!important}}@media(max-width:1024px){.blog-preview-content-wrapper{padding:30px 20px}.blog-preview-article,.blog-preview-html{padding:36px}}@media(max-width:768px){.blog-preview-toolbar{padding:8px 16px;flex-direction:column;align-items:stretch;gap:8px}.blog-preview-toolbar-left,.blog-preview-toolbar-right{justify-content:center}.blog-preview-toolbar-title{max-width:100%;font-size:var(--text-sm)}.blog-preview-content-wrapper{padding:16px}.blog-preview-article,.blog-preview-html{padding:24px;border-radius:var(--radius-md)}.blog-preview-title{font-size:var(--text-3xl)}.blog-preview-meta{flex-direction:column;align-items:flex-start}.blog-preview-content{font-size:var(--text-base)}.blog-preview-content p:first-of-type{font-size:1.1em}.blog-preview-content p:first-of-type:first-letter{font-size:3em}.blog-preview-content h1{font-size:1.8rem}.blog-preview-content h2{font-size:1.5rem}.blog-preview-content h3{font-size:1.3rem}.blog-preview-content .blog-image-left,.blog-preview-content .blog-image-right{float:none;margin:20px 0;max-width:100%}.blog-preview-stats{gap:12px;font-size:var(--text-sm)}.blog-preview-scroll-top{bottom:20px;right:20px;width:44px;height:44px;font-size:1.2rem}.blog-preview-toolbar-btn{font-size:var(--text-sm);padding:4px 10px}}@media(max-width:480px){.blog-preview-content-wrapper{padding:12px}.blog-preview-article,.blog-preview-html{padding:16px}.blog-preview-title{font-size:var(--text-2xl)}.blog-preview-content{font-size:.95rem}.blog-preview-content p:first-of-type:first-letter{font-size:2.5em}.blog-preview-content h1{font-size:1.5rem}.blog-preview-content h2{font-size:1.3rem}.blog-preview-content h3{font-size:1.1rem}.blog-preview-toolbar-btn{font-size:12px;padding:4px 8px}.blog-preview-toolbar-title{font-size:12px}}@media(prefers-color-scheme:dark){:root{--background-primary: #1e1e2e;--background-secondary: #14141e;--background-tertiary: #2a2a3e;--text-primary: #e8e8f0;--text-secondary: #c8c8d4;--text-tertiary: #a0a0b8;--border-color: #3a3a4e}.blog-preview-status-draft{background:#4a3a1a;color:#fbbf24}.blog-preview-status-published{background:#1a3a2a;color:#34d399}.blog-preview-status-archived{background:#3a1a1a;color:#f87171}.blog-preview-featured-badge{background:#2a1a4a;color:#a78bfa}.blog-preview-category-value,.blog-preview-tag{background:var(--background-tertiary);color:var(--text-secondary)}.blog-preview-difficulty-beginner{background:#1a3a2a;color:#34d399}.blog-preview-difficulty-intermediate{background:#4a3a1a;color:#fbbf24}.blog-preview-difficulty-advanced{background:#3a1a1a;color:#f87171}.blog-preview-toolbar{background:var(--background-primary);border-color:var(--border-color)}.blog-preview-toolbar-btn{background:var(--background-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.blog-preview-toolbar-btn:hover{background:var(--border-color);color:var(--text-primary)}.blog-preview-close-btn{background:var(--danger-color);color:#fff}.blog-preview-close-btn:hover{background:#dc2626;color:#fff}}[data-theme=dark]{--background-primary: #1e1e2e;--background-secondary: #14141e;--background-tertiary: #2a2a3e;--text-primary: #e8e8f0;--text-secondary: #c8c8d4;--text-tertiary: #a0a0b8;--border-color: #3a3a4e}[data-theme=dark] .blog-preview-status-draft{background:#4a3a1a;color:#fbbf24}[data-theme=dark] .blog-preview-status-published{background:#1a3a2a;color:#34d399}[data-theme=dark] .blog-preview-status-archived{background:#3a1a1a;color:#f87171}[data-theme=dark] .blog-preview-featured-badge{background:#2a1a4a;color:#a78bfa}[data-theme=dark] .blog-preview-difficulty-beginner{background:#1a3a2a;color:#34d399}[data-theme=dark] .blog-preview-difficulty-intermediate{background:#4a3a1a;color:#fbbf24}[data-theme=dark] .blog-preview-difficulty-advanced{background:#3a1a1a;color:#f87171}[data-theme=dark] .blog-preview-toolbar{background:var(--background-primary);border-color:var(--border-color)}[data-theme=dark] .blog-preview-toolbar-btn{background:var(--background-tertiary);color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .blog-preview-toolbar-btn:hover{background:var(--border-color);color:var(--text-primary)}.features-testimonials-container{padding:32px 24px;min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.features-testimonials-wrapper{max-width:800px;width:100%;margin:0 auto;background:var(--background-primary, #ffffff);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px}.features-testimonials-header{margin-bottom:32px}.features-testimonials-back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color, #4f46e5);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:all .2s ease}.features-testimonials-back-btn:hover{transform:translate(-4px);color:var(--primary-dark, #4338ca)}.features-testimonials-header-content{text-align:center}.features-testimonials-title{margin:0 0 8px;font-size:28px;font-weight:600;color:var(--text-primary, #1a1a1a)}.features-testimonials-subtitle{color:var(--text-secondary, #666);margin:0;font-size:14px;line-height:1.5}.features-testimonials-form{width:100%}.features-testimonials-form-field{width:100%;margin-bottom:20px}.features-testimonials-form-row{display:flex;gap:20px;margin-bottom:20px}.features-testimonials-form-row>div{flex:1}.features-testimonials-form-toggle-label{font-weight:600;color:var(--text-primary, #333);font-size:14px}.features-testimonials-field-hint{font-size:12px;color:#6b7280;margin-top:4px}.features-testimonials-info-box{padding:16px;background-color:#e3f2fd;border-left:4px solid #1976d2;border-radius:8px;margin:20px 0}.features-testimonials-edit-info{margin:20px 0}.info-content strong{display:block;margin-bottom:4px;color:#0d47a1}.info-content p{margin:0;color:#1565c0;font-size:14px}.features-testimonials-loading{text-align:center;padding:60px 20px}.features-testimonials-loading p{margin-top:16px;color:var(--text-secondary, #666)}.features-testimonials-error-actions{display:flex;gap:12px;margin-top:16px}.features-testimonials-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color, #e0e0e0)}.features-testimonials-form-btn-submit{min-width:160px}.features-testimonials-form-btn-cancel{min-width:100px}@media(max-width:768px){.features-testimonials-container{padding:16px}.features-testimonials-wrapper{padding:20px}.features-testimonials-title{font-size:24px}.features-testimonials-form-row{flex-direction:column;gap:16px}.features-testimonials-form-actions{flex-direction:column-reverse}.features-testimonials-form-btn-submit,.features-testimonials-form-btn-cancel{width:100%}.features-testimonials-form-toggle{flex-direction:column;gap:12px;align-items:flex-start}}@media(prefers-color-scheme:dark){.features-testimonials-wrapper{background:var(--background-primary-dark, #1a1a1a);box-shadow:0 2px 8px #0000004d}.features-testimonials-title{color:var(--text-primary-dark, #ffffff)}.features-testimonials-subtitle{color:var(--text-secondary-dark, #999)}.features-testimonials-info-box{background-color:#1a2a3a;border-left-color:#64b5f6}.info-content strong{color:#bbdefb}.info-content p{color:#90caf9}}@keyframes features-testimonials-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features-testimonials-wrapper{animation:features-testimonials-fadeIn .3s ease-out}.features-testimonials-form-toggle .components-toggleswitch{transform:scale(1)}.features-testimonials-form-toggle .components-toggleswitch-hidden-input:checked+.components-toggleswitch-slider{background-color:#10b981!important}.features-testimonials-form-toggle .components-toggleswitch-slider{background-color:#cbd5e1!important;transition:background-color .2s ease}.features-testimonials-form-toggle .components-toggleswitch-hidden-input:checked+.components-toggleswitch-slider:before{transform:translate(22px)!important}.features-testimonials-form-toggle .components-toggleswitch-slider:before{height:20px!important;width:20px!important;left:4px!important;bottom:4px!important;background-color:#fff!important;box-shadow:0 1px 3px #0003}.features-testimonials-form-toggle .components-toggleswitch:hover .components-toggleswitch-slider{background-color:#94a3b8!important}.features-testimonials-form-toggle .components-toggleswitch:hover .components-toggleswitch-hidden-input:checked+.components-toggleswitch-slider{background-color:#059669!important}.features-testimonials-form-toggle .components-toggleswitch-hidden-input:focus+.components-toggleswitch-slider{box-shadow:0 0 0 2px #10b9814d;outline:none}.features-testimonials-form-toggle .components-toggleswitch-hidden-input:disabled+.components-toggleswitch-slider{opacity:.5;cursor:not-allowed}.features-testimonials-form-toggle-label{font-weight:500;color:var(--text-primary, #2c3e50);cursor:pointer;-webkit-user-select:none;user-select:none}.features-testimonials-form-toggle{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--border-color, #e0e0e0);border-bottom:1px solid var(--border-color, #e0e0e0);margin:20px 0}.features-testimonials-form-toggle .toggle-description{font-size:12px;color:#6b7280;margin-left:12px}@media(max-width:768px){.features-testimonials-form-toggle{flex-direction:column;align-items:flex-start;gap:12px}.features-testimonials-form-toggle .components-toggleswitch-slider{width:44px!important;height:24px!important}.features-testimonials-form-toggle .components-toggleswitch-slider:before{height:18px!important;width:18px!important;left:3px!important;bottom:3px!important}.features-testimonials-form-toggle .components-toggleswitch-hidden-input:checked+.components-toggleswitch-slider:before{transform:translate(20px)!important}}