*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--bg-light:#f8f6fe;--surface:#fff;--primary-background:#f8f6fe;--secondary-background:#ffffffc7;--black-text:#172a35;--secondary-text:#71717a;--header-page-name:#172a35;--header-text:#172a35;--label-text:#71717a;--create-syllabus-text:#71717a;--edit-with-ai-text:#172a35;--edit-with-ai-message-text:#71717a;--openai-model:#a000f0;--success-color:#22c55e;--success-hover:#16a34a;--success-dark:#15803d;--error-light:#dc2626;--warning-color:#f59e0b;--info-color:#3b82f6;--info-hover:#2563eb;--info-dark:#1d4ed8;--info-darker:#1e40af;--clear-text:#ef4444;--delete-text:#dc2626;--delete-btn-bg:#dc2626;--edit-with-ai-danger:#dc2626;--edit-with-ai-danger-bg:#ef4444;--edit-with-ai-danger-text:#fff;--primary-border:#e4e4e7;--secondary-border:#d4d4d8;--border-error:#ef444433;--edit-with-ai-border:#e4e4e7;--navbar-active-bg:#13005a1a;--navbar-text-active:#13005a;--search-bar-border:#13005a;--search-bar-placeholder:#13005a;--button-text-primary:#13005a;--popup-border:#13005a33;--title-text:#13005a;--input-value:#a000f0;--active-text:#13005a;--active-bg:#13005a1a;--button-primary-border-color:#13005a;--dropdown-placeholder-color:#a000f0;--job-header-bg-color:#13005a0d;--jobs-shadow-color:#13005a1a;--jobs-data-hover-color:#13005a1a;--primary-blue:#13005a;--Shadow1:#13005a1a;--Shadow2:#13005a14;--Shadow3:#13005a0d;--Shadow4:#13005a08;--Shadow5:#13005a03;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#172a35;--gray-900:#18181b;--light-gray:#e4e4e7;--gray-light:#f4f4f5;--bg-success-light:#f0fdf4;--bg-info-light:#eff6ff;--bg-error-light:#fef2f2;--image-upload-popup-bg:#f4f4f5;--jobs-dropdownbg:#27272a;--popup-background:#00000080;--edit-with-ai-cancel-bg:#f4f4f5;--edit-with-ai-cancel-text:#172a35;--edit-with-ai-cancel-hover-bg:#e4e4e7;--edit-with-ai-cancel-shadow:#0000000a;--edit-with-ai-danger-shadow:#ef44441a;--secondaryTextColor:#71717a;--spacing-xs:4px;--spacing-sm:8px;--spacing-base:10px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--font-xs:12px;--font-sm:13px;--font-base:14px;--font-md:15px;--font-lg:16px;--font-xl:18px;--font-2xl:20px;--font-3xl:24px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #00000014,0 4px 10px #0000000a;--shadow-xl:0 20px 40px #00000026;--shadow-primary:0 4px 12px #13005a4d;--shadow-primary-hover:0 6px 16px #13005a66;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.d-flex{display:flex}.d-flex>.d-flex.flex-column.w-100{margin-left:224px;min-height:100vh;transition:margin-left .3s ease;transition:margin-left var(--transition-normal);width:calc(100% - 224px)}body.navbar-collapsed .d-flex>.d-flex.flex-column.w-100{margin-left:80px;width:calc(100% - 80px)}.main-content-container{margin-left:224px;min-height:100vh;transition:margin-left .3s ease;transition:margin-left var(--transition-normal);width:calc(100% - 224px)}body.navbar-collapsed .main-content-container{margin-left:80px;width:calc(100% - 80px)}@media screen and (max-width:768px){.d-flex>.d-flex.flex-column.w-100,.main-content-container,body.navbar-collapsed .d-flex>.d-flex.flex-column.w-100,body.navbar-collapsed .main-content-container{margin-left:0!important;width:100%!important}}.cursor{cursor:pointer!important}.m-0{margin:0}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.g-8{gap:8px}.w-100{width:100%}.h-100{height:100vh}.outline-none{outline:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background-color:var(--commonBackGroundColor);border-radius:15px}::-webkit-scrollbar-thumb{background-color:#f4f6f9;border-radius:15px}.MuiOutlinedInput-root{border:0 solid #d4d4d8!important;border:0 solid var(--secondary-border)!important;border-radius:8px!important;.MuiOutlinedInput-input{border:none!important;font-size:12px!important;padding:4px 14px!important}.MuiOutlinedInput-notchedOutline{border-color:#d4d4d8!important;border-color:var(--secondary-border)!important}}.MuiTab-root{max-height:36px!important}#menu- .MuiPaper-root{--Paper-shadow:none!important;border:1px solid #d4d4d8;border:1px solid var(--secondary-border);border-radius:10px!important;max-height:40vh!important;max-width:30%}.disabled{cursor:not-allowed!important;opacity:.7}.disabled,.events-none{pointer-events:none!important}.empty-container{height:calc(100vh - 150px);width:100%;.empty-text{color:#71717a;color:var(--secondary-text);font-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px;text-align:center}}*{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;line-height:1.2;min-width:220px;outline:none;padding:10px 12px}select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #3b82f626}select:invalid{color:#6b7280}select option{background:#fff;color:#111827;padding:6px 8px}select option[disabled]{color:#6b7280}select::-ms-expand{display:none}.Privacy-policy-main{justify-content:center;.Privacy-policy{margin-left:0!important;width:100%!important}}.login-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.login-page .login-container{max-width:400px;width:100%}.login-page .login-container .login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 8px 32px #13005a1f}.login-page .login-container .login-card .login-header{align-items:center;display:flex;gap:16px;padding:32px 24px 24px}.login-page .login-container .login-card .login-header .logo-icon{color:var(--primary-violet);flex-shrink:0;font-size:32px}.login-page .login-container .login-card .login-header .header-text{flex:1 1}.login-page .login-container .login-card .login-header .header-text .login-title{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 4px}.login-page .login-container .login-card .login-header .header-text .login-subtitle{color:var(--text-secondary);font-size:18px;font-weight:600;margin:0;text-align:center}.login-page .login-container .login-card .login-form{padding:0 24px 24px}.login-page .login-container .login-card .login-form .form-group{margin-bottom:30px}.login-page .login-container .login-card .login-form .form-group .form-label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.login-page .login-container .login-card .login-form .form-group .input-container{align-items:center;background:var(--surface);border:1px solid var(--border-light);border-radius:6px;display:flex;position:relative;transition:border-color .2s ease}.login-page .login-container .login-card .login-form .form-group .input-container:focus-within{border-color:var(--primary-violet)}.login-page .login-container .login-card .login-form .form-group .input-container .input-icon{color:var(--text-muted);flex-shrink:0;font-size:18px;margin-left:12px}.login-page .login-container .login-card .login-form .form-group .input-container .form-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:12px 10px}.login-page .login-container .login-card .login-form .form-group .input-container .form-input::placeholder{color:var(--text-muted)}.login-page .login-container .login-card .login-form .form-group .input-container .password-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:6px 12px;transition:color .2s ease}.login-page .login-container .login-card .login-form .form-group .input-container .password-toggle:hover{color:var(--primary-violet)}.login-page .login-container .login-card .login-form .form-group .input-container .password-toggle svg{font-size:18px}.login-page .login-container .login-card .login-form .form-group .error-message{color:var(--error);font-size:12px;font-weight:500;margin-top:4px}.login-page .login-container .login-card .login-form .error-message-general{background:var(--bg-error-light);border:1px solid var(--border-error);border-radius:4px;color:var(--error);font-size:14px;margin-bottom:16px;padding:8px 12px;text-align:center}.login-page .login-container .login-card .login-form .login-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:background-color .2s ease;width:100%}.login-page .login-container .login-card .login-form .login-button.enabled{background:var(--primary-violet);color:#fff}.login-page .login-container .login-card .login-form .login-button.enabled:hover{background:var(--primary-violet-hover)}.login-page .login-container .login-card .login-form .login-button.disabled{background:var(--border-light);color:var(--text-muted);cursor:not-allowed}@media(max-width:480px){.login-page{padding:16px}.login-page .login-container{max-width:100%}.login-page .login-container .login-card .login-header{padding:24px 20px 20px}.login-page .login-container .login-card .login-header .logo-icon{font-size:28px}.login-page .login-container .login-card .login-header .header-text .login-title{font-size:20px}.login-page .login-container .login-card .login-header .header-text .login-subtitle{font-size:13px}.login-page .login-container .login-card .login-form{padding:0 20px 20px}.login-page .login-container .login-card .login-form .form-group{margin-bottom:18px}.login-page .login-container .login-card .login-form .form-group .input-container .input-icon{font-size:16px;margin-left:10px}.login-page .login-container .login-card .login-form .form-group .input-container .form-input{font-size:14px;padding:10px 8px}.login-page .login-container .login-card .login-form .form-group .input-container .password-toggle{padding:4px 10px}.login-page .login-container .login-card .login-form .form-group .input-container .password-toggle svg{font-size:16px}.login-page .login-container .login-card .login-form .login-button{font-size:14px;padding:10px}}.custom-loader-modal{align-items:center;background:#0006;display:flex;justify-content:center;outline:none}.custom-loader-modal img{outline:none}.mobile-header{align-items:center;background:var(--surface);box-shadow:0 2px 8px var(--shadow-light);display:none;height:60px;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:105}@media screen and (max-width:768px){.mobile-header{display:flex}}.mobile-burger{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-around;padding:0;width:24px;z-index:10}.mobile-burger span{background:var(--text-primary);border-radius:2px;height:2px;position:relative;transform-origin:1px;transition:all .3s linear;width:24px}.mobile-burger.is-open span:first-child{transform:rotate(45deg)}.mobile-burger.is-open span:nth-child(2){opacity:0;transform:translateX(20px)}.mobile-burger.is-open span:nth-child(3){transform:rotate(-45deg)}.mobile-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:104}@media screen and (max-width:768px){.mobile-overlay{display:block}}.navbar,.navbar-collapse-div{background:#fff;box-shadow:2px 0 8px var(--shadow-light);height:100vh;left:0;position:fixed;top:0;transition:width var(--transition-normal);width:224px;z-index:100}@media screen and (max-width:768px){.navbar,.navbar-collapse-div{transform:translateX(-100%);transition:transform .3s ease;z-index:106}.navbar--mobile-open.navbar-collapse-div,.navbar.navbar--mobile-open{transform:translateX(0)}}.collapsed.navbar-collapse-div,.navbar.collapsed{width:80px}.collapsed.navbar-collapse-div .navbar-list-text,.collapsed.navbar-collapse-div .navbar-sublist-text,.navbar.collapsed .navbar-list-text,.navbar.collapsed .navbar-sublist-text{display:none}.collapsed.navbar-collapse-div .navbar-logo-container .cogincy-logo,.navbar.collapsed .navbar-logo-container .cogincy-logo{height:30px;text-align:center;width:40px}.collapsed.navbar-collapse-div .navbar-list,.collapsed.navbar-collapse-div .navbar-sublist,.navbar.collapsed .navbar-list,.navbar.collapsed .navbar-sublist{justify-content:center;padding:12px}.collapsed.navbar-collapse-div .navbar-collapse-text,.navbar.collapsed .navbar-collapse-text{display:none}.collapsed.navbar-collapse-div .navbar-main-content,.navbar.collapsed .navbar-main-content{padding:16px 8px}.navbar .navbar-main-content,.navbar-collapse-div .navbar-main-content{flex-direction:column;height:95%;justify-content:space-between;padding:16px}.navbar .navbar-top-container,.navbar-collapse-div .navbar-top-container{flex-direction:column;gap:10px}.navbar .navbar-top-container .navbar-logo-container,.navbar-collapse-div .navbar-top-container .navbar-logo-container{height:50px}.navbar .navbar-top-container .navbar-logo-container .cogincy-logo,.navbar-collapse-div .navbar-top-container .navbar-logo-container .cogincy-logo{width:90%}.navbar .navbar-top-container .navbar-list-container,.navbar-collapse-div .navbar-top-container .navbar-list-container{flex-direction:column;gap:8px;max-height:calc(100vh - 315px)}.navbar .navbar-top-container .navbar-list-container .navbar-list-div,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div{max-height:30px}.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list{border-radius:8px;padding:5px 12px;transition:all .2s ease}.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list .navbar-list-text,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list .navbar-list-text{color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.1px;line-height:20px;max-width:144px;overflow:hidden;padding:2px 0 2px 12px;text-align:left;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list .link-para,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list .link-para{text-decoration:none}.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page{background:linear-gradient(135deg,var(--primary-violet) 0,var(--secondary-violet) 100%);border:none;box-shadow:0 2px 8px #8b5cf64d;color:#fff}.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page .navbar-list-text,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page .navbar-list-text{color:#fff;font-weight:600;text-align:left}.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page img,.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page svg,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page img,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page svg{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7500%) hue-rotate(109deg) brightness(105%) contrast(105%)}.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page .analytics-icon,.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page .history-icon,.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page .monetization-icon,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page .analytics-icon,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page .history-icon,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page .monetization-icon{color:#fff!important;filter:none!important}.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page:hover .navbar-list-text,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page:hover .navbar-list-text{color:#fff}.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page:hover img,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list.active-page:hover img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7500%) hue-rotate(109deg) brightness(105%) contrast(105%)}.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list .analytics-icon,.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list .history-icon,.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list .monetization-icon,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list .analytics-icon,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list .history-icon,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list .monetization-icon{color:var(--text-secondary);height:18px;margin-right:2px;transition:all .2s ease;width:18px}.navbar .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list img,.navbar-collapse-div .navbar-top-container .navbar-list-container .navbar-list-div .navbar-list img{height:18px;transition:all .2s ease;width:18px}.navbar .navbar-bottom-container,.navbar-collapse-div .navbar-bottom-container{flex-direction:column;gap:24px}.navbar .navbar-bottom-container .navbar-sublist-container,.navbar-collapse-div .navbar-bottom-container .navbar-sublist-container{flex-direction:column;gap:8px}.navbar .navbar-bottom-container .navbar-sublist-container .navbar-sublist-profile,.navbar-collapse-div .navbar-bottom-container .navbar-sublist-container .navbar-sublist-profile{border-radius:8px;padding:8px 12px}.navbar .navbar-bottom-container .navbar-sublist-container .navbar-sublist-profile .navbar-sublist-text,.navbar-collapse-div .navbar-bottom-container .navbar-sublist-container .navbar-sublist-profile .navbar-sublist-text{color:var(--text-secondary);font-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px;padding:2px 0 2px 8px}.navbar .navbar-bottom-container .navbar-sublist-container .navbar-sublist,.navbar-collapse-div .navbar-bottom-container .navbar-sublist-container .navbar-sublist{border-radius:8px;justify-content:space-between;overflow:hidden;padding:10px 12px;transition:all .2s ease}.navbar .navbar-bottom-container .navbar-sublist-container .navbar-sublist .navbar-sublist-text,.navbar-collapse-div .navbar-bottom-container .navbar-sublist-container .navbar-sublist .navbar-sublist-text{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.1px;line-height:18px;max-width:144px;overflow:hidden;padding:2px 0 2px 12px;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.navbar .navbar-bottom-container .navbar-sublist-container .navbar-sublist img,.navbar-collapse-div .navbar-bottom-container .navbar-sublist-container .navbar-sublist img{height:16px;transition:all .2s ease;width:16px}.navbar .navbar-bottom-container .navbar-sublist-container .navbar-sublist.active-page,.navbar-collapse-div .navbar-bottom-container .navbar-sublist-container .navbar-sublist.active-page{background:var(--accent-violet);border:1px solid var(--primary-violet);color:var(--primary-violet)}.navbar .navbar-bottom-container .navbar-sublist-container .navbar-sublist.active-page .navbar-sublist-text,.navbar-collapse-div .navbar-bottom-container .navbar-sublist-container .navbar-sublist.active-page .navbar-sublist-text{color:var(--primary-violet);font-weight:600;max-width:144px;text-align:left}.navbar .navbar-bottom-container .navbar-sublist-container .navbar-sublist.active-page img,.navbar .navbar-bottom-container .navbar-sublist-container .navbar-sublist.active-page svg,.navbar-collapse-div .navbar-bottom-container .navbar-sublist-container .navbar-sublist.active-page img,.navbar-collapse-div .navbar-bottom-container .navbar-sublist-container .navbar-sublist.active-page svg{filter:brightness(0) saturate(100%) invert(45%) sepia(84%) saturate(2270%) hue-rotate(246deg) brightness(102%) contrast(97%)}.navbar .navbar-bottom-container .navbar-sublist-container .navbar-sublist .help-arrow-icon,.navbar-collapse-div .navbar-bottom-container .navbar-sublist-container .navbar-sublist .help-arrow-icon{width:16px}.navbar .navbar-bottom-container .navbar-divider,.navbar-collapse-div .navbar-bottom-container .navbar-divider{border:1px solid var(--border-light)}.navbar .navbar-bottom-container .navbar-collapse-container .navbar-collapse,.navbar-collapse-div .navbar-bottom-container .navbar-collapse-container .navbar-collapse{border-radius:8px;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.navbar .navbar-bottom-container .navbar-collapse-container .navbar-collapse .navbar-collapse-text,.navbar-collapse-div .navbar-bottom-container .navbar-collapse-container .navbar-collapse .navbar-collapse-text{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.1px;line-height:18px;padding:2px 0 2px 12px;transition:color .2s ease}.navbar .navbar-bottom-container .navbar-collapse-container .navbar-collapse img,.navbar-collapse-div .navbar-bottom-container .navbar-collapse-container .navbar-collapse img{height:16px;transition:all .2s ease;width:16px}.navbar-collapse-div{left:0;overflow:hidden;position:fixed;top:0;width:50px;z-index:100}.navbar-collapse-div .navbar-main-content{padding:16px 5px}.navbar-collapse-div .navbar-main-content .collapse-logo{padding:15px 0}.navbar-collapse-div .navbar-main-content .navbar-collapse-list{border-radius:8px;padding:12px 7px}.navbar-collapse-div .navbar-main-content .navbar-collapse-list.active-page{background:#13005a1a;color:var(--primary-violet)}.navbar-collapse-div .navbar-main-content .navbar-collapse-list.active-page img,.navbar-collapse-div .navbar-main-content .navbar-collapse-list.active-page svg{color:var(--secondary-violet)!important}.navbar-collapse-div .navbar-main-content .navbar-list-text,.navbar-collapse-div .navbar-main-content .navbar-sublist-text{display:none}.navbar-collapse-div .navbar-main-content .navbar-collapse-sublist{border-radius:8px;padding:12px 7px}.navbar-collapse-div .navbar-collapse-container .navbar-collapse-expand{padding:12px 8px}.navbar-collapse-div .navbar-collapse-container .navbar-collapse-text{display:none}@media screen and (max-width:768px){body{padding-top:60px}.navbar,.navbar-collapse-div{box-shadow:4px 0 20px #00000026;height:100vh;left:0;max-width:85vw;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:106}.navbar-collapse-div.navbar--mobile-open,.navbar.navbar--mobile-open{transform:translateX(0)}.navbar-main-content{padding:20px 16px}.navbar-list-container{max-height:calc(100vh - 200px)!important}.navbar-list,.navbar-sublist{padding:12px 16px!important}.navbar-list .navbar-list-text,.navbar-list .navbar-sublist-text,.navbar-sublist .navbar-list-text,.navbar-sublist .navbar-sublist-text{font-size:15px!important;padding-left:14px!important}}.signout-container{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1300}.signout-container .signout-modal{animation:slideIn .3s ease-out;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:16px;box-shadow:0 12px 40px #00000014;max-width:90vw;width:380px}.signout-container .signout-modal .signout-content{padding:32px;text-align:center}.signout-container .signout-modal .signout-content .signout-header{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.signout-container .signout-modal .signout-content .signout-header .signout-icon{align-items:center;background:var(--button-primary);border-radius:50%;box-shadow:0 4px 20px #13005a26;display:flex;height:56px;justify-content:center;width:56px}.signout-container .signout-modal .signout-content .signout-header .signout-icon svg{fill:#fff!important;color:#fff!important;display:block;height:24px!important;width:24px!important}.signout-container .signout-modal .signout-content .signout-message{color:#172a35;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.signout-container .signout-modal .signout-content .signout-subtitle{color:#71717a;font-size:14px;font-weight:400;line-height:1.5;margin:0 0 32px}.signout-container .signout-modal .signout-content .action-buttons{display:flex;gap:16px}.signout-container .signout-modal .signout-content .action-buttons .cancel-button{align-items:center;background:#fff;border:2px solid #d4d4d8;border-radius:10px;color:#172a35;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;min-height:44px;padding:12px 20px;transition:all .3s ease}.signout-container .signout-modal .signout-content .action-buttons .cancel-button:hover:not(:disabled){background:#f4f4f5;border-color:#52525b;box-shadow:0 2px 8px #0000000a;transform:translateY(-1px)}.signout-container .signout-modal .signout-content .action-buttons .cancel-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.signout-container .signout-modal .signout-content .action-buttons .confirm-button{align-items:center;background:var(--primary-violet);border:2px solid var(--button-primary);border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;min-height:44px;padding:12px 20px;transition:all .3s ease}.signout-container .signout-modal .signout-content .action-buttons .confirm-button:hover:not(:disabled){background:var(--button-primary-hover);border-color:var(--button-primary-hover);box-shadow:0 4px 12px #13005a26;transform:translateY(-1px)}.signout-container .signout-modal .signout-content .action-buttons .confirm-button:disabled{cursor:not-allowed;opacity:.7;transform:none}@media(max-width:480px){.signout-container .signout-modal{width:320px}.signout-container .signout-modal .signout-content{padding:24px}.signout-container .signout-modal .signout-content .signout-header{margin-bottom:20px}.signout-container .signout-modal .signout-content .signout-header .signout-icon{height:48px;width:48px}.signout-container .signout-modal .signout-content .signout-header .signout-icon svg{height:20px;width:20px}.signout-container .signout-modal .signout-content .signout-message{font-size:16px;margin-bottom:6px}.signout-container .signout-modal .signout-content .signout-subtitle{font-size:13px;margin-bottom:24px}.signout-container .signout-modal .signout-content .action-buttons{flex-direction:column;gap:12px}.signout-container .signout-modal .signout-content .action-buttons .cancel-button,.signout-container .signout-modal .signout-content .action-buttons .confirm-button{font-size:14px;padding:14px 20px;width:100%}}.institution-main-container{background-color:#f6fbfe;width:100%}.institution-main-container .create-institution-card{background-color:var(--secondary-background);border:2px dashed var(--popup-border);border-radius:20px;cursor:pointer;height:100%;overflow:hidden;padding:18px 60px;position:relative;transition:all .3s ease}.institution-main-container .create-institution-card:hover{border-color:var(--button-text-primary);transform:translateY(-5px)}.institution-main-container .create-institution-card:hover .icon-container{transform:scale(1.1)}.institution-main-container .create-institution-card:hover .create-text{color:var(--primary-blue)}.institution-main-container .create-institution-card:hover .hover-indicator{opacity:1;transform:translateY(0)}.institution-main-container .create-institution-card.hovered{border-color:var(--primary-blue)}.institution-main-container .icon-container{margin-bottom:12px;transition:transform .3s ease}.institution-main-container .create-text{color:var(--title-text);font-size:18px;font-weight:600;transition:color .3s ease}.institution-main-container .hover-indicator{background:var(--button-text-primary);border-radius:0 0 20px 20px;bottom:0;height:4px;left:0;opacity:0;position:absolute;right:0;transform:translateY(10px);transition:all .3s ease}@media(max-width:768px){.institution-main-container .create-institution-card{padding:40px 20px}.institution-main-container .create-institution-card .create-text{font-size:16px}}@media(max-width:480px){.institution-main-container .create-institution-card{padding:30px 15px}.institution-main-container .create-institution-card .icon-container img{height:40px;width:40px}.institution-main-container .create-institution-card .create-text{font-size:14px}}.create-institution-card:hover .icon-container{animation:pulse 1.5s infinite}.search-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-section,.filter-toggle{position:relative}.filter-toggle{align-items:center;background:var(--surface);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.filter-toggle.active,.filter-toggle:hover{border-color:var(--primary-violet);color:var(--primary-violet)}.filter-toggle.active{background:#8b5cf60d}.filter-toggle .filter-toggle-dot{background:var(--success);border-radius:50%;box-shadow:0 0 0 2px var(--surface);height:6px;opacity:1;position:absolute;right:6px;top:40%;transform:scale(1);width:6px}.filter-active-dot{background:#10b981;border-radius:50%;display:inline-block;height:8px;margin-left:6px;vertical-align:middle;width:8px}.filter-active-dot.inline{height:6px;width:6px}.filter-icon{height:16px;width:16px}.filter-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #0000001f;margin-top:4px;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.filter-content{padding:16px}.filter-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.filter-header span{color:#333;font-size:16px;font-weight:600}.clear-filters{background:none;border:none;border-radius:6px;color:#4f46e5;cursor:pointer;font-size:14px;font-weight:500;padding:4px 8px;transition:background-color .2s ease}.clear-filters:hover{background:#f8faff}.filter-group{margin-bottom:16px}.filter-group:last-child{margin-bottom:0}.filter-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.filter-group select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.filter-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.filter-group select:hover{border-color:silver}@media(max-width:768px){.search-filter-container{align-items:stretch;flex-direction:column;gap:8px}.filter-dropdown{left:0;min-width:auto;right:0}}.search-container{flex:1 1;min-width:200px;position:relative}:root{--primary-color:#903bf6;--primary-hover:#8a33f5;--success-color:#10b981;--success-hover:#059669;--success-light:#10b9811a;--error-color:#ef4444;--error-hover:#dc2626;--error-light:#ef44441a;--text-primary:#1f2937;--text-secondary:#374151;--text-muted:#6b7280;--text-placeholder:#9ca3af;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f3f4f6;--bg-hover:#f1f5f9;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--status-active:#16a34a;--status-inactive:#dc2626;--status-active-light:#dcfce7;--status-inactive-light:#fef2f2;--shadow:0 2px 8px #0000001a;--shadow-focus:0 0 0 3px #3b82f61a;--shadow-dropdown:0 4px 12px #00000026}.teacher-table-wrapper{display:flex;flex-direction:column;height:100%}.teacher-table-container{background:var(--primary-background);display:flex;flex-direction:column;height:calc(100vh - 80px);padding:24px 24px 0}.teacher-table-container .table-header{align-items:center;align-self:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.teacher-table-container .table-header .search-container{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-primary);border-radius:8px;display:flex;min-width:200px;padding:0 12px;position:relative;transition:all .2s ease;width:300px}.teacher-table-container .table-header .search-container:focus-within{border-color:#903bf6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--shadow-focus)}.teacher-table-container .table-header .search-container .search-icon{color:#6b7280;color:var(--text-muted);flex-shrink:0;font-size:18px;margin-right:8px}.teacher-table-container .table-header .search-container .search-input{background:#0000;border:none;color:#374151;color:var(--text-secondary);flex:1 1;font-size:14px;min-width:0;outline:none;padding:12px 0}.teacher-table-container .table-header .search-container .search-input::placeholder{color:#9ca3af;color:var(--text-placeholder)}.teacher-table-container .table-header .search-container .clear-search{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s ease}.teacher-table-container .table-header .search-container .clear-search:hover{background:#f3f4f6;background:var(--bg-tertiary);color:#374151;color:var(--text-secondary)}.teacher-table-container .table-header .search-container .clear-search svg{font-size:16px}.teacher-table-container .table-header .action-buttons{display:flex;flex-wrap:wrap;gap:12px}.teacher-table-container .table-header .create-teacher-btn{align-items:center;background:var(--secondary-violet);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.teacher-table-container .table-header .create-teacher-btn:hover{background:#6400c0;transform:translateY(-1px)}.teacher-table-container .table-header .create-teacher-btn .btn-icon{font-size:18px}.teacher-table-container .table-header .bulk-upload-btn{align-items:center;background:#10b981;background:var(--success-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.teacher-table-container .table-header .bulk-upload-btn:hover{background:#059669;background:var(--success-hover);transform:translateY(-1px)}.teacher-table-container .table-header .bulk-upload-btn .upload-icon{font-size:18px}.teacher-table-container .table-wrapper{background:#fff;background:var(--bg-primary);border-radius:6px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);display:flex;flex:1 1;flex-direction:column;overflow:auto}.teacher-table-container .table-wrapper .teacher-table{border-collapse:collapse;table-layout:fixed;width:100%}.teacher-table-container .table-wrapper .teacher-table thead{background:var(--bg-light);position:-webkit-sticky;position:sticky;top:0;z-index:10}.teacher-table-container .table-wrapper .teacher-table thead th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-primary);color:#fff;font-size:14px;font-weight:600;overflow:hidden;padding:14px 12px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.teacher-table-container .table-wrapper .teacher-table thead th.col-name{min-width:150px;width:20%}.teacher-table-container .table-wrapper .teacher-table thead th.col-email{min-width:180px;width:25%}.teacher-table-container .table-wrapper .teacher-table thead th.col-phone{min-width:120px;width:15%}.teacher-table-container .table-wrapper .teacher-table thead th.col-role{min-width:140px;width:20%}.teacher-table-container .table-wrapper .teacher-table thead th.col-actions{min-width:80px;text-align:center;width:10%}.teacher-table-container .table-wrapper .teacher-table thead th:first-child{padding-left:24px}.teacher-table-container .table-wrapper .teacher-table thead th:last-child{padding-right:24px}.teacher-table-container .table-wrapper .teacher-table tbody tr{border-bottom:1px solid var(--border-light);cursor:pointer;transition:background-color .2s ease}.teacher-table-container .table-wrapper .teacher-table tbody tr:hover{background:var(--gray-100)}.teacher-table-container .table-wrapper .teacher-table tbody tr:nth-child(2n){background:var(--gray-50)}.teacher-table-container .table-wrapper .teacher-table tbody tr:last-child{border-bottom:none}.teacher-table-container .table-wrapper .teacher-table tbody tr td{color:#374151;color:var(--text-secondary);font-size:14px;overflow:hidden;padding:12px;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.teacher-table-container .table-wrapper .teacher-table tbody tr td.col-name{min-width:150px;width:20%}.teacher-table-container .table-wrapper .teacher-table tbody tr td.col-email{min-width:180px;width:25%}.teacher-table-container .table-wrapper .teacher-table tbody tr td.col-phone{min-width:120px;width:15%}.teacher-table-container .table-wrapper .teacher-table tbody tr td.col-role{min-width:140px;width:20%}.teacher-table-container .table-wrapper .teacher-table tbody tr td.col-actions{min-width:80px;text-align:center;width:10%}.teacher-table-container .table-wrapper .teacher-table tbody tr td:first-child{padding-left:24px}.teacher-table-container .table-wrapper .teacher-table tbody tr td:last-child{padding-right:24px}.teacher-table-container .table-wrapper .teacher-table tbody tr td .name-cell{align-items:center;display:flex;gap:12px;overflow:hidden}.teacher-table-container .table-wrapper .teacher-table tbody tr td .name-cell .teacher-name{color:#1f2937;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell{align-items:center;display:flex;gap:8px;overflow:hidden}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-xs);font-weight:var(--font-semibold);gap:6px;line-height:1;padding:4px 8px;text-transform:none}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .status-badge.active{background:var(--bg-success-light);border:1px solid #10b981;border:1px solid var(--success-color);color:#10b981;color:var(--success-color)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .status-badge.disabled,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .status-badge.inactive{background:var(--bg-error-light);border:1px solid var(--border-error);color:#ef4444;color:var(--error-color)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .status-badge.pending,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .status-badge.suspended{background:var(--bg-light);border:1px solid var(--border-medium);color:var(--warning-color)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .cell-icon{color:#6b7280;color:var(--text-muted);flex-shrink:0;font-size:16px}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .truncate-text{overflow:hidden;text-overflow:ellipsis}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.admin.active,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.administrator.active,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.coordinator.active,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.head.active,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.principal.active,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.teacher.active{background:#10b9811a!important;background:var(--success-light)!important;border:2px solid #10b981!important;border:2px solid var(--success-color)!important;color:#10b981!important;color:var(--success-color)!important}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.admin.active svg,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.administrator.active svg,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.coordinator.active svg,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.head.active svg,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.principal.active svg,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.teacher.active svg{color:#10b981!important;color:var(--success-color)!important}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.admin.inactive,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.administrator.inactive,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.coordinator.inactive,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.head.inactive,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.principal.inactive,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.teacher.inactive{background:#ef44441a!important;background:var(--error-light)!important;border:2px solid #ef4444!important;border:2px solid var(--error-color)!important;color:#ef4444!important;color:var(--error-color)!important}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.admin.inactive svg,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.administrator.inactive svg,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.coordinator.inactive svg,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.head.inactive svg,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.principal.inactive svg,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar.teacher.inactive svg{color:#ef4444!important;color:var(--error-color)!important}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .teacher-avatar svg{font-size:18px}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .role-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .role-info .role-name{color:#1f2937;color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .role-info .role-name.active{color:#10b981;color:var(--success-color)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .role-info .role-name.inactive{color:#ef4444;color:var(--error-color)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .role-info .status-badge{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .role-info .status-badge.active{background:#dcfce7;background:var(--status-active-light);color:#16a34a;color:var(--status-active)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell .role-info .status-badge.inactive{background:#fef2f2;background:var(--status-inactive-light);color:#dc2626;color:var(--status-inactive)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .date-text{color:#6b7280;color:var(--text-muted);font-size:13px}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell{display:flex;justify-content:flex-end;position:relative}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .action-btn:hover{background:#f3f4f6;background:var(--bg-tertiary);color:#374151;color:var(--text-secondary)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .action-btn svg{font-size:18px}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-dropdown);min-width:120px;overflow:hidden;position:fixed;z-index:1000}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu .dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu .dropdown-item:hover{background:#f3f4f6;background:var(--bg-tertiary)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu .dropdown-item.edit-item{color:#903bf6;color:var(--primary-color)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu .dropdown-item.edit-item:hover{background:#eff6ff}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu .dropdown-item.delete-item{color:#ef4444;color:var(--error-color)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu .dropdown-item.delete-item:hover{background:#fef2f2;background:var(--status-inactive-light)}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu .dropdown-item.disable-item{color:#f59e0b}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu .dropdown-item.disable-item:hover{background:#f59e0b1a}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu .dropdown-item.enable-item{color:#10b981}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu .dropdown-item.enable-item:hover{background:#10b9811a}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell .dropdown-menu .dropdown-item svg{font-size:16px}.teacher-table-container .table-wrapper .teacher-table tbody tr td.no-data{color:#6b7280;color:var(--text-muted);font-style:italic;padding:40px 20px;text-align:center}@media(max-width:1024px){.teacher-table-container{padding:16px 16px 0}.teacher-table-container .table-wrapper .teacher-table tbody td,.teacher-table-container .table-wrapper .teacher-table thead th{padding:12px 10px}.teacher-table-container .table-wrapper .teacher-table tbody td:first-child,.teacher-table-container .table-wrapper .teacher-table thead th:first-child{padding-left:16px}.teacher-table-container .table-wrapper .teacher-table tbody td:last-child,.teacher-table-container .table-wrapper .teacher-table thead th:last-child{padding-right:16px}}@media(max-width:768px){.teacher-table-container{padding:12px 12px 0}.teacher-table-container .table-header{flex-direction:row;gap:12px}.teacher-table-container .table-header .action-buttons{justify-content:center;order:2}.teacher-table-container .table-header .search-container{order:1;width:100%}.teacher-table-container .table-wrapper .teacher-table tbody td,.teacher-table-container .table-wrapper .teacher-table thead th{padding:10px 8px}.teacher-table-container .table-wrapper .teacher-table tbody td:first-child,.teacher-table-container .table-wrapper .teacher-table thead th:first-child{padding-left:12px}.teacher-table-container .table-wrapper .teacher-table tbody td:last-child,.teacher-table-container .table-wrapper .teacher-table thead th:last-child{padding-right:12px}.teacher-table-container .table-wrapper .teacher-table tbody td .name-cell{gap:8px}.teacher-table-container .table-wrapper .teacher-table tbody td .name-cell .teacher-avatar{height:32px;width:32px}.teacher-table-container .table-wrapper .teacher-table tbody td .name-cell .teacher-avatar svg{font-size:16px}.teacher-table-container .table-wrapper .teacher-table tbody td .name-cell .teacher-name{font-size:13px}.teacher-table-container .table-wrapper .teacher-table tbody td .info-cell{gap:6px}.teacher-table-container .table-wrapper .teacher-table tbody td .info-cell .cell-icon{font-size:14px}.teacher-table-container .pagination-container{align-items:center;flex-direction:column;gap:12px}.teacher-table-container .pagination-container .pagination-info{order:2}.teacher-table-container .pagination-container .pagination-controls{order:1}}@media(max-width:480px){.teacher-table-container{padding:8px 8px 0}.teacher-table-container .table-header .action-buttons{flex-direction:column}.teacher-table-container .table-header .bulk-upload-btn,.teacher-table-container .table-header .create-teacher-btn{justify-content:center}.teacher-table-container .table-wrapper .teacher-table thead{display:none}.teacher-table-container .table-wrapper .teacher-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-primary);display:block;padding:12px}.teacher-table-container .table-wrapper .teacher-table tbody tr td{align-items:center;border:none;display:flex;justify-content:space-between;min-width:auto!important;padding:8px 0;width:100%!important}.teacher-table-container .table-wrapper .teacher-table tbody tr td:before{color:#374151;color:var(--text-secondary);content:attr(data-label);font-weight:600;margin-right:12px}.teacher-table-container .table-wrapper .teacher-table tbody tr td:first-child{padding-left:0}.teacher-table-container .table-wrapper .teacher-table tbody tr td:last-child{justify-content:center;padding-right:0}.teacher-table-container .table-wrapper .teacher-table tbody tr td .actions-cell,.teacher-table-container .table-wrapper .teacher-table tbody tr td .info-cell,.teacher-table-container .table-wrapper .teacher-table tbody tr td .name-cell{justify-content:flex-end}.teacher-table-container .pagination-controls{flex-wrap:wrap;justify-content:center}.teacher-table-container .pagination-controls .pagination-numbers{justify-content:center;margin-bottom:8px;order:1;width:100%}.teacher-table-container .pagination-controls .pagination-btn{order:2}}.package-cell{align-items:center;display:flex;gap:8px}.package-cell .cell-icon{color:var(--primary-violet);height:16px;width:16px}.package-cell .package-name{color:#1f2937;color:var(--text-primary);font-weight:600}.package-cell .reports-remaining{color:#374151;color:var(--text-secondary);font-size:12px;margin-left:4px}.dropdown-item.package-item{color:var(--primary-violet)}.dropdown-item.package-item:hover{background:#8b5cf61a}.dropdown-item.remove-package-item{color:#ef4444}.dropdown-item.remove-package-item:hover{background:#ef44441a}.package-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.package-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.package-modal .package-modal-header{align-items:center;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:24px}.package-modal .package-modal-header h3{font-size:20px;font-weight:600;margin:0}.package-modal .package-modal-header .close-modal-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background .2s ease;width:32px}.package-modal .package-modal-header .close-modal-btn:hover{background:#ffffff1a}.package-modal .package-modal-content{max-height:calc(80vh - 120px);overflow-y:auto;padding:24px}.package-modal .package-modal-content>p{color:#374151;color:var(--text-secondary);font-size:16px;margin:0 0 20px}.package-modal .package-modal-content .packages-list{display:flex;flex-direction:column;gap:16px}.package-modal .package-modal-content .package-option{align-items:center;border:2px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.package-modal .package-modal-content .package-option:hover{border-color:var(--primary-violet);box-shadow:0 4px 12px #8b5cf61a}.package-modal .package-modal-content .package-option .package-info{flex:1 1}.package-modal .package-modal-content .package-option .package-info h4{color:#1f2937;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.package-modal .package-modal-content .package-option .package-info p{color:#374151;color:var(--text-secondary);font-size:14px;margin:0 0 12px}.package-modal .package-modal-content .package-option .package-info .package-details{display:flex;gap:16px}.package-modal .package-modal-content .package-option .package-info .package-details .report-limit{background:#8b5cf61a;border-radius:4px;color:var(--primary-violet);font-size:12px;font-weight:600;padding:4px 8px}.package-modal .package-modal-content .package-option .package-info .package-details .package-price{background:#22c55e1a;border-radius:4px;color:#16a34a;font-size:12px;font-weight:600;padding:4px 8px}.package-modal .package-modal-content .package-option .assign-package-btn{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.package-modal .package-modal-content .package-option .assign-package-btn:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.package-modal .package-modal-content .no-packages{color:#374151;color:var(--text-secondary);padding:40px 20px;text-align:center}.package-modal .package-modal-content .no-packages .no-packages-icon{font-size:48px;margin-bottom:16px}.package-modal .package-modal-content .no-packages h3{color:#1f2937;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 16px}.package-modal .package-modal-content .no-packages p{font-size:14px;line-height:1.5;margin:0 0 12px}.package-modal .package-modal-content .no-packages p:last-of-type{margin-bottom:24px}.package-modal .package-modal-content .no-packages .create-packages-btn{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.package-modal .package-modal-content .no-packages .create-packages-btn:hover{box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}@media(max-width:768px){.package-modal{margin:20px;width:95%}.package-modal .package-modal-header{padding:20px}.package-modal .package-modal-header h3{font-size:18px}.package-modal .package-modal-content{padding:20px}.package-modal .package-modal-content .package-option{align-items:flex-start;flex-direction:column;gap:16px}.package-modal .package-modal-content .package-option .assign-package-btn{align-self:stretch;text-align:center}}.institution-table-container{background:var(--primary-background);display:flex;flex-direction:column;height:calc(100vh - 70px);padding:24px 24px 0}.institution-table-container .table-wrapper{background:var(--bg-primary);border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:auto}.institution-table-container .table-wrapper .table{border-collapse:collapse;table-layout:fixed;width:100%}.institution-table-container .table-wrapper .table thead{background:var(--bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.institution-table-container .table-wrapper .table thead th{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-size:14px;font-weight:600;overflow:hidden;padding:16px 12px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.institution-table-container .table-wrapper .table thead th:first-child{padding-left:24px}.institution-table-container .table-wrapper .table thead th:last-child{padding-right:24px}.institution-table-container .table-wrapper .table tbody tr{border-bottom:1px solid var(--bg-hover);transition:background-color .2s ease}.institution-table-container .table-wrapper .table tbody tr:hover{background:var(--bg-secondary)}.institution-table-container .table-wrapper .table tbody tr:last-child{border-bottom:none}.institution-table-container .table-wrapper .table tbody tr td{color:var(--text-secondary);font-size:14px;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.institution-table-container .table-wrapper .table tbody tr td:first-child{padding-left:24px}.institution-table-container .table-wrapper .table tbody tr td:last-child{padding-right:24px}.institution-table-container .table-wrapper .table tbody tr td .actions-cell{display:flex;justify-content:flex-start;position:relative}.institution-table-container .table-wrapper .table tbody tr td .actions-cell .action-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.institution-table-container .table-wrapper .table tbody tr td .actions-cell .action-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.institution-table-container .table-wrapper .table tbody tr td .actions-cell .action-btn svg{font-size:18px}.institution-table-container .table-wrapper .table tbody tr td .actions-cell .dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-dropdown);min-width:120px;overflow:hidden;position:fixed;z-index:1000}.institution-table-container .table-wrapper .table tbody tr td .actions-cell .dropdown-menu .dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.institution-table-container .table-wrapper .table tbody tr td .actions-cell .dropdown-menu .dropdown-item:hover{background:var(--bg-tertiary)}.institution-table-container .table-wrapper .table tbody tr td .actions-cell .dropdown-menu .dropdown-item.edit-item{color:var(--primary-color)}.institution-table-container .table-wrapper .table tbody tr td .actions-cell .dropdown-menu .dropdown-item.edit-item:hover{background:#eff6ff}.institution-table-container .table-wrapper .table tbody tr td .actions-cell .dropdown-menu .dropdown-item.delete-item{color:var(--error-color)}.institution-table-container .table-wrapper .table tbody tr td .actions-cell .dropdown-menu .dropdown-item.delete-item:hover{background:var(--status-inactive-light)}.institution-table-container .table-wrapper .table tbody tr td .actions-cell .dropdown-menu .dropdown-item svg{font-size:16px}.institution-table-container .table-btn{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.institution-table-container .table-btn:hover{background:var(--bg-tertiary)}.institution-table-container .table-btn.danger{background:#ef44440f;border-color:#ef4444;color:#ef4444}.institution-table-container .table-btn.danger:hover{background:#ef44441f}@media(max-width:1024px){.institution-table-container{padding:16px 16px 0}.institution-table-container .table-wrapper .table tbody td,.institution-table-container .table-wrapper .table thead th{padding:12px 10px}}@media(max-width:768px){.institution-table-container{padding:12px 12px 0}.institution-table-container .search-container{width:100%}.institution-table-container .table-wrapper .table tbody td,.institution-table-container .table-wrapper .table thead th{padding:10px 8px}}@media(max-width:480px){.institution-table-container{padding:8px 8px 0}.institution-table-container .table-wrapper .table thead{display:none}.institution-table-container .table-wrapper .table tbody tr{border-bottom:1px solid var(--border-primary);display:block;padding:12px}.institution-table-container .table-wrapper .table tbody td{align-items:center;border:none;display:flex;justify-content:space-between;min-width:auto!important;padding:8px 0;width:100%!important}}.actions-cell{display:flex;justify-content:flex-end;position:relative}.actions-cell .action-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.actions-cell .action-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.actions-cell .action-btn svg{font-size:18px}.actions-cell .dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-dropdown);min-width:120px;overflow:hidden;position:fixed;z-index:1000}.actions-cell .dropdown-menu .dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.actions-cell .dropdown-menu .dropdown-item:hover{background:var(--bg-tertiary)}.actions-cell .dropdown-menu .dropdown-item.edit-item{color:var(--primary-color)}.actions-cell .dropdown-menu .dropdown-item.edit-item:hover{background:#eff6ff}.actions-cell .dropdown-menu .dropdown-item.delete-item{color:var(--error-color)}.actions-cell .dropdown-menu .dropdown-item.delete-item:hover{background:var(--status-inactive-light)}.actions-cell .dropdown-menu .dropdown-item.disable-item{color:#f59e0b}.actions-cell .dropdown-menu .dropdown-item.disable-item:hover{background:#f59e0b1a}.actions-cell .dropdown-menu .dropdown-item.enable-item{color:#10b981}.actions-cell .dropdown-menu .dropdown-item.enable-item:hover{background:#10b9811a}.actions-cell .dropdown-menu .dropdown-item svg{font-size:16px}.col-models{width:25%}.col-status{width:15%}.status-cell{align-items:center;display:flex}.status-badge{border-radius:20px;font-weight:600;letter-spacing:.5px;padding:4px 12px}.status-badge.status-active{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-badge.status-disabled{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.model-tags,.models-cell{display:flex;flex-wrap:wrap;gap:4px}.model-tags{align-items:center}.model-tag{background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap}.model-tag,.more-models{border-radius:4px;font-size:12px;padding:4px 8px}.more-models{background:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .2s ease}.more-models:hover{background:var(--primary-border);color:var(--text-primary)}.models-tooltip-wrapper{display:inline-block;position:relative}.no-models{color:var(--text-muted)}.models-tooltip{border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 12px 24px #0000002e;left:0;max-width:320px;min-width:200px;padding:10px 12px;pointer-events:auto;top:28px;will-change:transform,opacity;z-index:2000}.models-tooltip,.models-tooltip:before{background:var(--bg-primary);position:absolute}.models-tooltip:before{border-left:1px solid var(--border-primary);border-top:1px solid var(--border-primary);content:"";height:12px;left:12px;top:-6px;transform:rotate(45deg);width:12px}.models-tooltip .tooltip-list{max-height:240px;overflow-y:auto;padding-right:4px}.models-tooltip .tooltip-chip{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:16px;color:var(--text-secondary);display:inline-block;font-size:12px;margin:4px 6px 4px 0;padding:6px 10px;white-space:nowrap}.details-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.details-popup-container{background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-height:90vh;max-width:800px;min-width:600px;overflow:hidden;position:relative}.popup-header{align-items:center;background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px;position:relative}.popup-header .header-left{align-items:center;display:flex;gap:16px}.popup-header .header-left .popup-icon{align-items:center;background:var(--primary-violet);border-radius:12px;box-shadow:0 2px 8px #8b5cf633;display:flex;height:48px;justify-content:center;width:48px}.popup-header .header-left .popup-icon svg{color:#fff;height:24px;width:24px}.popup-header .header-left .header-text .popup-title{color:#111827;font-size:20px;font-weight:600;margin:0 0 4px}.popup-header .header-left .header-text .popup-subtitle{color:#6b7280;font-size:14px;font-weight:400;margin:0}.popup-header .agent-status{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.popup-header .agent-status.active{background:#10b9811a;color:#10b981}.popup-header .agent-status.inactive{background:#ef44441a;color:#ef4444}.popup-header .agent-status .status-icon{height:14px;width:14px}.popup-header .close-button{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.popup-header .close-button:hover{background:#e5e7eb}.popup-header .close-button svg{color:#6b7280;height:18px;width:18px}.agent-header{border-bottom:1px solid #0000000d;margin:0;padding-bottom:0}.agent-header .agent-name{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.section-divider{border-bottom:1px solid #e5e7eb;gap:8px;margin:32px 0 20px;padding-bottom:8px}.section-divider .section-icon{color:var(--primary-violet);height:16px;width:16px}.section-divider span{color:#111827;font-size:14px;letter-spacing:0;text-transform:none}.popup-content{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;overflow-y:auto;padding:32px;scrollbar-color:#d1d5db #0000;scrollbar-width:thin;width:100%}.popup-content::-webkit-scrollbar{width:6px}.popup-content::-webkit-scrollbar-track{background:#0000}.popup-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.popup-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.popup-content .details-grid{margin:0;max-width:100%}.popup-content .detail-item,.popup-content .details-grid{display:flex;flex-direction:column;min-width:0;width:100%}.popup-content .detail-item{border-bottom:1px solid #f3f4f6;box-sizing:border-box;gap:8px;margin-bottom:20px;padding:16px 0}.popup-content .detail-item:last-child{border-bottom:none;margin-bottom:0}.popup-content .detail-item.full-width{max-width:100%;min-width:0;width:100%}.popup-content .detail-item:not(.full-width){grid-gap:16px;align-items:flex-start;display:grid;gap:16px;grid-template-columns:120px 1fr}@media(max-width:480px){.popup-content .detail-item:not(.full-width){gap:4px;grid-template-columns:1fr}}.popup-content .detail-item .detail-label{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;line-height:1.4;margin-bottom:4px;padding:0;text-transform:uppercase}.popup-content .detail-item .detail-label .detail-icon{color:#6b7280;flex-shrink:0;font-size:16px}.popup-content .detail-item .detail-label .detail-icon[style*=color]{font-size:16px}.popup-content .detail-item .detail-value{word-wrap:break-word;color:#111827;font-size:14px;line-height:1.5;min-width:0;overflow-wrap:break-word;padding:0;word-break:break-word}.popup-content .detail-item .detail-value .value-text{line-height:1.5}.popup-content .detail-item .detail-value.timestamp{color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px}.popup-content .detail-item .detail-value.code-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:8px;max-width:100%;overflow:hidden;padding:0}.popup-content .detail-item .detail-value.code-block .code-content{overflow-x:auto;padding:12px 16px}.popup-content .detail-item .detail-value.code-block .code-content pre{color:#374151;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;line-height:1.5;margin:0;padding:0;white-space:pre-wrap;word-break:break-word}.popup-footer{background:#f8fafc;border-top:1px solid #00000014;display:flex;justify-content:flex-end;padding:20px 32px}.popup-footer .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;line-height:1.2;padding:4px 12px;text-transform:uppercase}.popup-footer .status-badge:before{border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.popup-footer .status-badge.active{background-color:#10b9811a;color:#10b981}.popup-footer .status-badge.active:before{background-color:#10b981}.popup-footer .status-badge.inactive{background-color:#ef44441a;color:#ef4444}.popup-footer .status-badge.inactive:before{background-color:#ef4444}.agent-header{align-items:center;background:#f8fafc;border:1px solid #0000000d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:0;padding:16px}.agent-header .agent-name-wrapper{align-items:center;display:flex;gap:12px}.agent-header .agent-name-wrapper .agent-type-icon{color:#6366f1;font-size:24px}.agent-header .agent-name-wrapper .agent-name{color:#1e293b;font-size:20px;font-weight:600;margin:0}.agent-header .agent-status{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:8px;padding:6px 14px;transition:all .2s ease}.agent-header .agent-status .status-icon{font-size:16px}.agent-header .agent-status.active{background-color:#10b9811a;box-shadow:0 1px 2px #10b9811a;color:#10b981}.agent-header .agent-status.inactive{background-color:#ef44441a;box-shadow:0 1px 2px #ef44441a;color:#ef4444}.section-divider{align-items:center;display:flex;gap:10px;margin:24px 0 16px;padding:8px 0;position:relative}.section-divider:after{background:linear-gradient(90deg,#0000000d,#0000001a 50%,#0000000d);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.section-divider .section-icon{color:#64748b;flex-shrink:0;height:18px;width:18px}.section-divider span{background:#fff;color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:0 12px 0 0;position:relative;text-transform:uppercase;z-index:1}.model-info{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.model-info .model-name{color:#111827;font-weight:500}.model-info .model-type{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:11px;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.temperature-value{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.temperature-value .temperature-bar{background:var(--primary-violet);border-radius:3px;height:100%;left:0;position:absolute;top:0}.temperature-value .temperature-text{color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px;font-weight:500;position:absolute;right:0;top:-24px}@media(max-width:768px){.details-popup-overlay{align-items:flex-end;padding:0}.details-popup-container{border-radius:12px 12px 0 0;margin:0;max-height:90vh;max-width:100%;width:100%}.popup-content{padding:16px}.popup-header{padding:16px 20px}.popup-header .header-left .popup-icon{height:40px;width:40px}.popup-header .header-left .popup-icon svg{height:20px;width:20px}.popup-header .header-left .header-text .popup-title{font-size:18px}.popup-header .header-left .header-text .popup-subtitle{font-size:13px}.agent-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:0;padding:16px 24px}.agent-header .agent-status{align-self:flex-start}.code-block{max-height:200px}.detail-item:not(.full-width){gap:4px;grid-template-columns:1fr}}.popup-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;margin:0 -24px;padding:0 24px}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.tab-button:hover{background:#3b82f60d;color:#374151}.tab-button.active{background:#3b82f60d;border-bottom-color:#3b82f6;color:#3b82f6}.tab-icon{font-size:18px!important}.teachers-section{margin-top:24px}.teachers-section .section-divider{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:20px;padding-bottom:8px}.teachers-section .section-divider .section-icon{color:#3b82f6;font-size:20px}.teachers-section .section-divider span{color:#1f2937;font-size:16px;font-weight:600}.teachers-section .teachers-content .teachers-header{margin-bottom:16px}.teachers-section .teachers-content .teachers-header .teachers-count{color:#6b7280;font-size:14px;margin:0}.teachers-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header{background:#f9fafb;display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr 1fr}.header-cell{border-right:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:12px 16px}.header-cell:last-child{border-right:none}.table-body{max-height:400px;overflow-y:auto}.table-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.table-row:hover{background:#f9fafb}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;border-right:1px solid #f3f4f6;display:flex;padding:12px 16px}.table-cell:last-child{border-right:none}.teacher-name{align-items:center;color:#1f2937;display:flex;font-weight:500;gap:8px}.teacher-icon{color:#6b7280;font-size:18px!important}.teacher-email,.teacher-phone{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.contact-icon{color:#9ca3af;font-size:16px!important}.teacher-role{color:#374151;font-size:14px;font-weight:500}.status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef2f2;color:#991b1b}.no-teachers{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.no-teachers .no-data-icon{font-size:48px!important;margin-bottom:12px;opacity:.5}.no-teachers p{font-size:16px;margin:0}@media(max-width:768px){.table-header,.table-row{grid-template-columns:1fr}.header-cell,.table-cell{border-bottom:1px solid #f3f4f6;border-right:none}.header-cell:last-child,.table-cell:last-child{border-bottom:none}.table-row{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px}.table-row:hover{background:#fff}}.pagination-container{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.pagination-info{color:#666;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:10px}.pagination-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn svg{height:16px;width:16px}.pagination-numbers{align-items:center;display:flex;gap:5px}.pagination-number{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;text-align:center;transition:all .2s ease}.pagination-number:hover{background:#f5f5f5;border-color:#ccc}.pagination-number.active{background:#007bff;border-color:#007bff;color:#fff}.pagination-number.active:hover{background:#0056b3;border-color:#0056b3}.pagination-ellipsis{color:#666;font-size:14px;padding:8px 4px}@media(max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:15px}.pagination-info{text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn,.pagination-number{font-size:12px;padding:6px 10px}.pagination-number{min-width:35px}}.bulk-result-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.bulk-result-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.result-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.result-header .header-content{align-items:flex-start;display:flex;flex:1 1;gap:16px}.result-header .header-content .result-icon{font-size:32px;margin-top:4px}.result-header .header-content .result-icon.success{color:var(--success-color)}.result-header .header-content .result-icon.warning{color:var(--warning-color)}.result-header .header-content .result-icon.error{color:var(--error-color)}.result-header .header-content .header-text{flex:1 1}.result-header .header-content .header-text h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.result-header .header-content .header-text p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.result-header .close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.result-header .close-btn:hover{background:#f3f4f6;color:#374151}.result-header .close-btn svg{font-size:20px}.result-content{padding:24px}.result-summary{background:#f8fafc;border-radius:8px;margin-bottom:24px;padding:16px}.result-summary .summary-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.result-summary .summary-item:not(:last-child){border-bottom:1px solid #e2e8f0}.result-summary .summary-item .summary-label{color:#374151;font-size:14px;font-weight:500}.result-summary .summary-item .summary-value{color:#1f2937;font-size:16px;font-weight:600}.result-summary .summary-item.success .summary-value{color:var(--success-color)}.result-summary .summary-item.warning .summary-value{color:var(--warning-color)}.result-summary .summary-item.error .summary-value{color:var(--error-color)}.skipped-section,.success-section{margin-bottom:24px}.skipped-section:last-child,.success-section:last-child{margin-bottom:0}.skipped-section h3,.success-section h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.skipped-list{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;max-height:200px;overflow-y:auto;padding:12px}.skipped-list .skipped-item{align-items:center;border-bottom:1px solid #fecaca;display:flex;justify-content:space-between;padding:8px 0}.skipped-list .skipped-item:last-child{border-bottom:none}.skipped-list .skipped-item .skipped-email{color:#374151;font-size:14px;font-weight:500}.skipped-list .skipped-item .skipped-reason{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:12px;padding:4px 8px}.success-section .success-count{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:var(--success-color);font-size:14px;font-weight:500;padding:12px 16px}.result-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 24px}.result-actions .ok-btn{background:var(--primary-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.result-actions .ok-btn:hover{background:var(--info-hover)}@media(max-width:768px){.bulk-result-modal{margin:20px;width:95%}.result-header{padding:20px}.result-header .header-content{gap:12px}.result-header .header-content .result-icon{font-size:28px}.result-header .header-content .header-text h2{font-size:18px}.result-content{padding:20px}.skipped-item{align-items:flex-start;flex-direction:column;gap:4px}.skipped-item .skipped-reason{align-self:flex-end}}.bulk-upload-overlay{align-items:center;-webkit-backdrop-filter:blur(var(--spacing-xs));backdrop-filter:blur(var(--spacing-xs));background:var(--popup-background);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.bulk-upload-overlay .bulk-upload-modal{animation:modalSlideIn var(--transition-normal);background:var(--secondary-background);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bulk-upload-overlay .bulk-upload-modal .modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 24px}.bulk-upload-overlay .bulk-upload-modal .modal-header .header-buttons{display:flex;gap:8px}.bulk-upload-overlay .bulk-upload-modal .modal-header .download-sample-btn{background:none;border:none;border-radius:4px;color:#1976d2;cursor:pointer;padding:4px}.bulk-upload-overlay .bulk-upload-modal .modal-header .download-sample-btn:hover{background-color:#f5f5f5}.bulk-upload-overlay .bulk-upload-modal .modal-header .close-btn{background:none;border:none;border-radius:4px;color:#757575;cursor:pointer;padding:4px}.bulk-upload-overlay .bulk-upload-modal .modal-header .close-btn:hover{background-color:#f5f5f5;color:#424242}.bulk-upload-overlay .bulk-upload-modal span{font-size:14px}.bulk-upload-overlay .bulk-upload-modal span .text-download-btn{background:none;border:none;color:#1976d2;cursor:pointer;margin:0 4px;padding:0;text-decoration:underline}.bulk-upload-overlay .bulk-upload-modal span .text-download-btn:hover{color:#1565c0}.bulk-upload-overlay .bulk-upload-modal .modal-content{padding:var(--spacing-3xl)}.bulk-upload-overlay .bulk-upload-modal .modal-content .upload-mode-selector{background:var(--gray-100);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xs)}.bulk-upload-overlay .bulk-upload-modal .modal-content .upload-mode-selector .mode-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;flex:1 1;font-size:var(--font-base);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.bulk-upload-overlay .bulk-upload-modal .modal-content .upload-mode-selector .mode-btn.active{background:var(--secondary-background);box-shadow:var(--shadow-sm);color:var(--info-color)}.bulk-upload-overlay .bulk-upload-modal .modal-content .upload-mode-selector .mode-btn:hover:not(.active){color:var(--gray-800)}.bulk-upload-overlay .bulk-upload-modal .modal-content .json-input-section{margin-bottom:var(--spacing-2xl)}.bulk-upload-overlay .bulk-upload-modal .modal-content .json-input-section .json-textarea{background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-xl);color:var(--gray-800);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-sm);line-height:1.5;min-height:300px;padding:var(--spacing-lg);resize:vertical;transition:all var(--transition-normal);width:100%}.bulk-upload-overlay .bulk-upload-modal .modal-content .json-input-section .json-textarea:focus{background:var(--secondary-background);border-color:var(--info-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.bulk-upload-overlay .bulk-upload-modal .modal-content .json-input-section .json-textarea::placeholder{color:var(--gray-500);font-size:var(--font-xs)}.bulk-upload-overlay .bulk-upload-modal .modal-content .drag-drop-area{background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-2xl);cursor:pointer;margin-bottom:var(--spacing-2xl);padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.bulk-upload-overlay .bulk-upload-modal .modal-content .drag-drop-area.drag-over,.bulk-upload-overlay .bulk-upload-modal .modal-content .drag-drop-area:hover{background:var(--bg-info-light);border-color:var(--info-color);transform:translateY(-2px)}.bulk-upload-overlay .bulk-upload-modal .modal-content .drag-drop-area.has-file{background:var(--bg-success-light);border-color:var(--success-color);border-style:solid}.bulk-upload-overlay .bulk-upload-modal .modal-content .drag-drop-area .upload-placeholder .upload-cloud-icon{color:var(--gray-400);height:48px;margin-bottom:var(--spacing-lg);width:48px}.bulk-upload-overlay .bulk-upload-modal .modal-content .drag-drop-area .upload-placeholder p{color:var(--gray-600);font-weight:var(--font-medium);margin:var(--spacing-sm) 0}.bulk-upload-overlay .bulk-upload-modal .modal-content .drag-drop-area .upload-placeholder p.upload-subtext{color:var(--gray-500);font-size:var(--font-base)}.bulk-upload-overlay .bulk-upload-modal .modal-content .drag-drop-area .upload-placeholder p.file-types{color:var(--gray-400);font-size:var(--font-xs)}.bulk-upload-overlay .bulk-upload-modal .modal-content .drag-drop-area .file-selected .file-icon{color:var(--success-color);height:48px;margin-bottom:var(--spacing-lg);width:48px}.bulk-upload-overlay .bulk-upload-modal .modal-content .drag-drop-area .file-selected .file-name{color:var(--gray-800);font-weight:var(--font-semibold);margin:var(--spacing-sm) 0}.bulk-upload-overlay .bulk-upload-modal .modal-content .drag-drop-area .file-selected .file-size{color:var(--gray-500);font-size:var(--font-base);margin:var(--spacing-xs) 0}.bulk-upload-overlay .bulk-upload-modal .modal-content .bulk-error{background:var(--bg-error-light);border:1px solid var(--border-error);border-radius:var(--radius-xl);color:var(--clear-text);font-size:var(--font-base);font-weight:var(--font-medium);margin-bottom:var(--spacing-2xl);padding:var(--spacing-md) var(--spacing-lg);text-align:center}.bulk-upload-overlay .bulk-upload-modal .modal-content .upload-info{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.bulk-upload-overlay .bulk-upload-modal .modal-content .upload-info h4{color:var(--gray-800);font-size:var(--font-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-md) 0}.bulk-upload-overlay .bulk-upload-modal .modal-content .upload-info ul{color:var(--gray-600);margin:0;padding-left:var(--spacing-xl)}.bulk-upload-overlay .bulk-upload-modal .modal-content .upload-info ul li{font-size:var(--font-base);margin-bottom:var(--spacing-sm)}.bulk-upload-overlay .bulk-upload-modal .modal-actions{border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-2xl) var(--spacing-3xl)}.bulk-upload-overlay .bulk-upload-modal .modal-actions .cancel-btn,.bulk-upload-overlay .bulk-upload-modal .modal-actions .upload-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-base);font-weight:var(--font-semibold);padding:var(--spacing-md) var(--spacing-2xl);transition:all var(--transition-normal)}.bulk-upload-overlay .bulk-upload-modal .modal-actions .cancel-btn:disabled,.bulk-upload-overlay .bulk-upload-modal .modal-actions .upload-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-upload-overlay .bulk-upload-modal .modal-actions .cancel-btn{background:var(--gray-100);color:var(--gray-600)}.bulk-upload-overlay .bulk-upload-modal .modal-actions .cancel-btn:hover:not(:disabled){background:var(--gray-200)}.bulk-upload-overlay .bulk-upload-modal .modal-actions .upload-btn{background:linear-gradient(135deg,var(--info-color),var(--info-dark));box-shadow:var(--shadow-primary);color:var(--secondary-background)}.bulk-upload-overlay .bulk-upload-modal .modal-actions .upload-btn:hover:not(:disabled){box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}@media(max-width:480px){.bulk-upload-modal{margin:var(--spacing-xl);width:calc(100% - var(--spacing-4xl))}.bulk-upload-modal .modal-actions,.bulk-upload-modal .modal-content,.bulk-upload-modal .modal-header{padding:var(--spacing-xl)}.bulk-upload-modal .drag-drop-area{padding:30px var(--spacing-md)}.bulk-upload-modal .drag-drop-area .upload-placeholder .upload-cloud-icon{height:var(--spacing-4xl);width:var(--spacing-4xl)}.bulk-upload-modal .modal-actions{flex-direction:column}.bulk-upload-modal .modal-actions .cancel-btn,.bulk-upload-modal .modal-actions .upload-btn{width:100%}}.deactivate-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.deactivate-popup-content{background:var(--secondary-background);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:24px;width:50%}.deactivate-popup-content h3{color:var(--header-text);font-size:18px;font-weight:600;margin:0 0 16px}.deactivate-popup-content p{color:var(--secondary-text);font-size:14px;line-height:1.5;margin:0 0 24px}.deactivate-popup-actions{display:flex;gap:12px;justify-content:flex-end}.deactivate-popup-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.deactivate-popup-actions button:disabled{cursor:not-allowed;opacity:.6}.deactivate-popup-actions .btn-cancel{background:#0000000a;color:var(--secondary-text)}.deactivate-popup-actions .btn-cancel:hover:not(:disabled){background:#00000014}.deactivate-popup-actions .btn-confirm{color:#fff}.deactivate-popup-actions .btn-confirm.btn-activate{background:linear-gradient(135deg,#10b981,#059669)}.deactivate-popup-actions .btn-confirm.btn-activate:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.deactivate-popup-actions .btn-confirm.btn-deactivate{background:linear-gradient(135deg,#ef4444,#dc2626)}.deactivate-popup-actions .btn-confirm.btn-deactivate:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.main-header{align-items:center;background-color:#fff;display:flex;height:70px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.main-header .header-content{align-items:center;display:flex;gap:24px;justify-content:space-between;width:100%}.header-left{align-items:center;display:flex;gap:12px}.header-left .burger-button{display:none}.header-left .back-button{align-items:center;background:#0000000a;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.header-left .back-button:hover{background:#13005a1a;transform:translateX(-2px)}.header-left .page-icon{align-items:center;background:var(--secondary-violet);border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.header-left .page-icon svg{color:#fff;height:20px;width:20px}.header-left .page-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.header-left .app-name{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.header-right{align-items:center;display:flex;gap:16px}.header-right .search-container{align-items:center;background:var(--surface);border:1px solid #13005a33;border-radius:12px;display:flex;padding:0 16px;position:relative;transition:all .3s ease;width:300px}.header-right .search-container:focus-within{border-color:var(--primary-violet);box-shadow:0 0 0 3px #13005a1a}.header-right .search-container .search-icon{color:var(--text-secondary);flex-shrink:0;font-size:20px;margin-right:12px}.header-right .search-container .search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:16px;outline:none;padding:12px 0}.header-right .search-container .search-input::placeholder{color:var(--text-muted)}.header-right .search-container .clear-search{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:4px;transition:all .2s ease}.header-right .search-container .clear-search:hover{background:#ef44441a;color:var(--error)}.header-right .search-container .clear-search svg{font-size:18px}.profile-section{align-items:center;border-radius:50px;display:flex;gap:12px;padding:8px 16px}.profile-avatar{align-items:center;background:var(--secondary-violet);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.profile-username{color:var(--text-primary);font-size:16px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.main-header{height:60px;padding:0 16px}.header-left .burger-button{align-items:center;background:#0000000a;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-direction:column;height:36px;justify-content:center;margin-right:4px;position:relative;width:40px;z-index:110}.header-left .burger-button span{background:currentColor;border-radius:2px;display:block;height:3px;transition:transform .2s ease,opacity .2s ease;width:22px}.header-left .burger-button span+span{margin-top:4px}.header-left .burger-button.is-open span:first-child{transform:translateY(6px) rotate(45deg)}.header-left .burger-button.is-open span:nth-child(2){opacity:0}.header-left .burger-button.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.header-left .app-name{font-size:20px}.profile-section{gap:8px;padding:6px 12px}.profile-avatar{font-size:14px;height:36px;width:36px}.profile-username{font-size:14px;max-width:120px}}.mobile-overlay{display:none}@media(max-width:768px){.mobile-overlay{display:none}body.mobile-nav-open .mobile-overlay{background:#0006;display:block;inset:0;position:fixed;z-index:105}}@media(max-width:480px){.main-header{padding:0 12px}.header-left .app-name{font-size:18px}.profile-username{display:none}.profile-section{padding:8px}.profile-avatar{font-size:12px;height:32px;margin:0;width:32px}}@keyframes subtlePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.modern-create-institution-container{background-color:var(--bg-light);min-height:calc(100vh - 70px);padding:0}.model-select-wrapper{margin-bottom:12px;width:100%}.model-select{background-color:var(--surface);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px;width:100%}.model-select.disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.7}.model-select.enabled{cursor:pointer}.model-select.enabled:focus{border-color:var(--primary-violet);box-shadow:0 0 0 2px #13005a33;outline:none}.selected-models-list{display:flex;flex-direction:column;gap:8px}.selected-model-item{align-items:center;background-color:var(--surface);border:1px solid var(--border-light);border-left:3px solid var(--secondary-violet);border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.remove-model-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.remove-model-btn:hover{color:var(--error)}.remove-model-btn:disabled{cursor:not-allowed;opacity:.5}.custom-full-width-tabs{display:flex;width:100%}.custom-full-width-tabs .half-width-tab{max-width:none;min-width:auto;width:46%}.modern-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;padding:var(--spacing-2xl) var(--spacing-3xl)}.modern-header .back-button{align-items:center;background:var(--border-light);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;height:var(--spacing-4xl);justify-content:center;margin-right:var(--spacing-xl);transition:all var(--transition-fast);width:var(--spacing-4xl)}.modern-header .back-button:hover{background:#13005a1a;transform:translateX(-2px)}.modern-header .header-content{align-items:center;display:flex;gap:var(--spacing-lg)}.modern-header .header-content .header-icon{align-items:center;background:var(--button-primary);border-radius:var(--radius-xl);display:flex;height:48px;justify-content:center;width:48px}.modern-header .header-content .header-icon svg{color:#fff;height:var(--spacing-2xl);width:var(--spacing-2xl)}.modern-header .header-content .header-text h1{color:var(--header-text);font-size:var(--font-3xl);font-weight:var(--font-bold);line-height:1.2;margin:0 0 var(--spacing-xs) 0}.modern-header .header-content .header-text p{color:var(--secondary-text);font-size:var(--font-base);font-weight:var(--font-medium);margin:0}.modern-form-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.modern-form-wrapper .form-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);max-height:calc(100vh - 140px);max-width:500px;overflow:hidden;overflow-y:auto;position:relative;width:100%}.edit-toggle-button{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;padding:8px 14px;position:absolute;right:20px;top:78px;transition:all .2s ease}.edit-toggle-button:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.edit-toggle-button.is-edit{background:#13005a14;border-color:var(--primary-violet);color:var(--primary-violet)}.edit-toggle-button.is-cancel{background:#ef444414;border-color:var(--error);color:var(--error)}.modern-form{padding:var(--spacing-3xl)}.modern-form .form-group{margin-bottom:var(--spacing-2xl)}.modern-form .form-group:last-of-type{margin-bottom:var(--spacing-3xl)}.modern-form .form-group .form-label{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-base);font-weight:var(--font-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.modern-form .form-group .form-label .label-icon{color:var(--secondary-text);height:18px;width:18px}.modern-form .form-group .input-wrapper{background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-xl);position:relative;transition:all var(--transition-normal)}.modern-form .form-group .input-wrapper:focus-within{border-color:var(--primary-violet);box-shadow:0 0 0 3px #13005a1a}.modern-form .form-group .input-wrapper.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.modern-form .form-group .input-wrapper .form-input{background:#0000;border:none;color:var(--text-primary);font-size:var(--font-md);font-weight:var(--font-medium);outline:none;padding:var(--spacing-base) var(--spacing-lg);width:100%}.modern-form .form-group .input-wrapper .form-input::placeholder{color:var(--secondary-text);font-weight:var(--font-normal)}.modern-form .form-group .input-wrapper.password-wrapper .form-input{padding-right:50px}.modern-form .form-group .input-wrapper.password-wrapper .password-toggle{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-xs);position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.modern-form .form-group .input-wrapper.password-wrapper .password-toggle:hover{background:var(--border-light)}.modern-form .form-group .error-text{color:var(--error-color);font-size:var(--font-sm);font-weight:var(--font-medium);margin-top:var(--spacing-xs);position:absolute}.modern-form .general-error{background:var(--bg-error-light);border:1px solid var(--border-error);border-radius:var(--radius-lg);color:var(--error-light);font-size:var(--font-base);font-weight:var(--font-medium);margin-bottom:var(--spacing-2xl);padding:var(--spacing-md) var(--spacing-lg);text-align:center}.modern-form .submit-button{border:none;border-radius:var(--radius-xl);cursor:pointer;font-size:var(--font-lg);font-weight:var(--font-semibold);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal);width:100%}.modern-form .submit-button.enabled{background:var(--primary-violet);box-shadow:0 4px 12px #a000f04d;color:#fff}.modern-form .submit-button.enabled:hover{background:#6400c0;box-shadow:0 6px 16px #a000f066;transform:translateY(-2px)}.modern-form .submit-button.enabled:active{transform:translateY(0)}.modern-form .submit-button.disabled{background:var(--border-light);color:var(--text-secondary);cursor:not-allowed}.modern-form .submit-button .button-text{position:relative;z-index:1}.selected-models-container{align-items:center;background:var(--gray-light);border:2px dashed var(--border-color);border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm);min-height:50px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.selected-models-container:empty:before{color:var(--secondary-text);content:"No models selected";font-size:var(--font-base);font-style:italic}.selected-models-container:not(:empty){background:linear-gradient(135deg,var(--gray-light),var(--border-color));border:2px solid var(--border-medium)}.model-chip{align-items:center;background:linear-gradient(135deg,var(--info-color),var(--info-dark));border:2px solid #fff3;border-radius:25px;box-shadow:0 3px 8px #3b82f640;color:var(--secondary-background);display:flex;font-size:var(--font-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-base);transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.model-chip:hover{background:linear-gradient(135deg,var(--info-hover),var(--info-darker));box-shadow:var(--shadow-primary-hover);transform:translateY(-2px) scale(1.02)}.model-chip .chip-text{letter-spacing:.3px;white-space:nowrap}.model-chip .chip-remove{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:var(--secondary-background);cursor:pointer;display:flex;height:var(--spacing-xl);justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:var(--spacing-xl)}.model-chip .chip-remove:hover{background:#ffffff4d;transform:scale(1.1)}.model-chip .chip-remove svg{height:var(--spacing-md);width:var(--spacing-md)}.model-input-wrapper{margin-bottom:var(--spacing-sm);position:relative;z-index:10}.model-input-wrapper .input-wrapper{background:var(--secondary-background);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.model-input-wrapper .input-wrapper:before{background:linear-gradient(135deg,var(--gray-light) 0,var(--secondary-background) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal);z-index:0}.model-input-wrapper .input-wrapper:focus-within{border-color:var(--info-color);box-shadow:0 0 0 4px #3b82f61f,0 8px 25px #3b82f626;transform:translateY(-1px)}.model-input-wrapper .input-wrapper:focus-within:before{opacity:1}.model-input-wrapper .input-wrapper:focus-within .search-icon{color:var(--info-color);transform:scale(1.1)}.model-input-wrapper .input-wrapper:hover:not(:focus-within){box-shadow:var(--shadow-md)}.model-input-wrapper .input-content{align-items:center;display:flex;gap:var(--spacing-md);padding:var(--spacing-base) var(--spacing-lg);position:relative;z-index:1}.model-input-wrapper .search-icon{color:var(--secondary-text);flex-shrink:0;font-size:var(--spacing-xl);transition:all var(--transition-normal)}.model-search-input{background:#0000;border:none;color:var(--header-text);font-size:var(--font-md);font-weight:var(--font-medium);line-height:1.5;outline:none;width:100%}.model-search-input::placeholder{color:var(--secondary-text);font-size:var(--font-base);font-weight:var(--font-normal)}.models-dropdown{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 12px 32px #0000001f,var(--shadow-sm);box-sizing:border-box;left:0;margin-top:6px;max-height:200px;min-width:100%;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:999}.models-dropdown::-webkit-scrollbar{width:var(--spacing-xs)}.models-dropdown::-webkit-scrollbar-track{background:var(--gray-light);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.models-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.models-dropdown::-webkit-scrollbar-thumb:hover{background:var(--secondary-text)}.model-option{align-items:center;border-bottom:1px solid var(--gray-light);cursor:pointer;display:flex;gap:var(--spacing-base);overflow:hidden;padding:var(--spacing-base) 18px;position:relative;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.model-option:last-child{border-bottom:none;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.model-option:first-child{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.model-option:hover{background:linear-gradient(135deg,var(--gray-light),var(--border-color));box-shadow:0 4px 12px #3b82f61a}.model-option:hover:before{width:var(--spacing-xs)}.model-option:hover .model-option-icon{color:var(--info-color);transform:scale(1.1)}.model-option:hover .model-name{color:var(--info-darker)}.model-option .model-option-icon{color:var(--primary-violet);flex-shrink:0;font-size:22px;position:relative;transition:all var(--transition-normal);z-index:1}.model-option .model-option-details{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);position:relative;z-index:9999}.model-option .model-option-details .model-name{color:var(--header-text);font-size:var(--font-md);font-weight:var(--font-semibold);line-height:1.3;transition:color var(--transition-normal)}.model-option .model-option-details .model-provider{background:var(--gray-light);border-radius:var(--radius-xl);color:var(--secondary-text);display:inline-block;font-size:var(--font-xs);font-weight:var(--font-medium);padding:2px var(--spacing-sm);text-transform:capitalize;width:-webkit-fit-content;width:fit-content}@media(max-width:768px){.modern-create-institution-container{padding:20px}.form-card{margin:0 10px;padding:24px 20px}.form-label{font-size:13px}.form-input{font-size:14px;padding:14px 16px}.submit-button{font-size:14px;padding:14px 24px}.selected-models-container{gap:6px}.model-chip{font-size:12px;padding:5px 10px}}@media(max-width:480px){.modern-header{padding:16px}.modern-header .header-content{gap:12px}.modern-header .header-content .header-buttonn{height:40px;width:40px}.modern-header .header-content .header-buttonn svg{height:20px;width:20px}.modern-header .header-content .header-text h1{font-size:18px}.modern-form{padding:20px 16px}}.save-success-modal-container{justify-content:center}.save-success-modal-container .save-success-popup-container{background-color:var(--primary-background);border-radius:8px;gap:26px;justify-content:center;padding:64px;width:25%}.save-success-modal-container .save-success-popup-container .saved-to-text{color:var(--primaryTextColor);font-size:16px;text-align:center;text-transform:capitalize}.conflict-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.conflict-popup{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.conflict-popup-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;padding:24px 24px 16px;position:relative}.conflict-popup-header .header-icon{align-items:center;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border-radius:12px;display:flex;height:48px;justify-content:center;margin-right:16px;width:48px}.conflict-popup-header .header-icon svg{color:#fff;font-size:24px}.conflict-popup-header h2{color:var(--text-primary);flex:1 1;font-size:20px;font-weight:600;margin:0}.conflict-popup-header .close-btn{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.conflict-popup-header .close-btn:hover{background:#f1f5f9;color:var(--text-primary)}.conflict-popup-header .close-btn:disabled{cursor:not-allowed;opacity:.5}.conflict-popup-header .close-btn svg{font-size:20px}.conflict-popup-content{padding:24px}.conflict-popup-content .conflict-message{margin-bottom:24px}.conflict-popup-content .conflict-message p{color:var(--text-primary);font-size:16px;line-height:1.5;margin:0 0 8px}.conflict-popup-content .conflict-message .conflict-detail{color:var(--text-secondary);font-size:14px}.conflict-popup-content .existing-user-info{margin-bottom:32px}.conflict-popup-content .existing-user-info h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.conflict-popup-content .existing-user-info .user-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.conflict-popup-content .existing-user-info .user-details .detail-item{align-items:center;display:flex;margin-bottom:12px}.conflict-popup-content .existing-user-info .user-details .detail-item:last-child{margin-bottom:0}.conflict-popup-content .existing-user-info .user-details .detail-item .detail-icon{color:var(--primary-violet);font-size:18px;margin-right:12px;width:20px}.conflict-popup-content .existing-user-info .user-details .detail-item .detail-label{color:var(--text-secondary);font-weight:500;margin-right:8px;min-width:60px}.conflict-popup-content .existing-user-info .user-details .detail-item .detail-value{color:var(--text-primary);font-weight:500}.conflict-popup-content .existing-user-info .user-details .detail-item .detail-value.role-badge{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border-radius:20px;color:#fff;font-size:12px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.conflict-popup-content .action-selection h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.conflict-popup-content .action-selection .action-options{display:flex;flex-direction:column;gap:12px}.conflict-popup-content .action-selection .action-options .action-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;padding:16px;transition:all .2s ease}.conflict-popup-content .action-selection .action-options .action-option:hover{background:#8b5cf605;border-color:var(--primary-violet)}.conflict-popup-content .action-selection .action-options .action-option.selected{background:#8b5cf60d;border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a}.conflict-popup-content .action-selection .action-options .action-option .action-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;margin-right:16px;width:40px}.conflict-popup-content .action-selection .action-options .action-option .action-icon.restore-icon{background:#22c55e1a;color:#22c55e}.conflict-popup-content .action-selection .action-options .action-option .action-icon.update-icon{background:#8b5cf61a;color:var(--primary-violet)}.conflict-popup-content .action-selection .action-options .action-option .action-icon svg{font-size:20px}.conflict-popup-content .action-selection .action-options .action-option .action-content{flex:1 1}.conflict-popup-content .action-selection .action-options .action-option .action-content h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.conflict-popup-content .action-selection .action-options .action-option .action-content p{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}.conflict-popup-actions{border-top:1px solid #f1f5f9;display:flex;gap:12px;padding:20px 24px 24px}.conflict-popup-actions .btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:12px 24px;transition:all .2s ease}.conflict-popup-actions .btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.conflict-popup-actions .btn-cancel:disabled{cursor:not-allowed;opacity:.5}.conflict-popup-actions .btn-confirm{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:12px 24px;transition:all .2s ease}.conflict-popup-actions .btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover),var(--primary-violet));box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.conflict-popup-actions .btn-confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media(max-width:768px){.conflict-popup{margin:20px;width:95%}.conflict-popup-header{padding:20px 20px 16px}.conflict-popup-header .header-icon{height:40px;margin-right:12px;width:40px}.conflict-popup-header .header-icon svg{font-size:20px}.conflict-popup-header h2{font-size:18px}.conflict-popup-content{padding:20px}.conflict-popup-content .action-options .action-option{padding:12px}.conflict-popup-content .action-options .action-option .action-icon{height:36px;margin-right:12px;width:36px}.conflict-popup-content .action-options .action-option .action-icon svg{font-size:18px}.conflict-popup-actions{flex-direction:column;padding:16px 20px 20px}.conflict-popup-actions .btn-cancel,.conflict-popup-actions .btn-confirm{width:100%}}.model-creation-page-main-container{background:linear-gradient(135deg,var(--bg-light) 0,#8b5cf605 100%);min-height:calc(100vh - 70px);padding:40px 0 0}.model-creation-page{align-items:center;display:flex;justify-content:center;padding:40px 20px;width:100%}.model-creation-page .model-creation-container{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 8px 32px var(--shadow-light);max-width:500px;overflow:hidden;width:100%}.model-creation-page .model-creation-container .model-creation-form{display:flex;flex-direction:column;gap:24px;padding:32px;position:relative}.model-creation-page .model-creation-container .model-creation-form .form-group{display:flex;flex-direction:column;gap:12px;position:relative}.model-creation-page .model-creation-container .model-creation-form .form-group .form-label-container{align-items:center;display:flex;gap:8px}.model-creation-page .model-creation-container .model-creation-form .form-group .form-label-container .form-label-icon{color:var(--primary-violet);height:18px;width:18px}.model-creation-page .model-creation-container .model-creation-form .form-group .form-label-container .form-label{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0}.model-creation-page .model-creation-container .model-creation-form .form-group .input-container{align-items:center;display:flex;position:relative}.model-creation-page .model-creation-container .model-creation-form .form-group .input-container .form-input{background:var(--input-background);border:2px solid #00000014;border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;padding:14px 16px;transition:all .2s ease;width:100%}.model-creation-page .model-creation-container .model-creation-form .form-group .input-container .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.model-creation-page .model-creation-container .model-creation-form .form-group .input-container .form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.model-creation-page .model-creation-container .model-creation-form .form-group .input-container .form-input::placeholder{color:var(--text-secondary);font-weight:400}.model-creation-page .model-creation-container .model-creation-form .form-group .input-container .toggle-button{cursor:pointer;height:24px;position:absolute;right:12px;width:24px}.model-creation-page .model-creation-container .model-creation-form .form-group .input-container .toggle-button .eye-icon{height:16px;opacity:.6;transition:opacity .2s ease;width:16px}.model-creation-page .model-creation-container .model-creation-form .form-group .input-container .toggle-button .eye-icon:hover{opacity:1}.model-creation-page .model-creation-container .model-creation-form .form-group .error-message{color:#ef4444;font-size:12px;font-weight:500;margin:0;top:102%}.model-creation-page .model-creation-container .model-creation-form .form-group .info-message{color:#3b82f6;font-size:12px;font-weight:500;margin:0}.model-creation-page .model-creation-container .model-creation-form .submit-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;cursor:pointer;margin-top:8px;padding:16px 24px;transition:all .2s ease}.model-creation-page .model-creation-container .model-creation-form .submit-button:hover:not(.disabled){box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.model-creation-page .model-creation-container .model-creation-form .submit-button.disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.model-creation-page .model-creation-container .model-creation-form .submit-button .button-text{color:#fff;font-size:14px;font-weight:600;margin:0}.model-creation-page .model-creation-container .model-creation-form .error-message-general{color:#ef4444;font-size:12px;font-weight:500;margin:0;text-align:center}@media(max-width:768px){.model-creation-page{padding:20px 16px}.model-creation-page .model-creation-container .model-creation-form{gap:20px;padding:24px 20px}}.institution-cards-container{background-color:var(--primary-background);height:calc(100vh - 75px);padding:var(--spacing-2xl)}.add-button-container,.cards-header{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-xl)}.cards-header{align-items:center;gap:8px}.cards-header .search-container{align-items:center;background:var(--surface);border:1px solid var(--border-light);border-radius:8px;display:flex;padding:0 12px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:300px}.cards-header .search-container:hover{border-color:#13005a4d;box-shadow:0 2px 8px #13005a1a}.cards-header .search-container:focus-within{border-color:var(--primary-violet);box-shadow:0 0 0 3px #13005a1a,0 4px 12px #13005a26;transform:translateY(-1px)}.cards-header .search-container .search-icon{color:var(--text-secondary);font-size:18px;margin-right:8px}.cards-header .search-container .search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:12px 0}.cards-header .search-container .search-input::placeholder{color:var(--text-muted)}.cards-header .search-container .clear-search{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.cards-header .search-container .clear-search:hover{background:#13005a1a;color:var(--primary-violet);transform:scale(1.1) rotate(90deg)}.cards-header .search-container .clear-search svg{font-size:16px}.cards-header .action-buttons{display:flex;gap:12px}.cards-header .bulk-upload-btn{align-items:center;background:var(--success-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow}.cards-header .bulk-upload-btn:hover{background:var(--success-hover);box-shadow:0 12px 24px #22c55e40,0 6px 12px #22c55e26;transform:translateY(-4px) scale(1.02)}.cards-header .bulk-upload-btn:active{transform:translateY(-2px) scale(1.01);transition:all .1s ease}.cards-header .bulk-upload-btn .upload-icon{font-size:18px}.add-institution-btn{align-items:center;background:var(--button-primary);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #8b5cf633;color:#fff;cursor:pointer;display:flex;font-size:var(--font-base);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow}.add-institution-btn:hover{background:var(--button-primary-hover);box-shadow:0 12px 24px #13005a40,0 6px 12px #13005a26;transform:translateY(-4px) scale(1.02)}.add-institution-btn:active{transform:translateY(-2px) scale(1.01);transition:all .1s ease}.add-institution-btn svg{font-size:18px}.cards-grid{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);grid-auto-rows:minmax(170px,auto);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-height:80vh;max-width:100%;overflow-y:auto;padding:var(--spacing-lg)}.cards-grid .institution-main-container{background-color:var(--bg-light)}.cards-grid .institution-main-container .create-institution-card{align-items:center!important;background-color:var(--surface);border:2px dashed var(--primary-violet);border-radius:var(--radius-2xl);cursor:pointer;display:flex!important;flex-direction:column!important;gap:var(--spacing-sm)!important;height:100%;justify-content:center!important;min-height:170px;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow}.cards-grid .institution-main-container .create-institution-card.hovered,.cards-grid .institution-main-container .create-institution-card:hover{background:#a000f005;border-color:#a000f0;box-shadow:0 20px 40px #a000f026,0 8px 16px #a000f01a;transform:translateY(-8px) scale(1.02)}.cards-grid .institution-main-container .create-institution-card.hovered .icon-container,.cards-grid .institution-main-container .create-institution-card:hover .icon-container{transform:scale(1.15) rotate(5deg)}.cards-grid .institution-main-container .create-institution-card.hovered .create-text,.cards-grid .institution-main-container .create-institution-card:hover .create-text{color:#a000f0;transform:translateY(-2px)}.cards-grid .institution-main-container .create-institution-card .icon-container{margin-bottom:var(--spacing-md);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.cards-grid .institution-main-container .create-institution-card .icon-container img{display:block}.cards-grid .institution-main-container .create-institution-card .create-text{color:#a000f0;font-size:var(--font-lg);font-weight:var(--font-semibold);text-align:center;text-transform:capitalize;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.institution-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:-webkit-fit-content;height:fit-content;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow}.institution-card:before{background:var(--primary-violet);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.institution-card:hover{border-color:#13005a4d;box-shadow:0 25px 50px #13005a26,0 10px 20px #13005a1a,0 0 0 1px #13005a33;transform:translateY(-8px) scale(1.02)}.institution-card:hover:before{transform:scaleX(1)}.institution-card:hover .card-overlay{opacity:1}.institution-card:hover .card-header{transform:translateY(-2px)}.institution-card:hover .card-content{transform:translateY(-1px)}.card-overlay{background:#13005a05;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.card-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-2xl) 0;position:relative;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.card-header .institution-name{color:var(--header-text);flex:1 1;font-size:var(--font-2xl);font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1.3;margin:0;max-width:var(--spacing-5xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header .menu-container{position:relative}.card-header .menu-container .menu-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--secondary-background),.8);border:none;border-radius:var(--radius-lg);color:var(--secondary-text);cursor:pointer;display:flex;height:var(--spacing-4xl);justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:var(--spacing-4xl);will-change:transform,background-color}.card-header .menu-container .menu-btn svg{height:var(--spacing-xl);transition:transform .2s ease;width:var(--spacing-xl)}.card-header .menu-container .menu-btn:hover{background:#13005a1a;box-shadow:0 4px 12px #13005a33;color:var(--primary-violet);transform:scale(1.1) rotate(90deg)}.card-header .menu-container .menu-btn:hover svg{transform:scale(1.1)}.card-header .menu-container .dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--secondary-background);border:1px solid rgba(var(--secondary-border),.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);margin-top:var(--spacing-sm);min-width:var(--spacing-6xl);overflow:hidden;position:absolute;right:100%;top:0;z-index:10}.card-header .menu-container .dropdown-menu .dropdown-item{align-items:center;background:none;border:none;color:var(--header-text);cursor:pointer;display:flex;font-size:var(--font-base);font-weight:var(--font-medium);gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.card-header .menu-container .dropdown-menu .dropdown-item svg{flex-shrink:0;height:var(--spacing-lg);transition:transform .2s ease;width:var(--spacing-lg)}.card-header .menu-container .dropdown-menu .dropdown-item:hover{background:#13005a14;transform:translateX(4px)}.card-header .menu-container .dropdown-menu .dropdown-item:hover svg{transform:scale(1.1)}.card-header .menu-container .dropdown-menu .dropdown-item.edit-item:hover{background:#22c55e1a;color:var(--success-color)}.card-header .menu-container .dropdown-menu .dropdown-item.delete-item:hover{background:#ff6b6b1a;color:var(--error-color)}.card-body{padding:0}.info-section{display:flex;flex-direction:column}.info-row{align-items:center;background:rgba(var(--secondary-background),.5);border:1px solid rgba(var(--secondary-border),.1);border-radius:var(--radius-2xl);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-2xl);transition:all var(--transition-normal)}.info-row:hover{background:rgba(var(--primary-blue),.02);border-color:rgba(var(--primary-blue),.1);transform:translateX(var(--spacing-xs))}.info-icon{align-items:center;background:var(--primary-blue);border-radius:var(--radius-xl);display:flex;flex-shrink:0;height:var(--spacing-2xl);justify-content:center;width:var(--spacing-2xl)}.info-icon svg{color:var(--secondary-background);height:var(--spacing-xl);width:var(--spacing-xl)}.info-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.info-label{color:var(--label-text);font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.5px;opacity:.7;text-transform:uppercase}.info-value{color:var(--header-text);font-size:var(--font-md);font-weight:var(--font-medium);line-height:1.4;word-break:break-word}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.institution-card{animation:fadeInUp .6s ease forwards}.modern-institution-card{background:var(--secondary-background);border:1px solid #00000014;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content;overflow:hidden;position:relative;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.modern-institution-card.hovered,.modern-institution-card:hover{border-color:#13005a4d;box-shadow:0 7px 20px #13005a26,0 10px 20px #13005a1a;transform:translateY(-8px) scale(1.02)}.modern-institution-card.hovered .card-header-modern,.modern-institution-card:hover .card-header-modern{transform:translateY(-2px)}.modern-institution-card.hovered .card-content-modern,.modern-institution-card:hover .card-content-modern{transform:translateY(-1px)}.modern-institution-card.agent-card{position:relative}.modern-institution-card.agent-card:before{background:var(--primary-violet);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.modern-institution-card.agent-card:hover:before{transform:scaleX(1)}.modern-institution-card.agent-card:hover .card-icon-container{background:var(--primary-violet)!important;box-shadow:0 4px 12px #13005a4d;transform:scale(1.1) rotate(5deg)}.modern-institution-card.agent-card:hover .power-btn{transform:scale(1.1) rotate(180deg)}.modern-institution-card.agent-card .card-icon-container{transition:all .4s cubic-bezier(.34,1.56,.64,1);will-change:transform}.modern-institution-card.agent-card .power-btn{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:32px}.modern-institution-card.agent-card .power-btn.power-active{background:#22c55e1a}.modern-institution-card.agent-card .power-btn.power-active:hover{background:#22c55e33;box-shadow:0 4px 12px #22c55e4d}.modern-institution-card.agent-card .power-btn.power-inactive{background:#ef44441a}.modern-institution-card.agent-card .power-btn.power-inactive:hover{background:#ef444433;box-shadow:0 4px 12px #ef44444d}.card-header-modern{align-items:center;border-bottom:1px solid #0000000d;display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.card-icon-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;height:48px;justify-content:center;width:48px}.card-icon-container img,.card-icon-container svg{color:var(--secondary-background);height:var(--spacing-2xl);width:var(--spacing-2xl)}.card-icon-container.openai-provider{background:var(--openai-model)}.card-icon-container.claude-provider{background:var(--warning-color)}.card-icon-container.gemini-provider{background:var(--button-secondary)}.card-title-section{flex:1 1;min-width:0}.card-title-section .card-title{align-items:center;color:var(--header-text);display:flex;flex-wrap:wrap;font-size:var(--font-lg);font-weight:var(--font-semibold);gap:8px;line-height:1.4;margin:0 0 var(--spacing-xs) 0}.card-title-section .card-title .institution-name-modern{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title-section .card-title .status-badge{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.card-title-section .card-title .status-badge.disabled-badge{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.card-title-section .card-type{color:var(--label-text);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}button.card-actions__button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;all:unset;align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;justify-content:center;line-height:1;margin:0;padding:0}.card-actions{align-items:center;display:flex;gap:var(--spacing-sm);position:relative}.card-actions .action-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);color:var(--gray-400);cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;margin:0;padding:0;position:relative;transition:all var(--transition-fast);width:28px}.card-actions .action-btn .MuiSvgIcon-root{fill:currentColor;color:inherit;height:var(--spacing-base);transition:all var(--transition-fast);width:var(--spacing-base)}.card-actions .action-btn:hover{background:var(--gray-100);box-shadow:var(--shadow-sm);color:var(--gray-500);transform:translateY(-1px)}.card-actions .action-btn:active{box-shadow:none;transform:translateY(0)}.modern-dropdown-menu{background:var(--secondary-background);border:1px solid #0000001a;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-top:var(--spacing-sm);min-width:var(--spacing-6xl);overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.modern-dropdown-menu .dropdown-item-modern{align-items:center;background:none;border:none;color:var(--header-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all .2s ease;width:100%}.modern-dropdown-menu .dropdown-item-modern svg{flex-shrink:0;height:var(--spacing-lg);width:var(--spacing-lg)}.modern-dropdown-menu .dropdown-item-modern:hover{background:#0000000a}.modern-dropdown-menu .dropdown-item-modern.edit-item-modern:hover{background:#10b9811a;color:var(--success-color)}.modern-dropdown-menu .dropdown-item-modern.delete-item-modern:hover{background:#ef44441a;color:var(--error-color)}.card-content-modern{padding:var(--spacing-xl);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.info-item-modern{align-items:center;display:flex;gap:var(--spacing-md);min-width:0;width:50%}.info-item-modern:last-child{margin-bottom:0}.info-icon-modern{align-items:center;background:#0000000a;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:var(--spacing-4xl);justify-content:center;width:var(--spacing-4xl)}.info-icon-modern svg{color:var(--secondary-text);height:18px;width:18px}.info-details-modern{flex:1 1;min-width:0;overflow:hidden;width:100%}.info-details-modern .info-label-modern{color:var(--label-text);display:block;font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.info-details-modern .info-value-modern{color:var(--header-text);font-size:var(--font-base);font-weight:var(--font-medium);line-height:1.4}.info-details-modern .info-value-modern,.info-details-modern .info-value-modern p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.info-details-modern .info-value-modern p{margin:0}.card-description{border-top:1px solid #0000000d;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.card-description p{color:var(--secondary-text);font-size:var(--font-base);line-height:1.5;margin:0}.card-footer-modern{align-items:center;background:#00000005;border-top:1px solid #0000000d;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.card-footer-modern .status-indicator{border-radius:var(--radius-sm);color:var(--secondary-background);font-size:var(--font-xs);font-weight:var(--font-medium);padding:var(--spacing-xs) var(--spacing-sm)}.card-footer-modern .status-indicator span{color:var(--secondary-background)}.card-footer-modern .status-indicator.status-active{background:var(--success-color)}.card-footer-modern .status-indicator.status-inactive{background:var(--error-color)}.card-footer-modern .created-date{color:var(--label-text);font-size:var(--font-xs)}.card-footer-modern .status-indicator{align-items:center;border-radius:50%;display:flex;height:var(--spacing-lg);justify-content:center;position:relative;width:var(--spacing-lg)}.card-footer-modern .status-indicator .status-dot{border-radius:50%;height:var(--spacing-sm);transition:all var(--transition-fast);width:var(--spacing-sm)}.card-footer-modern .status-indicator.status-active{background:#10b98126;border:1px solid #10b9814d}.card-footer-modern .status-indicator.status-active .status-dot{animation:pulse-active 2s infinite;background:var(--success-color);box-shadow:0 0 0 2px #10b98133}.card-footer-modern .status-indicator.status-inactive{background:#ef444426;border:1px solid #ef44444d}.card-footer-modern .status-indicator.status-inactive .status-dot{background:var(--error-color);box-shadow:0 0 0 2px #ef444433}.card-footer-modern .status-text{font-weight:var(--font-medium)}.card-footer-modern .status-text.status-active-text{color:var(--success-color)}.card-footer-modern .status-text.status-inactive-text{color:var(--error-color)}@keyframes pulse-active{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.card-footer-modern .power-btn{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-shrink:0;height:var(--spacing-4xl);justify-content:center;margin:0;padding:0;position:relative;transition:all var(--transition-fast) cubic-bezier(.4,0,.2,1);width:var(--spacing-4xl)}.card-footer-modern .power-btn .MuiSvgIcon-root{fill:currentColor;color:inherit;height:18px;transition:all var(--transition-fast) cubic-bezier(.4,0,.2,1);width:18px}.card-footer-modern .power-btn.power-active{background:#10b9811a;border-color:#10b9814d;box-shadow:0 4px 12px #10b98126;color:var(--success-color)}.card-footer-modern .power-btn.power-active .MuiSvgIcon-root{color:var(--success-color);transform:scale(1.1)}.card-footer-modern .power-btn.power-active:hover{background:#10b98126;border-color:#10b98166;box-shadow:0 6px 16px #10b98140;transform:translateY(-2px) scale(1.05)}.card-footer-modern .power-btn.power-active:hover .MuiSvgIcon-root{color:var(--success-dark)}.card-footer-modern .power-btn.power-active:active{box-shadow:0 3px 8px #10b98133;transform:translateY(-1px) scale(1.02)}.card-footer-modern .power-btn.power-inactive{background:#ef44441a;border:1px solid #ef44444d;box-shadow:0 2px 8px #ef44441a;color:var(--error-color)}.card-footer-modern .power-btn.power-inactive .MuiSvgIcon-root{color:var(--error-color)}.card-footer-modern .power-btn.power-inactive:hover{background:#ef444426;border-color:#ef444466;box-shadow:0 6px 16px #ef444433;color:var(--error-dark);transform:translateY(-2px) scale(1.05)}.card-footer-modern .power-btn.power-inactive:hover .MuiSvgIcon-root{color:var(--error-dark);transform:scale(1.1)}.card-footer-modern .power-btn.power-inactive:active{box-shadow:0 3px 8px #ef444426;transform:translateY(-1px) scale(1.02)}@media(max-width:1200px){.cards-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media(max-width:768px){.institution-cards-container{padding:1rem}.cards-grid{gap:1.5rem;grid-template-columns:1fr}.modern-institution-card .card-header-modern{gap:12px;padding:16px}.modern-institution-card .card-content-modern{padding:16px}.modern-institution-card .card-footer-modern{padding:12px 16px}}@media(max-width:480px){.cards-grid{grid-template-columns:1fr}.modern-institution-card .card-header-modern{align-items:flex-start;flex-direction:column;gap:12px}.modern-institution-card .card-header-modern .card-actions{align-self:flex-end;margin-top:-40px}.modern-institution-card .card-icon-container{height:40px;width:40px}.modern-institution-card .card-icon-container svg{height:20px;width:20px}}.topic-modal{align-items:center;display:flex;justify-content:center;padding:20px}.topic-modal .topic-modal-content{background-color:var(--surface);border-radius:12px;box-shadow:0 10px 30px var(--shadow-heavy);max-height:90vh;max-width:90vw;outline:none;overflow:auto;width:500px}.topic-modal .topic-modal-content .topic-modal-header{align-items:center;background-color:var(--bg-light);border-bottom:1px solid var(--border-light);border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;padding:20px 24px}.topic-modal .topic-modal-content .topic-modal-header .modal-title{color:var(--text-primary);font-weight:600;margin:0}.topic-modal .topic-modal-content .topic-modal-header .close-button{color:var(--text-secondary);padding:4px;transition:background-color .2s}.topic-modal .topic-modal-content .topic-modal-header .close-button:hover{background-color:#0000000a}.topic-modal .topic-modal-content .topic-modal-body{padding:24px}.topic-modal .topic-modal-content .topic-modal-body .topic-form .form-group{margin-bottom:25px;position:relative}.topic-modal .topic-modal-content .topic-modal-body .topic-form .form-group .form-label{align-items:center;display:flex;margin-bottom:8px}.topic-modal .topic-modal-content .topic-modal-body .topic-form .form-group .form-label .form-label-icon{color:#555;font-size:20px;margin-right:8px}.topic-modal .topic-modal-content .topic-modal-body .topic-form .form-group .form-label .label-text{color:#333;font-weight:500;margin:0}.topic-modal .topic-modal-content .topic-modal-body .topic-form .form-group .form-input{border:1px solid #ddd;border-radius:6px;font-size:16px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.topic-modal .topic-modal-content .topic-modal-body .topic-form .form-group .form-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.topic-modal .topic-modal-content .topic-modal-body .topic-form .form-group .form-input.error{border-color:#d32f2f}.topic-modal .topic-modal-content .topic-modal-body .topic-form .form-group .error-text{color:#d32f2f;font-size:12px;margin-top:4px;position:absolute}.topic-modal .topic-modal-content .topic-modal-body .topic-form .submit-button{background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px;transition:background-color .2s;width:100%}.topic-modal .topic-modal-content .topic-modal-body .topic-form .submit-button:hover{background-color:#1565c0}.topic-modal .topic-modal-content .topic-modal-body .topic-form .submit-button:disabled{background-color:#bdbdbd;cursor:not-allowed}@media(max-width:600px){.topic-modal{padding:10px}.topic-modal .topic-modal-content{border-radius:0;max-width:100%;width:100%}.topic-modal .topic-modal-content .topic-modal-header{border-radius:0;padding:16px 20px}.topic-modal .topic-modal-content .topic-modal-body{padding:20px}}.modern-create-teacher-container{align-items:center;background:var(--bg-light);display:flex;height:calc(100vh - 70px);justify-content:center;padding:24px}.modern-create-teacher-container .modern-form-wrapper{max-width:500px;width:100%}.modern-create-teacher-container .modern-form-wrapper .form-card{background:var(--surface);border-radius:16px;box-shadow:0 4px 20px var(--shadow-light);overflow:hidden}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form{padding:40px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group{margin-bottom:24px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .form-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .form-label .label-icon{color:var(--primary-violet);font-size:18px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper{background:var(--surface);border:2px solid var(--border-light);border-radius:12px;position:relative;transition:all .3s ease}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper:focus-within{background:var(--surface);border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper.error{background:#fef2f2;border-color:#ef4444}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper.error:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper .form-input{background:#0000;border:none;border-radius:10px;color:#374151;font-size:16px;outline:none;padding:16px 20px;width:100%}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper .form-input::placeholder{color:#9ca3af}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper.password-wrapper{align-items:center;display:flex}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper.password-wrapper .form-input{padding-right:50px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper.password-wrapper .password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;position:absolute;right:16px;transition:all .2s ease}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper.password-wrapper .password-toggle:hover{background:#3b82f61a;color:#3b82f6}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper.password-wrapper .password-toggle svg{font-size:20px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper{align-items:center;background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:16px 20px;transition:all .3s ease}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper:hover{background:#fff}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper .toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper .toggle-switch input{height:0;opacity:0;width:0}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper .toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper .toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper .toggle-switch .toggle-slider{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper .toggle-switch .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;transition:.3s;width:20px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper .toggle-label{color:#374151;font-size:14px;font-weight:500}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .error-text{color:#ef4444;font-size:12px;font-weight:500;margin-top:6px;position:absolute}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .error-message-general{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:24px;padding:12px 16px;text-align:center}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .submit-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:16px;transition:all .3s ease;width:100%}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .submit-button.enabled{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .submit-button.enabled:hover{box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .submit-button.enabled:active{transform:translateY(0)}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .submit-button.disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}@media(max-width:768px){.modern-create-teacher-container{padding:16px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form{padding:24px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group{margin-bottom:20px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .form-label{font-size:13px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .form-label .label-icon{font-size:16px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper .form-input{font-size:14px;padding:14px 16px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper.password-wrapper .form-input{padding-right:45px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper.password-wrapper .password-toggle{right:12px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .input-wrapper.password-wrapper .password-toggle svg{font-size:18px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper{padding:12px 16px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper .toggle-switch{height:20px;width:40px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper .toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper .toggle-switch .toggle-slider:before{height:16px;width:16px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .form-group .toggle-wrapper .toggle-label{font-size:13px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form .submit-button{font-size:14px;padding:14px}}@media(max-width:480px){.modern-create-teacher-container{padding:12px}.modern-create-teacher-container .modern-form-wrapper .form-card .modern-form{padding:20px}}.create-agent-container{background:var(--primary-background);min-height:100vh;overflow-y:auto;position:relative}.create-agent-container .create-agent-content{margin:2rem auto 0;max-width:90%;padding:2rem 2rem 120px}.create-agent-container .create-agent-content .agent-form .form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}@media(max-width:768px){.create-agent-container .create-agent-content .agent-form .form-row{gap:1rem;grid-template-columns:1fr}}.create-agent-container .create-agent-content .agent-form .form-field .field-label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.create-agent-container .create-agent-content .agent-form .form-field .field-input{background:#fff;border:1px solid #13005a26;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.create-agent-container .create-agent-content .agent-form .form-field .field-input:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #13005a1a;outline:none}.create-agent-container .create-agent-content .agent-form .form-field .field-input.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.create-agent-container .create-agent-content .agent-form .form-field .field-input::placeholder{color:var(--text-secondary)}.create-agent-container .create-agent-content .agent-form .form-field .field-error{color:#ef4444;display:block;font-size:.8rem;margin-top:.25rem}.create-agent-container .create-agent-content .agent-form .form-field-full .field-label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.create-agent-container .create-agent-content .agent-form .form-field-full .field-textarea{background:#fff;border:1px solid #13005a26;border-radius:8px;font-family:inherit;font-size:14px;min-height:120px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.create-agent-container .create-agent-content .agent-form .form-field-full .field-textarea:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #13005a1a;outline:none}.create-agent-container .create-agent-content .agent-form .form-field-full .field-textarea.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.create-agent-container .create-agent-content .agent-form .form-field-full .field-textarea::placeholder{color:var(--text-secondary)}.create-agent-container .create-agent-content .agent-form .form-field-full .field-error{color:var(--error-color);display:block;font-size:12px;margin-top:6px}.create-agent-container .create-agent-content .agent-form .prompts-section .prompt-sequence-container{margin-bottom:1rem;position:relative}.create-agent-container .create-agent-content .agent-form .prompts-section .prompt-sequence-container .prompt-sequence{position:relative;width:100%}.create-agent-container .create-agent-content .agent-form .prompts-section .prompt-sequence-container .prompt-sequence .sequence-textarea{background:var(--surface);border:1px solid var(--border-light);border-radius:8px;font-family:inherit;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;transition:all .2s ease;width:100%}.create-agent-container .create-agent-content .agent-form .prompts-section .prompt-sequence-container .prompt-sequence .sequence-textarea:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.create-agent-container .create-agent-content .agent-form .prompts-section .prompt-sequence-container .prompt-sequence .sequence-textarea::placeholder{color:#9ca3af}.create-agent-container .create-agent-content .agent-form .prompts-section .prompt-sequence-container .prompt-sequence .remove-sequence-btn{align-items:center;background:#fee2e2;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#dc2626;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:-.5rem;top:-.5rem;transition:all .2s ease;width:2rem}.create-agent-container .create-agent-content .agent-form .prompts-section .prompt-sequence-container .prompt-sequence .remove-sequence-btn:hover{background:#fecaca;transform:scale(1.1)}.create-agent-container .create-agent-content .agent-form .prompts-section .prompt-sequence-container .prompt-sequence .remove-sequence-btn svg{font-size:1rem}.create-agent-container .create-agent-content .agent-form .prompts-section .prompt-sequence-container .add-sequence-btn-inline{align-items:center;background:var(--primary-violet);border:none;border-radius:50%;box-shadow:0 4px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;height:3rem;justify-content:center;position:absolute;right:-4rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:3rem}.create-agent-container .create-agent-content .agent-form .prompts-section .prompt-sequence-container .add-sequence-btn-inline:hover{background:var(--primary-hover);box-shadow:0 6px 12px #8b5cf666;transform:translateY(-50%) translateY(-2px)}.create-agent-container .create-agent-content .agent-form .prompts-section .prompt-sequence-container .add-sequence-btn-inline svg{font-size:1.25rem}.create-agent-container .create-agent-content .agent-form .general-error{background:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;color:#dc2626;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.create-agent-container .create-agent-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;position:fixed;right:2rem;top:6.5rem;transition:all .2s ease;z-index:100}.create-agent-container .create-agent-btn.enabled{background:var(--primary-violet);box-shadow:0 4px 12px #13005a33;color:#fff}.create-agent-container .create-agent-btn.enabled:hover{background:var(--primary-violet-hover);box-shadow:0 6px 16px #13005a4d}.create-agent-container .create-agent-btn.disabled{background:#f3f4f6;box-shadow:none;color:var(--text-secondary);cursor:not-allowed}@media(max-width:768px){.create-agent-container .create-agent-content{padding:1rem}.create-agent-container .create-agent-content .agent-form .form-row{gap:1rem;grid-template-columns:1fr}.create-agent-container .create-agent-content .agent-form .form-field .field-input{font-size:.85rem;padding:.65rem}.create-agent-container .create-agent-content .agent-form .form-field-full .field-textarea{font-size:.9rem;padding:.75rem}.create-agent-container .create-agent-content .agent-form .form-field-full .prompts-section .prompt-sequence-container .prompt-sequence .sequence-textarea{font-size:.9rem;min-height:100px;padding:.75rem}.create-agent-container .create-agent-content .agent-form .form-field-full .prompts-section .prompt-sequence-container .add-sequence-btn-inline{align-self:center;display:block;height:2.5rem;margin-left:auto;margin-right:auto;margin-top:.5rem;position:static;transform:none;width:2.5rem}.create-agent-container .create-agent-content .agent-form .form-field-full .prompts-section .prompt-sequence-container .add-sequence-btn-inline:hover{transform:translateY(-2px)}.create-agent-container .create-agent-btn{font-size:.85rem;padding:.65rem 1.25rem;right:1rem;top:4rem}}@media(max-width:480px){.create-agent-container .create-agent-content{padding:.75rem}.create-agent-container .create-agent-btn{font-size:.8rem;padding:.6rem 1rem;right:.75rem;top:3.5rem}}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-header .page-actions{display:flex;gap:12px}.page-header .page-actions .example-bot-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.page-header .page-actions .example-bot-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.page-header .page-actions .add-page-btn{align-items:center;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.page-header .page-actions .add-page-btn:hover{background:linear-gradient(135deg,#7c3aed,var(--primary-violet));transform:translateY(-1px)}.page-tabs{border-bottom:2px solid var(--border-light);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.page-tabs .page-tab-container{align-items:center;display:flex;gap:4px}.page-tabs .page-tab-container .page-tab{background:#0000;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease}.page-tabs .page-tab-container .page-tab.active,.page-tabs .page-tab-container .page-tab:hover{background:#8b5cf60d;color:var(--primary-violet)}.page-tabs .page-tab-container .page-tab.active{border-bottom-color:var(--primary-violet)}.page-tabs .page-tab-container .remove-page-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.page-tabs .page-tab-container .remove-page-btn:hover{background:#dc2626;transform:scale(1.1)}.page-tabs .page-tab-container .remove-page-btn svg{height:14px;width:14px}.page-content{padding:24px 0}.page-content .page-title-editor{margin-bottom:24px}.page-content .page-title-editor .page-title-input{border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:18px;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.page-content .page-title-editor .page-title-input:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.page-content .pyramid-structure h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 20px}.page-content .pyramid-layer{border:2px solid #0000;border-radius:12px;margin-bottom:24px;padding:20px;transition:all .3s ease}.page-content .pyramid-layer.foundation-layer{background:#8b5cf60d;border-color:var(--primary-violet)}.page-content .pyramid-layer.competency-layer{background:#a78bfa0d;border-color:var(--secondary-violet)}.page-content .pyramid-layer.impact-layer{background:#c4b5fd0d;border-color:var(--accent-violet)}.page-content .pyramid-layer .layer-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.page-content .pyramid-layer .layer-header .layer-title-input{border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-size:16px;font-weight:600;padding:8px 12px;transition:all .2s ease}.page-content .pyramid-layer .layer-header .layer-title-input:focus{border-color:var(--primary-violet);box-shadow:0 0 0 2px #8b5cf61a;outline:none}.page-content .pyramid-layer .layer-header .layer-subtitle-input{border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);font-size:13px;font-style:italic;padding:6px 12px;transition:all .2s ease}.page-content .pyramid-layer .layer-header .layer-subtitle-input:focus{border-color:var(--primary-violet);box-shadow:0 0 0 2px #8b5cf61a;outline:none}.page-content .pyramid-layer .pyramid-textarea{border:1px solid var(--border-light);border-radius:8px;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.page-content .pyramid-layer .pyramid-textarea:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.page-content .pyramid-layer .pyramid-textarea::placeholder{color:#9ca3af;font-style:italic}.page-content .variables-info{background:#f8fafc;border:1px solid var(--border-light);border-radius:8px;margin-top:24px;padding:16px}.page-content .variables-info h5{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.page-content .variables-info .variables-list{display:flex;flex-wrap:wrap;gap:12px}.page-content .variables-info .variables-list .variable{background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 1px 3px #0000001a;color:var(--primary-violet);font-family:Monaco,Menlo,monospace;font-size:12px;padding:6px 12px}.page-content .no-pages-message{background:#f8fafc;border:2px dashed var(--border-light);border-radius:12px;margin:20px 0;padding:40px 20px;text-align:center}.page-content .no-pages-message h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 12px}.page-content .no-pages-message p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.page-content .page1-schema-structure{margin-top:24px}.page-content .page1-schema-structure h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 20px}.page-content .page1-schema-structure .schema-description{background:#8b5cf60d;border-left:4px solid var(--primary-violet);border-radius:8px;margin-bottom:24px;padding:16px}.page-content .page1-schema-structure .schema-description p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.page-content .page1-schema-structure .schema-sections{display:flex;flex-direction:column;gap:20px}.page-content .page1-schema-structure .schema-section{background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px}.page-content .page1-schema-structure .schema-section h5{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.page-content .page1-schema-structure .schema-section p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.page-content .page1-schema-structure .schema-section ul{margin:0;padding-left:20px}.page-content .page1-schema-structure .schema-section ul li{color:var(--text-primary);font-size:14px;line-height:1.4;margin:6px 0}.page-content .page1-schema-structure .schema-section ul li strong{color:var(--primary-violet)}.page-content .page1-schema-structure .schema-section .progression-layers{display:flex;flex-direction:column;gap:16px;margin-top:12px}.page-content .page1-schema-structure .schema-section .progression-layers .layer-info{align-items:flex-start;background:#8b5cf605;border:1px solid #8b5cf61a;border-radius:8px;display:flex;gap:12px;padding:16px}.page-content .page1-schema-structure .schema-section .progression-layers .layer-info .layer-dot{border-radius:50%;flex-shrink:0;height:12px;margin-top:4px;width:12px}.page-content .page1-schema-structure .schema-section .progression-layers .layer-info.impact .layer-dot{background:var(--accent-violet)}.page-content .page1-schema-structure .schema-section .progression-layers .layer-info.competency .layer-dot{background:var(--secondary-violet)}.page-content .page1-schema-structure .schema-section .progression-layers .layer-info.foundation .layer-dot{background:var(--primary-violet)}.page-content .page1-schema-structure .schema-section .progression-layers .layer-info div{flex:1 1}.page-content .page1-schema-structure .schema-section .progression-layers .layer-info div strong{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:4px}.page-content .page1-schema-structure .schema-section .progression-layers .layer-info div p{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 6px}.page-content .page1-schema-structure .schema-section .progression-layers .layer-info div small{background:#8b5cf61a;border-radius:4px;color:var(--primary-violet);font-family:Monaco,Menlo,monospace;font-size:12px;padding:2px 6px}.page-content .page1-schema-structure .schema-note{background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:8px;margin-top:24px;padding:16px}.page-content .page1-schema-structure .schema-note h5{color:var(--primary-violet);font-size:14px;font-weight:600;margin:0 0 8px}.page-content .page1-schema-structure .schema-note p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.page-content .static-page-preview{background:linear-gradient(135deg,#f8fafc,#fff)!important;border:3px solid #8b5cf6!important;border-radius:16px!important;box-shadow:0 8px 32px #8b5cf626!important;margin:20px 0!important;overflow:hidden;padding:32px!important;position:relative}.page-content .static-page-preview:before{background:linear-gradient(90deg,var(--primary-violet),var(--secondary-violet));content:"";height:4px;left:0;position:absolute;right:0;top:0}.page-content .static-page-preview .preview-header{border-bottom:3px solid var(--primary-violet);margin-bottom:32px;padding-bottom:20px;position:relative;text-align:center}.page-content .static-page-preview .preview-header:after{background:var(--secondary-violet);bottom:-3px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.page-content .static-page-preview .preview-header h4{color:#8b5cf6!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0000001a}.page-content .static-page-preview .preview-sections{grid-gap:24px;display:grid;gap:24px}.page-content .static-page-preview .preview-section{background:#8b5cf60d!important;border:2px solid #8b5cf633!important;border-radius:12px!important;box-shadow:0 4px 12px #8b5cf61a!important;margin-bottom:16px!important;padding:20px!important;transition:all .3s ease}.page-content .static-page-preview .preview-section:hover{border-color:#8b5cf640;box-shadow:0 8px 24px #8b5cf61f;transform:translateY(-2px)}.page-content .static-page-preview .preview-section h5{align-items:center;color:var(--primary-violet);display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 16px}.page-content .static-page-preview .preview-section h5:before{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border-radius:2px;content:"";height:20px;width:4px}.page-content .static-page-preview .preview-section .preview-items{grid-gap:12px;display:grid;gap:12px}.page-content .static-page-preview .preview-section .preview-item{align-items:center;background:#fff;border:2px solid #8b5cf61a;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.page-content .static-page-preview .preview-section .preview-item:hover{border-color:#8b5cf633;box-shadow:0 4px 12px #00000014}.page-content .static-page-preview .preview-section .preview-item .item-label{color:var(--text-primary);font-size:15px;font-weight:600;position:relative}.page-content .static-page-preview .preview-section .preview-item .item-label:after{color:var(--primary-violet);content:":";margin-left:2px}.page-content .static-page-preview .preview-section .preview-item .item-value{background:#8b5cf61a;border-radius:6px;color:var(--primary-violet);font-size:14px;font-style:italic;font-weight:500;padding:4px 8px}.page-content .static-page-preview .preview-section .pyramid-preview{grid-gap:16px;display:grid;gap:16px}.page-content .static-page-preview .preview-section .pyramid-layer-preview{align-items:center;background:#fff;border:2px solid #8b5cf61a;border-radius:12px;box-shadow:0 4px 12px #0000000f;display:flex;gap:16px;padding:16px;position:relative;transition:all .3s ease}.page-content .static-page-preview .preview-section .pyramid-layer-preview:hover{box-shadow:0 6px 20px #0000001a;transform:translateX(4px)}.page-content .static-page-preview .preview-section .pyramid-layer-preview .layer-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;flex-shrink:0;height:16px;width:16px}.page-content .static-page-preview .preview-section .pyramid-layer-preview .layer-content{flex:1 1}.page-content .static-page-preview .preview-section .pyramid-layer-preview .layer-content strong{color:var(--text-primary);display:block;font-size:16px;font-weight:700;margin-bottom:6px}.page-content .static-page-preview .preview-section .pyramid-layer-preview .layer-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.page-content .static-page-preview .preview-section .pyramid-layer-preview.impact .layer-dot{background:linear-gradient(135deg,var(--accent-violet),#c4b5fd)}.page-content .static-page-preview .preview-section .pyramid-layer-preview.impact:before{background:linear-gradient(135deg,var(--accent-violet),#c4b5fd);border-radius:0 12px 12px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.page-content .static-page-preview .preview-section .pyramid-layer-preview.competency .layer-dot{background:linear-gradient(135deg,var(--secondary-violet),#a78bfa)}.page-content .static-page-preview .preview-section .pyramid-layer-preview.competency:before{background:linear-gradient(135deg,var(--secondary-violet),#a78bfa);border-radius:0 12px 12px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.page-content .static-page-preview .preview-section .pyramid-layer-preview.foundation .layer-dot{background:linear-gradient(135deg,var(--primary-violet),#8b5cf6)}.page-content .static-page-preview .preview-section .pyramid-layer-preview.foundation:before{background:linear-gradient(135deg,var(--primary-violet),#8b5cf6);border-radius:0 12px 12px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.page-content .static-page-preview .preview-note{background:linear-gradient(135deg,#8b5cf614,#8b5cf608);border:2px solid #8b5cf633;border-radius:12px;margin-top:24px;padding:20px;position:relative}.page-content .static-page-preview .preview-note:before{background:#fff;content:"💡";font-size:16px;left:20px;padding:0 8px;position:absolute;top:-10px}.page-content .static-page-preview .preview-note h5{color:var(--primary-violet);font-size:16px;font-weight:700;margin:0 0 12px}.page-content .static-page-preview .preview-note p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.page-content .page-preview-description{margin-bottom:16px}.page-content .page-preview-description p{color:var(--text-secondary);font-size:14px;font-style:italic;margin:0}@media(max-width:768px){.page-content .static-page-preview{border-radius:12px;padding:20px}.page-content .static-page-preview .preview-header{margin-bottom:24px;padding-bottom:16px}.page-content .static-page-preview .preview-header h4{font-size:20px}.page-content .static-page-preview .preview-sections{gap:20px}.page-content .static-page-preview .preview-section{padding:16px}.page-content .static-page-preview .preview-section h5{font-size:16px;margin-bottom:12px}.page-content .static-page-preview .preview-section .preview-item{align-items:flex-start;flex-direction:column;gap:6px;padding:10px 12px}.page-content .static-page-preview .preview-section .preview-item .item-label{font-size:14px;font-weight:600}.page-content .static-page-preview .preview-section .preview-item .item-value{align-self:flex-end;font-size:13px}.page-content .static-page-preview .preview-section .pyramid-layer-preview{gap:12px;padding:12px}.page-content .static-page-preview .preview-section .pyramid-layer-preview .layer-dot{height:14px;width:14px}.page-content .static-page-preview .preview-section .pyramid-layer-preview .layer-content strong{font-size:15px}.page-content .static-page-preview .preview-section .pyramid-layer-preview .layer-content p{font-size:13px}.page-content .static-page-preview .preview-note{margin-top:20px;padding:16px}.page-content .static-page-preview .preview-note h5{font-size:15px}.page-content .page-preview-description p,.page-content .static-page-preview .preview-note p{font-size:13px}}@media(max-width:480px){.page-content .static-page-preview{border-radius:10px;padding:16px}.page-content .static-page-preview .preview-header{margin-bottom:20px}.page-content .static-page-preview .preview-header h4{font-size:18px}.page-content .static-page-preview .preview-sections{gap:16px}.page-content .static-page-preview .preview-section{padding:12px}.page-content .static-page-preview .preview-section h5{font-size:14px}.page-content .static-page-preview .preview-section h5:before{height:16px;width:3px}.page-content .static-page-preview .preview-section .preview-item{padding:8px 10px}.page-content .static-page-preview .preview-section .preview-item .item-label{font-size:13px}.page-content .static-page-preview .preview-section .preview-item .item-value{font-size:12px;padding:3px 6px}.page-content .static-page-preview .preview-section .pyramid-layer-preview{gap:10px;padding:10px}.page-content .static-page-preview .preview-section .pyramid-layer-preview .layer-dot{height:12px;width:12px}.page-content .static-page-preview .preview-section .pyramid-layer-preview .layer-content strong{font-size:14px}.page-content .static-page-preview .preview-section .pyramid-layer-preview .layer-content p{font-size:12px}.page-content .static-page-preview .preview-section .pyramid-layer-preview:before{width:3px}.page-content .static-page-preview .preview-note{margin-top:16px;padding:12px}.page-content .static-page-preview .preview-note h5,.page-content .static-page-preview .preview-note:before{font-size:14px}.page-content .static-page-preview .preview-note p{font-size:12px}}.page-content .legacy-notice{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:6px;color:#d97706;font-size:14px;font-style:italic;margin:0 0 16px;padding:12px 16px}.page-content .disabled-tab-message{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px}.page-content .disabled-tab-message .message-content{max-width:400px;text-align:center}.page-content .disabled-tab-message .message-content .message-icon{color:var(--primary-violet);font-size:48px;margin-bottom:16px;opacity:.7}.page-content .disabled-tab-message .message-content h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.page-content .disabled-tab-message .message-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 24px}.page-content .disabled-tab-message .message-content .switch-tab-btn{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.page-content .disabled-tab-message .message-content .switch-tab-btn:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-violet));box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.static-page-preview{background:linear-gradient(135deg,#f8fafc,#fff)!important;border:2px solid var(--primary-violet)!important;border-radius:12px!important;box-shadow:0 4px 16px #13005a1a!important;margin:20px 0!important;overflow:hidden;padding:24px!important;position:relative}.static-page-preview:before{background:linear-gradient(90deg,var(--primary-violet),var(--secondary-violet));content:"";height:3px;left:0;position:absolute;right:0;top:0}.static-page-preview .preview-header{border-bottom:2px solid var(--primary-violet);margin-bottom:32px;padding-bottom:20px;position:relative;text-align:center}.static-page-preview .preview-header:after{background:var(--secondary-violet);bottom:-3px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.static-page-preview .preview-header h4{color:var(--primary-violet)!important;font-size:20px!important;font-weight:700!important;letter-spacing:-.3px;margin:0;text-shadow:0 1px 2px #0000001a}.static-page-preview .preview-sections{grid-gap:24px;display:grid;gap:24px}.static-page-preview .preview-section{background:#13005a08!important;border:1px solid #13005a1a!important;border-radius:12px!important;box-shadow:0 2px 8px #13005a0d!important;margin-bottom:16px!important;padding:20px!important}.static-page-preview .preview-section h5{align-items:center;color:var(--primary-violet)!important;display:flex;font-size:16px!important;font-weight:600!important;gap:8px;margin:0 0 16px}.static-page-preview .preview-section h5:before{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border-radius:2px;content:"";height:20px;width:4px}.static-page-preview .preview-section .preview-items{grid-gap:12px;display:grid;gap:12px}.static-page-preview .preview-section .preview-item{align-items:center;background:#fff!important;border:2px solid #8b5cf61a!important;border-radius:10px!important;box-shadow:0 2px 8px #0000000a!important;display:flex;justify-content:space-between;padding:12px 16px!important;transition:all .2s ease}.static-page-preview .preview-section .preview-item:hover{border-color:#8b5cf633;box-shadow:0 4px 12px #00000014}.static-page-preview .preview-section .preview-item .item-label{color:#374151!important;font-size:15px!important;font-weight:600!important;position:relative}.static-page-preview .preview-section .preview-item .item-label:after{color:#8b5cf6;content:":";margin-left:2px}.static-page-preview .preview-section .preview-item .item-value{background:#8b5cf61a!important;border-radius:6px!important;color:#8b5cf6!important;font-size:14px!important;font-style:italic;font-weight:500!important;padding:4px 8px!important}.static-page-preview .preview-section .pyramid-preview{grid-gap:16px;display:grid;gap:16px}.static-page-preview .preview-section .pyramid-layer-preview{align-items:center;background:#fff!important;border:2px solid #8b5cf61a!important;border-radius:12px!important;box-shadow:0 4px 12px #0000000f!important;display:flex;gap:16px;padding:16px!important;position:relative;transition:all .3s ease}.static-page-preview .preview-section .pyramid-layer-preview:hover{box-shadow:0 6px 20px #0000001a;transform:translateX(4px)}.static-page-preview .preview-section .pyramid-layer-preview .layer-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;flex-shrink:0;height:16px!important;width:16px!important}.static-page-preview .preview-section .pyramid-layer-preview .layer-content{flex:1 1}.static-page-preview .preview-section .pyramid-layer-preview .layer-content strong{color:#374151!important;display:block;font-size:16px!important;font-weight:700!important;margin-bottom:6px}.static-page-preview .preview-section .pyramid-layer-preview .layer-content p{color:#6b7280!important;font-size:14px!important;line-height:1.5;margin:0}.static-page-preview .preview-section .pyramid-layer-preview.impact .layer-dot{background:linear-gradient(135deg,var(--accent-violet),#c4b5fd)!important}.static-page-preview .preview-section .pyramid-layer-preview.impact:before{background:linear-gradient(135deg,var(--accent-violet),#c4b5fd);border-radius:0 12px 12px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.static-page-preview .preview-section .pyramid-layer-preview.competency .layer-dot{background:linear-gradient(135deg,var(--secondary-violet),#a78bfa)!important}.static-page-preview .preview-section .pyramid-layer-preview.competency:before{background:linear-gradient(135deg,var(--secondary-violet),#a78bfa);border-radius:0 12px 12px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.static-page-preview .preview-section .pyramid-layer-preview.foundation .layer-dot{background:linear-gradient(135deg,var(--primary-violet),#8b5cf6)!important}.static-page-preview .preview-section .pyramid-layer-preview.foundation:before{background:linear-gradient(135deg,var(--primary-violet),#8b5cf6);border-radius:0 12px 12px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.static-page-preview .preview-note{background:linear-gradient(135deg,#8b5cf614,#8b5cf608)!important;border:2px solid #8b5cf633!important;border-radius:12px!important;margin-top:24px;padding:20px!important;position:relative}.static-page-preview .preview-note:before{background:#fff;content:"💡";font-size:16px;left:20px;padding:0 8px;position:absolute;top:-10px}.static-page-preview .preview-note h5{color:#8b5cf6!important;font-size:16px!important;font-weight:700!important;margin:0 0 12px}.static-page-preview .preview-note p{color:#6b7280!important;font-size:14px!important;line-height:1.6;margin:0}.page-prompt-editor{background:#fff;border:1px solid #13005a1a;border-radius:12px;box-shadow:0 2px 8px #13005a0d;margin-bottom:18px;overflow:hidden;transition:all .2s ease}.page-prompt-editor:hover{border-color:#13005a26;box-shadow:0 4px 12px #13005a14}.page-prompt-editor.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:40px}.page-prompt-editor.loading .loading-spinner{animation:spin 1.2s linear infinite;border:4px solid #13005a1a;border-radius:50%;border-right:4px solid var(--secondary-violet);border-top:4px solid var(--primary-violet);height:40px;margin-bottom:20px;width:40px}.page-prompt-editor.loading p{color:var(--text-secondary);font-size:14px;margin:0}.page-prompt-editor .editor-header{align-items:center;background:#13005a05;border-bottom:1px solid #13005a14;display:flex;justify-content:space-between;padding:20px 24px}.page-prompt-editor .editor-header .header-left{flex:1 1}.page-prompt-editor .editor-header .header-left .editor-title{align-items:center;color:var(--primary-violet);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.page-prompt-editor .editor-header .header-left .editor-title .title-icon{color:var(--primary-violet);font-size:20px}.page-prompt-editor .editor-header .header-actions .toggle-btn{align-items:center;background:var(--primary-violet);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.page-prompt-editor .editor-header .header-actions .toggle-btn:hover{background:var(--primary-violet-hover)}.page-prompt-editor .editor-header .header-actions .toggle-btn svg{font-size:18px}.page-prompt-editor .editor-content{padding:24px}.page-prompt-editor .editor-content .prompts-container{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.page-prompt-editor .editor-content .prompts-container .prompt-field.disabled{opacity:.7}.page-prompt-editor .editor-content .prompts-container .prompt-field.disabled .prompt-label .label-text{color:var(--text-secondary)}.page-prompt-editor .editor-content .prompts-container .prompt-field.disabled .prompt-label .variable-hint{background:#f1f3f4;color:var(--text-secondary)}.page-prompt-editor .editor-content .prompts-container .prompt-field .prompt-label{display:block;margin-bottom:8px}.page-prompt-editor .editor-content .prompts-container .prompt-field .prompt-label .label-text{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:4px}.page-prompt-editor .editor-content .prompts-container .prompt-field .prompt-label .variable-hint{background:#13005a14;border-radius:12px;color:var(--primary-violet);display:inline-block;font-size:12px;font-style:italic;padding:4px 8px}.page-prompt-editor .editor-content .prompts-container .prompt-field .prompt-textarea{background:#fff;border:1px solid #13005a26;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.page-prompt-editor .editor-content .prompts-container .prompt-field .prompt-textarea:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #13005a1a;outline:none}.page-prompt-editor .editor-content .prompts-container .prompt-field .prompt-textarea::placeholder{color:var(--text-secondary);font-style:italic}.page-prompt-editor .editor-content .prompts-container .prompt-field .prompt-textarea.disabled{background:#f8f9fa;border-color:#e9ecef;color:var(--text-secondary);cursor:not-allowed;font-style:italic}.page-prompt-editor .editor-content .prompts-container .prompt-field .prompt-textarea.disabled:focus{border-color:#e9ecef;box-shadow:none}.page-prompt-editor .editor-content .prompts-container .prompt-field-group{background:#13005a05;border:1px solid #13005a1a;border-radius:8px;padding:20px}.page-prompt-editor .editor-content .prompts-container .prompt-field-group .field-group-title{align-items:center;color:var(--primary-violet);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.page-prompt-editor .editor-content .prompts-container .prompt-field-group .field-group-title:before{background:var(--primary-violet);border-radius:2px;content:"";height:16px;width:4px}.page-prompt-editor .editor-content .prompts-container .prompt-field-group .prompt-field{margin-bottom:16px}.page-prompt-editor .editor-content .prompts-container .prompt-field-group .prompt-field:last-child{margin-bottom:0}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-header .field-group-title{align-items:center;color:var(--primary-violet);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-header .field-group-title:before{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border-radius:2px;content:"";height:16px;width:4px}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-header .add-item-btn{background:var(--secondary-violet);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-header .add-item-btn:hover{background:var(--primary-violet)}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-item{align-items:flex-start;background:#13005a05;border:1px solid #13005a1a;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-item:last-child{margin-bottom:0}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-item .prompt-field{flex:1 1;margin-bottom:0}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-item .remove-item-btn{background:var(--error-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-top:24px;padding:8px 12px;transition:all .2s ease}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-item .remove-item-btn:hover{background:var(--error-light)}.page-prompt-editor .editor-content .editor-actions{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:24px}.page-prompt-editor .editor-content .editor-actions .actions-left .info-note{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.page-prompt-editor .editor-content .editor-actions .actions-left .info-note .info-icon{color:var(--primary-violet);font-size:16px}.page-prompt-editor .editor-content .editor-actions .actions-right{display:flex;gap:12px}.page-prompt-editor .editor-content .editor-actions .actions-right .reset-btn{align-items:center;background:#f3f4f6;border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.page-prompt-editor .editor-content .editor-actions .actions-right .reset-btn:hover{background:#e5e7eb;color:var(--text-primary);transform:translateY(-1px)}.page-prompt-editor .editor-content .editor-actions .actions-right .reset-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.page-prompt-editor .editor-content .editor-actions .actions-right .reset-btn svg{font-size:16px}.page-prompt-editor .editor-content .editor-actions .actions-right .save-btn{align-items:center;background:#f3f4f6;border:1px solid #13005a1a;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.page-prompt-editor .editor-content .editor-actions .actions-right .save-btn.has-changes{background:var(--primary-violet);border-color:var(--primary-violet);color:#fff}.page-prompt-editor .editor-content .editor-actions .actions-right .save-btn:hover:not(:disabled).has-changes{background:var(--primary-violet-hover)}.page-prompt-editor .editor-content .editor-actions .actions-right .save-btn:disabled{cursor:not-allowed;opacity:.5}.page-prompt-editor .editor-content .editor-actions .actions-right .save-btn svg{font-size:16px}@media(max-width:768px){.page-prompt-editor .editor-header{align-items:flex-start;flex-direction:column;gap:16px}.page-prompt-editor .editor-header .header-actions{align-self:stretch}.page-prompt-editor .editor-header .header-actions .toggle-btn{justify-content:center;width:100%}.page-prompt-editor .editor-content{padding:16px}.page-prompt-editor .editor-content .prompts-container{gap:20px}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-item{flex-direction:column;gap:8px}.page-prompt-editor .editor-content .prompts-container .prompt-field-array .array-item .remove-item-btn{align-self:flex-end;margin-top:0}.page-prompt-editor .editor-content .editor-actions{align-items:stretch;flex-direction:column;gap:16px}.page-prompt-editor .editor-content .editor-actions .actions-left{order:2;text-align:center}.page-prompt-editor .editor-content .editor-actions .actions-right{justify-content:center;order:1}.page-prompt-editor .editor-content .editor-actions .actions-right .reset-btn,.page-prompt-editor .editor-content .editor-actions .actions-right .save-btn{flex:1 1;justify-content:center}}@media(max-width:480px){.page-prompt-editor .editor-content{padding:12px}.page-prompt-editor .editor-content .prompts-container{gap:16px}.page-prompt-editor .editor-content .prompts-container .prompt-field-group{padding:16px}.page-prompt-editor .editor-content .prompts-container .prompt-field .prompt-textarea{font-size:13px;padding:10px 12px}.page-prompt-editor .editor-content .editor-actions .actions-right{flex-direction:column;gap:8px}}.profile-container{background:#fafafa;display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:100vh;overflow-y:auto;padding:var(--spacing-2xl)}.profile-header{margin-bottom:var(--spacing-xl);text-align:center}.profile-header .profile-title{color:var(--header-text);font-size:var(--font-3xl);font-weight:var(--font-bold);letter-spacing:.2px;margin:0 0 var(--spacing-sm) 0}.profile-header .profile-subtitle{color:var(--secondary-text);font-size:var(--font-lg);font-weight:var(--font-medium);margin:0}.profile-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:50vh}.profile-loading .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--gray-200);border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-blue);height:48px;width:48px}.profile-loading p{color:var(--secondary-text);font-size:var(--font-lg);margin:0}.profile-content{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 130px);width:100%}.profile-card{background:#f4f4f5;border:1px solid #e4e4e7;border-radius:16px;box-shadow:0 8px 32px #0000000a;height:-webkit-fit-content;height:fit-content;max-width:500px;overflow-y:auto;padding:32px;transition:all .3s ease;width:100%}.profile-card:hover{border-color:var(--border-medium);box-shadow:0 12px 40px var(--shadow-medium);transform:translateY(-2px)}.profile-avatar-section{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}.profile-avatar-section .profile-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 20px #8b5cf626;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.profile-avatar-section .profile-avatar .avatar-text{color:#fff;font-size:28px;font-weight:700;text-transform:uppercase}.profile-avatar-section .profile-basic-info{flex:1 1}.profile-avatar-section .profile-basic-info .profile-name{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px}.profile-avatar-section .profile-basic-info .profile-role-badge{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;color:#8b5cf6;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:capitalize}.profile-details-section{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.profile-detail-item{align-items:flex-start;background:#fff;border:1px solid var(--border-light);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.profile-detail-item:hover{background:var(--surface);border-color:var(--border-medium);box-shadow:0 4px 12px var(--shadow-light);transform:translateY(-1px)}.profile-detail-item .detail-icon{align-items:center;background:linear-gradient(135deg,#a78bfa,#c4b5fd);border-radius:12px;box-shadow:0 2px 8px #8b5cf633;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.profile-detail-item .detail-icon .detail-svg,.profile-detail-item .detail-icon svg{fill:#fff!important;color:#fff!important;display:block;height:20px!important;width:20px!important}.profile-detail-item .detail-content{flex:1 1;min-width:0}.profile-detail-item .detail-content .detail-label{color:var(--text-secondary);display:block;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.profile-detail-item .detail-content .detail-value{color:var(--text-primary);display:block;font-size:16px;font-weight:500;line-height:1.5;transition:color .3s ease;word-break:break-word}.profile-detail-item .detail-content .detail-value.role-value{color:var(--primary-violet);font-weight:600;text-transform:capitalize}.success-message{align-items:center;animation:slideInDown .3s ease-out;background:#22c55e1a;border:1px solid var(--success);border-radius:12px;color:var(--success);display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 20px}.success-message svg{flex-shrink:0;height:18px;width:18px}.error-message{align-items:center;border-radius:var(--radius-xl);color:#dc2626;display:flex;font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--spacing-sm);position:absolute}.error-message svg{flex-shrink:0;height:18px;width:18px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-wrapper{width:100%}.input-wrapper .detail-input{background:#fff;border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.input-wrapper .detail-input:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;transform:translateY(-1px)}.input-wrapper .detail-input.error{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.input-wrapper .detail-input::placeholder{color:var(--text-muted);font-weight:400}.input-wrapper::placeholder{color:#6c757d}.profile-actions{border-top:1px solid var(--border-light);padding-top:var(--spacing-xl)}.profile-actions .edit-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;width:100%}.profile-actions .profile-action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.profile-cancel-btn,.profile-edit-btn,.profile-password-btn,.profile-save-btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;display:flex;font-size:var(--font-base);font-weight:var(--font-semibold);gap:var(--spacing-sm);justify-content:center;min-width:140px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-normal)}.profile-cancel-btn svg,.profile-edit-btn svg,.profile-password-btn svg,.profile-save-btn svg{display:block;flex-shrink:0;height:18px!important;width:18px!important}.profile-cancel-btn:disabled,.profile-edit-btn:disabled,.profile-password-btn:disabled,.profile-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.profile-edit-btn{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.profile-edit-btn:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.profile-edit-btn:active:not(:disabled){box-shadow:0 2px 8px #8b5cf626;transform:translateY(-1px)}.profile-save-btn{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.profile-save-btn:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.profile-save-btn:active:not(:disabled){box-shadow:0 2px 8px #8b5cf626;transform:translateY(-1px)}.profile-cancel-btn{background:#ef4444;border-color:#ef4444;color:#fff}.profile-cancel-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.profile-cancel-btn:active:not(:disabled){box-shadow:0 2px 8px #ef444433;transform:translateY(-1px)}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--secondary-background);height:18px;width:18px}.profile-password-btn{background:#a78bfa;border-color:#a78bfa;color:#fff}.profile-password-btn:hover:not(:disabled){background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 4px 12px #a78bfa4d;transform:translateY(-2px)}.profile-password-btn:active:not(:disabled){box-shadow:0 2px 8px #a78bfa33;transform:translateY(-1px)}@media(max-width:768px){.profile-container{padding:10px}.profile-card{padding:20px}.profile-avatar-section{flex-direction:column;gap:15px;text-align:center}.profile-basic-info{align-items:center}.edit-actions{flex-direction:column;gap:var(--spacing-sm)}.profile-cancel-btn,.profile-edit-btn,.profile-save-btn{min-width:auto;width:100%}.profile-action-buttons{flex-direction:column;width:100%}.profile-edit-btn,.profile-password-btn{justify-content:center;width:100%}}.password-change-section{background:#fff;border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;gap:16px;height:40vh;overflow-y:auto;padding:24px}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:20px}.section-header{display:flex;flex-direction:column;gap:4px}.section-subtitle{color:var(--secondary-text);font-size:var(--font-sm);margin:0 0 8px}.password-form{display:flex;flex-direction:column;gap:16px}.password-form .error-text{color:#d32f2f;font-size:12px;margin-top:4px}.pwd-strength{display:flex;gap:6px;margin-top:8px}.pwd-strength .bar{background:var(--gray-200);border-radius:4px;height:6px}.pwd-strength .bar.on:first-child,.pwd-strength .bar.on:nth-child(2){background:var(--warning-color)}.pwd-strength .bar.on:nth-child(3),.pwd-strength .bar.on:nth-child(4){background:var(--info-color)}.pwd-strength .bar.on:nth-child(5){background:var(--success-color)}.pwd-checklist{color:var(--secondary-text);display:flex;flex-direction:column;font-size:var(--font-sm);gap:4px;margin:6px 0 0;padding-left:18px}.pwd-checklist li.ok{color:var(--success-color)}.pwd-match{color:var(--secondary-text);font-size:var(--font-sm);margin-top:6px}.pwd-match.ok{color:var(--success-color)}.pwd-match.err{color:var(--error-color)}.password-input-group{display:flex;flex-direction:column;gap:8px}.password-label{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.25px;margin-bottom:6px}.password-input{background:#fff;border:2px solid var(--border-light);border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.password-input:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.password-input.error{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.password-input::placeholder{color:var(--text-muted)}.input-affix{align-items:center;display:flex;position:relative}.input-affix .left-icon{color:var(--text-secondary);display:block;height:20px!important;left:12px;pointer-events:none;position:absolute;width:20px!important}.input-affix .password-input{padding-left:40px;width:100%}.toggle-visibility{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:4px;position:absolute;right:8px;transition:color .3s ease}.toggle-visibility svg{display:block;height:20px!important;width:20px!important}.toggle-visibility:hover{color:#8b5cf6}.edit-actions.right{justify-content:flex-end}@media(max-width:768px){.password-form{gap:12px}}@media(max-width:480px){.password-change-section{margin-top:20px;padding:20px}.password-form{gap:15px}.profile-header .profile-title{font-size:var(--font-2xl)}.profile-header .profile-subtitle{font-size:var(--font-base)}.profile-card{margin:0 var(--spacing-sm);padding:var(--spacing-lg)}.profile-detail-item{align-items:center;flex-direction:column;gap:var(--spacing-sm);text-align:center}.profile-detail-item .detail-icon{align-self:center}.profile-detail-item .detail-content{width:100%}.profile-detail-item .detail-content .input-wrapper .detail-input{text-align:center}.error-message,.success-message{flex-direction:column;gap:var(--spacing-xs);text-align:center}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.markdown-renderer-main-container{color:#2d3748;height:calc(100vh - 150px);line-height:1.7;overflow-y:auto;padding:40px}.markdown-renderer-main-container h1,.markdown-renderer-main-container h2,.markdown-renderer-main-container h3,.markdown-renderer-main-container h4,.markdown-renderer-main-container h5,.markdown-renderer-main-container h6{color:#1a202c;font-weight:700;margin-bottom:1rem;margin-top:2rem}.markdown-renderer-main-container h1{border-bottom:3px solid #4299e1;font-size:2.25rem;margin-bottom:1.5rem;padding-bottom:.5rem}.markdown-renderer-main-container h2{border-bottom:2px solid #e2e8f0;color:#2b6cb0;font-size:1.875rem;padding-bottom:.3rem}.markdown-renderer-main-container h3{color:#3182ce;font-size:1.5rem}.markdown-renderer-main-container h4{color:#4299e1;font-size:1.25rem}.markdown-renderer-main-container p{font-size:1.125rem;margin-bottom:1.25rem}.markdown-renderer-main-container a{color:#3182ce;font-weight:500;text-decoration:none;transition:color .2s ease}.markdown-renderer-main-container a:hover{color:#2c5282;text-decoration:underline}.markdown-renderer-main-container ol,.markdown-renderer-main-container ul{margin-bottom:1.25rem;padding-left:1.625rem}.markdown-renderer-main-container li{font-size:1.125rem;margin-bottom:.5rem}.markdown-renderer-main-container li p{margin-bottom:.5rem}.markdown-renderer-main-container blockquote{background-color:#f8fafc;border-left:4px solid #4299e1;border-radius:0 8px 8px 0;font-style:italic;margin:1.5rem 0;padding:1.5rem}.markdown-renderer-main-container blockquote p{color:#4a5568;margin-bottom:0}.markdown-renderer-main-container pre{background-color:#2d3748;border-radius:8px;color:#e2e8f0;font-size:.95rem;line-height:1.5;margin:1.5rem 0;overflow-x:auto;padding:1.25rem}.markdown-renderer-main-container code{background-color:#edf2f7;border-radius:4px;color:#2d3748;font-family:Fira Code,Monaco,Cascadia Code,monospace;font-size:.95rem;padding:.125rem .375rem}.markdown-renderer-main-container pre code{background-color:#0000;border-radius:0;color:inherit;padding:0}.markdown-renderer-main-container table{border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:1.5rem 0;overflow:hidden;width:100%}.markdown-renderer-main-container td,.markdown-renderer-main-container th{border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;text-align:left}.markdown-renderer-main-container th{background-color:#f7fafc;color:#2d3748;font-weight:600}.markdown-renderer-main-container tr:last-child td{border-bottom:none}.markdown-renderer-main-container hr{background-color:#e2e8f0;border:none;height:1px;margin:2rem 0}.markdown-renderer-main-container img{border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;margin:1.5rem 0;max-width:100%}.markdown-renderer-main-container .task-list-item{list-style-type:none;margin-left:-1.5rem}.markdown-renderer-main-container .task-list-item input{margin-right:.5rem}.markdown-renderer-main-container .competency-header{background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem}.markdown-renderer-main-container .competency-header h1{border-bottom:none;color:#fff;margin-bottom:.5rem}.markdown-renderer-main-container .competency-header .metadata{display:flex;gap:1rem;margin-top:1rem}.markdown-renderer-main-container .competency-header .metadata .grade-badge,.markdown-renderer-main-container .competency-header .metadata .subject-badge{border-radius:20px;font-size:.875rem;font-weight:500;padding:.375rem .75rem}.markdown-renderer-main-container .competency-header .metadata .grade-badge{background-color:#fff3}.markdown-renderer-main-container .competency-header .metadata .subject-badge{background-color:#ffffff26}.markdown-renderer-main-container .section{background-color:#fff;border-left:4px solid #4299e1;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.markdown-renderer-main-container .section h3{color:#2b6cb0;margin-top:0}.markdown-renderer-main-container .tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.markdown-renderer-main-container .tags-container .tag{background-color:#ebf8ff;border-radius:20px;color:#3182ce;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.markdown-renderer-main-container .time-estimate{background-color:#fffaf0;border-left:4px solid #ed8936;border-radius:0 4px 4px 0;color:#dd6b20;font-weight:500;margin:1rem 0;padding:.75rem}.markdown-renderer-main-container .activity,.markdown-renderer-main-container .case-study,.markdown-renderer-main-container .scenario{background-color:#f8fafc;border-left:4px solid #4299e1;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.markdown-renderer-main-container .activity h4,.markdown-renderer-main-container .case-study h4,.markdown-renderer-main-container .scenario h4{color:#2b6cb0;margin-top:0}.markdown-renderer-main-container .activity{border-left-color:#48bb78}.markdown-renderer-main-container .activity h4{color:#2f855a}.markdown-renderer-main-container .scenario{border-left-color:#ed8936}.markdown-renderer-main-container .scenario h4{color:#c05621}@media(max-width:768px){.prose{padding:0 1rem}.prose h1{font-size:1.875rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.prose .competency-header{padding:1.5rem}.prose .competency-header .metadata{flex-direction:column;gap:.5rem}.prose table{display:block;overflow-x:auto}}.report-content-preview{margin-top:12px}.report-content-preview h4{color:var(--text-primary);font-size:14px;margin-bottom:6px}.report-content-preview .content-snippet{background:var(--surface);border-radius:6px;color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:6px;padding:8px 10px}.ellipsis-text{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markdown-renderer-wrapper{max-height:90vh;overflow-y:scroll}.markdown-renderer-wrapper .back-button{align-items:center;background:#0000000a;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;margin-bottom:20px;transition:all .2s ease;width:36px}.markdown-renderer-wrapper .back-button:hover{background:#3b82f61a;transform:translateX(-2px)}.markdown-renderer-wrapper .report-header{border-bottom:2px solid #e5e7eb;margin-bottom:30px;padding-bottom:20px}.markdown-renderer-wrapper .report-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:15px;text-transform:capitalize}.markdown-renderer-wrapper .report-header .report-meta{display:flex;flex-wrap:wrap;gap:20px}.markdown-renderer-wrapper .report-header .report-meta span{background:#f3f4f6;border-radius:20px;color:#374151;font-size:.9rem;font-weight:500;padding:8px 16px}.markdown-renderer-wrapper .report-header .report-meta span:first-child{background:#dbeafe;color:#1d4ed8}.markdown-renderer-wrapper .report-header .report-meta span:nth-child(2){background:#dcfce7;color:#166534}.markdown-renderer-wrapper .content-section{margin-bottom:30px}.markdown-renderer-wrapper .content-section .content-divider{background:linear-gradient(90deg,#0000,#d1d5db,#0000);border:none;height:1px;margin:40px 0}.teacher-reports-container{background:#fafafa;display:flex;flex-direction:column;height:calc(100vh - 80px);overflow:hidden}.teacher-reports-container .reports-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-shrink:0;justify-content:space-between;margin:24px 24px 0;padding:24px}.teacher-reports-container .reports-header .header-left h1{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 4px}.teacher-reports-container .reports-header .header-left p{color:#6b7280;font-size:14px;margin:0}.teacher-reports-container .reports-header .header-left .package-info-display{margin-top:12px}.teacher-reports-container .reports-header .header-left .package-info-display .package-badge{align-items:center;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border-radius:6px;color:#fff;display:flex;font-size:14px;gap:12px;padding:8px 12px}.teacher-reports-container .reports-header .header-left .package-info-display .package-badge .package-name{font-weight:600}.teacher-reports-container .reports-header .header-left .package-info-display .package-badge .reports-count{font-size:12px;opacity:.9}.teacher-reports-container .reports-header .header-left .package-info-display .low-reports-warning{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:4px;color:#f59e0b;font-size:12px;font-weight:500;margin-top:8px;padding:6px 10px}.teacher-reports-container .reports-header .header-left .package-info-display .no-reports-warning{background:#ef44441a;border:1px solid #ef444433;border-radius:4px;color:#ef4444;font-size:12px;font-weight:500;margin-top:8px;padding:6px 10px}.teacher-reports-container .reports-header .header-actions{align-items:center;display:flex;gap:12px}.teacher-reports-container .reports-header .header-actions .search-input{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:8px;min-width:200px;padding:8px 12px}.teacher-reports-container .reports-header .header-actions .search-input svg{color:#6b7280;height:16px;width:16px}.teacher-reports-container .reports-header .header-actions .search-input input{background:none;border:none;color:#374151;flex:1 1;font-size:14px;outline:none}.teacher-reports-container .reports-header .header-actions .search-input input::placeholder{color:#9ca3af}.teacher-reports-container .reports-header .header-actions .search-input:focus-within{border-color:var(--primary-violet);box-shadow:0 0 0 1px var(--primary-violet)}.teacher-reports-container .reports-header .header-actions .filter-dropdown input,.teacher-reports-container .reports-header .header-actions .filter-dropdown select{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:8px 12px;transition:all .2s ease}.teacher-reports-container .reports-header .header-actions .filter-dropdown input:hover,.teacher-reports-container .reports-header .header-actions .filter-dropdown select:hover{background:#f3f4f6;border-color:#9ca3af}.teacher-reports-container .reports-header .header-actions .filter-dropdown input:focus,.teacher-reports-container .reports-header .header-actions .filter-dropdown select:focus{border-color:var(--primary-violet);box-shadow:0 0 0 1px var(--primary-violet);outline:none}.teacher-reports-container .reports-header .header-actions .filter-dropdown input::placeholder,.teacher-reports-container .reports-header .header-actions .filter-dropdown select::placeholder{color:#9ca3af}.teacher-reports-container .reports-header .header-actions .refresh-btn{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.teacher-reports-container .reports-header .header-actions .refresh-btn:hover{background:#f3f4f6;border-color:#9ca3af}.teacher-reports-container .reports-header .header-actions .refresh-btn svg{height:16px;width:16px}.teacher-reports-container .reports-header .header-actions .create-btn{align-items:center;background:var(--primary-violet);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease}.teacher-reports-container .reports-header .header-actions .create-btn:hover{background:var(--primary-hover)}.teacher-reports-container .reports-header .header-actions .create-btn:disabled{cursor:not-allowed;opacity:.5}.teacher-reports-container .reports-header .header-actions .create-btn svg{height:16px;width:16px}.teacher-reports-container .reports-content{flex:1 1;overflow-y:auto;padding:0 24px 24px}.teacher-reports-container .agent-info-card{background:linear-gradient(135deg,#13005a1a,#a000f00d);border:1px solid #13005a33;border-radius:12px;margin-bottom:24px;margin-top:24px;padding:20px}.teacher-reports-container .agent-info-card .agent-info h3{color:var(--primary-violet);font-size:16px;font-weight:600;margin:0 0 8px}.teacher-reports-container .agent-info-card .agent-info p{color:var(--text-primary);margin:0 0 4px}.teacher-reports-container .agent-info-card .agent-info p:last-child{color:var(--text-secondary);font-size:14px}.teacher-reports-container .no-agent-card{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.teacher-reports-container .no-agent-card p{color:#dc2626;font-weight:500;margin:0}.teacher-reports-container .filters-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:20px}.teacher-reports-container .filters-panel .filter-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr}.teacher-reports-container .filters-panel .filter-row .filter-group{display:flex;flex-direction:column;gap:8px}.teacher-reports-container .filters-panel .filter-row .filter-group label{color:var(--text-primary);font-size:14px;font-weight:600}.teacher-reports-container .filters-panel .filter-row .filter-group .search-input{align-items:center;display:flex;position:relative}.teacher-reports-container .filters-panel .filter-row .filter-group .search-input svg{color:var(--text-secondary);font-size:20px;left:12px;position:absolute}.teacher-reports-container .filters-panel .filter-row .filter-group .search-input input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 12px 12px 44px;transition:border-color .2s ease;width:100%}.teacher-reports-container .filters-panel .filter-row .filter-group .search-input input:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.teacher-reports-container .filters-panel .filter-row .filter-group input,.teacher-reports-container .filters-panel .filter-row .filter-group select{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s ease}.teacher-reports-container .filters-panel .filter-row .filter-group input:focus,.teacher-reports-container .filters-panel .filter-row .filter-group select:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.teacher-reports-container .reports-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.teacher-reports-container .reports-grid .empty-state,.teacher-reports-container .reports-grid .no-reports{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;grid-column:1/-1;padding:60px 20px;text-align:center}.teacher-reports-container .reports-grid .empty-state .no-reports-icon,.teacher-reports-container .reports-grid .no-reports .no-reports-icon{font-size:48px;margin-bottom:16px;opacity:.5}.teacher-reports-container .reports-grid .empty-state h3,.teacher-reports-container .reports-grid .no-reports h3{color:var(--text-primary);font-size:20px;margin:0 0 8px}.teacher-reports-container .reports-grid .empty-state p,.teacher-reports-container .reports-grid .no-reports p{color:var(--text-secondary);line-height:1.5;margin:0 auto 16px;max-width:400px}.teacher-reports-container .reports-grid .empty-state .clear-filters-btn,.teacher-reports-container .reports-grid .empty-state .create-btn,.teacher-reports-container .reports-grid .no-reports .clear-filters-btn,.teacher-reports-container .reports-grid .no-reports .create-btn{align-items:center;background:var(--primary-violet);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.teacher-reports-container .reports-grid .empty-state .clear-filters-btn:hover,.teacher-reports-container .reports-grid .empty-state .create-btn:hover,.teacher-reports-container .reports-grid .no-reports .clear-filters-btn:hover,.teacher-reports-container .reports-grid .no-reports .create-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.teacher-reports-container .reports-grid .empty-state .clear-filters-btn:disabled,.teacher-reports-container .reports-grid .empty-state .create-btn:disabled,.teacher-reports-container .reports-grid .no-reports .clear-filters-btn:disabled,.teacher-reports-container .reports-grid .no-reports .create-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.teacher-reports-container .reports-grid .empty-state .clear-filters-btn svg,.teacher-reports-container .reports-grid .empty-state .create-btn svg,.teacher-reports-container .reports-grid .no-reports .clear-filters-btn svg,.teacher-reports-container .reports-grid .no-reports .create-btn svg{height:16px;width:16px}.teacher-reports-container .reports-grid .report-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:20px;transition:all .2s ease}.teacher-reports-container .reports-grid .report-card:hover{border-color:var(--primary-violet);box-shadow:0 4px 12px #13005a1a}.teacher-reports-container .reports-grid .report-card.completed{border-color:#10b981}.teacher-reports-container .reports-grid .report-card.generating{border-color:var(--primary-violet)}.teacher-reports-container .reports-grid .report-card.error{border-color:#ef4444;cursor:default}.teacher-reports-container .reports-grid .report-card .card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.teacher-reports-container .reports-grid .report-card .card-header h3{color:#1f2937;font-size:16px;font-weight:600;line-height:1.4;margin:0}.teacher-reports-container .reports-grid .report-card .card-header .status-indicator{align-items:center;display:flex;gap:6px}.teacher-reports-container .reports-grid .report-card .card-header .status-indicator .status-dot{border-radius:50%;height:8px;width:8px}.teacher-reports-container .reports-grid .report-card .card-header .status-indicator .status-text{color:#6b7280;font-size:12px;font-weight:500}.teacher-reports-container .reports-grid .report-card .card-content .report-meta{display:flex;gap:16px;margin-bottom:16px}.teacher-reports-container .reports-grid .report-card .card-content .report-meta .meta-item{align-items:center;display:flex;gap:4px}.teacher-reports-container .reports-grid .report-card .card-content .report-meta .meta-item .label{color:#6b7280;font-size:12px;font-weight:500}.teacher-reports-container .reports-grid .report-card .card-content .report-meta .meta-item .value{color:#172a35;font-size:12px;font-weight:600}.teacher-reports-container .reports-grid .report-card .card-content .progress-section{margin-top:16px}.teacher-reports-container .reports-grid .report-card .card-content .progress-section .progress-bar{background:#f3f4f6;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.teacher-reports-container .reports-grid .report-card .card-content .progress-section .progress-bar .progress-fill{background:var(--primary-violet);border-radius:3px;height:100%;transition:width .3s ease}.teacher-reports-container .reports-grid .report-card .card-content .progress-section .progress-details{align-items:center;display:flex;gap:8px;justify-content:space-between}.teacher-reports-container .reports-grid .report-card .card-content .progress-section .progress-details .progress-message{color:#6b7280;flex:1 1;font-size:12px;margin:0}.teacher-reports-container .reports-grid .report-card .card-content .progress-section .progress-details .progress-sequence{background:#13005a1a;border-radius:4px;color:var(--primary-violet);font-size:11px;font-weight:500;margin:0;padding:2px 6px}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.teacher-reports-container .reports-grid .report-card .card-content .error-section{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:12px}.teacher-reports-container .reports-grid .report-card .card-content .error-section .error-message{color:#dc2626;font-size:12px;font-weight:500;margin:0 0 8px}.teacher-reports-container .reports-grid .report-card .card-content .error-section .retry-button{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s ease}.teacher-reports-container .reports-grid .report-card .card-content .error-section .retry-button:hover{background:#b91c1c;transform:translateY(-1px)}.teacher-reports-container .reports-grid .report-card .card-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:16px;padding-top:12px}.teacher-reports-container .reports-grid .report-card .card-footer .created-date{color:#9ca3af;font-size:11px}.teacher-reports-container .reports-grid .report-card .card-footer .footer-actions{align-items:center;display:flex;gap:12px}.teacher-reports-container .reports-grid .report-card .card-footer .footer-actions .feedback-display{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;color:#fff;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.teacher-reports-container .reports-grid .report-card .card-footer .footer-actions .feedback-display .star-icon{color:#fff;font-size:12px}.teacher-reports-container .reports-grid .report-card .card-footer .footer-actions .feedback-display .rating-text{font-size:11px}.teacher-reports-container .reports-grid .report-card .card-footer .footer-actions .feedback-prompt{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;color:var(--primary-violet);display:flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .2s ease}.teacher-reports-container .reports-grid .report-card .card-footer .footer-actions .feedback-prompt:hover{background:#8b5cf626;border-color:#8b5cf64d}.teacher-reports-container .reports-grid .report-card .card-footer .footer-actions .feedback-prompt .feedback-icon{color:var(--primary-violet);font-size:12px}.teacher-reports-container .reports-grid .report-card .card-footer .footer-actions .feedback-prompt .feedback-text{font-size:10px;font-weight:500}.teacher-reports-container .reports-grid .report-card .card-footer .footer-actions .click-hint{color:var(--primary-violet);font-size:11px;font-weight:500}.report-viewer{background:var(--bg-primary);min-height:100vh}.report-viewer .report-viewer-container{padding:24px}.report-viewer .report-viewer-container .report-viewer-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.report-viewer .report-viewer-container .report-viewer-header .back-button{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;gap:8px;margin-bottom:20px;padding:8px 16px;transition:all .2s ease}.report-viewer .report-viewer-container .report-viewer-header .back-button:hover{border-color:var(--primary-violet);color:var(--primary-violet)}.report-viewer .report-viewer-container .report-viewer-header .report-meta h1{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2;margin:0 0 12px}.report-viewer .report-viewer-container .report-viewer-header .report-meta .meta-info{display:flex;flex-wrap:wrap;gap:24px}.report-viewer .report-viewer-container .report-viewer-header .report-meta .meta-info span{background:#f8fafc;border-radius:20px;color:var(--text-secondary);font-size:14px;font-weight:500;padding:6px 12px}.report-viewer .report-viewer-container .report-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;line-height:1.7;padding:32px}.report-viewer .report-viewer-container .report-content .content-section{margin-bottom:32px}.report-viewer .report-viewer-container .report-content .content-section:last-child{margin-bottom:0}.report-viewer .report-viewer-container .report-content .content-divider{background:#e2e8f0;border:none;height:1px;margin:32px 0}.report-viewer .report-viewer-container .report-content .loading-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.report-viewer .report-viewer-container .report-content .loading-content p{color:var(--text-secondary);font-size:16px;margin-top:16px}.report-viewer .report-viewer-container .report-content .no-content{align-items:center;display:flex;justify-content:center;padding:60px 20px;text-align:center}.report-viewer .report-viewer-container .report-content .no-content p{color:var(--text-secondary);font-size:16px;font-style:italic}.report-viewer .report-viewer-container .report-content.skeleton{cursor:default;pointer-events:none}.report-viewer .report-viewer-container .report-content.skeleton .skeleton-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.report-viewer .report-viewer-container .report-content.skeleton .skeleton-header .skeleton-title{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;width:70%}.report-viewer .report-viewer-container .report-content.skeleton .skeleton-header .skeleton-status{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:16px;width:80px}.report-viewer .report-viewer-container .report-content.skeleton .skeleton-content .skeleton-meta{display:flex;gap:16px;margin-bottom:16px}.report-viewer .report-viewer-container .report-content.skeleton .skeleton-content .skeleton-meta .skeleton-meta-item{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:14px;width:60px}.report-viewer .report-viewer-container .report-content.skeleton .skeleton-footer{border-top:1px solid #f1f5f9;margin-top:16px;padding-top:16px}.report-viewer .report-viewer-container .report-content.skeleton .skeleton-footer .skeleton-date{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:12px;width:120px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.teacher-reports-container{padding:16px}.teacher-reports-container .reports-header{align-items:stretch;flex-direction:column;gap:16px}.teacher-reports-container .reports-header .header-actions{flex-wrap:wrap;justify-content:center}.teacher-reports-container .filters-panel .filter-row,.teacher-reports-container .reports-grid{gap:16px;grid-template-columns:1fr}.report-viewer .report-viewer-container{padding:16px}.report-viewer .report-viewer-container .report-viewer-header .report-meta h1{font-size:24px}.report-viewer .report-viewer-container .report-viewer-header .report-meta .meta-info{gap:12px}.report-viewer .report-viewer-container .report-viewer-header .report-meta .meta-info span{font-size:12px}.report-viewer .report-viewer-container .report-content{padding:20px}}.loading-report-container{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:48px 24px}.loading-report-container p{color:var(--text-secondary);font-size:18px;font-weight:500;margin-top:24px}.dashboard-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1400px;padding:24px}.stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px var(--shadow-light);overflow:hidden;padding:24px 20px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow}.stat-card:before{background:var(--primary-violet);height:100%;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:4px}.stat-card:after,.stat-card:before{content:"";left:0;position:absolute;top:0}.stat-card:after{background:linear-gradient(135deg,#13005a05,#fff0);bottom:0;opacity:0;right:0;transition:opacity .3s ease}.stat-card:hover{border-color:#13005a4d;box-shadow:0 20px 40px #13005a26,0 8px 16px #13005a1a;transform:translateY(-8px) scale(1.02)}.stat-card:hover:before{background:var(--primary-violet);width:8px}.stat-card:hover:after{opacity:1}.stat-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}.stat-card:hover .card-count{color:var(--primary-violet);transform:scale(1.05)}.stat-card:nth-child(2):before{background:var(--secondary-violet)}.stat-card:nth-child(3):before{background:var(--success)}.stat-card:nth-child(4):before{background:var(--error)}.card-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.card-content .card-info{flex:1 1;text-align:left}.card-content .card-info .card-title{color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:0;margin:0 0 8px;text-transform:none}.card-content .card-info .card-count{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1;margin:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.card-content .card-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:48px;will-change:transform}.card-content .card-icon svg{color:#fff;height:24px;transition:all .3s ease;width:24px}.stat-card:first-child .card-icon{background:var(--primary-violet)}.stat-card:nth-child(2) .card-icon{background:var(--button-primary)}.stat-card:nth-child(3) .card-icon{background:var(--success)}.stat-card:nth-child(4) .card-icon{background:var(--error)}@media(max-width:768px){.dashboard-cards{gap:20px;grid-template-columns:repeat(2,1fr);padding:20px}.stat-card{border-width:2px;padding:24px 20px}.card-content .card-title{font-size:11px;margin-bottom:10px}.card-content .card-count{font-size:32px}}@media(max-width:480px){.dashboard-cards{gap:16px;grid-template-columns:1fr;padding:16px}.stat-card{border-width:2px;padding:20px 16px}.card-content .card-title{font-size:10px;margin-bottom:8px}.card-content .card-count{font-size:28px}}.model-analysis-chart{height:400px;position:relative}.model-analysis-chart canvas{border-radius:0}@media(max-width:768px){.model-analysis-chart{height:300px}}@media(max-width:480px){.model-analysis-chart{height:250px}}.daily-stats-chart{height:400px;position:relative}.daily-stats-chart canvas{border-radius:0}@media(max-width:768px){.daily-stats-chart{height:300px}}@media(max-width:480px){.daily-stats-chart{height:250px}}.dashboard-main-container{height:calc(100vh - 70px);overflow-y:auto;padding:20px}.dashboard-main-container::-webkit-scrollbar{width:8px}.dashboard-main-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.dashboard-main-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-violet) 0,var(--secondary-violet) 100%);border-radius:10px}.dashboard-main-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--secondary-violet) 0,var(--primary-violet) 100%)}.daily-stats-chart,.institution-chart,.model-analysis-chart,.teacher-chart{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 2px 8px var(--shadow-light);margin:24px 0;padding:24px;position:relative;transition:all .3s ease}.daily-stats-chart:hover,.institution-chart:hover,.model-analysis-chart:hover,.teacher-chart:hover{border-color:var(--border-medium);box-shadow:0 8px 25px var(--shadow-medium);transform:translateY(-2px)}.institution-chart .institution-chart-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.institution-chart .institution-chart-header .chart-title{color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:0;margin:0;text-transform:none}.institution-chart .institution-chart-header .institution-selector{background:var(--surface);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;min-width:200px;outline:none;padding:10px 14px;transition:all .3s ease}.institution-chart .institution-chart-header .institution-selector:hover{background:var(--bg-light);border-color:var(--border-medium)}.institution-chart .institution-chart-header .institution-selector:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a}.institution-chart .institution-chart-header .institution-selector option{background:var(--surface);color:var(--text-secondary);padding:8px}.institution-chart .institution-chart-body{height:400px}@media(max-width:768px){.dashboard-main-container{padding:16px}.daily-stats-chart,.institution-chart,.model-analysis-chart,.teacher-chart{border-radius:12px;margin:20px 0;padding:20px}.institution-chart .institution-chart-header{align-items:stretch;flex-direction:column;gap:16px}.institution-chart .institution-chart-header .chart-title{font-size:16px;text-align:center}.institution-chart .institution-chart-header .institution-selector{width:100%}.institution-chart .institution-chart-body{height:300px}}@media(max-width:480px){.dashboard-main-container{padding:12px}.daily-stats-chart,.institution-chart,.model-analysis-chart,.teacher-chart{border-radius:10px;margin:16px 0;padding:16px}.institution-chart .institution-chart-header .chart-title{font-size:15px}.institution-chart .institution-chart-header .institution-selector{font-size:13px;padding:8px 12px}.institution-chart .institution-chart-body{height:250px}}.teacher-chart{height:400px;position:relative}.teacher-chart canvas{border-radius:0}@media(max-width:768px){.teacher-chart{height:300px}}@media(max-width:480px){.teacher-chart{height:250px}}.audit-log-container{background:var(--primary-background);min-height:calc(100vh - 80px);padding:24px}.audit-log-container .summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.audit-log-container .summary-cards .summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.audit-log-container .summary-cards .summary-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.audit-log-container .summary-cards .summary-card .card-icon{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;width:56px}.audit-log-container .summary-cards .summary-card .card-icon.total{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet))}.audit-log-container .summary-cards .summary-card .card-icon.recent{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.audit-log-container .summary-cards .summary-card .card-icon.institutions{background:linear-gradient(135deg,#10b981,#34d399)}.audit-log-container .summary-cards .summary-card .card-icon.teachers{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.audit-log-container .summary-cards .summary-card .card-icon svg{color:#fff;font-size:24px}.audit-log-container .summary-cards .summary-card .card-content{flex:1 1}.audit-log-container .summary-cards .summary-card .card-content h3{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 4px}.audit-log-container .summary-cards .summary-card .card-content p{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.audit-log-container .audit-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 24px}.audit-log-container .audit-controls .controls-left .audit-tabs .MuiTab-root{color:var(--text-secondary);font-size:14px;font-weight:600;text-transform:none}.audit-log-container .audit-controls .controls-left .audit-tabs .MuiTab-root.Mui-selected{color:var(--primary-violet)}.audit-log-container .audit-controls .controls-left .audit-tabs .MuiTabs-indicator{background:var(--primary-violet)}.audit-log-container .audit-controls .controls-right{align-items:center;display:flex;gap:12px}.audit-log-container .audit-controls .controls-right .control-btn{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:12px 18px;transition:all .2s ease;white-space:nowrap}.audit-log-container .audit-controls .controls-right .control-btn:hover{background:var(--accent-violet);border-color:var(--primary-violet);box-shadow:0 2px 8px #8b5cf626;color:var(--primary-violet);transform:translateY(-1px)}.audit-log-container .audit-controls .controls-right .control-btn:active{box-shadow:0 1px 4px #8b5cf633;transform:translateY(0)}.audit-log-container .audit-controls .controls-right .control-btn svg{font-size:18px;transition:all .2s ease}.audit-log-container .filters-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.audit-log-container .filters-panel .filter-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.audit-log-container .filters-panel .filter-row .filter-group{display:flex;flex-direction:column;gap:8px}.audit-log-container .filters-panel .filter-row .filter-group label{color:var(--text-primary);font-size:14px;font-weight:600}.audit-log-container .filters-panel .filter-row .filter-group .search-input{align-items:center;display:flex;position:relative}.audit-log-container .filters-panel .filter-row .filter-group .search-input svg{color:var(--text-secondary);font-size:20px;left:12px;position:absolute}.audit-log-container .filters-panel .filter-row .filter-group .search-input input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 12px 12px 44px;transition:border-color .2s ease;width:100%}.audit-log-container .filters-panel .filter-row .filter-group .search-input input:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.audit-log-container .filters-panel .filter-row .filter-group input,.audit-log-container .filters-panel .filter-row .filter-group select{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s ease}.audit-log-container .filters-panel .filter-row .filter-group input:focus,.audit-log-container .filters-panel .filter-row .filter-group select:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.audit-log-container .filters-panel .filter-actions{display:flex;gap:12px}.audit-log-container .filters-panel .filter-actions .btn-search{align-items:center;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:44px;padding:12px 24px;transition:all .2s ease}.audit-log-container .filters-panel .filter-actions .btn-search:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-violet));box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.audit-log-container .filters-panel .filter-actions .btn-search:active{box-shadow:0 2px 6px #8b5cf666;transform:translateY(0)}.audit-log-container .filters-panel .filter-actions .btn-clear{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:44px;padding:12px 24px;transition:all .2s ease}.audit-log-container .filters-panel .filter-actions .btn-clear:hover{background:var(--surface);border-color:var(--border-medium);box-shadow:0 2px 6px #00000014;color:var(--text-primary);transform:translateY(-1px)}.audit-log-container .filters-panel .filter-actions .btn-clear:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.audit-log-container .audit-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.audit-log-container .audit-table-container .table-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px}.audit-log-container .audit-table-container .table-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.audit-log-container .audit-table-container .table-header .total-count{background:#f1f5f9;border-radius:20px;color:var(--text-secondary);font-size:14px;font-weight:500;padding:6px 12px}.audit-log-container .audit-table-container .loading-container{align-items:center;display:flex;justify-content:center;padding:60px}.audit-log-container .audit-table-container .audit-table{overflow-x:auto}.audit-log-container .audit-table-container .audit-table table{border-collapse:collapse;width:100%}.audit-log-container .audit-table-container .audit-table table thead{background:#f8fafc}.audit-log-container .audit-table-container .audit-table table thead th{border-bottom:1px solid #e2e8f0;color:var(--text-primary);font-size:14px;font-weight:600;padding:16px;text-align:left;white-space:nowrap}.audit-log-container .audit-table-container .audit-table table tbody tr{transition:background-color .2s ease}.audit-log-container .audit-table-container .audit-table table tbody tr:hover{background:#8b5cf605}.audit-log-container .audit-table-container .audit-table table tbody tr:not(:last-child){border-bottom:1px solid #f1f5f9}.audit-log-container .audit-table-container .audit-table table tbody tr td{font-size:14px;padding:16px;vertical-align:top}.audit-log-container .audit-table-container .audit-table table tbody tr td.timestamp-cell{color:var(--text-secondary);font-family:monospace;font-size:13px;min-width:160px}.audit-log-container .audit-table-container .audit-table table tbody tr td.user-cell .user-info{display:flex;flex-direction:column;gap:2px}.audit-log-container .audit-table-container .audit-table table tbody tr td.user-cell .user-info .user-name{color:var(--text-primary);font-weight:600}.audit-log-container .audit-table-container .audit-table table tbody tr td.user-cell .user-info .user-role{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.audit-log-container .audit-table-container .audit-table table tbody tr td.action-cell .action-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.audit-log-container .audit-table-container .audit-table table tbody tr td.entity-cell .entity-info{display:flex;flex-direction:column;gap:2px}.audit-log-container .audit-table-container .audit-table table tbody tr td.entity-cell .entity-info .entity-name{color:var(--text-primary);font-weight:500}.audit-log-container .audit-table-container .audit-table table tbody tr td.entity-cell .entity-info .entity-type{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.audit-log-container .audit-table-container .audit-table table tbody tr td.description-cell{color:var(--text-primary);line-height:1.4;max-width:300px}.audit-log-container .audit-table-container .audit-table table tbody tr td.ip-cell{color:var(--text-secondary);font-family:monospace;font-size:13px}.audit-log-container .audit-table-container .audit-table table tbody tr td.no-data{color:var(--text-secondary);font-style:italic;padding:60px;text-align:center}.audit-log-container .audit-table-container .pagination-controls{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.audit-log-container .audit-table-container .pagination-controls .pagination-btn{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:40px;padding:10px 18px;transition:all .2s ease}.audit-log-container .audit-table-container .pagination-controls .pagination-btn:hover:not(:disabled){background:var(--accent-violet);border-color:var(--primary-violet);box-shadow:0 2px 6px #8b5cf61f;color:var(--primary-violet);transform:translateY(-1px)}.audit-log-container .audit-table-container .pagination-controls .pagination-btn:active:not(:disabled){box-shadow:0 1px 3px #8b5cf626;transform:translateY(0)}.audit-log-container .audit-table-container .pagination-controls .pagination-btn:disabled{background:var(--surface);color:var(--text-disabled);cursor:not-allowed;opacity:.4}.audit-log-container .audit-table-container .pagination-controls .pagination-numbers{display:flex;gap:4px}.audit-log-container .audit-table-container .pagination-controls .pagination-numbers .pagination-number{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.audit-log-container .audit-table-container .pagination-controls .pagination-numbers .pagination-number:hover:not(.active){background:var(--accent-violet);border-color:var(--primary-violet);box-shadow:0 2px 6px #8b5cf61f;color:var(--primary-violet);transform:translateY(-1px)}.audit-log-container .audit-table-container .pagination-controls .pagination-numbers .pagination-number:active:not(.active){box-shadow:0 1px 3px #8b5cf626;transform:translateY(0)}.audit-log-container .audit-table-container .pagination-controls .pagination-numbers .pagination-number.active{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border-color:var(--primary-violet);box-shadow:0 2px 8px #8b5cf640;color:#fff;font-weight:600}.audit-log-container .audit-table-container .pagination-controls .pagination-numbers .pagination-number.active:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-violet));box-shadow:0 3px 12px #8b5cf64d;transform:translateY(-1px)}@media(max-width:768px){.audit-log-container{padding:16px}.audit-log-container .summary-cards{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.audit-log-container .audit-controls{align-items:stretch;flex-direction:column;gap:16px}.audit-log-container .audit-controls .controls-left{width:100%}.audit-log-container .audit-controls .controls-right{flex-wrap:wrap;gap:8px;justify-content:center}.audit-log-container .audit-controls .controls-right .control-btn{flex:1 1;min-width:120px;padding:12px 16px}.audit-log-container .filters-panel .filter-row{gap:16px;grid-template-columns:1fr}.audit-log-container .filters-panel .filter-actions{flex-direction:column}.audit-log-container .filters-panel .filter-actions .btn-clear,.audit-log-container .filters-panel .filter-actions .btn-search{width:100%}.audit-log-container .audit-table-container .table-header{align-items:flex-start;flex-direction:column;gap:12px}.audit-log-container .audit-table-container .audit-table table{font-size:13px}.audit-log-container .audit-table-container .audit-table table td,.audit-log-container .audit-table-container .audit-table table th{padding:12px 8px}.audit-log-container .audit-table-container .audit-table table .description-cell{max-width:200px}.audit-log-container .audit-table-container .pagination-controls{flex-direction:column;gap:16px}.audit-log-container .audit-table-container .pagination-controls .pagination-numbers{justify-content:center;order:1;width:100%}.audit-log-container .audit-table-container .pagination-controls .pagination-btn{margin:0 auto;max-width:200px;order:2;width:100%}}.usage-analytics-dashboard{background:var(--bg-primary);min-height:calc(100vh - 80px);padding:24px}.usage-analytics-dashboard .dashboard-header{align-items:flex-start;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.usage-analytics-dashboard .dashboard-header .header-content h1{align-items:center;color:var(--text-primary);display:flex;font-size:32px;font-weight:800;gap:12px;margin:0 0 8px}.usage-analytics-dashboard .dashboard-header .header-content h1 svg{color:var(--primary-violet);font-size:36px}.usage-analytics-dashboard .dashboard-header .header-content p{color:var(--text-secondary);font-size:16px;margin:0}.usage-analytics-dashboard .dashboard-header .header-controls{align-items:center;display:flex;gap:16px}.usage-analytics-dashboard .dashboard-header .header-controls .period-selector{align-items:center;display:flex;gap:8px}.usage-analytics-dashboard .dashboard-header .header-controls .period-selector svg{color:var(--text-secondary);font-size:20px}.usage-analytics-dashboard .dashboard-header .header-controls .period-selector select{background:#fff;border:2px solid var(--border-medium);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 12px}.usage-analytics-dashboard .dashboard-header .header-controls .period-selector select:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.usage-analytics-dashboard .dashboard-header .header-controls .refresh-button{align-items:center;background:var(--primary-violet);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.usage-analytics-dashboard .dashboard-header .header-controls .refresh-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.usage-analytics-dashboard .dashboard-header .header-controls .refresh-button:disabled{cursor:not-allowed;opacity:.6}.usage-analytics-dashboard .dashboard-header .header-controls .refresh-button svg{font-size:18px}.usage-analytics-dashboard .dashboard-header .header-controls .refresh-button svg.spinning{animation:spin 1s linear infinite}.usage-analytics-dashboard .dashboard-header .header-controls .filters{align-items:center;display:flex;gap:10px}.usage-analytics-dashboard .dashboard-header .header-controls .filters select{background:#fff;border:2px solid var(--border-medium);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:160px;padding:8px 12px}.usage-analytics-dashboard .dashboard-header .header-controls .filters select:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.usage-analytics-dashboard .summary-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.usage-analytics-dashboard .summary-cards .summary-card{align-items:center;background:#fff;border:2px solid var(--border-light);border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;gap:20px;padding:24px;transition:all .2s ease}.usage-analytics-dashboard .summary-cards .summary-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.usage-analytics-dashboard .summary-cards .summary-card .card-icon{align-items:center;border-radius:12px;display:flex;height:60px;justify-content:center;width:60px}.usage-analytics-dashboard .summary-cards .summary-card .card-icon svg{color:#fff;font-size:28px}.usage-analytics-dashboard .summary-cards .summary-card .card-content{flex:1 1}.usage-analytics-dashboard .summary-cards .summary-card .card-content h3{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.usage-analytics-dashboard .summary-cards .summary-card .card-content p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.usage-analytics-dashboard .summary-cards .summary-card.cost-card .card-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.usage-analytics-dashboard .summary-cards .summary-card.cost-card .cost-display .primary-cost{color:var(--text-primary);display:block;font-size:32px;font-weight:800}.usage-analytics-dashboard .summary-cards .summary-card.cost-card .cost-display .secondary-cost{background:#f3f4f6;border-radius:9999px;color:var(--text-secondary);font-size:12px;margin-left:10px;padding:2px 8px}.usage-analytics-dashboard .summary-cards .summary-card.tokens-card .card-icon{background:linear-gradient(135deg,var(--primary-violet),var(--primary-hover))}.usage-analytics-dashboard .summary-cards .summary-card.tokens-card .tokens-display .primary-tokens{color:var(--text-primary);display:block;font-size:32px;font-weight:800}.usage-analytics-dashboard .summary-cards .summary-card.trend-card .card-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.usage-analytics-dashboard .summary-cards .summary-card.trend-card .trend-display .daily-avg{color:var(--text-primary);display:block;font-size:32px;font-weight:800}.usage-analytics-dashboard .charts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.usage-analytics-dashboard .charts-section .chart-card{background:#fff;border:2px solid var(--border-light);border-radius:12px;box-shadow:0 4px 16px #00000014;padding:24px}.usage-analytics-dashboard .charts-section .chart-card .chart-header{border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:16px}.usage-analytics-dashboard .charts-section .chart-card .chart-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 4px}.usage-analytics-dashboard .charts-section .chart-card .chart-header p{color:var(--text-secondary);font-size:14px;margin:0}.usage-analytics-dashboard .charts-section .chart-card .chart-content .no-data{color:var(--text-secondary);padding:40px 20px;text-align:center}.usage-analytics-dashboard .charts-section .chart-card .chart-content .usage-breakdown-list{display:flex;flex-direction:column;gap:14px}.usage-analytics-dashboard .charts-section .chart-card .chart-content .usage-breakdown-list .usage-item{background:#fff;border:1px solid var(--border-light);border-radius:10px;padding:12px 14px}.usage-analytics-dashboard .charts-section .chart-card .chart-content .usage-breakdown-list .usage-item .item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.usage-analytics-dashboard .charts-section .chart-card .chart-content .usage-breakdown-list .usage-item .item-header .item-name{align-items:center;color:var(--text-primary);display:inline-flex;font-weight:600;gap:8px}.usage-analytics-dashboard .charts-section .chart-card .chart-content .usage-breakdown-list .usage-item .item-header .item-name .item-color-dot{border-radius:9999px;height:10px;width:10px}.usage-analytics-dashboard .charts-section .chart-card .chart-content .usage-breakdown-list .usage-item .item-header .item-name .operation-icon{align-items:center;display:inline-flex;font-size:16px}.usage-analytics-dashboard .charts-section .chart-card .chart-content .usage-breakdown-list .usage-item .item-header .item-cost{color:var(--text-primary);font-size:14px;font-weight:700}.usage-analytics-dashboard .charts-section .chart-card .chart-content .usage-breakdown-list .usage-item .item-progress-bar{background:var(--bg-secondary);border-radius:9999px;height:8px;overflow:hidden;position:relative;width:100%}.usage-analytics-dashboard .charts-section .chart-card .chart-content .usage-breakdown-list .usage-item .item-progress-bar .progress-fill{background:var(--primary-violet);border-radius:9999px;height:100%;left:0;position:absolute;top:0;transition:width .35s ease}.usage-analytics-dashboard .charts-section .chart-card .chart-content .usage-breakdown-list .usage-item .item-sub-stats{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.usage-analytics-dashboard .model-usage-chart .model-bar{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 0}.usage-analytics-dashboard .model-usage-chart .model-bar:last-child{border-bottom:none}.usage-analytics-dashboard .model-usage-chart .model-bar .model-info{align-items:center;display:flex;gap:12px}.usage-analytics-dashboard .model-usage-chart .model-bar .model-info .model-color{border-radius:50%;height:12px;width:12px}.usage-analytics-dashboard .model-usage-chart .model-bar .model-info .model-name{color:var(--text-primary);font-weight:600}.usage-analytics-dashboard .model-usage-chart .model-bar .model-stats{display:flex;gap:24px}.usage-analytics-dashboard .model-usage-chart .model-bar .model-stats .stat{align-items:flex-end;display:flex;flex-direction:column}.usage-analytics-dashboard .model-usage-chart .model-bar .model-stats .stat .label{color:var(--text-secondary);font-size:12px;margin-bottom:2px}.usage-analytics-dashboard .model-usage-chart .model-bar .model-stats .stat .value{color:var(--text-primary);font-size:14px;font-weight:600}.usage-analytics-dashboard .operation-usage-chart .operation-item{border-bottom:1px solid var(--border-light);padding:16px 0}.usage-analytics-dashboard .operation-usage-chart .operation-item:last-child{border-bottom:none}.usage-analytics-dashboard .operation-usage-chart .operation-item .operation-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.usage-analytics-dashboard .operation-usage-chart .operation-item .operation-header .operation-icon{font-size:18px}.usage-analytics-dashboard .operation-usage-chart .operation-item .operation-header .operation-name{color:var(--text-primary);font-weight:600;text-transform:capitalize}.usage-analytics-dashboard .operation-usage-chart .operation-item .operation-stats .stat-row{color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between;margin-bottom:4px}.usage-analytics-dashboard .operation-usage-chart .operation-item .operation-stats .stat-row:last-child{margin-bottom:0}.usage-analytics-dashboard .recent-usage-section .section-header{margin-bottom:20px}.usage-analytics-dashboard .recent-usage-section .section-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 4px}.usage-analytics-dashboard .recent-usage-section .section-header p{color:var(--text-secondary);font-size:14px;margin:0}.usage-analytics-dashboard .recent-usage-section .usage-table{background:#fff;border:2px solid var(--border-light);border-radius:12px;box-shadow:0 4px 16px #00000014;max-height:560px;overflow:auto}.usage-analytics-dashboard .recent-usage-section .usage-table .table-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);color:var(--text-secondary);display:grid;font-size:12px;font-weight:700;grid-template-columns:200px 1.1fr 1fr .8fr .9fr;letter-spacing:.6px;padding:14px 20px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row{align-items:center;background:#fff;border-bottom:1px solid var(--border-light);display:grid;grid-template-columns:200px 1.1fr 1fr .8fr .9fr;padding:14px 20px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row:last-child{border-bottom:none}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row:hover{background:#fafafa}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row:nth-child(odd){background:#fcfcfd}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-timestamp{color:var(--text-secondary);font-size:12px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-operation{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:10px;text-transform:capitalize}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-operation .operation-icon{font-size:16px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-operation .operation-badge{background:linear-gradient(135deg,#f5f3ff,#faf5ff);border:1px solid #e9d5ff;border-radius:8px;color:#5b21b6;font-size:12px;font-weight:600;padding:4px 8px;text-transform:capitalize}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-model{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:8px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-model .model-indicator{border-radius:50%;height:8px;width:8px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-model .model-badge{background:#f3f4f6;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:12px;font-weight:600;padding:4px 8px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-tokens{color:var(--text-primary);font-size:14px;text-align:right}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-tokens .tokens-breakdown{display:flex;flex-direction:column;gap:2px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-tokens .tokens-breakdown .total{font-weight:700}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-tokens .tokens-breakdown .detail{color:var(--text-secondary);font-size:12px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-cost{color:var(--primary-violet);font-size:14px;font-weight:600;text-align:right}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-cost .cost-breakdown{display:flex;flex-direction:column;gap:2px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-cost .cost-breakdown .inr{color:var(--primary-violet);font-weight:800}.usage-analytics-dashboard .recent-usage-section .usage-table .table-body .table-row .col-cost .cost-breakdown .usd{color:var(--text-secondary);font-size:12px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-footer{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:12px 16px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-footer .pagination{align-items:center;display:flex;gap:10px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-footer .pagination button{background:#fff;border:1px solid var(--border-medium);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:8px 12px;transition:all .2s ease}.usage-analytics-dashboard .recent-usage-section .usage-table .table-footer .pagination button:hover:not(:disabled){box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.usage-analytics-dashboard .recent-usage-section .usage-table .table-footer .pagination button:disabled{cursor:not-allowed;opacity:.6}.usage-analytics-dashboard .recent-usage-section .usage-table .table-footer .page-size{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.usage-analytics-dashboard .recent-usage-section .usage-table .table-footer .page-size select{background:#fff;border:1px solid var(--border-medium);border-radius:8px;color:var(--text-primary);padding:6px 10px}.usage-analytics-dashboard .recent-usage-section .no-data{background:#fff;border:2px solid var(--border-light);border-radius:12px;color:var(--text-secondary);padding:40px;text-align:center}.usage-analytics-dashboard .error-container,.usage-analytics-dashboard .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.usage-analytics-dashboard .error-container .loading-spinner,.usage-analytics-dashboard .loading-container .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-violet);height:40px;margin-bottom:16px;width:40px}.usage-analytics-dashboard .error-container p,.usage-analytics-dashboard .loading-container p{color:var(--text-secondary);font-size:16px;margin:0}.usage-analytics-dashboard .error-container h3,.usage-analytics-dashboard .loading-container h3{color:var(--text-primary);margin:0 0 8px}.usage-analytics-dashboard .error-container .retry-button,.usage-analytics-dashboard .loading-container .retry-button{align-items:center;background:var(--primary-violet);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding:12px 20px;transition:all .2s ease}.usage-analytics-dashboard .error-container .retry-button:hover,.usage-analytics-dashboard .loading-container .retry-button:hover{background:var(--primary-hover);transform:translateY(-1px)}@media(max-width:1200px){.usage-analytics-dashboard .charts-section{grid-template-columns:1fr}.usage-analytics-dashboard .usage-table .table-header,.usage-analytics-dashboard .usage-table .table-row{font-size:12px;grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media(max-width:768px){.usage-analytics-dashboard{padding:16px}.usage-analytics-dashboard .dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.usage-analytics-dashboard .dashboard-header .header-controls{justify-content:space-between}.usage-analytics-dashboard .summary-cards{grid-template-columns:1fr}.usage-analytics-dashboard .usage-table .table-header,.usage-analytics-dashboard .usage-table .table-row{gap:8px;grid-template-columns:1fr}.usage-analytics-dashboard .usage-table .table-header>div,.usage-analytics-dashboard .usage-table .table-row>div{align-items:center;display:flex;justify-content:space-between}.usage-analytics-dashboard .usage-table .table-header>div:before,.usage-analytics-dashboard .usage-table .table-row>div:before{color:var(--text-secondary);content:attr(data-label);font-weight:600}.usage-analytics-dashboard .usage-table .table-header{display:none}}.subscription-page{background:var(--primary-background)}.subscription-page .second-header{align-items:center;display:flex;gap:1rem;justify-content:flex-end;margin-bottom:2rem;padding:.5rem 0}.subscription-page .second-header .search-container{align-items:center;display:flex;flex:1 1;max-width:400px;position:relative}.subscription-page .second-header .search-container .search-icon{color:#71717a;color:var(--text-secondary);font-size:1.2rem;left:12px;position:absolute;z-index:1}.subscription-page .second-header .search-container .search-input{background:#fff;border:2px solid #e4e4e7;border:2px solid var(--border-light);border-radius:12px;font-size:1rem;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.subscription-page .second-header .search-container .search-input:focus{border-color:#13005a;border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.subscription-page .second-header .search-container .search-input::placeholder{color:#71717a;color:var(--text-secondary)}.subscription-page .second-header .search-container .clear-search{align-items:center;background:none;border:none;border-radius:4px;color:#71717a;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;transition:all .3s ease}.subscription-page .second-header .search-container .clear-search:hover{background:#8b5cf61a;color:#13005a;color:var(--primary-violet)}.subscription-page .second-header .action-buttons{align-items:center;display:flex;gap:1rem}.subscription-page .second-header .action-buttons .create-tier-btn{align-items:center;background:linear-gradient(135deg,#13005a,#a000f0);background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:12px 24px;transition:all .3s ease}.subscription-page .second-header .action-buttons .create-tier-btn .btn-icon{font-size:1.2rem}.subscription-page .second-header .action-buttons .create-tier-btn:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.subscription-page .second-header .action-buttons .create-tier-btn:active{transform:translateY(0)}.subscription-page .subscription-tiers-container{background:var(--background);margin:0 auto;min-height:100vh;padding:2rem}.subscription-page .subscription-tiers-container .subscription-tiers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card{background:#fff;border:2px solid #e4e4e7;border:2px solid var(--border-light);border-radius:16px;padding:1.5rem;position:relative;transition:all .3s ease}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card:hover{border-color:#13005a;border-color:var(--primary-violet);box-shadow:0 8px 25px #8b5cf626;transform:translateY(-2px)}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card.disabled{background:#f4f4f5;background:var(--surface);opacity:.6}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-status{align-items:center;display:flex;gap:.5rem}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-status .status-dot{border-radius:50%;height:8px;width:8px}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-status .status-dot.active{background:#22c55e;background:var(--success)}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-status .status-dot.inactive{background:#ef4444;background:var(--error)}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-status .tier-name{color:#172a35;color:var(--text-primary);font-size:1.25rem;font-weight:700}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-actions{position:relative}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-actions .action-btn{background:none;border:none;border-radius:8px;color:#71717a;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .3s ease}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-actions .action-btn:hover{background:#f4f4f5;background:var(--surface);color:#13005a;color:var(--primary-violet)}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-actions .dropdown-menu{background:#fff;border:1px solid #e4e4e7;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 25px #00000026;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-actions .dropdown-menu button{align-items:center;background:none;border:none;color:#172a35;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:12px 16px;text-align:left;transition:background-color .3s ease;width:100%}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-actions .dropdown-menu button:hover{background:#f4f4f5;background:var(--surface)}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-actions .dropdown-menu button.delete-btn,.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-actions .dropdown-menu button.disable-btn{color:#ef4444;color:var(--error)}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-header .tier-actions .dropdown-menu button.enable-btn{color:#22c55e;color:var(--success)}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-price{margin-bottom:1rem}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-price .price-amount{color:#13005a;color:var(--primary-violet);font-size:2rem;font-weight:800}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-price .price-period{color:#71717a;color:var(--text-secondary);font-size:1rem;margin-left:.25rem}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-limit{align-items:center;background:#f4f4f5;background:var(--surface);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:12px 16px}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-limit .limit-label{color:#71717a;color:var(--text-secondary);font-size:.9rem}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-limit .limit-value{color:#172a35;color:var(--text-primary);font-size:1.1rem;font-weight:700}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-description{margin-bottom:1rem}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-description p{color:#71717a;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.subscription-page .subscription-tiers-container .subscription-tiers-grid .tier-card .tier-footer .tier-date{color:#71717a;color:var(--text-secondary);font-size:.8rem}.subscription-page .subscription-tiers-container .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.subscription-page .subscription-tiers-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e4e4e7;border-top:4px solid #13005a;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-violet);height:40px;margin-bottom:1rem;width:40px}.subscription-page .subscription-tiers-container .loading-container p{color:#71717a;color:var(--text-secondary);font-size:1.1rem}.subscription-page .subscription-tiers-container .empty-state{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem;text-align:center}.subscription-page .subscription-tiers-container .empty-state .empty-icon{color:#71717a;color:var(--text-secondary);font-size:4rem;margin-bottom:1rem;opacity:.5}.subscription-page .subscription-tiers-container .empty-state h3{color:#172a35;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.subscription-page .subscription-tiers-container .empty-state p{color:#71717a;color:var(--text-secondary);font-size:1rem;margin:0 0 1.5rem;max-width:400px}.subscription-page .subscription-tiers-container .empty-state .clear-search-btn{background:#13005a;background:var(--primary-violet);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.subscription-page .subscription-tiers-container .empty-state .clear-search-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.subscription-page .subscription-tiers-container .pagination-container{align-items:center;border-top:1px solid #e4e4e7;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem 0}.subscription-page .subscription-tiers-container .pagination-container .pagination-info{color:#71717a;color:var(--text-secondary);font-size:.9rem}.subscription-page .subscription-tiers-container .pagination-container .pagination-controls{align-items:center;display:flex;gap:1rem}.subscription-page .subscription-tiers-container .pagination-container .pagination-controls .pagination-btn{background:#fff;border:1px solid #e4e4e7;border:1px solid var(--border-light);border-radius:8px;color:#172a35;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.subscription-page .subscription-tiers-container .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){border-color:#13005a;border-color:var(--primary-violet);color:#13005a;color:var(--primary-violet)}.subscription-page .subscription-tiers-container .pagination-container .pagination-controls .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.subscription-page .subscription-tiers-container .pagination-container .pagination-controls .page-info{color:#71717a;color:var(--text-secondary);font-size:.9rem}.subscription-page .subscription-tiers-container .dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media(max-width:768px){.subscription-tiers-container{padding:1rem}.subscription-tiers-container .second-header{flex-direction:column;gap:1rem;padding:1rem 0}.subscription-tiers-container .second-header .search-container{max-width:100%}.subscription-tiers-container .second-header .action-buttons,.subscription-tiers-container .second-header .action-buttons .create-tier-btn{justify-content:center;width:100%}.subscription-tiers-container .subscription-tiers-grid{grid-template-columns:1fr}.subscription-tiers-container .pagination-container{flex-direction:column;gap:1rem;text-align:center}}:root{--primary-violet:#13005a;--secondary-violet:#a000f0;--accent-violet:#3f2de6;--primary-violet-hover:#6400c0;--secondary-violet-hover:#3f2de6;--bg-light:#fafafa;--bg-dark:#18181b;--surface:#f4f4f5;--surface-dark:#27272a;--text-primary:#172a35;--text-secondary:#71717a;--text-light:#e4e4e7;--text-muted:#a1a1aa;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--border-light:#e4e4e7;--border-medium:#d4d4d8;--border-dark:#52525b;--shadow-light:#0000000a;--shadow-medium:#00000014;--shadow-heavy:#00000026;--shadow-violet:#13005a26;--button-primary:#a000f0;--button-primary-hover:#6400c0;--button-secondary:#3f2de6}[data-theme=dark]{--bg-light:var(--bg-dark);--surface:var(--surface-dark);--text-primary:var(--text-light);--text-secondary:#a1a1aa;--border-light:var(--border-dark);--border-medium:#52525b;--primary-violet:var(--secondary-violet);--primary-violet-hover:var(--accent-violet);--shadow-light:#ffffff0d;--shadow-medium:#ffffff14;--shadow-heavy:#ffffff26}.theme-primary{background:#13005a;background:var(--primary-violet);color:#fff}.theme-primary:hover{background:#6400c0;background:var(--primary-violet-hover)}.theme-secondary{background:#a000f0;background:var(--secondary-violet);color:#fff}.theme-secondary:hover{background:#3f2de6;background:var(--secondary-violet-hover)}.theme-surface{background:#f4f4f5;background:var(--surface);border:1px solid #e4e4e7;border:1px solid var(--border-light);color:#172a35;color:var(--text-primary)}.theme-gradient{background:var(--gradient-primary);color:#fff}.theme-text-primary{color:#172a35;color:var(--text-primary)}.theme-text-secondary{color:#71717a;color:var(--text-secondary)}.theme-border{border-color:#e4e4e7;border-color:var(--border-light)}.theme-shadow{box-shadow:0 2px 8px #0000000a;box-shadow:0 2px 8px var(--shadow-light)}.theme-shadow-hover{box-shadow:0 8px 25px #00000014;box-shadow:0 8px 25px var(--shadow-medium)}.btn-primary{background:#a000f0;background:var(--button-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{background:#6400c0;background:var(--button-primary-hover);box-shadow:0 4px 12px #13005a26;box-shadow:0 4px 12px var(--shadow-violet);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#a1a1aa;background:var(--text-muted);cursor:not-allowed;transform:none}.btn-secondary{background:#0000;border:2px solid #3f2de6;border:2px solid var(--button-secondary);border-radius:8px;color:#3f2de6;color:var(--button-secondary);cursor:pointer;font-weight:600;padding:10px 22px;transition:all .3s ease}.btn-secondary:hover{background:#3f2de6;background:var(--button-secondary);color:#fff;transform:translateY(-2px)}.card-base{background:#f4f4f5;background:var(--surface);border:1px solid #e4e4e7;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #0000000a;box-shadow:0 2px 8px var(--shadow-light);padding:24px;transition:all .3s ease}.card-base:hover{border-color:#d4d4d8;border-color:var(--border-medium);box-shadow:0 8px 25px #00000014;box-shadow:0 8px 25px var(--shadow-medium);transform:translateY(-2px)}.input-base{background:#f4f4f5;background:var(--surface);border:1px solid #e4e4e7;border:1px solid var(--border-light);border-radius:8px;color:#172a35;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.input-base:focus{border-color:#13005a;border-color:var(--primary-violet);box-shadow:0 0 0 3px #13005a1a;outline:none}.input-base::placeholder{color:#a1a1aa;color:var(--text-muted)}.container-fluid{background:#fafafa;background:var(--bg-light);color:#172a35;color:var(--text-primary);min-height:100vh}.page-header{background:#f4f4f5;background:var(--surface);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-light);padding:20px 24px}.page-header h1,.page-header h2,.page-header h3{color:#172a35;color:var(--text-primary);margin:0}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in{animation:slideIn .5s ease-out}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-overlay .create-tier-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 50px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-overlay .create-tier-modal .modal-header{align-items:flex-start;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.modal-overlay .create-tier-modal .modal-header .header-content{align-items:center;display:flex;gap:1rem;justify-content:normal!important}.modal-overlay .create-tier-modal .modal-header .header-content .header-icon{align-items:center;background:linear-gradient(135deg,#13005a,#a000f0);background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border-radius:12px;color:#fff;display:flex;font-size:1.3rem;height:50px;justify-content:center;width:50px}.modal-overlay .create-tier-modal .modal-header .header-content .header-text h2{color:#172a35;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.modal-overlay .create-tier-modal .modal-header .header-content .header-text p{color:#71717a;color:var(--text-secondary);font-size:.9rem;margin:0}.modal-overlay .create-tier-modal .modal-header .close-btn{background:none;border:none;border-radius:8px;color:#71717a;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:8px;transition:all .3s ease}.modal-overlay .create-tier-modal .modal-header .close-btn:hover:not(:disabled){background:#f4f4f5;background:var(--surface);color:#13005a;color:var(--primary-violet)}.modal-overlay .create-tier-modal .modal-header .close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay .create-tier-modal .tier-form{padding:2rem}.modal-overlay .create-tier-modal .tier-form .form-group{margin-bottom:1.5rem}.modal-overlay .create-tier-modal .tier-form .form-group .form-label{color:#172a35;color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.modal-overlay .create-tier-modal .tier-form .form-group .form-input{background:#fff;border:2px solid #e4e4e7;border:2px solid var(--border-light);border-radius:12px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.modal-overlay .create-tier-modal .tier-form .form-group .form-input:focus{border-color:#13005a;border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.modal-overlay .create-tier-modal .tier-form .form-group .form-input::placeholder{color:#71717a;color:var(--text-secondary)}.modal-overlay .create-tier-modal .tier-form .form-group .form-input.error{border-color:#ef4444;border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.modal-overlay .create-tier-modal .tier-form .form-group .form-input:disabled{background:#f4f4f5;background:var(--surface);cursor:not-allowed;opacity:.7}.modal-overlay .create-tier-modal .tier-form .form-group .form-textarea{background:#fff;border:2px solid #e4e4e7;border:2px solid var(--border-light);border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1rem;min-height:80px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.modal-overlay .create-tier-modal .tier-form .form-group .form-textarea:focus{border-color:#13005a;border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.modal-overlay .create-tier-modal .tier-form .form-group .form-textarea::placeholder{color:#71717a;color:var(--text-secondary)}.modal-overlay .create-tier-modal .tier-form .form-group .form-textarea:disabled{background:#f4f4f5;background:var(--surface);cursor:not-allowed;opacity:.7}.modal-overlay .create-tier-modal .tier-form .form-group .error-message{color:#ef4444;color:var(--error);display:block;font-size:.8rem;margin-top:.5rem}.modal-overlay .create-tier-modal .tier-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:480px){.modal-overlay .create-tier-modal .tier-form .form-row{grid-template-columns:1fr}}.modal-overlay .create-tier-modal .tier-form .form-actions{border-top:1px solid #e4e4e7;border-top:1px solid var(--border-light);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.modal-overlay .create-tier-modal .tier-form .form-actions .cancel-btn{background:#fff;border:2px solid #d4d4d8;border:2px solid var(--border-medium);border-radius:12px;color:#172a35;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.modal-overlay .create-tier-modal .tier-form .form-actions .cancel-btn:hover:not(:disabled){border-color:#13005a;border-color:var(--primary-violet);color:#13005a;color:var(--primary-violet)}.modal-overlay .create-tier-modal .tier-form .form-actions .cancel-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay .create-tier-modal .tier-form .form-actions .submit-btn{align-items:center;background:linear-gradient(135deg,#13005a,#a000f0);background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.modal-overlay .create-tier-modal .tier-form .form-actions .submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.modal-overlay .create-tier-modal .tier-form .form-actions .submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.modal-overlay .create-tier-modal .tier-form .form-actions .submit-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media(max-width:480px){.modal-overlay .create-tier-modal .tier-form .form-actions{flex-direction:column}.modal-overlay .create-tier-modal .tier-form .form-actions .cancel-btn,.modal-overlay .create-tier-modal .tier-form .form-actions .submit-btn{justify-content:center;width:100%}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.modal-overlay{padding:.5rem}.modal-overlay .create-tier-modal .modal-header{padding:1.5rem 1.5rem 1rem}.modal-overlay .create-tier-modal .modal-header .header-content .header-icon{font-size:1.1rem;height:40px;width:40px}.modal-overlay .create-tier-modal .modal-header .header-content .header-text h2{font-size:1.3rem}.modal-overlay .create-tier-modal .modal-header .header-content .header-text p{font-size:.8rem}.modal-overlay .create-tier-modal .tier-form{padding:1.5rem}}.package-management{background:var(--background);min-height:100vh}.package-management .package-content{margin:0 auto;max-width:1400px;padding:32px}@media(max-width:768px){.package-management .package-content{padding:20px}}.package-management .package-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.package-management .package-header .header-left{align-items:center;display:flex;gap:16px}.package-management .package-header .header-left .page-icon{background:#8b5cf61a;border-radius:12px;color:var(--primary-violet);height:48px;padding:8px;width:48px}.package-management .package-header .header-left h1{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2;margin:0}.package-management .package-header .header-left p{color:var(--text-secondary);font-size:16px;margin:4px 0 0}.package-management .package-header .create-package-btn{align-items:center;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.package-management .package-header .create-package-btn:hover{box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}.package-management .package-header .create-package-btn svg{height:20px;width:20px}@media(max-width:768px){.package-management .package-header{align-items:flex-start;flex-direction:column;gap:16px}.package-management .package-header .create-package-btn{align-self:stretch;justify-content:center}}.package-management .package-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:32px;overflow:hidden}.package-management .package-form{padding:32px}.package-management .package-form h3{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 24px}.package-management .package-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media(max-width:768px){.package-management .package-form .form-row{grid-template-columns:1fr}}.package-management .package-form .form-group{margin-bottom:20px}.package-management .package-form .form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.package-management .package-form .form-group input,.package-management .package-form .form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.package-management .package-form .form-group input:focus,.package-management .package-form .form-group textarea:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.package-management .package-form .form-group input::placeholder,.package-management .package-form .form-group textarea::placeholder{color:#9ca3af}.package-management .package-form .form-group textarea{min-height:80px;resize:vertical}.package-management .package-form .form-actions{display:flex;gap:12px;margin-top:24px}@media(max-width:768px){.package-management .package-form .form-actions{flex-direction:column}}.package-management .package-form .form-actions .save-btn{align-items:center;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.package-management .package-form .form-actions .save-btn:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.package-management .package-form .form-actions .cancel-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.package-management .package-form .form-actions .cancel-btn:hover{background:#e5e7eb}.package-management .packages-list h3{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 24px}.package-management .packages-list .no-packages{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:64px 32px;text-align:center}.package-management .packages-list .no-packages .empty-icon{color:#d1d5db;height:64px;margin-bottom:16px;width:64px}.package-management .packages-list .no-packages p{color:var(--text-secondary);font-size:18px;margin:0 0 24px}.package-management .packages-list .no-packages .create-first-package-btn{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.package-management .packages-list .no-packages .create-first-package-btn:hover{box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}.package-management .packages-list .packages-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(max-width:768px){.package-management .packages-list .packages-grid{grid-template-columns:1fr}}.package-management .packages-list .package-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .2s ease}.package-management .packages-list .package-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.package-management .packages-list .package-card .package-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px 16px}.package-management .packages-list .package-card .package-header h4{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.package-management .packages-list .package-card .package-header .package-actions{display:flex;gap:8px}.package-management .packages-list .package-card .package-header .package-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.package-management .packages-list .package-card .package-header .package-actions button svg{height:18px;width:18px}.package-management .packages-list .package-card .package-header .package-actions button.edit-btn{background:#8b5cf61a;color:var(--primary-violet)}.package-management .packages-list .package-card .package-header .package-actions button.edit-btn:hover{background:#8b5cf633}.package-management .packages-list .package-card .package-header .package-actions button.delete-btn{background:#ef44441a;color:#ef4444}.package-management .packages-list .package-card .package-header .package-actions button.delete-btn:hover{background:#ef444433}.package-management .packages-list .package-card .package-details{padding:20px 24px 24px}.package-management .packages-list .package-card .package-details .detail-item{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.package-management .packages-list .package-card .package-details .detail-item:last-child{margin-bottom:0}.package-management .packages-list .package-card .package-details .detail-item .label{color:var(--text-secondary);font-size:14px;font-weight:600;min-width:100px}.package-management .packages-list .package-card .package-details .detail-item .value{color:var(--text-primary);flex:1 1;font-size:14px;margin-left:12px;text-align:right;word-break:break-word}.overview-component{background:#0000;margin-bottom:24px;padding:0}.overview-component .overview-header{border-bottom:2px solid var(--primary-violet);margin-bottom:20px;padding-bottom:12px}.overview-component .overview-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.overview-component .overview-content{display:flex;flex-direction:column;gap:16px}.overview-component .overview-content .overview-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex}.overview-component .overview-content .overview-item:last-child{border-bottom:none}.overview-component .overview-content .overview-item .overview-label{color:var(--text-primary);font-size:16px;font-weight:600;min-width:200px}.overview-component .overview-content .overview-item .overview-value{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:6px;color:var(--primary-violet);font-size:16px;font-weight:500;padding:6px 12px}@media(max-width:768px){.overview-component{margin-bottom:16px;padding:16px}.overview-component .overview-header h2{font-size:20px}.overview-component .overview-content .overview-item{align-items:flex-start;flex-direction:column;gap:8px}.overview-component .overview-content .overview-item .overview-label{font-size:14px;min-width:auto}.overview-component .overview-content .overview-item .overview-value{align-self:stretch;font-size:14px;text-align:center}}.blooms-pyramid-container{align-items:flex-start;display:flex;gap:30px;max-width:100%;min-height:300px;overflow:hidden;padding:20px 0}.blooms-pyramid-container .pyramid-section{align-items:flex-start;display:flex;flex:0 0 200px;justify-content:center}.blooms-pyramid-container .pyramid-section .pyramid{align-items:center;display:flex;flex-direction:column;height:220px;justify-content:space-between;position:relative;width:180px}.blooms-pyramid-container .pyramid-section .pyramid .pyramid-layer{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:center;position:relative}.blooms-pyramid-container .pyramid-section .pyramid .pyramid-layer .layer-content{align-items:center;display:flex;height:100%;justify-content:center;padding:12px;width:100%}.blooms-pyramid-container .pyramid-section .pyramid .pyramid-layer .layer-content .layer-title{color:#fff;font-size:14px;font-weight:700;line-height:1.2;text-align:center;text-shadow:0 1px 3px #0000004d}.blooms-pyramid-container .pyramid-section .pyramid .pyramid-layer:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.blooms-pyramid-container .pyramid-section .pyramid .impact-layer{background:linear-gradient(135deg,#fcd34d,#f59e0b);border:2px solid #f59e0b;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);height:70px;margin-bottom:15px;width:90px}.blooms-pyramid-container .pyramid-section .pyramid .impact-layer .layer-title{font-size:11px;padding-top:45px}.blooms-pyramid-container .pyramid-section .pyramid .impact-layer:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.blooms-pyramid-container .pyramid-section .pyramid .competency-layer{background:linear-gradient(135deg,#f87171,#ef4444);border:2px solid #ef4444;-webkit-clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);height:55px;margin-bottom:15px;width:130px}.blooms-pyramid-container .pyramid-section .pyramid .competency-layer .layer-title{font-size:11px}.blooms-pyramid-container .pyramid-section .pyramid .competency-layer:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.blooms-pyramid-container .pyramid-section .pyramid .foundation-layer{background:linear-gradient(135deg,#6ee7b7,#10b981);border:2px solid #10b981;-webkit-clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);height:60px;width:170px}.blooms-pyramid-container .pyramid-section .pyramid .foundation-layer .layer-title{font-size:11px}.blooms-pyramid-container .pyramid-section .pyramid .foundation-layer:hover{background:linear-gradient(135deg,#10b981,#059669)}.blooms-pyramid-container .content-section{display:flex;flex:1 1;flex-direction:column;gap:20px;max-width:calc(100% - 215px);padding-left:15px}.blooms-pyramid-container .content-section .content-row{align-items:flex-start;display:flex;gap:15px}.blooms-pyramid-container .content-section .content-row .arrow-connector{flex:0 0 60px;height:16px;margin-top:5%}.blooms-pyramid-container .content-section .content-row .arrow-connector .arrow-svg{height:100%;width:100%}.blooms-pyramid-container .content-section .content-row .content-box{background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 2px 8px #00000014;flex:1 1;padding:15px}.blooms-pyramid-container .content-section .content-row .content-box h4{font-size:14px;font-weight:600;line-height:1.3;margin:0 0 6px}.blooms-pyramid-container .content-section .content-row .content-box .layer-subtitle{font-size:11px;font-style:italic;font-weight:500;line-height:1.2;margin:0 0 8px;opacity:.7}.blooms-pyramid-container .content-section .content-row .content-box p{color:#71717a;color:var(--text-secondary,#71717a);font-size:12px;line-height:1.4;margin:0}.blooms-pyramid-container .content-section .content-row .content-box .objectives-list{list-style-type:disc;margin:0;padding-left:1rem}.blooms-pyramid-container .content-section .content-row .content-box .objectives-list li{color:#71717a;color:var(--text-secondary,#71717a);font-size:12px;line-height:1.4;margin-bottom:.3rem}.blooms-pyramid-container .content-section .content-row .content-box .objectives-list li:last-child{margin-bottom:0}.blooms-pyramid-container .content-section .content-row .content-box:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.blooms-pyramid-container .content-section .content-row.impact-content .content-box{border-color:#f59e0b}.blooms-pyramid-container .content-section .content-row.impact-content .content-box h4{color:#f59e0b}.blooms-pyramid-container .content-section .content-row.impact-content .content-box:hover{background:#f59e0b05;border-color:#d97706}.blooms-pyramid-container .content-section .content-row.competency-content .content-box{border-color:#ef4444}.blooms-pyramid-container .content-section .content-row.competency-content .content-box h4{color:#ef4444}.blooms-pyramid-container .content-section .content-row.competency-content .content-box:hover{background:#ef444405;border-color:#dc2626}.blooms-pyramid-container .content-section .content-row.foundation-content .content-box{border-color:#10b981}.blooms-pyramid-container .content-section .content-row.foundation-content .content-box h4{color:#10b981}.blooms-pyramid-container .content-section .content-row.foundation-content .content-box:hover{background:#10b98105;border-color:#059669}@media(max-width:768px){.blooms-pyramid-container{flex-direction:column;gap:15px;padding:15px 0}.blooms-pyramid-container .pyramid-section{flex:none}.blooms-pyramid-container .pyramid-section .pyramid{height:180px;width:150px}.blooms-pyramid-container .pyramid-section .pyramid .impact-layer{height:50px;margin-bottom:10px;width:70px}.blooms-pyramid-container .pyramid-section .pyramid .impact-layer .layer-title{font-size:9px;padding-top:30px}.blooms-pyramid-container .pyramid-section .pyramid .competency-layer{height:45px;margin-bottom:10px;width:110px}.blooms-pyramid-container .pyramid-section .pyramid .competency-layer .layer-title{font-size:9px}.blooms-pyramid-container .pyramid-section .pyramid .foundation-layer{height:50px;width:140px}.blooms-pyramid-container .pyramid-section .pyramid .foundation-layer .layer-title{font-size:9px}.blooms-pyramid-container .content-section{gap:15px;max-width:100%;padding-left:0}.blooms-pyramid-container .content-section .content-row .arrow-connector{flex:0 0 40px;height:12px}.blooms-pyramid-container .content-section .content-row .content-box{padding:12px}.blooms-pyramid-container .content-section .content-row .content-box h4{font-size:13px}.blooms-pyramid-container .content-section .content-row .content-box .layer-subtitle{font-size:10px}.blooms-pyramid-container .content-section .content-row .content-box .objectives-list li,.blooms-pyramid-container .content-section .content-row .content-box p{font-size:11px}}@media(max-width:480px){.blooms-pyramid-container .content-section .content-row{align-items:flex-start;flex-direction:column;gap:12px}.blooms-pyramid-container .content-section .content-row .arrow-connector{flex:0 0 40px;transform:rotate(90deg)}.blooms-pyramid-container .content-section .content-row .content-box{width:100%}}.markdown-wrapper{color:#333;font-family:Poppins,sans-serif;line-height:1.6;max-width:100%;overflow-wrap:break-word}.markdown-wrapper .markdown-h1{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:2.2rem;font-weight:600;margin:1.5rem 0 1rem;padding-bottom:.5rem}.markdown-wrapper .markdown-h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin:1.5rem 0 1rem}.markdown-wrapper .markdown-h3{color:#2d3748;font-size:1.4rem;font-weight:600;margin:1.25rem 0 .75rem}.markdown-wrapper .markdown-p{font-size:1.1rem;line-height:1.7;margin:1rem 0}.markdown-wrapper .markdown-ol,.markdown-wrapper .markdown-ul{margin:1rem 0;padding-left:2rem}.markdown-wrapper .markdown-li{font-size:1.1rem;line-height:1.6;margin:.5rem 0}.markdown-wrapper .markdown-strong{color:#2d3748;font-weight:600}.markdown-wrapper .markdown-em{font-style:italic}.markdown-wrapper .markdown-a{color:#5a67d8;font-weight:500;text-decoration:none;transition:color .2s ease}.markdown-wrapper .markdown-a:hover{color:#434190;text-decoration:underline}.markdown-wrapper pre{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin:1rem 0;overflow-x:auto;padding:1rem}.markdown-wrapper code{background-color:#f7fafc;border-radius:.25rem;color:#dd4a68;font-family:Fira Code,Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.markdown-wrapper blockquote{border-left:4px solid #e2e8f0;color:#4a5568;font-style:italic;margin:1rem 0;padding:.5rem 0 .5rem 1rem}.markdown-wrapper table{border-collapse:collapse;font-size:.95rem;margin:1.5rem 0;width:100%}.markdown-wrapper td,.markdown-wrapper th{border:1px solid #e2e8f0;padding:.75rem;text-align:left}.markdown-wrapper th{background-color:#f7fafc;font-weight:600}.markdown-wrapper tr:nth-child(2n){background-color:#f8fafc}@media(max-width:768px){.markdown-wrapper .markdown-h1{font-size:1.8rem}.markdown-wrapper .markdown-h2{font-size:1.5rem}.markdown-wrapper .markdown-h3{font-size:1.25rem}.markdown-wrapper .markdown-li,.markdown-wrapper .markdown-p{font-size:1rem}.markdown-wrapper pre{font-size:.9rem;padding:.75rem}}.core-outcomes-component{background:#0000;margin-bottom:32px;padding:0}.core-outcomes-component .outcomes-header{background:linear-gradient(135deg,#8b5cf60d,#a78bfa0d);border-left:4px solid var(--primary-violet);border-radius:12px;margin-bottom:24px;padding:16px 0 16px 20px}.core-outcomes-component .outcomes-header h3{align-items:center;color:var(--primary-violet);display:flex;font-size:22px;font-weight:700;gap:8px;margin:0}.core-outcomes-component .outcomes-header h3:before{content:"🎯";font-size:20px}.core-outcomes-component .outcomes-list{display:flex;flex-direction:column;gap:16px}.core-outcomes-component .outcomes-list .outcome-item{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 4px #00000005;display:flex;justify-content:space-between;padding:16px 20px}.core-outcomes-component .outcomes-list .outcome-item.active{background:linear-gradient(135deg,#4bd56505,#aefa8b05);border-color:green;box-shadow:0 4px 12px #8b5cf61a;cursor:help}.core-outcomes-component .outcomes-list .outcome-item.active:hover{background:linear-gradient(135deg,#4bd56505,#aefa8b05);border-color:#0ec80e;box-shadow:0 8px 20px #8b5cf626;transform:translateY(-2px)}.core-outcomes-component .outcomes-list .outcome-item:not(.active){border-color:red;opacity:.6}.core-outcomes-component .outcomes-list .outcome-item:not(.active):hover{opacity:.8}.core-outcomes-component .outcomes-list .outcome-item .outcome-content{align-items:center;display:flex;flex:1 1;gap:16px}.core-outcomes-component .outcomes-list .outcome-item .outcome-content .outcome-bullet{color:var(--primary-violet);font-size:20px;font-weight:700;min-width:8px}.core-outcomes-component .outcomes-list .outcome-item .outcome-content .outcome-text{flex:1 1}.core-outcomes-component .outcomes-list .outcome-item .outcome-content .outcome-text .outcome-label{color:var(--text-primary);display:block;font-size:16px;font-weight:600;line-height:1.5}.core-outcomes-component .outcomes-list .outcome-item .outcome-tick{align-items:center;display:flex;justify-content:center;margin-left:16px}.core-outcomes-component .outcomes-list .outcome-item .outcome-tick .tick-icon{font-size:28px}.core-outcomes-component .outcomes-list .outcome-item .outcome-tick .tick-icon.checked{color:#05b405;filter:drop-shadow(0 2px 4px rgba(131,236,39,.3))}.core-outcomes-component .outcomes-list .outcome-item .outcome-tick .tick-icon.unchecked{color:#d1d5db;opacity:.5}.core-outcomes-component .blooms-section{margin-top:30px}.core-outcomes-component .blooms-section .blooms-header{border-bottom:2px solid var(--primary-violet);margin-bottom:20px;padding-bottom:12px}.core-outcomes-component .blooms-section .blooms-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:20px;font-weight:700;margin:0}@media(max-width:768px){.core-outcomes-component{margin-bottom:16px;padding:16px}.core-outcomes-component .outcomes-header h3{font-size:18px}.core-outcomes-component .outcomes-list{gap:12px}.core-outcomes-component .outcomes-list .outcome-item{padding:12px}.core-outcomes-component .outcomes-list .outcome-item .outcome-content{gap:8px}.core-outcomes-component .outcomes-list .outcome-item .outcome-content .outcome-label{font-size:14px}.core-outcomes-component .outcomes-list .outcome-item .outcome-content .outcome-bullet{font-size:16px}.core-outcomes-component .outcomes-list .outcome-item .outcome-tick{margin-left:8px}.core-outcomes-component .outcomes-list .outcome-item .outcome-tick .tick-icon{font-size:20px}.blooms-section{border-top:2px solid var(--primary-violet);margin-top:40px!important;padding-top:32px}.blooms-section .blooms-header{margin-bottom:32px;text-align:center}.blooms-section .blooms-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.blooms-section .blooms-header p{color:var(--text-secondary);font-size:16px;font-style:italic;margin:0}}.engagement-content{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.engagement-content .engagement-header{margin-bottom:3rem;text-align:center}.engagement-content .engagement-header .engagement-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:800;gap:1rem;justify-content:center;margin:0}.engagement-content .engagement-header .engagement-title .title-icon{filter:drop-shadow(0 4px 8px rgba(139,92,246,.3));font-size:2.5rem}.engagement-content .section-header{margin-bottom:1.5rem}.engagement-content .section-header h3{align-items:center;color:#374151;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.engagement-content .section-header h3 .section-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem}.engagement-content .section-header .prompts-subtitle{color:#6b7280;font-size:.9rem;font-style:italic}.engagement-content .attention-fact-section{margin-bottom:3rem}.engagement-content .attention-fact-section .attention-fact-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:20px;box-shadow:0 8px 32px #f59e0b33;overflow:hidden;padding:2rem;position:relative}.engagement-content .attention-fact-section .attention-fact-card .fact-content{position:relative;z-index:2}.engagement-content .attention-fact-section .attention-fact-card .fact-content p{color:#92400e;font-size:1.2rem;font-weight:500;line-height:1.7;margin:0;text-align:center}.engagement-content .attention-fact-section .attention-fact-card .fact-decoration{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.engagement-content .attention-fact-section .attention-fact-card .fact-decoration .sparkle{font-size:1.5rem;position:absolute}.engagement-content .attention-fact-section .attention-fact-card .fact-decoration .sparkle.sparkle-1{left:10%;top:10%}.engagement-content .attention-fact-section .attention-fact-card .fact-decoration .sparkle.sparkle-2{right:15%;top:20%}.engagement-content .attention-fact-section .attention-fact-card .fact-decoration .sparkle.sparkle-3{bottom:15%;left:20%}.engagement-content .media-resources-section{margin-bottom:3rem}.engagement-content .media-resources-section .media-container{display:flex;flex-direction:column;gap:2rem}.engagement-content .media-resources-section .media-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:0}.engagement-content .media-resources-section .media-card.full-width{width:100%}.engagement-content .media-resources-section .media-card.image-card{border-color:#10b981}.engagement-content .media-resources-section .media-card.video-card{border-color:#ef4444}.engagement-content .media-resources-section .media-card .media-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.engagement-content .media-resources-section .media-card .media-header .media-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.engagement-content .media-resources-section .media-card .media-header .media-type-badge.image-badge{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.engagement-content .media-resources-section .media-card .media-header .media-type-badge.video-badge{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.engagement-content .media-resources-section .media-card .media-header .media-type-badge .badge-icon{font-size:1rem}.engagement-content .media-resources-section .media-card .media-visual{position:relative;width:100%}.engagement-content .media-resources-section .media-card .media-visual .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.engagement-content .media-resources-section .media-card .media-visual .loading-state .spinner{border:4px solid #f3f3f3;border-radius:50%;border-top-color:#8b5cf6;height:40px;margin-bottom:1rem;width:40px}.engagement-content .media-resources-section .media-card .media-visual .loading-state p{color:#6b7280;font-style:italic;margin:0}.engagement-content .media-resources-section .media-card .media-visual .single-image-container,.engagement-content .media-resources-section .media-card .media-visual .single-video-container{width:100%}.engagement-content .media-resources-section .media-card .media-visual .single-image-container .image-display,.engagement-content .media-resources-section .media-card .media-visual .single-image-container .video-display,.engagement-content .media-resources-section .media-card .media-visual .single-video-container .image-display,.engagement-content .media-resources-section .media-card .media-visual .single-video-container .video-display{height:400px;overflow:hidden;position:relative;width:100%}.engagement-content .media-resources-section .media-card .media-visual .single-image-container .image-display img,.engagement-content .media-resources-section .media-card .media-visual .single-image-container .video-display img,.engagement-content .media-resources-section .media-card .media-visual .single-video-container .image-display img,.engagement-content .media-resources-section .media-card .media-visual .single-video-container .video-display img{height:100%;object-fit:cover;width:100%}.engagement-content .media-resources-section .media-card .media-visual .single-image-container .video-display,.engagement-content .media-resources-section .media-card .media-visual .single-video-container .video-display{cursor:pointer}.engagement-content .media-resources-section .media-card .media-visual .single-image-container .video-display .play-overlay,.engagement-content .media-resources-section .media-card .media-visual .single-video-container .video-display .play-overlay{align-items:center;background:#000000b3;border-radius:50%;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.engagement-content .media-resources-section .media-card .media-visual .single-image-container .video-display .play-overlay .play-icon,.engagement-content .media-resources-section .media-card .media-visual .single-video-container .video-display .play-overlay .play-icon{color:#fff;font-size:2rem;margin-left:4px}.engagement-content .media-resources-section .media-card .media-content{padding:1.5rem}.engagement-content .media-resources-section .media-card .media-content .media-description h4{color:#374151;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.engagement-content .media-resources-section .media-card .media-content .media-description .image-title,.engagement-content .media-resources-section .media-card .media-content .media-description .video-title{color:#6b7280;font-size:.9rem;font-style:italic;line-height:1.3;margin:0}.engagement-content .teacher-prompts-section{margin-bottom:3rem}.engagement-content .teacher-prompts-section .prompts-container{display:flex;flex-direction:column;gap:1.5rem}.engagement-content .teacher-prompts-section .prompt-card{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #8b5cf61a;display:flex;gap:1rem;padding:1.5rem}.engagement-content .teacher-prompts-section .prompt-card .prompt-number{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.engagement-content .teacher-prompts-section .prompt-card .prompt-content{flex:1 1}.engagement-content .teacher-prompts-section .prompt-card .prompt-content p{color:#374151;font-size:1rem;line-height:1.6;margin:0}.engagement-content .teacher-prompts-section .prompt-card .prompt-actions{flex-shrink:0}.engagement-content .teacher-prompts-section .prompt-card .prompt-actions .copy-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:1rem;padding:.5rem}.engagement-content .usage-tips-section .tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.engagement-content .usage-tips-section .tip-card{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.engagement-content .usage-tips-section .tip-card .tip-icon{flex-shrink:0;font-size:2rem}.engagement-content .usage-tips-section .tip-card .tip-content h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.engagement-content .usage-tips-section .tip-card .tip-content p{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}@media(max-width:768px){.engagement-content .engagement-content{padding:1rem}.engagement-content .engagement-content .engagement-header .engagement-title{flex-direction:column;font-size:2rem;gap:.5rem}.engagement-content .engagement-content .media-grid{grid-template-columns:1fr}.engagement-content .engagement-content .attention-fact-card{padding:1.5rem}.engagement-content .engagement-content .attention-fact-card .fact-content p{font-size:1.1rem}.engagement-content .engagement-content .prompt-card{flex-direction:column;gap:1rem;text-align:center}.engagement-content .engagement-content .tips-grid{grid-template-columns:1fr}}@media(max-width:480px){.engagement-content .engagement-content{padding:.5rem}.engagement-content .engagement-content .engagement-header .engagement-title{font-size:1.5rem}.engagement-content .engagement-content .attention-fact-card .fact-content p{font-size:1rem}.engagement-content .engagement-content .media-card{padding:1rem}}.why-it-matters-content{margin:0 auto;padding:2rem}.why-it-matters-content .markdown-wrapper{margin-bottom:2rem}.why-it-matters-content .markdown-wrapper h1{border-bottom:3px solid #e2e8f0;color:#2d3748;font-size:2.2rem;font-weight:700;margin-bottom:2rem;padding-bottom:.75rem}.why-it-matters-content .markdown-wrapper h2{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:1.8rem;font-weight:600;margin:2.5rem 0 1.5rem;padding-bottom:.5rem}.why-it-matters-content .markdown-wrapper h3{color:#4a5568;font-size:1.4rem;font-weight:600;margin:2rem 0 1rem}.why-it-matters-content .markdown-wrapper p{color:#4a5568;font-size:1.05rem;line-height:1.8;margin:1.25rem 0}.why-it-matters-content .markdown-wrapper em{color:#718096;display:block;font-size:1.1rem;font-style:italic;margin-bottom:1.5rem}.why-it-matters-content .markdown-wrapper strong{color:#2d3748;font-weight:600}.why-it-matters-content .activities-section{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-left:5px solid #8b5cf6;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-top:3rem;padding:2rem}.why-it-matters-content .activities-section h2{color:#8b5cf6;margin-top:0}.why-it-matters-content .activities-section h3{color:#5a67d8}@media(max-width:768px){.why-it-matters-content{padding:1.5rem}.why-it-matters-content .markdown-wrapper h1{font-size:1.8rem}.why-it-matters-content .markdown-wrapper h2{font-size:1.5rem}.why-it-matters-content .markdown-wrapper h3{font-size:1.25rem}.why-it-matters-content .markdown-wrapper em,.why-it-matters-content .markdown-wrapper p{font-size:1rem}.why-it-matters-content .activities-section{margin-top:2rem;padding:1.5rem}}.why-it-matters-content-legacy{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.why-it-matters-content-legacy .page-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.why-it-matters-content-legacy .page-header .header-content h2{align-items:center;color:#374151;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin:0}.why-it-matters-content-legacy .page-header .header-content h2 .header-icon{font-size:3rem}@media(max-width:768px){.why-it-matters-content-legacy .page-header .header-content h2{flex-direction:column;font-size:2rem;gap:.5rem}.why-it-matters-content-legacy .page-header .header-content h2 .header-icon{font-size:2.5rem}}.why-it-matters-content-legacy .section-header{margin-bottom:2rem;text-align:left}.why-it-matters-content-legacy .section-header h3{align-items:center;color:#374151;display:flex;font-size:1.8rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.why-it-matters-content-legacy .section-header h3 .section-icon{font-size:2rem}@media(max-width:768px){.why-it-matters-content-legacy .section-header h3{font-size:1.5rem}.why-it-matters-content-legacy .section-header h3 .section-icon{font-size:1.8rem}}.why-it-matters-content-legacy .section-header .section-subtitle{color:#6b7280;font-size:1.1rem;font-style:italic;margin:0}.why-it-matters-content-legacy .future-section,.why-it-matters-content-legacy .real-world-section{margin-bottom:4rem}.why-it-matters-content-legacy .future-section .facts-grid,.why-it-matters-content-legacy .real-world-section .facts-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}@media(max-width:768px){.why-it-matters-content-legacy .future-section .facts-grid,.why-it-matters-content-legacy .real-world-section .facts-grid{gap:1rem}}.why-it-matters-content-legacy .future-section .fact-card,.why-it-matters-content-legacy .real-world-section .fact-card{align-items:flex-start;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;gap:1.5rem;padding:2rem;width:100%}.why-it-matters-content-legacy .future-section .fact-card.today-fact,.why-it-matters-content-legacy .real-world-section .fact-card.today-fact{border-color:#10b981}.why-it-matters-content-legacy .future-section .fact-card.today-fact .fact-number,.why-it-matters-content-legacy .real-world-section .fact-card.today-fact .fact-number{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.why-it-matters-content-legacy .future-section .fact-card.future-fact,.why-it-matters-content-legacy .real-world-section .fact-card.future-fact{border-color:#8b5cf6}.why-it-matters-content-legacy .future-section .fact-card.future-fact:hover,.why-it-matters-content-legacy .real-world-section .fact-card.future-fact:hover{border-color:#7c3aed}.why-it-matters-content-legacy .future-section .fact-card.future-fact .fact-number,.why-it-matters-content-legacy .real-world-section .fact-card.future-fact .fact-number{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.why-it-matters-content-legacy .future-section .fact-card .fact-number,.why-it-matters-content-legacy .real-world-section .fact-card .fact-number{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:50px;justify-content:center;width:50px}.why-it-matters-content-legacy .future-section .fact-card .fact-content,.why-it-matters-content-legacy .real-world-section .fact-card .fact-content{flex:1 1}.why-it-matters-content-legacy .future-section .fact-card .fact-content p,.why-it-matters-content-legacy .real-world-section .fact-card .fact-content p{color:#374151;font-size:1.1rem;font-weight:500;line-height:1.7;margin:0}@media(max-width:768px){.why-it-matters-content-legacy{padding:1rem}.why-it-matters-content-legacy .page-header{margin-bottom:2rem;padding:1.5rem 0}.why-it-matters-content-legacy .future-section,.why-it-matters-content-legacy .real-world-section{margin-bottom:2.5rem}.why-it-matters-content-legacy .fact-card{gap:1rem;padding:1.5rem}.why-it-matters-content-legacy .fact-card .fact-number{font-size:1.2rem;height:45px;width:45px}.why-it-matters-content-legacy .fact-card .fact-content p{font-size:1rem;line-height:1.6}}.learning-objectives-content{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.learning-objectives-content .objectives-container{display:flex;flex-direction:column}.learning-objectives-content .objective-card{margin-bottom:3rem}.learning-objectives-content .objective-card:last-child{margin-bottom:0}@media(max-width:768px){.learning-objectives-content .objective-card{margin-bottom:2rem}}.learning-objectives-content .objective-title{margin-bottom:1.5rem}.learning-objectives-content .objective-title .objective-number{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:8px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.learning-objectives-content .objective-statement{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:5px solid #8b5cf6;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:1.5rem}.learning-objectives-content .objective-statement p{color:#374151;font-size:1.1rem;font-weight:500;line-height:1.7;margin:0}@media(max-width:768px){.learning-objectives-content .objective-statement p{font-size:1rem;line-height:1.6}.learning-objectives-content .objective-statement{padding:1.25rem}}.learning-objectives-content .section{margin-bottom:2.5rem}.learning-objectives-content .section:last-child{margin-bottom:0}.learning-objectives-content .section .section-title{align-items:center;color:#374151;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0 0 1rem;text-align:left}.learning-objectives-content .section .section-title .section-icon{font-size:1.3rem}@media(max-width:768px){.learning-objectives-content .section .section-title{font-size:1.1rem}}.learning-objectives-content .section .section-list{list-style:none;margin:0;padding:0}.learning-objectives-content .section .section-list .section-item{margin-bottom:0;padding:0}.learning-objectives-content .section .section-list .section-item .markdown-wrapper p{color:#374151;font-size:1rem;line-height:1.7;margin:.75rem 0}.learning-objectives-content .section .section-list .section-item .markdown-wrapper strong{color:#1f2937;font-weight:600}.learning-objectives-content .section .section-list .section-item .markdown-wrapper ol,.learning-objectives-content .section .section-list .section-item .markdown-wrapper ul{margin:.5rem 0;padding-left:1.5rem}.learning-objectives-content .section .section-list .section-item .markdown-wrapper li{color:#4b5563;margin:.5rem 0}.learning-objectives-content .section .section-content{padding:0}.learning-objectives-content .section .section-content.task-content .markdown-wrapper p{color:#374151;font-size:1rem;line-height:1.7;margin:.75rem 0}.learning-objectives-content .section .section-content.task-content .markdown-wrapper strong{color:#1f2937;font-weight:600}.learning-objectives-content .section .section-content p{color:#374151;font-size:1rem;line-height:1.7;margin:.75rem 0}@media(max-width:768px){.learning-objectives-content .section .section-content p{font-size:.95rem;line-height:1.6}}.learning-objectives-content .section.activity-section .section-list .section-item .markdown-wrapper p{color:#1f2937;font-size:1.02rem;line-height:1.7;margin:.25rem 0 .5rem}.learning-objectives-content .section.activity-section .section-list .section-item .markdown-wrapper strong{color:#6d28d9;font-weight:600}.learning-objectives-content .section.activity-section .section-list .section-item .markdown-wrapper ol,.learning-objectives-content .section.activity-section .section-list .section-item .markdown-wrapper ul{margin:.5rem 0;padding-left:1.25rem}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-title{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0 0 .75rem}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-goal{background:#f5f3ff;border:1px solid #e9d5ff;border-radius:8px;color:#1f2937;margin:0 0 .75rem;padding:.75rem .875rem}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-goal strong{color:#6d28d9;margin-right:.25rem}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-grid{display:flex;flex-direction:column;gap:1rem;margin:.5rem 0 .75rem}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-grid .activity-block{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:.9rem 1rem}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-grid .activity-block h6{align-items:center;color:#111827;display:inline-flex;font-size:.98rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-grid .activity-block ol,.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-grid .activity-block ul{margin:0;padding-left:1.25rem}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-grid .activity-block li{color:#374151;margin:.4rem 0}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-grid .materials-block{border-left:5px solid #10b981}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-grid .materials-block h6:before{content:"🧰"}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-grid .steps-block{border-left:5px solid #4f46e5}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-grid .steps-block h6:before{content:"🧭"}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-outcome{background:#f0f9ff;border:1px solid #dbeafe;border-radius:8px;color:#1f2937;margin-top:.5rem;padding:.75rem .875rem}.learning-objectives-content .section.activity-section .section-list .section-item.activity-structured-card .activity-outcome strong{color:#1d4ed8;margin-right:.25rem}.learning-objectives-content .section.questions-section .section-list .section-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 14px #0000000f;margin-bottom:1rem;padding:1rem 1.25rem;transition:box-shadow .2s ease,transform .2s ease}.learning-objectives-content .section.questions-section .section-list .section-item:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-1px)}.learning-objectives-content .section.questions-section .section-list .section-item .markdown-wrapper p{color:#111827;font-size:1.02rem;line-height:1.7;margin:.25rem 0 .5rem}.learning-objectives-content .section.questions-section .section-list .section-item .markdown-wrapper strong{color:#4338ca;font-weight:600}.learning-objectives-content .section.questions-section .section-list .section-item .markdown-wrapper ol,.learning-objectives-content .section.questions-section .section-list .section-item .markdown-wrapper ul{margin:.5rem 0;padding-left:1.25rem}.learning-objectives-content .media-resources-section{margin-bottom:3rem}.learning-objectives-content .media-resources-section .media-container{display:flex;flex-direction:column;gap:2rem}.learning-objectives-content .media-resources-section .media-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:0}.learning-objectives-content .media-resources-section .media-card.full-width{width:100%}.learning-objectives-content .media-resources-section .media-card.image-card{border-color:#10b981}.learning-objectives-content .media-resources-section .media-card.video-card{border-color:#ef4444}.learning-objectives-content .media-resources-section .media-card .media-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.learning-objectives-content .media-resources-section .media-card .media-header .media-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.learning-objectives-content .media-resources-section .media-card .media-header .media-type-badge.image-badge{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.learning-objectives-content .media-resources-section .media-card .media-header .media-type-badge.video-badge{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.learning-objectives-content .media-resources-section .media-card .media-header .media-type-badge .badge-icon{font-size:1rem}.learning-objectives-content .media-resources-section .media-card .media-visual{position:relative;width:100%}.learning-objectives-content .media-resources-section .media-card .media-visual .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.learning-objectives-content .media-resources-section .media-card .media-visual .loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#8b5cf6;height:40px;margin-bottom:1rem;width:40px}.learning-objectives-content .media-resources-section .media-card .media-visual .loading-state p{color:#6b7280;font-style:italic;margin:0}.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container{width:100%}.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .image-display,.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .video-display,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .image-display,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .video-display{height:400px;overflow:hidden;position:relative;width:100%}.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .image-display img,.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .video-display img,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .image-display img,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .video-display img{display:block;height:100%;object-fit:cover;width:100%}.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .image-display img.video-thumbnail,.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .video-display img.video-thumbnail,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .image-display img.video-thumbnail,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .video-display img.video-thumbnail{cursor:pointer;transition:opacity .3s ease}.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .image-display img.video-thumbnail:hover,.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .video-display img.video-thumbnail:hover,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .image-display img.video-thumbnail:hover,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .video-display img.video-thumbnail:hover{opacity:.8}.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .image-display .play-overlay,.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .video-display .play-overlay,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .image-display .play-overlay,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .video-display .play-overlay{align-items:center;background:#000000b3;border-radius:50%;display:flex;height:60px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .image-display .play-overlay .play-icon,.learning-objectives-content .media-resources-section .media-card .media-visual .single-image-container .video-display .play-overlay .play-icon,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .image-display .play-overlay .play-icon,.learning-objectives-content .media-resources-section .media-card .media-visual .single-video-container .video-display .play-overlay .play-icon{color:#fff;font-size:1.5rem}.learning-objectives-content .media-resources-section .media-card .media-content{padding:1.5rem}.learning-objectives-content .media-resources-section .media-card .media-content .media-description h4{color:#1f2937;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.learning-objectives-content .media-resources-section .media-card .media-content .media-description .image-title,.learning-objectives-content .media-resources-section .media-card .media-content .media-description .video-title{color:#6b7280;font-size:.9rem;font-style:italic;margin:0}.learning-objectives-content .activity-section .section-title{background:linear-gradient(135deg,#fff3f3,#faf5ff);border:1px solid #e9d5ff;border-radius:12px;box-shadow:0 2px 8px #8b5cf614;color:#1f2937;gap:.6rem;padding:.6rem .85rem}.learning-objectives-content .activity-section .section-title .section-icon{align-items:center;border-radius:8px;color:#fff;display:inline-flex;font-size:1.1rem;height:1.75rem;justify-content:center;width:1.75rem}.learning-objectives-content .questions-section .section-title{color:#374151}.learning-objectives-content .questions-section .section-title .section-icon{color:#4f46e5}.learning-objectives-content .task-section .section-title{color:#7c3aed}.learning-objectives-content .task-section .section-title .section-icon{color:#8b5cf6}.learning-objectives-content .task-section .task-content{background:#f3f4f6;border-left:4px solid #8b5cf6;padding:5px 10px}.learning-objectives-content .media-section .section-title{color:#1d4ed8}.learning-objectives-content .media-section .section-title .section-icon{color:#3b82f6}@media(max-width:768px){.learning-objectives-content .learning-objectives-content{padding:1rem}.learning-objectives-content .learning-objectives-content .objectives-container{gap:2rem}.learning-objectives-content .learning-objectives-content .objective-card{border-radius:12px}.learning-objectives-content .learning-objectives-content .objective-card .media-resources-section .media-container .media-card .media-visual .single-image-container .image-display,.learning-objectives-content .learning-objectives-content .objective-card .media-resources-section .media-container .media-card .media-visual .single-image-container .video-display,.learning-objectives-content .learning-objectives-content .objective-card .media-resources-section .media-container .media-card .media-visual .single-video-container .image-display,.learning-objectives-content .learning-objectives-content .objective-card .media-resources-section .media-container .media-card .media-visual .single-video-container .video-display{height:250px}.learning-objectives-content .learning-objectives-content .objective-card .media-resources-section .media-container .media-card .media-visual .single-image-container .image-display img,.learning-objectives-content .learning-objectives-content .objective-card .media-resources-section .media-container .media-card .media-visual .single-image-container .video-display img,.learning-objectives-content .learning-objectives-content .objective-card .media-resources-section .media-container .media-card .media-visual .single-video-container .image-display img,.learning-objectives-content .learning-objectives-content .objective-card .media-resources-section .media-container .media-card .media-visual .single-video-container .video-display img{height:100%}}.report-page-viewer{background:var(--bg-primary);margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);overflow-y:auto;padding:24px}.report-page-viewer .report-content{display:flex;flex-direction:column;gap:32px}.report-page-viewer .report-content .report-page{background:#fff;border:2px solid var(--primary-violet);border-radius:5px;box-shadow:0 4px 16px #0000001a;break-after:page;break-inside:avoid;min-height:600px;overflow:hidden;page-break-after:always;page-break-inside:avoid}.report-page-viewer .report-content .report-page .page-content{padding:32px 32px 0}.report-page-viewer .report-content .report-page .page-content .report-title{border-bottom:3px solid var(--primary-violet);margin-bottom:40px;padding-bottom:24px;text-align:center}.report-page-viewer .report-content .report-page .page-content .report-title h1{color:#000;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0;text-shadow:0 2px 4px #0000001a}.report-page-viewer .report-content .report-page .page-content .placeholder-component{background:#f8fafc;border:2px dashed #d1d5db;border-radius:12px;padding:48px 24px;text-align:center}.report-page-viewer .report-content .report-page .page-content .placeholder-component h3{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 16px}.report-page-viewer .report-content .report-page .page-content .placeholder-component p{color:var(--text-secondary);font-size:16px;font-style:italic;margin:0}.report-page-viewer .report-footer{align-items:center;border-radius:12px;display:flex;justify-content:space-between;min-height:30px;padding:5px 0;position:relative;width:90%}.report-page-viewer .report-footer .page-numbers{display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%)}.report-page-viewer .report-footer .page-numbers .page-number{align-items:center;background:#fff;border-radius:50%;color:#8b5cf6;color:var(--primary-violet,#8b5cf6);display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;width:32px}.report-page-viewer .report-footer .report-logo{margin-left:auto}.report-page-viewer .report-footer .report-logo img{height:28px;opacity:.9;width:auto}@media(max-width:768px){.report-page-viewer .report-page .page-content{padding:20px}.report-page-viewer .report-page .page-content .report-title{margin-bottom:32px;padding-bottom:20px}.report-page-viewer .report-page .page-content .report-title h1{font-size:24px;font-weight:700;letter-spacing:-.3px}.report-page-viewer .report-page .page-content .placeholder-component{padding:32px 16px}.report-page-viewer .report-page .page-content .placeholder-component h3{font-size:20px}.report-page-viewer .report-page .page-content .placeholder-component p{font-size:14px}.report-page-viewer .report-footer{margin-top:24px;padding:16px 20px}.report-page-viewer .report-footer .page-numbers{gap:8px}.report-page-viewer .report-footer .page-numbers .page-number{font-size:14px;height:28px;width:28px}.report-page-viewer .report-footer .report-logo img{height:22px}}.feedback-form-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.feedback-form-overlay .feedback-form-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 80px #8b5cf626;display:flex;flex-direction:column;font-family:Poppins,sans-serif;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.feedback-form-overlay .feedback-form-modal{max-height:95vh;max-width:95vw}}.feedback-form-overlay .error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-family:Poppins,sans-serif;font-size:14px;gap:8px;margin:20px 0;padding:12px 16px}.feedback-form-overlay .error-message svg{flex-shrink:0;height:16px;width:16px}@media(max-width:768px){.feedback-form-overlay .error-message{margin:20px 0}}.feedback-form-header{align-items:flex-start;background:var(--primary-violet);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.feedback-form-header .header-content{display:flex;flex:1 1}.feedback-form-header .header-content .header-icon{color:#fff;height:24px;margin-bottom:8px;margin-right:12px;width:24px}.feedback-form-header .header-content h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.feedback-form-header .header-content p{color:#ffffffe6;font-size:14px;font-weight:400;margin:0}.feedback-form-header .close-button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:all .2s ease}.feedback-form-header .close-button:hover{background:#ffffff4d;transform:scale(1.05)}.feedback-form-header .close-button svg{height:20px;width:20px}@media(max-width:768px){.feedback-form-header{padding:20px}.feedback-form-header .header-content h2{font-size:20px}}.feedback-form{display:flex;flex-direction:column;height:100%}.feedback-form .feedback-content{flex:1 1;overflow-y:auto;padding:32px}@media(max-width:768px){.feedback-form .feedback-content{padding:24px 20px}}.main-rating{margin-bottom:32px;text-align:center}.main-rating .rating-header{margin-bottom:24px}.main-rating .rating-header .rating-icon{color:#8b5cf6;height:32px;margin-bottom:12px;width:32px}.main-rating .rating-header h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.main-rating .rating-header p{color:#6b7280;font-size:16px;font-weight:400;margin:0}.main-rating .star-rating-main{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:24px}.main-rating .star-rating-main .star-large{color:#e5e7eb;cursor:pointer;height:40px;transition:all .2s ease;width:40px}.main-rating .star-rating-main .star-large.filled{color:#f59e0b;transform:scale(1.1)}.main-rating .star-rating-main .star-large:hover{color:#f59e0b;transform:scale(1.2)}.main-rating .star-rating-main .rating-text-main{margin-left:16px}.main-rating .star-rating-main .rating-text-main .rating-value{color:#8b5cf6;font-size:18px;font-weight:600}.main-rating .star-rating-main .rating-text-main .rating-placeholder{color:#9ca3af;font-size:14px;font-style:italic}.main-rating .quick-comment textarea{border:2px solid #e5e7eb;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.main-rating .quick-comment textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.main-rating .quick-comment textarea::placeholder{color:#9ca3af}.detailed-feedback-toggle{margin-bottom:24px;text-align:center}.detailed-feedback-toggle .toggle-button{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.detailed-feedback-toggle .toggle-button:hover{background:#e5e7eb;border-color:#d1d5db}.detailed-feedback-toggle .toggle-button.active{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-color:#8b5cf6;color:#fff}.detailed-feedback-toggle .toggle-button.active:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.detailed-feedback-toggle .toggle-button .toggle-icon{height:16px;width:16px}.detailed-feedback-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px}.detailed-feedback-section .detailed-feedback-content{margin-bottom:24px}.detailed-feedback-section .detailed-feedback-content h4{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 8px}.detailed-feedback-section .detailed-feedback-content h4 .section-icon{color:#8b5cf6;height:20px;width:20px}.detailed-feedback-section .detailed-feedback-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.detailed-feedback-section .detailed-feedback-content .detailed-textarea{border:2px solid #e5e7eb;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.detailed-feedback-section .detailed-feedback-content .detailed-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.detailed-feedback-section .detailed-feedback-content .detailed-textarea::placeholder{color:#9ca3af}.detailed-feedback-section .usage-intent h5{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.detailed-feedback-section .usage-intent .checkbox-group{margin-bottom:12px}.detailed-feedback-section .usage-intent .checkbox-group .checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px}.detailed-feedback-section .usage-intent .checkbox-group .checkbox-label input[type=checkbox]{accent-color:#8b5cf6;height:18px;width:18px}.detailed-feedback-section .usage-intent .checkbox-group .checkbox-label .checkbox-icon{color:#10b981;height:18px;width:18px}.detailed-feedback-section .usage-intent .checkbox-group .checkbox-label span{flex:1 1}.form-actions{background:#f9fafb}@media(max-width:768px){.form-actions{flex-direction:column;padding:20px}}.form-actions .cancel-button{font-size:14px}.form-actions .cancel-button:hover{background:#f3f4f6}@media(max-width:768px){.form-actions .cancel-button{width:100%}}.form-actions .submit-button{background:linear-gradient(135deg,#8b5cf6,#a78bfa);font-size:14px;font-weight:600}.form-actions .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.form-actions .submit-button:disabled{opacity:.6;transform:none}@media(max-width:768px){.form-actions .submit-button{justify-content:center;width:100%}}.rating-section{margin-bottom:32px}.rating-section h3{color:#1f2937;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0 0 20px}.rating-section:last-child{margin-bottom:0}.star-rating-group{margin-bottom:20px}.star-rating-group .rating-label{color:#374151;display:block;font-family:Poppins,sans-serif;font-weight:500;margin-bottom:8px}.star-rating-group .rating-label .rating-description{color:#6b7280;display:block;font-size:13px;font-weight:400;margin-top:2px}.star-rating-group .star-rating{align-items:center;display:flex;gap:4px}.star-rating-group .star-rating .star{color:#d1d5db;cursor:pointer;height:24px;transition:all .2s ease;width:24px}.star-rating-group .star-rating .star:hover{color:#fbbf24;transform:scale(1.1)}.star-rating-group .star-rating .star.filled{fill:#fbbf24;color:#fbbf24}.star-rating-group .star-rating .rating-text{color:#6b7280;font-size:14px;font-weight:500;margin-left:8px}.comment-group label{color:#374151;display:block;font-family:Poppins,sans-serif;font-weight:500;margin-bottom:8px}.comment-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.comment-group textarea:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.comment-group textarea::placeholder{color:#9ca3af}.feedback-section{margin-bottom:32px}.feedback-section h3{align-items:center;color:#1f2937;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.feedback-section h3 .section-icon{color:var(--primary-violet);height:20px;width:20px}.feedback-section:last-child{margin-bottom:0}.input-with-add{display:flex;gap:8px;margin-bottom:12px}.input-with-add input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s ease}.input-with-add input:focus{border-color:var(--primary-violet);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.input-with-add input::placeholder{color:#9ca3af}.input-with-add .add-button{background:var(--primary-violet);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;padding:12px 20px;transition:all .2s ease}.input-with-add .add-button:hover{background:var(--primary-hover);transform:translateY(-1px)}@media(max-width:768px){.input-with-add{flex-direction:column}.input-with-add .add-button{align-self:flex-start}}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tags-list .tag{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#374151;display:flex;font-family:Poppins,sans-serif;font-size:13px;gap:6px;padding:6px 12px}.tags-list .tag.positive{background:#dcfce7;border-color:#bbf7d0;color:#166534}.tags-list .tag.warning{background:#fef3c7;border-color:#fde68a;color:#92400e}.tags-list .tag svg{cursor:pointer;height:14px;opacity:.7;transition:opacity .2s ease;width:14px}.tags-list .tag svg:hover{opacity:1}.usage-section h3{color:#1f2937;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0 0 20px}.checkbox-group{margin-bottom:16px}.checkbox-group .checkbox-label{align-items:center;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;gap:12px;padding:16px;transition:all .2s ease}.checkbox-group .checkbox-label:hover{background:#8b5cf605;border-color:var(--primary-violet)}.checkbox-group .checkbox-label input[type=checkbox]{accent-color:var(--primary-violet);height:18px;width:18px}.checkbox-group .checkbox-label .checkbox-icon{color:var(--primary-violet);height:20px;width:20px}.checkbox-group .checkbox-label span{color:#374151;font-weight:500}.form-actions{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.form-actions .cancel-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;padding:12px 24px;transition:all .2s ease}.form-actions .cancel-button:hover{border-color:#d1d5db;color:#374151}.form-actions .submit-button{align-items:center;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.form-actions .submit-button:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.form-actions .submit-button:disabled{cursor:not-allowed;opacity:.7}.form-actions .submit-button .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.form-actions .submit-button svg{height:16px;width:16px}@media(max-width:768px){.form-actions{flex-direction:column;padding:20px}.form-actions .cancel-button,.form-actions .submit-button{justify-content:center;width:100%}}.feedback-form::-webkit-scrollbar{width:6px}.feedback-form::-webkit-scrollbar-track{background:#f1f5f9}.feedback-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.feedback-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}.report-view-page{background:#f8fafc;display:flex;flex-direction:column;height:100vh}.report-view-page .report-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;gap:24px;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.report-view-page .report-header .back-button{align-items:center;background:var(--primary-violet);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.report-view-page .report-header .back-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.report-view-page .report-header .back-button svg{font-size:18px}.report-view-page .report-header .report-info{flex:1 1}.report-view-page .report-header .report-info h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.report-view-page .report-header .report-info .report-meta{align-items:center;display:flex;font-size:14px;gap:16px}.report-view-page .report-header .report-info .report-meta span{background:#f1f5f9;border-radius:20px;color:var(--text-secondary);font-weight:500;padding:4px 12px}.report-view-page .report-header .report-info .report-meta span.grade{background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));color:#fff}.report-view-page .report-header .report-info .report-meta span.subject{background:#e0f2fe;color:#0277bd}.report-view-page .report-header .report-info .report-meta span.date{background:#f3e5f5;color:#7b1fa2}.report-view-page .report-header .header-actions{align-items:center;display:flex;gap:12px}.report-view-page .report-header .feedback-button{align-items:center;background:linear-gradient(135deg,var(--primary-violet),var(--secondary-violet));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.report-view-page .report-header .feedback-button:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.report-view-page .report-header .feedback-button:disabled{cursor:not-allowed;opacity:.7}.report-view-page .report-header .feedback-button svg{font-size:18px}.report-view-page .report-header .feedback-button .feedback-rating{align-items:center;border-left:1px solid #ffffff4d;display:flex;font-size:12px;gap:4px;margin-left:8px;padding-left:8px}.report-view-page .report-header .feedback-button .feedback-rating svg{color:#fbbf24;font-size:14px}.report-view-page .report-header .download-pdf-button{align-items:center;background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.report-view-page .report-header .download-pdf-button:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.report-view-page .report-header .download-pdf-button:disabled{cursor:not-allowed;opacity:.7}.report-view-page .report-header .download-pdf-button svg{font-size:18px}.report-view-page .report-viewer-container{background:#f5f5f5;flex:1 1;overflow:hidden;overflow-y:scroll!important;padding:0}.report-view-page .error-container,.report-view-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px}.report-view-page .error-container .loading-spinner,.report-view-page .loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top:3px solid var(--primary-violet);height:40px;margin-bottom:16px;width:40px}.report-view-page .error-container p,.report-view-page .loading-container p{color:var(--text-secondary);font-size:16px;margin:0}.report-view-page .error-container .error-message,.report-view-page .loading-container .error-message{max-width:400px;text-align:center}.report-view-page .error-container .error-message h3,.report-view-page .loading-container .error-message h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.report-view-page .error-container .error-message p,.report-view-page .loading-container .error-message p{color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.report-view-page .error-container .error-message .retry-button,.report-view-page .loading-container .error-message .retry-button{background:var(--primary-violet);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.report-view-page .error-container .error-message .retry-button:hover,.report-view-page .loading-container .error-message .retry-button:hover{background:var(--primary-hover);transform:translateY(-1px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.report-view-page .report-header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.report-view-page .report-header .back-button{align-self:flex-start}.report-view-page .report-header .report-info{width:100%}.report-view-page .report-header .report-info h2{font-size:20px}.report-view-page .report-header .report-info .report-meta{flex-wrap:wrap;gap:8px}.report-view-page .report-header .report-info .report-meta span{font-size:12px}.report-view-page .report-header .report-info .report-meta span .error-container{min-height:50vh;padding:20px}}@media print{.content-block,.page-section,.report-section,img,section{break-inside:avoid!important;page-break-inside:avoid!important}img{height:auto!important;max-width:100%!important;page-break-after:auto!important}table{break-inside:avoid!important;page-break-inside:avoid!important}h1,h2,h3,h4,h5,h6{break-after:avoid!important;page-break-after:avoid!important}}.content-block,.page-section,.report-section{break-inside:avoid;margin-bottom:20px;page-break-inside:avoid}.pdf-content{background:#fff;margin:0 auto;max-width:210mm;padding:15px}.pdf-content img{display:block;height:auto;margin:10px auto;max-width:100%;page-break-inside:avoid}.pdf-content .content-block,.pdf-content .report-section,.pdf-content div,.pdf-content section{height:auto!important;min-height:auto!important;page-break-inside:avoid}.pdf-content h1,.pdf-content h2,.pdf-content h3,.pdf-content h4,.pdf-content h5,.pdf-content h6{margin-bottom:10px;margin-top:15px;page-break-after:avoid}.pdf-content p{margin:8px 0}.pdf-content table{margin:10px 0;page-break-inside:avoid;width:100%}@media print{.pdf-content,body,html{margin:0;padding:0}.pdf-content{max-width:100%}.pdf-content *{height:auto!important;min-height:auto!important;page-break-inside:avoid}.pdf-content img{page-break-after:auto!important;page-break-before:auto!important;page-break-inside:avoid!important}.fixed-height,.min-height{height:auto!important;min-height:auto!important}}.privacy-policy-main-wrapper{align-items:flex-start;background:linear-gradient(180deg,#8b5cf614,#f9fafb 60%);display:flex;justify-content:center;min-height:100vh;padding:48px clamp(16px,6vw,80px)}.privacy-policy{display:flex;flex-direction:column;gap:32px;width:min(1080px,100%)}.privacy-policy__hero{grid-gap:24px;align-items:flex-start;background:#fff;border:1px solid #8b5cf624;border-radius:24px;box-shadow:0 25px 60px #4f46e51f;display:grid;gap:24px;padding:clamp(28px,3vw,40px)}.privacy-policy__hero-content{display:flex;flex-direction:column;gap:16px}.privacy-policy__hero-badge{align-self:flex-start;background:#8b5cf61f;border-radius:999px;color:var(--primary-violet);font-size:.82rem;font-weight:600;letter-spacing:.06em;padding:8px 18px;text-transform:uppercase}.privacy-policy__hero-title{color:#27272a;color:var(--text-primary,#27272a);font-size:clamp(1.9rem,3vw,2.6rem);font-weight:700;line-height:1.2;margin:0}.privacy-policy__hero-description{color:#52525b;color:var(--text-secondary,#52525b);font-size:1rem;line-height:1.6;margin:0}.privacy-policy__hero-meta{grid-gap:16px;display:grid;gap:16px}.privacy-policy__hero-meta-card{background:#8b5cf614;border:1px solid #8b5cf61f;border-radius:16px;display:flex;flex-direction:column;gap:6px;padding:18px 20px}.privacy-policy__hero-meta-label{color:var(--primary-violet);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.privacy-policy__hero-meta-value{color:#27272a;color:var(--text-primary,#27272a);font-size:1rem;font-weight:600}.privacy-policy__content{display:flex;flex-direction:column;gap:24px}.privacy-policy__section-label{color:var(--primary-violet);font-size:.85rem;font-weight:600;letter-spacing:.12em;margin-top:16px;text-transform:uppercase}.privacy-policy__card{background:linear-gradient(180deg,#ffffffd9,#fff 40%);border:1px solid #8b5cf61f;border-radius:18px;box-shadow:0 20px 48px #4c1d9514;display:flex;flex-direction:column;gap:16px;padding:clamp(20px,2.4vw,32px)}.privacy-policy__card-header{align-items:center;display:flex;gap:12px}.privacy-policy__card-title{color:#27272a;color:var(--text-primary,#27272a);font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:600;margin:0}.privacy-policy__card-body{display:flex;flex-direction:column;gap:12px}.privacy-policy__paragraph{line-height:1.65}.privacy-policy__list,.privacy-policy__paragraph{color:#52525b;color:var(--text-secondary,#52525b);font-size:.98rem;margin:0}.privacy-policy__list{display:flex;flex-direction:column;gap:8px;line-height:1.6;padding-left:22px}.privacy-policy__list li{position:relative}@media(max-width:992px){.privacy-policy__hero{grid-template-columns:1fr}.privacy-policy__hero-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.privacy-policy-main-wrapper{padding-bottom:32px;padding-top:32px}.privacy-policy__hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.privacy-policy__hero-meta{grid-template-columns:1fr}}.cookie-consent{background:#f4f4f5;background:var(--surface,#f4f4f5);border:1px solid #7c3aed33;border:1px solid var(--border-light,#7c3aed33);border-radius:16px;bottom:24px;box-shadow:0 20px 45px #8b5cf62e;color:#27272a;color:var(--text-primary,#27272a);display:flex;flex-direction:column;gap:18px;left:50%;padding:24px 28px;position:fixed;transform:translateX(-50%);width:min(640px,100% - 32px);z-index:1300}.cookie-consent h4{color:#8b5cf6;color:var(--primary-violet,#8b5cf6);font-size:1.25rem;margin:4px 0 8px}.cookie-consent p{color:#52525b;color:var(--text-secondary,#52525b);font-size:.95rem;line-height:1.5;margin:0}.cookie-consent p a{text-decoration:underline}.cookie-consent p a,.cookie-consent__badge{color:#8b5cf6;color:var(--primary-violet,#8b5cf6);font-weight:600}.cookie-consent__badge{align-items:center;background:#8b5cf61f;border-radius:999px;display:inline-flex;font-size:.75rem;gap:6px;letter-spacing:.02em;padding:6px 12px;text-transform:uppercase}.cookie-consent__content{display:flex;flex-direction:column;gap:12px}.cookie-consent__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.cookie-consent__button{background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--primary-violet,#8b5cf6),var(--secondary-violet,#a78bfa));border:none;border-radius:999px;box-shadow:0 12px 24px #8b5cf62e;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 18px;transition:transform .2s ease,box-shadow .2s ease}.cookie-consent__button:hover{box-shadow:0 16px 32px #8b5cf638;transform:translateY(-1px)}.cookie-consent__button:active{box-shadow:0 10px 20px #8b5cf640;transform:translateY(0)}.cookie-consent__button--secondary{background:#fff;border:1px solid #8b5cf64d;box-shadow:none;color:#8b5cf6;color:var(--primary-violet,#8b5cf6)}.cookie-consent__button--secondary:hover{background:#8b5cf60d;border-color:#8b5cf680}.cookie-consent__button--secondary:active{background:#8b5cf61a}.cookie-consent__button--ghost{background:#0000;border:1px solid #8b5cf64d;box-shadow:none;color:#8b5cf6;color:var(--primary-violet,#8b5cf6)}.cookie-consent__button--ghost:hover{background:#8b5cf614;border-color:#8b5cf666}.cookie-consent__button--ghost:active{background:#8b5cf61f}@media(max-width:480px){.cookie-consent{bottom:16px;padding:18px}.cookie-consent__actions{align-items:stretch;flex-direction:column-reverse}.cookie-consent__button{text-align:center;width:100%}}.cookie-consent__modal-backdrop{align-items:center;background:#18181b8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1400}.cookie-consent__modal{background:#fff;border-radius:18px;box-shadow:0 30px 70px #4f46e547;display:flex;flex-direction:column;max-height:calc(100vh - 64px);overflow:hidden;width:min(720px,100%)}.cookie-consent__modal-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:28px 32px 12px}.cookie-consent__modal-header h5{color:#27272a;color:var(--text-primary,#27272a);font-size:1.35rem;margin:4px 0 0}.cookie-consent__modal-eyebrow{font-size:.75rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.cookie-consent__modal-close,.cookie-consent__modal-eyebrow{color:#8b5cf6;color:var(--primary-violet,#8b5cf6);font-weight:600}.cookie-consent__modal-close{background:#8b5cf61a;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;height:36px;line-height:1;transition:background .2s ease,transform .2s ease;width:36px}.cookie-consent__modal-close:hover{background:#8b5cf62e;transform:rotate(90deg)}.cookie-consent__modal-body{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:12px 32px 24px}.cookie-consent__category{align-items:center;background:#f4f4f5cc;border:1px solid #8b5cf626;border-radius:14px;display:flex;gap:18px;justify-content:space-between;padding:18px 20px}.cookie-consent__category h6{color:#27272a;color:var(--text-primary,#27272a);font-size:1.05rem;margin:0 0 8px}.cookie-consent__category p{color:#52525b;color:var(--text-secondary,#52525b);font-size:.9rem;line-height:1.45;margin:0}.cookie-consent__category-info{display:flex;flex-direction:column;gap:6px}.cookie-consent__category-label{align-self:flex-start;background:#8b5cf61f;border-radius:999px;color:#8b5cf6;color:var(--primary-violet,#8b5cf6);font-size:.7rem;font-weight:600;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.cookie-consent__switch{align-items:center;cursor:pointer;display:inline-flex;height:28px;position:relative;width:52px}.cookie-consent__switch input{height:0;opacity:0;width:0}.cookie-consent__switch[data-disabled=true]{cursor:not-allowed}.cookie-consent__switch-indicator{background:#8b5cf640;border-radius:999px;inset:0;position:absolute;transition:background .2s ease}.cookie-consent__switch-indicator:after{background:#fff;border-radius:50%;box-shadow:0 4px 10px #8b5cf640;content:"";height:20px;left:4px;position:absolute;top:4px;transition:transform .2s ease;width:20px}.cookie-consent__switch input:checked+.cookie-consent__switch-indicator{background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--primary-violet,#8b5cf6),var(--secondary-violet,#a78bfa))}.cookie-consent__switch input:checked+.cookie-consent__switch-indicator:after{transform:translateX(24px)}.cookie-consent__switch[data-disabled=true] .cookie-consent__switch-indicator{background:#8b5cf633}.cookie-consent__switch[data-disabled=true] .cookie-consent__switch-indicator:after{background:#f8fafc;box-shadow:none}.cookie-consent__modal-actions{border-top:1px solid #8b5cf61a;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px 28px}@media(max-width:640px){.cookie-consent{gap:14px;padding:20px}.cookie-consent__actions{align-items:stretch;flex-direction:column}.cookie-consent__modal{border-radius:16px}.cookie-consent__modal-actions,.cookie-consent__modal-body,.cookie-consent__modal-header{padding-left:20px;padding-right:20px}.cookie-consent__category{align-items:flex-start;flex-direction:column}.cookie-consent__switch{align-self:flex-end}}
/*# sourceMappingURL=main.0bdd861d.css.map*/