@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.infra-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}input[type=number]{-moz-appearance:textfield}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield}input[type=number]:focus{outline:none}.infra-container{padding:1.5rem;max-width:1400px;margin:0 auto}.infra-delete-error-banner{display:flex;align-items:flex-start;gap:.75rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:12px;padding:.875rem 1rem;margin-bottom:1.25rem;animation:slideDown .2s ease}.infra-delete-error-banner i.fa-exclamation-triangle{color:#dc2626;font-size:1rem;flex-shrink:0;margin-top:.1rem}.infra-delete-error-banner span{flex:1;font-size:.85rem;color:#991b1b;line-height:1.5;font-weight:500}.infra-delete-error-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:#dc2626;padding:.1rem .25rem;border-radius:4px;font-size:.8rem;opacity:.7;transition:opacity .15s}.infra-delete-error-close:hover{opacity:1;background:#fee2e2}.infra-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.infra-title-section h1{font-size:1.6rem;font-weight:800;color:#111827;margin:0 0 .2rem;letter-spacing:-.02em}.infra-title-section p{color:#6b7280;font-size:.85rem;margin:0}.btn-primary-rich{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4f46e54d;white-space:nowrap}.btn-primary-rich:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.infra-tabs{display:flex;gap:0;border-bottom:1.5px solid #e5e7eb;margin-bottom:1.5rem;background:transparent;padding:0;border-radius:0;box-shadow:none;width:100%;overflow:visible}.infra-tab-btn{display:flex;align-items:center;gap:.45rem;padding:.65rem 1.25rem;border:none;border-bottom:2.5px solid transparent;background:transparent;color:#9ca3af;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease;margin-bottom:-1.5px;border-radius:0;white-space:nowrap;font-family:inherit}.infra-tab-btn i{font-size:.78rem}.infra-tab-btn:hover{color:#374151;background:transparent}.infra-tab-btn.active{color:#111827;font-weight:700;border-bottom-color:#111827;background:transparent;box-shadow:none}.infra-content-card{background:transparent;border:none;padding:0;box-shadow:none}.infra-card-header{margin-bottom:1.25rem}.header-search-filter{display:flex;gap:.75rem;align-items:center}.search-bar{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.5rem .875rem;transition:all .2s ease;min-width:200px}.search-bar:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.search-bar i{color:#9ca3af;font-size:.78rem;flex-shrink:0}.search-bar input{border:none;background:transparent;width:100%;font-size:.82rem;color:#111827;outline:none;font-family:inherit}.search-bar input::-moz-placeholder{color:#9ca3af}.search-bar input::placeholder{color:#9ca3af}.btn-filter{display:flex;align-items:center;gap:.45rem;padding:.5rem .875rem;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit}.btn-filter:hover{background:#f9fafb;color:#111827}.btn-filter.active{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}.filter-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.25rem;animation:slideDown .2s ease}.filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-bottom:.75rem}.filter-group{display:flex;flex-direction:column;gap:.35rem}.filter-group label{font-size:.7rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.filter-group select{padding:.45rem .7rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;outline:none;font-size:.82rem;color:#111827;cursor:pointer;font-family:inherit}.btn-clear-filters{background:transparent;border:none;color:#4f46e5;font-size:.78rem;font-weight:600;cursor:pointer;padding:0;font-family:inherit}.btn-clear-filters:hover{color:#4338ca;text-decoration:underline}.infra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.infra-item-card{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;overflow:hidden;cursor:default;transition:box-shadow .2s ease,transform .2s ease;display:flex;flex-direction:column}.infra-item-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.infra-card__banner{position:relative;height:110px;padding:14px 16px;display:flex;align-items:flex-start;overflow:hidden}.infra-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.infra-card__banner-text{flex:1;min-width:0;z-index:1}.infra-card__name{font-size:1rem;font-weight:700;color:#fff;margin:0 0 4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.infra-card__parent{font-size:.78rem;color:#ffffffd9;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.infra-card__code{font-size:.68rem;color:#ffffffa6;margin:0}.infra-card__icon-circle{position:absolute;bottom:8px;right:14px;width:40px;height:40px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;z-index:2}.item-badge{position:absolute;top:8px;right:8px;padding:.18rem .5rem;border-radius:6px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;z-index:3}.badge-info{background:#dbeafeeb;color:#1d4ed8}.badge-purple{background:#ede9feeb;color:#6d28d9}.badge-success{background:#dcfce7eb;color:#15803d}.badge-orange{background:#ffedd5eb;color:#c2410c}.infra-card__body{padding:12px 14px 10px;flex:1}.card-meta{display:flex;flex-wrap:wrap;gap:.3rem}.card-tag{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:5px;background:var(--bg-secondary, #f3f4f6);color:var(--text-muted, #6b7280);font-size:.65rem;font-weight:500;border:1px solid var(--border-color, #e5e7eb);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tag--desc{max-width:100%;white-space:normal;overflow:visible}.infra-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:6px 10px 10px;border-top:1px solid var(--border-color, #e5e7eb)}.gc-card__icon-btn.btn-dots{width:32px;height:32px;border-radius:50%;border:none;background:none;color:var(--text-muted, #9ca3af);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:background .15s,color .15s}.gc-card__icon-btn.btn-dots:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.card-menu-wrap{position:relative}.card-menu-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:130px;z-index:50;overflow:hidden;animation:menuPop .15s cubic-bezier(.16,1,.3,1)}@keyframes menuPop{0%{opacity:0;transform:scale(.92) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.card-menu-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .875rem;border:none;background:transparent;color:#374151;font-size:.8rem;font-weight:500;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s}.card-menu-item:hover{background:#f9fafb}.card-menu-item i{width:14px;text-align:center;font-size:.75rem;color:#6b7280}.card-menu-item--danger{color:#ef4444}.card-menu-item--danger:hover{background:#fef2f2}.card-menu-item--danger i{color:#ef4444}.loading-state{text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem}.no-data{grid-column:1 / -1;text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem;background:#f9fafb;border-radius:12px;border:1.5px dashed #e5e7eb}.infra-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.infra-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px #0003;display:flex;flex-direction:column;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.infra-modal .im-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1.25rem}.infra-modal .im-header__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #0003}.infra-modal .im-header__title{font-size:1.2rem;font-weight:800;color:#111827;margin:0 0 .2rem;letter-spacing:-.02em}.infra-modal .im-header__sub{font-size:.78rem;color:#6b7280;margin:0;line-height:1.4}.infra-modal .im-close{margin-left:auto;width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:background .15s,color .15s}.infra-modal .im-close:hover{background:#e5e7eb;color:#111827}.infra-modal .im-divider{height:1px;background:#f3f4f6;margin:0}.infra-modal .im-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.infra-modal .im-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.infra-modal .im-field{display:flex;flex-direction:column;gap:.375rem}.infra-modal .im-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:#374151}.infra-modal .im-label__icon{color:#9ca3af;font-size:.7rem;width:12px;text-align:center}.infra-modal .im-input{padding:.6rem .875rem!important;border-radius:10px!important;border:1.5px solid #e5e7eb!important;background:#f9fafb!important;font-size:.85rem!important;color:#111827!important;font-family:inherit!important;outline:none!important;transition:border-color .2s,box-shadow .2s,background .2s!important;width:100%!important;box-sizing:border-box!important;box-shadow:none!important}.infra-modal .im-input:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important;background:#fff!important}.infra-modal .im-input::-moz-placeholder{color:#9ca3af}.infra-modal .im-input::placeholder{color:#9ca3af}.infra-modal .im-textarea{resize:vertical;min-height:80px}.infra-modal .im-select{cursor:pointer}.infra-modal .im-select:disabled{opacity:.5;cursor:not-allowed}.hod-search-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1.5px solid #4f46e5;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:200;max-height:200px;overflow-y:auto}.hod-search-option{padding:.55rem .875rem;font-size:.85rem;color:#111827;cursor:pointer;transition:background .15s}.hod-search-option:hover,.hod-search-option.selected{background:#4f46e514;color:#4f46e5}.hod-search-suggestion{color:#6b7280;font-style:italic}.hod-search-no-result{padding:.5rem .875rem;font-size:.78rem;color:#9ca3af;border-bottom:1px solid #f3f4f6}.hod-selected-indicator{margin-top:.3rem;font-size:.8rem;color:#6b7280;display:flex;align-items:center;gap:.35rem}.hod-clear-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:#9ca3af;line-height:1;padding:0 .15rem}.hod-clear-btn:hover{color:#ef4444}.infra-modal .im-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem}.infra-modal .im-btn{display:flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem!important;border-radius:10px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer;font-family:inherit;transition:all .15s ease;border:none!important;box-shadow:none}.infra-modal .im-btn--cancel{background:#f3f4f6!important;color:#374151!important;border:1.5px solid #e5e7eb!important}.infra-modal .im-btn--cancel:hover{background:#e5e7eb!important}.infra-modal .im-btn--save{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important;box-shadow:0 4px 12px #4f46e54d!important}.infra-modal .im-btn--save:hover{box-shadow:0 6px 16px #4f46e573!important;transform:translateY(-1px)}@media(max-width:640px){.infra-container{padding:1rem}.infra-header{flex-direction:column;align-items:flex-start;gap:.875rem}.infra-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.infra-card__banner{height:90px;padding:10px 12px}.infra-card__name{font-size:.85rem}.infra-card__icon-circle{width:34px;height:34px;font-size:.85rem;bottom:6px;right:10px}}.infra-force-delete-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:2rem 1.75rem 1.5rem;box-shadow:0 32px 80px #00000038;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.fdm-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#b45309;flex-shrink:0}.fdm-title{font-size:1.2rem;font-weight:800;color:#111827;margin:0;letter-spacing:-.02em}.fdm-subtitle{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.fdm-warning-box{width:100%;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;padding:.75rem 1rem}.fdm-warning-box p{font-size:.8rem;color:#991b1b;margin:0;line-height:1.5;text-align:left}.fdm-consequence{width:100%;display:flex;align-items:flex-start;gap:.6rem;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:10px;padding:.75rem 1rem;text-align:left}.fdm-consequence i{color:#3b82f6;font-size:.85rem;margin-top:.15rem;flex-shrink:0}.fdm-consequence span{font-size:.8rem;color:#1e40af;line-height:1.5}.fdm-footer{display:flex;gap:.75rem;width:100%;justify-content:flex-end;padding-top:.5rem}.fdm-btn{display:flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;border:none;transition:all .15s ease}.fdm-btn:disabled{opacity:.6;cursor:not-allowed}.fdm-btn--cancel{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.fdm-btn--cancel:hover:not(:disabled){background:#e5e7eb}.fdm-btn--force{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc262659}.fdm-btn--force:hover:not(:disabled){box-shadow:0 6px 16px #dc262680;transform:translateY(-1px)}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]:focus{pointer-events:auto}input[type=number]{cursor:text}input[type=number]:hover:after{content:""}.policy-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100001;padding:20px}.policy-modal-card{background:#fff;border-radius:20px;width:100%;max-width:620px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0003;overflow:hidden}.policy-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;flex-shrink:0}.policy-modal-title-row{display:flex;align-items:center;gap:14px}.policy-modal-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.policy-modal-title{font-size:20px;font-weight:700;color:#111827;margin:0}.policy-modal-close{width:36px;height:36px;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.policy-modal-close:hover{background:#e5e7eb;color:#111827}.policy-modal-divider{height:1px;background:#e5e7eb;flex-shrink:0}.policy-modal-body{overflow-y:auto;padding:24px 28px 28px;flex:1}.policy-modal-body::-webkit-scrollbar{width:6px}.policy-modal-body::-webkit-scrollbar-track{background:#f9fafb}.policy-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.policy-modal-updated{font-size:14px;color:#6b7280;margin:0 0 24px}.policy-modal-section{margin-bottom:20px}.policy-modal-section-title{font-size:15px;font-weight:700;color:#111827;margin:0 0 6px}.policy-modal-section-body{font-size:14px;color:#4b5563;line-height:1.75;margin:0}.contact-modal-body{display:flex;flex-direction:column;gap:8px}.contact-modal-items{display:flex;flex-direction:column;gap:16px;margin-top:8px}.contact-modal-row{display:flex;align-items:center;gap:16px;padding:14px 16px;background:#f9fafb;border-radius:12px;border:1px solid #f3f4f6}.contact-modal-icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-modal-label{font-size:12px;color:#9ca3af;margin:0 0 2px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.contact-modal-value{font-size:15px;font-weight:600;color:#111827;text-decoration:none;transition:color .15s}.contact-modal-value:hover{color:#3b82f6}.login-input{transition:all .3s ease;background:transparent!important;border:none!important;border-bottom:1px solid #374151!important;border-radius:0!important;padding-left:0!important;padding-right:0!important;box-shadow:none!important;outline:none!important}.login-input:focus{border-bottom-color:#9ca3af!important;box-shadow:none!important;outline:none!important}.login-input::-moz-placeholder{color:#6b7280;opacity:1}.login-input::placeholder{color:#6b7280;opacity:1}.login-checkbox{width:18px;height:18px;background-color:transparent;border:2px solid #6B7280;border-radius:3px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;transition:all .2s ease}.login-checkbox:checked{background-color:#fff;border-color:#fff}.login-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#1f2937;font-size:12px;font-weight:700}.login-checkbox:hover{border-color:#9ca3af}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #ff44444d}50%{box-shadow:0 0 15px #f449}}.login-accent-line{animation:pulseGlow 3s ease-in-out infinite}.login-form-container{position:relative}.login-form-container:before{content:"";position:absolute;left:-2rem;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(255,68,68,.3) 20%,rgba(255,68,68,.8) 50%,rgba(255,68,68,.3) 80%,transparent 100%)}.login-button{position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button:hover:before{left:100%}@media(max-width:768px){.login-accent-line{display:none}.login-form-container:before{display:none}.login-form-container{padding-left:0!important;max-width:100%!important}.login-page-grid{grid-template-columns:1fr!important;grid-template-rows:auto 1fr}.login-characters-panel{display:flex!important;flex-direction:column!important;padding:1rem 1rem 0!important;min-height:unset!important;justify-content:flex-start!important;background-color:#e5e7eb;overflow:hidden}.login-characters-panel>div:last-child{display:none!important}.login-characters-panel .characters-outer{height:180px!important;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.login-characters-panel .characters-scene{transform:scale(.38)!important;transform-origin:bottom center!important}.login-form-panel{min-height:unset!important;padding:1.5rem 1.5rem 3rem!important;align-items:flex-start!important;overflow-y:auto}.login-mobile-logo{display:none!important}.login-heading{font-size:2rem!important}.login-form-panel>div>div:first-child{margin-bottom:1.5rem!important}}.login-input:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:2px}.login-checkbox:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:2px}.login-interactive{transition:all .2s ease}.login-interactive:hover{transform:translateY(-1px)}.password-toggle{transition:all .2s ease}.password-toggle:hover{transform:scale(1.1)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button:disabled:before{display:none}.login-error{animation:slideInFromLeft .3s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.login-success{border-bottom-color:#10b981!important}@media(prefers-color-scheme:dark){.login-input{color:#e5e7eb}.login-input::-moz-placeholder{color:#6b7280}.login-input::placeholder{color:#6b7280}}@media(prefers-contrast:high){.login-input{border-bottom-width:2px!important}.login-checkbox{border-width:3px}}@media(prefers-reduced-motion:reduce){.login-input,.login-checkbox,.login-button,.login-interactive{transition:none}.login-accent-line{animation:none}.login-button:before{display:none}}.signup-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.signup-scroll-container{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}@media(min-width:769px){.signup-scroll-container{max-height:100vh;overflow-y:auto}}.signup-scroll-container::-webkit-scrollbar{width:0;height:0;background:transparent}.signup-scroll-container::-webkit-scrollbar-track{background:transparent}.signup-scroll-container::-webkit-scrollbar-thumb{background:transparent}.signup-form-container{width:100%;max-width:420px;padding-left:2rem}.signup-accent-line{position:absolute;left:0;top:20%;bottom:20%;width:4px;background:linear-gradient(180deg,#f44,#ff6b6b,#f44);border-radius:0 2px 2px 0}.signup-input{height:3.5rem;background-color:transparent;border-color:#374151;border-width:0 0 1px 0;border-radius:0;color:#9ca3af;font-size:1rem;padding-left:0;padding-right:0;outline:none;box-shadow:none;transition:border-color .2s ease}.signup-input:focus{border-color:#9ca3af;box-shadow:none}.signup-button{width:100%;height:3.5rem;font-size:1.1rem;font-weight:500;background-color:#e5e7eb;color:#1f2937;border:none;border-radius:8px;cursor:pointer;transition:all .2s;margin-top:1rem}.signup-button:hover:not(:disabled){background-color:#f3f4f6}.signup-button:disabled{cursor:not-allowed;opacity:.7}.signup-checkbox{width:1rem;height:1rem;accent-color:#E5E7EB}.password-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .2s;padding:.5rem}.password-toggle:hover{color:#fff}@media(max-width:768px){.signup-form-container{padding-left:1rem;padding-right:1rem;max-width:100%!important;min-height:unset;justify-content:flex-start}.signup-accent-line{display:none}.signup-page-grid{grid-template-columns:1fr!important;grid-template-rows:auto auto;height:auto!important;overflow:visible!important}.signup-characters-panel{display:flex!important;flex-direction:column!important;padding:1rem 1rem 0!important;min-height:unset!important;justify-content:flex-start!important;background-color:#e5e7eb;overflow:hidden}.signup-characters-panel>div:last-child{display:none!important}.signup-characters-panel .characters-outer{height:180px!important;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.signup-characters-panel .characters-scene{transform:scale(.38)!important;transform-origin:bottom center!important}.signup-scroll-container{padding:1.5rem 1.5rem 3rem!important;align-items:flex-start!important;height:auto;position:static!important}.signup-mobile-logo{display:none!important}.signup-heading{font-size:2rem!important}.signup-name-grid{grid-template-columns:1fr!important}.signup-scroll-container>div>div:first-child{margin-bottom:1.5rem!important}}.skeleton{display:inline-block;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite}.skeleton-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--bg-tertiary)}.skeleton-image{margin-bottom:var(--spacing-md)}.skeleton-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skeleton-title{margin-bottom:var(--spacing-xs)}.skeleton-subtitle{margin-bottom:var(--spacing-md)}.skeleton-text{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.skeleton-actions{display:flex;gap:var(--spacing-md)}.skeleton-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--bg-tertiary);margin-bottom:var(--spacing-sm)}.skeleton-list-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.skeleton-avatar,.skeleton-badge{flex-shrink:0}.skeleton-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.skeleton-stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--bg-tertiary)}.skeleton-table{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--bg-tertiary)}.skeleton-table-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary)}.skeleton-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary)}.skeleton-table-row:last-child{border-bottom:none}@media(prefers-color-scheme:dark){.skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200px 100%}}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1e293b66 25%,#33415566,#1e293b66 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite}[data-theme=dark] .skeleton-card,[data-theme=dark] .skeleton-list-item,[data-theme=dark] .skeleton-stat-item,[data-theme=dark] .skeleton-info-card-item,[data-theme=dark] .skeleton-subject-card,[data-theme=dark] .skeleton-preview-card,[data-theme=dark] .skeleton-achievement-card,[data-theme=dark] .skeleton-blog-card{background:#1e293b66;border-color:#4755694d}.skeleton-profile-header{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.skeleton-banner{margin-bottom:-70px}.skeleton-profile-info{display:flex;align-items:flex-end;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-primary)}.skeleton-profile-avatar{flex-shrink:0;border:4px solid var(--bg-primary)}.skeleton-profile-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-lg)}.skeleton-profile-meta{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.skeleton-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.skeleton-info-card-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--bg-tertiary)}.skeleton-info-icon{flex-shrink:0}.skeleton-info-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.skeleton-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.skeleton-form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skeleton-subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.skeleton-subject-card{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--bg-tertiary);display:flex;flex-direction:column;gap:var(--spacing-md)}.skeleton-subject-header{display:flex;justify-content:space-between;align-items:center}.skeleton-faculty-info{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.skeleton-timetable{display:flex;flex-direction:column;gap:var(--spacing-md)}.skeleton-timetable-header{margin-bottom:var(--spacing-sm)}.skeleton-timetable-row{display:flex;gap:var(--spacing-sm)}@media(max-width:768px){.skeleton-stats{grid-template-columns:repeat(2,1fr)}.skeleton-table-header,.skeleton-table-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.skeleton-actions{flex-direction:column}.skeleton-list-item{flex-direction:column;text-align:center}.skeleton-profile-info{flex-direction:column;align-items:center;text-align:center}.skeleton-profile-meta{flex-direction:column;align-items:center}.skeleton-info-grid,.skeleton-subjects-grid{grid-template-columns:1fr}}@media(max-width:480px){.skeleton-stats{grid-template-columns:1fr}}.skeleton-preview-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);min-width:260px;max-width:260px;flex-shrink:0}.skeleton-preview-card .preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color);gap:8px}.skeleton-preview-card .preview-content{display:flex;flex-direction:column;gap:8px}.skeleton-preview-card .preview-list{display:flex;flex-direction:column;gap:10px}.skeleton-material-card{position:relative;min-width:380px;width:380px;min-height:320px;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #1f268726;flex-shrink:0;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .skeleton-material-card{background:#1a1a1a;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006}.skeleton-material-card .material-card-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:2.5rem 2.5rem 0;margin-bottom:1.5rem}.skeleton-material-card .material-notes-list{position:relative;z-index:2;display:flex;flex-direction:column;gap:.75rem;padding:0 2.5rem 2.5rem;min-height:140px;max-height:140px}.skeleton-material-card .material-note-item{display:flex;align-items:flex-start;gap:.75rem;height:28px;overflow:hidden}.skeleton-achievement-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;text-align:center;box-shadow:0 2px 8px #0000000f}.skeleton-achievement-card .achievement-rank{font-size:2rem;margin-bottom:.75rem;display:block}.skeleton-achievement-card .achievement-content{display:flex;flex-direction:column;gap:.75rem}.skeleton-achievement-card .achievement-stats{display:flex;justify-content:space-around;gap:.5rem}.skeleton-blog-card{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);height:100%;display:flex;flex-direction:column}.skeleton-blog-card .course-image-wrapper{position:relative;width:100%;height:160px;overflow:hidden;background:var(--bg-tertiary)}.skeleton-blog-card .course-content{padding:16px;display:flex;flex-direction:column;flex-grow:1}@media(max-width:768px){.skeleton-material-card{min-width:320px;width:320px;min-height:280px}.skeleton-material-card .material-card-top{padding:2rem 2rem 0}.skeleton-material-card .material-notes-list{padding:0 2rem 2rem}}@media(max-width:480px){.skeleton-preview-card{min-width:260px;max-width:260px;padding:1rem}.skeleton-material-card{min-width:280px;width:280px;min-height:260px}.skeleton-material-card .material-card-top{padding:1.75rem 1.75rem 0}.skeleton-material-card .material-notes-list{padding:0 1.75rem 1.75rem;gap:.65rem}}.skeleton-aptitude-category-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;min-width:380px;width:380px;height:320px;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}[data-theme=dark] .skeleton-aptitude-category-card{background:#1e293b66;border-color:#4755694d}@media(max-width:768px){.skeleton-aptitude-category-card{min-width:320px;width:320px;height:280px;padding:2rem}}@media(max-width:480px){.skeleton-aptitude-category-card{min-width:280px;width:280px;height:260px;padding:1.75rem}}.skeleton-video-card{min-width:300px;width:300px;background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid var(--border-color)}[data-theme=dark] .skeleton-video-card{background:#1e293b66;border-color:#4755694d}.skeleton-aptitude-material-card{background:var(--card-bg);border-radius:16px;padding:2rem;border:1px solid var(--border-color);display:flex;align-items:center;gap:1.5rem}[data-theme=dark] .skeleton-aptitude-material-card{background:#1e293b66;border-color:#4755694d}.skeleton-analytics-card{background:var(--card-bg);border-radius:16px;padding:2rem;border:1px solid var(--border-color);min-height:350px}[data-theme=dark] .skeleton-analytics-card{background:#1e293b66;border-color:#4755694d}.skeleton-explorer-sidebar{background:var(--card-bg);border-right:1px solid var(--border-color)}[data-theme=dark] .skeleton-explorer-sidebar{background:#1e293b66;border-color:#4755694d}.skeleton-explorer-content{background:var(--bg-primary);padding:2rem}[data-theme=dark] .skeleton-explorer-content{background:#0f172a66}.skeleton-video-grid .youtube-style-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}[data-theme=dark] .skeleton-video-grid .youtube-style-card{background:#1e293b66;border-color:#4755694d}.skeleton-resources-grid .resource-explorer-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}[data-theme=dark] .skeleton-resources-grid .resource-explorer-card{background:#1e293b66;border-color:#4755694d}.page-home{padding:0!important;min-height:100vh;width:100%;margin:0;position:relative;background:var(--bg-secondary)}.page-home>section:first-child,.page-home>div:first-child section{margin:0;width:100%;padding:0}.page-home .section:first-of-type{margin-top:2rem}.page-home section#hero{margin:0!important;padding-left:1.5rem!important;padding-right:1.5rem!important}@media(max-width:768px){.page-home section#hero{padding-top:8rem!important;min-height:100vh!important}.page-home section#hero h1{font-size:2.5rem!important;line-height:1.1!important}.page-home section#hero p{font-size:1rem!important}}.hero-home{position:relative;color:#fff;padding:0;height:30vh;min-height:240px;max-height:300px;display:flex;align-items:center;justify-content:center;margin:1rem 1rem 0;margin-bottom:var(--card-spacing);overflow:hidden;border-radius:var(--radius-xl)}.hero-carousel{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-slide.active{opacity:1;z-index:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#00000080);z-index:2}.hero-content-wrapper{width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:5;text-align:center;padding:2rem 1rem}.hero-text h1{font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-title-animated{animation:fadeInUp .8s ease-out}.hero-subtitle-animated{animation:fadeInUp .8s ease-out .2s both}.hero-subtitle{font-size:1.375rem;margin-bottom:2.5rem;color:gold;font-weight:700;text-shadow:0 0 20px rgba(0,0,0,1),0 0 10px rgba(0,0,0,.9),2px 2px 4px rgba(0,0,0,.8);line-height:1.6;max-width:900px;margin-left:auto;margin-right:auto;letter-spacing:.5px}.hero-buttons{animation:fadeInUp .8s ease-out .4s both}.hero-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:#ffffffe6;display:none}.hero-buttons{display:flex;flex-direction:row;gap:.5rem;align-items:center;width:100%;justify-content:center}.hero-buttons .btn{flex:1;max-width:160px;padding:.75rem 1rem;font-size:.85rem;font-weight:600;border-radius:var(--radius-lg);text-decoration:none;text-align:center;transition:all .3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}[data-theme=dark] .hero-home .btn-secondary,[data-theme=dark] .btn-secondary{background:#1e1e1ed9!important;color:#fff!important;border:2px solid rgba(255,255,255,.5)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .hero-home .btn-secondary:hover,[data-theme=dark] .btn-secondary:hover{background:#282828f2!important;border-color:#ffffffb3!important}[data-theme=dark] .hero-home .btn-primary,[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;box-shadow:0 4px 12px #3b82f666}[data-theme=dark] .hero-home .btn-primary:hover,[data-theme=dark] .btn-primary:hover{box-shadow:0 6px 16px #3b82f680}.section{padding:0;margin-bottom:var(--card-spacing)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0}.section-header{margin-bottom:16px;padding:0 4px}.section-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.section-header p{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0}.section-primary,.section-secondary{background:transparent}.platform-modules-section{padding:0 1rem;margin-top:1rem}.modules-drawer{background:var(--card-bg);border-radius:var(--radius-xl);padding:1.25rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.modules-grid{display:flex;overflow-x:auto;gap:1rem;padding-bottom:.5rem;scrollbar-width:none}.modules-grid::-webkit-scrollbar{display:none}.module-item{display:flex;align-items:center;gap:.75rem;min-width:180px;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-shrink:0;transition:all .3s ease}.module-item:hover{transform:translateY(-2px);border-color:var(--primary-color);background:var(--hover-bg)}.module-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:#3b82f61a;color:var(--primary-color)}.module-item.core .module-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.module-info{display:flex;flex-direction:column}.module-label{font-size:.9rem;font-weight:700;color:var(--text-primary)}.module-status{font-size:.7rem;color:var(--text-muted);font-weight:500}.module-placeholder{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.85rem;padding:.5rem;font-style:italic}@media(min-width:1024px){.modules-grid{flex-wrap:wrap;overflow-x:visible}}.preview-cards-scroll{overflow-x:auto;padding:0 0 8px;margin:0 calc(var(--content-padding-mobile) * -1);-webkit-overflow-scrolling:touch;scrollbar-width:none}.preview-cards-scroll::-webkit-scrollbar{display:none}.preview-cards-container{display:flex;gap:12px;padding:0 var(--content-padding-mobile);min-width:-moz-max-content;min-width:max-content}.preview-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease;min-width:260px;max-width:260px;flex-shrink:0}.preview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color);gap:8px}.preview-header h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;flex:1}.preview-link{display:flex;align-items:center;gap:4px;color:var(--primary-color);text-decoration:none;font-size:.75rem;font-weight:600;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.preview-link:hover{color:var(--primary-dark);transform:translate(2px)}.preview-link i{font-size:.7rem}.notification-count{background:var(--error-color);color:#fff;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;white-space:nowrap}.preview-content{display:flex;flex-direction:column;gap:8px}.preview-list{display:flex;flex-direction:column;gap:10px}.preview-list-scrollable{max-height:280px;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:none;-ms-overflow-style:none}.preview-list-scrollable::-webkit-scrollbar{display:none}.preview-list-scrollable::-webkit-scrollbar-track{background:transparent}.preview-list-scrollable::-webkit-scrollbar-thumb{background:transparent}.preview-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);transition:all .2s ease}[data-theme=dark] .preview-list-item{background:#1e293b66;border-color:#4755694d}.preview-list-item:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:translate(4px)}[data-theme=dark] .preview-list-item:hover{background:#1e293b99}.preview-time-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;padding:8px;flex-shrink:0}.preview-time-box .time{font-size:.85rem;font-weight:700;color:#fff;text-align:center;line-height:1.2}.preview-info{flex:1;min-width:0}.preview-info h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-info .preview-meta{font-size:.75rem;color:var(--text-muted);margin:0}.preview-status{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:6px;white-space:nowrap;flex-shrink:0}.preview-status.warning{background:#fbbf241a;color:#f59e0b;border:1px solid rgba(251,191,36,.2)}.preview-status.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.preview-status.danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .preview-status.warning{background:#fbbf2426;border-color:#fbbf244d}[data-theme=dark] .preview-status.success{background:#22c55e26;border-color:#22c55e4d}[data-theme=dark] .preview-status.danger{background:#ef444426;border-color:#ef44444d}.no-data-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-muted)}.no-data-preview i{font-size:2rem;opacity:.3;margin-bottom:.75rem}.no-data-preview p{font-size:.85rem;margin:0}.preview-chart{margin-top:4px}.skeleton-chart{height:70px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--hover-bg) 50%,var(--bg-tertiary) 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.courses-scroll{overflow-x:auto;padding:0 0 8px;margin:0 calc(var(--content-padding-mobile) * -1);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.courses-grid{display:flex;gap:12px;padding:0 var(--content-padding-mobile);min-width:-moz-max-content;min-width:max-content}.courses-grid .skeleton-card{min-width:280px;max-width:280px;flex-shrink:0;height:auto}.materials-cards-scroll{overflow-x:auto;padding:0 0 1rem;margin:0 calc(var(--content-padding-mobile) * -1);-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative}.materials-cards-scroll::-webkit-scrollbar{display:none}.materials-cards-container{display:flex;gap:1rem;padding:1rem var(--content-padding-mobile) 1rem;min-width:-moz-max-content;min-width:max-content;scroll-behavior:smooth}.material-subject-card{position:relative;min-width:380px;width:380px;min-height:280px;border-radius:24px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #1f268726;flex-shrink:0;text-decoration:none;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .material-subject-card{background:#1a1a1a;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006}.material-subject-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #3b82f640;border-color:var(--primary-color)}[data-theme=dark] .material-subject-card:hover{box-shadow:0 16px 48px #3b82f659;background:#1f1f1f;border-color:var(--primary-color)}.material-card-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:2.5rem 2.5rem 0;margin-bottom:1.5rem}.material-card-top h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;max-width:65%;flex:1}[data-theme=dark] .material-card-top h3{color:#f1f5f9}.material-arrow-btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:1rem;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}[data-theme=dark] .material-arrow-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666}.material-arrow-btn i{font-size:1.1rem;margin-left:2px}.material-subject-card:hover .material-arrow-btn{transform:scale(1.1);box-shadow:0 6px 20px #3b82f666}.material-notes-list{position:relative;z-index:2;display:flex;flex-direction:column;gap:.75rem;padding:0 2.5rem 2.5rem;min-height:120px}.material-note-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-secondary);line-height:1.4;font-weight:500;height:28px;overflow:hidden}[data-theme=dark] .material-note-item{color:#cbd5e1}.material-note-item i{font-size:.4rem;flex-shrink:0;margin-top:.5rem;color:var(--primary-color)}[data-theme=dark] .material-note-item i{color:#60a5fa}.material-note-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.material-more-indicator{opacity:.7;font-style:italic}[data-theme=dark] .material-more-indicator{color:#94a3b8}.no-materials-message{min-width:100%;text-align:center;padding:3rem 2rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.no-materials-message i{font-size:2.5rem;opacity:.2;margin-bottom:1rem;display:block;color:var(--text-muted)}.no-materials-message p{color:var(--text-muted);margin:0}@media(max-width:768px){.materials-cards-container{gap:1rem;padding:1rem var(--content-padding-mobile) 1rem}.material-subject-card{min-width:320px;width:320px;min-height:280px}.material-card-top{padding:2rem 2rem 0}.material-card-top h3{font-size:1.6rem;max-width:70%}.material-arrow-btn{width:44px;height:44px}.material-arrow-btn i{font-size:1rem}.material-notes-list{padding:0 2rem 2rem}.material-note-item{font-size:.85rem}}@media(max-width:480px){.materials-cards-container{gap:1rem}.material-subject-card{min-width:280px;width:280px;min-height:260px}.material-card-top{padding:1.75rem 1.75rem 0}.material-card-top h3{font-size:1.4rem}.material-arrow-btn{width:40px;height:40px}.material-arrow-btn i{font-size:.9rem}.material-notes-list{padding:0 1.75rem 1.75rem;gap:.65rem}.material-note-item{font-size:.8rem}}.achievements-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.achievement-card{background:var(--card-bg);border-radius:20px;padding:2rem 1.5rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px -10px #00000014;position:relative;overflow:hidden;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center}[data-theme=dark] .achievement-card{background:var(--card-bg);box-shadow:0 10px 30px -10px #0000004d}.achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:inherit}.achievement-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #0000001f}.achievement-rank{width:60px;height:60px;background:var(--bg-secondary);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative;z-index:2;box-shadow:0 4px 12px #00000014}[data-theme=dark] .achievement-rank{background:#ffffff0d;box-shadow:0 4px 12px #0000004d}.achievement-rank .rank-medal{font-size:1.75rem;line-height:1}.achievement-rank .rank-number{font-size:.75rem;font-weight:800;color:#64748b;margin-top:2px}.achievement-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:1rem;padding:3px;background:var(--card-bg);box-shadow:0 0 0 2px var(--border-color)}[data-theme=dark] .achievement-avatar{background:var(--bg-secondary)}.achievement-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.achievement-card h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.achievement-class{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.achievement-stats{display:flex;justify-content:center;gap:1.5rem;width:100%;padding-top:1.25rem;border-top:1px solid var(--border-color)}.achievement-stats .stat{display:flex;flex-direction:column;align-items:center}.achievement-stats .stat-value{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.achievement-stats .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.leaderboard-preview{background:var(--card-bg);border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-color)}[data-theme=dark] .leaderboard-preview{background:var(--card-bg);box-shadow:0 4px 6px -1px #0000004d}.leaderboard-preview h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.leaderboard-preview h3:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:4px}.leaderboard-item{display:flex;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:12px;transition:all .2s ease}[data-theme=dark] .leaderboard-item{background:#ffffff08}.leaderboard-item:hover{background:var(--card-bg);box-shadow:0 4px 12px #0000000d;transform:translate(4px)}[data-theme=dark] .leaderboard-item:hover{background:#ffffff0d;box-shadow:0 4px 12px #0000004d}.leaderboard-rank{width:32px;height:32px;background:var(--border-color);color:var(--text-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;margin-right:1rem}[data-theme=dark] .leaderboard-rank{background:#ffffff1a;color:var(--text-primary)}.leaderboard-avatar{width:40px;height:40px;border-radius:50%;margin-right:1rem;-o-object-fit:cover;object-fit:cover}.leaderboard-info{flex:1}.leaderboard-info h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.leaderboard-info p{font-size:.75rem;color:var(--text-muted)}.leaderboard-score{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.leaderboard-score .score-value{font-size:1rem;font-weight:700;color:var(--primary-color)}.leaderboard-score .score-label{font-size:.7rem;color:var(--text-muted)}.no-data-message{text-align:center;padding:3rem;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}[data-theme=dark] .no-data-message{background:var(--card-bg)}.no-data-message i{font-size:3rem;color:var(--text-muted);margin-bottom:1rem;display:block}.no-data-message h3{color:var(--text-primary);margin-bottom:.5rem}.no-data-message p{color:var(--text-muted)}.blog-scroll{overflow-x:auto;padding:0 0 8px;margin:0 calc(var(--content-padding-mobile) * -1);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.blog-grid{display:flex;gap:12px;padding:0 var(--content-padding-mobile);min-width:-moz-max-content;min-width:max-content}.section-footer{display:flex;justify-content:center;margin-top:1.5rem}.btn-outline{background:transparent;color:#3b82f6;border:2px solid #3b82f6;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;display:inline-block}.btn-outline:hover{background:#3b82f6;color:#fff;transform:translateY(-2px)}.preview-cards-scroll::-webkit-scrollbar,.courses-scroll::-webkit-scrollbar,.materials-cards-scroll::-webkit-scrollbar{height:4px}.preview-cards-scroll::-webkit-scrollbar-track,.courses-scroll::-webkit-scrollbar-track,.materials-cards-scroll::-webkit-scrollbar-track{background:#f3f4f6;border-radius:2px}.preview-cards-scroll::-webkit-scrollbar-thumb,.courses-scroll::-webkit-scrollbar-thumb,.materials-cards-scroll::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:2px}.preview-cards-scroll::-webkit-scrollbar-thumb:hover,.courses-scroll::-webkit-scrollbar-thumb:hover,.materials-cards-scroll::-webkit-scrollbar-thumb:hover{background:#1d4ed8}@media(min-width:768px){.hero-home{height:50vh;min-height:320px;max-height:480px;margin:1.5rem 1.5rem 0;margin-bottom:var(--card-spacing)}.hero-content-wrapper{padding:2rem 1.5rem}.hero-text h1{font-size:2.5rem}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem}.container{padding:0 .75rem}.section{margin-bottom:calc(var(--card-spacing) * 1.5)}.section-header h2{font-size:1.5rem}.section-header p{font-size:.95rem}.preview-cards-scroll{margin:0 calc(var(--content-padding-tablet) * -1)}.preview-cards-container{padding:0 var(--content-padding-tablet)}.preview-card{min-width:280px;max-width:280px;padding:18px}.preview-header h3{font-size:1rem}.preview-link{font-size:.8rem}.courses-scroll{overflow-x:auto;margin:0 calc(var(--content-padding-tablet) * -1)}.courses-grid{display:flex;gap:1rem;padding:0 var(--content-padding-tablet);min-width:-moz-max-content;min-width:max-content}.courses-grid .skeleton-card,.course-card{min-width:300px;max-width:300px;flex-shrink:0}.materials-cards-scroll{overflow-x:auto;margin:0 calc(var(--content-padding-tablet) * -1)}.materials-cards-container{padding:1rem var(--content-padding-tablet) 2rem}.materials-grid,.achievements-grid{grid-template-columns:repeat(2,1fr);gap:var(--card-spacing)}.blog-scroll{overflow-x:auto;margin:0 calc(var(--content-padding-tablet) * -1)}.blog-grid{display:flex;gap:1rem;padding:0 var(--content-padding-tablet);min-width:-moz-max-content;min-width:max-content}.blog-grid .course-card{min-width:300px;max-width:300px;flex-shrink:0}.skeleton-chart{height:90px}}@media(min-width:1024px){.hero-home{height:55vh;min-height:360px;max-height:520px;margin:2rem 2rem 0;margin-bottom:calc(var(--card-spacing) * 1.5)}.hero-content-wrapper{text-align:left;padding:3rem 2rem}.hero-text h1{font-size:3rem}.hero-subtitle{font-size:1.75rem;margin-left:0}.hero-buttons{justify-content:flex-start}.section{margin-bottom:calc(var(--card-spacing) * 2)}.section-header h2{font-size:1.75rem}.preview-cards-scroll{margin:0 calc(var(--content-padding-desktop) * -1)}.preview-cards-container{padding:0 var(--content-padding-desktop);gap:var(--card-spacing)}.courses-scroll{overflow-x:visible!important;margin:0!important}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr)!important;overflow-x:visible!important}.courses-grid .skeleton-card,.course-card{min-width:auto!important;max-width:none!important}.section-primary .courses-scroll{overflow:visible!important;margin:0!important}.section-primary .courses-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important;overflow:visible!important;padding:0!important}.section-primary .courses-grid>div{min-width:auto!important;max-width:none!important}.materials-cards-scroll{overflow-x:auto;margin:0 calc(var(--content-padding-desktop) * -1)}.materials-cards-container{padding:1rem var(--content-padding-desktop) 1rem}.materials-grid,.achievements-grid{grid-template-columns:repeat(3,1fr)}.blog-scroll{overflow-x:visible!important;margin:0!important}.blog-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;overflow-x:visible!important}.blog-grid .course-card{min-width:auto!important;max-width:none!important}.skeleton-chart{height:100px}}@media(min-width:1280px){.container{padding:0 3rem}.preview-cards-container{justify-content:flex-start;flex-wrap:wrap}.preview-card{min-width:300px;max-width:300px}}@media(max-width:480px){.hero-home{height:28vh;max-height:280px;margin-bottom:12px}.hero-content-wrapper{padding:2rem 1rem}.hero-text h1{font-size:2.125rem}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem}.container{padding:0 .75rem}.section{padding:0;margin-bottom:12px}.section-header{margin-bottom:8px}.section-header h2{font-size:1.5rem;margin:0}.section-header p{font-size:.9rem;margin:0}.preview-card{min-width:260px;max-width:260px;padding:1rem}.preview-header{flex-direction:column;align-items:flex-start;gap:.5rem}.preview-header h3{font-size:.95rem}.courses-grid .skeleton-card,.course-card,.blog-grid .course-card{min-width:240px;max-width:240px}.preview-link{font-size:.8rem;align-self:flex-end}.material-category,.achievement-card,.leaderboard-preview{padding:1rem}.achievement-rank{font-size:1.75rem}.preview-list-scrollable{max-height:220px}.preview-list-item{padding:10px;gap:10px}.preview-time-box{min-width:50px;height:50px}.preview-time-box .time{font-size:.75rem}.preview-info h4{font-size:.85rem}.preview-info .preview-meta{font-size:.7rem}.preview-status{font-size:.7rem;padding:3px 8px}}@media(max-width:767px){.page-home .section{padding-top:0!important;padding-bottom:0!important}.page-home .section-header{padding-top:2px!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}.page-home .section-header h2{line-height:1.05}.page-home .section-header>p{color:var(--text-muted)!important;line-height:1.15;margin-top:0!important;position:relative;top:-10px}}@media(prefers-reduced-motion:reduce){.hero-title-animated,.hero-subtitle-animated,.hero-buttons{animation:none}}.course-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card:hover{transform:translateY(-8px)}.course-image-wrapper{position:relative}.course-stats-overlay span{display:flex;align-items:center;gap:4px}.course-stats-overlay i{font-size:.7rem}.course-footer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.like-btn{background:none;border:1px solid var(--border-color);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.like-btn.active{background:#ef4444;color:#fff;border-color:#ef4444;transform:scale(1.1)}.course-link{font-size:.85rem;font-weight:600;color:var(--primary-color);text-decoration:none}.preview-card,.achievement-card,.btn,.preview-link{transition:none}.skeleton-chart{animation:none;background:#f0f0f0}.hero-slide{transition:none}.hero-title-animated,.hero-subtitle-animated,.hero-buttons{animation:none}@media(prefers-contrast:high){.preview-card,.material-category,.achievement-card,.leaderboard-preview{border:2px solid #000}.btn-primary{background:#000;border:2px solid #000}.btn-secondary{background:transparent;color:#000;border:2px solid #000}}.preview-card.loading{opacity:.7}.course-card{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;height:100%;display:flex;flex-direction:column;border:1px solid var(--border-color);cursor:pointer;min-width:280px;max-width:280px;flex-shrink:0}.course-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.section-primary .courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:0;margin:0;overflow:visible}.section-primary .courses-scroll{overflow:visible;margin:0;padding:0}.section-primary .courses-grid>div{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.section-primary .courses-grid>div:hover{transform:translateY(-6px);box-shadow:0 8px 25px #0000001f}.section-primary .courses-grid img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;border-radius:0}.section-primary .courses-grid .p-4{padding:1.5rem}.section-primary .courses-grid .text-xs{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.section-primary .courses-grid .text-lg{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3}.section-primary .courses-grid .h-2{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.5rem}.section-primary .courses-grid .mt-3{margin-top:1rem}.section-primary .courses-grid .gap-2{gap:.5rem}.section-primary .courses-grid .border-t{border-top:1px solid var(--border-color);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.section-primary .courses-grid .-space-x-2{display:flex;margin-left:-.5rem}.section-primary .courses-grid .-space-x-2>*{margin-left:-.5rem}.section-primary .courses-grid .h-7{width:28px;height:28px;border-radius:50%;border:2px solid var(--card-bg);overflow:hidden;display:flex;align-items:center;justify-content:center}.section-primary .courses-grid .h-7 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.section-primary .courses-grid [class*=Avatar]{width:28px!important;height:28px!important;border-radius:50%!important;overflow:hidden!important;border:2px solid var(--card-bg)!important}.section-primary .courses-grid [class*=Avatar] img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:50%!important}.section-primary .courses-grid [class*=AvatarImage]{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.section-primary .courses-grid [class*=AvatarFallback]{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--bg-secondary)!important;color:var(--text-primary)!important;font-size:.7rem!important;font-weight:600!important}.section-primary .courses-grid .h-7.w-7{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--card-bg);margin-left:-.5rem;cursor:pointer;transition:transform .2s ease}.section-primary .courses-grid .h-7.w-7:hover{transform:scale(1.1)}@media(max-width:768px){.section-primary .courses-grid{grid-template-columns:1fr;gap:1rem}}@media(min-width:1024px){.section-primary .courses-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:1280px){.section-primary .courses-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.course-image-wrapper{position:relative;width:100%;height:160px;overflow:hidden;background:var(--bg-tertiary)}.course-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.course-card:hover .course-image{transform:scale(1.08)}.course-type-badge{position:absolute;top:10px;left:10px;background:#ffffffe6;padding:4px 10px;border-radius:20px;font-size:.65rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.course-stats-overlay{position:absolute;bottom:8px;right:8px;display:flex;gap:10px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;z-index:10}.course-content{padding:16px;display:flex;flex-direction:column;flex-grow:1}.course-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.course-body{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden;flex-grow:1}.course-footer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-color)}.course-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary-color);font-weight:600;font-size:.85rem;text-decoration:none;transition:color .2s}.course-link:hover{color:var(--primary-dark)}.like-btn{background:none;border:1px solid var(--border-color);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.like-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.like-btn.active{background:#ef4444;color:#fff;border-color:#ef4444;transform:scale(1.15)}.no-courses-message{grid-column:1 / -1;text-align:center;padding:32px 16px;color:var(--text-muted);background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.preview-card.loading .preview-content{filter:blur(1px)}.section .simple-card-stack-container{min-height:600px;padding:2rem 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.simple-card-stack-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;position:relative}.simple-card-stack-container{position:relative;width:100%;max-width:700px;height:520px;margin:0 auto;display:flex;align-items:center;justify-content:center}.simple-card-stack-item{position:absolute;left:50%;bottom:100px;transform:translate(-50%) translateY(calc(var(--card-index) * -40px)) scale(calc(1 - (var(--card-index) * .05)));width:420px;height:340px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px 16px 0 0;overflow:hidden;transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:0 calc(12px + var(--card-index) * 6px) calc(24px + var(--card-index) * 12px) rgba(0,0,0,calc(.1 + var(--card-index) * .03))}.simple-card-stack-item.animating{transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.simple-card-stack-item.swipe-left{transform:translate(-150%) translateY(calc(var(--card-index) * -40px)) scale(calc(1 - (var(--card-index) * .05))) rotate(-15deg);opacity:0}.simple-card-stack-item:first-child{box-shadow:0 25px 50px #0000002e}.simple-card-stack-item:hover:not(.animating){transform:translate(-50%) translateY(calc(var(--card-index) * -40px)) scale(calc(1.08 - (var(--card-index) * .05)))}.simple-card-content{width:100%;height:100%;display:flex;flex-direction:column;padding:6px;gap:20px}.simple-card-image-wrapper{width:100%;height:240px;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.simple-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.simple-card-image:hover{transform:scale(1.1)}.simple-card-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px 28px;flex:1}.simple-card-text{display:flex;flex-direction:column;flex:1;min-width:0}.simple-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.simple-card-description{font-size:.9rem;color:var(--text-muted);line-height:1.4}.simple-card-button{background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:24px;padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0}.simple-card-button:hover{opacity:.8;transform:scale(1.05)}.simple-card-stack-footer{margin-top:2.5rem;display:flex;justify-content:center}.simple-card-next-button{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 20px;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.simple-card-next-button:hover:not(.loading){opacity:.8;transform:scale(1.05);border-color:var(--primary-color);color:var(--primary-color)}.simple-card-next-button:disabled{cursor:not-allowed;opacity:.6}.simple-card-next-button.loading{color:var(--primary-color);border-color:var(--primary-color)}.simple-card-next-button svg{transition:transform .3s ease}.simple-card-next-button svg.rotating{animation:rotate .6s ease-in-out}.simple-card-next-button:hover:not(.loading) svg{transform:translate(3px)}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@media(min-width:640px){.simple-card-stack-item{width:520px;height:360px}.simple-card-image-wrapper{height:260px}.simple-card-title{font-size:1.2rem}.simple-card-description{font-size:.95rem}.simple-card-button{height:44px;padding:10px 20px;font-size:.95rem}}.section+.section{margin-top:3rem}@media(max-width:768px){.section+.section{margin-top:2rem}.section .simple-card-stack-container{min-height:550px;padding:1.5rem 0}.simple-card-stack-wrapper{padding:1.5rem 0}.simple-card-stack-container{height:480px}.simple-card-stack-item{width:380px;height:320px;bottom:80px}.simple-card-image-wrapper{height:220px}}@media(max-width:480px){.section+.section{margin-top:1.5rem}.section .simple-card-stack-container{min-height:500px;padding:1rem 0}.simple-card-stack-wrapper{padding:1rem 0}.simple-card-stack-container{height:440px}.simple-card-stack-item{width:340px;height:300px;bottom:70px}.simple-card-image-wrapper{height:200px}.simple-card-title{font-size:1rem}.simple-card-description{font-size:.85rem}}[data-radix-avatar-image]{-o-object-fit:cover!important;object-fit:cover!important}.avatar img,[class*=avatar] img,[class*=Avatar] img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.preview-list-item img{-o-object-fit:cover;object-fit:cover;border-radius:50%}.material-subject-card img,.rounded-full img{-o-object-fit:cover;object-fit:cover}@media print{.hero-home{background:none!important;color:#000!important;padding:1rem!important}.preview-cards-scroll{overflow:visible!important}.preview-cards-container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.btn{display:none!important}}.hp-quick-links{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}@media(max-width:1024px){.hp-quick-links{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.hp-quick-links-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 -12px;padding:4px 12px 12px}.hp-quick-links-scroll::-webkit-scrollbar{display:none}.hp-quick-links{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;width:-moz-max-content;width:max-content}.hp-quick-link{width:110px!important;min-width:110px!important;min-height:110px!important;padding:14px 12px!important;gap:10px!important;border-radius:14px!important;flex-shrink:0}.hp-quick-link--last-odd{grid-column:unset!important;flex-direction:column!important;align-items:flex-start!important;min-height:110px!important;padding:14px 12px!important;gap:10px!important;justify-content:space-between!important}.hp-quick-link__icon{width:40px!important;height:40px!important;font-size:17px!important;border-radius:11px!important}.hp-quick-link>div:last-child>div:first-child{font-size:12px}.hp-quick-link>div:last-child>div:last-child{font-size:10px!important}}.hp-quick-link:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary-color, #3b82f6)}.hp-quick-link__icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.hp-quick-link span{line-height:1.3}.hp-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.hp-stat-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:var(--card-bg);border:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);transition:transform .15s ease,box-shadow .15s ease}.hp-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.hp-stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.hp-stat-card__body{display:flex;flex-direction:column;gap:2px}.hp-stat-card__value{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1}.hp-stat-card__label{font-size:12px;color:var(--text-muted)}.hp-cta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.hp-cta-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:16px;background:var(--card-bg);border:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);transition:transform .15s ease,box-shadow .15s ease;position:relative}.hp-cta-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.hp-cta-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.hp-cta-card h3{font-size:15px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.hp-cta-card p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.hp-cta-card__arrow{margin-left:auto;color:var(--text-muted);font-size:14px;align-self:center;flex-shrink:0}.hp-timetable-wrapper{overflow-x:auto;border-radius:16px;border:1px solid var(--border-color);background:var(--card-bg)}.hp-timetable{min-width:680px;width:100%}.hp-tt-header{display:grid;grid-template-columns:90px repeat(6,1fr);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.hp-tt-time-col{padding:12px 16px}.hp-tt-day-col{padding:12px 8px;text-align:center;font-size:13px;font-weight:600;color:var(--text-muted);position:relative;display:flex;align-items:center;justify-content:center;gap:6px}.hp-tt-day-col--today{color:var(--primary-color)}.hp-tt-today-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-color);flex-shrink:0}.hp-tt-row{display:grid;grid-template-columns:90px repeat(6,1fr);border-bottom:1px solid var(--border-color)}.hp-tt-time{padding:10px 16px;font-size:12px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;border-right:1px solid var(--border-color);white-space:nowrap}.hp-tt-cell{padding:6px 5px;display:flex;align-items:stretch}.hp-tt-cell--empty{width:100%}.hp-tt-slot{width:100%;border-radius:8px;padding:7px 8px;display:flex;flex-direction:column;gap:2px;min-height:52px;justify-content:center}.hp-tt-slot--break{background:var(--bg-secondary);border-left:3px solid #94a3b8;opacity:.6}.hp-tt-slot__subject{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3}.hp-tt-slot__meta{font-size:11px;color:var(--text-muted);line-height:1.2}@media(max-width:640px){.hp-tt-header,.hp-tt-row{grid-template-columns:72px repeat(6,1fr)}.hp-tt-time{padding:10px 8px;font-size:11px}.hp-tt-slot__subject{font-size:11px}}.hp-materials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.hp-materials-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.hp-materials-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 -12px;padding:4px 12px 12px}.hp-materials-scroll::-webkit-scrollbar{display:none}.hp-materials-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;width:-moz-max-content;width:max-content;grid-template-columns:unset}.hp-mat-card{width:150px!important;min-width:150px!important;flex-shrink:0;padding:14px 12px!important;gap:8px!important;border-radius:14px!important}.hp-mat-card__items{display:none!important}.hp-mat-card__icon{width:40px!important;height:40px!important;font-size:17px!important;border-radius:11px!important}.hp-mat-card__subject{font-size:13px!important}.hp-mat-card__badge{font-size:10px!important;padding:2px 7px!important}.hp-mat-card__arrow{opacity:1!important;transform:translate(0)!important;width:26px!important;height:26px!important;font-size:10px!important}}.hp-mat-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:18px;background:var(--card-bg);border:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hp-mat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001a;border-color:var(--primary-color, #3b82f6)}.hp-mat-card__top{display:flex;align-items:center;justify-content:space-between}.hp-mat-card__icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.hp-mat-card__arrow{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex-shrink:0;opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.hp-mat-card:hover .hp-mat-card__arrow{opacity:1;transform:translate(0)}.hp-mat-card__subject{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.hp-mat-card__counts{display:flex;flex-wrap:wrap;gap:6px}.hp-mat-card__badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:9999px}.hp-mat-card__items{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid var(--border-color)}.hp-mat-card__item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-muted);line-height:1.4}.hp-mat-card__item i{margin-top:2px}.hp-mat-card__more{font-size:11px;color:var(--primary-color, #3b82f6);font-weight:600;padding-top:2px}.ps-carousel{position:relative;border-radius:24px;overflow:hidden;min-height:420px;display:flex;align-items:stretch}.ps-carousel__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .7s ease;z-index:0}.ps-carousel__bg--active{opacity:1}.ps-carousel__overlay{position:absolute;inset:0;z-index:1;transition:background .6s ease}.ps-carousel__content{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;padding:36px 28px;gap:32px}@media(min-width:768px){.ps-carousel__content{flex-direction:row;align-items:center;justify-content:space-between;padding:56px}}.ps-carousel__left{flex:1;display:flex;flex-direction:column;gap:16px;max-width:480px}.ps-carousel__subtitle{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffffbf}.ps-carousel__title{font-size:36px;font-weight:800;color:#fff;margin:0;line-height:1.15}@media(max-width:640px){.ps-carousel__title{font-size:28px}.ps-carousel__desc{font-size:13px!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ps-carousel{min-height:unset!important;border-radius:18px!important}.ps-carousel__content{padding:28px 22px!important;gap:20px!important}}.ps-carousel__desc{font-size:15px;color:#ffffffd9;line-height:1.65;margin:0}.ps-carousel__cta{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:9999px;background:#fff;color:#111827;font-size:14px;font-weight:700;text-decoration:none;width:-moz-fit-content;width:fit-content;transition:transform .18s ease,box-shadow .18s ease;margin-top:4px}.ps-carousel__cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.ps-carousel__right{display:flex;flex-direction:column;gap:10px;min-width:220px}@media(max-width:767px){.ps-carousel__right{display:none}}.ps-carousel__slide-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1.5px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffb3;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .2s,background .2s,color .2s;position:relative;overflow:hidden}.ps-carousel__slide-btn:hover{border-color:#ffffff80;color:#fff}.ps-carousel__slide-btn--active{color:#fff}.ps-carousel__slide-num{font-size:11px;font-weight:700;font-family:monospace;opacity:.7;flex-shrink:0}.ps-carousel__slide-label{font-size:13px;font-weight:600;flex:1}.ps-carousel__progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3}.ps-carousel__progress-fill{height:100%;width:0;animation:ps-progress linear forwards;border-radius:2px}@keyframes ps-progress{0%{width:0}to{width:100%}}.ps-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .18s ease,border-color .18s ease}.ps-carousel__arrow:hover{background:#ffffff40;border-color:#fff9}.ps-carousel__arrow--prev{left:16px}.ps-carousel__arrow--next{right:16px}@media(min-width:768px){.ps-carousel__arrow--prev{left:24px}.ps-carousel__arrow--next{right:24px}}.lms-overhaul-main{background:var(--bg-secondary)!important;font-family:Outfit,Inter,sans-serif!important;color:var(--text-primary);padding:0!important;overflow-x:hidden}.lms-header-hero{position:relative;width:100%;min-height:180px;border-bottom:1px solid var(--border-color);background:#0b0f19}.lms-hero-banner-container{position:absolute;inset:0;width:100%;height:100%;z-index:0}.lms-hero-banner{filter:brightness(.4) contrast(1.15) saturate(1.1);transition:transform .8s cubic-bezier(.4,0,.2,1)}.lms-header-hero:hover .lms-hero-banner{transform:scale(1.03)}.lms-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0b0f1966,#0b0f19);z-index:1}.lms-hero-container{padding-top:2.5rem!important;padding-bottom:2.5rem!important;max-width:1280px}.lms-hero-avatar-wrapper{width:76px;height:76px;flex-shrink:0}.lms-hero-avatar{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.lms-hero-avatar-wrapper:hover .lms-hero-avatar{transform:rotate(6deg) scale(1.05)}.lms-glass-widget{background:var(--card-bg, rgba(255, 255, 255, .75))!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--border-color, rgba(226, 232, 240, .8))!important;border-radius:12px!important;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.02))!important;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease}.lms-glass-widget:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.05))!important;border-color:#3b82f633!important}[data-theme=dark] .lms-glass-widget{background:#0f172a73!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 10px 30px -10px #0000004d!important}[data-theme=dark] .lms-glass-widget:hover{border-color:#3b82f64d!important;box-shadow:0 20px 40px -15px #3b82f633!important}.performance-chart-container{width:100%}.performance-chart-container svg{width:100%;filter:drop-shadow(0px 8px 16px rgba(59,130,246,.08))}.glass-card-glow{background:#ffffff73!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:18px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card-glow:hover{background:#fff9!important;transform:translateY(-3px);border-color:var(--primary-color)!important;box-shadow:0 12px 24px -10px #3b82f626!important}[data-theme=dark] .glass-card-glow{background:#0f172a66!important;border-color:#ffffff0d!important}[data-theme=dark] .glass-card-glow:hover{background:#0f172a99!important;border-color:var(--primary-color)!important}.lms-schedule-today-view::-webkit-scrollbar{width:4px}.lms-schedule-today-view::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:10px}.scrollbar-thin::-webkit-scrollbar{height:6px;width:6px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#9ca3af59;border-radius:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) both}.hp-mat-card{border-radius:20px!important;background:#ffffff73!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 4px 20px -5px #00000005!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.hp-mat-card:hover{transform:translateY(-4px)!important;box-shadow:0 16px 32px -10px #3b82f61f!important;border-color:#3b82f64d!important}[data-theme=dark] .hp-mat-card{background:#0f172a66!important;border-color:#ffffff0d!important}[data-theme=dark] .hp-mat-card:hover{border-color:#3b82f64d!important}.lms-overhaul-main{--widget-radius: 20px;--widget-border-light: 1px solid rgba(226, 232, 240, .8);--widget-border-dark: 1px solid rgba(255, 255, 255, .06);--widget-bg-light: rgba(255, 255, 255, .92);--widget-bg-dark: rgba(15, 23, 42, .6);--widget-shadow-light: 0 4px 24px -8px rgba(0, 0, 0, .08), 0 1px 3px rgba(0,0,0,.04);--widget-shadow-dark: 0 4px 24px -8px rgba(0, 0, 0, .45);background:var(--bg-secondary);min-height:100vh}.lms-header-hero{position:relative;min-height:200px;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);overflow:hidden}.lms-hero-banner-container{position:absolute;inset:0;z-index:0}.lms-hero-banner{width:100%;height:100%}.lms-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172ae0,#1e1b4bb8,#0f172aeb);z-index:1}.lms-hero-container{position:relative;z-index:10;padding:2.5rem 1.5rem!important}.lms-hero-avatar-wrapper{flex-shrink:0}.lms-hero-avatar{width:88px!important;height:88px!important;border:3px solid rgba(255,255,255,.25)!important;box-shadow:0 0 0 1px #ffffff14,0 8px 24px #0006!important}.lms-hero-welcome-text h1{letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.lms-glass-widget{background:var(--widget-bg-light);border:var(--widget-border-light);border-radius:var(--widget-radius);box-shadow:var(--widget-shadow-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .3s ease,transform .3s ease}.lms-glass-widget:hover{box-shadow:0 8px 32px -8px #3b82f61f,0 2px 6px #0000000d}[data-theme=dark] .lms-glass-widget{background:var(--widget-bg-dark);border:var(--widget-border-dark);box-shadow:var(--widget-shadow-dark)}[data-theme=dark] .lms-glass-widget:hover{box-shadow:0 8px 32px -8px #6366f133}.notification-count{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;line-height:1.6}.glass-card-glow{background:#ffffffe0!important;border:1px solid rgba(226,232,240,.7)!important;box-shadow:0 2px 8px #0000000a!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=dark] .glass-card-glow{background:#0f172a80!important;border-color:#ffffff0f!important}[data-theme=dark] .glass-card-glow:hover{background:#0f172aa6!important;border-color:#6366f14d!important}.hp-quick-links-scroll{width:100%}.hp-quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;width:100%;padding:.25rem .125rem}.hp-quick-link{display:flex;flex-direction:row;align-items:center;gap:.875rem;padding:1rem;border-radius:12px;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 6px #00000005}[data-theme=dark] .hp-quick-link{background:#1a1a1a99;border-color:#ffffff14}.hp-quick-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #3b82f61a;border-color:var(--primary-color, #3b82f6)}.hp-quick-link__icon{width:42px;height:42px;border-radius:8px;background:var(--bg-tertiary, #f3f4f6)!important;color:var(--text-secondary, #475569)!important;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:all .2s ease}[data-theme=dark] .hp-quick-link__icon{background:#ffffff14!important;color:var(--text-primary, #f1f5f9)!important}.hp-quick-link:hover .hp-quick-link__icon{background:var(--primary-color-light, #dbeafe)!important;color:var(--primary-color, #2563eb)!important;transform:scale(1.05)}[data-theme=dark] .hp-quick-link:hover .hp-quick-link__icon{background:#3b82f629!important;color:#60a5fa!important}@media(max-width:767px){.hp-quick-links-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 -12px;padding:4px 12px 12px}.hp-quick-links-scroll::-webkit-scrollbar{display:none}.hp-quick-links{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;width:-moz-max-content;width:max-content}.hp-quick-link{flex-direction:column!important;align-items:center!important;text-align:center!important;min-width:96px;width:96px;padding:.875rem .5rem;border-radius:12px;gap:.5rem}.hp-quick-link__icon{width:38px;height:38px;border-radius:8px;margin-bottom:2px}}.performance-chart-container{width:100%;position:relative}.hp-timetable-wrapper{border-radius:12px;overflow:hidden}.hp-timetable{border-collapse:collapse;width:100%}.hp-tt-header{display:flex;border-bottom:2px solid rgba(226,232,240,.8)}[data-theme=dark] .hp-tt-header{border-color:#ffffff14}.hp-tt-time-col{min-width:56px;flex-shrink:0;padding:.5rem .25rem;font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;text-align:center}.hp-tt-day-col{flex:1;padding:.4rem .25rem;text-align:center;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#64748b;position:relative}[data-theme=dark] .hp-tt-day-col{color:#94a3b8}.hp-tt-day-col--today{color:#3b82f6!important}.hp-tt-today-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#3b82f6;vertical-align:middle;margin-left:3px;margin-bottom:2px}.hp-tt-row{display:flex;border-bottom:1px solid rgba(226,232,240,.5)}[data-theme=dark] .hp-tt-row{border-color:#ffffff0a}.hp-tt-row:last-child{border-bottom:none}.hp-tt-time{min-width:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:.4rem .25rem;font-size:.6rem;font-weight:700;color:#94a3b8;background:#f8fafc80;border-right:1px solid rgba(226,232,240,.5);text-align:center}[data-theme=dark] .hp-tt-time{background:#0f172a4d;border-color:#ffffff0a}.hp-tt-cell{flex:1;padding:2px;cursor:pointer;min-height:36px}.hp-tt-slot{height:100%;padding:.3rem .35rem;border-radius:6px;transition:opacity .15s}.hp-tt-slot:hover{opacity:.8}.hp-tt-slot__subject{display:block;line-height:1.3}.hp-tt-slot__meta{display:block;color:#94a3b8;font-size:.55rem}.hp-tt-slot--break{background:#94a3b814!important;border-left:none!important}.hp-tt-cell--empty{height:100%;border-radius:6px}.hp-materials-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.hp-materials-scroll::-webkit-scrollbar{display:none}.hp-materials-grid{display:flex;gap:1rem;min-width:-moz-max-content;min-width:max-content}@media(min-width:1024px){.hp-materials-grid{display:grid;grid-template-columns:repeat(4,1fr);min-width:unset}}.hp-mat-card__top{display:flex;align-items:flex-start;justify-content:space-between}.hp-mat-card__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem}.hp-mat-card__arrow{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;flex-shrink:0}.hp-mat-card__counts{display:flex;flex-direction:column;gap:.35rem}.hp-mat-card__badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:700;width:-moz-fit-content;width:fit-content}.hp-mat-card__items{display:flex;flex-direction:column;gap:.35rem}.hp-mat-card__item{display:flex;align-items:center;gap:6px;font-size:.65rem;color:#64748b}[data-theme=dark] .hp-mat-card__item{color:#94a3b8}.ps-carousel{position:relative;min-height:220px;border-radius:24px;overflow:hidden}.ps-carousel__bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.ps-carousel__overlay{position:absolute;inset:0;z-index:1}.ps-carousel__content{position:relative;z-index:2;padding:2rem 2.5rem;min-height:220px}.lms-schedule-today-view{width:100%}@keyframes lms-fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes lms-pulse-ring{0%{box-shadow:0 0 #3b82f659}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.animate-fadeIn{animation:lms-fadeSlideIn .55s cubic-bezier(.16,1,.3,1) both}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-thin::-webkit-scrollbar{height:4px;width:4px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}[data-theme=dark] .text-slate-800{color:#e2e8f0!important}[data-theme=dark] .text-slate-900{color:#f1f5f9!important}[data-theme=dark] .text-slate-700{color:#cbd5e1!important}.lms-subject-bar-row{display:flex;align-items:center;gap:.75rem}.lms-subject-bar-track{flex:1;height:6px;border-radius:999px;background:#e2e8f0cc;overflow:hidden}[data-theme=dark] .lms-subject-bar-track{background:#ffffff14}.lms-subject-bar-fill{height:100%;border-radius:999px;transition:width 1s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.lms-hero-avatar{width:64px!important;height:64px!important}.lms-hero-container{flex-direction:column;align-items:flex-start!important;gap:.875rem!important;padding:1.25rem 1rem!important}.lms-header-hero{min-height:160px!important}.lms-hero-stat-pills{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;padding-bottom:4px!important;gap:.375rem!important;width:100%!important}.lms-hero-stat-pills::-webkit-scrollbar{display:none!important}.lms-hero-stat-pill{flex:0 0 auto!important;font-size:.7rem!important;padding:6px 10px!important}.hp-quick-links{gap:.5rem}.hp-quick-link{min-width:76px;padding:.75rem .875rem}.ps-carousel__content{padding:1.5rem;flex-direction:column}.hero-home{height:22vh!important;min-height:180px!important;max-height:220px!important;margin:.75rem .75rem 0!important}.hero-text h1{font-size:1.2rem!important}.hero-subtitle{font-size:.95rem!important;margin-bottom:1rem!important}.hero-buttons .btn{padding:.5rem .75rem!important;font-size:.78rem!important}}@media(max-width:480px){.lms-header-hero{min-height:140px!important}.lms-hero-container{padding:1rem .875rem!important;gap:.625rem!important}.lms-hero-avatar{width:52px!important;height:52px!important}.lms-hero-welcome-text h1{font-size:1.1rem!important}.lms-hero-stat-pills{display:none!important}.hero-home{height:20vh!important;min-height:150px!important;max-height:190px!important;margin:.5rem .5rem 0!important;border-radius:12px!important}.hero-content-wrapper{padding:1rem .75rem!important}.hero-text h1{font-size:1rem!important;margin-bottom:.4rem!important}.hero-subtitle{font-size:.82rem!important;margin-bottom:.75rem!important}.hero-buttons{gap:.375rem!important}.hero-buttons .btn{padding:.4rem .625rem!important;font-size:.72rem!important;max-width:140px!important}.hp-quick-link{min-width:72px!important;width:72px!important;padding:.625rem .375rem!important}.hp-quick-link__icon{width:32px!important;height:32px!important;font-size:.9rem!important}.lms-snapshot-bar{overflow-x:auto!important;scrollbar-width:none!important;flex-wrap:nowrap!important}.lms-snapshot-bar::-webkit-scrollbar{display:none!important}.lms-snapshot-pill-item{flex:0 0 auto!important}.lms-widgets-row{grid-template-columns:1fr!important}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2}}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:text-2xl{font-size:1.5rem}.md\:p-8{padding:2rem}.md\:mt-0{margin-top:0}.md\:w-auto{width:auto}.md\:flex-shrink{flex-shrink:1}}.lms-subject-bar{display:flex;flex-direction:column;gap:.65rem;width:100%}.lms-ring-svg{transform:rotate(-90deg);display:block}.lms-ring-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}[data-theme=dark] .lms-snapshot-bar{background:#0f172abf!important;border-color:#ffffff0f!important}[data-theme=dark] .lms-profile-detail-item{background:#1e293b8c!important;border-color:#ffffff0d!important}[data-theme=dark] .lms-profile-detail-item .lms-pdi-value{color:#e2e8f0!important}.lms-hero-stat-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;transition:all .2s ease}.lms-hero-stat-pill .pill-icon{display:inline-flex;align-items:center;flex-shrink:0}.lms-glass-widget h3{margin:0}[data-theme=dark] .lms-snapshot-pill-item{background:#0f172a80!important}.lms-glass-widget p{margin:0}.hp-quick-link .hp-quick-link__label{font-size:.7rem;font-weight:700;color:var(--text-primary);line-height:1.2}.hp-quick-link .hp-quick-link__desc{font-size:.6rem;color:var(--text-muted);margin-top:2px}.hp-tt-slot:hover{opacity:.82;transform:scale(1.01)}.lms-overhaul-main .section{padding-top:1rem;padding-bottom:.5rem}.lms-ring-container{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .lms-subject-bar-row span:first-child{color:#94a3b8!important}[data-theme=dark] .lms-glass-widget{color:#e2e8f0}[data-theme=dark] .lms-snapshot-bar>div>div:first-child{color:inherit}[data-theme=dark] .lms-overhaul-main{background:#0a0a0a!important}[data-theme=dark] .lms-header-hero{background:linear-gradient(135deg,#0a0a0a,#161616,#000)!important}[data-theme=dark] .lms-hero-overlay{background:linear-gradient(135deg,#0a0a0ae6,#161616bf,#0a0a0af2)!important}[data-theme=dark] .lms-glass-widget{background:#1a1a1aa6!important;border-color:#ffffff14!important}[data-theme=dark] .glass-card-glow{background:#1a1a1a80!important;border-color:#ffffff14!important}[data-theme=dark] .hp-quick-link{background:#1a1a1a99!important;border-color:#ffffff14!important}[data-theme=dark] .hp-quick-link:hover{background:#1a1a1acc!important;border-color:#60a5fa!important;box-shadow:0 8px 24px -4px #60a5fa33!important}[data-theme=dark] .hp-mat-card{background:#1a1a1a80!important;border-color:#ffffff14!important}[data-theme=dark] .hp-mat-card:hover{border-color:#60a5fa!important}[data-theme=dark] .lms-hero-stat-pill{background:#1a1a1aa6!important;border-color:#ffffff1a!important;color:#cbd5e1!important}.profile-header-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}@media(max-width:1024px){.section-primary .container{padding-bottom:0}.profile-header-card{border-radius:12px 12px 0 0;margin-bottom:0;box-shadow:none}.section-primary .profile-sidebar{display:block!important;background:var(--card-bg);border-radius:0 0 12px 12px;box-shadow:0 4px 12px #00000014;margin-bottom:16px;padding:0;position:relative;top:auto;max-height:none;overflow:visible}}.page .section{padding:2rem 0}.page .section-primary{padding-top:1rem;padding-bottom:1rem}.page .section-secondary{padding-top:1.5rem}.profile-banner{height:150px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);position:relative}.edit-banner-btn{position:absolute;top:16px;right:16px}.profile-main-info{padding:0 32px 32px;display:flex;gap:24px;align-items:flex-start}.profile-avatar-section{margin-top:-60px}.profile-avatar-large{width:140px;height:140px;border-radius:50%;background:var(--card-bg);border:4px solid var(--card-bg);display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-secondary);position:relative;box-shadow:var(--shadow-md)}.avatar-edit-btn{position:absolute;bottom:4px;right:4px;width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;border:2px solid var(--card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.avatar-edit-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.profile-details{flex:1;padding-top:16px}.profile-details h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.profile-email{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.profile-meta{display:flex;gap:24px;flex-wrap:wrap}.profile-meta span{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px}.profile-meta i{color:var(--primary-color)}.profile-actions{padding-top:16px}.profile-content-wrapper{display:grid;grid-template-columns:280px 1fr;gap:24px}@media(min-width:1025px){.section-primary .profile-sidebar{display:none!important}.section-secondary .profile-sidebar{display:flex!important}}@media(max-width:1024px){.section-secondary .profile-sidebar{display:none!important}.section-primary .profile-sidebar{display:block!important}}.profile-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:70px;align-self:flex-start;max-height:calc(100vh - 80px);overflow-y:auto}.profile-sidebar::-webkit-scrollbar{width:6px}.profile-sidebar::-webkit-scrollbar-track{background:transparent}.profile-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.profile-sidebar::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.profile-sidebar{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.profile-nav{background:var(--card-bg);border-radius:12px;padding:6px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.nav-header{padding:10px 16px 6px;border-bottom:1px solid var(--border-color);margin-bottom:6px}.nav-header h4{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.profile-nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;margin-bottom:2px}.profile-nav-item:hover{background:var(--hover-bg);color:var(--text-primary);transform:translate(2px)}.profile-nav-item.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:0 4px 12px #667eea4d;transform:translate(4px)}.profile-nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--primary-color);border-radius:2px}.profile-nav-item i{font-size:18px;width:24px;transition:all .3s ease}.profile-nav-item.active i{transform:scale(1.1)}.profile-nav-item span{font-weight:600;flex:1}.active-indicator{width:8px;height:8px;background:#fff;border-radius:50%;opacity:.9}.profile-stats-card{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm)}.profile-stats-card h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.profile-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.profile-stat-item:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:14px}.stat-value{color:var(--text-primary);font-weight:600;font-size:14px}.achievement-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;padding:16px;color:#fff;display:flex;align-items:center;gap:12px}.badge-icon{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.badge-content h4{font-size:14px;font-weight:600;margin:0 0 2px}.badge-content p{font-size:12px;margin:0;opacity:.9}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:14px;transition:all .2s}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-display{padding:12px 16px;background:var(--section-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;min-height:20px}.form-select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:14px;cursor:pointer}.academic-summary{display:flex;gap:12px}.cgpa-badge,.attendance-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.cgpa-badge{background:#94a3b81a;color:#64748b;border:1px solid rgba(148,163,184,.2)}.attendance-badge{background:rgba(var(--success-color-rgb, 16, 163, 129),.1);color:var(--success-color);border:1px solid rgba(var(--success-color-rgb, 16, 163, 129),.2)}.info-value{font-size:16px;font-weight:600;color:var(--text-primary)}.profile-main-content{background:var(--card-bg);border-radius:12px;padding:32px;box-shadow:var(--shadow-sm)}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.profile-section-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.profile-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.profile-section .academic-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px}.profile-section .academic-info-grid .info-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffffb3!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;color:inherit!important}.profile-section .academic-info-grid .info-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;background:#fffc!important;border-color:#fff6!important}.profile-section .academic-info-grid .info-card .info-icon{width:48px;height:48px;border-radius:12px;background:#ffffffe6!important;color:#64748b!important;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 8px #00000014}.profile-section .academic-info-grid .info-card:before{display:none!important}.info-content{flex:1}.info-content label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.enrolled-courses{margin-top:32px}.enrolled-courses h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.course-card{background:var(--section-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease}.course-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-code{font-size:12px;font-weight:600;color:var(--primary-color);background:var(--primary-light);padding:4px 8px;border-radius:6px}.grade-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.grade-A{background:#dcfce7;color:#16a34a}.grade-Aminus{background:#fef3c7;color:#d97706}.grade-Bplus{background:#dbeafe;color:#2563eb}.course-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px;line-height:1.4}.course-details{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.attendance-profile-container{padding:1rem}.attendance-summary-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:2rem}@media(max-width:640px){.attendance-summary-row{grid-template-columns:1fr}}.att-stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .18s ease,box-shadow .18s ease}.att-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.att-stat-card--main{border-left:4px solid #3b82f6}.att-stat-card__ring-wrap{position:relative;width:72px;height:72px;flex-shrink:0}.att-stat-card__ring{width:72px;height:72px;transform:rotate(0)}.att-stat-card__ring-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--text-primary)}.att-stat-card--present{border-left:4px solid #22c55e}.att-stat-card--present .att-stat-card__icon-box{background:#dcfce7;color:#16a34a}.att-stat-card--absent{border-left:4px solid #ef4444}.att-stat-card--absent .att-stat-card__icon-box{background:#fee2e2;color:#dc2626}.att-stat-card__icon-box{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.att-stat-card__info{display:flex;flex-direction:column;gap:3px}.att-stat-card__num{font-size:28px;font-weight:800;color:var(--text-primary);line-height:1}.att-stat-card__title{font-size:13px;font-weight:600;color:var(--text-primary)}.att-stat-card__sub{font-size:12px;color:var(--text-muted)}.progress-bar-bg{height:6px;background:var(--section-bg);border-radius:3px;margin-top:.5rem;overflow:hidden;border:none}.progress-bar-fill{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease}.attendance-main-grid{display:grid;grid-template-columns:320px 1fr;gap:1.5rem}@media(max-width:1024px){.attendance-main-grid{grid-template-columns:1fr}}.attendance-side-panel,.attendance-history-panel{background:var(--card-bg)!important;padding:1.5rem;border-radius:16px;border:none;box-shadow:var(--shadow-sm);transition:all .3s ease}.attendance-side-panel:hover,.attendance-history-panel:hover{box-shadow:var(--shadow-md)}.attendance-side-panel h3,.attendance-history-panel h3{font-size:1rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.subject-stats-list{display:flex;flex-direction:column;gap:1.25rem}.subject-stat-item .item-head{display:flex;justify-content:space-between;margin-bottom:.5rem}.subject-stat-item .name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.subject-stat-item .perc{font-weight:700;color:var(--primary-color);font-size:.9rem}.item-bar-bg{height:4px;background:var(--section-bg);border-radius:2px;margin-bottom:.4rem;overflow:hidden;border:none}.item-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.item-meta{font-size:.7rem;color:var(--text-muted)}.history-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem;margin-right:-.5rem;position:relative}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:var(--section-bg);border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.history-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.history-list{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--section-bg)}.history-item{display:flex;gap:1rem;padding:1rem;border-radius:12px;background:var(--section-bg)!important;border:none;transition:all .2s ease;position:relative}.history-item:hover{background:var(--hover-bg)!important;transform:translate(2px)}.history-item .item-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.8rem;background:var(--section-bg);border:none;color:var(--text-secondary)}.history-item .item-icon.present{background:rgba(var(--success-color-rgb),.1);color:var(--success-color)}.history-item .item-icon.absent{background:rgba(var(--error-color-rgb),.1);color:var(--error-color)}.history-item .item-content{flex:1}.history-item .row1{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.history-item .subject{font-weight:600;color:var(--text-primary);font-size:.9rem}.status-pill{font-size:.65rem;font-weight:800;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;border:1px solid transparent}.status-pill.present{background:rgba(var(--success-color-rgb, 16, 163, 129),.1);color:var(--success-color);border-color:rgba(var(--success-color-rgb, 16, 163, 129),.2)}.status-pill.absent{background:rgba(var(--error-color-rgb, 239, 68, 68),.1);color:var(--error-color);border-color:rgba(var(--error-color-rgb, 239, 68, 68),.2)}.status-pill.late{background:rgba(var(--warning-color-rgb, 245, 158, 11),.1);color:var(--warning-color);border-color:rgba(var(--warning-color-rgb, 245, 158, 11),.2)}.history-item .row2{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary);flex-wrap:wrap}.history-item .row2 span{display:flex;align-items:center;gap:4px}.history-item .remarks{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary);font-style:italic;padding:.5rem;background:var(--section-bg);border-radius:6px;border:none}.empty-state{text-align:center;padding:2rem;color:var(--text-muted);background:var(--section-bg);border-radius:12px;font-style:italic}.course-credits,.course-instructor{display:flex;align-items:center;gap:4px}.course-details i{color:var(--primary-color)}.login-activity{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--section-bg);border-radius:8px;border:1px solid var(--border-color)}.activity-device{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.activity-device i{color:var(--primary-color)}.activity-location{font-size:12px;color:var(--text-secondary)}.activity-time{text-align:right;font-size:12px;color:var(--text-secondary)}.current-session{background:#dcfce7;color:#16a34a;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;margin-bottom:4px;display:inline-block}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(26px)}.courses-list{display:flex;flex-direction:column;gap:12px}.dashboard-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.overview-card{background:var(--section-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.overview-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.overview-icon{width:60px;height:60px;border-radius:12px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.overview-content{flex:1}.overview-content h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.progress-info{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.progress-score{font-size:24px;font-weight:700;color:var(--primary-color)}.progress-label{font-size:12px;color:var(--text-secondary)}.progress-bar{width:100%;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:3px;transition:width .3s ease}.dashboard-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.dashboard-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.dashboard-section h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.analytics-grid-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.analytics-card-large{background:var(--section-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.analytics-card-large:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analytics-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.analytics-header i{color:var(--primary-color);font-size:20px}.progress-chart{height:200px;border-radius:8px;overflow:hidden}.performance-breakdown{display:flex;flex-direction:column;gap:16px}.performance-item{display:flex;align-items:center;gap:12px}.category-name{min-width:140px;font-size:14px;font-weight:500;color:var(--text-primary)}.performance-item .progress-bar{flex:1;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.performance-item .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:4px;transition:width .3s ease}.percentage{min-width:40px;font-size:14px;font-weight:600;color:var(--primary-color);text-align:right}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.activity-item:hover{background:var(--hover-bg)}.activity-item i{font-size:16px;width:20px;text-align:center}.activity-item i.success{color:#16a34a}.activity-item span{font-size:14px;color:var(--text-primary);line-height:1.4}.progress-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:24px}.progress-overview{display:flex;flex-direction:column;gap:20px}.progress-card{background:var(--section-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.progress-percentage{font-size:24px;font-weight:700;color:var(--primary-color)}.progress-card p{font-size:14px;color:var(--text-secondary);margin:12px 0 0}.achievements-card{background:var(--section-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.achievements-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.achievements-list{display:flex;flex-direction:column;gap:12px}.achievement-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.achievement-item i{font-size:20px;color:#f59e0b;width:24px;text-align:center}.achievement-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.achievement-info p{font-size:12px;color:var(--text-secondary);margin:0}.skill-breakdown{background:var(--section-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.skill-breakdown h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.skill-progress-list{display:flex;flex-direction:column;gap:16px}.skill-progress-item{display:flex;align-items:center;gap:12px}.skill-info{display:flex;align-items:center;gap:8px;min-width:160px}.skill-info i{font-size:16px;color:var(--primary-color);width:20px;text-align:center}.skill-name{font-size:14px;font-weight:500;color:var(--text-primary)}.skill-progress-bar{flex:1;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.skill-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:4px;transition:width .3s ease}.skill-percentage{min-width:40px;font-size:14px;font-weight:600;color:var(--primary-color);text-align:right}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.tip-card{background:var(--section-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.tip-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.tip-icon{width:60px;height:60px;border-radius:50%;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px}.tip-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.tip-card p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.activity-timeline{display:flex;flex-direction:column;gap:16px}.activity-timeline .activity-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--section-bg);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.activity-timeline .activity-item:hover{transform:translateY(-1px);box-shadow:0 4px 15px #00000014}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.activity-icon.success{background:#dcfce7;color:#16a34a}.activity-icon.info{background:#dbeafe;color:#2563eb}.activity-icon.warning{background:#fef3c7;color:#d97706}.activity-content{flex:1}.activity-content h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.activity-content p{font-size:14px;color:var(--text-secondary);margin:0 0 8px;line-height:1.4}.activity-time{font-size:12px;color:var(--text-secondary);font-weight:500}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.analytics-card{background:var(--section-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease}.analytics-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.analytics-header h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.analytics-header i{color:var(--primary-color);font-size:16px}.analytics-content{display:flex;justify-content:space-between;align-items:center}.metric{display:flex;flex-direction:column}.metric-value{font-size:24px;font-weight:700;color:var(--primary-color);line-height:1}.metric-label{font-size:12px;color:var(--text-secondary);margin-top:2px}.metric-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.metric-trend.positive{color:#16a34a}.metric-trend.negative{color:#dc2626}.metric-trend i{font-size:10px}.goals-list{display:flex;flex-direction:column;gap:16px}.goal-item{display:flex;align-items:center;gap:16px;padding:20px;background:var(--section-bg);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.goal-item:hover{transform:translateY(-1px);box-shadow:0 4px 15px #00000014}.goal-icon{width:40px;height:40px;border-radius:50%;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.goal-content{flex:1}.goal-content h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.goal-content p{font-size:14px;color:var(--text-secondary);margin:0 0 4px}.goal-deadline{font-size:12px;color:var(--primary-color);font-weight:500}.goal-progress{font-size:14px;font-weight:600;color:var(--primary-color);padding:4px 8px;background:var(--primary-light);border-radius:6px}@media(max-width:1024px){.page .section-primary{padding-bottom:0;margin-bottom:0}.page .section-secondary{padding-top:16px}.profile-header-card{border-radius:12px 12px 0 0;margin-bottom:0}.profile-content-wrapper{grid-template-columns:1fr;gap:0}.section-primary .profile-sidebar{display:block!important;position:relative;top:auto;z-index:10;background:var(--card-bg);border-radius:0 0 12px 12px;margin:0 0 16px;padding:0;box-shadow:0 4px 12px #00000014;border-top:1px solid var(--border-color);max-height:none;overflow:visible}.profile-main-content{order:2;border-radius:12px;margin-top:0;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-primary .profile-nav{display:flex!important;flex-direction:row!important;overflow-x:auto;overflow-y:hidden;gap:8px;padding:12px 16px;background:var(--card-bg);box-shadow:none;border:none;border-radius:0 0 12px 12px;scrollbar-width:none;-ms-overflow-style:none;position:relative;scroll-behavior:smooth;white-space:nowrap}.section-primary .profile-nav::-webkit-scrollbar{display:none}.section-primary .nav-header{display:none}.section-primary .profile-nav-item{flex:0 0 auto;min-width:120px;max-width:150px;padding:10px 16px;margin:0;border-radius:50px;background:var(--section-bg);border:2px solid transparent;text-align:center;display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px;font-size:12px;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.section-primary .profile-nav-item:before{display:none}.section-primary .profile-nav-item:hover{background:var(--hover-bg);transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 4px 12px #00000014}.section-primary .profile-nav-item:active{transform:translateY(0);transition:transform .1s ease}.section-primary .profile-nav-item.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))!important;color:#fff!important;border-color:var(--primary-color);box-shadow:0 4px 16px #667eea4d;transform:translateY(-2px)}.section-primary .profile-nav-item i{font-size:16px;margin:0;position:relative;z-index:1;transition:transform .3s ease;flex-shrink:0}.section-primary .profile-nav-item.active i{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));color:#fff!important}.section-primary .profile-nav-item span{font-size:11px;font-weight:600;position:relative;z-index:1;text-transform:capitalize;letter-spacing:.2px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-primary .profile-nav-item.active span{color:#fff!important}.section-primary .active-indicator{display:none}.profile-main-content{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-dashboard{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-overview,.analytics-grid-main{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}.progress-dashboard,.tips-grid{grid-template-columns:1fr}.overview-card{flex-direction:column;text-align:center;gap:12px}.section-primary .profile-nav{padding:10px 12px;gap:6px}.section-primary .profile-nav-item{min-width:100px;max-width:130px;padding:10px 12px;font-size:11px;gap:6px}.section-primary .profile-nav-item i{font-size:15px}.section-primary .profile-nav-item span{font-size:10px}.profile-main-content{padding:16px;margin:0}.profile-section-header{margin-bottom:16px;padding-bottom:12px}.profile-section-header h2{font-size:20px}.profile-main-info{flex-direction:column;align-items:center;text-align:center;padding:0 20px 20px}.profile-avatar-section{margin-top:-70px}.profile-details{padding-top:0}.profile-meta{justify-content:center;flex-wrap:wrap;gap:12px}.academic-info-grid,.form-row{grid-template-columns:1fr}.security-option,.privacy-option{flex-direction:column;gap:16px;text-align:center}.security-option-info{flex-direction:column;text-align:center}.courses-grid{grid-template-columns:1fr}.academic-summary{flex-direction:column;align-items:flex-start}.activity-item{flex-direction:column;gap:12px;text-align:center}.activity-time{text-align:center}.achievement-badge{flex-direction:column;text-align:center}.overview-icon{width:50px;height:50px;font-size:20px}.activity-timeline .activity-item,.goal-item{flex-direction:column;text-align:center;gap:12px}}@media(max-width:480px){.analytics-grid{grid-template-columns:1fr}.dashboard-section{margin-bottom:24px;padding-bottom:24px}.overview-card,.activity-timeline .activity-item,.goal-item{padding:16px}.profile-main-content{padding:12px}.skill-progress-item{flex-direction:column;align-items:flex-start;gap:8px}.skill-info{min-width:auto}.skill-progress-bar{width:100%}.performance-item{flex-direction:column;align-items:flex-start;gap:8px}.performance-item .progress-bar{width:100%}.section-primary .profile-nav{padding:8px 10px;gap:4px}.section-primary .profile-nav-item{min-width:85px;max-width:110px;padding:8px 10px;font-size:10px;gap:5px}.section-primary .profile-nav-item i{font-size:14px}.section-primary .profile-nav-item span{font-size:9px}.profile-section-header h2{font-size:18px}.profile-details h1{font-size:24px}.profile-meta{gap:8px}.profile-meta span{font-size:12px}}.security-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.security-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.security-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.security-option{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--section-bg);border-radius:12px;border:1px solid var(--border-color)}.security-option-info{display:flex;align-items:center;gap:16px}.security-option-info i{font-size:24px;color:var(--primary-color)}.security-option-info h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.security-option-info p{font-size:14px;color:var(--text-secondary);margin:0}.privacy-options{display:flex;flex-direction:column;gap:16px}.privacy-option{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--section-bg);border-radius:12px;border:1px solid var(--border-color)}.privacy-option-info h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.privacy-option-info p{font-size:14px;color:var(--text-secondary);margin:0}@media(max-width:1024px){.profile-content-wrapper{grid-template-columns:1fr}.profile-sidebar{order:2;position:relative;top:auto;max-height:none;overflow-y:visible}.profile-main-content{order:1}.profile-nav{display:grid;grid-template-columns:repeat(3,1fr)}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.profile-main-info{flex-direction:column;align-items:center;text-align:center;padding:0 20px 20px}.profile-avatar-section{margin-top:-70px}.profile-details{padding-top:0}.profile-meta{justify-content:center}.profile-main-content{padding:20px}.academic-info-grid,.form-row,.profile-nav{grid-template-columns:1fr}.security-option,.privacy-option{flex-direction:column;gap:16px;text-align:center}.security-option-info{flex-direction:column;text-align:center}.courses-grid{grid-template-columns:1fr}.academic-summary{flex-direction:column;align-items:flex-start}.activity-item{flex-direction:column;gap:12px;text-align:center}.activity-time{text-align:center}.achievement-badge{flex-direction:column;text-align:center}}.student-timetable-container{margin-top:24px;width:100%}.exam-schedule-section{margin-bottom:3rem}.exam-schedule-section h3{margin:0;color:var(--text-primary)!important;display:flex;align-items:center;gap:8px}.exam-schedule-section .active-badge{font-size:.8rem;background:#1e293b1a!important;color:var(--text-primary)!important;padding:4px 12px;border-radius:12px;font-weight:700;border:1px solid rgba(30,41,59,.2)}.timetable-table-wrapper{width:100%;overflow-x:auto;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);max-height:400px;overflow-y:auto}.timetable-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.timetable-table-wrapper::-webkit-scrollbar-track{background:var(--section-bg);border-radius:3px}.timetable-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.timetable-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.timetable-table{width:100%;border-collapse:collapse;min-width:600px;font-size:12px;table-layout:fixed}.timetable-table thead{background:var(--text-primary);color:var(--card-bg);position:sticky;top:0;z-index:10}.timetable-table thead tr{background:var(--text-primary)!important}.timetable-table th{padding:12px 8px;text-align:center;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;border-right:1px solid rgba(255,255,255,.1);color:var(--card-bg)!important;background:var(--text-primary)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timetable-table th:last-child{border-right:none}.time-column-header{width:100px;background:var(--text-primary)!important}.day-column-header{width:120px}.timetable-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.timetable-table tbody tr:hover{background-color:var(--section-bg)}.timetable-table tbody tr:last-child{border-bottom:none}.time-cell{background:var(--section-bg);border-right:2px solid var(--border-color);padding:10px 6px;text-align:center;font-weight:600;color:var(--text-primary);vertical-align:middle;position:sticky;left:0;z-index:5;width:100px}.time-slot{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px}.time-separator{font-size:8px;color:var(--text-secondary)}.period-cell{padding:8px 6px;text-align:center;vertical-align:middle;border-right:1px solid var(--border-color);min-height:60px;position:relative;background:var(--card-bg);width:120px;overflow:hidden}.period-cell:last-child{border-right:none}.period-cell.has-class{background:var(--section-bg);border-left:3px solid var(--text-primary)}.period-cell.has-class:hover{background:var(--hover-bg);transform:scale(1.01);box-shadow:var(--shadow-sm);z-index:5}.period-cell.no-class{background:var(--section-bg);color:var(--text-disabled);opacity:.6}.period-cell.break-cell{background:#f8fafccc!important;border-left:3px solid var(--primary-color)!important;opacity:1}.break-info{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.period-info{display:flex;flex-direction:column;gap:4px;align-items:center}.subject-name{font-size:11px;font-weight:700;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.faculty-name{font-size:9px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.class-info{font-size:8px;color:var(--text-primary);font-weight:600;background:#1e293b1a;padding:1px 4px;border-radius:3px;border:1px solid rgba(30,41,59,.2);white-space:nowrap}.room-info{font-size:8px;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:2px;justify-content:center}.no-period{font-size:14px;color:var(--text-disabled);font-weight:300}@media(max-width:1200px){.timetable-table{min-width:550px;font-size:11px}.day-column-header,.period-cell{width:100px}}@media(max-width:768px){.timetable-table{min-width:500px;font-size:10px}.time-column-header{width:80px}.day-column-header{width:85px}.period-cell{padding:6px 4px;min-height:50px;width:85px}.subject-name{font-size:10px}.faculty-name{font-size:8px}.timetable-table-wrapper{max-height:300px}.timetable-table th{padding:8px 4px;font-size:9px}.time-cell{padding:8px 4px;width:80px}}.empty-schedule{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary);background:var(--section-bg);border-radius:12px;border:1px dashed var(--border-color)}.empty-schedule i{font-size:48px;margin-bottom:16px;opacity:.3}.exam-room-badge{background:#ffffff1a!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.2)!important;color:var(--text-primary)!important;font-weight:600;font-size:12px}.finance-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.finance-summary-card{background:var(--card-bg);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-sm);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.finance-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-hover),transparent);opacity:.5}.finance-summary-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.finance-summary-card .label{font-size:.85rem;color:var(--text-secondary);font-weight:600}.finance-summary-card .value{font-size:1.8rem;font-weight:800;color:var(--text-primary)}.finance-summary-card .value.outstanding{color:var(--error-color)}.finance-summary-card .value.collected{color:var(--success-color)}.invoices-list{display:flex;flex-direction:column;gap:1rem}.invoice-profile-card{background:var(--card-bg);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;transition:all .2s;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.invoice-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-hover),transparent);opacity:.3}.invoice-profile-card:hover{border-color:var(--primary-color);transform:translate(4px);box-shadow:var(--shadow-md);background:var(--hover-bg)}.inv-main h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.inv-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;background:rgba(var(--warning-color-rgb, 245, 158, 11),.1);color:var(--warning-color);border:1px solid rgba(var(--warning-color-rgb, 245, 158, 11),.2);font-size:.7rem;font-weight:800;text-transform:uppercase;margin-bottom:.8rem}.inv-meta{display:flex;gap:1.5rem;font-size:.85rem;color:var(--text-secondary)}.inv-meta i{margin-right:.4rem;color:var(--text-muted)}.inv-financials{display:flex;gap:2rem;text-align:right}.fin-item{display:flex;flex-direction:column;gap:.2rem}.fin-item .l{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.fin-item .v{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.fin-item .v.success{color:var(--success-color)}.fin-item .v.danger{color:var(--error-color)}@media(max-width:768px){.invoice-profile-card{flex-direction:column;align-items:flex-start;gap:1.5rem}.inv-financials{width:100%;justify-content:space-between;text-align:left}}.subjects-faculty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.subject-fac-card{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000000d}.subject-fac-card:hover{transform:translateY(-8px);background:#ffffffd9;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#94a3b84d}.sub-info{padding:1.5rem;flex-grow:1}.sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.sub-code{font-size:.75rem;font-weight:700;color:#64748b;background:#94a3b81a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:4px 10px;border-radius:6px;letter-spacing:.5px;border:1px solid rgba(148,163,184,.2)}.sub-type-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:4px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.sub-type-badge.theory{background:#2563eb1a;color:#2563eb;border-color:#2563eb33}.sub-type-badge.practical{background:#db27771a;color:#db2777;border-color:#db277733}.sub-name{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.3}.sub-meta{font-size:.875rem;color:#64748b;display:flex;gap:1rem}.sub-meta i{color:#94a3b8}.fac-info{padding:1rem 1.5rem;background:#f8fafc99;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-top:1px solid rgba(241,245,249,.5);display:flex;align-items:center;gap:1rem}.fac-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 4px #0000001a}.fac-details{display:flex;flex-direction:column}.fac-label{font-size:.7rem;color:#94a3b8;font-weight:600;text-transform:uppercase;margin-bottom:2px}.fac-name{font-size:.938rem;font-weight:700;color:#334155}.empty-subjects{text-align:center;padding:4rem 2rem;background:#f8fafc99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:2px dashed rgba(226,232,240,.5)}.empty-subjects i{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.empty-subjects p{color:#64748b;font-size:1.1rem}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.note-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:16px;display:flex;gap:12px;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.note-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.note-icon{width:48px;height:48px;border-radius:12px;background:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s ease}.note-card:hover .note-icon{background:#ef4444;color:#fff;transform:rotate(-5deg) scale(1.1)}.note-details{flex:1;min-width:0}.note-sub-label{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;display:block}.note-title{font-size:1rem;margin:2px 0;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.note-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.note-meta{font-size:.75rem;color:var(--text-secondary)}.note-action{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .2s ease}.note-action:hover{color:var(--text-primary);text-decoration:underline}.empty-notes{text-align:center;padding:3rem;background:var(--section-bg);border-radius:16px;border:2px dashed var(--border-color)}.empty-notes i{font-size:2.5rem;color:var(--text-muted);margin-bottom:1rem;display:block}.empty-notes p{color:var(--text-secondary);font-size:1rem}.results-table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color);background:var(--card-bg);margin-top:1rem;box-shadow:var(--shadow-sm)}.results-table{width:100%;border-collapse:collapse;font-size:.9rem}.results-table th{background:var(--section-bg);padding:1rem;text-align:left;font-weight:700;color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap}.results-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.results-table tr:hover{background:var(--hover-bg)}.subject-cell{display:flex;flex-direction:column;gap:4px}.subject-cell .sub-name-text{font-weight:700;color:var(--text-primary);margin:0;font-size:1rem}.subject-cell .sub-code-text{font-size:.75rem;color:var(--text-secondary);background:var(--section-bg);padding:2px 8px;border-radius:4px;width:-moz-fit-content;width:fit-content;border:1px solid var(--border-color)}.grade-pill{padding:6px 12px;border-radius:20px;font-weight:800;font-size:.8rem;display:inline-flex;align-items:center;gap:6px;justify-content:center;min-width:45px}.grade-pill.pass{background:rgba(var(--success-color-rgb),.1);color:var(--success-color);border:1px solid rgba(var(--success-color-rgb),.2)}.grade-pill.fail{background:rgba(var(--error-color-rgb),.1);color:var(--error-color);border:1px solid rgba(var(--error-color-rgb),.2)}.marks-cell{font-weight:600}.marks-cell .obtained{color:var(--text-primary);font-size:1.1rem}.marks-cell .total{color:var(--text-muted);font-size:.85rem}.exam-details-cell{display:flex;flex-direction:column;gap:4px}.exam-details-cell .exam-name{font-weight:700;color:var(--text-primary);font-size:.95rem}.exam-meta-sub{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.exam-type-badge{font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:4px;background:var(--section-bg);color:var(--text-secondary);text-transform:uppercase;border:1px solid var(--border-color)}.exam-sem,.exam-year{font-size:.7rem;color:var(--text-muted);font-weight:500}.remarks-cell{font-style:italic;color:var(--text-secondary);font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remarks-cell:hover{white-space:normal;overflow:visible;position:relative;z-index:10;background:var(--hover-bg);padding:.5rem;border-radius:4px}.date-cell{color:var(--text-secondary);font-size:.85rem}.notification-filter-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:0}.filter-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;margin-bottom:-2px}.filter-tab:hover{color:var(--primary-color);background:var(--hover-bg)}.filter-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.filter-tab i{font-size:16px}.tab-badge{background:var(--primary-color);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.notifications-container{min-height:400px;max-height:600px;overflow-y:auto;padding-right:8px}.notifications-container::-webkit-scrollbar{width:8px}.notifications-container::-webkit-scrollbar-track{background:var(--section-bg);border-radius:4px}.notifications-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.notifications-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.notifications-container{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--section-bg)}.notifications-list-profile{display:flex;flex-direction:column;gap:16px}.notification-card-profile{display:flex;gap:16px;padding:20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease;position:relative}.notification-card-profile:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.notification-card-profile.unread{background:linear-gradient(to right,rgba(102,126,234,.05),var(--card-bg));border-left:4px solid var(--primary-color)}.notification-icon-wrapper{flex-shrink:0}.notification-icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.notification-icon-circle.info{background:#3b82f61a;color:#3b82f6}.notification-icon-circle.success{background:#22c55e1a;color:#22c55e}.notification-icon-circle.warning{background:#f59e0b1a;color:#f59e0b}.notification-icon-circle.error{background:#ef44441a;color:#ef4444}.notification-content-profile{flex:1;min-width:0}.notification-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.notification-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.unread-dot{width:10px;height:10px;background:var(--primary-color);border-radius:50%;flex-shrink:0;margin-top:4px;animation:pulse 2s infinite}.notification-message{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 12px}.notification-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.notification-time{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.notification-time i{font-size:11px}.priority-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.priority-badge.urgent{background:#ef44441a;color:#ef4444}.priority-badge.high{background:#f59e0b1a;color:#f59e0b}.priority-badge.normal{background:#3b82f61a;color:#3b82f6}.empty-notifications-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-notifications-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:16px 0 8px}.empty-notifications-state p{font-size:14px;color:var(--text-secondary);margin:0;max-width:400px}@media(max-width:768px){.notification-filter-tabs{gap:8px}.filter-tab{padding:10px 16px;font-size:13px}.filter-tab span{display:none}.filter-tab i{font-size:18px}.notification-card-profile{flex-direction:column;gap:12px;padding:16px}.notification-icon-circle{width:40px;height:40px;font-size:18px}.notification-title{font-size:15px}.notification-message{font-size:13px}.notification-meta{flex-direction:column;align-items:flex-start;gap:8px}}.comm-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-top:1.5rem}.comm-result-card{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem}.comm-result-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.card-top{display:flex;align-items:center;gap:1rem;position:relative}.icon-box{width:48px;height:48px;background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:1px solid rgba(var(--primary-color-rgb),.2)}.title-box{flex:1}.title-box h4{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.4}.title-box span{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.status-badge{position:absolute;top:-8px;right:-8px;padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:800}.status-badge.passed{background:rgba(var(--success-color-rgb),.1);color:var(--success-color);border:1px solid rgba(var(--success-color-rgb),.2)}.status-badge.failed{background:rgba(var(--error-color-rgb),.1);color:var(--error-color);border:1px solid rgba(var(--error-color-rgb),.2)}.card-marks{background:var(--section-bg);padding:1.25rem;border-radius:16px;border:1px solid var(--border-color)}.mark-main{display:flex;align-items:baseline;gap:4px;margin-bottom:.75rem;justify-content:center}.mark-main .score{font-size:2.25rem;font-weight:800;color:var(--text-primary)}.mark-main .total{font-size:1.1rem;color:var(--text-muted);font-weight:600}.progress-mini{height:8px;background:var(--section-bg);border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.progress-mini .fill{height:100%;border-radius:4px;transition:width 1s ease-out}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary)}.view-answers-btn{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:6px 14px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.85rem}.view-answers-btn:hover{background:var(--primary-color);color:var(--text-white)}.result-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;background:var(--section-bg);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color)}.res-stat label{display:block;font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;margin-bottom:4px}.res-stat span{font-weight:800;color:var(--text-primary)}.answers-review-section h4{margin-bottom:1.5rem;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.answers-list{display:flex;flex-direction:column;gap:1.25rem}.answer-item{padding:1.25rem;border-radius:16px;border:1px solid var(--border-color);transition:all .2s;background:var(--card-bg)}.answer-item.correct{border-color:rgba(var(--success-color-rgb),.3);background:rgba(var(--success-color-rgb),.05)}.answer-item.wrong{border-color:rgba(var(--error-color-rgb),.3);background:rgba(var(--error-color-rgb),.05)}.profile-upload-modal{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.profile-upload-content{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.profile-upload-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--section-bg)}.profile-upload-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.profile-upload-header button{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.profile-upload-header button:hover{background:var(--hover-bg);color:var(--text-primary);transform:scale(1.1)}.profile-upload-body{padding:1.5rem;overflow-y:auto;flex:1}.q-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--text-white);flex-shrink:0}.q-num.correct{background:var(--success-color)}.q-num.wrong{background:var(--error-color)}.answer-item.correct .q-num{background:#10b981}.answer-item.wrong .q-num{background:#ef4444}.q-content p{font-size:1rem;font-weight:600;color:#1e293b;line-height:1.5;margin-bottom:1rem}.user-choice label,.correct-choice label{display:block;font-size:.7rem;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:4px}.user-choice span,.correct-choice span{font-weight:700;font-size:.95rem}@media(max-width:600px){.result-summary-row{grid-template-columns:1fr 1fr!important}}.comm-profile-stats{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:16px;margin-bottom:28px;align-items:stretch}.comm-profile-stat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.comm-profile-stat--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent}.comm-profile-stat__ring{display:flex;flex-direction:column;align-items:center;gap:2px}.comm-profile-stat--primary .comm-profile-stat__val,.comm-profile-stat--primary .comm-profile-stat__lbl{color:#fff}.comm-profile-stat__icon{font-size:1.4rem;margin-bottom:4px}.comm-profile-stat__val{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.comm-profile-stat__lbl{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.comm-profile-block{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:20px;margin-bottom:20px}.comm-profile-block__title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.4px}.comm-profile-block__title i{color:var(--primary-color)}.comm-profile-skills{display:flex;flex-direction:column;gap:10px}.comm-profile-skill{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);transition:box-shadow .15s}.comm-profile-skill:hover{box-shadow:0 2px 8px #0000000f}.comm-profile-skill__icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;flex-shrink:0}.comm-profile-skill--in-progress .comm-profile-skill__icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.comm-profile-skill--not-started .comm-profile-skill__icon{background:var(--bg-tertiary);color:var(--text-muted)}.comm-profile-skill__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.comm-profile-skill__name{font-size:.88rem;font-weight:600;color:var(--text-primary)}.comm-profile-skill__level{font-size:.7rem;color:var(--text-muted)}.comm-profile-skill__right{flex-shrink:0}.comm-profile-assessments{display:flex;flex-direction:column;gap:0}.comm-profile-assessment{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.comm-profile-assessment:last-child{border-bottom:none}.comm-profile-assessment__left{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.comm-profile-assessment__title{font-size:.88rem;font-weight:600;color:var(--text-primary)}.comm-profile-assessment__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comm-profile-assessment__date,.comm-profile-assessment__attempts{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.comm-profile-assessment__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.comm-profile-score{font-size:1rem;font-weight:800}.comm-profile-score--pass{color:#059669}.comm-profile-score--fail{color:#dc2626}.comm-profile-diff{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:9999px}.comm-profile-diff--beginner{background:#d1fae5;color:#065f46}.comm-profile-diff--intermediate{background:#fef3c7;color:#92400e}.comm-profile-diff--advanced{background:#fee2e2;color:#991b1b}.comm-profile-badge{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:9999px;white-space:nowrap}.comm-profile-badge--done{background:#d1fae5;color:#065f46}.comm-profile-badge--progress{background:#fef3c7;color:#92400e}.comm-profile-badge--pending{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.comm-profile-badge--fail{background:#fee2e2;color:#991b1b}.comm-profile-courses{display:flex;flex-direction:column;gap:0}.comm-profile-course{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.comm-profile-course:last-child{border-bottom:none}.comm-profile-course__icon{width:36px;height:36px;border-radius:10px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-muted);flex-shrink:0}.comm-profile-course--watched .comm-profile-course__icon{background:#d1fae5;color:#059669}.comm-profile-course__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.comm-profile-course__title{font-size:.86rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-profile-course__meta{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}@media(max-width:640px){.comm-profile-stats{grid-template-columns:1fr 1fr;gap:10px}.comm-profile-stat--primary{grid-column:1 / -1;flex-direction:row;justify-content:center;gap:16px;padding:16px}.comm-profile-stat--primary .comm-profile-stat__val{font-size:1.8rem}.comm-profile-assessment__title,.comm-profile-course__title{font-size:.82rem}}.pi-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;margin-bottom:16px}.pi-card__header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.pi-card__header-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;flex-shrink:0}.pi-card__header-icon--green{background:linear-gradient(135deg,#10b981,#059669)}.pi-card__header-icon--purple{background:linear-gradient(135deg,#ec4899,#db2777)}.pi-card__title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.pi-card__sub{font-size:.72rem;color:var(--text-muted);margin:0}.pi-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.pi-grid--single{grid-template-columns:1fr}.pi-grid--single .pi-field{border-right:none}.pi-grid--single .pi-field:last-child{border-bottom:none}.pi-field{padding:14px 20px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:5px;min-width:0}.pi-field:nth-child(2n){border-right:none}.pi-field:nth-last-child(-n+2):not(.pi-field--full){border-bottom:none}.pi-field--full{grid-column:1 / -1;border-right:none}.pi-field--full:last-child{border-bottom:none}.pi-field__label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.pi-field__label i{color:var(--primary-color);font-size:.65rem}.pi-field__value{font-size:.9rem;font-weight:500;color:var(--text-primary);word-break:break-word}@media(max-width:480px){.pi-grid{grid-template-columns:1fr 1fr}.pi-card__header{padding:12px 14px}.pi-field{padding:10px 14px}.pi-field__label{font-size:.62rem}.pi-field__value{font-size:.82rem}}.sched-block{margin-bottom:28px}.sched-block__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sched-block__title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.sched-block__title i{color:var(--primary-color)}.sched-empty{padding:2rem;text-align:center;background:var(--bg-secondary);border-radius:12px;border:1px dashed var(--border-color);color:var(--text-muted)}.sched-empty i{font-size:1.5rem;display:block;margin-bottom:.5rem;opacity:.4}.sched-empty p{margin:0;font-size:.88rem}.sched-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--border-color)}.sched-table{width:100%;border-collapse:collapse;font-size:.86rem}.sched-table thead tr{background:var(--bg-secondary)}.sched-table th{padding:11px 14px;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap}.sched-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .12s}.sched-table tbody tr:last-child{border-bottom:none}.sched-table tbody tr:hover{background:var(--bg-secondary)}.sched-table td{padding:11px 14px;color:var(--text-primary)}.sched-table__date{font-weight:600;white-space:nowrap}.sched-table__subject{font-weight:600}.sched-table__code{font-size:.7rem;color:var(--text-muted);margin-top:2px}.sched-table__marks{font-weight:700}.sched-room{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:2px 8px;font-size:.78rem;white-space:nowrap}.sched-exam-cards{display:none}.sched-tt-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-primary);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sched-tt{min-width:580px}.sched-tt__header{display:grid;grid-template-columns:80px repeat(6,1fr);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.sched-tt__time-col{padding:10px 12px;font-size:.68rem;font-weight:600;color:var(--text-muted);border-right:1px solid var(--border-color);display:flex;align-items:center;white-space:nowrap}.sched-tt__day-head{padding:10px 6px;text-align:center;font-size:.78rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:5px}.sched-tt__day-head--today{color:var(--primary-color)}.sched-tt__today-dot{width:5px;height:5px;border-radius:50%;background:var(--primary-color);display:inline-block}.sched-tt__row{display:grid;grid-template-columns:80px repeat(6,1fr);border-bottom:1px solid var(--border-color)}.sched-tt__row--last{border-bottom:none}.sched-tt__cell{padding:5px 4px;display:flex;align-items:stretch}.sched-tt__cell-empty{width:100%}.sched-tt__slot{width:100%;border-radius:8px;padding:7px 8px;min-height:50px;display:flex;flex-direction:column;justify-content:center;gap:2px;border-left:3px solid transparent}.sched-tt__slot--break{background:var(--bg-secondary)!important;opacity:.6;border-left-color:#94a3b8!important}.sched-tt__slot-name{font-size:.72rem;font-weight:600;color:var(--text-primary);line-height:1.3}.sched-tt__slot-room{font-size:.65rem;color:var(--text-muted)}.sched-mob-tt{display:none}@media(max-width:640px){.sched-table-wrap{display:none}.sched-exam-cards{display:flex;flex-direction:column;gap:10px}.sched-exam-card{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:12px 14px}.sched-exam-card__date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:10px;width:44px;height:44px;flex-shrink:0}.sched-exam-card__day{font-size:1rem;font-weight:800;line-height:1}.sched-exam-card__month{font-size:.6rem;font-weight:600;text-transform:uppercase;opacity:.85}.sched-exam-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sched-exam-card__subject{font-size:.88rem;font-weight:700;color:var(--text-primary)}.sched-exam-card__meta{font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sched-exam-card__meta i{color:var(--primary-color)}.sched-exam-card__marks{display:flex;flex-direction:column;align-items:center;flex-shrink:0;font-size:1.1rem;font-weight:800;color:var(--text-primary)}.sched-exam-card__marks span{font-size:.6rem;color:var(--text-muted);font-weight:500}.sched-tt-wrap{display:none}.sched-mob-tt{display:block}.sched-mob-tt__tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-bottom:12px}.sched-mob-tt__tabs::-webkit-scrollbar{display:none}.sched-mob-tt__tab{flex-shrink:0;padding:7px 14px;border-radius:9999px;border:1.5px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:5px}.sched-mob-tt__tab--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.sched-mob-tt__tab--today:not(.sched-mob-tt__tab--active){border-color:var(--primary-color);color:var(--primary-color)}.sched-mob-tt__today-dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.sched-mob-tt__periods{display:flex;flex-direction:column;gap:8px}.sched-mob-tt__period{display:flex;align-items:stretch;gap:10px}.sched-mob-tt__time{font-size:.65rem;font-weight:600;color:var(--text-muted);width:52px;flex-shrink:0;display:flex;align-items:center;padding-top:2px}.sched-mob-tt__slot{flex:1;border-radius:10px;padding:10px 12px;border-left:3px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;gap:4px}.sched-mob-tt__slot--free{color:var(--text-muted);font-size:.78rem;font-style:italic;border-left-color:var(--border-color)}.sched-mob-tt__slot-name{font-size:.88rem;font-weight:700;color:var(--text-primary)}.sched-mob-tt__slot-meta{font-size:.7rem;color:var(--text-muted);display:flex;gap:10px;flex-wrap:wrap}.sched-mob-tt__slot-meta i{color:var(--primary-color);margin-right:3px}.sched-mob-tt__period--break .sched-mob-tt__slot{opacity:.6}}.acad-stats{display:flex;gap:0;border-top:1px solid var(--border-color)}.acad-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;text-align:center;border-right:1px solid var(--border-color)}.acad-stat:last-child{border-right:none}.acad-stat i{font-size:1rem;margin-bottom:2px}.acad-stat--grade i{color:#6366f1}.acad-stat--att i{color:#10b981}.acad-stat__val{font-size:1.3rem;font-weight:800;color:var(--text-primary);line-height:1}.acad-stat__lbl{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.acad-block{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;margin-bottom:16px}.acad-block__head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.acad-block__title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.acad-block__title i{color:var(--primary-color)}.acad-block__meta{font-size:.72rem;color:var(--text-muted)}.acad-block__link{font-size:.78rem;font-weight:600;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:5px;transition:opacity .15s}.acad-block__link:hover{opacity:.75}.acad-empty{padding:2rem;text-align:center;color:var(--text-muted)}.acad-empty i{font-size:1.5rem;display:block;margin-bottom:.5rem;opacity:.3}.acad-empty p{margin:0;font-size:.88rem}.acad-loading{font-size:.85rem;color:var(--text-muted);padding:16px 18px;margin:0}.acad-subjects{display:flex;flex-direction:column}.acad-subject{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-color);transition:background .12s}.acad-subject:last-child{border-bottom:none}.acad-subject:hover{background:var(--bg-secondary)}.acad-subject__left{display:flex;flex-direction:column;gap:3px;width:80px;flex-shrink:0}.acad-subject__code{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.acad-subject__type{font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:4px;background:#dbeafe;color:#1e40af;width:-moz-fit-content;width:fit-content}.acad-subject__type--elective{background:#ede9fe;color:#5b21b6}.acad-subject__name{flex:1;font-size:.9rem;font-weight:600;color:var(--text-primary);min-width:0}.acad-subject__teacher{display:flex;align-items:center;gap:8px;flex-shrink:0}.acad-subject__avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.acad-subject__teacher span{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.acad-att-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:16px 18px}.acad-att-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.acad-att-card__top{display:flex;justify-content:space-between;align-items:center}.acad-att-card__subject{font-size:.82rem;font-weight:600;color:var(--text-primary)}.acad-att-card__pct{font-size:.88rem;font-weight:800}.acad-att-card__bar{height:5px;border-radius:3px;background:var(--border-color);overflow:hidden}.acad-att-card__fill{height:100%;border-radius:3px;transition:width .4s ease}.acad-att-card__meta{font-size:.68rem;color:var(--text-muted)}.acad-materials{display:flex;flex-direction:column}.acad-material{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-color);transition:background .12s}.acad-material:last-child{border-bottom:none}.acad-material:hover{background:var(--bg-secondary)}.acad-material__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.acad-material__icon--video{background:#6366f11a;color:#6366f1}.acad-material__icon--pdf{background:#ef44441a;color:#ef4444}.acad-material__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.acad-material__subject{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--primary-color)}.acad-material__title{font-size:.86rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acad-material__meta{font-size:.7rem;color:var(--text-muted)}.acad-material__btn{flex-shrink:0;font-size:.78rem;font-weight:600;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1.5px solid var(--primary-color);transition:all .15s;white-space:nowrap}.acad-material__btn:hover{background:var(--primary-color);color:#fff}@media(max-width:480px){.acad-att-grid{grid-template-columns:1fr 1fr;padding:12px;gap:8px}.acad-subject__teacher span{max-width:90px}.acad-material{padding:10px 14px}.acad-material__btn{padding:5px 10px;font-size:.72rem}}.fin-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.fin-summary__card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--border-color)}.fin-summary__card--due{background:#fef2f2;border-color:#fecaca}.fin-summary__card--paid{background:#f0fdf4;border-color:#bbf7d0}.fin-summary__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.fin-summary__card--due .fin-summary__icon{background:#fee2e2;color:#dc2626}.fin-summary__card--paid .fin-summary__icon{background:#dcfce7;color:#16a34a}.fin-summary__label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:3px}.fin-summary__val{display:block;font-size:1.2rem;font-weight:800;color:var(--text-primary)}.fin-list{display:flex;flex-direction:column;gap:12px}.fin-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.fin-card--pending{border-left:4px solid #f59e0b}.fin-card--paid{border-left:4px solid #22c55e}.fin-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 10px}.fin-card__left{flex:1;min-width:0}.fin-card__badge{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;border-radius:9999px;margin-bottom:6px}.fin-card__badge--paid{background:#dcfce7;color:#15803d}.fin-card__badge--pending{background:#fef3c7;color:#92400e}.fin-card__name{font-size:.92rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.fin-card__desc{font-size:.76rem;color:var(--text-muted);margin:0;line-height:1.4}.fin-card__amount{text-align:right;flex-shrink:0}.fin-card__total{display:block;font-size:1.1rem;font-weight:800;color:var(--text-primary)}.fin-card__total-lbl{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.fin-card__meta{display:flex;gap:14px;flex-wrap:wrap;padding:0 16px 10px;font-size:.72rem;color:var(--text-muted)}.fin-card__meta i{color:var(--primary-color);margin-right:4px}.fin-card__breakdown{display:flex;gap:0;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.fin-card__row{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 12px;border-right:1px solid var(--border-color);font-size:.78rem;gap:2px}.fin-card__row:last-child{border-right:none}.fin-card__row span:first-child{color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.3px}.fin-card__row span:last-child{font-weight:700;color:var(--text-primary)}.fin-card__row--green{color:#16a34a!important}.fin-card__row--red{color:#dc2626!important}.fin-empty{text-align:center;padding:3rem 2rem;background:var(--bg-secondary);border-radius:16px;border:2px dashed var(--border-color);color:var(--text-muted)}.fin-empty i{font-size:2.5rem;display:block;margin-bottom:1rem;opacity:.3}.fin-empty h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.fin-empty p{font-size:.85rem;margin:0}@media(max-width:480px){.fin-summary{grid-template-columns:1fr;gap:10px}.fin-card__top{flex-direction:column;gap:8px}.fin-card__amount{text-align:left}}.att-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:20px}.att-summary__main{display:flex;align-items:center;gap:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:16px 18px}.att-summary__ring{width:72px;height:72px;flex-shrink:0}.att-summary__pct{display:block;font-size:1.5rem;font-weight:900;color:var(--text-primary);line-height:1;margin-bottom:3px}.att-summary__lbl{display:block;font-size:.78rem;font-weight:600;color:var(--text-primary)}.att-summary__sub{display:block;font-size:.68rem;color:var(--text-muted);margin-top:2px}.att-summary__stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:14px 10px;text-align:center}.att-summary__stat i{font-size:1.2rem}.att-summary__stat--present i{color:#22c55e}.att-summary__stat--absent i{color:#ef4444}.att-summary__num{font-size:1.4rem;font-weight:800;color:var(--text-primary);line-height:1}.att-summary__stat-lbl{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.att-subjects{display:flex;flex-direction:column;padding:4px 0}.att-subject{display:flex;flex-direction:column;gap:5px;padding:12px 18px;border-bottom:1px solid var(--border-color)}.att-subject:last-child{border-bottom:none}.att-subject__top{display:flex;justify-content:space-between;align-items:center}.att-subject__name{font-size:.86rem;font-weight:600;color:var(--text-primary)}.att-subject__pct{font-size:.88rem;font-weight:800}.att-subject__bar{height:5px;border-radius:3px;background:var(--border-color);overflow:hidden}.att-subject__fill{height:100%;border-radius:3px;transition:width .4s ease}.att-subject__meta{font-size:.68rem;color:var(--text-muted)}.att-history{display:flex;flex-direction:column}.att-record{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-color)}.att-record:last-child{border-bottom:none}.att-record__dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;margin-top:2px}.att-record__dot--present{background:#dcfce7;color:#16a34a}.att-record__dot--absent{background:#fee2e2;color:#dc2626}.att-record__info{flex:1;min-width:0}.att-record__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.att-record__subject{font-size:.88rem;font-weight:600;color:var(--text-primary)}.att-record__pill{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:9999px;flex-shrink:0}.att-record__pill--present{background:#dcfce7;color:#15803d}.att-record__pill--absent{background:#fee2e2;color:#dc2626}.att-record__meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.7rem;color:var(--text-muted)}.att-record__meta i{color:var(--primary-color);margin-right:3px}.att-record__remark{font-size:.72rem;color:var(--text-muted);font-style:italic;margin:4px 0 0}@media(max-width:640px){.att-summary{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.att-summary__main{grid-column:1 / -1}}@media(max-width:380px){.att-summary{grid-template-columns:1fr}.att-summary__main{grid-column:auto}}.res-cards{display:none}@media(max-width:640px){.sched-table-wrap{display:none}.res-cards{display:flex;flex-direction:column;gap:10px}}.res-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.res-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.res-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.res-card__subject{font-size:.92rem;font-weight:700;color:var(--text-primary)}.res-card__exam{font-size:.74rem;color:var(--text-secondary)}.res-card__date{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.res-card__date i{color:var(--primary-color)}.res-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.res-card__grade{font-size:.78rem;font-weight:800;padding:3px 10px;border-radius:9999px}.res-card__marks{font-size:.88rem;font-weight:700;color:var(--text-primary)}.res-card__bar-wrap{display:flex;align-items:center;gap:8px}.res-card__bar{flex:1;height:5px;border-radius:3px;background:var(--border-color);overflow:hidden}.res-card__fill{height:100%;border-radius:3px;transition:width .4s ease}.res-card__pct{font-size:.72rem;font-weight:700;color:var(--text-muted);width:32px;text-align:right;flex-shrink:0}.res-card__remark{font-size:.72rem;color:var(--text-muted);font-style:italic;margin:0;border-top:1px solid var(--border-color);padding-top:6px}.comm-overview{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:16px}.comm-overview__main{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:4px}.comm-overview__score{font-size:2rem;font-weight:900;color:#fff;line-height:1}.comm-overview__lbl{font-size:.72rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.4px}.comm-overview__stat{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.comm-overview__stat i{font-size:1.1rem}.comm-overview__num{font-size:1.1rem;font-weight:800;color:var(--text-primary);line-height:1}.comm-overview__stat-lbl{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.comm-skills{display:flex;flex-direction:column}.comm-skill{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-color);transition:background .12s}.comm-skill:last-child{border-bottom:none}.comm-skill:hover{background:var(--bg-secondary)}.comm-skill__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.comm-skill__icon--in-progress{background:linear-gradient(135deg,#f59e0b,#d97706)}.comm-skill__icon--not-started{background:var(--bg-tertiary);color:var(--text-muted)}.comm-skill__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.comm-skill__name{font-size:.88rem;font-weight:600;color:var(--text-primary)}.comm-skill__level{font-size:.7rem;color:var(--text-muted)}.comm-skill__badge-wrap{flex-shrink:0}.comm-assessments{display:flex;flex-direction:column}.comm-assessment{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-color)}.comm-assessment:last-child{border-bottom:none}.comm-assessment__left{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.comm-assessment__title{font-size:.88rem;font-weight:600;color:var(--text-primary)}.comm-assessment__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comm-assessment__date{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.comm-assessment__date i{color:var(--primary-color)}.comm-assessment__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.comm-score{font-size:1rem;font-weight:800}.comm-score--pass{color:#059669}.comm-score--fail{color:#dc2626}.comm-diff{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:9999px}.comm-diff--beginner{background:#d1fae5;color:#065f46}.comm-diff--intermediate{background:#fef3c7;color:#92400e}.comm-diff--advanced{background:#fee2e2;color:#991b1b}.comm-badge{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:9999px;white-space:nowrap}.comm-badge--done{background:#d1fae5;color:#065f46}.comm-badge--progress{background:#fef3c7;color:#92400e}.comm-badge--pending{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.comm-badge--fail{background:#fee2e2;color:#991b1b}.comm-courses{display:flex;flex-direction:column}.comm-course{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-color);transition:background .12s}.comm-course:last-child{border-bottom:none}.comm-course:hover{background:var(--bg-secondary)}.comm-course__icon{width:34px;height:34px;border-radius:10px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:.95rem;color:var(--text-muted);flex-shrink:0}.comm-course--watched .comm-course__icon{background:#d1fae5;color:#059669}.comm-course__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.comm-course__title{font-size:.86rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-course__meta{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}@media(max-width:640px){.comm-overview{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto}.comm-overview__main{grid-column:1 / -1;flex-direction:row;align-items:center;gap:14px}.comm-overview__score{font-size:1.6rem}}@media(max-width:380px){.comm-overview{grid-template-columns:1fr 1fr}.comm-overview__main{grid-column:1 / -1}}.profile-header-stats{display:flex;gap:32px;margin-top:20px;padding:16px 24px;border-top:1px solid var(--border-color);background:rgba(var(--primary-rgb),.02);border-radius:0 0 12px 12px}.p-header-stat{display:flex;flex-direction:column;gap:4px}.stat-val{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-lbl{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.skeleton-stat{width:60px;height:40px;background:var(--bg-secondary);border-radius:6px;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.sem-accordion-card{margin-bottom:20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1)}.sem-accordion-card:hover{box-shadow:0 4px 15px #0000000d}.sem-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#667eea05;border:none;cursor:pointer;text-align:left;transition:background .2s}.sem-accordion-header:hover{background:#667eea0a}.sem-header-left{display:flex;align-items:center;gap:12px}.sem-header-icon{font-size:1.25rem;color:var(--primary-color)}.sem-title-info{display:flex;flex-direction:column;gap:2px}.sem-title-info h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.sem-title-info .sem-subtitle{font-size:.75rem;color:var(--text-muted)}.sem-header-right{display:flex;align-items:center;gap:24px}.sem-stats-summary{display:flex;gap:16px}.sem-header-stat{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sem-header-stat__val{font-size:.9rem;font-weight:700;color:var(--text-primary)}.sem-header-stat__lbl{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.sem-toggle-indicator{font-size:1rem;color:var(--text-muted);transition:transform .25s ease}.sem-toggle-indicator.expanded{transform:rotate(180deg)}.sem-accordion-content{border-top:1px solid var(--border-color);padding:20px;background:var(--card-bg)}.sem-exam-group{margin-bottom:24px}.sem-exam-group:last-child{margin-bottom:0}.sem-exam-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(102,126,234,.1)}.sem-exam-title i{color:var(--primary-color)}.lms-results-analytics{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}[data-theme=dark] .lms-results-analytics{background:#0f172a73!important;border-color:#ffffff0f!important}.analytics-gauge-card,.analytics-trend-card,.analytics-insights-card{background:var(--section-bg)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .analytics-gauge-card,[data-theme=dark] .analytics-trend-card,[data-theme=dark] .analytics-insights-card{background:#1e293b4d!important;border-color:#ffffff0d!important}.sem-accordion-card{transition:transform .25s ease,box-shadow .25s ease;background:var(--card-bg)!important}.sem-accordion-card.expanded{box-shadow:var(--shadow-md)!important}.sem-accordion-header:hover{background:var(--hover-bg)!important}.accordion-toggle-icon{transition:transform .2s ease;color:var(--text-muted)}.sem-accordion-card.expanded .accordion-toggle-icon{transform:rotate(90deg)}.att-summary__ring{width:76px;height:76px;transform:rotate(-90deg);display:block}.curr-acad-banner{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#1e3a5f,#2563eb 60%,#7c3aed);margin-bottom:20px}.curr-acad-banner__bg{position:absolute;inset:0;pointer-events:none}.curr-acad-banner__orb{position:absolute;border-radius:50%;opacity:.18}.curr-acad-banner__orb--1{width:240px;height:240px;background:radial-gradient(circle,#60a5fa,transparent);top:-80px;right:-60px}.curr-acad-banner__orb--2{width:160px;height:160px;background:radial-gradient(circle,#a78bfa,transparent);bottom:-60px;left:30%}.curr-acad-banner__content{position:relative;z-index:1;padding:28px 28px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.curr-acad-banner__eyebrow{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;margin-bottom:8px}.curr-acad-banner__title{font-size:22px;font-weight:700;color:#fff;margin:0 0 4px;line-height:1.2}.curr-acad-banner__dept{font-size:14px;color:#ffffffbf;margin:0 0 16px;font-weight:500}.curr-acad-banner__chips{display:flex;flex-wrap:wrap;gap:8px}.curr-acad-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.curr-acad-chip--year{background:#60a5fa40;color:#bfdbfe;border:1px solid rgba(96,165,250,.35)}.curr-acad-chip--sem{background:#a78bfa40;color:#ddd6fe;border:1px solid rgba(167,139,250,.35)}.curr-acad-chip--sec{background:#34d39938;color:#a7f3d0;border:1px solid rgba(52,211,153,.3)}.curr-acad-chip--batch{background:#fbbf2438;color:#fde68a;border:1px solid rgba(251,191,36,.3)}.curr-acad-banner__stats{display:flex;align-items:center;gap:0;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:16px 20px;flex-shrink:0}.curr-acad-bstat{display:flex;flex-direction:column;align-items:center;padding:0 20px}.curr-acad-bstat__val{font-size:22px;font-weight:800;color:#fff;line-height:1}.curr-acad-bstat__lbl{font-size:11px;font-weight:500;color:#ffffffa6;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.curr-acad-bstat__div{width:1px;height:36px;background:#fff3;flex-shrink:0}@media(max-width:768px){.curr-acad-banner__content{flex-direction:column;align-items:flex-start;padding:20px 18px 18px}.curr-acad-banner__stats{width:100%;justify-content:center}.curr-acad-bstat{flex:1;padding:0 12px}.curr-acad-banner__title{font-size:18px}}.edit-profile-btn{background:transparent;color:var(--primary-color);border:1.5px solid var(--primary-color);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease-in-out}.edit-profile-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #6366f126}.edit-actions{display:flex;gap:12px}.cancel-edit-btn{background:var(--bg-hover, #f1f5f9);color:var(--text-secondary);border:1px solid var(--border-color, #cbd5e1);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-edit-btn:hover:not(:disabled){background:#e2e8f0;color:var(--text-primary)}.save-edit-btn{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #6366f126}.save-edit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.save-edit-btn:disabled,.cancel-edit-btn:disabled{opacity:.6;cursor:not-allowed}.pi-field__input,.pi-field__select{width:100%;padding:8px 12px;border:1.5px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--bg-card, #ffffff);transition:all .2s ease;margin-top:4px}.pi-field__input:focus,.pi-field__select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126}.avatar-loading-overlay{position:absolute;inset:0;background:#0006;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.profile-toast{position:fixed;top:24px;right:24px;z-index:11000;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-radius:12px;box-shadow:0 10px 25px #0000001a;min-width:320px;max-width:450px;background:var(--card-bg, #ffffff);border-left:5px solid transparent;animation:profile-toast-in .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes profile-toast-in{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.profile-toast--success{border-left-color:#10b981}.profile-toast--error{border-left-color:#ef4444}.profile-toast-content{display:flex;align-items:center;gap:12px}.profile-toast-content i{font-size:18px}.profile-toast--success i{color:#10b981}.profile-toast--error i{color:#ef4444}.profile-toast-content span{font-size:14px;font-weight:500;color:var(--text-primary)}.profile-toast-close{background:transparent;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0;line-height:1;margin-left:16px;transition:color .2s ease}.profile-toast-close:hover{color:var(--text-primary)}.security-card{max-width:650px;margin:0 auto}.security-form-container{padding:24px}.security-form{display:flex;flex-direction:column;gap:20px}.security-form .form-group{display:flex;flex-direction:column;gap:8px}.security-form label{font-size:14px;font-weight:600;color:var(--text-secondary)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .input-icon{position:absolute;left:14px;color:var(--text-secondary);font-size:14px;opacity:.7}.password-input-wrapper input{width:100%;padding:12px 14px 12px 42px;border:1.5px solid var(--border-color, #e2e8f0);border-radius:10px;font-size:15px;color:var(--text-primary);background:var(--bg-card, #ffffff);transition:all .2s ease}.password-input-wrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126}.password-strength-check{display:flex;flex-direction:column;gap:6px;margin-top:6px}.strength-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.strength-item i{font-size:12px;color:var(--text-secondary);opacity:.5}.strength-item.valid{color:#10b981}.strength-item.valid i{color:#10b981;opacity:1}.strength-item.invalid{color:#ef4444}.strength-item.invalid i{color:#ef4444;opacity:1}.security-form-actions{display:flex;justify-content:flex-end;margin-top:10px}.security-submit-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6366f133}.security-submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.security-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.nf-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);overflow:hidden;z-index:9999}.nf-canvas{position:absolute;inset:0;pointer-events:none;z-index:0}.nf-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;animation:nfFadeUp .6s ease both}@keyframes nfFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.nf-number-wrap{position:relative;line-height:1;margin-bottom:8px}.nf-number{font-size:clamp(7rem,20vw,14rem);font-weight:900;letter-spacing:-4px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;animation:nfPulse 3s ease-in-out infinite}.nf-number--shadow{position:absolute;inset:0;background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(28px);opacity:.35;animation:nfPulse 3s ease-in-out infinite reverse}@keyframes nfPulse{0%,to{opacity:1}50%{opacity:.75}}.nf-divider{display:flex;align-items:center;gap:10px;margin-bottom:20px}.nf-divider__line{width:120px;height:2px;background:linear-gradient(90deg,transparent,#6366f1,transparent);border-radius:9999px;animation:nfLineGrow 1s ease .4s both}@keyframes nfLineGrow{0%{width:0;opacity:0}to{width:120px;opacity:1}}.nf-divider__dot{width:8px;height:8px;border-radius:50%;background:#6366f1;animation:nfDotPop .4s ease .6s both}@keyframes nfDotPop{0%{transform:scale(0)}to{transform:scale(1)}}.nf-title{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;color:var(--text-primary);margin:0 0 10px;animation:nfFadeUp .6s ease .2s both}.nf-desc{font-size:.95rem;color:var(--text-muted);line-height:1.7;margin:0 0 28px;max-width:420px;animation:nfFadeUp .6s ease .3s both}.nf-icons{position:absolute;inset:0;pointer-events:none}.nf-icon{position:absolute;font-size:1.8rem;opacity:.18;animation:nfFloat 6s ease-in-out infinite}.nf-icon--1{top:8%;left:8%;animation-delay:0s;animation-duration:7s}.nf-icon--2{top:15%;right:10%;animation-delay:1s;animation-duration:5s}.nf-icon--3{bottom:20%;left:12%;animation-delay:2s;animation-duration:8s}.nf-icon--4{bottom:15%;right:8%;animation-delay:.5s;animation-duration:6s}.nf-icon--5{top:50%;left:5%;animation-delay:1.5s;animation-duration:7s}@keyframes nfFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-18px) rotate(8deg)}66%{transform:translateY(10px) rotate(-5deg)}}.nf-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:24px;animation:nfFadeUp .6s ease .4s both}.nf-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;border:none}.nf-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 16px #6366f166}.nf-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}.nf-btn--outline{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-color)}.nf-btn--outline:hover{border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.nf-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:center;animation:nfFadeUp .6s ease .5s both}.nf-links__label{font-size:.75rem;color:var(--text-muted);font-weight:500}.nf-quick-link{background:none;border:1px solid var(--border-color);border-radius:9999px;padding:4px 14px;font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .18s}.nf-quick-link:hover{background:#6366f114;border-color:#6366f1;color:#6366f1}[data-theme=dark] .nf-btn--outline{color:var(--text-secondary)}.loading-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999;background:#0f172a;opacity:1;transition:opacity .5s ease-in-out;pointer-events:all}.loading-animation.fade-out{opacity:0;pointer-events:none}.loading-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/insti-search.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.03) 0%,transparent 50%);animation:float 15s ease-in-out infinite;z-index:2}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.loading-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:3}.loading-content{text-align:center;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-logo{width:100px;height:100px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;border:3px solid rgba(255,255,255,.3);box-shadow:0 10px 40px #0003;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 40px #0003}50%{transform:scale(1.05);box-shadow:0 15px 50px #0000004d}}.loading-logo i{font-size:3rem;color:#fff}.loading-logo-img{width:70px;height:70px;-o-object-fit:contain;object-fit:contain;border-radius:8px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#fffc;border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-top-color:#fff9;animation-delay:-.5s}.spinner-ring:nth-child(3){width:40%;height:40%;top:30%;left:30%;border-top-color:#fff6;animation-delay:-1s}.loading-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:fadeIn 1s ease-out .3s both}.loading-text{font-size:1rem;color:#ffffffe6;font-weight:400;text-shadow:0 1px 5px rgba(0,0,0,.1);animation:fadeIn 1s ease-out .5s both}.loading-animation.compact{position:relative;width:100%;height:200px;background:transparent;width:unset}.loading-animation.compact .loading-background{display:none}.loading-animation.compact .loading-content{animation:none}.loading-animation.compact .loading-logo{width:60px;height:60px;margin-bottom:1rem}.loading-animation.compact .loading-logo i{font-size:1.5rem}.loading-animation.compact .loading-logo-img{width:40px;height:40px}.loading-animation.compact .loading-spinner{width:50px;height:50px;margin-bottom:1rem}.loading-animation.compact .loading-title{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary);text-shadow:none}.loading-animation.compact .loading-text{font-size:.875rem;color:var(--text-secondary);text-shadow:none}@media(max-width:480px){.loading-logo{width:80px;height:80px;margin-bottom:1.5rem}.loading-logo i{font-size:2.5rem}.loading-spinner{width:60px;height:60px;margin-bottom:1.5rem}.loading-title{font-size:1.5rem}.loading-text{font-size:.9rem;padding:0 1rem}}@media(prefers-reduced-motion:reduce){.loading-content,.floating-particles,.loading-logo{animation:none}.spinner-ring{animation:spin 3s linear infinite}}.ann-ticker{width:100%;height:32px;background:linear-gradient(135deg,#0f172a,#1e3a8a);display:flex;align-items:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.ann-ticker--admin{position:fixed;top:0;left:0;right:0;z-index:110}.ann-ticker--lms{position:fixed;top:0;left:0;right:0;z-index:99998}.ann-ticker__label{display:flex;align-items:center;gap:6px;padding:0 14px;height:100%;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.15);z-index:2}.ann-ticker__label i{font-size:12px}.ann-ticker__viewport{flex:1;overflow:hidden;position:relative;height:100%}.ann-ticker__track{display:flex;align-items:center;gap:0;height:100%;animation:ann-ticker-scroll linear infinite;will-change:transform}@keyframes ann-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ann-ticker__item{display:inline-flex;align-items:center;gap:6px;padding:0 20px;white-space:nowrap;font-size:12px;color:#fffffff2;cursor:pointer;transition:background .2s ease;height:100%;flex-shrink:0}.ann-ticker__item:hover{background:#ffffff14}.ann-ticker__item i{font-size:12px;flex-shrink:0}.ann-ticker__item strong{font-weight:700;font-size:12px}.ann-ticker__msg{font-weight:400;opacity:.85}.ann-ticker__sep{margin:0 12px;font-size:8px;color:#ffffff4d;flex-shrink:0}.ann-ticker__hint{display:flex;align-items:center;justify-content:center;width:40px;height:100%;color:#ffffff80;font-size:11px;border-left:1px solid rgba(255,255,255,.15);flex-shrink:0;z-index:2;animation:ann-hint-pulse 2s ease-in-out infinite}@keyframes ann-hint-pulse{0%,to{opacity:.5}50%{opacity:1}}[data-theme=dark] .ann-ticker{background:linear-gradient(135deg,#000,#1e3a8a)}.ann-popup-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;animation:ann-overlay-in .2s ease}@keyframes ann-overlay-in{0%{opacity:0}to{opacity:1}}.ann-popup{background:#fff;border-radius:20px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 24px 64px #0003;animation:ann-popup-in .25s cubic-bezier(.34,1.56,.64,1)}[data-theme=dark] .ann-popup{background:#1e2433}@keyframes ann-popup-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ann-popup__header{display:flex;align-items:center;gap:14px;padding:20px 20px 16px;background:color-mix(in srgb,var(--ann-color) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ann-color) 20%,transparent)}.ann-popup__header-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--ann-color) 15%,transparent);display:flex;align-items:center;justify-content:center;color:var(--ann-color);font-size:20px;flex-shrink:0}.ann-popup__header-text{flex:1;min-width:0}.ann-popup__type-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ann-color)}.ann-popup__title{margin:2px 0 0;font-size:17px;font-weight:700;color:#111827;line-height:1.3}[data-theme=dark] .ann-popup__title{color:#f9fafb}.ann-popup__close{width:32px;height:32px;border-radius:50%;border:none;background:#0000000f;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.ann-popup__close:hover{background:#0000001f}[data-theme=dark] .ann-popup__close{background:#ffffff14;color:#9ca3af}.ann-popup__image-wrap{width:100%;max-height:220px;overflow:hidden}.ann-popup__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ann-popup__body{padding:18px 20px 12px}.ann-popup__message{font-size:14px;line-height:1.65;color:#374151;margin:0 0 12px}[data-theme=dark] .ann-popup__message{color:#d1d5db}.ann-popup__meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.ann-popup__footer{padding:0 20px 20px;display:flex;justify-content:flex-end}.ann-popup__btn{padding:10px 28px;border-radius:10px;border:none;background:var(--ann-color);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.ann-popup__btn:hover{opacity:.88}.footer-wrapper{background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-family);padding:4rem 2rem 2rem;width:100%;border-top:1px solid var(--border-color);border-top-left-radius:2rem;border-top-right-radius:2rem;transition:background-color var(--transition-normal),color var(--transition-normal);overflow:hidden;position:relative}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;position:relative;z-index:2}.footer-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem;padding-bottom:2rem}.footer-brand-top{display:flex;flex-direction:column;gap:.5rem;width:100%;padding-left:5rem;align-items:flex-start}.brand-logo{font-size:1.5rem;font-weight:700;margin:0;padding:0;letter-spacing:.01em;line-height:1.3;background:none!important;background-color:transparent!important;text-transform:none;white-space:nowrap!important;word-wrap:normal!important;display:inline-block;width:auto;max-width:none;color:var(--text-primary)!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important;overflow:visible!important}.brand-logo *{background:none!important;background-color:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}@media(max-width:1200px){.footer-brand-top{padding-left:4rem}}@media(max-width:1024px){.footer-brand-top{padding-left:3rem}.brand-logo{font-size:1.4rem}}@media(max-width:768px){.footer-brand-top{padding-left:2rem}.brand-logo{font-size:1.2rem;white-space:normal!important;word-wrap:break-word!important}}@media(max-width:480px){.footer-brand-top{padding-left:1rem}.brand-logo{font-size:1.1rem}}.brand-tagline{font-size:.9rem;font-weight:400;color:var(--text-secondary);margin:0;padding:0;line-height:1.5;white-space:normal;word-wrap:break-word;background:none!important;background-color:transparent!important;max-width:600px}@media(max-width:1024px){.brand-tagline{font-size:.88rem;max-width:500px}}@media(max-width:768px){.brand-tagline{font-size:.85rem;max-width:100%}}@media(max-width:480px){.brand-tagline{font-size:.8rem}}.footer-divider{width:100%;height:1px;background-color:var(--border-color);margin-bottom:3rem;opacity:.5}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2rem;margin-bottom:3rem}.footer-col{display:flex;flex-direction:column;gap:1.25rem}.col-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.col-text{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin:0;max-width:300px}.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-list li{font-size:.95rem}.footer-list a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-normal)}.footer-list a:hover{color:var(--primary-color)}.footer-contact-info{display:flex;flex-direction:column;gap:1.25rem}.contact-item-row{display:flex;align-items:center;gap:1rem}.contact-item-row.align-start{align-items:flex-start}.contact-icon{width:20px;height:20px;color:var(--primary-color);flex-shrink:0;stroke-width:2}.contact-value{font-size:.95rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-normal)}.contact-value:hover{color:var(--primary-color)}.contact-address{font-size:.95rem;color:var(--text-secondary);line-height:1.5}.social-links-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;gap:1rem}.social-links-list a{font-size:.95rem;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-normal);font-weight:500}.social-links-list a:hover{color:var(--primary-color)}.footer-divider-subtle{width:100%;height:1px;background-color:var(--border-color);margin-bottom:1.5rem;opacity:.3}.footer-bottom-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted);padding-bottom:2rem}.copyright-text{color:var(--text-muted)}.legal-links{display:flex;gap:2rem}.legal-links a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-normal)}.legal-links a:hover{color:var(--primary-color)}.legal-link-btn{background:none;border:none;outline:none;padding:0;margin:0;cursor:pointer;color:var(--text-muted);font-size:inherit;font-family:inherit;line-height:inherit;transition:color var(--transition-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none}.legal-link-btn:hover{color:var(--primary-color)}.legal-link-btn:focus{outline:none}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.footer-wrapper{padding:3rem 1.5rem 0}.footer-header{flex-direction:column;text-align:left;gap:1.5rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-bottom-row{flex-direction:column;gap:1rem;align-items:center;text-align:center}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;padding:0 8px;z-index:1000;box-shadow:0 -2px 10px #0000000d;transition:transform .3s ease,background-color var(--transition-normal)}@media(min-width:768px){.bottom-nav{display:none}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;text-decoration:none;color:var(--text-muted);font-size:.7rem;font-weight:500;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-width:64px;flex:1;max-width:80px}.bottom-nav-item i{font-size:1.25rem;transition:all .3s ease}.bottom-nav-item span{font-size:.65rem;letter-spacing:.02em;transition:all .3s ease}.bottom-nav-item.active{color:var(--primary-color);background:#3b82f614}.bottom-nav-item.active i{transform:scale(1.1);color:var(--primary-color)}.bottom-nav-item.active span{font-weight:600}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--primary-color);border-radius:0 0 3px 3px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-3px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(hover:hover){.bottom-nav-item:hover:not(.active){color:var(--text-secondary);background:#00000008}}.bottom-nav-item:active{transform:scale(.95)}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom));height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}}[data-theme=dark] .bottom-nav{background:var(--card-bg);border-top-color:#ffffff1a;box-shadow:0 -2px 10px #0000004d}[data-theme=dark] .bottom-nav-item{color:var(--text-muted)}[data-theme=dark] .bottom-nav-item.active{color:var(--primary-color);background:#3b82f626}[data-theme=dark] .bottom-nav-item:hover:not(.active){background:#ffffff0d}.dashboard-layout{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);overflow:hidden;transition:background-color var(--transition-normal)}.layout-container{display:flex;flex:1;padding-top:56px;position:relative;height:calc(100vh - 56px);overflow:hidden}@media(max-width:767px){.layout-container{height:calc(100vh - 56px - var(--bottom-nav-height));padding-bottom:0}}.desktop-sidebar-container{display:none}@media(min-width:768px){.desktop-sidebar-container{display:block;flex-shrink:0;height:100%;z-index:100;pointer-events:auto;background:var(--card-bg);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-light) var(--bg-tertiary);transition:background-color var(--transition-normal)}.desktop-sidebar-container::-webkit-scrollbar{width:6px}.desktop-sidebar-container::-webkit-scrollbar-track{background:var(--bg-tertiary)}.desktop-sidebar-container::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:4px}.desktop-sidebar-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}}.desktop-sidebar-wrapper{position:relative;height:100%;background:var(--card-bg);transition:background-color var(--transition-normal)}.main-content{flex:1;display:flex;flex-direction:column;width:100%;transition:margin-left .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;height:100%;overflow:hidden;pointer-events:auto}.main-content.full-width{margin-left:0!important;width:100%!important}.main-content.with-sidebar{margin-left:0}.content-wrapper{flex:1;background:var(--bg-secondary);position:relative;width:100%;height:100%;overflow-x:clip;overflow-y:auto;z-index:2;pointer-events:auto;display:flex;flex-direction:column;transition:background-color var(--transition-normal);padding:var(--content-padding-mobile)}@media(min-width:768px){.content-wrapper{padding:var(--content-padding-tablet)}}@media(min-width:1024px){.content-wrapper{padding:var(--content-padding-desktop)}}@media(min-width:481px){.layout-container{padding-top:56px;height:calc(100vh - 56px)}}@media(min-width:768px){.layout-container{padding-top:60px;height:calc(100vh - 60px)}}@media(min-width:1024px){.layout-container{padding-top:64px;height:calc(100vh - 64px)}}.content-wrapper{scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.content-wrapper::-webkit-scrollbar{width:6px}.content-wrapper::-webkit-scrollbar-track{background:var(--bg-tertiary)}.content-wrapper::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:4px}.content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-home .content-wrapper{background:transparent;border-radius:0;box-shadow:none;width:100%;margin:0;padding:0}.content-wrapper>*{flex-shrink:0}.content-wrapper>.footer{margin-top:auto}.main-content:not(.with-sidebar){margin-left:0!important;width:100%!important}.main-content:not(.with-sidebar) .content-wrapper{width:100%!important;margin:0!important}@media(max-width:480px){.layout-container{padding-top:52px;height:calc(100vh - 52px)}.desktop-sidebar-wrapper{top:0;height:100%}}@media(max-width:767px){.desktop-sidebar-wrapper{top:0;height:100%}}@media(max-width:767px){.dashboard-layout,.layout-container,.main-content{overflow:hidden}.content-wrapper{overflow-x:clip;overflow-y:auto}}.layout-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-secondary);transition:background-color var(--transition-normal)}.layout-loading .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media(prefers-contrast:high){.content-wrapper{border:2px solid #000}.mobile-sidebar-overlay{background:#000c}}@media(prefers-reduced-motion:reduce){.main-content,.mobile-sidebar-container,.content-wrapper{transition:none}.mobile-sidebar-overlay,.mobile-sidebar-container{animation:none}}.content-wrapper.no-padding{padding:0!important}.content-wrapper.no-padding>*{margin:0}.dashboard-layout.has-announcement-banner .layout-container{padding-top:88px;height:calc(100vh - 88px)}@media(min-width:481px){.dashboard-layout.has-announcement-banner .layout-container{padding-top:88px;height:calc(100vh - 88px)}}@media(min-width:768px){.dashboard-layout.has-announcement-banner .layout-container{padding-top:92px;height:calc(100vh - 92px)}}@media(min-width:1024px){.dashboard-layout.has-announcement-banner .layout-container{padding-top:104px;height:calc(100vh - 104px)}}.change-password-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:999999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.change-password-modal{background-color:var(--card-bg, #ffffff);width:100%;max-width:400px;max-height:90vh;border-radius:12px;box-shadow:0 10px 25px #0003;overflow:auto;animation:modal-appear .3s ease-out;position:relative}@keyframes modal-appear{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:20px;border-bottom:1px solid var(--border-color, #eee);display:flex;justify-content:space-between;align-items:center;background-color:#fff}.modal-header h2{margin:0;font-size:1.25rem;color:#111827;font-weight:600}.close-btn{background:none;border:none;font-size:1.2rem;color:var(--text-secondary, #666);cursor:pointer;padding:5px;border-radius:50%;transition:background-color .2s}.close-btn:hover{background-color:#0000000d}.change-password-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary, #333);font-size:.9rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:12px;border:1px solid var(--border-color, #ddd);border-radius:8px;font-size:1rem;background-color:var(--input-bg, #fff);color:var(--text-primary, #333);transition:border-color .2s,box-shadow .2s}.input-wrapper input:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.error-message{background-color:#fff5f5;color:#c53030;padding:10px;border-radius:6px;border-left:4px solid #c53030;margin-bottom:20px;font-size:.9rem}.success-message{background-color:#f0fff4;color:#2f855a;padding:10px;border-radius:6px;border-left:4px solid #2f855a;margin-bottom:20px;font-size:.9rem}.modal-actions{display:flex;gap:12px;margin-top:30px}.cancel-btn{flex:1;padding:12px;border:1px solid var(--border-color, #ddd);background:var(--card-bg, #fff);color:var(--text-secondary, #666);border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.cancel-btn:hover{background-color:var(--hover-bg, #f1f1f1)}.submit-btn{flex:2;padding:12px;border:none;background-color:var(--primary-color, #007bff);color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.submit-btn:hover{background-color:var(--primary-hover, #0056b3)}.submit-btn:active{transform:translateY(1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .change-password-modal{background-color:#1e293b}[data-theme=dark] .modal-header{background-color:#1e293b;border-bottom-color:#334155}[data-theme=dark] .close-btn{color:#94a3b8}[data-theme=dark] .close-btn:hover{background-color:#334155;color:#f1f5f9}[data-theme=dark] .input-wrapper input{background-color:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .error-message{background-color:#ef44441a;color:#fca5a5;border-left-color:#ef4444}[data-theme=dark] .success-message{background-color:#22c55e1a;color:#86efac;border-left-color:#22c55e}[data-theme=dark] .cancel-btn{background:#334155;color:#cbd5e1;border-color:#334155}[data-theme=dark] .cancel-btn:hover{background-color:#475569}[data-theme=dark] .submit-btn{background-color:#3b82f6}[data-theme=dark] .submit-btn:hover{background-color:#2563eb}.hod-dashboard{padding:1.5rem;min-height:100vh;animation:fadeIn .4s ease-out}.hod-header{background:linear-gradient(135deg,#be185d,#db2777);padding:2.5rem 2rem;border-radius:var(--radius-lg);color:#fff;margin-bottom:2rem;box-shadow:var(--shadow-active);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hod-header:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffffff1a,#fff0 70%);border-radius:50%;pointer-events:none}.hod-header h1{font-size:2rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hod-header p{margin:0;opacity:.95;font-size:1.1rem;font-weight:500}.hod-controls-bar{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:1.5rem}.dept-badge{background:#fdf2f8;color:#be185d;padding:.5rem 1rem;border-radius:9999px;font-weight:600;font-size:.9rem;border:1px solid #fbcfe8;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm)}.hod-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.hod-card{background:var(--app-card-bg);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--app-border-color);box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.hod-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fbcfe8}.hod-card:hover .kpi-icon-wrapper{transform:scale(1.1)}.kpi-pink .kpi-icon-wrapper{background:#fdf2f8;color:#db2777}.hod-visuals-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.approval-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:var(--radius-md);border:1px solid transparent;transition:background-color .2s}.css-bar-chart{height:200px;display:flex;align-items:flex-end;gap:1rem;padding-top:2rem}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar{width:100%;border-radius:4px 4px 0 0;transition:height 1s ease-out;max-width:40px}.bar:hover{opacity:.9;transform:scaleY(1.05)}.bar-value{margin-bottom:5px;font-weight:700;font-size:.8rem;color:var(--app-text-primary)}.bar-label{margin-top:10px;font-size:.8rem;color:var(--app-text-muted)}.td-page{padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem;background:#f5f5fa;min-height:100%;font-family:inherit}.td-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1rem;color:#9ca3af}.td-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:td-spin .7s linear infinite}@keyframes td-spin{to{transform:rotate(360deg)}}.td-banner{background:linear-gradient(135deg,#0f172a,#1e3a8a,#2563eb);border-radius:16px;padding:1.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #2563eb59}.td-banner:before{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:#ffffff12;border-radius:50%;pointer-events:none}.td-banner__role{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;display:block;margin-bottom:.25rem}.td-banner__title{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 .25rem;letter-spacing:-.02em}.td-banner__sub{font-size:.875rem;color:#ffffffbf;margin:0}.td-banner__meta{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;flex-shrink:0}.td-banner__date,.td-banner__classes-today{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#fff;background:#ffffff26;padding:.4rem .875rem;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.td-banner__classes-today strong{font-size:1rem;color:#fff}.td-section{background:#fff;border-radius:14px;padding:1.25rem 1.5rem;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000a}.td-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem;flex-wrap:wrap}.td-section-head h2{font-size:.95rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.td-section-head h2 i{color:#4f46e5}.td-section-count{font-size:.72rem;font-weight:600;color:#6b7280;background:#f3f4f6;padding:2px 10px;border-radius:20px}.td-link-btn{font-size:.75rem;font-weight:600;color:#4f46e5;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0;transition:opacity .15s}.td-link-btn:hover{opacity:.75}.td-quick-tabs{display:flex;gap:.625rem;flex-wrap:wrap}.td-quick-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--qtc) 25%,transparent);background:color-mix(in srgb,var(--qtc) 8%,transparent);color:var(--qtc);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.td-quick-tab:hover{background:color-mix(in srgb,var(--qtc) 15%,transparent);transform:translateY(-1px)}.td-quick-tab__icon{font-size:.85rem}.td-classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem}.td-class-card{position:relative;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;cursor:pointer;color:#fff;min-height:170px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 20px #0000002e}.td-class-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 36px #00000047}.td-class-card__circle{position:absolute;top:-40px;right:-40px;width:130px;height:130px;background:#ffffff14;border-radius:50%;pointer-events:none}.td-class-card__top{display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}.td-class-card__label{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ffffffa6}.td-class-card__name{font-size:1.35rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.02em}.td-class-card__mid{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#ffffffbf;position:relative;z-index:1;flex:1}.td-class-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:relative;z-index:1;flex-wrap:wrap}.td-class-card__subjects{display:flex;gap:.3rem;flex-wrap:wrap}.td-class-card__subject-chip{font-size:.62rem;font-weight:600;padding:2px 7px;border-radius:20px;background:#ffffff2e;color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.td-class-card__cta{font-size:.72rem;font-weight:700;color:#ffffffe6;display:flex;align-items:center;gap:4px;background:#ffffff26;padding:4px 10px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);white-space:nowrap;transition:background .15s}.td-class-card:hover .td-class-card__cta{background:#ffffff40}.td-contrib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.td-contrib-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:12px;border:1.5px solid #ebebf5;cursor:pointer;transition:all .15s}.td-contrib-card:hover{border-color:#c7d2fe;background:#eff6ff;transform:translateY(-1px)}.td-contrib-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.td-contrib-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.td-contrib-card__label{font-size:.82rem;font-weight:600;color:#111827}.td-contrib-card__stat{font-size:.72rem;color:#6b7280}.td-contrib-card__stat strong{color:#111827}.td-contrib-card__arrow{color:#d1d5db;font-size:.7rem}.td-carousel-nav{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;font-weight:600}.td-carousel-nav button{width:28px;height:28px;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .15s}.td-carousel-nav button:hover:not(:disabled){background:#eff6ff;border-color:#4f46e5;color:#4f46e5}.td-carousel-nav button:disabled{opacity:.35;cursor:not-allowed}.td-tt-carousel{display:flex;flex-direction:column;gap:.75rem}.td-tt-class-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;color:#4f46e5;background:#eff6ff;padding:.35rem .875rem;border-radius:20px;border:1px solid #c7d2fe;width:-moz-fit-content;width:fit-content}.td-tt-days{display:grid;grid-template-columns:repeat(6,1fr);gap:.625rem;overflow-x:auto}.td-tt-day{display:flex;flex-direction:column;gap:.4rem;min-width:110px}.td-tt-day--today .td-tt-day__name{background:#4f46e5;color:#fff}.td-tt-day__name{font-size:.7rem;font-weight:700;text-align:center;padding:5px;border-radius:6px;background:#f3f4f6;color:#374151;text-transform:uppercase;letter-spacing:.04em}.td-tt-period{background:#fff;border:1px solid #e5e7eb;border-left:3px solid;border-radius:8px;padding:.5rem .625rem;display:flex;flex-direction:column;gap:2px}.td-tt-period__time{font-size:.62rem;color:#9ca3af;font-weight:600}.td-tt-period__sub{font-size:.78rem;font-weight:700;color:#111827}.td-tt-period__room{font-size:.62rem;color:#6b7280}.td-tt-free{font-size:.7rem;color:#d1d5db;text-align:center;padding:.75rem;border:1px dashed #e5e7eb;border-radius:8px;font-style:italic}.td-tt-dots{display:flex;justify-content:center;gap:6px}.td-tt-dot{width:7px;height:7px;border-radius:50%;background:#d1d5db;cursor:pointer;transition:background .15s}.td-tt-dot--active{background:#4f46e5}.td-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.td-results-card{border:1.5px solid #ebebf5;border-radius:12px;padding:1rem 1.125rem;display:flex;flex-direction:column;gap:.625rem}.td-results-card__head{font-size:.82rem;font-weight:700;color:#374151;display:flex;align-items:center;gap:.5rem;padding-bottom:.625rem;border-bottom:1px solid #f3f4f6}.td-badge{font-size:.62rem;font-weight:700;padding:1px 7px;border-radius:20px;margin-left:auto}.td-badge--amber{background:#fef3c7;color:#d97706}.td-exam-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f9fafb}.td-exam-row:last-of-type{border-bottom:none}.td-exam-row__info{display:flex;flex-direction:column;gap:1px}.td-exam-row__info strong{font-size:.82rem;color:#111827}.td-exam-row__info span{font-size:.7rem;color:#6b7280}.td-exam-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:.7rem;color:#6b7280;font-weight:600}.td-result-subject-row{display:flex;flex-direction:column;gap:4px;padding:.4rem 0;border-bottom:1px solid #f9fafb}.td-result-subject-row:last-child{border-bottom:none}.td-result-subject-row__info{display:flex;justify-content:space-between}.td-result-subject-row__name{font-size:.8rem;font-weight:600;color:#111827}.td-result-subject-row__count{font-size:.7rem;color:#9ca3af}.td-result-subject-row__bar-wrap{display:flex;align-items:center;gap:.5rem}.td-result-subject-row__bar{flex:1;height:6px;background:#f3f4f6;border-radius:99px;overflow:hidden}.td-result-subject-row__fill{height:100%;border-radius:99px;transition:width .5s}.td-result-subject-row__pct{font-size:.72rem;font-weight:700;min-width:32px;text-align:right}.td-card-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:.5rem;border-radius:8px;border:1.5px solid #c7d2fe;background:#eff6ff;color:#4f46e5;font-size:.75rem;font-weight:600;cursor:pointer;margin-top:auto;transition:all .15s;font-family:inherit}.td-card-btn:hover{background:#e0e7ff}.td-att-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.td-att-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:12px;border:1.5px solid #ebebf5;cursor:pointer;transition:all .15s}.td-att-card:hover{border-color:#c7d2fe;background:#eff6ff;transform:translateY(-1px)}.td-att-card__icon{width:40px;height:40px;border-radius:10px;background:#eff6ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.td-att-card__info{flex:1;display:flex;flex-direction:column;gap:1px}.td-att-card__info strong{font-size:.85rem;color:#111827}.td-att-card__info span{font-size:.75rem;color:#6b7280}.td-att-card__date{font-size:.68rem!important;color:#9ca3af!important}.td-att-card__cta{font-size:.72rem;font-weight:600;color:#4f46e5;white-space:nowrap;display:flex;align-items:center;gap:4px;flex-shrink:0}.td-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;color:#d1d5db;gap:.5rem;text-align:center;grid-column:1 / -1}.td-empty-state i{font-size:2rem}.td-empty-state p{font-size:.82rem;color:#9ca3af;margin:0}.td-empty-inline{font-size:.78rem;color:#9ca3af;padding:.75rem 0;text-align:center}.td-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:td-fade-in .2s ease}@keyframes td-fade-in{0%{opacity:0}to{opacity:1}}.td-modal{background:#fff;border-radius:18px;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 60px #0000002e;animation:td-slide-up .25s cubic-bezier(.16,1,.3,1)}@keyframes td-slide-up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.td-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.td-modal__header h3{font-size:1rem;font-weight:800;color:#111827;margin:0}.td-modal__header button{width:30px;height:30px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:background .15s}.td-modal__header button:hover{background:#e5e7eb}.td-modal__body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.td-modal__stat-row{display:flex;gap:1rem}.td-modal__stat{flex:1;display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f9fafb;border-radius:10px;font-size:.82rem;color:#374151}.td-modal__stat i{color:#4f46e5}.td-modal__stat strong{font-size:1rem}.td-modal__label{font-size:.72rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.td-modal__subject-list{display:flex;flex-wrap:wrap;gap:.4rem}.td-modal__subject-chip{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px}.td-modal__student-list{display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto}.td-modal__student-row{display:flex;align-items:center;gap:.625rem;padding:.4rem .5rem;border-radius:8px;font-size:.8rem;color:#374151}.td-modal__student-row:hover{background:#f9fafb}.td-modal__student-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.td-modal__student-roll{margin-left:auto;font-size:.7rem;color:#9ca3af}.td-modal__footer{display:flex;gap:.625rem;padding:1rem 1.5rem;border-top:1px solid #f3f4f6}.td-modal__btn{flex:1;padding:.6rem;border-radius:10px;border:none;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;font-family:inherit}.td-modal__btn--primary{background:#4f46e5;color:#fff}.td-modal__btn--primary:hover{background:#4338ca}.td-modal__btn--secondary{background:#f3f4f6;color:#374151}.td-modal__btn--secondary:hover{background:#e5e7eb}@media(max-width:900px){.td-tt-days{grid-template-columns:repeat(3,minmax(110px,1fr))}.td-results-grid{grid-template-columns:1fr}}@media(max-width:640px){.td-page{padding:.75rem;gap:1rem}.td-banner{padding:1.25rem}.td-banner__title{font-size:1.25rem}.td-banner__meta{display:none}.td-quick-tabs{gap:.4rem}.td-quick-tab{padding:.4rem .75rem;font-size:.72rem}.td-classes-grid,.td-contrib-grid{grid-template-columns:1fr 1fr}.td-att-grid{grid-template-columns:1fr}.td-tt-days{grid-template-columns:repeat(3,minmax(100px,1fr))}.td-modal{max-width:100%;border-radius:18px 18px 0 0}.td-modal-overlay{align-items:flex-end;padding:0}}.td-perf-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.875rem}.td-perf-class-tabs{display:flex;gap:.375rem;flex-wrap:wrap}.td-perf-class-tab{padding:.3rem .875rem;border-radius:20px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.td-perf-class-tab--active{background:#4f46e5;border-color:#4f46e5;color:#fff}.td-perf-class-tab:hover:not(.td-perf-class-tab--active){border-color:#c7d2fe;color:#4f46e5}.td-perf-filters{display:flex;gap:.3rem}.td-perf-filter{padding:.3rem .75rem;border-radius:20px;border:1.5px solid #e5e7eb;background:transparent;color:#9ca3af;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.td-perf-filter--active{background:#fef3c7;border-color:#fbbf24;color:#92400e}.td-perf-filter:hover:not(.td-perf-filter--active){border-color:#d1d5db;color:#374151}.td-perf-list{display:flex;flex-direction:column;gap:.5rem}.td-perf-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:12px;border:1px solid #f3f4f6;background:#fafafa;transition:background .15s,transform .15s}.td-perf-row:hover{background:#f5f5ff;transform:translate(3px)}.td-perf-row--rank1{border-left:3px solid #f59e0b;background:#fffbeb}.td-perf-row--rank2{border-left:3px solid #94a3b8;background:#f8fafc}.td-perf-row--rank3{border-left:3px solid #b45309;background:#fdf8f0}.td-perf-rank{font-size:1.1rem;width:26px;text-align:center;flex-shrink:0}.td-perf-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;flex-shrink:0}.td-perf-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.td-perf-info strong{font-size:.85rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-perf-info span{font-size:.68rem;color:#9ca3af}.td-perf-bar-wrap{width:90px;flex-shrink:0}.td-perf-bar{height:6px;background:#f3f4f6;border-radius:99px;overflow:hidden}.td-perf-bar__fill{height:100%;border-radius:99px;transition:width .5s ease}.td-perf-score{font-size:.82rem;font-weight:800;min-width:38px;text-align:right;flex-shrink:0}@media(max-width:640px){.td-perf-controls{flex-direction:column;align-items:flex-start}.td-perf-bar-wrap{display:none}.td-perf-filters{flex-wrap:wrap}}.id-page{padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem;background:#f5f5fa;min-height:100%;font-family:inherit}[data-theme=dark] .id-page{background:#0a0a0a}.id-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1rem;color:#9ca3af}.id-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:id-spin .7s linear infinite}@keyframes id-spin{to{transform:rotate(360deg)}}.id-banner{border-radius:16px;padding:1.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0000004d}.id-banner:before{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:#ffffff12;border-radius:50%;pointer-events:none}.id-banner__role{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;display:block;margin-bottom:.25rem}.id-banner__title{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.02em}.id-banner__sub{font-size:.875rem;color:#ffffffbf;margin:0 0 .2rem}.id-banner__inst{font-size:.78rem;color:#fff9;margin:0;font-weight:600}.id-banner__meta{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;flex-shrink:0}.id-banner__pill{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#fff;background:#ffffff26;padding:.4rem .875rem;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);font-weight:500}.id-banner__pill--live{gap:.4rem}.id-banner__live-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;box-shadow:0 0 0 3px #4ade804d;flex-shrink:0}.id-section{background:#fff;border-radius:14px;padding:1.25rem 1.5rem;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000a}[data-theme=dark] .id-section{background:#161616;border-color:#ffffff12}.id-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem;flex-wrap:wrap}.id-section-head h2{font-size:.95rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .id-section-head h2{color:#f1f5f9}.id-section-head h2 i{color:#4f46e5}.id-link-btn{font-size:.75rem;font-weight:600;color:#4f46e5;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0;transition:opacity .15s;font-family:inherit}.id-link-btn:hover{opacity:.7}.id-quick-tabs{display:flex;gap:.625rem;flex-wrap:wrap}.id-quick-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--qtc) 25%,transparent);background:color-mix(in srgb,var(--qtc) 8%,transparent);color:var(--qtc);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.id-quick-tab:hover{background:color-mix(in srgb,var(--qtc) 15%,transparent);transform:translateY(-1px)}.id-quick-tab__icon{font-size:.85rem}.id-att-feed{display:flex;flex-direction:column;gap:.625rem}.id-att-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:10px;border:1px solid #f3f4f6;border-left:4px solid;background:#fafafa;transition:background .15s}[data-theme=dark] .id-att-item{background:#1e1e1e;border-color:#ffffff0f}.id-att-item:hover{background:#f5f5ff}.id-att-item__avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}.id-att-item__info{flex:1;display:flex;flex-direction:column;gap:2px}.id-att-item__info strong{font-size:.85rem;color:#111827;font-weight:700}[data-theme=dark] .id-att-item__info strong{color:#f1f5f9}.id-att-item__info span{font-size:.75rem;color:#6b7280}.id-att-item__time{font-size:.68rem!important;color:#9ca3af!important;display:flex;align-items:center;gap:4px}.id-att-item__stats{display:flex;gap:.4rem;flex-shrink:0}.id-att-item__stat{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:20px;display:flex;align-items:center;gap:4px}.id-att-item__stat--present{background:#dcfce7;color:#16a34a}.id-att-item__stat--absent{background:#fee2e2;color:#dc2626}.id-carousel-nav{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;font-weight:600}.id-carousel-nav button{width:28px;height:28px;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .15s;font-family:inherit}.id-carousel-nav button:hover:not(:disabled){background:#eff6ff;border-color:#4f46e5;color:#4f46e5}.id-carousel-nav button:disabled{opacity:.35;cursor:not-allowed}.id-exam-carousel{display:flex;flex-direction:column;gap:.75rem}.id-exam-slide{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem}.id-exam-card{border:1.5px solid #ebebf5;border-radius:12px;padding:1.125rem;display:flex;flex-direction:column;gap:.5rem;transition:all .15s;opacity:.55;transform:scale(.97)}[data-theme=dark] .id-exam-card{background:#1e1e1e;border-color:#ffffff14}.id-exam-card--active{opacity:1;transform:scale(1);border-color:#c7d2fe;box-shadow:0 4px 16px #4f46e51a}.id-exam-card__class{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.id-exam-card__exam{font-size:.95rem;font-weight:800;color:#111827}[data-theme=dark] .id-exam-card__exam{color:#f1f5f9}.id-exam-card__pass{font-size:1.5rem;font-weight:800;line-height:1}.id-exam-card__pass span{font-size:.72rem;font-weight:600;color:#9ca3af;display:block;margin-top:2px}.id-exam-card__bar-wrap{margin:.25rem 0}.id-exam-card__bar{height:6px;background:#f3f4f6;border-radius:99px;overflow:hidden}.id-exam-card__fill{height:100%;border-radius:99px;transition:width .5s}.id-exam-card__stats{display:flex;gap:.75rem;font-size:.72rem;color:#6b7280;font-weight:500}.id-exam-card__stats i{margin-right:3px}.id-carousel-dots{display:flex;justify-content:center;gap:6px}.id-carousel-dot{width:7px;height:7px;border-radius:50%;background:#d1d5db;cursor:pointer;transition:background .15s}.id-carousel-dot--active{background:#4f46e5}.id-teacher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.875rem}.id-teacher-card{border:1.5px solid #ebebf5;border-radius:12px;padding:1.125rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;transition:all .15s}[data-theme=dark] .id-teacher-card{background:#1e1e1e;border-color:#ffffff14}.id-teacher-card:hover{box-shadow:0 6px 20px #00000017;transform:translateY(-2px);border-color:#c7d2fe}.id-teacher-card__avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;margin-bottom:.25rem}.id-teacher-card__name{font-size:.875rem;font-weight:700;color:#111827}[data-theme=dark] .id-teacher-card__name{color:#f1f5f9}.id-teacher-card__dept{font-size:.72rem;color:#6b7280}.id-teacher-card__classes{font-size:.7rem;color:#9ca3af;display:flex;align-items:center;gap:4px}.id-teacher-card__btn{margin-top:.5rem;width:100%;padding:.45rem;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.id-teacher-card__btn:hover{background:#eff6ff;border-color:#4f46e5;color:#4f46e5}.id-schedule-scroll{overflow-x:auto;padding-bottom:.5rem}.id-schedule-classes{display:flex;gap:.875rem;min-width:-moz-max-content;min-width:max-content}.id-schedule-class{min-width:170px;display:flex;flex-direction:column;gap:.4rem}.id-schedule-class__header{font-size:.75rem;font-weight:800;color:#fff;background:#4f46e5;padding:.4rem .75rem;border-radius:8px;text-align:center;letter-spacing:.02em}.id-schedule-period{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.625rem .75rem;display:flex;flex-direction:column;gap:3px;transition:box-shadow .15s}[data-theme=dark] .id-schedule-period{background:#1e1e1e;border-color:#ffffff14}.id-schedule-period--active{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526}.id-schedule-period__chip{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:20px;width:-moz-fit-content;width:fit-content}.id-schedule-period__time,.id-schedule-period__teacher,.id-schedule-period__room{font-size:.68rem;color:#6b7280;display:flex;align-items:center;gap:4px}.id-schedule-period__time i,.id-schedule-period__teacher i,.id-schedule-period__room i{font-size:.6rem;color:#9ca3af}.id-performers-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.id-performers-tab{padding:.35rem .875rem;border-radius:20px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.id-performers-tab--active{background:#4f46e5;border-color:#4f46e5;color:#fff}.id-performers-tab:hover:not(.id-performers-tab--active){border-color:#c7d2fe;color:#4f46e5}.id-performers-list{display:flex;flex-direction:column;gap:.5rem}.id-performer-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:10px;border:1px solid #f3f4f6;background:#fafafa;transition:background .15s}[data-theme=dark] .id-performer-row{background:#1e1e1e;border-color:#ffffff0f}.id-performer-row:hover{background:#f5f5ff}.id-performer-row--gold{border-left:3px solid #f59e0b}.id-performer-row--silver{border-left:3px solid #94a3b8}.id-performer-row--bronze{border-left:3px solid #b45309}.id-rank-badge{font-size:1.1rem;width:28px;text-align:center;flex-shrink:0}.id-performer-row__avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}.id-performer-row__info{flex:1;display:flex;flex-direction:column;gap:1px}.id-performer-row__info strong{font-size:.85rem;color:#111827;font-weight:700}[data-theme=dark] .id-performer-row__info strong{color:#f1f5f9}.id-performer-row__info span{font-size:.7rem;color:#9ca3af}.id-score-bar-wrap{width:100px;flex-shrink:0}.id-score-bar{height:6px;background:#f3f4f6;border-radius:99px;overflow:hidden}.id-score-bar__fill{height:100%;border-radius:99px;transition:width .5s}.id-performer-row__score{font-size:.82rem;font-weight:800;min-width:38px;text-align:right;flex-shrink:0}.id-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:id-fade-in .2s ease}@keyframes id-fade-in{0%{opacity:0}to{opacity:1}}.id-modal{background:#fff;border-radius:18px;width:100%;max-width:460px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 60px #0000002e;animation:id-slide-up .25s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .id-modal{background:#1e1e1e}@keyframes id-slide-up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.id-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}[data-theme=dark] .id-modal__header{border-color:#ffffff12}.id-modal__header h3{font-size:1rem;font-weight:800;color:#111827;margin:0}[data-theme=dark] .id-modal__header h3{color:#f1f5f9}.id-modal__header button{width:30px;height:30px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:background .15s}.id-modal__header button:hover{background:#e5e7eb}.id-modal__body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.id-modal__avatar-row{display:flex;align-items:center;gap:1rem}.id-modal__big-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;flex-shrink:0}.id-modal__name{font-size:1.05rem;font-weight:800;color:#111827}[data-theme=dark] .id-modal__name{color:#f1f5f9}.id-modal__role-tag{font-size:.7rem;font-weight:600;color:#4f46e5;background:#eff6ff;padding:2px 8px;border-radius:20px;display:inline-block;margin-top:4px;text-transform:capitalize}.id-modal__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.id-modal__info-item{display:flex;flex-direction:column;gap:2px;padding:.625rem;background:#f9fafb;border-radius:8px}[data-theme=dark] .id-modal__info-item{background:#2a2a2a}.id-modal__info-label{font-size:.65rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.id-modal__info-value{font-size:.82rem;font-weight:600;color:#111827}[data-theme=dark] .id-modal__info-value{color:#f1f5f9}.id-modal__label{font-size:.72rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.id-modal__chips{display:flex;flex-wrap:wrap;gap:.4rem}.id-modal__chip{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px}.id-modal__footer{display:flex;gap:.625rem;padding:1rem 1.5rem;border-top:1px solid #f3f4f6}[data-theme=dark] .id-modal__footer{border-color:#ffffff12}.id-modal__btn{flex:1;padding:.6rem;border-radius:10px;border:none;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;font-family:inherit}.id-modal__btn--primary{background:#4f46e5;color:#fff}.id-modal__btn--primary:hover{background:#4338ca}.id-modal__btn--secondary{background:#f3f4f6;color:#374151}.id-modal__btn--secondary:hover{background:#e5e7eb}.id-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;color:#d1d5db;gap:.5rem;text-align:center}.id-empty-state i{font-size:2rem}.id-empty-state p{font-size:.82rem;color:#9ca3af;margin:0}@media(max-width:900px){.id-exam-slide{grid-template-columns:repeat(2,1fr)}.id-score-bar-wrap{width:70px}}@media(max-width:640px){.id-page{padding:.75rem;gap:1rem}.id-banner{padding:1.25rem}.id-banner__title{font-size:1.25rem}.id-banner__meta{display:none}.id-quick-tabs{gap:.4rem}.id-quick-tab{padding:.4rem .75rem;font-size:.72rem}.id-exam-slide{grid-template-columns:1fr}.id-teacher-grid{grid-template-columns:repeat(2,1fr)}.id-modal{max-width:100%;border-radius:18px 18px 0 0}.id-modal-overlay{align-items:flex-end;padding:0}.id-modal__info-grid{grid-template-columns:1fr}.id-score-bar-wrap{display:none}}.id-att-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.id-att-card{position:relative;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;overflow:hidden;cursor:pointer;color:#fff;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 20px #0000002e;min-height:180px}.id-att-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 36px #00000047}.id-att-card__circle{position:absolute;top:-40px;right:-40px;width:130px;height:130px;background:#ffffff14;border-radius:50%;pointer-events:none}.id-att-card__top{display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}.id-att-card__category{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3}.id-att-card__subject{font-size:1.05rem;font-weight:800;color:#fff;line-height:1.2}.id-att-card__teacher{display:flex;align-items:center;gap:.625rem;position:relative;z-index:1;flex:1}.id-att-card__avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.id-att-card__teacher-info{display:flex;flex-direction:column;gap:2px}.id-att-card__teacher-info strong{font-size:.85rem;font-weight:700;color:#fff}.id-att-card__teacher-info span{font-size:.68rem;color:#ffffffa6;display:flex;align-items:center;gap:4px}.id-att-card__footer{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.id-att-card__rate-bar{height:4px;background:#fff3;border-radius:99px;overflow:hidden}.id-att-card__rate-fill{height:100%;background:#ffffffd9;border-radius:99px;transition:width .6s ease}.id-att-card__counts{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.id-att-card__count{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:20px;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.id-att-card__count--p{background:#4ade8040;color:#bbf7d0}.id-att-card__count--a{background:#f8717140;color:#fecaca}.id-att-card__pct{margin-left:auto;font-size:.82rem;font-weight:800;color:#ffffffe6}@media(max-width:640px){.id-att-cards{grid-template-columns:1fr 1fr}}@media(max-width:420px){.id-att-cards{grid-template-columns:1fr}}.id-exam-charts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.id-exam-chart-card{border:1.5px solid #ebebf5;border-radius:14px;padding:1.125rem;display:flex;flex-direction:column;gap:.875rem;cursor:pointer;transition:all .2s ease;background:#fff}[data-theme=dark] .id-exam-chart-card{background:#1e1e1e;border-color:#ffffff14}.id-exam-chart-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000001a;border-color:#c7d2fe}.id-exam-chart-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.id-exam-chart-card__class{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af}.id-exam-chart-card__exam{font-size:.95rem;font-weight:800;color:#111827;margin-top:2px}[data-theme=dark] .id-exam-chart-card__exam{color:#f1f5f9}.id-exam-chart-card__badge{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.id-exam-bars{display:flex;align-items:flex-end;gap:.5rem;height:100px;padding-bottom:.25rem}.id-exam-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.id-exam-bar-group__bars{flex:1;width:100%;display:flex;align-items:flex-end;gap:2px}.id-exam-bar{flex:1;border-radius:4px 4px 0 0;min-height:4px;position:relative;transition:height .5s ease}.id-exam-bar--pass{background:#4ade80}.id-exam-bar--fail{background:#f87171}.id-exam-bar:hover .id-exam-bar__tip{opacity:1;transform:translate(-50%) translateY(0)}.id-exam-bar__tip{position:absolute;top:-22px;left:50%;transform:translate(-50%) translateY(4px);background:#1f2937;color:#fff;font-size:.6rem;font-weight:700;padding:2px 5px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.id-exam-bar-group__label{font-size:.6rem;font-weight:600;color:#9ca3af;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.id-exam-chart-card__footer{display:flex;align-items:center;gap:.75rem;font-size:.72rem;color:#6b7280;border-top:1px solid #f3f4f6;padding-top:.625rem;flex-wrap:wrap}[data-theme=dark] .id-exam-chart-card__footer{border-color:#ffffff0f}.id-exam-chart-card__footer i{margin-right:3px}.id-exam-chart-card__cta{margin-left:auto;font-size:.72rem;font-weight:600;color:#4f46e5;display:flex;align-items:center;gap:4px}.id-modal--wide{max-width:600px}.id-modal__sub{font-size:.75rem;color:#9ca3af;display:block;margin-top:2px}.id-exam-modal__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.id-exam-modal__pill{display:flex;align-items:center;gap:.5rem;padding:.625rem;border-radius:10px}.id-exam-modal__pill i{font-size:1.1rem;flex-shrink:0}.id-exam-modal__pill div{display:flex;flex-direction:column;gap:1px}.id-exam-modal__pill strong{font-size:1.1rem;font-weight:800;color:#111827;line-height:1}[data-theme=dark] .id-exam-modal__pill strong{color:#f1f5f9}.id-exam-modal__pill span{font-size:.65rem;color:#9ca3af;font-weight:500}.id-exam-modal__pill--pass{background:#dcfce7}.id-exam-modal__pill--pass i{color:#16a34a}.id-exam-modal__pill--fail{background:#fee2e2}.id-exam-modal__pill--fail i{color:#dc2626}.id-exam-modal__pill--avg{background:#f3f4f6}.id-exam-modal__pill--avg i{color:#4f46e5}[data-theme=dark] .id-exam-modal__pill--pass{background:#4ade801f}[data-theme=dark] .id-exam-modal__pill--fail{background:#f871711f}[data-theme=dark] .id-exam-modal__pill--avg{background:#ffffff0f}.id-exam-modal__subjects{display:flex;flex-direction:column;gap:.625rem}.id-exam-modal__subject-row{display:flex;flex-direction:column;gap:4px}.id-exam-modal__subject-name{font-size:.8rem;font-weight:600;color:#374151}[data-theme=dark] .id-exam-modal__subject-name{color:#d1d5db}.id-exam-modal__subject-bar-wrap{display:flex;align-items:center;gap:.5rem}.id-exam-modal__subject-bar{flex:1;height:8px;background:#f3f4f6;border-radius:99px;overflow:hidden}[data-theme=dark] .id-exam-modal__subject-bar{background:#ffffff14}.id-exam-modal__subject-fill{height:100%;border-radius:99px;transition:width .5s}.id-exam-modal__subject-pct{font-size:.75rem;font-weight:700;min-width:36px;text-align:right}.id-exam-modal__subject-counts{display:flex;gap:.75rem;font-size:.68rem;font-weight:600}.id-exam-modal__filter-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem;flex-wrap:wrap;gap:.5rem}.id-exam-modal__filters{display:flex;gap:.375rem}.id-exam-modal__filter-btn{padding:4px 12px;border-radius:20px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#6b7280;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.id-exam-modal__filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.id-exam-modal__filter-btn:hover:not(.active){border-color:#c7d2fe;color:#4f46e5}.id-exam-modal__student-list{display:flex;flex-direction:column;gap:.375rem;max-height:260px;overflow-y:auto}.id-exam-modal__student-row{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:8px;transition:background .12s}.id-exam-modal__student-row:hover{background:#f9fafb}[data-theme=dark] .id-exam-modal__student-row:hover{background:#ffffff0a}.id-exam-modal__student-rank{font-size:.68rem;font-weight:700;color:#9ca3af;min-width:18px;text-align:center}.id-exam-modal__student-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0}.id-exam-modal__student-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.id-exam-modal__student-info strong{font-size:.8rem;color:#111827;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .id-exam-modal__student-info strong{color:#f1f5f9}.id-exam-modal__student-info span{font-size:.65rem;color:#9ca3af}.id-exam-modal__student-score-bar{width:80px;flex-shrink:0}.id-exam-modal__score-track{height:5px;background:#f3f4f6;border-radius:99px;overflow:hidden}[data-theme=dark] .id-exam-modal__score-track{background:#ffffff14}.id-exam-modal__score-fill{height:100%;border-radius:99px}.id-exam-modal__student-score{font-size:.78rem;font-weight:800;min-width:36px;text-align:right;flex-shrink:0}.id-exam-modal__status{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0}.id-exam-modal__status--pass{background:#dcfce7;color:#16a34a}.id-exam-modal__status--fail{background:#fee2e2;color:#dc2626}@media(max-width:640px){.id-exam-charts{grid-template-columns:1fr}.id-exam-modal__summary{grid-template-columns:repeat(2,1fr)}.id-exam-modal__student-score-bar{display:none}.id-modal--wide{max-width:100%}}:root{--ent-primary: #4f46e5;--ent-primary-dark: #3730a3;--ent-primary-light: #eef2ff;--ent-bg: #f5f6fa;--ent-card: #ffffff;--ent-text: #111827;--ent-text-light: #6b7280;--ent-border: #e5e7eb;--ent-accent: #10b981;--ent-danger: #ef4444;--ent-warning: #f59e0b;--ent-radius: 14px;--ent-shadow: 0 1px 4px rgba(0,0,0,.06);--ent-shadow-md: 0 4px 16px rgba(0,0,0,.1)}.enterprise-fee-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--ent-bg)}.enterprise-top-nav{display:flex;align-items:center;background:var(--ent-card);padding:0 1.5rem;border-bottom:1px solid var(--ent-border);gap:0;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #0000000f;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.enterprise-top-nav::-webkit-scrollbar{display:none}.enterprise-top-nav button{display:flex;align-items:center;gap:.45rem;padding:1rem 1.1rem;border:none;border-bottom:2.5px solid transparent;background:transparent;color:var(--ent-text-light);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit;transition:color .15s,border-color .15s;margin-bottom:-1px}.enterprise-top-nav button i{font-size:.75rem}.enterprise-top-nav button:hover{color:var(--ent-text)}.enterprise-top-nav button.active{color:var(--ent-primary);border-bottom-color:var(--ent-primary);font-weight:700}.enterprise-top-nav button:disabled{opacity:.5;cursor:not-allowed}.enterprise-content{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--ent-bg)}.content-wrapper{position:relative}.view-header{margin-bottom:1.5rem;padding:1.75rem 1.75rem 0;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.view-header .title{flex:1;min-width:300px}.view-header h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:var(--ent-text);margin-bottom:.3rem}.view-header p{color:var(--ent-text-light);font-size:.85rem;margin:0}.dashboard-view,.rules-view,.simulation-view,.apply-view,.collection-view{padding:0 1.75rem 2rem}.dashboard-view .impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.impact-card{background:var(--ent-card);border:1px solid var(--ent-border);border-radius:var(--ent-radius);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--ent-shadow);transition:box-shadow .2s,transform .2s}.impact-card:hover{box-shadow:var(--ent-shadow-md);transform:translateY(-2px)}.impact-card .visual{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.impact-card.blue .visual{background:#dbeafe;color:#1d4ed8}.impact-card.green .visual{background:#dcfce7;color:#16a34a}.impact-card.red .visual{background:#fee2e2;color:#dc2626}.impact-card.amber .visual{background:#fef3c7;color:#d97706}.impact-card.purple .visual{background:#ede9fe;color:#5b21b6}.impact-card .content .label{font-size:.72rem;font-weight:600;color:var(--ent-text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.impact-card .content .value{font-size:1.5rem;font-weight:800;color:var(--ent-text);line-height:1}.premium-card.chart-card{background:var(--ent-card);border:1px solid var(--ent-border);border-radius:var(--ent-radius);padding:1.5rem;box-shadow:var(--ent-shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-header h3{font-size:.95rem;font-weight:700;color:var(--ent-text)}.percentage{font-size:.78rem;font-weight:600;color:var(--ent-text-light)}.progress-track{height:8px;background:#f3f4f6;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--ent-primary),#7c3aed);transition:width .6s ease}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.rule-card{background:var(--ent-card);border:1px solid var(--ent-border);border-left:3px solid #c7d2fe;border-radius:var(--ent-radius);padding:1.25rem;box-shadow:var(--ent-shadow);transition:box-shadow .2s,transform .2s,border-color .2s;position:relative;display:flex;flex-direction:column}.rule-card.interactive:hover{box-shadow:var(--ent-shadow-md);transform:translateY(-2px);border-left-color:var(--ent-primary)}.r-badge-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem}.scope-badge{padding:.22rem .65rem;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.scope-badge.global{background:#eef2ff;color:#4338ca}.scope-badge.wing{background:#dbeafe;color:#1d4ed8}.scope-badge.standard{background:#fef3c7;color:#92400e}.scope-badge.section{background:#f3e8ff;color:#7e22ce}.status-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:700}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block}.status-pill.active{color:#16a34a}.status-pill.active:before{background:#16a34a}.status-pill.inactive{color:#9ca3af}.status-pill.inactive:before{background:#d1d5db}.r-actions{display:flex;gap:.35rem;flex-shrink:0}.r-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.875rem;gap:.5rem}.r-header h4{font-size:.95rem;font-weight:700;color:var(--ent-text);line-height:1.3}.r-amount-tag{font-size:1rem;font-weight:800;padding:.2rem .6rem;border-radius:8px;white-space:nowrap;flex-shrink:0}.r-amount-tag.ADD_FEE{color:var(--ent-danger);background:#fee2e2}.r-amount-tag.DISCOUNT_FIXED{color:var(--ent-accent);background:#dcfce7}.r-amount-tag.DISCOUNT_PERCENTAGE{color:#d97706;background:#fef3c7}.r-logic-flow{background:#f9fafb;padding:.875rem 1rem;border-radius:10px;display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem;border:1px solid var(--ent-border)}.flow-step{flex:1}.flow-step label{display:block;font-size:.6rem;font-weight:700;color:var(--ent-text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.flow-step span{font-weight:700;color:var(--ent-text);font-size:.82rem}.flow-arrow{color:#d1d5db;font-size:.75rem}.r-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.875rem;border-top:1px solid var(--ent-border);gap:.5rem}.r-desc{font-size:.75rem;color:var(--ent-text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sim-grid{display:grid;grid-template-columns:300px 1fr;gap:1.25rem;align-items:flex-start}.sim-controls{display:flex;flex-direction:column;gap:1rem}.sim-control-card{background:var(--ent-card);border:1px solid var(--ent-border);border-radius:var(--ent-radius);padding:1.25rem;box-shadow:var(--ent-shadow)}.sim-control-card h3{font-size:.82rem;font-weight:700;color:var(--ent-text);margin:0 0 .875rem}.control-group{margin-bottom:1rem}.control-group label{display:block;font-size:.7rem;font-weight:700;color:var(--ent-text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.sim-select{width:100%;padding:.55rem .875rem;border-radius:10px;border:1.5px solid var(--ent-border);background:#f9fafb;color:var(--ent-text);font-size:.82rem;font-weight:600;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.sim-select:focus{border-color:var(--ent-primary);box-shadow:0 0 0 3px #4f46e51a;background:#fff}.bulk-info-box{background:var(--ent-primary-light);padding:1rem;border-radius:10px;border:1px solid #c7d2fe}.bulk-info-box i{color:var(--ent-primary);margin-bottom:.4rem;display:block}.bulk-info-box p{margin:0;font-size:.8rem;color:var(--ent-text);font-weight:500}.mode-tabs{display:flex;background:#f3f4f6;padding:.25rem;border-radius:10px;margin:.875rem 0;gap:.2rem}.mode-tabs button{flex:1;padding:.45rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.78rem;background:transparent;color:var(--ent-text-light);font-family:inherit;transition:all .15s}.mode-tabs button.active{background:var(--ent-card);color:var(--ent-primary);box-shadow:0 1px 4px #0000001a}.control-divider{text-align:center;font-size:.65rem;font-weight:700;color:#d1d5db;margin:1rem 0;text-transform:uppercase;letter-spacing:.06em}.search-box{background:#f9fafb;padding:.55rem .875rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;border:1.5px solid var(--ent-border);transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:var(--ent-primary);box-shadow:0 0 0 3px #4f46e51a;background:#fff}.search-box input{background:transparent;border:none;outline:none;width:100%;font-size:.82rem;font-weight:500;color:var(--ent-text);font-family:inherit}.search-box input::-moz-placeholder{color:#9ca3af}.search-box input::placeholder{color:#9ca3af}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--ent-card);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:100;border:1px solid var(--ent-border);max-height:240px;overflow-y:auto}.search-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f9fafb;transition:background .12s}.search-item:hover{background:#f9fafb}.search-item .name{font-weight:600;color:var(--ent-text);font-size:.85rem}.search-item .sub{font-size:.72rem;color:var(--ent-text-light);margin-top:.1rem}.projection-card{margin-top:0;background:linear-gradient(135deg,#1a1f5e,#2563eb);color:#fff;border-radius:var(--ent-radius);padding:1rem 1.1rem;box-shadow:0 4px 16px #2563eb40}.projection-card h3{font-size:.68rem;font-weight:700;color:#ffffffa6;margin:0 0 .65rem;text-transform:uppercase;letter-spacing:.07em}.proj-stats{display:flex;gap:.75rem;margin:0 0 .65rem}.p-stat{flex:1}.p-stat label{font-size:.58rem;color:#ffffff8c;text-transform:uppercase;font-weight:700;letter-spacing:.05em;display:block;margin-bottom:.15rem}.p-stat span{display:block;font-size:1rem;font-weight:800;color:#fff}.proj-total{border-top:1px solid rgba(255,255,255,.15);padding-top:.6rem}.proj-total label{font-size:.58rem;color:#ffffff8c;text-transform:uppercase;font-weight:700;letter-spacing:.05em;display:block;margin-bottom:.15rem}.proj-total .v{font-size:1.1rem;font-weight:800;color:#fff}.skeleton-loading-container{animation:entFadeIn .3s ease-out}.skeleton-loading-container .skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeletonSlide 1.5s infinite}@keyframes skeletonSlide{0%{background-position:200% 0}to{background-position:-200% 0}}.bulk-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}.metric-card{background:#f9fafb;padding:1rem 1.1rem;border-radius:12px;border:1px solid var(--ent-border)}.metric-card label{display:block;font-size:.65rem;font-weight:700;color:#6b7280;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.3rem;font-weight:800;color:var(--ent-text)}.bulk-preview{display:flex;flex-direction:column;gap:1rem}.bulk-preview .view-header{padding:0;margin-bottom:0}.bulk-preview .view-header h2{font-size:1rem;font-weight:700;color:var(--ent-text);margin:0 0 .2rem}.bulk-preview .view-header p{font-size:.78rem;color:#6b7280;margin:0}.status-note{display:flex;align-items:flex-start;gap:.5rem;background:#f9fafb;border:1px solid var(--ent-border);border-radius:10px;padding:.75rem 1rem}.status-note i{color:#9ca3af;font-size:.8rem;margin-top:.1rem;flex-shrink:0}.status-note p{margin:0;font-size:.75rem;color:#6b7280;line-height:1.5}.bulk-table-container{margin-top:1.25rem;background:var(--ent-card);padding:1.25rem;border-radius:var(--ent-radius);border:1px solid var(--ent-border);box-shadow:var(--ent-shadow)}.bulk-table-container h4{margin-bottom:.875rem;color:var(--ent-text);font-weight:700;font-size:.9rem}.bulk-dept-table{width:100%;border-collapse:collapse}.bulk-dept-table thead tr{border-bottom:2px solid var(--ent-border)}.bulk-dept-table th{padding:.6rem .875rem;font-size:.7rem;font-weight:700;color:var(--ent-text-light);text-transform:uppercase;letter-spacing:.05em;text-align:left}.bulk-dept-table tbody tr{border-bottom:1px solid #f9fafb;transition:background .12s}.bulk-dept-table tbody tr:hover{background:#f9fafb}.bulk-dept-table td{padding:.7rem .875rem;color:var(--ent-text);font-size:.82rem}.bulk-dept-table .dept-name{font-weight:600}.bulk-dept-table .flow-amount{font-weight:800;color:var(--ent-primary)}.sim-main{background:var(--ent-card);border-radius:var(--ent-radius);min-height:400px;border:1px solid var(--ent-border);padding:1.5rem;box-shadow:var(--ent-shadow)}.sim-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:var(--ent-text-light);gap:.75rem;text-align:center}.sim-profile-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.user-info{display:flex;gap:.875rem;align-items:center}.user-info .avatar{width:48px;height:48px;background:var(--ent-primary-light);color:var(--ent-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800}.grand-total span{font-size:2rem;font-weight:800;color:var(--ent-primary);display:block}.breakdown-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border-radius:10px;border:1px solid var(--ent-border)}.breakdown-item .i-name{font-weight:600;font-size:.82rem;display:flex;align-items:center;gap:.6rem;color:var(--ent-text)}.breakdown-item .dot{width:7px;height:7px;border-radius:50%;background:var(--ent-primary);flex-shrink:0}.i-val{font-weight:800;font-size:.9rem}.i-val.ADD_FEE{color:var(--ent-danger)}.i-val.DISCOUNT_FIXED{color:var(--ent-accent)}.table-container.shadow{background:var(--ent-card);border-radius:var(--ent-radius);border:1px solid var(--ent-border);overflow:hidden;box-shadow:var(--ent-shadow)}.ent-table{width:100%;border-collapse:collapse}.ent-table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ent-text-light);border-bottom:2px solid var(--ent-border)}.ent-table td{padding:.875rem 1rem;border-bottom:1px solid #f9fafb;color:var(--ent-text);font-size:.82rem;vertical-align:middle}.ent-table tr:hover td{background:#f9fafb}.ent-table tr.selected td{background:#eef2ff}.u-info .n{display:block;font-weight:600;color:var(--ent-text);font-size:.85rem}.u-info .e{font-size:.72rem;color:var(--ent-text-light);margin-top:.1rem}.price{font-size:.95rem;font-weight:800;color:var(--ent-text)}.tiny-badge{background:#f3f4f6;padding:.15rem .45rem;border-radius:5px;font-size:.62rem;font-weight:700;margin-right:.3rem;color:var(--ent-text-light);border:1px solid var(--ent-border)}.invoice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.invoice-card{background:var(--ent-card);border:1px solid var(--ent-border);border-radius:var(--ent-radius);padding:1.25rem;box-shadow:var(--ent-shadow);transition:box-shadow .2s,transform .2s}.invoice-card:hover{box-shadow:var(--ent-shadow-md);transform:translateY(-2px)}.invoice-card .card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.875rem}.inv-num{font-size:.72rem;font-weight:700;color:var(--ent-text-light);font-family:monospace}.status-badge{padding:.2rem .6rem;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.paid{background:#dcfce7;color:#166534}.status-badge.partial{background:#dbeafe;color:#1d4ed8}.status-badge.overdue{background:#fee2e2;color:#b91c1c}.invoice-card .total-val{font-size:1.4rem;font-weight:800;color:var(--ent-text);margin-bottom:.875rem}.card-footer{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.875rem;border-top:1px solid var(--ent-border)}.ent-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:entFadeIn .2s ease}@keyframes entFadeIn{0%{opacity:0}to{opacity:1}}.ent-modal.builder{background:var(--ent-card);width:100%;max-width:680px;border-radius:20px;overflow:hidden;box-shadow:0 32px 80px #0003;max-height:90vh;overflow-y:auto;animation:entSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes entSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.studio-section{padding:1.25rem 1.5rem;border-bottom:1px solid var(--ent-border)}.studio-section.highlight{background:#f9fafb}.studio-section h3{font-size:.75rem;text-transform:uppercase;font-weight:800;color:var(--ent-primary);margin-bottom:24px;transition:color .3s ease}.logic-builder-ui{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.logic-step label{display:block;font-size:.65rem;font-weight:800;color:var(--ent-text-light);margin-bottom:10px}.logic-step select,.logic-step input{width:100%;padding:14px 18px;border-radius:12px;border:1px solid var(--ent-border);font-weight:600;outline:none;background:var(--ent-card);color:var(--ent-text);transition:all .3s ease}.logic-step select:focus,.logic-step input:focus{border-color:var(--ent-primary);box-shadow:0 0 0 3px #6366f11a}.primary-btn{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,var(--ent-primary),#7c3aed);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s ease;box-shadow:0 4px 12px #4f46e54d}.primary-btn:hover{box-shadow:0 6px 16px #4f46e573;transform:translateY(-1px)}.secondary-btn{display:inline-flex;align-items:center;gap:.45rem;background:#f3f4f6;color:#374151;border:1.5px solid var(--ent-border);padding:.6rem 1.1rem;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.secondary-btn:hover{background:#e5e7eb}.secondary-btn.small,.primary-btn.small{padding:.4rem .875rem;font-size:.75rem;border-radius:8px}.icon-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--ent-border);background:#fff;color:var(--ent-text-light);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .15s}.icon-btn:hover{background:#f3f4f6;color:var(--ent-text)}.icon-btn.edit:hover{background:#fef3c7;color:#d97706;border-color:#fcd34d}.icon-btn.delete:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.fade-in{animation:entFadeIn .3s ease}.filter-bar{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;background:var(--ent-card);border:1px solid var(--ent-border);border-radius:var(--ent-radius);padding:.875rem 1.25rem;margin-bottom:1.25rem;box-shadow:var(--ent-shadow)}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.65rem;font-weight:700;color:var(--ent-text-light);text-transform:uppercase;letter-spacing:.05em}.filter-group select,.filter-group input{padding:.45rem .75rem;border-radius:8px;border:1.5px solid var(--ent-border);background:#f9fafb;font-size:.82rem;color:var(--ent-text);font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.filter-group select:focus,.filter-group input:focus{border-color:var(--ent-primary);box-shadow:0 0 0 3px #4f46e51a;background:#fff}.filter-clear{background:transparent;border:none;color:var(--ent-primary);font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;padding:.45rem 0}.filter-clear:hover{text-decoration:underline}.ent-toast{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.6rem;padding:.75rem 1.1rem;border-radius:10px;font-size:.82rem;font-weight:600;z-index:9999;box-shadow:0 4px 20px #00000026;max-width:340px;animation:entToastIn .25s cubic-bezier(.16,1,.3,1);pointer-events:none}@keyframes entToastIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ent-toast.success{background:#111827;color:#fff}.ent-toast.error{background:#fff;color:#b91c1c;border:1px solid #fca5a5;box-shadow:0 4px 20px #dc262626}.empty-ledger,.sim-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--ent-text-light);text-align:center}.empty-ledger i{font-size:2.5rem;opacity:.3}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ent-border);background:#f9fafb}.modal-header h2{font-size:1rem;font-weight:700;color:var(--ent-text);margin:0}.close-x{width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .15s}.close-x:hover{background:#e5e7eb;color:#111827}.modal-body{padding:1.25rem 1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--ent-border)}.bg-paper{background:#f9fafb;padding:1.5rem;border-radius:var(--ent-radius)}.receipt-paper{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid var(--ent-border);box-shadow:var(--ent-shadow);max-width:420px;margin:0 auto}.section-loading{opacity:.6;pointer-events:none;transition:opacity .2s}.skeleton-loading-container .skeleton{background:#f3f4f6;border-radius:8px;animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:900px){.sim-grid,.rules-grid,.invoice-grid{grid-template-columns:1fr}.dashboard-view .impact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dashboard-view,.rules-view,.simulation-view,.apply-view,.collection-view{padding:0 1rem 1.5rem}.view-header{padding:1.25rem 1rem 0}.enterprise-top-nav{padding:0 .75rem}.enterprise-top-nav button{padding:.875rem .75rem;font-size:.75rem}.dashboard-view .impact-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}}.pulse{animation:pulseGlow 2s infinite}.modal-header{padding:24px 30px;border-bottom:1px solid var(--ent-border);display:flex;justify-content:space-between;align-items:center;background:var(--ent-card);transition:all .3s ease}.modal-header h2{font-size:1.25rem;font-weight:800;color:var(--ent-text);transition:color .3s ease}.close-x{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--ent-text-light);transition:color .3s ease}.close-x:hover{color:var(--ent-text)}.modal-body{padding:30px;max-height:70vh;overflow-y:auto;background:var(--ent-card);transition:background-color .3s ease}.modal-footer{padding:20px 30px;border-top:1px solid var(--ent-border);display:flex;justify-content:flex-end;background:var(--ent-card);transition:all .3s ease}.bg-paper{background:#f1f5f9}.receipt-paper{box-shadow:0 0 40px #0000001a}.ent-loading-overlay{position:fixed;inset:0;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1500}.ent-loading-overlay p{margin-top:20px;font-weight:800;color:var(--ent-primary);letter-spacing:.1em;text-transform:uppercase}.collection-filters{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;background:var(--ent-card);border:1px solid var(--ent-border);border-radius:var(--ent-radius);padding:.875rem 1.25rem;margin-bottom:1.25rem;box-shadow:var(--ent-shadow)}.collection-filters .filter-group{display:flex;flex-direction:column;gap:.25rem}.collection-filters .filter-group label{font-size:.65rem;font-weight:700;color:var(--ent-text-light);text-transform:uppercase;letter-spacing:.05em}.collection-filters .filter-group select,.collection-filters .filter-group input{padding:.45rem .75rem;border-radius:8px;border:1.5px solid var(--ent-border);background:#f9fafb;font-size:.82rem;color:var(--ent-text);font-family:inherit;outline:none}.collection-filters .filter-group select:focus,.collection-filters .filter-group input:focus{border-color:var(--ent-primary);box-shadow:0 0 0 3px #4f46e51a;background:#fff}.collection-filters .filter-clear{background:transparent;border:none;color:var(--ent-primary);font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;padding:.45rem 0}@media print{body *{visibility:hidden}.financial-print-report,.financial-print-report *{visibility:visible}.financial-print-report{position:absolute;left:0;top:0;width:100%;margin:0;padding:0;border:none!important}.print-hide{display:none!important}.print-only-header{display:block!important}.financial-print-report table{border-collapse:collapse;width:100%}.financial-print-report th,.financial-print-report td{border:1px solid #ddd;padding:8px}}.manual-stats-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.manual-stats-bar .m-stat{background:var(--ent-card);border:1px solid var(--ent-border);border-radius:var(--ent-radius);padding:1.25rem 1.5rem;flex:1;box-shadow:var(--ent-shadow)}.manual-stats-bar .m-stat label{display:block;font-size:.72rem;font-weight:700;color:var(--ent-text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.manual-stats-bar .m-stat span{font-size:1.5rem;font-weight:800;color:var(--ent-text)}.manual-table-container{background:var(--ent-card);border:1px solid var(--ent-border);border-radius:var(--ent-radius);overflow:hidden;box-shadow:var(--ent-shadow)}.protocol-architect-modal{background:var(--ent-card);width:100%;max-width:800px;border-radius:24px;box-shadow:0 40px 100px #00000040;overflow:hidden;animation:entSlideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.1)}.setup-section{padding:2rem;border-bottom:1px solid var(--ent-border)}.setup-section:last-child{border-bottom:none}.setup-section h3{font-size:.8rem;text-transform:uppercase;font-weight:900;color:#4f46e5;margin-bottom:1.5rem;letter-spacing:.1em;display:flex;align-items:center;gap:10px}.input-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{font-size:.75rem;font-weight:700;color:var(--ent-text-light)}.field-group input,.field-group select{padding:12px 16px;border-radius:12px;border:2px solid #f1f5f9;background:#f8fafc;font-weight:600;font-size:.9rem;color:var(--ent-text);outline:none;transition:all .2s ease}.field-group input:focus,.field-group select:focus{border-color:var(--ent-primary);background:#fff;box-shadow:0 0 0 4px #4f46e51a}.scope-config{background:#f8fafc;padding:1.5rem;border-radius:16px;border:1px solid var(--ent-border)}.integration-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.integration-card{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;cursor:pointer;transition:all .2s ease}.integration-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.integration-card.active{border-color:var(--ent-primary);background:var(--ent-primary-light)}.integration-card input[type=checkbox]{width:20px;height:20px;border-radius:6px;border:2px solid #cbd5e1;cursor:pointer;accent-color:var(--ent-primary)}.card-info strong{display:block;font-size:.9rem;color:var(--ent-text);margin-bottom:2px}.card-info p{font-size:.75rem;color:var(--ent-text-light);margin:0}.protocol-selector{border:2px solid var(--ent-primary);border-radius:12px;padding:10px 16px;background:#fff;font-weight:700;color:var(--ent-primary);outline:none;cursor:pointer;transition:all .2s;font-size:.85rem}.protocol-selector:hover{box-shadow:0 0 0 4px #4f46e51a}.logic-badge-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.logic-preview-badge{background:#f1f5f9;padding:4px 10px;border-radius:6px;font-size:.65rem;font-weight:800;color:#475569;border:1px solid #e2e8f0;white-space:nowrap}.logic-view-more{background:var(--ent-primary);color:#fff;border:none;padding:4px 10px;border-radius:6px;font-size:.65rem;font-weight:800;cursor:pointer;transition:transform .15s}.logic-view-more:hover{transform:scale(1.05);box-shadow:0 2px 8px #4f46e54d}.protocol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;padding:24px 0}.protocol-card-premium{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column}.protocol-card-premium:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--ent-primary)}.protocol-card-header{padding:24px;background:linear-gradient(to right,#f8fafc,#fff);border-bottom:1px solid #f1f5f9}.protocol-badge{padding:4px 10px;border-radius:6px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;display:inline-block}.protocol-badge.global{background:#eef2ff;color:#4f46e5;border:1px solid #e0e7ff}.protocol-badge.wing{background:#fef2f2;color:#ef4444;border:1px solid #fee2e2}.protocol-badge.standard{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.protocol-card-title{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0 0 8px}.protocol-card-amount{font-size:1.1rem;font-weight:700;color:var(--ent-accent)}.protocol-card-body{padding:20px;flex:1}.integration-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.integration-tag{font-size:.7rem;font-weight:700;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:99px;display:flex;align-items:center;gap:6px}.integration-tag.active{background:#ecfdf5;color:#059669}.protocol-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-box{background:#f8fafc;padding:12px;border-radius:12px;border:1px solid #f1f5f9}.stat-label{font-size:.6rem;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:4px}.stat-value{font-size:.9rem;font-weight:800;color:#334155}.protocol-card-footer{padding:16px 20px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;gap:12px}.publish-btn{flex:1;background:var(--ent-primary);color:#fff;border:none;padding:10px;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.publish-btn:hover{background:var(--ent-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.applied-tab-container{background:#fff;border-radius:16px;border:1px solid #e2e8f0;margin-top:24px}.applied-tab-header{display:flex;padding:0 16px;border-bottom:1px solid #f1f5f9}.applied-tab-btn{padding:16px;font-size:.85rem;font-weight:700;color:#64748b;border-bottom:2px solid transparent;cursor:pointer}.applied-tab-btn.active{color:var(--ent-primary);border-bottom-color:var(--ent-primary)}.target-scope-row{transition:all .2s ease;animation:slideInUp .3s ease-out}.target-scope-row:hover{border-color:var(--ent-primary)!important;transform:translateY(-2px)}.integration-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.integration-card:hover{border-color:#cbd5e1;background:#f8fafc}.integration-card.active{border-color:var(--ent-primary);background:var(--ent-primary-light);box-shadow:0 0 0 1px var(--ent-primary)}.integration-card.active .i-title{color:var(--ent-primary);font-weight:700}.integration-card .i-title i{width:20px}.integration-card input[type=checkbox]{display:none}.exception-pills span:hover{background:#fee2e2!important;border-color:#f87171!important;color:#991b1b!important}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.matrix-experience{height:calc(100vh - 180px);overflow:hidden;padding:.5rem 0}.matrix-grid{display:flex;gap:1rem;height:100%;overflow-x:auto;padding-bottom:.75rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.matrix-grid::-webkit-scrollbar{height:6px}.matrix-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.matrix-column{flex-shrink:0;width:280px;background:#fff;border-radius:16px;border:1px solid #f1f5f9;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 12px #00000008;height:100%}.matrix-column__dropzone{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.governance-hub{display:flex;height:calc(100vh - 60px);background:#f5f5fa;margin:-1rem;border-top:1px solid #ebebf5;overflow:hidden}.governance-sidebar{width:220px;background:#fff;border-right:1px solid #ebebf5;padding:1.5rem .875rem;display:flex;flex-direction:column;gap:.375rem;flex-shrink:0;transition:width .3s ease}.governance-sidebar--compact{width:68px!important;padding:1.5rem .5rem!important}.governance-sidebar--compact .governance-nav-item{justify-content:center!important;padding:.8rem 0!important;gap:0!important}.governance-sidebar--compact .governance-nav-item span{display:none!important}.governance-nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-radius:10px;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.governance-nav-item i{font-size:.9rem;width:18px;text-align:center;flex-shrink:0}.governance-nav-item:hover{background:#f5f3ff;color:#4f46e5}.governance-nav-item.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 4px 12px #4f46e54d;font-weight:600}.governance-nav-item.active i{color:#fff}.governance-content{flex:1;overflow-y:auto;padding:1.5rem;background:#f5f5fa;min-width:0}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.records-header h2{font-size:1.4rem;font-weight:800;color:#111827;letter-spacing:-.02em;margin:0}.gov-tabs{display:flex;gap:0;margin-bottom:1.25rem;border-bottom:1.5px solid #e5e7eb;width:100%}.gov-tab{padding:.6rem 1.1rem;border:none;border-bottom:2.5px solid transparent;background:transparent;color:#9ca3af;font-size:.85rem;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease;margin-bottom:-1.5px;border-radius:0;font-family:inherit;white-space:nowrap}.gov-tab:hover{color:#374151;background:transparent}.gov-tab.active{color:#111827;font-weight:700;border-bottom-color:#4f46e5;background:transparent;box-shadow:none}.hub-form-container{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 4px #0000000f;margin-bottom:1.25rem;border:1px solid #ebebf5}.hub-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;align-items:start}.form-field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.form-field label{font-size:.7rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.form-field input,.form-field select,.form-field textarea{padding:.5rem .7rem;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.8rem;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box;width:100%;line-height:1.3}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.form-field input::-moz-placeholder,.form-field textarea::-moz-placeholder{color:#9ca3af}.form-field input::placeholder,.form-field textarea::placeholder{color:#9ca3af}.wizard-progress{display:flex;gap:.4rem;align-items:center}.wizard-step-indicator{width:24px;height:24px;border-radius:50%;background:#f3f4f6;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;border:2px solid #e5e7eb;transition:all .25s ease}.wizard-step-indicator.active{background:#ede9fe;color:#4f46e5;border-color:#4f46e5;transform:scale(1.1);box-shadow:0 0 0 3px #4f46e526}.wizard-step-indicator.complete{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 2px 6px #4f46e54d}.hub-filters-section{background:#fff!important;padding:1rem 1.25rem!important;border-radius:12px!important;border:1px solid #ebebf5!important;margin-bottom:1rem!important;display:flex!important;gap:.875rem!important;align-items:flex-end!important;flex-wrap:wrap!important;box-shadow:0 1px 3px #0000000a!important}.data-table-container{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000f;overflow:hidden;border:1px solid #ebebf5}.hub-table{width:100%;border-collapse:collapse}.hub-table th{background:#fafafa;padding:.75rem 1.25rem;text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-weight:700;border-bottom:1px solid #ebebf5}.hub-table td{padding:.875rem 1.25rem;border-bottom:1px solid #f5f5fa;vertical-align:middle}.hub-table tbody tr:last-child td{border-bottom:none}.hub-table tbody tr:hover{background:#fafafa}.user-identity{display:flex;align-items:center;gap:.75rem}.avatar-circle{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;flex-shrink:0}.user-main-info{display:flex;flex-direction:column;min-width:0}.user-full-name{font-weight:700;color:#111827;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-sub-email{font-size:.72rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-indicator.online{background:#10b981;box-shadow:0 0 0 2px #10b98133}.status-indicator.away{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.remove-resp{width:30px;height:30px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s ease;color:#6b7280;position:static;opacity:1}.remove-resp:hover{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}.save-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.25rem .45rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:5px;font-size:.65rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease;box-shadow:0 1px 2px #4f46e526;white-space:nowrap}.save-btn:hover{box-shadow:0 2px 8px #4f46e54d;transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.gov-tab{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap}.gov-tab:hover{background:#e5e7eb;color:#111827}.wizard-actions{padding-top:1rem;border-top:1px solid #f3f4f6;display:flex;gap:.75rem;align-items:center}.upload-success{font-size:.75rem;color:#10b981;font-weight:600}.form-span-2{grid-column:span 2;min-width:0}.form-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;min-width:0}.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;min-width:0}.photo-upload-row{display:flex;align-items:center;gap:1rem;background:#f9fafb;padding:.875rem;border-radius:10px;border:1px solid #ebebf5}.role-builder-container{display:grid;grid-template-columns:240px 1fr 240px;gap:1.25rem;align-items:start}.roles-list-column,.responsibilities-pool-column{background:#fff;border-radius:14px;padding:1.25rem;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d;position:sticky;top:0}.column-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.column-header h3,.responsibilities-pool-column h3{font-size:.85rem;font-weight:700;color:#111827;margin:0 0 .875rem}.roles-nav{display:flex;flex-direction:column;gap:.25rem}.role-nav-item{border-radius:9px;border:1px solid transparent;transition:all .15s ease;cursor:pointer;font-size:.82rem;color:#6b7280}.role-nav-item:hover{background:#f5f3ff;color:#4f46e5}.role-nav-item.active{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd;font-weight:600}.assignment-workspace{background:#fff;border-radius:14px;padding:1.5rem;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d;min-height:400px}.role-info-banner{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;color:#fff}.role-info-banner h2{color:#fff;margin:0 0 .25rem;font-size:1.1rem}.role-info-banner p{color:#fffc;margin:0;font-size:.8rem}.drop-zone{min-height:120px;border:2px dashed #e5e7eb;border-radius:12px;padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-content:flex-start;transition:all .2s ease}.drop-zone:hover{border-color:#c4b5fd;background:#faf5ff}.responsibility-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#f5f3ff;border:1px solid #ede9fe;border-radius:8px;font-size:.78rem;font-weight:500;color:#4f46e5;cursor:grab;transition:all .15s ease;position:relative}.responsibility-card:hover{background:#ede9fe;box-shadow:0 2px 6px #4f46e526}.responsibility-card.assigned-card{background:#ede9fe;border-color:#c4b5fd}.category-group{margin-bottom:1rem}.category-title{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:.5rem}.drawer-items{display:flex;flex-direction:column;gap:.3rem}.access-matrix-container{display:grid;grid-template-columns:280px 1fr;gap:1.25rem;align-items:start}.staff-pool{background:#fff;border-radius:14px;padding:1.25rem;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d;position:sticky;top:0}.staff-list-grid{overflow-y:auto;max-height:calc(100vh - 320px);padding-right:.25rem}.staff-list-grid::-webkit-scrollbar{width:4px}.staff-list-grid::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.role-buckets-container{overflow-y:auto;max-height:calc(100vh - 260px)}.role-buckets{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.count-pill{background:#f3f4f6;color:#6b7280;padding:.15rem .5rem;border-radius:6px;font-size:.68rem;font-weight:600}.role-bucket{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:1.25rem;transition:all .2s ease;min-height:160px;display:flex;flex-direction:column}.role-bucket.drag-over{background:#faf5ff;border-color:#4f46e5;border-style:dashed;transform:translateY(-3px);box-shadow:0 8px 20px #4f46e526}.role-bucket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.625rem;border-bottom:1px solid #f3f4f6}.role-tag{background:#111827;color:#fff;padding:.3rem .75rem;border-radius:8px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.bucket-assigned-list{flex:1;display:flex;flex-direction:column;gap:.375rem}.empty-bucket-hint{border:1.5px dashed #e5e7eb;border-radius:10px;padding:.875rem;text-align:center;color:#9ca3af;font-size:.75rem;font-style:italic}.assigned-user-pill{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;font-size:.78rem;font-weight:600;color:#374151}.draggable-user-card{background:#fff;padding:.75rem 1rem;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:.5rem;cursor:grab;display:flex;align-items:center;gap:.625rem;box-shadow:0 1px 3px #0000000a;transition:transform .15s,box-shadow .15s}.draggable-user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.draggable-user-card:active{cursor:grabbing}.unassign-action-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:.2rem;transition:color .15s;font-size:.75rem}.unassign-action-btn:hover{color:#ef4444}.sticky-save-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid #ebebf5;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 -4px 12px #0000000f;border-radius:0 0 14px 14px;font-size:.82rem;color:#6b7280}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem}.stat-card{background:#fff;padding:1.25rem;border-radius:14px;box-shadow:0 1px 4px #0000000d;border:1px solid #ebebf5}.stat-label{font-size:.72rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:1.5rem;font-weight:800;color:#111827;margin-top:.25rem;letter-spacing:-.02em}.photo-upload-container{position:relative}.avatar-preview{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001a}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#9ca3af}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:govFadeIn .2s ease}@keyframes govFadeIn{0%{opacity:0}to{opacity:1}}.role-modal{background:#fff;border-radius:20px;box-shadow:0 24px 60px #0000002e;animation:govSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.access-badge{padding:.25rem .625rem;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-admin{background:#fee2e2;color:#991b1b}.badge-student{background:#dcfce7;color:#166534}.badge-category{background:#f3f4f6;color:#6b7280}.governance-content::-webkit-scrollbar{width:5px}.governance-content::-webkit-scrollbar-track{background:transparent}.governance-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.governance-content::-webkit-scrollbar-thumb:hover{background:#d1d5db}@media(max-width:768px){.governance-hub{flex-direction:column;height:auto}.governance-sidebar{width:100%;flex-direction:row;padding:.75rem;overflow-x:auto}.governance-nav-item{white-space:nowrap}.role-builder-container,.access-matrix-container{grid-template-columns:1fr}}.onboard-modal{background:#fff;border-radius:20px;width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #0003;animation:govSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.onboard-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;flex-shrink:0;gap:.75rem}.onboard-modal__header-left{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.onboard-modal__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;flex-shrink:0;box-shadow:0 3px 8px #00000026}.onboard-modal__title{font-size:.95rem;font-weight:800;color:#111827;margin:0 0 .1rem;letter-spacing:-.01em;line-height:1.2}.onboard-modal__sub{font-size:.7rem;color:#6b7280;margin:0;line-height:1.3}.onboard-modal__header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.onboard-modal__close{width:30px;height:30px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:background .15s,color .15s;flex-shrink:0}.onboard-modal__close:hover{background:#e5e7eb;color:#111827}.onboard-modal__divider{height:1px;background:#f3f4f6;flex-shrink:0}.onboard-modal__body{flex:1;overflow-y:auto;padding:1rem 1.25rem 1.25rem;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.onboard-modal__body::-webkit-scrollbar{width:4px}.onboard-modal__body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.detail-modal{background:#fff;border-radius:16px;width:660px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #0000002e;animation:govSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.detail-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#f8fafc;flex-shrink:0}.detail-modal__identity{display:flex;align-items:center;gap:1rem}.detail-modal__name{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.01em}.detail-modal__email{font-size:.8rem;color:#64748b;margin:0;font-weight:500}.detail-badge{padding:.2rem .6rem;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.detail-badge--type{background:#dcfce7;color:#166534}.detail-badge--status{background:#eff6ff;color:#1e40af}.detail-modal__close{width:32px;height:32px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#94a3b8;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.detail-modal__close:hover{background:#f1f5f9;color:#334155}.detail-modal__divider{height:1px;background:#e2e8f0;flex-shrink:0}.detail-modal__body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem 1.5rem;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.detail-modal__body::-webkit-scrollbar{width:4px}.detail-modal__body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.detail-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.detail-section{display:flex;flex-direction:column;gap:0}.detail-section__title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;display:flex;align-items:center;gap:6px;margin-bottom:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.45rem 0;border-bottom:1px solid #f1f5f9;font-size:.85rem}.detail-row__label{color:#64748b;flex-shrink:0}.detail-row__value{color:#0f172a;font-weight:600;text-align:right}.detail-docs{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #f1f5f9}.detail-doc-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;font-family:inherit;transition:all .15s}.detail-doc-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.detail-transport{margin-top:1rem}.detail-transport__card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:#0369a1}.architect-layout{display:grid;grid-template-columns:240px 1fr 220px;gap:1rem;align-items:start;height:calc(100vh - 180px)}.architect-sidebar{background:#fff;border-radius:14px;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden;height:100%}.architect-sidebar__header{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.architect-sidebar__title{font-size:.75rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.architect-add-form{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.4rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.architect-input{padding:.45rem .65rem;border-radius:7px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.78rem;font-family:inherit;color:#111827;outline:none;transition:border-color .2s}.architect-input:focus{border-color:#4f46e5;background:#fff}.architect-add-btn{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem;background:#4f46e5;color:#fff;border:none;border-radius:7px;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.architect-add-btn:hover{background:#4338ca}.architect-roles-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.architect-role-item{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .15s;font-size:.82rem;color:#6b7280}.architect-role-item:hover{background:#f5f3ff;color:#4f46e5}.architect-role-item.active{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd;font-weight:600}.architect-role-item__icon{width:26px;height:26px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0;color:#6b7280}.architect-role-item.active .architect-role-item__icon{background:#c4b5fd;color:#4f46e5}.architect-role-item__name{flex:1}.architect-role-item__delete{background:none;border:none;color:#d1d5db;cursor:pointer;padding:.2rem;font-size:.7rem;border-radius:4px;transition:color .15s,background .15s;opacity:0}.architect-role-item:hover .architect-role-item__delete{opacity:1}.architect-role-item__delete:hover{color:#ef4444;background:#fee2e2}.architect-empty{font-size:.78rem;color:#9ca3af;text-align:center;padding:1.5rem 1rem;font-style:italic}.architect-workspace{background:#fff;border-radius:14px;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d;height:100%;display:flex;flex-direction:column;overflow:hidden}.architect-workspace__banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);flex-shrink:0}.architect-workspace__banner-left{display:flex;align-items:center;gap:.75rem}.architect-workspace__banner-icon{width:36px;height:36px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;flex-shrink:0}.architect-workspace__banner-title{font-size:.95rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem}.architect-workspace__banner-sub{font-size:.72rem;color:#ffffffbf;margin-top:.1rem}.architect-protected-badge{font-size:.58rem;padding:2px 7px;background:#fee2e2;color:#dc2626;border-radius:20px;font-weight:800;text-transform:uppercase;border:1px solid #fecaca}.architect-perm-count{font-size:.72rem;font-weight:700;color:#ffffffd9;background:#ffffff26;padding:.25rem .6rem;border-radius:20px}.architect-dropzone{flex:1;padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-content:flex-start;overflow-y:auto;border:2px dashed transparent;transition:border-color .2s,background .2s}.architect-dropzone:hover{border-color:#c4b5fd;background:#faf5ff}.architect-dropzone__empty{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#d1d5db;font-size:.82rem;padding:3rem 0}.architect-dropzone__empty i{font-size:1.5rem}.architect-module-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border-radius:8px;font-size:.75rem;font-weight:600;transition:all .15s}.architect-module-chip.assigned{background:#ede9fe;border:1px solid #c4b5fd;color:#4f46e5}.architect-module-chip.draggable{background:#f5f3ff;border:1px solid #e9d5ff;color:#6d28d9;cursor:grab}.architect-module-chip.draggable:hover{background:#ede9fe;box-shadow:0 2px 6px #4f46e526}.architect-module-chip__remove{background:none;border:none;color:#a78bfa;cursor:pointer;padding:0;font-size:.65rem;line-height:1;transition:color .15s}.architect-module-chip__remove:hover{color:#ef4444}.architect-module-chip__grip{color:#c4b5fd;font-size:.65rem;margin-left:.1rem}.architect-save-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#fffbeb;border-top:1px solid #fde68a;font-size:.78rem;color:#92400e;gap:1rem;flex-shrink:0}.architect-workspace__placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#d1d5db;padding:3rem}.architect-workspace__placeholder-icon{width:56px;height:56px;border-radius:50%;background:#f9fafb;border:2px dashed #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.architect-workspace__placeholder p{font-size:.82rem;text-align:center;max-width:200px;margin:0}.architect-pool{background:#fff;border-radius:14px;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d;height:100%;overflow-y:auto;display:flex;flex-direction:column}.architect-pool__header{padding:.875rem 1rem;font-size:.72rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:6px;flex-shrink:0}.architect-pool__category{padding:.75rem .875rem}.architect-pool__cat-label{display:block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;margin-bottom:.4rem}.architect-pool__items{display:flex;flex-direction:column;gap:.3rem}.matrix-layout{display:grid;grid-template-columns:220px 1fr;gap:1rem;height:calc(100vh - 180px)}.matrix-pool{background:#fff;border-radius:14px;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden;height:100%}.matrix-pool__header{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.matrix-pool__title{font-size:.78rem;font-weight:700;color:#111827}.matrix-pool__sub{font-size:.68rem;color:#9ca3af;margin-top:.1rem}.matrix-pool__list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.3rem}.matrix-user-card{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;background:#f9fafb;border:1px solid #f3f4f6;border-radius:9px;cursor:grab;transition:all .15s}.matrix-user-card:hover{background:#f5f3ff;border-color:#e9d5ff;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.matrix-user-card:active{cursor:grabbing}.matrix-user-card__avatar{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.matrix-user-card__info{flex:1;min-width:0;display:flex;flex-direction:column}.matrix-user-card__name{font-size:.78rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matrix-user-card__role{font-size:.65rem;color:#9ca3af;text-transform:capitalize}.matrix-user-card__grip{color:#d1d5db;font-size:.7rem;flex-shrink:0}.matrix-buckets-wrap{overflow-y:auto;height:100%}.matrix-buckets{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem;align-content:start}.matrix-bucket{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:160px;transition:all .2s}.matrix-bucket.drag-over{border-color:#4f46e5;border-style:dashed;background:#faf5ff;transform:translateY(-2px);box-shadow:0 6px 20px #4f46e51f}.matrix-bucket__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fafafa;border-bottom:1px solid #f3f4f6}.matrix-bucket__role-tag{font-size:.72rem;font-weight:700;color:#111827;background:#111827;color:#fff;padding:.2rem .6rem;border-radius:6px;letter-spacing:.02em}.matrix-bucket__count{width:20px;height:20px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.matrix-bucket__body{flex:1;padding:.625rem;display:flex;flex-direction:column;gap:.3rem}.matrix-bucket__empty{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.72rem;color:#d1d5db;font-style:italic;padding:1.5rem 0}.matrix-assigned-pill{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;font-size:.75rem;font-weight:600;color:#374151}.matrix-assigned-pill__avatar{width:20px;height:20px;border-radius:5px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.55rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.matrix-assigned-pill span{flex:1}.matrix-assigned-pill__remove{background:none;border:none;color:#d1d5db;cursor:pointer;font-size:.65rem;padding:0;transition:color .15s;line-height:1}.matrix-assigned-pill__remove:hover{color:#ef4444}@media(max-width:768px){.governance-hub{flex-direction:column;height:auto;overflow:visible;margin:-.75rem}.governance-sidebar{width:100%;flex-direction:row;padding:.625rem .75rem;gap:.375rem;overflow-x:auto;scrollbar-width:none;border-right:none;border-bottom:1px solid #ebebf5;flex-shrink:0}.governance-sidebar::-webkit-scrollbar{display:none}.governance-nav-item{white-space:nowrap;flex-shrink:0;padding:.5rem .875rem;font-size:.8rem}.governance-content{padding:.875rem}.records-header{flex-direction:column;align-items:flex-start;gap:.75rem}.records-header h2{font-size:1.15rem}.stats-overview{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.625rem;scrollbar-width:none;padding-bottom:2px;grid-template-columns:unset}.stats-overview::-webkit-scrollbar{display:none}.stat-card{flex:0 0 auto;min-width:130px;padding:.875rem 1rem}.stat-value{font-size:1.25rem}.hub-filters-section{flex-direction:column!important;gap:.625rem!important;padding:.875rem!important}.hub-filters-section>*{width:100%!important}.hub-filters-section input,.hub-filters-section select{width:100%!important;box-sizing:border-box}.data-table-container{overflow-x:auto;border-radius:12px}.hub-table{min-width:600px}.hub-table th,.hub-table td{padding:.625rem .875rem;font-size:.78rem}.hub-form-grid{grid-template-columns:1fr!important}.form-span-2{grid-column:span 1!important}.form-3col{grid-template-columns:1fr 1fr!important}.form-2col{grid-template-columns:1fr!important}.hub-form-container{padding:1rem}.onboard-modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;margin-top:auto}.modal-overlay{align-items:flex-end;padding:0}.detail-modal{width:100%;max-height:95vh;border-radius:16px 16px 0 0}.detail-modal__grid{grid-template-columns:1fr;gap:1rem}.architect-layout{grid-template-columns:1fr;height:auto}.architect-sidebar{height:auto;max-height:220px}.architect-workspace{height:auto;min-height:300px}.architect-pool{height:auto;max-height:260px}.matrix-layout{grid-template-columns:1fr;height:auto}.matrix-pool{height:auto;max-height:220px}.matrix-buckets-wrap{height:auto}.matrix-buckets,.role-builder-container,.access-matrix-container{grid-template-columns:1fr}.wizard-progress{flex-wrap:wrap;gap:.3rem}.sticky-save-bar{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 1rem}.architect-save-bar{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.governance-content{padding:.625rem}.hub-table{min-width:520px}.stat-card{min-width:110px}.stat-value{font-size:1.1rem}.records-header h2{font-size:1rem}.form-3col{grid-template-columns:1fr!important}.onboard-modal__header{padding:.75rem 1rem}.onboard-modal__body{padding:.75rem 1rem 1rem}}.records-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.ra-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:10px;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .18s ease;border:1.5px solid transparent;line-height:1}.ra-btn i{font-size:.78rem;flex-shrink:0}.ra-btn--ghost{background:#f5f5fa;color:#6b7280;border-color:#e5e7eb}.ra-btn--ghost:hover{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}.ra-btn--outline{background:transparent;color:#4f46e5;border-color:#c4b5fd;background:#f5f3ff}.ra-btn--outline:hover{background:#ede9fe;border-color:#a78bfa}.ra-btn--primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 3px 10px #4f46e54d}.ra-btn--primary:hover{box-shadow:0 5px 16px #4f46e573;transform:translateY(-1px)}@media(max-width:768px){.records-header{flex-direction:column;align-items:flex-start;gap:.75rem}.records-actions{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;padding-bottom:2px}.records-actions::-webkit-scrollbar{display:none}.ra-btn{flex-shrink:0;padding:.5rem .875rem;font-size:.78rem}}.user-matrix-experience{height:calc(100vh - 160px);overflow:hidden;padding:0;display:flex;flex-direction:column;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.user-matrix-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:1.25rem;height:100%;width:100%;overflow-x:auto;overflow-y:hidden;padding:1.25rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;align-items:stretch}.user-matrix-grid::-webkit-scrollbar{height:8px}.user-matrix-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.matrix-column{flex:0 0 350px;min-width:350px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;height:100%;min-height:0}.matrix-column:hover{border-color:#3b82f6;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.matrix-column.pool{width:240px;background:#f8fafc;border-color:#cbd5e1;position:sticky;left:0;z-index:10}.matrix-column__header{padding:1.2rem;border-bottom:1.5px solid #f1f5f9;display:flex;align-items:center;gap:12px;background:#fff}.matrix-column__header i{width:32px;height:32px;border-radius:8px;background:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:.9rem}.matrix-column__header h3{flex:1;font-size:.9rem;font-weight:700;color:#1e293b;margin:0}.matrix-column__header .count{font-size:.75rem;font-weight:800;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:20px}.matrix-column__dropzone{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:#fdfdfd;min-height:0}.matrix-column__dropzone::-webkit-scrollbar{width:6px}.matrix-column__dropzone::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.matrix-column.role-lane{background:#fff}.role-lane .matrix-column__header i{background:#fdf2f8;color:#db2777}.matrix-grid .role-lane:nth-child(2) .matrix-column__header i{background:#ecfdf5;color:#10b981}.matrix-grid .role-lane:nth-child(3) .matrix-column__header i{background:#fef2f2;color:#ef4444}.matrix-user-card{padding:.8rem;background:#fff;border:1.5px solid #f1f5f9;border-radius:12px;display:flex;align-items:center;gap:12px;cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.matrix-user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#3b82f6}.muc-avatar{width:36px;height:36px;border-radius:10px;background:#64748b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}.muc-info{flex:1;display:flex;flex-direction:column;min-width:0}.muc-info .name{font-size:.85rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muc-info .email{font-size:.7rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muc-status-badge{position:absolute;top:-8px;right:-4px;background:#10b981;color:#fff;padding:2px 6px;border-radius:20px;font-size:.6rem;font-weight:700;box-shadow:0 2px 4px #10b9814d}.muc-actions{display:flex;align-items:center;opacity:0;transition:opacity .2s ease}.matrix-user-card:hover .muc-actions{opacity:1}.muc-unassign-btn{width:24px;height:24px;border-radius:6px;border:none;background:#fee2e2;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .2s ease}.muc-unassign-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.empty-drop-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#cbd5e1;border:2px dashed #e2e8f0;border-radius:12px;font-size:.8rem;padding:2rem 0}.authority-experience{padding:1rem 0}.authority-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.authority-card{background:#fff;border-radius:20px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0000000a;overflow:hidden;display:flex;flex-direction:column}.authority-card__header{padding:1.5rem;background:linear-gradient(to bottom,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.ach-left{display:flex;align-items:center;gap:16px}.ach-left i{width:44px;height:44px;border-radius:12px;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 10px #3b82f633}.ach-left h3{font-size:1.1rem;font-weight:800;color:#1e293b;margin:0}.ach-left p{font-size:.75rem;color:#64748b;margin:2px 0 0}.ach-badge{font-size:.65rem;font-weight:800;color:#3b82f6;background:#eff6ff;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.authority-card__modules{padding:1.5rem}.authority-card__modules h4{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.module-tag{display:flex;align-items:center;gap:8px;padding:.4rem .6rem;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.module-tag i{color:#10b981;font-size:.75rem}.module-tag span{font-size:.72rem;font-weight:600;color:#334155;text-transform:capitalize}.no-permissions{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:.8rem;padding:1rem 0}.credential-manager{display:flex;flex-direction:column;gap:1.5rem;height:calc(100vh - 200px)}.cred-filters{background:#fff;padding:1.5rem;border-radius:16px;display:flex;gap:1.5rem;align-items:center;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.filter-group label{font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.025em}.filter-group select{padding:.625rem;border-radius:8px;border:1.5px solid #e2e8f0;background-color:#f8fafc;font-size:.875rem;color:#1e293b;outline:none;transition:all .2s}.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cred-preview-scroll{flex:1;overflow-y:auto;background:#f1f5f9;border-radius:16px;padding:2rem;border:1px solid #e2e8f0}.print-content{max-width:800px;margin:0 auto}.credential-manager .card{background:#fff;border-radius:12px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #e2e8f0;position:relative;overflow:hidden}.credential-manager .card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.credential-manager .school-name{font-size:1.5rem;font-weight:900;color:#0f172a;margin-bottom:.25rem}.credential-manager .circular-title{font-size:.875rem;font-weight:600;color:#64748b;letter-spacing:.1em}.credential-manager .instruction{background:#f0f9ff;border:1px solid #bae6fd;padding:1rem;border-radius:8px;font-size:.875rem;color:#0369a1;margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:center}.credential-manager .student-info{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.credential-manager .info-item{display:flex;flex-direction:column}.credential-manager .label{font-size:.7rem;font-weight:800;color:#94a3b8;text-transform:uppercase;margin-bottom:.25rem}.credential-manager .value{font-size:1rem;font-weight:600;color:#1e293b}.credential-manager .creds-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center}.credential-manager .cred-val{display:block;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;color:#2563eb;background:#fff;padding:.5rem 1rem;border-radius:6px;border:1px solid #e2e8f0;margin-top:.5rem}.credential-manager .footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9;text-align:center;font-size:.75rem;color:#94a3b8;line-height:1.5}.credential-manager{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .4s ease-out}.cred-hub-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem;border-radius:16px;border:1px solid #ebebf5;box-shadow:0 4px 20px #00000008}.cred-hub-title-box{display:flex;align-items:center;gap:1.25rem}.cred-hub-title-box i{font-size:2rem;color:#2563eb;background:#eff6ff;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:12px}.cred-hub-title-box h3{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0}.cred-hub-title-box p{font-size:.85rem;color:#64748b;margin:.25rem 0 0}.cred-filters-bar{display:flex;gap:1rem;background:#fff;padding:1rem;border-radius:14px;border:1px solid #ebebf5;align-items:center}.cred-filter-item{flex:1;min-width:0}.cred-filter-item.search-wide{flex:2;position:relative}.cred-filter-item i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.9rem}.cred-filter-item input{width:100%;padding:.65rem 1rem .65rem 2.5rem;border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:.85rem;transition:all .2s}.cred-filter-item select{width:100%;padding:.65rem 1rem;border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:.85rem;cursor:pointer}.cred-filter-item input:focus,.cred-filter-item select:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb14;outline:none}.cred-preview-scroll{max-height:calc(100vh - 340px);overflow-y:auto;padding-right:.5rem}.cred-preview-scroll::-webkit-scrollbar{width:6px}.cred-preview-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.print-content{display:flex;flex-direction:column;gap:2rem}.credential-manager .card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:2rem;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.credential-manager .card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#2563eb,#7c3aed)}.credential-manager .header{text-align:center;margin-bottom:2rem}.credential-manager .school-name{font-size:1.5rem;font-weight:900;color:#1e1b4b;letter-spacing:-.02em;margin-bottom:.25rem}.credential-manager .circular-title{font-size:.75rem;font-weight:800;color:#64748b;letter-spacing:.1em;text-transform:uppercase}.credential-manager .instruction{display:flex;gap:.75rem;background:#fff7ed;border:1px solid #ffedd5;padding:1rem;border-radius:12px;font-size:.8rem;color:#9a3412;margin-bottom:1.5rem;line-height:1.5}.credential-manager .student-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.credential-manager .info-item{display:flex;flex-direction:column;gap:.25rem}.credential-manager .label{font-size:.65rem;font-weight:800;color:#94a3b8;text-transform:uppercase}.credential-manager .value{font-size:1rem;font-weight:700;color:#1e293b}.credential-manager .creds-box{background:#f8fafc;border:1px solid #e2e8f0;padding:1.5rem;border-radius:14px;text-align:center}.credential-manager .creds-grid{display:flex;justify-content:center;gap:3rem;margin-top:1rem}.credential-manager .cred-val{display:block;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:800;color:#2563eb;background:#fff;padding:.5rem 1rem;border-radius:8px;border:1px solid #dbeafe;margin-top:.5rem}.credential-manager .footer{margin-top:2rem;padding-top:1.5rem;border-top:1px dashed #e2e8f0;font-size:.75rem;color:#94a3b8;text-align:center;font-style:italic}.cred-hub-header-premium{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-radius:18px;padding:1.75rem 2rem 1.5rem;box-shadow:0 10px 30px -5px #1d4ed859;position:relative;overflow:hidden;flex-shrink:0}.cred-hub-header-premium__circle1{position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:#ffffff0f;border-radius:50%;pointer-events:none}.cred-hub-header-premium__circle2{position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.cred-hub-header-premium__top{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;position:relative;z-index:1;margin-bottom:1.5rem;flex-wrap:wrap}.cred-hub-header-premium__title-row{display:flex;align-items:center;gap:1rem}.cred-hub-header-premium__icon{width:48px;height:48px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;flex-shrink:0}.cred-hub-header-premium__title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.02em}.cred-hub-header-premium__sub{font-size:.85rem;color:#ffffffb8;margin:0}.cred-hub-header-premium__actions{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.cred-hub-stat{display:flex;flex-direction:column;align-items:flex-end}.cred-hub-stat__num{font-size:1.75rem;font-weight:900;color:#fff;line-height:1}.cred-hub-stat__label{font-size:.72rem;color:#ffffffa6;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.cred-hub-print-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;background:#fff;color:#1d4ed8;border:none;border-radius:11px;font-size:.875rem;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px #00000026;transition:transform .18s,box-shadow .18s,opacity .18s;white-space:nowrap}.cred-hub-print-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0003}.cred-hub-print-btn:disabled{opacity:.45;cursor:not-allowed}.cred-hub-header-premium__filters{display:flex;gap:.875rem;align-items:center;position:relative;z-index:1;flex-wrap:wrap}.cred-hub-search{position:relative;flex:0 0 260px}.cred-hub-search i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#ffffff8c;font-size:.8rem;pointer-events:none}.cred-hub-search input{width:100%;padding:.6rem .9rem .6rem 2.2rem;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:.85rem;font-family:inherit;outline:none;transition:background .2s,border-color .2s;box-sizing:border-box}.cred-hub-search input::-moz-placeholder{color:#ffffff80}.cred-hub-search input::placeholder{color:#ffffff80}.cred-hub-search input:focus{background:#ffffff2e;border-color:#ffffff73}.cred-hub-infra-filters{flex:1;min-width:0}.cred-hub-infra-filters select{background:#ffffff1f!important;border:1.5px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:10px!important;padding:.6rem .9rem!important;font-size:.82rem!important;font-family:inherit!important;outline:none!important;transition:background .2s,border-color .2s!important}.cred-hub-infra-filters select:focus{background:#ffffff2e!important;border-color:#ffffff73!important}.cred-hub-infra-filters select option{background:#1e3a8a;color:#fff}.cred-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:.75rem}.cred-empty-state__icon{width:72px;height:72px;background:#eff6ff;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#93c5fd;margin-bottom:.5rem}.cred-empty-state h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0}.cred-empty-state p{font-size:.875rem;color:#64748b;margin:0;max-width:320px;line-height:1.6}.cred-table-wrap{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 12px #0000000d;flex:1;overflow-y:auto}.cred-table{width:100%;border-collapse:collapse;font-size:.875rem}.cred-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.cred-table thead th{padding:.9rem 1rem;text-align:left;font-size:.72rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.cred-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.cred-table tbody tr:last-child{border-bottom:none}.cred-table tbody tr:hover{background:#f8fafc}.cred-table td{padding:.85rem 1rem;vertical-align:middle;color:#1e293b}.cred-table__idx{color:#94a3b8!important;font-size:.78rem!important;font-weight:600;width:40px}.cred-table__student{display:flex;align-items:center;gap:.75rem}.cred-table__avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.cred-table__name{font-weight:700;color:#1e293b;font-size:.875rem;line-height:1.3}.cred-table__email{font-size:.75rem;color:#94a3b8;margin-top:1px}.cred-table__mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;font-weight:700;background:#f1f5f9;padding:3px 8px;border-radius:6px;color:#334155}.cred-table__mono--blue{background:#eff6ff;color:#1d4ed8}.cred-table__mono--purple{background:#f5f3ff;color:#6d28d9}.cred-table__cred-cell{display:flex;align-items:center;gap:.5rem}.cred-table__cred-cell i{font-size:.8rem;color:#94a3b8;flex-shrink:0}.cred-table__dept{font-weight:600;color:#1e293b;font-size:.85rem}.cred-table__class{font-size:.75rem;color:#64748b;margin-top:1px}.cred-table__batch{font-size:.78rem;font-weight:700;background:#f0fdf4;color:#15803d;padding:3px 9px;border-radius:20px;border:1px solid #bbf7d0;white-space:nowrap}.cred-table__status{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap}.cred-table__status.active{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.cred-table__status.inactive{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.cred-table__status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cred-table__status.active .cred-table__status-dot{background:#22c55e}.cred-table__status.inactive .cred-table__status-dot{background:#ef4444}.role-management-page{padding:2rem;min-height:100vh;background:#f8fafc}.page-header-gradient{background:linear-gradient(135deg,#1e293b,#334155);padding:3rem 2rem;border-radius:16px;color:#fff;margin-bottom:2rem;box-shadow:0 10px 25px -5px #0000001a}.page-header-gradient h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.role-builder-container{display:grid;grid-template-columns:350px 1fr 300px;gap:2rem;align-items:start}.roles-list-column{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;height:calc(100vh - 350px);overflow-y:auto}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.column-header h3{font-weight:700;color:#1e293b}.add-role-btn{background:#2563eb;color:#fff;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s}.add-role-btn:hover{background:#1d4ed8;transform:scale(1.1)}.role-nav-item{width:100%;text-align:left;padding:1rem;border-radius:8px;background:transparent;border:1px solid transparent;margin-bottom:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.75rem}.role-nav-item:hover{background:#f1f5f9}.role-nav-item.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.role-nav-item i{width:24px;text-align:center}.assignment-workspace{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;min-height:calc(100vh - 350px)}.role-info-banner{background:#f8fafc;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border-left:4px solid #3b82f6}.role-info-banner h2{font-size:1.5rem;font-weight:700;color:#1e293b}.drop-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:2rem;min-height:300px;transition:all .3s;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.drop-zone.active{background:#f0f9ff;border-color:#3b82f6}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;height:100%;margin-top:2rem}.empty-state i{font-size:3rem;margin-bottom:1rem}.responsibility-card{background:#fff;border:1px solid #e2e8f0;padding:1rem;border-radius:10px;cursor:grab;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;box-shadow:0 2px 4px #0000000d}.responsibility-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.responsibility-card i{font-size:1.25rem;color:#64748b}.assigned-card{background:#f8fafc;border-color:#3b82f6;cursor:default;position:relative}.remove-resp{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;border:none;cursor:pointer;opacity:0;transition:opacity .2s}.assigned-card:hover .remove-resp{opacity:1}.responsibilities-pool-column{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;height:calc(100vh - 350px);overflow-y:auto}.category-group{margin-bottom:1.5rem}.category-title{font-size:.75rem;text-transform:uppercase;font-weight:700;color:#94a3b8;margin-bottom:.75rem;display:block}.drawer-items{display:flex;flex-direction:column;gap:.75rem}.sticky-save-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1e293b;padding:1rem 2rem;border-radius:12px;display:flex;align-items:center;gap:2rem;box-shadow:0 20px 25px -5px #0003;z-index:100;color:#fff}.save-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.role-modal{background:#fff;padding:2rem;border-radius:16px;width:400px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px}.system-badge{background:#e2e8f0;color:#475569;font-size:.65rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700}.delete-role-mini-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;padding:5px;cursor:pointer;opacity:0;transition:all .2s}.role-nav-wrapper:hover .delete-role-mini-btn{opacity:1}.delete-role-mini-btn:hover{color:#ef4444}.academy-structure{padding:2rem;max-width:1400px;margin:0 auto}.academy-header{margin-bottom:2rem}.academy-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.academy-header p{color:var(--text-secondary);font-size:.95rem}.academy-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start}.academy-sidebar{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1rem;width:250px;flex-shrink:0}.academy-nav-card{background:var(--card-bg);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.academy-nav-item{padding:1rem;border-radius:12px;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s;color:var(--text-muted);font-weight:600;margin-bottom:.25rem}.academy-nav-item i{width:20px}.academy-nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.academy-nav-item.active{background:#3b82f61a;color:#3b82f6}.academy-main{background:var(--card-bg);border-radius:20px;padding:2rem;border:1px solid var(--border-color);min-height:600px;box-shadow:var(--shadow-sm)}.setup-section{background:var(--card-bg);padding:1.5rem;border-radius:12px}.setup-section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.setup-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;background:var(--bg-tertiary);padding:1.5rem;border-radius:16px;margin-bottom:2rem;border:1px solid var(--border-color)}.setup-field{display:flex;flex-direction:column;gap:.5rem}.setup-field label{font-size:.85rem;font-weight:700;color:var(--text-secondary)}.setup-field input,.setup-field select,.setup-field textarea{padding:.8rem;border-radius:10px;border:1.5px solid var(--border-color);font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.setup-field input:focus,.setup-field select:focus,.setup-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.setup-field input:disabled,.setup-field select:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.hod-search-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--bg-primary);border:1.5px solid var(--primary-color);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;max-height:220px;overflow-y:auto}.hod-search-option{padding:.65rem .9rem;font-size:.9rem;cursor:pointer;color:var(--text-primary);transition:background .15s}.hod-search-option:hover,.hod-search-option.selected{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.hod-search-suggestion{color:var(--text-secondary);font-style:italic}.hod-search-no-result{padding:.55rem .9rem;font-size:.8rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.hod-selected-indicator{margin-top:.35rem;font-size:.82rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.hod-clear-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-secondary);line-height:1;padding:0 .2rem}.hod-clear-btn:hover{color:var(--danger-color, #ef4444)}.setup-action-bar{grid-column:span 2;display:flex;justify-content:flex-end}.setup-table-container{overflow-x:auto}.setup-table{width:100%;border-collapse:collapse}.setup-table th{text-align:left;padding:1rem;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.85rem;font-weight:700;border-bottom:2px solid var(--border-color)}.setup-table td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.9rem;color:var(--text-primary)}.setup-table tbody tr:hover{background:var(--hover-bg)}.status-badge{padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:700}.status-badge.current{background:#22c55e1a;color:#22c55e}.academy-btn{padding:.6rem 1.2rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s;border:none;font-size:.9rem}.academy-btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3)}.academy-btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.4)}.academy-btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.academy-btn-secondary:hover{background:var(--hover-bg);color:var(--text-primary)}.action-icon{background:none;border:none;cursor:pointer;color:var(--text-muted);margin-right:.5rem;padding:.5rem;border-radius:6px;transition:all .2s ease}.action-icon:hover{background:var(--hover-bg)}.action-icon.view:hover{color:#0ea5e9;background:#0ea5e91a}.action-icon.edit:hover{color:#f59e0b;background:#f59e0b1a}.action-icon.delete:hover{color:#ef4444;background:#ef44441a}.view-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.view-modal{background:var(--card-bg);padding:2rem;border-radius:16px;width:400px;max-width:90%;box-shadow:var(--shadow-2xl);border:1px solid var(--border-color)}.view-modal h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem}.view-details{margin:1.5rem 0;display:grid;gap:.75rem}.view-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.view-row strong{color:var(--text-secondary);text-transform:capitalize;font-size:.875rem}.view-row span{color:var(--text-primary);font-weight:500}.loading-line{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));animation:loading 1.5s ease-in-out infinite;z-index:9999}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}@media(max-width:1024px){.academy-grid{grid-template-columns:1fr}.academy-sidebar{position:relative;top:0;width:100%}.academy-nav-card{display:flex;flex-wrap:wrap;gap:.5rem}.academy-nav-item{flex:1;min-width:150px;justify-content:center}}@media(max-width:768px){.academy-structure{padding:1rem}.setup-form-grid{grid-template-columns:1fr}.academy-main{padding:1rem}.setup-table{font-size:.85rem}.setup-table th,.setup-table td{padding:.75rem .5rem}}.institution-card{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg, 1.5rem);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));transition:var(--transition-normal, all .2s ease)}.institution-card:hover{box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));transform:translateY(-2px)}.institution-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md, 1rem);padding-bottom:var(--spacing-md, 1rem);border-bottom:1px solid var(--border-color, #e5e7eb)}.institution-card__name{font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827);margin:0}.institution-card__status{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500;text-transform:capitalize}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fee2e2;color:#991b1b}.status-suspended{background-color:#fef3c7;color:#92400e}.institution-card__body{margin-bottom:var(--spacing-lg, 1.5rem)}.institution-card__info{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem)}.institution-card__info-item{display:flex;gap:var(--spacing-sm, .5rem)}.institution-card__info-item .label{font-weight:500;color:var(--text-secondary, #6b7280);min-width:100px}.institution-card__info-item .value{color:var(--text-primary, #111827);word-break:break-word}.institution-card__actions{display:flex;gap:var(--spacing-sm, .5rem);flex-wrap:wrap}.btn{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border:none;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast, all .15s ease)}.btn-sm{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:.8125rem}@media(max-width:768px){.institution-card{padding:var(--spacing-md, 1rem)}.institution-card__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm, .5rem)}.institution-card__actions{width:100%}.institution-card__actions .btn{flex:1}}.institution-form{background:var(--bg-secondary, #ffffff);border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl, 2rem);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.institution-form__title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 var(--spacing-xl, 2rem) 0}.institution-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg, 1.5rem);margin-bottom:var(--spacing-xl, 2rem)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.form-group-full{grid-column:1 / -1}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280)}.form-label .required{color:#ef4444}.form-input,.form-textarea{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border:1px solid var(--border-color, #d1d5db);border-radius:var(--radius-md, 8px);font-size:1rem;background-color:#fff!important;color:#000!important;transition:var(--transition-fast, all .15s ease)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled,.form-textarea:disabled{background-color:#f9fafb;cursor:not-allowed}.form-input.error{border-color:#ef4444}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-input-group{display:flex;align-items:center;gap:var(--spacing-xs, .25rem)}.form-input-group .form-input{flex:1}.form-input-suffix{font-size:.875rem;color:var(--text-secondary, #6b7280);white-space:nowrap}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-error{font-size:.8125rem;color:#ef4444;margin-top:var(--spacing-xs, .25rem)}.institution-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md, 1rem);padding-top:var(--spacing-lg, 1.5rem);border-top:1px solid var(--border-color, #e5e7eb)}.btn{padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border:none;border-radius:var(--radius-md, 8px);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-fast, all .15s ease)}@media(max-width:768px){.institution-form{padding:var(--spacing-lg, 1.5rem)}.institution-form__grid{grid-template-columns:1fr;gap:var(--spacing-md, 1rem)}.institution-form__actions{flex-direction:column-reverse}.institution-form__actions .btn{width:100%}}.form-section-title{margin-top:var(--spacing-lg, 1.5rem);padding-bottom:var(--spacing-xs, .5rem);border-bottom:1px solid var(--border-color, #e5e7eb)}.form-section-title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827)}.form-section-title p{margin:var(--spacing-xs, .25rem) 0 0 0;font-size:.875rem;color:var(--text-secondary, #6b7280)}.institutions-page{width:100%}.institutions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl, 2rem);gap:var(--spacing-lg, 1.5rem)}.institutions-title{font-size:2rem;font-weight:700;color:var(--text-primary, #111827);margin:0 0 var(--spacing-xs, .25rem) 0}.institutions-subtitle{font-size:1rem;color:var(--text-secondary, #6b7280);margin:0}.btn{padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border:none;border-radius:var(--radius-md, 8px);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-fast, all .15s ease);display:inline-flex;align-items:center;gap:var(--spacing-sm, .5rem)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:20px;height:20px}.btn-primary{background-color:var(--primary-color, #2563eb);color:#fff}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.alert{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, 1rem);border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-lg, 1.5rem);position:relative}.alert-icon{width:20px;height:20px;flex-shrink:0}.alert-close{position:absolute;top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem);background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.6;transition:opacity .15s}.alert-close:hover{opacity:1}.alert-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.form-container{margin-bottom:var(--spacing-xl, 2rem)}.institutions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg, 1.5rem)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md, 1rem)}.spinner-large{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:var(--primary-color, #2563eb);border-radius:50%;animation:spin .8s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md, 1rem);text-align:center}.error-container h2{color:#ef4444;margin:0}.error-container p{color:var(--text-secondary, #6b7280);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md, 1rem);text-align:center;padding:var(--spacing-2xl, 3rem)}.empty-icon{width:64px;height:64px;color:var(--text-secondary, #6b7280);opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827);margin:0}.empty-state p{color:var(--text-secondary, #6b7280);margin:0}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg, 1.5rem)}.modal-content{background:#fff;border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl, 2rem);max-width:500px;width:100%;box-shadow:var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, .25))}.modal-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 var(--spacing-md, 1rem) 0}.modal-text{color:var(--text-secondary, #6b7280);margin:0 0 var(--spacing-xl, 2rem) 0;line-height:1.6}.modal-text strong{color:var(--text-primary, #111827);font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md, 1rem)}@media(max-width:1024px){.institutions-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.institutions-page{padding:var(--spacing-lg, 1.5rem)}.institutions-header{flex-direction:column;align-items:stretch}.institutions-header .btn{width:100%;justify-content:center}.institutions-grid{grid-template-columns:1fr}.modal-content{padding:var(--spacing-lg, 1.5rem)}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.att-page{padding:1.25rem;background:#f5f5fa;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem;font-family:inherit}.att-toast{position:fixed;top:1.25rem;right:1.25rem;z-index:9999;display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:10px;font-size:.82rem;font-weight:600;box-shadow:0 8px 24px #0000001f;animation:attSlideIn .25s ease}@keyframes attSlideIn{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}.att-toast--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.att-toast--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.att-toast button{background:none;border:none;cursor:pointer;color:inherit;opacity:.5;font-size:.7rem;padding:0;margin-left:auto}.att-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:relative;overflow:hidden;color:#fff}.att-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.att-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.att-header__left{display:flex;align-items:center;gap:.875rem;position:relative;z-index:1}.att-header__icon{width:44px;height:44px;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.att-header__title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em}.att-header__sub{font-size:.875rem;color:#ffffffbf;margin:0}.att-header__actions{display:flex;gap:.5rem;position:relative;z-index:1}.att-history-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .875rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:9px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.att-history-btn:hover{background:#ffffff40}.att-tabs{display:flex;gap:.4rem;background:#fff;border-radius:14px;padding:.625rem 1.25rem;border:1px solid #ebebf5;box-shadow:0 1px 3px #0000000a}.att-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:8px;border:1.5px solid transparent;background:#f3f4f6;color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.att-tab:hover{background:#e5e7eb;color:#111827}.att-tab.active{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}.att-tab__count{background:#fff;color:#6b7280;border-radius:6px;padding:0 5px;font-size:.65rem;font-weight:700}.att-tab.active .att-tab__count{background:#4f46e5;color:#fff}.att-section-label{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;color:#374151}.att-section-label i{color:#4f46e5}.att-count-pill{background:#ede9fe;color:#4f46e5;padding:.15rem .5rem;border-radius:20px;font-size:.65rem;font-weight:700}.att-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:4rem;background:#fff;border-radius:14px;border:1px solid #ebebf5;color:#9ca3af;font-size:.82rem}.att-spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:attSpin .7s linear infinite;flex-shrink:0}@keyframes attSpin{to{transform:rotate(360deg)}}.att-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:4rem 2rem;background:#fff;border-radius:14px;border:2px dashed #e5e7eb;color:#9ca3af;text-align:center}.att-empty i{font-size:2rem;opacity:.2}.att-empty h3{font-size:.9rem;font-weight:700;color:#374151;margin:0}.att-empty p{font-size:.75rem;margin:0}.att-schedule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.875rem}.att-slot-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.att-slot-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.att-slot-card--done{border-color:#bbf7d0;background:#f0fdf4}.att-slot-card__strip{height:3px;flex-shrink:0}.att-slot-card__body{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.att-slot-card__top{display:flex;align-items:center;gap:.5rem}.att-slot-card__period{font-size:.65rem;font-weight:800;background:#f3f4f6;color:#374151;padding:.15rem .45rem;border-radius:5px;text-transform:uppercase;letter-spacing:.04em}.att-slot-card--done .att-slot-card__period{background:#d1fae5;color:#065f46}.att-slot-card__time{font-size:.68rem;color:#9ca3af;font-weight:600;display:flex;align-items:center;gap:.25rem;flex:1}.att-slot-card__done-badge{font-size:.6rem;font-weight:700;background:#d1fae5;color:#065f46;padding:.15rem .45rem;border-radius:20px;display:flex;align-items:center;gap:.2rem}.att-slot-card__subject{font-size:.88rem;font-weight:800;color:#111827;letter-spacing:-.01em;line-height:1.2}.att-slot-card__meta{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.65rem;color:#9ca3af;font-weight:600}.att-slot-card__meta i{margin-right:2px}.att-slot-card__btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;margin-top:auto}.att-slot-card__btn--mark{background:#ede9fe;color:#4f46e5;border:1.5px solid #c4b5fd}.att-slot-card__btn--mark:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}.att-slot-card__btn--edit{background:#f0fdf4;color:#059669;border:1.5px solid #6ee7b7}.att-slot-card__btn--edit:hover{background:#059669;color:#fff;border-color:#059669}.att-marking{display:flex;flex-direction:column;gap:1rem}.att-marking__header{background:#fff;border-radius:14px;border:1px solid #ebebf5;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;box-shadow:0 1px 4px #0000000d}.att-back-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.72rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;flex-shrink:0}.att-back-btn:hover{background:#e5e7eb}.att-marking__context{flex:1;min-width:0}.att-marking__subject{font-size:.95rem;font-weight:800;color:#111827;letter-spacing:-.01em}.att-marking__meta{font-size:.68rem;color:#9ca3af;font-weight:600;margin-top:.15rem}.att-live-stats{display:flex;gap:.4rem;flex-wrap:wrap;flex-shrink:0}.att-stat-pill{display:flex;flex-direction:column;align-items:center;padding:.35rem .65rem;border-radius:9px;min-width:48px}.att-stat-pill__val{font-size:1rem;font-weight:900;line-height:1}.att-stat-pill__lbl{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:1px}.att-session-bar{background:#fff;border-radius:14px;border:1px solid #ebebf5;padding:.875rem 1.25rem;display:flex;gap:.875rem;align-items:flex-end;flex-wrap:wrap;box-shadow:0 1px 4px #0000000d}.att-session-field{flex:1;min-width:160px;display:flex;flex-direction:column;gap:.3rem}.att-session-field label{font-size:.65rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.3rem}.att-session-field label i{color:#4f46e5}.att-session-field input{padding:.45rem .65rem;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.8rem;font-family:inherit;color:#111827;outline:none;transition:border-color .2s}.att-session-field input:focus{border-color:#4f46e5;background:#fff}.att-mark-all-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .875rem;background:#d1fae5;color:#065f46;border:1.5px solid #6ee7b7;border-radius:8px;font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;align-self:flex-end}.att-mark-all-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.att-progress-bar{height:4px;background:#e5e7eb;border-radius:99px;overflow:hidden}.att-progress-bar__fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:99px;transition:width .4s ease}.att-student-list{background:#fff;border-radius:14px;border:1px solid #ebebf5;overflow:hidden;box-shadow:0 1px 4px #0000000d}.att-student-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid #f3f4f6;transition:background .1s}.att-student-row:last-child{border-bottom:none}.att-student-row:hover{background:#fafafa}.att-student-row--absent{background:#fef2f2}.att-student-row--absent:hover{background:#fee2e2}.att-student-row__num{font-size:.65rem;font-weight:700;color:#d1d5db;width:20px;text-align:center;flex-shrink:0}.att-student-row__avatar{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0}.att-student-row__info{flex:1;min-width:0;display:flex;flex-direction:column}.att-student-row__name{font-size:.82rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-student-row__roll{font-size:.62rem;color:#9ca3af;font-weight:600}.att-status-toggle{display:flex;gap:.25rem;flex-shrink:0}.att-status-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.3rem .55rem;border-radius:7px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.65rem;font-weight:600;color:#6b7280;cursor:pointer;font-family:inherit;transition:all .15s}.att-status-btn--present.active{background:#d1fae5;border-color:#10b981;color:#065f46}.att-status-btn--absent.active{background:#fee2e2;border-color:#ef4444;color:#991b1b}.att-status-btn--late.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.att-status-btn:hover:not(.active){border-color:#c4b5fd;color:#4f46e5;background:#faf5ff}.att-student-row__remark{width:120px;padding:.3rem .5rem;border-radius:6px;border:1.5px solid transparent;background:transparent;font-size:.72rem;font-family:inherit;color:#6b7280;outline:none;transition:all .15s;flex-shrink:0}.att-student-row__remark:focus{border-color:#e5e7eb;background:#f9fafb}.att-student-row__remark::-moz-placeholder{color:#d1d5db}.att-student-row__remark::placeholder{color:#d1d5db}.att-marking__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:#fff;border-radius:14px;border:1px solid #ebebf5;padding:.875rem 1.25rem;box-shadow:0 1px 4px #0000000d}.att-btn-cancel{display:inline-flex;align-items:center;padding:.45rem 1rem;background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.att-btn-cancel:hover{background:#e5e7eb}.att-btn-submit{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 2px 6px #10b9814d}.att-btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.att-btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.att-history{display:flex;flex-direction:column;gap:1rem}.att-history-list{display:flex;flex-direction:column;gap:.625rem}.att-history-card{background:#fff;border-radius:12px;border:1px solid #ebebf5;padding:.875rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s,transform .15s}.att-history-card:hover{box-shadow:0 4px 12px #00000012;transform:translateY(-1px)}.att-history-card__left{flex-shrink:0}.att-history-card__date{width:44px;height:44px;border-radius:10px;background:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e5e7eb}.att-history-card__day{font-size:1rem;font-weight:900;color:#111827;line-height:1}.att-history-card__month{font-size:.55rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.att-history-card__body{flex:1;min-width:0}.att-history-card__top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.att-history-card__subject{font-size:.85rem;font-weight:800;color:#111827}.att-history-card__class{font-size:.68rem;color:#6b7280;font-weight:600}.att-history-card__period{font-size:.6rem;font-weight:700;background:#ede9fe;color:#4f46e5;padding:.1rem .4rem;border-radius:4px}.att-history-card__topic{font-size:.68rem;color:#9ca3af;margin-bottom:.3rem;display:flex;align-items:center;gap:.3rem}.att-history-card__stats{display:flex;gap:.75rem;font-size:.65rem;font-weight:600;flex-wrap:wrap}.att-history-card__stats i{margin-right:2px}.att-history-card__pct{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:48px}.att-history-card__pct-val{font-size:.9rem;font-weight:900;line-height:1}.att-history-card__pct-bar{width:44px;height:4px;background:#e5e7eb;border-radius:99px;overflow:hidden}@media(max-width:768px){.att-page{padding:.75rem;gap:.75rem}.att-toast{top:auto;bottom:1rem;right:.75rem;left:.75rem;width:auto}.att-header{flex-direction:column;align-items:flex-start;padding:1rem 1.1rem;border-radius:12px;gap:.75rem}.att-header__title{font-size:1.15rem}.att-header__sub{font-size:.78rem}.att-header__actions{width:100%}.att-history-btn{width:100%;justify-content:center}.att-tabs{padding:.5rem .875rem}.att-tab{flex:1;justify-content:center}.att-schedule-grid{grid-template-columns:1fr;gap:.75rem}.att-marking__header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem 1rem}.att-live-stats{width:100%;justify-content:space-between}.att-stat-pill{flex:1}.att-session-bar{flex-direction:column;gap:.625rem;padding:.875rem 1rem}.att-session-field{min-width:unset;width:100%}.att-mark-all-btn{width:100%;justify-content:center;align-self:auto}.att-student-row{flex-wrap:wrap;gap:.5rem;padding:.75rem .875rem;align-items:flex-start}.att-student-row__num,.att-student-row__avatar{align-self:center}.att-student-row__info{flex:1;min-width:0}.att-status-toggle{width:100%;order:4;gap:.35rem}.att-status-btn{flex:1;justify-content:center;padding:.4rem .25rem;font-size:.68rem}.att-status-btn span{display:none}.att-status-btn i{font-size:.85rem}.att-student-row__remark{width:100%;order:5;border:1.5px solid #e5e7eb;background:#f9fafb;border-radius:7px;padding:.35rem .5rem}.att-marking__footer{flex-direction:column-reverse;gap:.5rem;padding:.875rem 1rem}.att-btn-submit,.att-btn-cancel{width:100%;justify-content:center}.att-history-card{padding:.75rem .875rem;gap:.75rem}.att-history-card__stats{gap:.5rem}}@media(max-width:480px){.att-page{padding:.625rem}.att-header{padding:.875rem 1rem}.att-header__title{font-size:1rem}.att-status-btn span{display:inline}.att-status-btn{font-size:.6rem;padding:.3rem .2rem}}:root{--att-primary: #4f46e5;--att-primary-soft: #ede9fe;--att-success: #10b981;--att-success-soft: #d1fae5;--att-danger: #ef4444;--att-danger-soft: #fee2e2;--att-warning: #f59e0b;--att-warning-soft: #fef3c7;--att-slate-50: #f8fafc;--att-slate-100: #f1f5f9;--att-slate-200: #e2e8f0;--att-slate-300: #cbd5e1;--att-slate-400: #94a3b8;--att-slate-500: #64748b;--att-slate-700: #334155;--att-slate-900: #0f172a;--att-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--att-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--att-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}.att-page{padding:1.5rem;background:#f1f5f9;min-height:100vh;display:flex;flex-direction:column;gap:1.25rem;font-family:Inter,system-ui,-apple-system,sans-serif}.att-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#fff;position:relative;overflow:hidden}.att-header__left{display:flex;align-items:center;gap:1.5rem}.att-header__title{font-size:1.5rem;font-weight:800;margin:0;letter-spacing:-.01em;color:#fff}.att-header__sub{font-size:.875rem;color:#ffffffbf;margin-top:.2rem}.att-history-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.att-history-btn:hover{background:#ffffff40;transform:translateY(-1px)}.att-history-list{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.att-history-card{background:#fff;border-radius:16px;border:1px solid var(--att-slate-200);box-shadow:var(--att-shadow-sm);transition:all .2s;overflow:hidden}.att-history-card:hover{transform:translateY(-2px);box-shadow:var(--att-shadow-md);border-color:var(--att-primary)}.att-history-card__body{padding:1.5rem}.att-history-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.att-history-card__main{display:flex;flex-direction:column;gap:.25rem}.att-history-card__date{font-size:.75rem;font-weight:800;color:var(--att-slate-500);text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.att-history-card__subject{font-size:1.15rem;font-weight:800;color:var(--att-slate-900)}.att-history-card__class{padding:.4rem .8rem;background:var(--att-slate-100);border-radius:8px;font-size:.8rem;font-weight:700;color:var(--att-slate-700);white-space:nowrap}.att-history-card__topic{background:#f8fafc;padding:.75rem 1rem;border-radius:10px;font-size:.875rem;color:var(--att-slate-700);margin-bottom:1.25rem;border-left:3px solid var(--att-primary)}.att-history-card__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px dashed var(--att-slate-200)}.att-history-card__stats{display:flex;gap:1.5rem}.att-history-card__stats span{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700}.stat-p{color:var(--att-success)}.stat-a{color:var(--att-danger)}.stat-total{color:var(--att-slate-500)}.att-history-card__meta{font-size:.75rem;color:var(--att-slate-400);display:flex;align-items:center;gap:.4rem}.att-empty{padding:4rem 2rem;text-align:center;background:#fff;border-radius:20px;box-shadow:var(--att-shadow-sm);color:var(--att-slate-400)}.att-empty i{font-size:4rem;margin-bottom:1.5rem;opacity:.2}.att-empty h3{color:var(--att-slate-900);margin-bottom:.5rem}.att-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;color:var(--att-slate-500)}.att-spinner{width:40px;height:40px;border:3px solid var(--att-slate-200);border-top-color:var(--att-primary);border-radius:50%;animation:spin .8s linear infinite}.att-back-btn{background:#fff;border:1px solid var(--att-slate-200);padding:.5rem 1rem;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.att-back-btn:hover{background:var(--att-slate-50);transform:translate(-3px)}.att-hod-analytics-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1rem}.att-hod-stat{background:#fff;padding:1.5rem;border-radius:20px;border:1px solid var(--att-slate-200);display:flex;align-items:center;gap:1.25rem}.att-hod-stat__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.att-hod-stat__val{font-size:1.5rem;font-weight:800;color:var(--att-slate-900)}.att-hod-stat__lbl{font-size:.85rem;font-weight:600;color:var(--att-slate-500)}.att-schedule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.att-slot-card{background:#fff;border-radius:20px;border:1px solid var(--att-slate-200);overflow:hidden;display:flex;box-shadow:var(--att-shadow-sm);transition:all .2s}.att-slot-card:hover{transform:translateY(-4px);box-shadow:var(--att-shadow-lg)}.att-slot-card__strip{width:6px;flex-shrink:0}.att-slot-card__body{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.att-slot-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.att-slot-card__period{font-size:.875rem;font-weight:800;color:var(--att-primary);background:var(--att-primary-soft);padding:.2rem .6rem;border-radius:6px}.att-slot-card__subject{font-size:1.25rem;font-weight:800;color:var(--att-slate-900)}.att-slot-card__meta{font-size:.875rem;color:var(--att-slate-500);display:flex;flex-direction:column;gap:.25rem}.att-slot-card__class-details{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.att-detail-pill{font-size:.72rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.02em;display:inline-flex;align-items:center;gap:.25rem}.att-detail-pill.degree{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.att-detail-pill.dept{background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.att-detail-pill.year{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.att-detail-pill.sem{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.att-detail-pill.sec{background:#64748b1a;color:#475569;border:1px solid rgba(100,116,139,.2)}.att-slot-card__teacher{font-size:.78rem;font-weight:600;color:var(--att-slate-500);margin-top:.35rem;display:flex;align-items:center;gap:.4rem}.att-slot-card__btn{margin-top:1rem;padding:.75rem;border-radius:12px;border:none;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.att-slot-card__btn--mark{background:var(--att-primary);color:#fff}.att-slot-card__btn--edit{background:var(--att-slate-100);color:var(--att-slate-700)}.hod-mgmt{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.hod-kpi-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.hod-kpi-card{background:#fff;border-radius:20px;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;display:flex;align-items:flex-start;gap:1rem;position:relative;overflow:hidden;transition:all .25s}.hod-kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.hod-kpi-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.hod-kpi-body{flex:1}.hod-kpi-val{font-size:2rem;font-weight:800;color:#0f172a;line-height:1;margin-bottom:.25rem}.hod-kpi-total{font-size:1.1rem;font-weight:500;color:#94a3b8}.hod-kpi-lbl{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.hod-kpi-sub{font-size:.75rem;color:#94a3b8}.hod-kpi-bar-track{height:6px;background:#f1f5f9;border-radius:99px;overflow:hidden}.hod-kpi-bar-fill{height:100%;border-radius:99px;transition:width 1s cubic-bezier(.4,0,.2,1)}.hod-kpi-bar-fill.blue{background:linear-gradient(90deg,#3b82f6,#6366f1)}.hod-kpi-bar-fill.green{background:linear-gradient(90deg,#10b981,#34d399)}.hod-kpi-bar-fill.orange{background:linear-gradient(90deg,#f59e0b,#fb923c)}.hod-kpi-pct{font-size:.85rem;font-weight:800;padding:.3rem .6rem;border-radius:8px}.hod-kpi-pct.blue{background:#eff6ff;color:#2563eb}.hod-kpi-pct.green{background:#f0fdf4;color:#16a34a}.hod-kpi-pct.orange{background:#fff7ed;color:#ea580c}.hod-kpi-badge{position:absolute;top:.75rem;right:.75rem;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900}.hod-kpi-badge.red{background:#ef4444;color:#fff;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.hod-controls-row{background:#fff;border-radius:16px;padding:1.25rem 1.5rem;border:1px solid #e2e8f0;display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.hod-ctrl-group{display:flex;flex-direction:column;gap:.4rem}.hod-ctrl-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem}.hod-ctrl-input{padding:.6rem 1rem;border-radius:10px;border:1.5px solid #e2e8f0;font-size:.9rem;font-weight:600;color:#0f172a;background:#f8fafc;outline:none;transition:all .2s;min-width:160px}.hod-ctrl-input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.hod-btn-publish{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #6366f14d}.hod-btn-publish:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.hod-btn-publish:disabled{opacity:.6;cursor:not-allowed;transform:none}.hod-main-grid{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;align-items:start}.hod-left-col,.hod-right-col{display:flex;flex-direction:column;gap:1.5rem}.hod-panel{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #0000000a}.hod-panel__hdr{padding:1.25rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;font-size:.95rem;font-weight:700;color:#0f172a;gap:1rem}.hod-panel__hdr span:first-child{display:flex;align-items:center;gap:.5rem}.hod-panel__hdr i{color:#6366f1}.hod-panel__body{padding:1.25rem}.hod-legend{display:flex;gap:1rem;flex-wrap:wrap}.hod-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:#64748b}.hod-legend-dot{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.08);flex-shrink:0}.hod-heatmap-wrap{display:flex;overflow-x:auto;padding:1.5rem;gap:0}.hod-wd-labels{position:sticky;left:0;z-index:10;background:#fff;display:flex;flex-direction:column;gap:5px;padding-right:1rem;border-right:1px solid #f1f5f9;margin-right:1rem}.hod-spacer{height:38px}.hod-wd-lbl{height:30px;font-size:.68rem;font-weight:800;color:#94a3b8;text-transform:uppercase;display:flex;align-items:center}.hod-months-scroll{display:flex;gap:2.5rem}.hod-month-col{display:flex;flex-direction:column;gap:.75rem}.hod-month-lbl{height:30px;font-size:.8rem;font-weight:800;color:#6366f1;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;border-bottom:2px solid #ede9fe;padding-bottom:.5rem;white-space:nowrap}.hod-day-rows{display:flex;flex-direction:column;gap:5px}.hod-wd-row{display:flex;gap:5px;height:30px;align-items:center}.hod-sq{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;border:1px solid rgba(0,0,0,.06);flex-shrink:0}.hod-sq.pad{background:transparent!important;border:none!important;pointer-events:none;cursor:default}.hod-sq:not(.pad):hover{transform:scale(1.25);z-index:5;box-shadow:0 4px 12px #00000026}.hod-sq.active{outline:2.5px solid #6366f1;outline-offset:2px}.hod-sq-num{font-size:.65rem;font-weight:700;color:#00000059;pointer-events:none}.hod-session-list{display:flex;flex-direction:column}.hod-session-row{display:grid;grid-template-columns:100px 1fr auto auto;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:background .15s}.hod-session-row:last-child{border-bottom:none}.hod-session-row:hover{background:#f8fafc}.hod-session-row.published{border-left:4px solid #10b981}.hod-session-row.marked{border-left:4px solid #6366f1}.hod-session-period{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.hod-period-badge{background:#ede9fe;color:#6366f1;font-size:.75rem;font-weight:800;padding:.25rem .6rem;border-radius:6px}.hod-session-time{font-size:.72rem;color:#64748b;font-weight:600}.hod-session-subject{font-weight:700;color:#0f172a;margin-bottom:.25rem}.hod-session-meta{display:flex;gap:1rem;font-size:.8rem;color:#64748b}.hod-session-meta span{display:flex;align-items:center;gap:.35rem}.hod-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:99px;font-size:.75rem;font-weight:700;white-space:nowrap}.hod-status-badge.verified{background:#f0fdf4;color:#16a34a}.hod-status-badge.draft{background:#eff6ff;color:#2563eb}.hod-status-badge.pending{background:#fff7ed;color:#ea580c}.hod-status-badge.sm{padding:.2rem .5rem;font-size:.68rem}.hod-session-actions{display:flex;gap:.5rem}.hod-btn-sm{padding:.4rem .75rem;border-radius:8px;border:none;font-size:.78rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .15s;white-space:nowrap}.hod-btn-sm.edit{background:#f1f5f9;color:#334155}.hod-btn-sm.edit:hover{background:#e2e8f0}.hod-btn-sm.publish{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.hod-btn-sm.publish:hover{background:#dcfce7}.hod-btn-sm.unpublish{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.hod-btn-sm.unpublish:hover{background:#ffedd5}.hod-select{width:100%;padding:.65rem 1rem;border-radius:10px;border:1.5px solid #e2e8f0;font-size:.9rem;font-weight:600;color:#0f172a;background:#f8fafc;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin-bottom:1rem;outline:none;transition:all .2s}.hod-select:focus{border-color:#6366f1;background:#fff}.hod-audit-list{display:flex;flex-direction:column;gap:.5rem;max-height:380px;overflow-y:auto;padding-right:4px}.hod-audit-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;background:#f8fafc;cursor:pointer;border:1px solid #f1f5f9;transition:all .15s}.hod-audit-row:hover{background:#ede9fe;border-color:#c4b5fd}.hod-audit-date{font-size:.8rem;font-weight:700;color:#64748b;display:flex;align-items:center;gap:.4rem;min-width:60px}.hod-audit-subject{flex:1;font-size:.85rem;font-weight:600;color:#0f172a}.hod-alert-list{display:flex;flex-direction:column;gap:.75rem}.hod-alert-row,.hod-faculty-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;background:#f8fafc;border:1px solid #f1f5f9}.hod-alert-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0}.hod-alert-avatar.faculty{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.hod-alert-info{flex:1}.hod-alert-name{font-weight:700;font-size:.88rem;color:#0f172a}.hod-alert-sub{font-size:.75rem;color:#64748b}.hod-pct-bar-wrap{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.hod-pct-bar-bg{flex:1;height:5px;background:#e2e8f0;border-radius:99px;overflow:hidden}.hod-pct-bar-fill{height:100%;border-radius:99px;transition:width 1s ease}.hod-pct-num{font-size:.75rem;font-weight:800;color:#0f172a;min-width:35px;text-align:right}.hod-pill{padding:.25rem .65rem;border-radius:99px;font-size:.72rem;font-weight:700;background:#e2e8f0;color:#475569}.hod-pill.red{background:#fef2f2;color:#dc2626}.hod-pill.orange{background:#fff7ed;color:#ea580c}.hod-empty{padding:3rem;text-align:center;color:#94a3b8}.hod-empty i{font-size:3rem;margin-bottom:1rem;display:block}.hod-empty p{font-size:.9rem;font-weight:500;margin:0}.hod-empty.sm{padding:1.5rem}.hod-empty.sm i{font-size:1.5rem}.hod-more-link{font-size:.8rem;font-weight:600;color:#6366f1;text-align:center;margin:.5rem 0 0;cursor:pointer}.hod-more-link:hover{text-decoration:underline}@media(max-width:1200px){.hod-kpi-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.hod-main-grid{grid-template-columns:1fr}}@media(max-width:768px){.att-header{flex-direction:column;align-items:stretch;padding:1.25rem 1.5rem;gap:1.25rem}.att-header>div:last-child{flex-direction:column!important;align-items:stretch!important;width:100%;gap:.75rem}.att-header>div:last-child>div{flex-direction:column!important;width:100%}.att-header button,.att-header select,.att-header .att-history-btn{font-size:.8rem;width:100%;justify-content:center}.hod-controls-row{flex-direction:column;align-items:stretch;gap:1rem}.hod-ctrl-input{width:100%}}@media(max-width:640px){.hod-kpi-bar{grid-template-columns:1fr}.hod-session-row{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;padding:1.25rem}.hod-session-period{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.hod-session-status{align-self:flex-start}.hod-session-actions{margin-top:.25rem;width:100%;display:flex;gap:.5rem}.hod-session-actions button{flex:1;justify-content:center}}.att-grouped-schedule{display:flex;flex-direction:column;gap:2.25rem}.att-schedule-group{display:flex;flex-direction:column;gap:1.25rem}.att-schedule-group__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-radius:16px;border:1px solid var(--att-slate-200);border-left:5px solid var(--att-primary);box-shadow:var(--att-shadow-sm);gap:1rem;flex-wrap:wrap}.att-schedule-group__title-wrapper{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.att-schedule-group__dept-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#7c3aed;background:#8b5cf61a;padding:.25rem .6rem;border-radius:6px;display:flex;align-items:center;gap:.35rem;border:1px solid rgba(139,92,246,.2)}.att-schedule-group__title{font-size:1rem;font-weight:850;color:var(--att-slate-900);margin:0;letter-spacing:-.01em}.att-schedule-group__sec-badge{font-size:.75rem;font-weight:800;color:#475569;background:#64748b1a;padding:.25rem .6rem;border-radius:6px;display:flex;align-items:center;gap:.35rem;text-transform:uppercase;border:1px solid rgba(100,116,139,.2)}.faculty-allocation{padding:1.25rem;height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem;background:#f5f5fa;overflow:hidden;position:relative}.notification-toast{position:fixed;top:1.25rem;right:1.25rem;padding:.75rem 1.1rem;border-radius:10px;display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.82rem;box-shadow:0 8px 24px #0000001f;z-index:10000;animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}.notification-toast.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.notification-toast.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}@keyframes slideInRight{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}.loading-overlay{position:absolute;inset:0;background:#f5f5fab3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center}.premium-loader{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}.allocation-header-premium{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;flex-shrink:0;position:relative;overflow:hidden;color:#fff}.allocation-header-premium:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.allocation-header-premium:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.header-main{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.header-icon-badge{width:44px;height:44px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-title-section h1{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em}.header-title-section p{color:#ffffffbf;font-size:.875rem;margin:0}.filter-btn-premium{display:flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:9px;color:#fff;font-weight:700;font-size:.78rem;cursor:pointer;font-family:inherit;transition:all .15s;position:relative;z-index:1}.filter-btn-premium:hover,.filter-btn-premium.active{background:#ffffff40;border-color:#fff6}.filter-grid-premium{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15);align-items:flex-end;flex-wrap:wrap;position:relative;z-index:1}.filter-control{display:flex;flex-direction:column;gap:.3rem;min-width:160px}.filter-control label{font-size:.65rem;font-weight:700;color:#ffffffa6;text-transform:uppercase;letter-spacing:.06em}.filter-control select{padding:.45rem .65rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.78rem;font-family:inherit;outline:none;transition:border-color .2s}.filter-control select option{background:#1e3a8a;color:#fff}.filter-control select:focus{border-color:#ffffff80}.clear-filters-btn{padding:.45rem .75rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#6b7280;cursor:pointer;font-family:inherit;transition:all .15s;align-self:flex-end;color:#fffc;font-size:.75rem;font-weight:600}.clear-filters-btn:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.allocation-layout-premium{display:grid;grid-template-columns:240px 1fr;gap:1rem;flex:1;min-height:0}.faculty-explorer{background:#fff;border-radius:14px;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden}.explorer-header{padding:.875rem 1rem;background:#fafafa;border-bottom:1px solid #f3f4f6;flex-shrink:0}.explorer-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem;color:#4f46e5}.explorer-title h3{margin:0;font-size:.78rem;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.05em}.search-box-premium{position:relative;display:flex;align-items:center}.search-box-premium svg{position:absolute;left:.65rem;color:#9ca3af;flex-shrink:0}.search-box-premium input{width:100%;padding:.45rem .65rem .45rem 2.1rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.78rem;font-family:inherit;outline:none;transition:border-color .2s;box-sizing:border-box}.search-box-premium input:focus{border-color:#4f46e5}.faculty-scrollbox{flex:1;overflow-y:auto;padding:.625rem;display:flex;flex-direction:column;gap:.3rem;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.faculty-scrollbox::-webkit-scrollbar{width:4px}.faculty-scrollbox::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.faculty-draggable-card{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;background:#f9fafb;border:1px solid #f3f4f6;border-radius:9px;cursor:grab;transition:all .15s}.faculty-draggable-card:hover{background:#f5f3ff;border-color:#e9d5ff;transform:translate(3px);box-shadow:0 2px 8px #4f46e514}.faculty-draggable-card:active{cursor:grabbing}.faculty-draggable-card.dragging{opacity:.5}.avatar-premium{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden}.avatar-premium img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.faculty-meta-premium{flex:1;min-width:0}.faculty-meta-premium .name{font-size:.78rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faculty-meta-premium .role{margin-top:.15rem}.role-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;border-radius:4px;background:#f3f4f6;color:#6b7280;letter-spacing:.03em}.role-badge.admin,.role-badge.creator{background:#fef2f2;color:#dc2626}.role-badge.faculty{background:#eff6ff;color:#2563eb}.role-badge.hod{background:#f0fdf4;color:#16a34a}.role-badge.principal{background:#fdf4ff;color:#9333ea}.drag-indicator{color:#d1d5db;flex-shrink:0}.empty-results{font-size:.78rem;color:#9ca3af;text-align:center;padding:2rem 1rem;font-style:italic}.allocation-workspace{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.allocation-workspace::-webkit-scrollbar{width:4px}.allocation-workspace::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.wing-group{background:#fff;border-radius:14px;padding:1.25rem;margin-bottom:1.25rem;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d}.wing-title{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6;color:#4f46e5}.wing-title h2{font-size:.9rem;font-weight:800;color:#111827;margin:0;letter-spacing:-.01em}.standard-block{margin-bottom:1.25rem}.standard-block:last-child{margin-bottom:0}.standard-label{display:flex;align-items:center;gap:.875rem;margin-bottom:.875rem}.standard-label .std-text{font-size:.68rem;font-weight:800;color:#4f46e5;text-transform:uppercase;letter-spacing:.08em;background:#ede9fe;padding:.2rem .65rem;border-radius:20px;white-space:nowrap}.standard-label .std-line{height:1px;flex:1;background:linear-gradient(90deg,#e5e7eb 0%,transparent 100%)}.sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.875rem}.section-card-v2{background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:box-shadow .2s,transform .2s}.section-card-v2:hover{box-shadow:0 4px 12px #00000012;transform:translateY(-2px)}.card-header{background:#fff;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between}.card-header h4{margin:0;font-size:.82rem;font-weight:800;color:#111827}.class-alias{font-size:.68rem;color:#9ca3af;font-weight:600}.subjects-stack{padding:.625rem;display:flex;flex-direction:column;gap:.4rem}.slot-item{display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;background:#fff;border-radius:8px;border:1px solid #f1f5f9;transition:all .15s;gap:.5rem}.slot-item.unassigned{border-style:dashed;border-color:#d1d5db}.slot-item.drag-over{border-color:#4f46e5;background:#f5f3ff;border-style:solid}.sub-meta{display:flex;flex-direction:column;min-width:0}.sub-meta .sub-code{font-size:.58rem;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.sub-meta .sub-name{font-size:.78rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.assignee-zone{display:flex;justify-content:flex-end;flex-shrink:0}.drop-cta{display:flex;align-items:center;gap:.3rem;font-size:.68rem;color:#d1d5db;font-weight:600}.pills-container{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.faculty-pill-mini{display:flex;align-items:center;gap:.35rem;padding:.2rem .45rem;background:#ede9fe;border-radius:6px;border:1px solid #c4b5fd}.p-avatar{width:16px;height:16px;background:#4f46e5;color:#fff;border-radius:4px;font-size:.55rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-name{font-size:.7rem;font-weight:700;color:#4f46e5}.p-del{background:none;border:none;color:#a78bfa;cursor:pointer;font-size:.9rem;line-height:1;padding:0;transition:color .15s}.p-del:hover{color:#ef4444}.p-del.pending{color:#ef4444;font-size:.6rem;font-weight:800}.no-data-cta{padding:3rem;text-align:center;color:#9ca3af;background:#f9fafb;border-radius:14px;border:2px dashed #e5e7eb;font-size:.82rem;font-weight:600}@media(max-width:768px){.faculty-allocation{height:auto;min-height:calc(100vh - 60px);overflow:visible;padding:.75rem;gap:.75rem}.allocation-header-premium{padding:1rem 1.1rem;border-radius:12px}.header-main{flex-direction:column;align-items:flex-start;gap:.75rem}.header-title-section h1{font-size:1.15rem}.header-title-section p{font-size:.78rem}.header-icon-badge{width:36px;height:36px;border-radius:10px}.filter-btn-premium{width:100%;justify-content:center}.filter-grid-premium{flex-direction:column;gap:.625rem;margin-top:.75rem;padding-top:.75rem}.filter-control{min-width:unset;width:100%}.filter-control select{width:100%}.clear-filters-btn{width:100%;text-align:center}.allocation-layout-premium{grid-template-columns:1fr;gap:.75rem}.faculty-explorer{border-radius:12px;max-height:none}.faculty-scrollbox{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:.625rem;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none}.faculty-scrollbox::-webkit-scrollbar{display:none}.faculty-draggable-card{flex:0 0 auto;min-width:160px;max-width:180px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.625rem .75rem}.faculty-draggable-card:hover{transform:translateY(-2px)}.drag-indicator{display:none}.allocation-workspace{overflow:hidden;width:100%;min-width:0}.dynamic-grid-premium{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;gap:.75rem;padding:.25rem .25rem .75rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;box-sizing:border-box}.dynamic-grid-premium::-webkit-scrollbar{display:none}.wing-group{flex:0 0 85vw;max-width:340px;scroll-snap-align:start;padding:.875rem;border-radius:12px;margin-bottom:0;overflow-y:auto;max-height:65vh;box-sizing:border-box}.wing-title h2{font-size:.82rem}.sections-grid{grid-template-columns:1fr;gap:.625rem}.section-card-v2{border-radius:10px}.card-header{padding:.625rem .875rem}.card-header h4{font-size:.78rem}.subjects-stack{padding:.5rem;gap:.35rem}.slot-item{flex-direction:column;align-items:flex-start;gap:.4rem;padding:.625rem .75rem}.assignee-zone{width:100%;justify-content:flex-start}.pills-container{align-items:flex-start;width:100%}.faculty-pill-mini{width:100%;justify-content:space-between}.sub-meta .sub-name{max-width:none}.notification-toast{top:auto;bottom:1rem;right:.75rem;left:.75rem;width:auto}}@media(max-width:480px){.faculty-allocation{padding:.625rem}.allocation-header-premium{padding:.875rem 1rem}.header-title-section h1{font-size:1rem}.faculty-draggable-card{min-width:140px}.wing-group{flex:0 0 90vw;max-width:none}}.wings-scroll-hint{display:none}@media(max-width:768px){.wings-scroll-hint{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:#9ca3af;margin-bottom:.5rem;padding-left:.25rem}.wings-scroll-hint i{color:#4f46e5;animation:swipeHint 1.5s ease-in-out infinite}@keyframes swipeHint{0%,to{transform:translate(0)}50%{transform:translate(5px)}}}.filters-section{background:#fff;border:1px solid #ebebf5;border-radius:14px;padding:.875rem 1.25rem;box-shadow:0 1px 3px #0000000a}.filters-inline{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:140px}.filter-group-search{flex:1;min-width:220px}.filter-group label{font-size:.62rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.filter-select,.filter-group select,.filter-group input,.search-input{padding:.45rem .65rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.78rem;background:#f9fafb;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,background .2s}.filter-select:focus,.filter-group select:focus,.filter-group input:focus,.search-input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper i{position:absolute;left:.6rem;color:#9ca3af;font-size:.72rem;pointer-events:none}.search-input{padding-left:2rem;width:100%;box-sizing:border-box}.btn-reset{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .75rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:.72rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;align-self:flex-end}.btn-reset:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.content-layout{display:grid;gap:2rem;align-items:flex-start}@media(max-width:768px){.manage-exam-schedule-page{padding:.75rem}.mes-header{flex-direction:column;align-items:flex-start;padding:1rem 1.1rem;gap:.75rem}.mes-header__left{width:100%}.mes-header__icon{width:36px;height:36px;font-size:.9rem}.mes-header__title{font-size:1.15rem}.mes-header__sub{font-size:.78rem}.mes-header__btn{width:100%;justify-content:center}.content-layout{grid-template-columns:1fr!important;gap:1rem!important}.side-panel{order:1}.side-panel>div[style*=grid]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.exam-gc-card__banner{height:95px;padding:12px 14px}.exam-gc-card__name{font-size:.9rem;padding-right:60px}.exam-gc-card__year{font-size:.72rem}.exam-gc-card__type{font-size:.6rem}.exam-gc-card__status-pill{font-size:.55rem;padding:2px 7px;top:8px;right:8px}.exam-gc-card__body{padding:10px 12px 8px}.exam-gc-card__meta-row{gap:10px}.exam-gc-card__meta-item{font-size:.68rem}.exam-gc-card__footer{padding:6px 8px 8px;gap:3px}.exam-gc-card__btn{width:28px;height:28px;font-size:.68rem}.classes-selector{padding:1rem!important}.classes-selector h4{font-size:.85rem!important}.classes-selector p{font-size:.7rem!important}.classes-selector>div[style*="flex-direction: column"]>div{padding:12px 14px!important;font-size:.8rem!important}.scheduler-main{order:2;padding:1.25rem!important}.scheduler-main>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.scheduler-main>div:first-child>div:last-child{width:100%;flex-direction:column!important;gap:.5rem!important}.scheduler-main>div:first-child>div:last-child button{width:100%;justify-content:center}.scheduler-main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.scheduler-main thead,.scheduler-main tbody,.scheduler-main tr{display:table;width:100%;table-layout:fixed}.scheduler-main table{min-width:700px}.scheduler-main th,.scheduler-main td{padding:10px 8px!important;font-size:.78rem}.scheduler-main select,.scheduler-main input{font-size:.78rem!important;padding:6px!important}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.filters-section{flex-direction:column;align-items:stretch}.filter-controls{flex-direction:column}.schedules-grid{grid-template-columns:1fr}.card-header{flex-direction:column;gap:1rem;align-items:stretch}}.gc-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.exam-gc-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.rme-exam-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.status--published{background:#d1fae5;color:#065f46}.status--draft{background:#fef3c7;color:#92400e}.status--active{background:#dbeafe;color:#1d4ed8}.rme-empty{grid-column:1/-1;text-align:center;padding:3rem;color:#9ca3af;background:#f9fafb;border-radius:12px;border:1.5px dashed #e5e7eb}.rme-empty i{font-size:2rem;opacity:.3;display:block;margin-bottom:.75rem}.rme-empty p{font-size:.85rem;margin:0}[data-theme=dark] .rme-header,[data-theme=dark] .rme-controls,[data-theme=dark] .rme-table-wrap,[data-theme=dark] .rme-save-bar{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .rme-title,[data-theme=dark] .rme-select-title{color:#f1f5f9}[data-theme=dark] .rme-table thead tr{background:#0f0f0f}[data-theme=dark] .rme-table th,[data-theme=dark] .rme-table td{border-color:#ffffff0d}[data-theme=dark] .rme-row:hover{background:#ffffff05}[data-theme=dark] .rme-student__name{color:#f1f5f9}[data-theme=dark] .rme-marks-input,[data-theme=dark] .rme-remark-input,[data-theme=dark] .rme-select{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .rme-search-bar{background:#1a1a1a;border-color:#ffffff1a}[data-theme=dark] .rme-search-bar input{color:#f1f5f9}[data-theme=dark] .rme-exam-card__footer{border-color:#ffffff0f}@media(max-width:768px){.rme-page{padding:.75rem!important;gap:.75rem!important}.rme-header{flex-direction:column!important;align-items:stretch!important;padding:1rem!important;gap:.75rem!important}.rme-header__left{width:100%!important;flex-direction:column!important;align-items:flex-start!important}.rme-page-header{width:100%!important}.rme-page-header__icon{width:32px!important;height:32px!important;font-size:.85rem!important}.rme-title{font-size:.95rem!important}.rme-sub{font-size:.68rem!important}.rme-header-actions{width:100%!important;flex-direction:row!important;gap:.5rem!important;flex-wrap:nowrap!important}.rme-btn{flex:1!important;min-width:0!important;justify-content:center!important;padding:.55rem .5rem!important;font-size:.7rem!important;white-space:nowrap!important}.rme-btn i{font-size:.65rem!important}.rme-controls{flex-direction:column!important;padding:.875rem 1rem!important;gap:1rem!important}.rme-subject-select{min-width:unset!important;width:100%!important}.rme-stats-row{justify-content:space-between!important;width:100%!important;gap:1rem!important;flex-wrap:wrap!important}.rme-stat{min-width:42px!important}.rme-stat__val{font-size:1rem!important}.rme-stat__lbl{font-size:.55rem!important}.rme-search-bar{padding:.5rem .75rem!important}.rme-search-bar input{font-size:.78rem!important}.rme-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.rme-table{min-width:780px!important}.rme-table th{padding:.6rem .75rem!important;font-size:.58rem!important}.rme-table td{padding:.6rem .75rem!important}.rme-roll{font-size:.68rem!important;padding:2px 6px!important}.rme-student__avatar{width:28px!important;height:28px!important;font-size:.6rem!important}.rme-student__name{font-size:.8rem!important}.rme-marks-input{width:60px!important;padding:.35rem .4rem!important;font-size:.82rem!important}.rme-marks-display{font-size:.88rem!important}.rme-grade-pill{font-size:.68rem!important;padding:2px 8px!important}.rme-remark-input{font-size:.75rem!important;padding:.35rem .5rem!important}.rme-status{font-size:.58rem!important;padding:2px 6px!important}.rme-edit-btn{width:26px!important;height:26px!important;font-size:.6rem!important}.rme-save-bar{flex-direction:column!important;align-items:stretch!important;padding:.625rem 1rem!important;gap:.75rem!important}.rme-save-bar__hint{font-size:.7rem!important;text-align:center!important}.rme-save-bar>div{width:100%!important;flex-direction:column!important;gap:.5rem!important}.rme-save-bar .rme-btn{width:100%!important}.rme-exam-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.rme-exam-card__banner{height:95px!important;padding:12px 14px!important}.rme-exam-card__name{font-size:.9rem!important}.rme-exam-card__year{font-size:.72rem!important}.rme-exam-card__type{font-size:.6rem!important}.rme-exam-card__body{padding:10px 12px 8px!important}.rme-exam-card__meta-item{font-size:.68rem!important}.rme-exam-card__status{font-size:.58rem!important;padding:2px 6px!important}.rme-exam-card__footer{padding:8px 12px 10px!important}.rme-exam-card__cta{font-size:.72rem!important;padding:.45rem .75rem!important}}@media(max-width:480px){.rme-page{padding:.625rem!important}.rme-header{padding:.875rem!important}.rme-title{font-size:.9rem!important}.rme-sub{font-size:.65rem!important}.rme-header-actions{gap:.4rem!important}.rme-btn{padding:.5rem .4rem!important;font-size:.68rem!important}.rme-btn i{font-size:.62rem!important}.rme-controls{padding:.75rem .875rem!important}.rme-stats-row{gap:.75rem!important}.rme-stat{min-width:38px!important}.rme-stat__val{font-size:.95rem!important}.rme-stat__lbl{font-size:.52rem!important}.rme-table{min-width:720px!important;font-size:.85rem!important}.rme-table th{padding:.55rem .65rem!important;font-size:.55rem!important}.rme-table td{padding:.55rem .65rem!important}.rme-student__avatar{width:26px!important;height:26px!important;font-size:.58rem!important}.rme-student__name{font-size:.75rem!important}.rme-marks-input{width:55px!important;font-size:.78rem!important}.rme-exam-grid{grid-template-columns:1fr!important}.rme-exam-card__banner{height:90px!important;padding:10px 12px!important}.rme-exam-card__name{font-size:.85rem!important}.rme-exam-card__body{padding:8px 10px 6px!important}.rme-exam-card__footer{padding:6px 10px 8px!important}.rme-save-bar{padding:.5rem .875rem!important}.rme-save-bar__hint{font-size:.68rem!important}}.results-management{padding:1.25rem;background:#f5f5fa;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem}.results-management .page-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:0;position:relative;overflow:hidden;color:#fff}.results-management .page-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.results-management .page-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.results-management .page-title{position:relative;z-index:1}.results-management .page-title h1{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em;display:flex;align-items:center;position:relative;z-index:1}.results-management .page-title p{font-size:.875rem;color:#ffffffbf;margin:0;position:relative;z-index:1}.page-actions{display:flex;gap:.5rem;position:relative;z-index:1}.results-management .page-header__right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;flex-shrink:0;position:relative;z-index:1}.results-management .page-header__circle1{position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.results-management .page-header__circle2{position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.rm-tabs{display:flex;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:4px;border-radius:12px;gap:2px}.rm-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:none;border-radius:9px;cursor:pointer;font-size:.8rem;font-weight:700;background:transparent;color:#ffffffa6;transition:all .2s;white-space:nowrap;font-family:inherit}.rm-tab i{font-size:.72rem}.rm-tab:hover{color:#fff;background:#ffffff1f}.rm-tab.active{background:#fff;color:#1e293b;box-shadow:0 2px 8px #00000026}.rm-new-btn{align-self:flex-end}.rm-filter-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:9px;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-end}.rm-filter-btn:hover,.rm-filter-btn.active{background:#ffffff47}.rm-filter-chevron{font-size:.6rem;opacity:.8}.rm-filter-dot{width:7px;height:7px;border-radius:50%;background:#fbbf24;flex-shrink:0}.rm-filter-panel{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:1rem 1.25rem;box-shadow:0 4px 16px #00000012;animation:rmFilterIn .18s ease;margin-top:-.5rem}@keyframes rmFilterIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .rm-filter-panel{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 4px 16px #0000004d}.btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .875rem;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;border:none;white-space:nowrap}.btn-primary{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-primary:hover{background:#ffffff47;transform:translateY(-1px)}.btn-secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff38}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem;margin-bottom:0}.stat-card-mini{background:#fff;padding:.875rem 1rem;border-radius:12px;border:1px solid #ebebf5;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s,transform .15s}.stat-card-mini:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000012}.stat-icon-primary{background:#ede9fe;color:#4f46e5}.stat-icon-success{background:#d1fae5;color:#10b981}.stat-icon-warning{background:#fef3c7;color:#f59e0b}.stat-icon-danger{background:#fee2e2;color:#ef4444}.stat-content{display:flex;flex-direction:column;gap:1px}.stat-label{font-size:.62rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:1.25rem;font-weight:800;color:#111827;line-height:1}.rm-filters-bar{display:flex;align-items:center;gap:.625rem;background:#fff;border:1px solid #ebebf5;border-radius:14px;padding:.75rem 1rem;box-shadow:0 1px 3px #0000000a;flex-wrap:wrap}.rm-filter-search{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.rm-filter-search__icon{position:absolute;left:.75rem;color:#94a3b8;font-size:.72rem;pointer-events:none;z-index:1}.rm-filter-search__input{width:100%;height:38px;padding:0 2.25rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.82rem;font-family:inherit;color:#111827;background:#f8fafc;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;box-sizing:border-box}.rm-filter-search__input::-moz-placeholder{color:#94a3b8}.rm-filter-search__input::placeholder{color:#94a3b8}.rm-filter-search__input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.rm-filter-search__clear{position:absolute;right:.6rem;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.7rem;padding:0;line-height:1;transition:color .15s}.rm-filter-search__clear:hover{color:#ef4444}.rm-filter-select-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.rm-filter-select-wrap__icon{position:absolute;left:.75rem;color:#94a3b8;font-size:.65rem;pointer-events:none;z-index:1}.rm-filter-select{height:38px;padding:0 2rem 0 2.25rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.8rem;font-family:inherit;color:#374151;background:#f8fafc;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;transition:border-color .2s,background-color .2s,box-shadow .2s;min-width:160px;box-sizing:border-box}.rm-filter-select:focus{border-color:#4f46e5;background-color:#fff;box-shadow:0 0 0 3px #4f46e51a}.rm-filter-select:hover{border-color:#c7d2fe}.rm-filter-reset{display:inline-flex;align-items:center;gap:.3rem;height:38px;padding:0 .875rem;background:#fee2e2;border:1.5px solid #fca5a5;border-radius:10px;color:#dc2626;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;flex-shrink:0}.rm-filter-reset i{font-size:.65rem}.rm-filter-reset:hover{background:#fecaca;border-color:#f87171}[data-theme=dark] .rm-filters-bar{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .rm-filter-search__input,[data-theme=dark] .rm-filter-select{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .rm-filter-search__input:focus,[data-theme=dark] .rm-filter-select:focus{background:#1a1a1a;border-color:#4f46e5}[data-theme=dark] .rm-filter-reset{background:#dc262626;border-color:#f871714d;color:#f87171}.results-table-section{background:#fff;border:1px solid #ebebf5;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000d;flex:1}.table-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid #f3f4f6;background:#fafafa;flex-wrap:wrap;gap:.5rem}.table-header h2{font-size:.82rem;font-weight:800;color:#111827;margin:0;text-transform:uppercase;letter-spacing:.04em}.table-subtitle{font-size:.68rem;color:#9ca3af;font-weight:600}.table-container{overflow-x:auto}.loading-state,.empty-state{padding:4rem 2rem;text-align:center;color:#9ca3af}.loading-state i{font-size:1.5rem;color:#4f46e5}.loading-state p{margin-top:.5rem;font-size:.82rem}.empty-state i{font-size:2rem;opacity:.2;display:block;margin-bottom:.75rem}.empty-state h3{font-size:.9rem;font-weight:700;color:#374151;margin:0 0 .3rem}.empty-state p{font-size:.75rem;margin:0 0 1rem}.results-table{width:100%;border-collapse:collapse;min-width:800px}.results-table th{background:#fafafa;padding:.65rem 1rem;text-align:left;font-size:.62rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f3f4f6;white-space:nowrap}.th-actions{text-align:right}.results-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.results-table tr:last-child td{border-bottom:none}.results-table tr:hover{background:#fafafa}.exam-name{font-size:.85rem;font-weight:700;color:#111827;margin-bottom:3px}.exam-targets{display:flex;gap:3px;flex-wrap:wrap}.target-badge{font-size:.6rem;font-weight:600;background:#f3f4f6;color:#6b7280;padding:1px 6px;border-radius:4px}.term-year{font-size:.82rem;font-weight:700;color:#111827;margin-bottom:2px}.term-details{font-size:.65rem;color:#9ca3af;font-weight:600}.exam-type-badge{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;background:#ede9fe;color:#4f46e5;white-space:nowrap;display:inline-block;text-transform:capitalize}.schedule-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#374151;font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot-success{background:#10b981}.status-dot-warning{background:#f59e0b}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:6px;font-size:.65rem;font-weight:700;white-space:nowrap;text-transform:capitalize}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.info{background:#dbeafe;color:#1e40af}.status-badge.secondary{background:#f3f4f6;color:#374151}.td-actions{text-align:right}.action-buttons{display:flex;gap:.3rem;justify-content:flex-end;align-items:center;flex-wrap:wrap}.action-btn{width:28px;height:28px;border:none;border-radius:7px;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;transition:all .15s;flex-shrink:0}.action-btn:hover{background:#ede9fe;color:#4f46e5}.action-btn.view:hover{background:#dbeafe;color:#2563eb}.action-btn.edit:hover{background:#fef3c7;color:#d97706}.action-btn.publish:hover{background:#d1fae5;color:#059669}.action-btn.delete:hover{background:#fee2e2;color:#ef4444}.btn-grade{display:inline-flex;align-items:center;gap:.2rem;padding:.3rem .65rem;border:none;border-radius:7px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.68rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;box-shadow:0 1px 4px #4f46e540}.btn-grade:hover{box-shadow:0 3px 8px #4f46e559;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:rmFadeIn .2s ease}@keyframes rmFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;width:95%;max-width:900px;max-height:90vh;border-radius:16px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;overflow:hidden;animation:rmSlideUp .25s cubic-bezier(.16,1,.3,1);border:1px solid #ebebf5}@keyframes rmSlideUp{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;background:#fafafa;flex-shrink:0}.modal-header h2{font-size:.9rem;font-weight:800;color:#111827;margin:0}.modal-close{width:28px;height:28px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s}.modal-close:hover{background:#fee2e2;color:#ef4444}.modal-body{padding:1.25rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.modal-footer{padding:.875rem 1.25rem;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:.5rem;background:#fafafa;flex-shrink:0}.exam-form-grid{display:grid;grid-template-columns:1fr 360px;gap:1.25rem}@media(max-width:800px){.exam-form-grid{grid-template-columns:1fr}}.form-section-title{font-size:.68rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.875rem;display:flex;align-items:center;gap:.4rem}.form-section-title i{color:#4f46e5}.form-group{margin-bottom:.875rem}.form-group label{display:block;font-size:.68rem!important;font-weight:700!important;color:#374151!important;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem!important}.form-group input,.form-group select,.form-group textarea{width:100%!important;padding:.5rem .7rem!important;border-radius:8px!important;border:1.5px solid #e5e7eb!important;background:#f9fafb!important;font-size:.8rem!important;font-family:inherit!important;color:#111827!important;outline:none!important;transition:border-color .2s,background .2s!important;box-sizing:border-box!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5!important;background:#fff!important;box-shadow:0 0 0 3px #4f46e51a!important}.targets-manager{background:#f9fafb;padding:.875rem;border-radius:10px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem}.target-item{background:#fff;padding:.875rem;border-radius:9px;border:1.5px solid #e5e7eb;position:relative;transition:border-color .15s}.target-item:hover{border-color:#c4b5fd}.btn-remove-target{position:absolute;top:6px;right:6px;width:20px;height:20px;background:#fee2e2;color:#ef4444;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.55rem;transition:all .15s}.btn-remove-target:hover{background:#ef4444;color:#fff}.target-grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.results-management{padding:.75rem}.stats-grid{grid-template-columns:1fr 1fr}.filters-inline{flex-direction:column}.results-management .page-header{flex-direction:column;align-items:stretch}}[data-theme=dark] .results-management{background:#0a0a0a}[data-theme=dark] .page-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-color:transparent}[data-theme=dark] .page-title h1{color:#f1f5f9}[data-theme=dark] .stat-card-mini{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .stat-value{color:#f1f5f9}[data-theme=dark] .filters-section{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .filter-select,[data-theme=dark] .filter-group select,[data-theme=dark] .filter-group input,[data-theme=dark] .search-input{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .results-table-section{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .table-header{background:#0f0f0f;border-color:#ffffff0d}[data-theme=dark] .table-header h2{color:#f1f5f9}[data-theme=dark] .results-table th{background:#0f0f0f;border-color:#ffffff0d}[data-theme=dark] .results-table td{border-color:#ffffff0d}[data-theme=dark] .results-table tr:hover{background:#ffffff05}[data-theme=dark] .exam-name,[data-theme=dark] .term-year{color:#f1f5f9}[data-theme=dark] .action-btn{background:#ffffff0d;color:#94a3b8}[data-theme=dark] .modal-header{background:#0f0f0f;border-color:#ffffff0d}[data-theme=dark] .modal-header h2{color:#f1f5f9}[data-theme=dark] .modal-footer{background:#0f0f0f;border-color:#ffffff0d}[data-theme=dark] .targets-manager{background:#0f0f0f;border-color:#ffffff14}[data-theme=dark] .target-item{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:#0f0f0f!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.em-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:emFadeIn .2s ease}.em-btn--save{color:#fff;box-shadow:0 4px 12px #4f46e54d}.em-btn--save:hover{box-shadow:0 6px 16px #4f46e566;transform:translateY(-1px)}[data-theme=dark] .em-btn--cancel{background:#ffffff0d;border-color:#ffffff1a;color:#cbd5e1}@media(max-width:768px){.results-management{padding:.75rem!important;gap:.75rem!important;min-height:auto!important}.results-management .page-header{flex-direction:column!important;align-items:flex-start!important;padding:1rem 1.1rem!important;border-radius:12px!important;gap:.75rem!important}.results-management .page-title{width:100%!important}.results-management .page-title h1{font-size:1.15rem!important;flex-wrap:wrap!important}.results-management .page-title h1 span{width:36px!important;height:36px!important;font-size:.9rem!important}.results-management .page-title p{font-size:.78rem!important}.page-actions{width:100%!important;display:flex!important;flex-direction:column!important;gap:.5rem!important}.page-actions .btn{width:100%!important;justify-content:center!important;padding:.5rem .875rem!important}.stats-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:.625rem!important;scrollbar-width:none!important;-ms-overflow-style:none!important;grid-template-columns:unset!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.stats-grid::-webkit-scrollbar{display:none!important}.stat-card-mini{flex:0 0 auto!important;min-width:140px!important;padding:.75rem .875rem!important;scroll-snap-align:start!important}.stat-icon{width:32px!important;height:32px!important;font-size:.75rem!important}.stat-value{font-size:1.1rem!important}.stat-label{font-size:.58rem!important}.filters-section{padding:.75rem 1rem!important}.filters-inline{flex-direction:column!important;gap:.75rem!important}.filter-group{min-width:unset!important;width:100%!important}.filter-group label{font-size:.6rem!important;margin-bottom:.35rem!important}.filter-group-search{min-width:unset!important;max-width:100%!important;width:100%!important}.search-input-wrapper{width:100%!important}.filter-select,.filter-group select,.search-input{width:100%!important;box-sizing:border-box!important;font-size:.8rem!important;padding:.55rem .7rem!important}.search-input-wrapper i{font-size:.7rem!important;left:.7rem!important}.search-input{padding-left:2.2rem!important}.btn-reset{width:100%!important;justify-content:center!important;padding:.55rem .75rem!important;font-size:.72rem!important}.results-table-section{border-radius:12px!important;display:flex!important;flex-direction:column!important;max-height:calc(100vh - 420px)!important;min-height:400px!important}.table-header{padding:.75rem 1rem!important;flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important;flex-shrink:0!important}.table-header h2{font-size:.78rem!important}.table-subtitle{font-size:.65rem!important}.table-container{overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1!important;position:relative!important}.results-table{min-width:800px!important;width:100%!important}.results-table th{font-size:.6rem!important;padding:.65rem .75rem!important;position:sticky!important;top:0!important;background:#fafafa!important;z-index:10!important}.results-table td{padding:.75rem!important}.exam-name{font-size:.82rem!important;white-space:nowrap!important}.exam-targets{gap:3px!important;flex-wrap:wrap!important}.target-badge{font-size:.6rem!important;padding:2px 6px!important;white-space:nowrap!important}.term-year{font-size:.78rem!important;white-space:nowrap!important}.term-details{font-size:.62rem!important;white-space:nowrap!important}.exam-type-badge{font-size:.62rem!important;padding:.2rem .45rem!important}.schedule-status{font-size:.72rem!important;white-space:nowrap!important}.status-dot{width:6px!important;height:6px!important}.status-badge{font-size:.62rem!important;padding:.2rem .5rem!important;white-space:nowrap!important}.action-buttons{flex-wrap:nowrap!important;gap:.3rem!important;justify-content:flex-end!important}.action-btn{width:28px!important;height:28px!important;font-size:.62rem!important;flex-shrink:0!important}.btn-grade{font-size:.65rem!important;padding:.3rem .6rem!important;white-space:nowrap!important}.em-overlay{align-items:flex-end;padding:0}.em-modal{max-width:100%;width:100%;border-radius:18px 18px 0 0;max-height:92vh}.em-modal__header{padding:1rem 1.25rem}.em-modal__header-left{gap:.625rem}.em-modal__icon{width:36px;height:36px}.em-modal__title{font-size:.95rem}.em-modal__sub{font-size:.68rem}.em-modal__body{padding:1rem 1.25rem}.em-form-grid{grid-template-columns:1fr;gap:1rem}.em-row{grid-template-columns:1fr;gap:.625rem}.em-section-label{font-size:.62rem}.em-label{font-size:.65rem}.em-input{font-size:.82rem;padding:.55rem .75rem}.em-targets{max-height:280px;padding:.75rem}.em-target-card{padding:.75rem}.em-modal__footer{flex-direction:column-reverse;gap:.5rem;padding:1rem 1.25rem}.em-btn{width:100%;justify-content:center;padding:.65rem 1rem}.em-add-scope{font-size:.65rem}.loading-state,.empty-state{padding:3rem 1.5rem}.empty-state i{font-size:1.75rem}.empty-state h3{font-size:.85rem}.empty-state p{font-size:.72rem}}@media(max-width:480px){.results-management{padding:.625rem;gap:.625rem}.results-management .page-header{padding:.875rem 1rem}.results-management .page-title h1{font-size:1rem}.results-management .page-title h1 span{width:32px;height:32px;font-size:.85rem}.results-management .page-title p{font-size:.72rem}.stats-grid{gap:.5rem;padding-bottom:3px}.stat-card-mini{min-width:120px;padding:.625rem .75rem}.stat-icon{width:30px;height:30px;font-size:.7rem}.stat-value{font-size:1rem}.stat-label{font-size:.55rem}.filters-section{padding:.625rem .875rem}.filters-inline{gap:.625rem}.filter-group label{font-size:.58rem}.filter-select,.filter-group select,.search-input{font-size:.78rem;padding:.5rem .65rem}.search-input-wrapper i{font-size:.68rem;left:.65rem}.search-input{padding-left:2rem}.btn-reset{font-size:.68rem;padding:.5rem .65rem}.results-table-section{max-height:calc(100vh - 440px);min-height:350px}.table-header{padding:.625rem .875rem}.table-header h2{font-size:.75rem}.table-subtitle{font-size:.62rem}.results-table{min-width:750px;font-size:.85rem}.results-table th{font-size:.58rem;padding:.6rem .65rem}.results-table td{padding:.65rem}.exam-name{font-size:.78rem}.target-badge{font-size:.58rem;padding:1px 5px}.term-year{font-size:.75rem}.term-details{font-size:.6rem}.exam-type-badge{font-size:.6rem;padding:.15rem .4rem}.schedule-status{font-size:.68rem}.status-badge{font-size:.6rem;padding:.15rem .45rem}.action-btn{width:26px;height:26px;font-size:.6rem}.btn-grade{font-size:.62rem;padding:.25rem .55rem}.em-modal__header,.em-modal__body,.em-modal__footer{padding:.875rem 1rem}.em-modal__title{font-size:.9rem}.em-modal__sub{font-size:.65rem}.em-input{font-size:.78rem;padding:.5rem .7rem}.em-btn{font-size:.78rem;padding:.6rem .875rem}}.em-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:emFadeIn .2s ease}.em-modal{background:#fff;border-radius:20px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #00000038;animation:emSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes emSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.em-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;flex-shrink:0}.em-modal__header-left{display:flex;align-items:center;gap:.875rem}.em-modal__icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0;box-shadow:0 4px 12px #0000002e}.em-modal__title{font-size:1.05rem;font-weight:800;color:#111827;margin:0 0 2px;letter-spacing:-.02em}.em-modal__sub{font-size:.72rem;color:#6b7280;margin:0}.em-modal__close{width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:background .15s,color .15s;flex-shrink:0}.em-modal__close:hover{background:#fee2e2;color:#ef4444}.em-modal__divider{height:1px;background:#f3f4f6;flex-shrink:0}.em-modal__body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.em-modal__body::-webkit-scrollbar{width:4px}.em-modal__body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.em-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:700px){.em-form-grid{grid-template-columns:1fr}}.em-form-section{display:flex;flex-direction:column;gap:.875rem}.em-section-label{display:flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.07em;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.em-section-label i{color:#4f46e5}.em-field{display:flex;flex-direction:column;gap:.3rem}.em-label{font-size:.68rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.em-required{color:#ef4444;margin-left:2px}.em-select{cursor:pointer}.em-select:disabled{opacity:.45;cursor:not-allowed}.em-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.em-status-group{display:flex;gap:.4rem;flex-wrap:wrap}.em-status-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:20px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#6b7280;font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.em-status-pill:hover{border-color:#c7d2fe;background:#eef2ff;color:#4f46e5}.em-status-pill.active--draft{background:#fef3c7;border-color:#fde68a;color:#92400e}.em-status-pill.active--active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.em-status-pill.active--published{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.em-status-pill.active--completed{background:#f3f4f6;border-color:#d1d5db;color:#374151}.em-status-pill i{font-size:.6rem}.em-targets{display:flex;flex-direction:column;gap:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.875rem;max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.em-target-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:.875rem;position:relative;display:flex;flex-direction:column;gap:.625rem;transition:border-color .15s}.em-target-card:hover{border-color:#c4b5fd}.em-target-remove{position:absolute;top:6px;right:6px;width:20px;height:20px;background:#fee2e2;color:#ef4444;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.55rem;transition:all .15s}.em-target-remove:hover{background:#ef4444;color:#fff}.em-add-scope{background:none;border:none;color:#4f46e5;font-size:.68rem;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:3px;padding:0;transition:color .15s}.em-add-scope:hover{color:#4338ca}.em-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.25rem;border-top:1px solid #f3f4f6;flex-shrink:0}.em-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s ease;border:none}.em-btn--cancel{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.em-btn--save{color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);box-shadow:0 4px 12px #1d4ed84d}.em-btn--save:hover{box-shadow:0 6px 16px #1d4ed873;transform:translateY(-1px)}.em-btn--save:disabled{opacity:.55;cursor:not-allowed;transform:none}[data-theme=dark] .em-modal{background:#1a1a1a}[data-theme=dark] .em-modal__header{border-color:#ffffff0f}[data-theme=dark] .em-modal__title{color:#f1f5f9}[data-theme=dark] .em-modal__sub{color:#94a3b8}[data-theme=dark] .em-modal__divider{background:#ffffff0f}[data-theme=dark] .em-modal__close{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .em-modal__footer{border-color:#ffffff0f}[data-theme=dark] .em-section-label{border-color:#ffffff0f;color:#94a3b8}[data-theme=dark] .em-label{color:#94a3b8}[data-theme=dark] .em-input{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .em-input:focus{border-color:#6366f1;background:#0a0a0a}[data-theme=dark] .em-targets{background:#0f0f0f;border-color:#ffffff14}[data-theme=dark] .em-target-card{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .em-status-pill{background:#ffffff0a;border-color:#ffffff1a;color:#94a3b8}.page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.header-content{flex:1;min-width:250px}.page-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.page-header p{color:var(--text-secondary);font-size:.9rem;margin:0}[data-theme=dark] .page-header p{color:#94a3b8}.filters-section{margin-bottom:2rem;display:flex;gap:1rem;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:250px;max-width:400px}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:14px;pointer-events:none}[data-theme=dark] .search-box i{color:#64748b}.search-box input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}[data-theme=dark] .search-box input{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .search-box input::-moz-placeholder{color:#64748b}[data-theme=dark] .search-box input::placeholder{color:#64748b}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}[data-theme=dark] .search-box input:focus{background:#0a0a0a;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.content-placeholder{background:var(--bg-primary);border-radius:8px;padding:3rem 2rem;text-align:center;box-shadow:0 2px 4px #0000001a}.content-placeholder p{color:var(--text-secondary);font-size:1rem;margin:0}.form-container{background:var(--bg-primary);border-radius:12px;padding:2rem;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color)}[data-theme=dark] .form-container{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-primary);font-size:.9rem}[data-theme=dark] .form-group label{color:#f1f5f9}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .form-group input::-moz-placeholder,[data-theme=dark] .form-group textarea::-moz-placeholder{color:#64748b}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#64748b}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);flex-wrap:wrap}[data-theme=dark] .form-actions{border-color:#ffffff1a}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;flex-shrink:0}.btn-primary{background:var(--primary-color);color:#fff}[data-theme=dark] .btn-primary{background:#6366f1}.btn-primary:hover{background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}[data-theme=dark] .btn-primary:hover{background:#4f46e5}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}[data-theme=dark] .btn-secondary{background:#0f0f0f;border-color:#ffffff1a;color:#94a3b8}.btn-secondary:hover{background:var(--hover-bg);color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover{background:#1a1a1a;color:#f1f5f9}.table-container{background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color)}[data-theme=dark] .table-container{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th{background:var(--bg-secondary);padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .data-table th{background:#0f0f0f;border-color:#ffffff0d;color:#94a3b8}.data-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem}[data-theme=dark] .data-table td{border-color:#ffffff0d;color:#f1f5f9}.data-table tbody tr:hover{background:var(--hover-bg)}[data-theme=dark] .data-table tbody tr:hover{background:#ffffff05}.data-table tbody tr:last-child td{border-bottom:none}.action-buttons{display:flex;gap:.5rem;justify-content:flex-start}.btn-edit,.btn-view,.btn-delete{width:32px;height:32px;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.875rem}[data-theme=dark] .btn-edit,[data-theme=dark] .btn-view,[data-theme=dark] .btn-delete{background:#ffffff0d;color:#94a3b8}.btn-edit:hover{background:#f59e0b1a;color:#f59e0b}[data-theme=dark] .btn-edit:hover{background:#f59e0b26;color:#fbbf24}.btn-view:hover{background:#3b82f61a;color:#3b82f6}[data-theme=dark] .btn-view:hover{background:#3b82f626;color:#60a5fa}.btn-delete:hover{background:#ef44441a;color:#ef4444}[data-theme=dark] .btn-delete:hover{background:#ef444426;color:#f87171}.status-badge{padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;white-space:nowrap}.status-badge.active{background:#22c55e26;color:#22c55e}[data-theme=dark] .status-badge.active{background:#22c55e33;color:#4ade80}.status-badge.inactive{background:#ef444426;color:#ef4444}[data-theme=dark] .status-badge.inactive{background:#ef444433;color:#f87171}.status-badge.pending,.status-badge.draft{background:#f59e0b26;color:#f59e0b}[data-theme=dark] .status-badge.pending,[data-theme=dark] .status-badge.draft{background:#f59e0b33;color:#fbbf24}.status-badge.archived{background:#6b728026;color:#6b7280}[data-theme=dark] .status-badge.archived{background:#6b728033;color:#9ca3af}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.table-container{overflow-x:auto}.data-table{min-width:600px}}[data-theme=dark] .content-placeholder{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .content-placeholder p{color:#94a3b8}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}.header-content{min-width:auto}.btn-primary,.btn-secondary{width:100%}.filters-section{flex-direction:column}.search-box{max-width:none}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%}.data-table{min-width:700px}.action-buttons{flex-wrap:nowrap}}@media(max-width:480px){.page-header h1{font-size:1.5rem}.data-table{min-width:600px}.btn-edit,.btn-view,.btn-delete{width:28px;height:28px;font-size:.75rem}}.filter-bar{display:flex;gap:1rem;margin:1.5rem 0;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 1px 3px #0000000d;flex-wrap:wrap;border:1px solid #e2e8f0}[data-theme=dark] .filter-bar{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 1px 3px #000c}.filter-search{flex:1 1 250px}.filter-search input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;color:#1e293b;transition:all .2s}[data-theme=dark] .filter-search input{background:#0c0c0c;border-color:#ffffff1a;color:#e5e5e5}[data-theme=dark] .filter-search input::-moz-placeholder{color:#6b7280}[data-theme=dark] .filter-search input::placeholder{color:#6b7280}.filter-search input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}[data-theme=dark] .filter-search input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.filter-select-group{flex:0 0 auto;min-width:150px}.filter-select-group select{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;color:#1e293b;cursor:pointer;transition:all .2s}[data-theme=dark] .filter-select-group select{background:#0c0c0c;border-color:#ffffff1a;color:#e5e5e5}.filter-select-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}[data-theme=dark] .filter-select-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.btn-clear{padding:.75rem 1.25rem;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;color:#64748b;font-weight:500;transition:all .2s;white-space:nowrap}[data-theme=dark] .btn-clear{background:#262626;color:#9ca3af}.btn-clear:hover{background:#e2e8f0;color:#475569}[data-theme=dark] .btn-clear:hover{background:#333;color:#d1d5db}.loading-state{text-align:center;padding:3rem 2rem}.loading-state p{color:#64748b;margin-top:1rem;font-size:.9rem}[data-theme=dark] .loading-state p{color:#9ca3af}.loader{width:48px;height:48px;border:4px solid #f1f5f9;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}[data-theme=dark] .loader{border-color:#262626;border-top-color:#667eea}.subject-type{font-size:.8rem;color:#64748b;margin-top:.25rem}[data-theme=dark] .subject-type{color:#9ca3af}.program-name{font-size:.8rem;color:#64748b;font-weight:500;margin-top:.25rem}[data-theme=dark] .program-name{color:#9ca3af}.class-info{font-size:.8rem;color:#2563eb;font-weight:600;margin-top:.25rem}[data-theme=dark] .class-info{color:#60a5fa}.empty-state-cell{text-align:center;padding:3rem!important;color:#64748b}[data-theme=dark] .empty-state-cell{color:#9ca3af}.btn-edit-inline{margin-right:.5rem;color:#2563eb!important}[data-theme=dark] .btn-edit-inline{color:#60a5fa!important}.btn-delete-inline{color:#ef4444!important}[data-theme=dark] .btn-delete-inline{color:#f87171!important}.badge{padding:.35rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;white-space:nowrap}.badge-blue{background:#3b82f626;color:#2563eb}[data-theme=dark] .badge-blue{background:#3b82f633;color:#60a5fa}.badge-green{background:#22c55e26;color:#22c55e}[data-theme=dark] .badge-green{background:#22c55e33;color:#4ade80}.badge-yellow{background:#f59e0b26;color:#f59e0b}[data-theme=dark] .badge-yellow{background:#f59e0b33;color:#fbbf24}.badge-red{background:#ef444426;color:#ef4444}[data-theme=dark] .badge-red{background:#ef444433;color:#f87171}@media(max-width:768px){.filter-bar{flex-direction:column}.filter-search,.filter-select-group{flex:1 1 auto;min-width:100%}.btn-clear{width:100%}}.manage-exam-schedule-page{padding:0;display:flex;flex-direction:column;gap:1.25rem}.mes-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:relative;overflow:hidden;color:#fff}.mes-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.mes-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.mes-header__left{display:flex;align-items:center;gap:.875rem;position:relative;z-index:1}.mes-header__icon{width:44px;height:44px;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.mes-header__title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em}.mes-header__sub{font-size:.875rem;color:#ffffffbf;margin:0}.mes-header__btn{background:#ffffff2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:9px!important;position:relative;z-index:1}.mes-header__btn:hover{background:#ffffff47!important;transform:translateY(-1px)}.mes-header__actions{display:flex;align-items:center;gap:.75rem;position:relative;z-index:10;flex-shrink:0}.mes-filter-wrap{position:relative}.mes-filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:9px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mes-filter-btn:hover,.mes-filter-btn.active{background:#ffffff47}.mes-filter-chevron{font-size:.65rem;opacity:.8}.mes-filter-dot{width:7px;height:7px;border-radius:50%;background:#fbbf24;flex-shrink:0}.mes-filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:520px;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 32px #00000024;padding:1rem 1.25rem;z-index:100;animation:filterDropIn .18s ease}@keyframes filterDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .mes-filter-dropdown{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 12px 32px #0006}.content-layout{display:grid;gap:1.5rem;align-items:flex-start}.scheduler-main{background:#fff;padding:1.5rem;border-radius:16px;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;gap:1.25rem}.scheduler-main__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.scheduler-main__title{font-size:1.1rem;font-weight:800;color:#111827;margin:0 0 3px;letter-spacing:-.01em}.scheduler-main__sub{font-size:.78rem;color:#6b7280;margin:0}.scheduler-main__actions{display:flex;gap:.625rem;flex-shrink:0}.sched-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:9px;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;border:none}.sched-btn--ghost{background:#f8fafc;color:#374151;border:1.5px solid #e2e8f0}.sched-btn--ghost:hover{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.sched-btn--primary{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;box-shadow:0 3px 10px #1d4ed840}.sched-btn--primary:hover{box-shadow:0 5px 14px #1d4ed859;transform:translateY(-1px)}.sched-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.sched-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.sched-table{width:100%;border-collapse:collapse;min-width:700px}.sched-th{padding:.7rem .875rem;text-align:left;font-size:.62rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;background:#fafafa;border-bottom:1px solid #f3f4f6;white-space:nowrap}.sched-th--subject{min-width:200px}.sched-th--marks{width:90px;text-align:center}.sched-th--action{width:48px}.sched-row{transition:background .1s}.sched-row:hover{background:#fafafa}.sched-row:not(:last-child) .sched-td{border-bottom:1px solid #f3f4f6}.sched-td{padding:.625rem .875rem;vertical-align:middle}.sched-td--subject{min-width:200px}.sched-td--marks,.sched-td--action{text-align:center}.sched-input{padding:.45rem .65rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.8rem;font-family:inherit;color:#111827;background:#f8fafc;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;box-sizing:border-box}.sched-input:focus{border-color:#1d4ed8;background:#fff;box-shadow:0 0 0 3px #1d4ed81a}.sched-input::-moz-placeholder{color:#9ca3af}.sched-input::placeholder{color:#9ca3af}.sched-select{width:100%;cursor:pointer}.sched-input--time{width:110px}.sched-input--room{width:100%;max-width:110px}.sched-input--marks{width:70px;text-align:center}.sched-time-row{display:flex;align-items:center;gap:6px}.sched-time-sep{font-size:.75rem;color:#9ca3af;font-weight:600;flex-shrink:0}.sched-remove-btn{width:30px;height:30px;border-radius:8px;border:none;background:#fee2e2;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;transition:all .15s;margin:0 auto}.sched-remove-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.sched-empty{padding:3rem;text-align:center;color:#9ca3af;font-size:.82rem}[data-theme=dark] .scheduler-main{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .scheduler-main__title{color:#f1f5f9}[data-theme=dark] .sched-table-wrap{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .sched-th{background:#0f0f0f;border-color:#ffffff0f}[data-theme=dark] .sched-row:hover{background:#ffffff05}[data-theme=dark] .sched-td{border-color:#ffffff0f}[data-theme=dark] .sched-input{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .sched-input:focus{background:#1a1a1a;border-color:#1d4ed8}[data-theme=dark] .sched-btn--ghost{background:#ffffff0a;border-color:#ffffff1a;color:#94a3b8}.side-panel{display:flex;flex-direction:column;gap:1.5rem}.exam-card-simple:hover{border-color:var(--primary-color)!important;box-shadow:0 4px 15px #0000000d;transform:translateY(-2px)}.btn-publish-tiny:hover{background:#16a34a!important}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-content h1{color:var(--text-primary);margin-bottom:.5rem}.header-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.search-box{position:relative;flex:1;max-width:400px}.search-box i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary)}.filter-controls{display:flex;gap:1rem}.filter-select{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);min-width:150px}.schedules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.schedule-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.schedule-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start}.exam-info h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem;font-weight:600;line-height:1.3}.exam-meta{display:flex;flex-direction:column;gap:.25rem}.class-info{color:var(--primary-color);font-weight:500;font-size:.9rem}.academic-year{color:var(--text-muted);font-size:.8rem}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.success{background:#22c55e1a;color:#22c55e}.status-badge.warning{background:#f59e0b1a;color:#f59e0b}.status-badge.info{background:#3b82f61a;color:#3b82f6}.card-body{padding:1.5rem}.exam-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.detail-item i{width:16px;color:var(--text-muted)}.card-actions{padding:1rem 1.5rem;background:var(--bg-secondary);display:flex;gap:.5rem;justify-content:flex-end}.btn-action{padding:.5rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-view{background:#3b82f61a;color:#3b82f6}.btn-view:hover{background:#3b82f633}.btn-edit{background:#f59e0b1a;color:#f59e0b}.btn-edit:hover{background:#f59e0b33}.btn-publish{background:#22c55e1a;color:#22c55e}.btn-publish:hover{background:#22c55e33}.btn-delete{background:#ef44441a;color:#ef4444}.btn-delete:hover{background:#ef444433}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state i{font-size:3rem;margin-bottom:1rem;color:var(--text-light)}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem}.empty-state p{margin:0;font-size:.9rem}@media(max-width:768px){.manage-exam-schedule-page{padding:.75rem}.mes-header{flex-direction:column;align-items:flex-start;padding:1rem 1.1rem;gap:.75rem}.mes-header__left{width:100%}.mes-header__actions{width:100%;flex-wrap:wrap}.mes-filter-dropdown{min-width:calc(100vw - 2rem);right:auto;left:0}.mes-header__icon{width:36px;height:36px;font-size:.9rem}.mes-header__title{font-size:1.15rem}.mes-header__sub{font-size:.78rem}.mes-header__btn{width:100%;justify-content:center}.content-layout{grid-template-columns:1fr!important;gap:1rem!important}.side-panel{order:1}.side-panel>div[style*=grid]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.exam-gc-card__banner{height:95px;padding:12px 14px}.exam-gc-card__name{font-size:.9rem;padding-right:60px}.exam-gc-card__year{font-size:.72rem}.exam-gc-card__type{font-size:.6rem}.exam-gc-card__status-pill{font-size:.55rem;padding:2px 7px;top:8px;right:8px}.exam-gc-card__body{padding:10px 12px 8px}.exam-gc-card__meta-row{gap:10px}.exam-gc-card__meta-item{font-size:.68rem}.exam-gc-card__footer{padding:6px 8px 8px;gap:3px}.exam-gc-card__btn{width:28px;height:28px;font-size:.68rem}.classes-selector{padding:1rem!important}.classes-selector h4{font-size:.85rem!important}.classes-selector p{font-size:.7rem!important}.classes-selector>div[style*="flex-direction: column"]>div{padding:12px 14px!important;font-size:.8rem!important}.scheduler-main{order:2;padding:1.25rem!important}.scheduler-main>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.scheduler-main>div:first-child>div:last-child{width:100%;flex-direction:column!important;gap:.5rem!important}.scheduler-main>div:first-child>div:last-child button{width:100%;justify-content:center}.scheduler-main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.scheduler-main thead,.scheduler-main tbody,.scheduler-main tr{display:table;width:100%;table-layout:fixed}.scheduler-main table{min-width:700px}.scheduler-main th,.scheduler-main td{padding:10px 8px!important;font-size:.78rem}.scheduler-main select,.scheduler-main input{font-size:.78rem!important;padding:6px!important}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.filters-section{flex-direction:column;align-items:stretch}.filter-controls{flex-direction:column}.schedules-grid{grid-template-columns:1fr}.card-header{flex-direction:column;gap:1rem;align-items:stretch}}@media(max-width:480px){.manage-exam-schedule-page{padding:.625rem}.mes-header{padding:.875rem 1rem}.mes-header__title{font-size:1rem}.mes-header__sub{font-size:.72rem}.side-panel>div[style*=grid]{grid-template-columns:1fr!important}.exam-gc-card__banner{height:85px;padding:10px 12px}.exam-gc-card__name{font-size:.85rem}.exam-gc-card__body{padding:8px 10px 6px}.exam-gc-card__footer{padding:5px 6px 6px}.exam-gc-card__btn{width:26px;height:26px;font-size:.62rem}.scheduler-main{padding:1rem!important}.scheduler-main h2{font-size:.95rem!important}.scheduler-main table{min-width:650px;font-size:.75rem}}.loading-spinner-inline{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}[data-theme=dark] .loading-spinner-inline i{color:#6366f1}.gc-card{background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease;display:flex;flex-direction:column}.gc-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.gc-card__banner{position:relative;height:120px;padding:14px 16px;display:flex;align-items:flex-start;overflow:hidden}.gc-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.gc-card__banner-text{flex:1;min-width:0;z-index:1}.gc-card__class{font-size:1rem;font-weight:700;color:#fff;margin:0 0 4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-card__subject{font-size:.82rem;color:#ffffffe0;margin:0 0 3px}.gc-card__code{font-size:.7rem;color:#ffffffa6;margin:0;text-transform:uppercase;letter-spacing:.3px}.gc-card__avatar{position:absolute;bottom:-16px;right:14px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;z-index:2;box-shadow:0 2px 8px #0003}.gc-card__teacher{font-size:.82rem;color:var(--text-secondary, #6b7280);margin:0 0 4px}.gc-card__last{font-size:.75rem;color:var(--text-muted, #9ca3af);margin:0}.gc-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:6px 10px 10px;border-top:1px solid var(--border-color, #e5e7eb)}.gc-card__icon-btn{width:32px;height:32px;border-radius:50%;border:none;background:none;color:var(--text-muted, #9ca3af);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.gc-card__icon-btn:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.exam-gc-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d}.exam-gc-card:hover{box-shadow:0 6px 24px #00000021;transform:translateY(-3px)}.exam-gc-card__banner{position:relative;height:110px;padding:14px 16px 12px;display:flex;align-items:flex-start;overflow:hidden}.exam-gc-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.exam-gc-card__banner-text{flex:1;min-width:0;z-index:1}.exam-gc-card__name{font-size:1rem;font-weight:800;color:#fff;margin:0 0 4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:70px}.exam-gc-card__year{font-size:.78rem;color:#ffffffd9;margin:0 0 3px}.exam-gc-card__type{font-size:.65rem;color:#ffffffa6;margin:0;text-transform:uppercase;letter-spacing:.4px;font-weight:600}.exam-gc-card__status-pill{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:9999px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;z-index:2;white-space:nowrap}.pill--published{background:#dcfce7f2;color:#15803d}.pill--draft{background:#fef3c7f2;color:#92400e}.pill--active{background:#dbeafef2;color:#1d4ed8}.pill--inactive{background:#fee2e2f2;color:#b91c1c}.exam-gc-card__body{padding:12px 14px 10px;flex:1}.exam-gc-card__meta-row{display:flex;gap:14px}.exam-gc-card__meta-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:#6b7280;font-weight:500}.exam-gc-card__meta-item i{font-size:.65rem;color:#9ca3af}.exam-gc-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:8px 10px 10px;border-top:1px solid #f3f4f6}.exam-gc-card__btn{width:30px;height:30px;border-radius:8px;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.72rem;transition:background .15s,color .15s,transform .15s;color:#6b7280}.exam-gc-card__btn:hover{transform:scale(1.1)}.exam-gc-card__btn--edit:hover{background:#fef3c7;color:#d97706}.exam-gc-card__btn--publish:hover{background:#d1fae5;color:#059669}.exam-gc-card__btn--toggle:hover{background:#fef3c7;color:#f59e0b}.exam-gc-card__btn--delete:hover{background:#fee2e2;color:#ef4444}[data-theme=dark] .exam-gc-card{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .exam-gc-card__footer{border-color:#ffffff0f}[data-theme=dark] .exam-gc-card__btn{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .exam-gc-card__meta-item{color:#94a3b8}.rme-page{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-height:calc(100vh - 120px);background:#f5f5fa}.rme-page-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.rme-exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.rme-exam-card:hover{box-shadow:0 6px 22px #0000001c;transform:translateY(-2px)}.rme-exam-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.rme-exam-card__type{font-size:.62rem;color:#ffffffa6;margin:0;text-transform:uppercase;letter-spacing:.4px;font-weight:600}.rme-exam-card__body{padding:12px 14px 8px;flex:1;display:flex;flex-direction:column;gap:8px}.rme-exam-card__date{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:#6b7280;font-weight:500}.rme-exam-card__date i{font-size:.65rem;color:#9ca3af}.rme-exam-card__status-badges{display:flex;gap:4px;flex-wrap:wrap}.rme-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:.62rem;font-weight:700;white-space:nowrap}.rme-badge--published{background:#d1fae5;color:#065f46}.rme-badge--draft{background:#fef3c7;color:#92400e}.rme-badge--pending{background:#f3f4f6;color:#6b7280}.rme-exam-card__schedule-info{border-top:1px solid #f3f4f6;padding-top:8px}.rme-schedule-period{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:#4f46e5;font-weight:600;background:#eef2ff;padding:4px 10px;border-radius:8px}.rme-schedule-period i{font-size:.65rem}.rme-exam-card__footer{padding:0 14px 12px}.rme-exam-card__cta{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:9px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 2px 6px #4f46e540}.rme-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb;color:#9ca3af;text-align:center}.rme-empty i{font-size:2rem;opacity:.3}.rme-empty p{font-size:.82rem;margin:0}.rme-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.rme-selection-card{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #0000000a}.rme-selection-card:hover{border-color:#c7d2fe;background:#f5f3ff;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e51a}.rme-selection-card__icon{width:40px;height:40px;border-radius:10px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.rme-selection-card__content{flex:1;min-width:0}.rme-selection-card__title{font-size:.88rem;font-weight:700;color:#111827;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rme-selection-card__sub{font-size:.7rem;color:#6b7280;margin:0}[data-theme=dark] .rme-exam-card{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .rme-exam-card__body{border-color:#ffffff0f}[data-theme=dark] .rme-exam-card__date{color:#94a3b8}[data-theme=dark] .rme-exam-card__schedule-info{border-color:#ffffff0f}[data-theme=dark] .rme-schedule-period{background:#4f46e526;color:#818cf8}[data-theme=dark] .rme-badge--pending{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .rme-selection-card{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .rme-selection-card:hover{background:#4f46e51a;border-color:#6366f14d}[data-theme=dark] .rme-selection-card__title{color:#f1f5f9}[data-theme=dark] .rme-empty{background:#ffffff05;border-color:#ffffff14}.rme-page-header__icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;flex-shrink:0;box-shadow:0 4px 10px #4f46e54d}.rme-header{background:#fff;border:1px solid #ebebf5;border-radius:14px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:0 1px 4px #0000000d}.rme-header__left{display:flex;align-items:center;gap:.75rem}.rme-title{font-size:1rem;font-weight:800;color:#0f172a;margin:0 0 2px;letter-spacing:-.01em}.rme-sub{font-size:.72rem;color:#6b7280;margin:0}.rme-header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.rme-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .875rem;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;border:none;white-space:nowrap}.rme-btn--ghost{background:transparent;color:#6b7280;border:1.5px solid #e5e7eb}.rme-btn--ghost:hover{background:#f3f4f6;color:#374151}.rme-btn--secondary{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.rme-btn--secondary:hover{background:#e5e7eb}.rme-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.rme-btn--primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 2px 6px #4f46e540}.rme-btn--primary:hover{box-shadow:0 4px 12px #4f46e559;transform:translateY(-1px)}.rme-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.rme-controls{background:#fff;border:1px solid #ebebf5;border-radius:14px;padding:1rem 1.25rem;display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;box-shadow:0 1px 3px #0000000a}.rme-subject-select{display:flex;flex-direction:column;gap:.3rem;min-width:260px;flex:1}.rme-label{font-size:.62rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.rme-select{padding:.55rem .75rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.82rem;background:#f9fafb;color:#111827;font-family:inherit;outline:none;transition:border-color .2s}.rme-select:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.rme-stats-row{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.rme-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:48px}.rme-stat__val{font-size:1.15rem;font-weight:800;color:#111827;line-height:1}.rme-stat__val--green{color:#059669}.rme-stat__val--purple{color:#4f46e5}.rme-stat__lbl{font-size:.58rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.rme-search-bar{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:.55rem .875rem;transition:border-color .2s,box-shadow .2s}.rme-search-bar:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.rme-search-bar i{color:#9ca3af;font-size:.75rem;flex-shrink:0}.rme-search-bar input{flex:1;border:none;background:transparent;font-size:.82rem;color:#111827;outline:none;font-family:inherit}.rme-search-bar input::-moz-placeholder{color:#9ca3af}.rme-search-bar input::placeholder{color:#9ca3af}.rme-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0 2px;font-size:.75rem;transition:color .15s}.rme-search-clear:hover{color:#ef4444}.rme-table-wrap{background:#fff;border:1px solid #ebebf5;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000d;flex:1;overflow-x:auto}.rme-table{width:100%;border-collapse:collapse;min-width:780px}.rme-table thead tr{background:#fafafa;border-bottom:1.5px solid #f0f0f5}.rme-table th{padding:.7rem 1rem;text-align:left;font-size:.6rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.rme-table td{padding:.7rem 1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.rme-table tr:last-child td{border-bottom:none}.rme-row:hover{background:#fafafa}.rme-row--published{background:#10b98106}.rme-row--published:hover{background:#10b9810d}.rme-row--editing{background:#4f46e508!important}.rme-row--editing td{border-bottom-color:#4f46e51a}.rme-roll{font-size:.72rem;font-weight:700;color:#6b7280;background:#f3f4f6;padding:3px 8px;border-radius:5px;white-space:nowrap}.rme-student{display:flex;align-items:center;gap:10px}.rme-student__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rme-student__name{font-size:.85rem;font-weight:600;color:#111827}.rme-marks-cell{display:flex;align-items:center;gap:4px;justify-content:center}.rme-marks-input{width:68px;padding:.4rem .5rem;border:1.5px solid #c4b5fd;border-radius:8px;font-size:.88rem;font-weight:700;text-align:center;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;background:#faf5ff}.rme-marks-input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51f}.rme-marks-display{font-size:.95rem;font-weight:800;color:#111827;min-width:36px;text-align:center}.rme-marks-sep{font-size:.75rem;color:#d1d5db;font-weight:400}.rme-marks-max{font-size:.72rem;color:#9ca3af;font-weight:600}.rme-pct{font-size:.72rem;font-weight:700}.rme-dash{color:#d1d5db;font-size:.85rem}.rme-grade-pill{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.72rem;font-weight:800}.rme-remark-input{width:100%;padding:.4rem .6rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.78rem;color:#374151;font-family:inherit;outline:none;background:#f9fafb;transition:border-color .2s}.rme-remark-input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e514}.rme-remark-input::-moz-placeholder{color:#d1d5db}.rme-remark-input::placeholder{color:#d1d5db}.rme-remark-display{font-size:.78rem;color:#6b7280;font-style:italic}.rme-status{display:inline-flex;align-items:center;gap:4px;font-size:.6rem;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap}.rme-status--published{background:#d1fae5;color:#065f46}.rme-status--draft{background:#f3f4f6;color:#9ca3af}.rme-edit-btn{width:28px;height:28px;border-radius:7px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;transition:all .15s;margin:0 auto}.rme-edit-btn:hover{background:#ede9fe;border-color:#c4b5fd;color:#4f46e5}.rme-edit-btn--active{background:#ede9fe;border-color:#4f46e5;color:#4f46e5}.rme-empty-cell{text-align:center;padding:3rem!important;color:#9ca3af;font-size:.85rem}.rme-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#9ca3af;gap:.75rem}.rme-loading i{font-size:1.5rem;color:#4f46e5}.rme-loading p{font-size:.82rem;margin:0}.rme-save-bar{position:sticky;bottom:0;background:#fff;border:1px solid #ebebf5;border-radius:14px;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 -4px 16px #0000000f;flex-wrap:wrap}.rme-save-bar__hint{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:6px}.rme-save-bar__hint i{color:#4f46e5}.rme-select-title{font-size:1rem;font-weight:800;color:#0f172a;margin:0 0 2px}.rme-select-sub{font-size:.75rem;color:#6b7280;margin:0}.rme-exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.rme-exam-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s}.rme-exam-card:hover{box-shadow:0 6px 24px #0000001f;transform:translateY(-3px)}.rme-exam-card__banner{position:relative;height:110px;padding:14px 16px 12px;display:flex;align-items:flex-start;overflow:hidden}.rme-exam-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.rme-exam-card__banner-text{flex:1;min-width:0;z-index:1}.rme-exam-card__name{font-size:1rem;font-weight:800;color:#fff;margin:0 0 4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rme-exam-card__year{font-size:.78rem;color:#ffffffd9;margin:0 0 3px}.rme-exam-card__type{font-size:.65rem;color:#ffffffa6;margin:0;text-transform:uppercase;letter-spacing:.4px;font-weight:600}.rme-exam-card__body{padding:12px 14px 8px;flex:1}.rme-exam-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.rme-exam-card__meta-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:#6b7280;font-weight:500}.rme-exam-card__meta-item i{font-size:.65rem;color:#9ca3af}.rme-exam-card__status{display:inline-flex;align-items:center;gap:4px;font-size:.6rem;font-weight:800;padding:3px 8px;border-radius:9999px;text-transform:uppercase;letter-spacing:.3px}.rme-exam-card__schedule-info{margin-top:12px;padding-top:12px;border-top:1px dashed #f0f0f5;display:flex;flex-direction:column;gap:8px}.rme-schedule-period{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#f8fafc;border:1px solid #f1f5f9}.rme-schedule-period i{font-size:.7rem;color:#6366f1;background:#eef2ff;width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center}.rme-schedule-period span{font-size:.68rem;font-weight:700;color:#475569}.rme-exam-card__footer{padding:10px 14px 12px;border-top:1px solid #f3f4f6}.rme-exam-card__cta{display:flex;align-items:center;gap:6px;width:100%;padding:.5rem .875rem;border-radius:8px;border:none;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;justify-content:center;transition:all .15s;box-shadow:0 2px 6px #4f46e540}.rme-exam-card__cta:hover{box-shadow:0 4px 12px #4f46e559;transform:translateY(-1px)}.rme-drill-down{display:flex;flex-direction:column;gap:1.5rem}.rme-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;padding:.5rem 0}.rme-selection-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;position:relative;overflow:hidden}.rme-selection-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#4f46e5;opacity:0;transition:opacity .2s}.rme-selection-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #00000026;border-color:#4f46e5}.rme-selection-card:hover:before{opacity:1}.rme-selection-card__icon{width:54px;height:54px;border-radius:14px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#4f46e5;flex-shrink:0;transition:all .3s}.rme-selection-card:hover .rme-selection-card__icon{background:#eef2ff;transform:scale(1.1) rotate(-3deg)}.rme-selection-card__content{flex:1}.rme-selection-card__title{font-size:1.05rem;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.01em}.rme-selection-card__sub{font-size:.78rem;color:#64748b;margin-top:4px;font-weight:500}.rme-breadcrumb{display:flex;align-items:center;gap:.75rem;font-size:.82rem;color:#64748b;margin-bottom:.25rem;padding:0 .25rem}.rme-breadcrumb__item{cursor:pointer;font-weight:600;transition:color .2s}.rme-breadcrumb__item:hover{color:#4f46e5}.rme-breadcrumb__item.active{color:#1e293b;font-weight:700;cursor:default}.rme-breadcrumb__sep{color:#cbd5e1;font-size:.65rem}[data-theme=dark] .rme-page{background:#0a0a0a}[data-theme=dark] .rme-header,[data-theme=dark] .rme-controls,[data-theme=dark] .rme-table-wrap,[data-theme=dark] .rme-selection-card,[data-theme=dark] .rme-save-bar{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .rme-title,[data-theme=dark] .rme-select-title,[data-theme=dark] .rme-selection-card__title{color:#f1f5f9}[data-theme=dark] .rme-selection-card:hover{border-color:#4f46e5;background:#262626}@media(max-width:768px){.rme-page{padding:.75rem;gap:.75rem}.rme-header{flex-direction:column;align-items:stretch}.rme-header-actions{width:100%}.rme-btn{flex:1;justify-content:center}.rme-controls{flex-direction:column}.rme-stats-row{justify-content:space-between;width:100%}.rme-card-grid,.rme-exam-grid{grid-template-columns:1fr}}.result-insights{padding:2rem;animation:fadeIn .5s ease-out}.insights-header{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem;position:relative}.search-container{width:100%;max-width:650px;min-width:480px;position:relative}.search-input-wrapper{position:relative;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000f;border:1px solid #e2e8f0;transition:all .3s ease;display:flex;align-items:center;padding:0 1.25rem}.search-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 10px 30px #6366f126}.search-input-wrapper i{color:#94a3b8;font-size:1.1rem}.search-input-wrapper input{width:100%;padding:1rem .75rem;border:none;outline:none;font-size:1rem;background:transparent}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;margin-top:.75rem;border-radius:16px;box-shadow:0 20px 50px #0000001a;border:1px solid #e2e8f0;z-index:1000;overflow:hidden}.search-item{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.search-item:hover{background:#f8fafc}.search-item-info{display:flex;flex-direction:column}.search-item-info strong{color:#1e293b;font-size:1rem}.search-item-info span{color:#64748b;font-size:.85rem}.reset-search{background:#f1f5f9;border:none;padding:.75rem 1.25rem;border-radius:12px;color:#475569;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.reset-search:hover{background:#e2e8f0;color:#1e293b}.insights-hero{text-align:center;padding:4rem 2rem;max-width:700px;margin:0 auto}.hero-visual{position:relative;width:120px;height:120px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.hero-visual i{font-size:3.5rem;color:#6366f1;z-index:2}.pulse-circle{position:absolute;width:100%;height:100%;background:#6366f11a;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #6366f1b3}70%{transform:scale(1);box-shadow:0 0 0 20px #6366f100}to{transform:scale(.95);box-shadow:0 0 #6366f100}}.insights-hero h2{font-size:2rem;color:#0f172a;margin-bottom:1rem}.insights-hero p{color:#64748b;font-size:1.1rem;line-height:1.6}.student-report{max-width:1200px;margin:0 auto}.report-top{display:grid;grid-template-columns:1fr 350px;gap:2rem;margin-bottom:2rem}.student-profile-card{background:#fff;padding:2rem;border-radius:24px;box-shadow:0 4px 20px #00000008;border:1px solid #e2e8f0;display:flex;align-items:center;gap:2rem}.student-avatar{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;flex-shrink:0}.student-details h3{font-size:1.5rem;color:#0f172a;margin-bottom:.25rem}.reg-no{color:#64748b;font-weight:600;margin-bottom:1rem}.student-badges{display:flex;gap:.75rem}.badge-dept,.badge-class{padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-dept{background:#eff6ff;color:#2563eb}.badge-class{background:#f5f3ff;color:#7c3aed}.gpa-card{margin-left:auto;text-align:center;padding-left:2rem;border-left:2px dashed #e2e8f0}.gpa-value{font-size:3rem;font-weight:800;color:#0f172a;line-height:1}.gpa-label{font-size:.85rem;color:#64748b;font-weight:600;margin-top:.5rem}.quick-stats{display:flex;flex-direction:column;gap:1rem}.q-stat{background:#fff;padding:1rem 1.5rem;border-radius:16px;display:flex;align-items:center;gap:1.25rem;border:1px solid #e2e8f0}.q-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:#f0fdf4;color:#16a34a}.q-icon.warning{background:#fff7ed;color:#ea580c}.q-icon.info{background:#eff6ff;color:#2563eb}.q-data{display:flex;flex-direction:column}.q-data strong{font-size:1.25rem;color:#0f172a}.q-data span{font-size:.8rem;color:#64748b}.report-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.analysis-card{background:#fff;padding:2rem;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000008}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.card-header h4{font-size:1.1rem;color:#1e293b;font-weight:700}.trend-viz{height:250px;display:flex;align-items:flex-end;padding:1rem 0}.trend-chart-container{width:100%;height:100%;display:flex;justify-content:space-around;align-items:flex-end;border-bottom:2px solid #f1f5f9}.chart-bar-wrapper{display:flex;flex-direction:column;align-items:center;width:40px}.chart-bar-outer{width:24px;height:180px;background:#f1f5f9;border-radius:12px;display:flex;align-items:flex-end;position:relative}.chart-bar-inner{width:100%;border-radius:12px;transition:height 1s cubic-bezier(.175,.885,.32,1.275);position:relative}.chart-bar-inner.pass{background:linear-gradient(to top,#6366f1,#818cf8)}.chart-bar-inner.fail{background:linear-gradient(to top,#f43f5e,#fb7185)}.bar-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.4rem .6rem;border-radius:6px;font-size:.75rem;opacity:0;transition:opacity .2s;white-space:nowrap;pointer-events:none;z-index:10}.bar-tooltip strong{display:block;text-align:center;font-size:.85rem}.bar-tooltip p{margin:0;font-size:.7rem;color:#94a3b8}.chart-bar-wrapper:hover .bar-tooltip{opacity:1}.bar-label{margin-top:1rem;font-size:.75rem;font-weight:700;color:#64748b}.trend-footer{margin-top:1.5rem;font-size:.8rem;color:#94a3b8;display:flex;align-items:center;gap:.5rem}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:1rem}.legend-dot.pass{background:#6366f1}.legend-dot.fail{background:#f43f5e}.subject-list{display:flex;flex-direction:column;gap:1rem}.subject-row{display:flex;align-items:center;gap:1.5rem;padding:1rem;border-radius:16px;background:#f8fafc;border:1px solid #f1f5f9}.subject-info{flex:1;display:flex;flex-direction:column}.subject-info strong{font-size:.95rem;color:#1e293b}.subject-info span{font-size:.8rem;color:#64748b}.subject-progress{width:200px;display:flex;align-items:center;gap:1rem}.progress-track{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px}.progress-fill.pass{background:#6366f1}.progress-fill.fail{background:#f43f5e}.progress-val{font-size:.8rem;font-weight:700;color:#475569;min-width:50px}.subject-grade{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem}.grade-A{background:#f0fdf4;color:#16a34a}.grade-B{background:#f0f9ff;color:#0284c7}.grade-C{background:#fff7ed;color:#ea580c}.grade-F{background:#fef2f2;color:#dc2626}.overview-dashboard{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.overview-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:900px){.overview-grid{grid-template-columns:1fr}}.info-badge{background:#e0e7ff;color:#4f46e5;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.overview-ledger-wrapper{overflow-x:auto;margin-top:1rem}.overview-ledger-table{width:100%;border-collapse:collapse;text-align:left}.overview-ledger-table th{padding:1rem;font-size:.85rem;color:#64748b;border-bottom:1px solid #e2e8f0;font-weight:600}.overview-ledger-table td{padding:1.25rem 1rem;font-size:.95rem;border-bottom:1px solid #f1f5f9;color:#334155}.ledger-row{cursor:pointer;transition:background-color .2s}.ledger-row:hover{background-color:#f8fafc}.ledger-exam-name{display:flex;align-items:center;color:#1e293b}.ledger-class-badge{background:#f1f5f9;color:#475569;padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600}.pass-badge{padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:700}.pass-badge.pass{background:#dcfce7;color:#15803d}.pass-badge.fail{background:#fee2e2;color:#b91c1c}.btn-view-details{background:transparent;border:none;color:#4f46e5;font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;transition:color .2s}.btn-view-details:hover{color:#3730a3}.overview-modal-backdrop{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:modalFadeIn .3s ease-out}.overview-modal-content{background:#fff;width:90%;max-width:950px;max-height:85vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.5rem;color:#0f172a;margin:0}.modal-subtitle{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.close-modal{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.close-modal:hover{background:#e2e8f0;color:#0f172a}.modal-grid{padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;overflow-y:auto}@media(max-width:768px){.modal-grid{grid-template-columns:1fr}}.column-title{font-size:1.1rem;color:#1e293b;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem;font-weight:700}.modal-subject-list,.modal-student-list{display:flex;flex-direction:column;gap:1rem}.modal-subject-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:1rem 1.25rem}.sub-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.sub-header strong{color:#1e293b;font-size:.95rem}.sub-avg{color:#4f46e5;font-weight:700;font-size:.95rem}.sub-stats{display:flex;gap:1rem;margin-bottom:.75rem}.sub-stat-item{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.sub-stat-item.pass{color:#16a34a}.sub-stat-item.fail{color:#dc2626}.modal-student-row{display:flex;align-items:center;padding:.85rem 1rem;border-radius:12px;background:#f8fafc;border:1px solid #f1f5f9;gap:1rem}.modal-student-row.top-rank{background:#f5f3ff;border-color:#ddd6fe}.student-rank{font-weight:800;color:#4f46e5;font-size:.9rem;min-width:24px}.modal-student-row.top-rank .student-rank{color:#7c3aed}.student-score-badge{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.score-val{font-weight:700;color:#1e293b;font-size:.95rem}.status-badge{font-size:.65rem;font-weight:800;padding:.15rem .4rem;border-radius:4px}.status-badge.pass{background:#dcfce7;color:#16a34a}.status-badge.fail{background:#fee2e2;color:#dc2626}.overview-loading{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.skeleton-loader-bar{height:40px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:loadingAnim 1.5s infinite;border-radius:12px;width:250px}.skeleton-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.skeleton-card{height:120px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:loadingAnim 1.5s infinite;border-radius:20px}.skeleton-chart{height:250px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:loadingAnim 1.5s infinite;border-radius:24px}.skeleton-table{height:300px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:loadingAnim 1.5s infinite;border-radius:24px}@keyframes loadingAnim{0%{background-position:200% 0}to{background-position:-200% 0}}.adm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.adm-stat__lbl{font-size:.75rem;color:#64748b;margin-top:.15rem}.adm-search input:focus{border-color:#059669}.adm-btn--primary{background:#059669;color:#fff}.adm-btn--primary:hover{background:#047857}.adm-btn--outline{background:#fff;color:#059669;border:1.5px solid #059669}.adm-btn--outline:hover{background:#f0fdf4}.adm-btn--danger{background:#fef2f2;color:#dc2626}.adm-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#059669,#0891b2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0;overflow:hidden}.adm-icon-btn--view{background:#f0fdf4;color:#059669}.adm-icon-btn--view:hover{background:#059669;color:#fff}.adm-drawer__head h2 i{color:#059669}.adm-section__title{font-size:.8rem;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #d1fae5;display:flex;align-items:center;gap:.5rem}.adm-field input:focus,.adm-field select:focus,.adm-field textarea:focus{border-color:#059669;box-shadow:0 0 0 3px #05966914}.adm-checkbox-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#059669}.adm-pipeline{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.adm-pipeline__btn{padding:.4rem .85rem;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;color:#475569}.adm-pipeline__btn.active{border-color:#059669;background:#f0fdf4;color:#059669}.adm-doc-item:hover,.adm-doc-item.uploaded{border-color:#059669;background:#f0fdf4}.adm-doc-item.uploaded .adm-doc-item__icon{color:#059669}.adm-doc-item.uploaded .adm-doc-item__sub{color:#059669}.adm-bulk-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;box-shadow:0 25px 60px #00000040}.adm-bulk-modal__head{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.adm-bulk-modal__body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.adm-bulk-modal__foot{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:.75rem}.adm-drop-zone:hover,.adm-drop-zone.drag-over{border-color:#059669;background:#f0fdf4}.adm-drop-zone strong{color:#059669}.adm-upload-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:1rem;font-size:.875rem;color:#166534}.adm-detail-modal__head{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:5}.adm-detail-hero{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid #bbf7d0}.adm-detail-hero__avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#059669,#0891b2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;font-weight:700;flex-shrink:0}.adm-detail-hero__enq{font-size:.75rem;color:#059669;font-weight:600;margin-top:.25rem}.adm-detail-section-title{font-size:.78rem;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.06em;margin:1.25rem 0 .75rem;padding-bottom:.4rem;border-bottom:2px solid #d1fae5}.adm-status-change button.active{border-color:#059669;background:#f0fdf4;color:#059669}.adm-status-change button:hover{border-color:#059669}@media(max-width:640px){.adm-grid,.adm-grid--3,.adm-doc-grid,.adm-detail-grid{grid-template-columns:1fr}.adm-drawer{max-width:100%}}.adm-page{padding:1.25rem;background:#f5f5fa;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem}.adm-page .page-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#fff;position:relative;overflow:hidden}.adm-page .page-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.adm-page .page-title h1{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;display:flex;align-items:center;gap:.75rem}.adm-page .page-title h1 .title-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);font-size:1rem;flex-shrink:0}.adm-page .page-title p{font-size:.875rem;color:#ffffffbf;margin:0}.adm-page .page-actions{display:flex;gap:.5rem;flex-wrap:wrap}.adm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.adm-stat{background:#fff;border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 4px #00000012}.adm-stat__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.adm-stat__val{font-size:1.3rem;font-weight:700;color:#0f172a;line-height:1}.adm-stat__lbl{font-size:.72rem;color:#64748b;margin-top:.15rem}.adm-toolbar{background:#fff;border-radius:12px;padding:.875rem 1.25rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;box-shadow:0 1px 4px #00000012}.adm-search{position:relative;flex:1;min-width:200px;max-width:340px}.adm-search i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem}.adm-search input{width:100%;padding:.55rem .75rem .55rem 2.25rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;box-sizing:border-box;transition:border-color .2s}.adm-search input:focus{border-color:#2563eb}.adm-filter{padding:.55rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;background:#fff;cursor:pointer;color:#1e293b}.adm-btn{padding:.6rem 1.1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.45rem;transition:all .2s;white-space:nowrap}.adm-btn--primary{background:#2563eb;color:#fff}.adm-btn--primary:hover{background:#1d4ed8}.adm-btn--outline{background:#fff;color:#2563eb;border:1.5px solid #2563eb}.adm-btn--outline:hover{background:#eff6ff}.adm-btn--secondary{background:#f1f5f9;color:#475569}.adm-btn--secondary:hover{background:#e2e8f0}.adm-btn--danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.adm-btn--danger:hover{background:#dc2626;color:#fff}.adm-btn:disabled{opacity:.6;cursor:not-allowed}.adm-btn--header{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25)}.adm-btn--header:hover{background:#ffffff38}.adm-btn--header-accent{background:#fff;color:#1d4ed8;border:none}.adm-btn--header-accent:hover{background:#eff6ff}.adm-table-wrap{background:#fff;border-radius:14px;box-shadow:0 1px 4px #00000012;overflow:hidden}.adm-table-scroll{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:.875rem}.adm-table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.adm-table td{padding:.85rem 1rem;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.adm-table tr:last-child td{border-bottom:none}.adm-table tr:hover td{background:#f8fafc}.adm-student-cell{display:flex;align-items:center;gap:.65rem}.adm-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#0891b2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0;overflow:hidden}.adm-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.adm-student-name{font-weight:600;color:#0f172a;font-size:.875rem}.adm-student-sub{font-size:.75rem;color:#64748b}.adm-status{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.adm-status--enquiry{background:#fef3c7;color:#92400e}.adm-status--ineligible{background:#fee2e2;color:#7f1d1d}.adm-status--application_submitted{background:#dbeafe;color:#1e40af}.adm-status--under_review{background:#ede9fe;color:#5b21b6}.adm-status--documents_pending{background:#ffedd5;color:#9a3412}.adm-status--approved{background:#dcfce7;color:#166534}.adm-status--confirmation_pending{background:#fef9c3;color:#854d0e}.adm-status--confirmed{background:#d1fae5;color:#065f46}.adm-status--rejected{background:#fee2e2;color:#991b1b}.adm-status--waitlisted{background:#f1f5f9;color:#475569}.adm-status--onboarded{background:#dbeafe;color:#1e3a8a}.adm-elig-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.adm-elig-badge--eligible{background:#dcfce7;color:#166534}.adm-elig-badge--ineligible{background:#fee2e2;color:#991b1b}.adm-elig-badge--pending{background:#f1f5f9;color:#64748b}.adm-elig-badge--typo{background:#fef3c7;color:#92400e}.adm-elig-badge--warning{background:#ffedd5;color:#c2410c}.adm-bulk-issue{display:flex;align-items:flex-start;gap:.35rem;font-size:.73rem;line-height:1.35;border-radius:6px;padding:.25rem .5rem;max-width:420px}.adm-bulk-issue i{margin-top:.1rem;flex-shrink:0;font-size:.7rem}.adm-bulk-issue--correction{background:#fef9c3;color:#713f12;border:1px solid #fde68a}.adm-bulk-issue--warning{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.adm-elig-live{display:flex;align-items:center;gap:.5rem;padding:.6rem .875rem;border-radius:8px;font-size:.82rem;font-weight:500;margin-top:.75rem}.adm-elig-live--pass{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.adm-elig-live--fail{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.adm-row-actions{display:flex;gap:.4rem}.adm-icon-btn{width:30px;height:30px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s}.adm-icon-btn--view{background:#eff6ff;color:#2563eb}.adm-icon-btn--view:hover{background:#2563eb;color:#fff}.adm-icon-btn--print{background:#f5f3ff;color:#7c3aed}.adm-icon-btn--print:hover{background:#7c3aed;color:#fff}.adm-icon-btn--edit{background:#eff6ff;color:#1d4ed8}.adm-icon-btn--edit:hover{background:#1d4ed8;color:#fff}.adm-icon-btn--delete{background:#fef2f2;color:#dc2626}.adm-icon-btn--delete:hover{background:#dc2626;color:#fff}.adm-empty{padding:3rem;text-align:center;color:#94a3b8}.adm-empty i{font-size:2.5rem;margin-bottom:.75rem;display:block}.adm-loading{padding:2rem;text-align:center;color:#94a3b8;font-size:.875rem}.adm-overlay{position:fixed;inset:0;background:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem}.adm-drawer-overlay{position:fixed;inset:0;background:#00000073;z-index:1000}.adm-drawer{position:fixed;top:0;right:0;width:100%;max-width:720px;height:100vh;background:#fff;z-index:1001;display:flex;flex-direction:column;box-shadow:-8px 0 40px #00000026;animation:adm-slide-in .25s ease}@keyframes adm-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.adm-drawer__head{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.adm-drawer__head h2{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.adm-drawer__head h2 i{color:#2563eb}.adm-drawer__close{width:32px;height:32px;border:none;border-radius:8px;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .15s}.adm-drawer__close:hover{background:#fee2e2;color:#dc2626}.adm-drawer__body{flex:1;overflow-y:auto;padding:1.5rem}.adm-drawer__foot{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0}.adm-section{margin-bottom:1.75rem}.adm-section__title{font-size:.8rem;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #dbeafe;display:flex;align-items:center;gap:.5rem}.adm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.adm-grid--3{grid-template-columns:1fr 1fr 1fr}.adm-field{display:flex;flex-direction:column;gap:.35rem}.adm-field--full{grid-column:1 / -1}.adm-field label{font-size:.78rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em}.adm-field label .req{color:#dc2626;margin-left:2px}.adm-field input,.adm-field select,.adm-field textarea{padding:.6rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;transition:border-color .2s;font-family:inherit;background:#fff;color:#0f172a}.adm-field input:focus,.adm-field select:focus,.adm-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.adm-field input[readonly]{background:#f8fafc;color:#64748b}.adm-field textarea{resize:vertical;min-height:72px}.adm-field__hint{font-size:.72rem;color:#94a3b8;margin-top:.2rem}.adm-field--error input,.adm-field--error select,.adm-field--error textarea{border-color:#dc2626!important;background:#fff5f5}.adm-field--error label{color:#dc2626}.adm-field__error{font-size:.72rem;color:#dc2626;margin-top:.2rem;display:flex;align-items:center;gap:.25rem}.adm-form-error-banner{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.75rem 1rem;color:#dc2626;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.adm-checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569;cursor:pointer;margin-top:.25rem}.adm-checkbox-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}.adm-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.adm-doc-item{border:1.5px dashed #e2e8f0;border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:.65rem;cursor:pointer;transition:all .15s;background:#fafafa}.adm-doc-item:hover,.adm-doc-item.uploaded{border-color:#2563eb;background:#eff6ff}.adm-doc-item__icon{font-size:1.1rem;color:#94a3b8;flex-shrink:0}.adm-doc-item.uploaded .adm-doc-item__icon{color:#2563eb}.adm-doc-item__label{font-size:.8rem;font-weight:600;color:#475569}.adm-doc-item__sub{font-size:.72rem;color:#94a3b8}.adm-doc-item.uploaded .adm-doc-item__sub{color:#2563eb}.adm-doc-item input[type=file]{display:none}.adm-eligibility-modal{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:2rem;text-align:center;box-shadow:0 25px 60px #00000040}.adm-eligibility-modal__icon{font-size:3.5rem;margin-bottom:1rem}.adm-eligibility-modal__icon.eligible{color:#2563eb}.adm-eligibility-modal__icon.ineligible{color:#dc2626}.adm-eligibility-modal h3{font-size:1.3rem;font-weight:800;color:#0f172a;margin:0 0 .25rem}.adm-eligibility-modal__name{font-size:.9rem;color:#64748b;margin:0 0 1rem}.adm-eligibility-modal__msg{font-size:.875rem;color:#475569;margin:0}.adm-eligibility-modal__reason{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:1rem;text-align:left}.adm-eligibility-modal__reason-label{font-size:.75rem;font-weight:700;color:#991b1b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem}.adm-eligibility-modal__reason-text{font-size:.875rem;color:#7f1d1d}.adm-inelig-alert{display:flex;align-items:flex-start;gap:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.875rem 1rem;margin-bottom:1rem;color:#991b1b;font-size:.875rem}.adm-inelig-alert i{font-size:1rem;flex-shrink:0;margin-top:2px}.adm-confirm-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:.875rem 1rem;margin-bottom:1rem;font-size:.875rem;color:#78350f}.adm-confirm-bar i{flex-shrink:0}.adm-confirm-bar span{flex:1}.adm-detail-overlay{position:fixed;inset:0;background:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem}.adm-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #00000040}.adm-detail-modal__head{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;position:sticky;top:0;background:#fff;z-index:5}.adm-detail-modal__head h2{font-size:1.05rem;font-weight:700;margin:0;color:#0f172a}.adm-detail-modal__body{padding:1.5rem}.adm-detail-hero{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid #bfdbfe}.adm-detail-hero__avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#0891b2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;font-weight:700;flex-shrink:0}.adm-detail-hero__name{font-size:1.2rem;font-weight:700;color:#0f172a}.adm-detail-hero__meta{font-size:.8rem;color:#64748b;margin-top:.2rem}.adm-detail-hero__enq{font-size:.75rem;color:#2563eb;font-weight:600;margin-top:.25rem}.adm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;margin-bottom:1.25rem}.adm-detail-row{display:flex;flex-direction:column;gap:.1rem}.adm-detail-label{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.adm-detail-value{font-size:.875rem;font-weight:600;color:#0f172a}.adm-detail-section-title{font-size:.78rem;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.06em;margin:1.25rem 0 .75rem;padding-bottom:.4rem;border-bottom:2px solid #dbeafe}.adm-status-select-wrap{position:relative;display:inline-flex;align-items:center}.adm-status-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;border-radius:20px;padding:.3rem 2rem .3rem .8rem;font-size:.78rem;font-weight:700;cursor:pointer;outline:none;min-width:150px;transition:box-shadow .15s}.adm-status-select:focus{box-shadow:0 0 0 3px #3b82f638}.adm-status-select__chevron{position:absolute;right:.65rem;pointer-events:none;font-size:.65rem}.adm-status-change{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.adm-status-change button{padding:.35rem .85rem;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;color:#475569}.adm-status-change button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.adm-status-change button:hover{border-color:#2563eb;background:#eff6ff}.adm-bulk-overlay{position:fixed;inset:0;background:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem}.adm-bulk-modal{background:#fff;border-radius:16px;width:100%;max-width:min(1140px,95vw);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000040}.adm-bulk-modal__head{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.adm-bulk-modal__head h2{font-size:1.05rem;font-weight:700;margin:0;color:#0f172a}.adm-bulk-modal__body{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1;min-height:0}.adm-bulk-modal__foot{padding:.75rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0}.adm-import-result-overlay{position:absolute;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;display:flex;align-items:center;justify-content:center;padding:1.5rem}.adm-import-result-modal{background:#fff;border-radius:14px;width:100%;max-width:720px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0003;border:1px solid #e2e8f0}.adm-import-result-modal__head{padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.adm-import-result-modal__body{padding:0 1.25rem 1rem;flex:1;min-height:0;overflow-y:auto}.adm-import-result-modal__foot{padding:.75rem 1.25rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;flex-shrink:0}.adm-import-result__table-wrap{overflow-y:auto;max-height:100%;padding-top:.75rem}.adm-bulk-file-bar{display:flex;align-items:center;gap:.6rem;padding:.45rem .75rem;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:8px;font-size:.82rem;color:#166534}.adm-bulk-file-bar__name{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-bulk-file-bar__size{color:#4ade80;font-size:.72rem;white-space:nowrap}.adm-bulk-file-bar__template{color:#2563eb;font-size:.75rem;cursor:pointer;white-space:nowrap;background:none;border:none;padding:0;text-decoration:underline}.adm-bulk-file-bar__template:hover{color:#1d4ed8}.adm-bulk-context{display:flex;gap:.75rem;flex-wrap:wrap}.adm-bulk-context__field{flex:1;min-width:180px;display:flex;flex-direction:column;gap:.3rem}.adm-bulk-context__field label{font-size:.72rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.025em}.adm-bulk-context__field select,.adm-bulk-context__field input[type=text]{width:100%;padding:.4rem .65rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.85rem;background:#fff;outline:none;box-sizing:border-box}.adm-bulk-context__field select:focus,.adm-bulk-context__field input[type=text]:focus{border-color:#2563eb}.adm-drop-zone--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.adm-drop-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:#f8fafc}.adm-drop-zone:hover,.adm-drop-zone.drag-over{border-color:#2563eb;background:#eff6ff}.adm-drop-zone i{font-size:2rem;color:#94a3b8;margin-bottom:.5rem;display:block}.adm-drop-zone p{margin:0;font-size:.875rem;color:#64748b}.adm-drop-zone strong{color:#2563eb}.adm-drop-zone input{display:none}.adm-upload-result{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:1rem;font-size:.875rem;color:#1e40af}.adm-upload-result.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.adm-bulk-preview{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.adm-bulk-preview__header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;font-size:.82rem;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.adm-bulk-preview__table-wrap{max-height:calc(92vh - 320px);min-height:200px;overflow-y:auto}.adm-bulk-preview__table{width:100%;border-collapse:collapse;font-size:.82rem}.adm-bulk-preview__table th{padding:.5rem .75rem;background:#f8fafc;text-align:left;font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.adm-bulk-preview__table td{padding:.5rem .75rem;border-bottom:1px solid #f1f5f9;color:#1e293b}.adm-bulk-preview__table tr.ineligible-row td{background:#fff5f5}.adm-bulk-preview__table tr:last-child td{border-bottom:none}.adm-corrections-panel{border:1px solid #fde68a;border-radius:10px;background:#fffbeb;overflow:hidden}.adm-corrections-panel__header{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.82rem;color:#78350f}.adm-corrections-panel .adm-bulk-preview__table-wrap{max-height:280px;overflow-y:auto;background:#fff}.adm-corrections-panel .adm-bulk-preview__table th{background:#fef3c7;color:#92400e}.adm-ai-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:20px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.03em;flex-shrink:0}.adm-btn--ai{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:8px;border:none;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s,box-shadow .15s;box-shadow:0 2px 8px #7c3aed59}.adm-btn--ai:hover:not(:disabled){opacity:.92;box-shadow:0 4px 14px #7c3aed73}.adm-btn--ai:disabled{opacity:.55;cursor:not-allowed}.adm-btn--ghost{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:8px;border:1px solid #cbd5e1;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.adm-btn--ghost:hover:not(:disabled){background:#f1f5f9}.adm-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.adm-backend-warning{display:flex;align-items:flex-start;gap:.75rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:.875rem 1rem;color:#78350f}.adm-backend-warning i:first-child{font-size:1rem;margin-top:.1rem;color:#d97706;flex-shrink:0}.adm-backend-warning strong{display:block;font-size:.82rem;font-weight:700;margin-bottom:.2rem}.adm-backend-warning p{margin:0;font-size:.78rem;color:#92400e;line-height:1.5}.adm-backend-warning__retry{flex-shrink:0;border-color:#d97706!important;color:#92400e!important;font-size:.78rem!important;padding:.3rem .7rem!important}.adm-backend-warning__retry:hover{background:#fef3c7!important}.adm-backend-warning__dismiss{background:none;border:none;cursor:pointer;color:#b45309;padding:.1rem;flex-shrink:0;font-size:.8rem}.adm-backend-warning__dismiss:hover{color:#78350f}.adm-settings-modal{background:#f8fafc;border-radius:16px;width:100%;max-width:860px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000040}.adm-settings-modal__head{padding:1.125rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#fff;border-radius:16px 16px 0 0}.adm-settings-modal__head h2{font-size:1.05rem;font-weight:700;margin:0;color:#0f172a;display:flex;align-items:center;gap:.5rem}.adm-settings-modal__head h2 i{color:#2563eb}.adm-settings-tabs{display:flex;border-bottom:1px solid #e2e8f0;flex-shrink:0;background:#fff}.adm-settings-tabs button{padding:.75rem 1.25rem;border:none;background:transparent;font-size:.82rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:.4rem}.adm-settings-tabs button:hover{color:#0f172a}.adm-settings-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}.adm-settings-body{padding:1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.875rem}.adm-settings-hint{font-size:.82rem;color:#64748b;margin:0;background:#fff;padding:.75rem 1rem;border-radius:8px;border-left:3px solid #2563eb}.adm-settings-table{width:100%;border-collapse:collapse;font-size:.875rem;background:#fff;border-radius:10px;overflow:hidden}.adm-settings-table th{padding:.6rem .75rem;text-align:left;font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0}.adm-settings-table td{padding:.5rem .75rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.adm-settings-table tr.adm-settings-new-row td{background:#eff6ff;border-top:2px solid #dbeafe}.adm-settings-table td:first-child{min-width:220px}.adm-settings-input{width:100%;padding:.5rem .65rem;border:1px solid #e2e8f0;border-radius:7px;font-size:.82rem;outline:none;background:#fff;font-family:inherit;transition:border-color .15s;box-sizing:border-box}.adm-settings-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.adm-settings-input optgroup{font-weight:700;color:#475569;font-size:.78rem}.adm-settings-input option{font-weight:400;color:#0f172a}.adm-sset-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.adm-sset-bar__hint{font-size:.8rem;color:#64748b;flex:1}.adm-add-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.125rem 1.25rem;display:flex;flex-direction:column;gap:.875rem}.adm-add-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.adm-add-panel__field{display:flex;flex-direction:column;gap:.3rem}.adm-add-panel__field--wide{grid-column:1 / -1}.adm-add-panel__field label{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.adm-add-panel__foot{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.375rem;border-top:1px solid #f1f5f9}.adm-threshold-section{border-top:1px solid #f1f5f9;padding-top:.75rem}.adm-threshold-section__label{font-size:.72rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.625rem}.adm-threshold-section__label span{font-weight:400;color:#94a3b8;text-transform:none;letter-spacing:0}.adm-threshold-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:.5rem}.adm-threshold-grid--card{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.adm-threshold-item{display:flex;flex-direction:column;gap:.25rem}.adm-threshold-item label{font-size:.7rem;font-weight:600;color:#94a3b8;text-align:center}.adm-threshold-item .adm-settings-input{text-align:center;padding:.4rem;font-weight:600}.adm-threshold-item--set label{color:#2563eb}.adm-threshold-item--set .adm-settings-input{border-color:#93c5fd;background:#eff6ff;color:#1e40af;font-weight:700}.adm-rule-cards{display:flex;flex-direction:column;gap:.75rem}.adm-rule-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.125rem}.adm-rule-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.adm-rule-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.adm-rule-card__name{font-size:.95rem;font-weight:700;color:#0f172a}.adm-rule-card__subjects{font-size:.78rem;color:#475569;margin-bottom:.25rem}.adm-rule-card__subjects i{opacity:.5;margin-right:.25rem}.adm-badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:20px;font-size:.7rem;font-weight:600;background:#f1f5f9;color:#475569}.adm-badge--blue{background:#dbeafe;color:#1d4ed8}.adm-badge--slate{background:#e2e8f0;color:#334155}.adm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:.75rem;color:#94a3b8}.adm-empty-state i{font-size:2.5rem;opacity:.4}.adm-empty-state p{margin:0;font-size:.875rem}.adm-seat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.adm-seat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.adm-seat-card__head{padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.adm-seat-card__dept{flex:1}.adm-seat-card__dept .adm-settings-input{font-weight:600;font-size:.82rem;background:transparent;border-color:transparent;padding-left:0}.adm-seat-card__dept .adm-settings-input:focus{background:#fff;border-color:#2563eb;padding-left:.65rem}.adm-seat-card__body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.adm-seat-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.adm-seat-row span{font-size:.8rem;color:#64748b;flex:1}.adm-seat-row .adm-settings-input{width:90px;flex-shrink:0;text-align:center}.adm-seat-total{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;margin-top:.25rem;border-top:1px solid #f1f5f9}.adm-seat-total span{font-size:.8rem;font-weight:600;color:#475569}.adm-seat-total strong{font-size:1.05rem;color:#2563eb}.adm-seat-total small{font-size:.65rem;font-weight:400;color:#94a3b8;margin-left:.2rem}.adm-seat-card__year{padding:.5rem 1rem .75rem;border-top:1px solid #f1f5f9;display:flex;align-items:center;gap:.5rem}.adm-seat-card__year label{font-size:.72rem;font-weight:600;color:#94a3b8;white-space:nowrap}.adm-print-root{position:fixed;inset:0;z-index:2000;background:#fff;display:flex;flex-direction:column}@media print{.adm-print-root{position:static!important;width:100%!important;height:auto!important;display:block!important}.adm-print-screen-wrapper{overflow:visible!important;height:auto!important;display:block!important}.adm-slip-page{overflow:visible!important;box-shadow:none!important;border:none!important;width:100%!important;display:flex!important}.adm-conf-letter__body{overflow:visible!important;border:none!important;box-shadow:none!important;max-width:100%!important;margin:0!important}}.adm-print-screen-wrapper{display:flex;flex-direction:column;flex:1;background:#f5f5fa;overflow-y:auto}.adm-print-toolbar{padding:.875rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.adm-slip-page{display:flex;width:297mm;min-height:210mm;margin:1.5rem auto;background:#fff;box-shadow:0 4px 30px #00000026;border:1px solid #e2e8f0;border-radius:4px;overflow:hidden}.adm-slip-half{flex:1;display:flex;flex-direction:column;padding:12mm;box-sizing:border-box}.adm-slip-cut-line{width:1px;background:repeating-linear-gradient(to bottom,#94a3b8 0,#94a3b8 6px,transparent 6px,transparent 12px);position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.adm-slip-cut-label{position:absolute;background:#fff;padding:4px 6px;font-size:.6rem;color:#94a3b8;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.05em;border:1px dashed #cbd5e1;border-radius:3px}.adm-slip-header{border-bottom:2px solid #1e3a8a;padding-bottom:8px;margin-bottom:10px}.adm-slip-inst{font-size:.95rem;font-weight:800;color:#0f172a}.adm-slip-title{font-size:.75rem;color:#1e3a8a;font-weight:600;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.adm-slip-copy-label{display:inline-block;margin-top:4px;padding:2px 8px;background:#1e3a8a;color:#fff;font-size:.65rem;font-weight:700;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.adm-slip-body{flex:1}.adm-slip-row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;border-bottom:1px dotted #e2e8f0;gap:.5rem}.adm-slip-row span{font-size:.68rem;color:#64748b;white-space:nowrap;flex-shrink:0}.adm-slip-row strong{font-size:.72rem;color:#0f172a;text-align:right;word-break:break-word}.adm-slip-footer{margin-top:10px;border-top:1px solid #e2e8f0;padding-top:8px}.adm-slip-footer-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.adm-slip-sig{text-align:center;flex:1;font-size:.62rem;color:#64748b}.adm-slip-sig-line{width:100%;height:1px;background:#0f172a;margin-bottom:4px}.adm-slip-date{font-size:.65rem;color:#64748b;white-space:nowrap}@media print{.no-print{display:none!important}.adm-print-root{position:static!important;display:block!important;height:auto!important;overflow:visible!important}.adm-print-screen-wrapper{display:block!important;background:#fff!important;height:auto!important;overflow:visible!important}.adm-slip-page{box-shadow:none!important;border:none!important;margin:0!important;width:100%!important;overflow:visible!important;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.adm-bulk-item+.adm-bulk-item{page-break-before:always;-moz-column-break-before:page;break-before:page}.adm-bulk-letter-item+.adm-bulk-letter-item{page-break-before:always;-moz-column-break-before:page;break-before:page}.adm-conf-letter{box-shadow:none!important;max-height:none!important;overflow:visible!important;width:100%!important;border-radius:0!important}.adm-conf-page{display:block!important;padding:0!important;background:#fff!important;min-height:auto!important;gap:0!important}}.adm-conf-modal{background:#fff;border-radius:16px;width:min(95vw,900px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000040}.adm-conf-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid #e2e8f0}.adm-conf-modal__header h2{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .2rem}.adm-conf-modal__header p{font-size:.8rem;color:#64748b;margin:0}.adm-conf-stats{display:flex;gap:0;border-bottom:1px solid #e2e8f0}.adm-conf-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border-right:1px solid #e2e8f0}.adm-conf-stat:last-child{border-right:none}.adm-conf-stat__val{font-size:1.4rem;font-weight:700}.adm-conf-stat__lbl{font-size:.72rem;color:#64748b;margin-top:.1rem}.adm-conf-deadline{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#fefce8;border-bottom:1px solid #fde68a;font-size:.82rem;color:#78350f;flex-wrap:wrap}.adm-conf-deadline-panel{padding:.6rem 1.25rem .75rem;background:#fefce8;border-bottom:1px solid #fde68a;display:flex;flex-direction:column;gap:.35rem}.adm-conf-deadline-panel__header{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#78350f;margin-bottom:.15rem}.adm-conf-deadline-row{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:#78350f;background:#ffffff8c;border:1px solid #fde68a;border-radius:8px;padding:.3rem .65rem;flex-wrap:wrap}.adm-conf-deadline-row--edit{background:#fff;border-color:#f59e0b;gap:.5rem}.adm-conf-deadline-year{font-weight:700;background:#fde68a;color:#78350f;border-radius:5px;padding:.1rem .5rem;font-size:.75rem;white-space:nowrap}.adm-conf-deadline-date{font-weight:600;color:#92400e;white-space:nowrap}.adm-conf-deadline-notes{color:#a16207;font-style:italic;font-size:.75rem;flex:1}.adm-conf-modal__body{flex:1;overflow-y:auto;padding:.75rem 1.25rem 1.25rem}.adm-conf-row--overdue td{background:#fff7ed!important}.adm-conf-overdue-tag{display:inline-block;font-size:.65rem;background:#fed7aa;color:#9a3412;border-radius:4px;padding:0 .35rem;margin-top:.2rem;font-weight:600}.adm-conf-badge--confirmed{background:#dcfce7;color:#065f46;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:600}.adm-conf-submodal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.adm-conf-submodal{background:#fff;border-radius:12px;padding:1.5rem;width:min(90vw,480px);box-shadow:0 8px 30px #0003}.adm-conf-submodal h3{font-size:1rem;font-weight:700;margin:0 0 .25rem}.adm-conf-letter{background:#fff;border-radius:12px;width:min(95vw,720px);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.adm-conf-letter__actions{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:12px 12px 0 0}.adm-conf-letter__body{padding:2.5rem 3rem;font-family:Georgia,Times New Roman,serif;font-size:.92rem;color:#1a1a2e;line-height:1.7}.adm-conf-letter__header{text-align:center;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:3px double #1e3a8a}.adm-conf-letter__header h2{font-size:1.35rem;font-weight:800;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:2px;color:#1e3a8a}.adm-conf-letter__header p{margin:.15rem 0;font-size:.82rem;color:#475569}.adm-conf-letter__title{text-align:center;font-size:.95rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin:1.5rem 0 1.25rem;color:#1e3a8a;text-decoration:none}.adm-conf-letter__meta{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:1.5rem;color:#475569;font-family:Georgia,serif}.adm-conf-letter__table{width:100%;border-collapse:collapse;margin:1.25rem 0}.adm-conf-letter__table td{padding:.5rem .875rem;border:1px solid #e2e8f0;font-size:.86rem}.adm-conf-letter__table tr td:first-child{font-weight:600;background:#f1f5f9;width:38%;color:#334155}.adm-conf-letter__table tr:nth-child(2n) td:last-child{background:#fafafa}.adm-conf-letter__sign{display:flex;justify-content:flex-end;margin-top:3rem}.adm-conf-letter__sign-line{height:1px;background:#334155;margin-bottom:.3rem;width:160px}.adm-conf-letter__sign p{font-size:.8rem;text-align:center;margin:0;color:#334155}.adm-conf-letter__footer{font-size:.72rem;color:#94a3b8;text-align:center;margin-top:2rem;border-top:1px solid #e2e8f0;padding-top:.75rem}.adm-conf-page{padding:1.25rem;background:#f5f5fa;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem}.adm-conf-page__header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#fff;position:relative;overflow:hidden}.adm-conf-page__header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.adm-conf-page__header h2{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem}.adm-conf-page__header p{font-size:.875rem;color:#ffffffbf;margin:0}.adm-pipeline-tabs{display:flex;gap:0;overflow-x:auto;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;scrollbar-width:none}.adm-pipeline-tabs::-webkit-scrollbar{display:none}.adm-pipeline-tab{display:flex;align-items:center;gap:.35rem;padding:.65rem 1rem;font-size:.78rem;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s}.adm-pipeline-tab:hover{color:#1d4ed8;background:#f8fafc}.adm-pipeline-tab--active{color:#1d4ed8;border-bottom-color:#1d4ed8;font-weight:600}.adm-pipeline-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:.65rem;font-weight:700;background:#e2e8f0;color:#475569}.adm-pipeline-tab--active .adm-pipeline-tab__count{background:#dbeafe;color:#1d4ed8}.adm-new-entry-chooser{background:#fff;border-radius:16px;padding:1.5rem;width:min(90vw,480px);box-shadow:0 20px 60px #0003}.adm-new-entry-cards{display:flex;flex-direction:column;gap:.75rem}.adm-new-entry-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:all .15s}.adm-new-entry-card:hover{border-color:#1d4ed8;background:#f8fafc;box-shadow:0 2px 8px #1d4ed814}.adm-new-entry-card__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.adm-new-entry-card__text{flex:1}.adm-new-entry-card__text strong{display:block;font-size:.9rem;font-weight:600;color:#0f172a;margin-bottom:.2rem}.adm-new-entry-card__text span{font-size:.78rem;color:#64748b;line-height:1.4}.adm-new-entry-card__arrow{color:#94a3b8;font-size:.75rem}.adm-quick-form{background:#fff;border-radius:16px;width:min(95vw,520px);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden}.adm-quick-form__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid #e2e8f0}.adm-quick-form__header h2{font-size:1rem;font-weight:700;color:#0f172a;margin:0}.adm-quick-form__header p{font-size:.78rem;color:#64748b;margin:.2rem 0 0}.adm-quick-form__body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.adm-quick-form__footer{display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #e2e8f0}.adm-error-msg{color:#dc2626;font-size:.8rem;margin-top:.75rem;padding:.5rem .75rem;background:#fee2e2;border-radius:6px}.adm-stay-toggle{display:flex;gap:.4rem;flex-wrap:wrap}.adm-stay-btn{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.adm-stay-btn:hover:not(.disabled):not(:disabled){border-color:#2563eb;color:#2563eb;background:#eff6ff}.adm-stay-btn.active{border-color:#2563eb;background:#eff6ff;color:#2563eb}.adm-stay-btn.disabled,.adm-stay-btn:disabled{opacity:.4;cursor:not-allowed}.adm-accom-toggle{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.adm-accom-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border:1.5px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .12s,background .12s,color .12s}.adm-accom-btn:hover:not(.disabled):not(:disabled){border-color:#2563eb;color:#2563eb;background:#eff6ff}.adm-accom-btn.active{border-color:#2563eb;background:#eff6ff;color:#2563eb}.adm-accom-btn.disabled,.adm-accom-btn:disabled{opacity:.35;cursor:not-allowed}.adm-referral-type-toggle{display:flex;gap:.5rem}.adm-referral-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s;text-transform:capitalize}.adm-referral-type-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.adm-referral-type-btn.active{border-color:#2563eb;background:#eff6ff;color:#2563eb}.adm-referral-selected{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;border:1.5px solid #bbf7d0;border-radius:8px;background:#f0fdf4;font-size:.85rem;color:#166534;font-weight:500}.adm-referral-dropdown{position:relative}.adm-referral-list{position:absolute;z-index:300;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #00000021;max-height:240px;overflow-y:auto}.adm-referral-list__empty{padding:1rem;text-align:center;color:#94a3b8;font-size:.82rem}.adm-referral-list__item{display:block;width:100%;text-align:left;padding:.6rem .875rem;background:none;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .1s}.adm-referral-list__item:last-child{border-bottom:none}.adm-referral-list__item:hover{background:#f8fafc}.adm-referral-list__name{font-size:.85rem;font-weight:600;color:#0f172a}.adm-referral-list__meta{font-size:.75rem;color:#64748b;margin-top:.1rem}@media(max-width:640px){.adm-grid,.adm-grid--3,.adm-doc-grid,.adm-detail-grid{grid-template-columns:1fr}.adm-drawer{max-width:100%}.adm-slip-page{flex-direction:column;width:100%;min-height:auto}.adm-slip-cut-line{width:100%;height:1px;writing-mode:horizontal-tb}.adm-slip-cut-label{writing-mode:horizontal-tb}}.adm-seats-table th,.adm-seats-table td{white-space:nowrap}.adm-seats-row--full{background:#fff1f2!important}.adm-seats-row--full:hover{background:#ffe4e6!important}.adm-seats-count{display:inline-block;min-width:30px;text-align:center;font-weight:700;font-size:.875rem;border-radius:6px;padding:.15rem .5rem}.adm-seats-count--confirmed{background:#d1fae5;color:#065f46}.adm-seats-count--approved{background:#fef3c7;color:#92400e}.adm-seats-count--pipeline{background:#ede9fe;color:#5b21b6}.adm-seats-count--enquiry{background:#f1f5f9;color:#475569}.adm-seats-count--avail{background:#dbeafe;color:#1e40af}.adm-seats-count--zero{background:#fee2e2;color:#991b1b}.adm-seats-bar-wrap{display:flex;align-items:center;gap:.5rem}.adm-seats-bar{flex:1;height:8px;border-radius:99px;background:#e2e8f0;overflow:hidden;min-width:60px}.adm-seats-bar__fill{height:100%;border-radius:99px;transition:width .3s ease}.adm-seats-bar--ok .adm-seats-bar__fill{background:#22c55e}.adm-seats-bar--warning .adm-seats-bar__fill{background:#f59e0b}.adm-seats-bar--danger .adm-seats-bar__fill{background:#ef4444}.adm-seats-bar__pct{font-size:.75rem;color:#64748b;min-width:34px;text-align:right}.adm-seats-row--near-full{background:#fffbeb!important}.adm-seats-row--near-full:hover{background:#fef3c7!important}.adm-seats-badge{display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.04em;border-radius:4px;padding:.1rem .35rem}.adm-seats-badge--full{background:#fee2e2;color:#991b1b}.adm-seats-badge--near{background:#fef3c7;color:#92400e}.adm-seats-dual{display:inline-flex;align-items:center;gap:.35rem}.adm-seats-bar{position:relative;overflow:hidden}.adm-seats-bar__proj{position:absolute;top:0;height:100%;border-radius:0 99px 99px 0;opacity:.35}.adm-seats-bar--ok .adm-seats-bar__proj{background:#22c55e}.adm-seats-bar--warning .adm-seats-bar__proj{background:#f59e0b}.adm-seats-bar--danger .adm-seats-bar__proj{background:#ef4444}.adm-seats-bar__labels{display:flex;align-items:center;gap:.25rem}.adm-seats-bar__proj-pct{font-size:.68rem;color:#94a3b8;white-space:nowrap}.adm-seats-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#64748b;cursor:pointer;font-size:.7rem;transition:background .15s,color .15s,border-color .15s;padding:0}.adm-seats-expand-btn:hover{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc}.adm-seats-row--expanded td{border-bottom:none!important}.adm-seats-funnel-row>td{padding:0!important;border-top:none!important;border-bottom:1px solid #e2e8f0!important}.adm-seats-funnel{background:#f8fafc;padding:1rem 1.25rem 1.25rem;border-radius:0 0 10px 10px}.adm-seats-funnel__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem;font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.adm-seats-funnel__no-data{font-size:.8rem;color:#94a3b8;font-weight:400;font-style:italic;text-transform:none;letter-spacing:0}.adm-seats-funnel__body{display:flex;flex-direction:column;gap:.45rem}.adm-seats-funnel__stage{display:grid;grid-template-columns:120px 1fr 48px 56px;align-items:center;gap:.6rem}.adm-seats-funnel__stage-label{font-size:.78rem;color:#475569;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.adm-seats-funnel__stage-bar-wrap{height:18px;background:#e2e8f0;border-radius:99px;overflow:hidden}.adm-seats-funnel__stage-bar{height:100%;border-radius:99px;transition:width .4s ease;min-width:4px}.adm-seats-funnel__stage-count{font-size:.8rem;font-weight:700;text-align:right}.adm-seats-funnel__dropoff{font-size:.7rem;color:#ef4444;font-weight:600;white-space:nowrap}.adm-seats-funnel__drops{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #e2e8f0;flex-wrap:wrap}.adm-seats-funnel__drop-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;border-radius:6px;padding:.2rem .6rem}.adm-seats-funnel__drop-tag--rejected{background:#fee2e2;color:#991b1b}.adm-seats-funnel__drop-tag--waitlisted{background:#f1f5f9;color:#475569}.adm-seats-funnel__drop-tag--ineligible{background:#fef3c7;color:#92400e}.timetable-management-container{padding:1.5rem;background:var(--section-bg, #f0f4f8);min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1.25rem}.timetable-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;flex-direction:column;gap:1.1rem;position:relative;overflow:hidden;color:#fff}.timetable-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.timetable-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.header-top-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:1}.header-title-section{display:flex;align-items:center;gap:.875rem}.header-icon-badge{width:46px;height:46px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-title-section h1{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .15rem;letter-spacing:-.01em}.header-title-section p{font-size:.875rem;color:#ffffffbf;margin:0}.header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;position:relative;z-index:1}.period-limit-control{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:8px}.period-limit-control label{font-size:.68rem;font-weight:600;color:#ffffffa6;white-space:nowrap}.period-limit-select{background:transparent;border:none;color:#fff;font-weight:700;font-size:.78rem;cursor:pointer;outline:none;font-family:inherit}.period-limit-select option{background:#1e3a8a;color:#fff}.btn-secondary{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .875rem;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .18s;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:#ffffff38;border-color:#fff6}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-save{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .875rem;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .18s;white-space:nowrap}.btn-save:hover:not(:disabled){background:#ffffff47}.btn-save:disabled{opacity:.4;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:var(--primary-color, #4f46e5);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .18s;white-space:nowrap;box-shadow:0 2px 8px #4f46e540}.btn-primary:hover:not(:disabled){background:#4338ca;box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-publish{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .95rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .18s;white-space:nowrap;box-shadow:0 2px 8px #10b9814d}.btn-publish:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-publish:disabled{opacity:.4;cursor:not-allowed}.btn-attendance-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .875rem;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .18s;white-space:nowrap;border:1px solid}.btn-attendance-toggle.active{background:#10b98133;color:#6ee7b7;border-color:#10b98166}.btn-attendance-toggle.inactive{background:#ef444433;color:#fca5a5;border-color:#ef444466}.btn-attendance-toggle:disabled{opacity:.4;cursor:not-allowed}.btn-danger-outline{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .875rem;background:transparent;color:#ef4444;border:1.5px solid #fca5a5;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .18s}.btn-danger-outline:hover{background:#fef2f2;border-color:#ef4444}.btn-generate-tt{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 2px 10px #6366f159;transition:transform .15s,box-shadow .15s;flex-shrink:0}.btn-generate-tt:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f173}.pulse-animation:not(:disabled){animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;background:var(--card-bg, #ffffff);border-radius:14px;border:2px dashed var(--border-color, #e5e7eb);padding:4rem 2rem;color:var(--text-secondary, #9ca3af);text-align:center;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.07))}.empty-state i{font-size:2.5rem;opacity:.25}.empty-state h2{font-size:1rem;font-weight:700;color:var(--text-primary, #374151);margin:0}.empty-state p{font-size:.8rem;margin:0;color:var(--text-secondary, #6b7280)}.timetable-grid-wrapper{background:var(--card-bg, #ffffff);border-radius:14px;border:1px solid var(--border-color, #ebebf5);box-shadow:var(--shadow-sm, 0 1px 4px rgba(0,0,0,.05));overflow:auto;flex:1}.timetable-grid{display:flex;flex-direction:column;min-width:700px}.grid-header{display:flex;background:var(--section-bg, #fafafa);border-bottom:1.5px solid var(--border-color, #ebebf5);position:sticky;top:0;z-index:2}.day-col,.time-col{flex:1;padding:.75rem .5rem;text-align:center;font-size:.7rem;font-weight:700;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.06em}.time-col{flex:0 0 80px;background:var(--section-bg, #fafafa);border-right:1.5px solid var(--border-color, #ebebf5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem}.grid-row{display:flex;border-bottom:1px solid var(--border-color, #f3f4f6)}.grid-row:last-child{border-bottom:none}.grid-cell{flex:1;min-height:90px;padding:.4rem;position:relative;cursor:pointer;transition:background .15s;border-right:1px solid var(--border-color, #f3f4f6);display:flex;align-items:center;justify-content:center}.grid-cell:last-child{border-right:none}.grid-cell:hover{background:var(--hover-bg, #f9fafb)}.grid-cell.empty:hover .add-hint{opacity:1;transform:scale(1.1)}.add-hint{opacity:0;color:var(--border-color, #d1d5db);font-size:1.1rem;transition:all .15s}.grid-cell.slot-subject{background:#0ea5e90f;border-left:3px solid #0ea5e9}.grid-cell.slot-break{background:#f973160f;border-left:3px solid #f97316}.grid-cell.slot-lunch{background:#22c55e0f;border-left:3px solid #22c55e}.grid-cell.occupied:hover{filter:brightness(.97);box-shadow:0 2px 8px #0000000f}.assignment-info{width:100%;display:flex;flex-direction:column;gap:2px;padding:.3rem .4rem}.sub-code{font-size:.6rem;font-weight:800;color:#0369a1;text-transform:uppercase;letter-spacing:.04em}.sub-name{font-size:.75rem;font-weight:700;color:var(--text-primary, #1e293b);line-height:1.2}.faculty-tag{font-size:.65rem;color:var(--text-secondary, #64748b);display:flex;align-items:center;gap:3px;margin-top:1px}.slot-time-badge{font-size:.58rem;background:#0000000d;padding:1px 5px;border-radius:4px;font-weight:600;color:var(--text-secondary, #64748b);margin-top:2px;align-self:flex-start}.break-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;padding:.5rem 0;color:#9a3412}.slot-lunch .break-display{color:#166534}.break-display i{font-size:1rem;opacity:.6}.break-display span:nth-child(2){font-size:.65rem;font-weight:800;letter-spacing:.08em}.grid-row .time-col{flex:0 0 80px;border-right:1.5px solid var(--border-color, #ebebf5)}.p-num{font-size:.85rem;font-weight:800;color:var(--text-primary, #374151)}.p-time{font-size:.62rem;color:var(--text-secondary, #9ca3af);font-weight:600}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.7rem;font-weight:700;color:var(--text-secondary, #374151);text-transform:uppercase;letter-spacing:.05em}.form-group select,.form-group input[type=time],.form-group input[type=text]{padding:.5rem .75rem;border-radius:8px;border:1.5px solid var(--border-color, #e5e7eb);background:var(--card-bg, #f9fafb);font-size:.82rem;font-family:inherit;color:var(--text-primary, #111827);outline:none;transition:border-color .2s,box-shadow .2s}.form-group select:focus,.form-group input:focus{border-color:var(--primary-color, #4f46e5);background:var(--card-bg, #fff);box-shadow:0 0 0 3px #4f46e51a}[data-theme=dark] .form-group select,[data-theme=dark] .form-group input[type=time],[data-theme=dark] .form-group input[type=text]{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.slot-modal{background:var(--card-bg, #ffffff);border-radius:16px;width:100%;max-width:460px;display:flex;flex-direction:column;box-shadow:0 24px 60px #0000002e;animation:slideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden;border:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .slot-modal{background:#1a1a1a;border-color:#ffffff14;box-shadow:0 24px 60px #0009}.slot-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.35rem;border-bottom:1px solid var(--border-color, #f3f4f6);background:var(--card-bg, #fff)}[data-theme=dark] .slot-modal__header{background:#1a1a1a;border-bottom-color:#ffffff12}.slot-modal__header-left{display:flex;align-items:center;gap:.75rem}.slot-modal__icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.82rem;flex-shrink:0;box-shadow:0 3px 8px #4f46e54d}.slot-modal__title{font-size:.92rem;font-weight:800;color:var(--text-primary, #111827);display:flex;align-items:center;gap:.5rem}[data-theme=dark] .slot-modal__title{color:#f1f5f9}.slot-modal__period-badge{font-size:.65rem;font-weight:700;background:#ede9fe;color:#4f46e5;padding:.15rem .55rem;border-radius:20px}[data-theme=dark] .slot-modal__period-badge{background:#4f46e533;color:#a5b4fc}.slot-modal__sub{font-size:.7rem;color:var(--text-secondary, #9ca3af);margin-top:.1rem}.slot-modal__close{width:30px;height:30px;border-radius:50%;border:none;background:var(--section-bg, #f3f4f6);color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.78rem;transition:all .15s;flex-shrink:0}.slot-modal__close:hover{background:var(--hover-bg, #e5e7eb);color:var(--text-primary, #111827);transform:rotate(90deg)}[data-theme=dark] .slot-modal__close{background:#262626;color:#9ca3af}[data-theme=dark] .slot-modal__close:hover{background:#333;color:#f1f5f9}.slot-modal__tabs{display:flex;gap:.5rem;padding:.875rem 1.35rem;background:var(--section-bg, #fafafa);border-bottom:1px solid var(--border-color, #f3f4f6)}[data-theme=dark] .slot-modal__tabs{background:#111;border-bottom-color:#ffffff0f}.slot-modal__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;border:1.5px solid var(--border-color, #e5e7eb);border-radius:9px;background:var(--card-bg, #fff);font-size:.72rem;font-weight:600;color:var(--text-secondary, #6b7280);cursor:pointer;font-family:inherit;transition:all .18s}[data-theme=dark] .slot-modal__tab{background:#1a1a1a;border-color:#ffffff14;color:#9ca3af}.slot-modal__tab:hover{border-color:#c4b5fd;color:#4f46e5;background:#faf5ff}.slot-modal__tab.active.tab-subject{background:#ede9fe;border-color:#4f46e5;color:#4f46e5}.slot-modal__tab.active.tab-break{background:#fff7ed;border-color:#f97316;color:#c2410c}.slot-modal__tab.active.tab-lunch{background:#f0fdf4;border-color:#22c55e;color:#15803d}[data-theme=dark] .slot-modal__tab.active.tab-subject{background:#4f46e526;border-color:#6366f1;color:#a5b4fc}[data-theme=dark] .slot-modal__tab.active.tab-break{background:#f973161f;border-color:#f97316;color:#fdba74}[data-theme=dark] .slot-modal__tab.active.tab-lunch{background:#22c55e1f;border-color:#22c55e;color:#86efac}.slot-modal__body{padding:1.1rem 1.35rem;display:flex;flex-direction:column;gap:1rem;background:var(--card-bg, #fff)}[data-theme=dark] .slot-modal__body{background:#1a1a1a}.slot-modal__teacher-card{background:var(--section-bg, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.4rem}[data-theme=dark] .slot-modal__teacher-card{background:#111;border-color:#ffffff14}.slot-modal__teacher-label{font-size:.62rem;font-weight:700;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.06em}.slot-modal__teacher-value{display:flex;align-items:center;gap:.65rem;font-size:.84rem;font-weight:700;color:var(--text-primary, #111827)}[data-theme=dark] .slot-modal__teacher-value{color:#f1f5f9}.slot-modal__teacher-avatar{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.slot-modal__teacher-value.empty .slot-modal__teacher-avatar{background:var(--section-bg, #f3f4f6);color:var(--text-secondary, #9ca3af)}.slot-modal__teacher-value.empty span{color:var(--text-secondary, #9ca3af);font-weight:500;font-size:.75rem}.slot-modal__warn{display:flex;align-items:center;gap:.45rem;font-size:.72rem;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:.55rem .75rem;margin-top:.3rem}[data-theme=dark] .slot-modal__warn{background:#f59e0b1a;border-color:#f59e0b33;color:#fbbf24}.slot-modal__break-card{display:flex;align-items:center;gap:.875rem;padding:1rem 1.1rem;border-radius:10px;border:1.5px solid}.slot-modal__break-card.break-break{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.slot-modal__break-card.break-lunch{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}[data-theme=dark] .slot-modal__break-card.break-break{background:#f973161a;border-color:#f9731640;color:#fdba74}[data-theme=dark] .slot-modal__break-card.break-lunch{background:#22c55e1a;border-color:#22c55e40;color:#86efac}.slot-modal__break-card i{font-size:1.3rem;flex-shrink:0}.slot-modal__break-title{font-size:.85rem;font-weight:700}.slot-modal__break-sub{font-size:.7rem;opacity:.75;margin-top:.15rem}.slot-modal__time-row{display:flex;align-items:flex-end;gap:.5rem}.slot-modal__time-row .form-group{flex:1}.slot-modal__time-sep{font-size:.9rem;color:var(--text-secondary, #9ca3af);padding-bottom:.55rem;flex-shrink:0}.slot-modal__checkbox{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-primary, #374151);cursor:pointer;font-weight:500}[data-theme=dark] .slot-modal__checkbox{color:#d1d5db}.slot-modal__checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary-color, #4f46e5);cursor:pointer}.slot-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.35rem;border-top:1px solid var(--border-color, #f3f4f6);gap:.5rem;background:var(--card-bg, #fff)}[data-theme=dark] .slot-modal__footer{background:#1a1a1a;border-top-color:#ffffff12}.publish-modal-wrap{background:var(--card-bg, #ffffff);border-radius:16px;width:100%;max-width:420px;display:flex;flex-direction:column;box-shadow:0 24px 60px #0000002e;animation:slideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden;border:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .publish-modal-wrap{background:#1a1a1a;border-color:#ffffff14;box-shadow:0 24px 60px #0009}.publish-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.35rem;flex-shrink:0;background:var(--card-bg, #fff)}[data-theme=dark] .publish-modal__header{background:#1a1a1a}.publish-modal__header-left{display:flex;align-items:center;gap:.75rem}.publish-modal__icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0;box-shadow:0 3px 8px #10b9814d}.publish-modal__title{font-size:.9rem;font-weight:800;color:var(--text-primary, #111827);line-height:1.2}[data-theme=dark] .publish-modal__title{color:#f1f5f9}.publish-modal__sub{font-size:.68rem;color:var(--text-secondary, #9ca3af);margin-top:.1rem}.publish-modal__close{width:30px;height:30px;border-radius:50%;border:none;background:var(--section-bg, #f3f4f6);color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.78rem;transition:all .15s;flex-shrink:0}.publish-modal__close:hover{background:var(--hover-bg, #e5e7eb);color:var(--text-primary, #111827);transform:rotate(90deg)}[data-theme=dark] .publish-modal__close{background:#262626;color:#9ca3af}[data-theme=dark] .publish-modal__close:hover{background:#333;color:#f1f5f9}.publish-modal__divider{height:1px;background:var(--border-color, #f3f4f6)}[data-theme=dark] .publish-modal__divider{background:#ffffff12}.publish-modal__body{padding:1.1rem 1.35rem;display:flex;flex-direction:column;gap:1rem;background:var(--card-bg, #fff)}[data-theme=dark] .publish-modal__body{background:#1a1a1a}.publish-modal__desc{font-size:.78rem;color:var(--text-secondary, #6b7280);margin:0;line-height:1.5}[data-theme=dark] .publish-modal__desc{color:#9ca3af}.publish-notify-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.publish-notify-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.1rem .5rem;border:1.5px solid var(--border-color, #e5e7eb);border-radius:12px;background:var(--section-bg, #f9fafb);cursor:pointer;transition:all .18s;text-align:center}[data-theme=dark] .publish-notify-card{background:#111;border-color:#ffffff14}.publish-notify-card input{display:none}.publish-notify-card:hover{border-color:#6ee7b7;background:#f0fdf4}[data-theme=dark] .publish-notify-card:hover{background:#10b98114}.publish-notify-card.active{border-color:#10b981;background:#f0fdf4}[data-theme=dark] .publish-notify-card.active{background:#10b9811a;border-color:#10b981}.publish-notify-card__icon{width:40px;height:40px;border-radius:10px;background:var(--border-color, #e5e7eb);color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .18s}[data-theme=dark] .publish-notify-card__icon{background:#ffffff0f;color:#9ca3af}.publish-notify-card.active .publish-notify-card__icon{background:#d1fae5;color:#059669}[data-theme=dark] .publish-notify-card.active .publish-notify-card__icon{background:#10b98133;color:#34d399}.publish-notify-card__label{font-size:.78rem;font-weight:700;color:var(--text-primary, #374151)}[data-theme=dark] .publish-notify-card__label{color:#d1d5db}.publish-notify-card.active .publish-notify-card__label{color:#065f46}[data-theme=dark] .publish-notify-card.active .publish-notify-card__label{color:#34d399}.publish-notify-card__check{position:absolute;top:6px;right:6px;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--border-color, #d1d5db);background:var(--card-bg, #fff);display:flex;align-items:center;justify-content:center;font-size:.5rem;color:#fff;transition:all .15s}.publish-notify-card__check.checked{background:#10b981;border-color:#10b981}.publish-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.875rem 1.35rem;border-top:1px solid var(--border-color, #f3f4f6);background:var(--card-bg, #fff)}[data-theme=dark] .publish-modal__footer{background:#1a1a1a;border-top-color:#ffffff12}.tt-toast{position:fixed;top:1.25rem;right:1.25rem;z-index:9999;display:flex;align-items:center;gap:.65rem;padding:.875rem 1.1rem;border-radius:11px;font-size:.82rem;font-weight:600;box-shadow:0 8px 24px #0000001f;max-width:380px;animation:tt-slide-in .25s cubic-bezier(.16,1,.3,1)}@keyframes tt-slide-in{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}.tt-toast--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.tt-toast--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.tt-toast--warning{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.tt-toast--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}[data-theme=dark] .tt-toast--success{background:#10b9811f;border-color:#10b98140;color:#34d399}[data-theme=dark] .tt-toast--error{background:#ef44441f;border-color:#ef444440;color:#f87171}[data-theme=dark] .tt-toast--warning{background:#f59e0b1f;border-color:#f59e0b40;color:#fbbf24}[data-theme=dark] .tt-toast--info{background:#3b82f61f;border-color:#3b82f640;color:#60a5fa}.tt-toast i:first-child{font-size:.9rem;flex-shrink:0}.tt-toast span{flex:1;line-height:1.3}.tt-toast__close{background:none;border:none;cursor:pointer;color:inherit;opacity:.5;font-size:.72rem;padding:0;flex-shrink:0;transition:opacity .15s}.tt-toast__close:hover{opacity:1}.only-print{display:none}@page{size:A4 landscape;margin:10mm}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print,aside,nav,header{display:none!important}body{background:#fff!important;padding:0!important;margin:0!important}.timetable-management-container{padding:0!important;background:#fff!important}.timetable-grid-wrapper{border:2px solid #000!important;box-shadow:none!important;overflow:visible!important}.timetable-grid{display:table!important;width:100%!important;border-collapse:collapse!important}.grid-header{display:table-row!important;background:#f1f5f9!important}.grid-row{display:table-row!important;page-break-inside:avoid!important}.grid-cell,.time-col,.day-col{display:table-cell!important;border:1px solid #333!important;padding:4px!important;vertical-align:middle!important;height:60px!important;background:#fff!important;color:#000!important}.time-col{width:70px!important;font-weight:700!important;text-align:center!important}.day-col{font-weight:700!important;text-align:center!important;background:#f1f5f9!important}.slot-subject{border-left:8px solid #0ea5e9!important;background:#f0f9ff!important}.slot-break{border-left:8px solid #f97316!important;background:#fff7ed!important}.slot-lunch{border-left:8px solid #22c55e!important;background:#f0fdf4!important}.print-header{display:block!important;text-align:center!important;margin-bottom:10px!important;border-bottom:2px solid #000!important}.print-header h1{font-size:20pt!important;margin:0 0 4px!important;color:#000!important}.print-header h2{font-size:16pt!important;margin:0!important;color:#000!important}.institution-info{font-size:10pt!important;color:#000!important;margin-top:6px!important}.sub-code,.sub-name,.faculty-tag{display:block!important;color:#000!important}.sub-code{font-weight:900!important;font-size:10pt!important}.sub-name{font-weight:700!important;font-size:9pt!important}.faculty-tag{font-size:8pt!important;font-style:italic!important}.slot-time-badge{display:block!important;font-size:7pt!important;color:#333!important;position:static!important}.break-display{display:block!important;text-align:center!important}.break-display span{display:block!important;color:#000!important;font-weight:800!important}.break-display i,.add-hint{display:none!important}}@media(max-width:768px){.timetable-management-container{padding:.875rem;gap:.875rem}.timetable-header{padding:1.1rem 1.25rem;border-radius:12px;gap:.75rem}.header-title-section h1{font-size:1.1rem;white-space:normal}.header-title-section p{font-size:.75rem}.header-actions{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none;align-items:center}.header-actions::-webkit-scrollbar{display:none}.header-actions>*{flex-shrink:0}.period-limit-control{padding:.35rem .6rem}.period-limit-control label{display:none}.timetable-grid-wrapper{overflow-x:auto;border-radius:12px;-webkit-overflow-scrolling:touch}.timetable-grid{min-width:620px}.grid-cell{min-height:72px}.time-col{flex:0 0 56px}.sub-name{font-size:.68rem}.faculty-tag{font-size:.58rem}.slot-time-badge{font-size:.52rem}.modal-overlay{align-items:flex-end;padding:0}.slot-modal,.publish-modal-wrap{max-width:100%;width:100%;border-radius:18px 18px 0 0;max-height:92vh}.tt-toast{top:auto;bottom:1rem;right:.75rem;left:.75rem;max-width:none}.publish-notify-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.timetable-management-container{padding:.625rem}.timetable-header{padding:.875rem 1rem}.header-title-section h1{font-size:1rem}.timetable-grid{min-width:560px}.grid-cell{min-height:64px}.time-col{flex:0 0 48px}.p-num{font-size:.72rem}.p-time{font-size:.55rem}.day-col{font-size:.6rem;padding:.5rem .25rem}}.tt-dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}.tt-stat-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #ebebf5);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.875rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.05));transition:all .2s ease}.tt-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000f;border-color:#6366f1}.tt-stat-icon{width:40px;height:40px;border-radius:10px;background:#6366f11a;color:#6366f1;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.tt-stat-info{display:flex;flex-direction:column}.tt-stat-value{font-size:1.25rem;font-weight:800;color:var(--text-primary, #1e293b);line-height:1.2}.tt-stat-label{font-size:.68rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.tt-dashboard-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.25rem;margin-top:.5rem}@media(max-width:1024px){.tt-dashboard-row{grid-template-columns:1fr}}.tt-panel{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #ebebf5);border-radius:14px;padding:1.25rem;box-shadow:var(--shadow-sm, 0 1px 4px rgba(0,0,0,.05));display:flex;flex-direction:column;gap:1rem}.tt-panel__header{font-size:.85rem;font-weight:800;color:var(--text-primary, #1e293b);display:flex;align-items:center;gap:.5rem;border-bottom:1.5px solid var(--border-color, #ebebf5);padding-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.tt-panel__header i{color:#6366f1}.tt-panel__body{display:flex;flex-direction:column;gap:.875rem;flex:1}.tt-subject-bar{display:flex;flex-direction:column;gap:.35rem}.tt-subject-bar__info{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.tt-subject-bar__name{font-weight:700;color:var(--text-primary, #334155)}.tt-subject-bar__count{font-weight:600;color:var(--text-secondary, #64748b);background:var(--section-bg, #f1f5f9);padding:1px 6px;border-radius:4px;font-size:.7rem}.tt-subject-bar__track{height:6px;background:var(--section-bg, #f1f5f9);border-radius:3px;overflow:hidden}.tt-subject-bar__fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px}.tt-panel__empty{font-size:.78rem;color:var(--text-secondary, #64748b);text-align:center;margin:2rem 0}.tt-day-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem 0;border-bottom:1px solid var(--border-color, #ebebf5)}.tt-day-summary:last-child{border-bottom:none}.tt-day-summary__name{font-size:.75rem;font-weight:700;color:var(--text-primary, #334155);width:32px}.tt-day-summary__dots{display:flex;gap:3px;flex-wrap:wrap;align-items:center;flex:1}.tt-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;display:inline-block}.tt-dot--subject{background:#0ea5e9}.tt-dot--break{background:#f97316}.tt-dot--lunch{background:#22c55e}.tt-day-summary__count{font-size:.72rem;font-weight:600;color:var(--text-secondary, #64748b);font-variant-numeric:tabular-nums}.tt-panel--tips{background:linear-gradient(135deg,#fff,#fafcff)}.tt-tip{display:flex;gap:.75rem;font-size:.78rem;color:var(--text-primary, #334155);line-height:1.4;align-items:flex-start}.tt-tip i{color:#eab308;font-size:.85rem;margin-top:.15rem;flex-shrink:0}[data-theme=dark] .timetable-management-container{background:#0a0a0a!important}[data-theme=dark] .empty-state{background:#161616!important;border-color:#ffffff14!important}[data-theme=dark] .timetable-grid-wrapper{background:#161616!important;border-color:#ffffff14!important}[data-theme=dark] .grid-header{background:#1a1a1a!important;border-bottom-color:#ffffff14!important}[data-theme=dark] .day-col,[data-theme=dark] .time-col{background:#1a1a1a!important;color:#9ca3af!important;border-color:#ffffff14!important}[data-theme=dark] .grid-row{border-bottom-color:#ffffff0d!important}[data-theme=dark] .grid-cell{border-right-color:#ffffff0d!important}[data-theme=dark] .grid-cell:hover{background:#ffffff08!important}[data-theme=dark] .p-num{color:#f8fafc!important}[data-theme=dark] .p-time{color:#9ca3af!important}[data-theme=dark] .grid-cell.slot-subject{background:#0ea5e91f!important;border-left-color:#0ea5e9!important}[data-theme=dark] .grid-cell.slot-break{background:#f973161f!important;border-left-color:#f97316!important}[data-theme=dark] .grid-cell.slot-lunch{background:#22c55e1f!important;border-left-color:#22c55e!important}[data-theme=dark] .sub-code{color:#38bdf8!important}[data-theme=dark] .sub-name{color:#f1f5f9!important}[data-theme=dark] .faculty-tag{color:#94a3b8!important}[data-theme=dark] .slot-time-badge{background:#ffffff14!important;color:#94a3b8!important}[data-theme=dark] .break-display{color:#fdba74!important}[data-theme=dark] .slot-lunch .break-display{color:#86efac!important}[data-theme=dark] .tt-stat-card{background:#161616!important;border-color:#ffffff14!important;box-shadow:none!important}[data-theme=dark] .tt-stat-card:hover{border-color:#6366f1!important;box-shadow:0 8px 24px #0006!important}[data-theme=dark] .tt-stat-value{color:#f8fafc!important}[data-theme=dark] .tt-stat-label{color:#94a3b8!important}[data-theme=dark] .tt-panel{background:#161616!important;border-color:#ffffff14!important}[data-theme=dark] .tt-panel__header{color:#f8fafc!important;border-bottom-color:#ffffff14!important}[data-theme=dark] .tt-subject-bar__name{color:#cbd5e1!important}[data-theme=dark] .tt-subject-bar__count{color:#94a3b8!important;background:#242424!important}[data-theme=dark] .tt-subject-bar__track{background:#242424!important}[data-theme=dark] .tt-day-summary{border-bottom-color:#ffffff0d!important}[data-theme=dark] .tt-day-summary__name{color:#cbd5e1!important}[data-theme=dark] .tt-day-summary__count{color:#94a3b8!important}[data-theme=dark] .tt-dot{background:#334155!important}[data-theme=dark] .tt-dot--subject{background:#0ea5e9!important}[data-theme=dark] .tt-dot--break{background:#f97316!important}[data-theme=dark] .tt-dot--lunch{background:#22c55e!important}[data-theme=dark] .tt-panel--tips{background:linear-gradient(135deg,#161616,#1e1b29)!important}[data-theme=dark] .tt-tip{color:#cbd5e1!important}.ttgen-container{padding:2rem;max-width:1200px;margin:0 auto;font-family:inherit}.ttgen-toast{position:fixed;top:1.25rem;right:1.25rem;z-index:9999;padding:.85rem 1.25rem;border-radius:10px;display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;box-shadow:0 4px 20px #00000026;animation:ttgen-slide-in .25s ease}.ttgen-toast--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.ttgen-toast--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.ttgen-toast--warning{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}@keyframes ttgen-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ttgen-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.ttgen-header-icon{width:52px;height:52px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;flex-shrink:0}.ttgen-header h1{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.ttgen-header p{font-size:.9rem;color:#64748b;margin:.2rem 0 0}.ttgen-stepbar{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.5rem;margin-bottom:2rem;overflow-x:auto}.ttgen-step-item{display:flex;align-items:center;gap:.55rem;flex-shrink:0;font-size:.82rem;font-weight:600;color:#94a3b8}.ttgen-step-item.active,.ttgen-step-item.done{color:#6366f1}.ttgen-step-label{white-space:nowrap}.ttgen-step-circle{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border:2px solid #e2e8f0}.ttgen-step-item.active .ttgen-step-circle,.ttgen-step-item.done .ttgen-step-circle{background:#6366f1;color:#fff;border-color:#6366f1}.ttgen-step-connector{flex:1;min-width:2rem;height:2px;background:#e2e8f0;border-radius:2px;margin:0 .5rem}.ttgen-step-connector.done{background:#6366f1}.ttgen-errors{background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;padding:.9rem 1.1rem;margin-bottom:1.25rem;color:#991b1b}.ttgen-errors-title{font-size:.88rem;font-weight:700;display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.ttgen-errors ul{margin:0;padding-left:1.2rem;font-size:.85rem;display:flex;flex-direction:column;gap:.25rem}.ttgen-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.ttgen-panel-title{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.ttgen-panel-title>i{font-size:1.25rem;color:#6366f1;margin-top:.15rem;flex-shrink:0}.ttgen-panel-title h2{font-size:1.15rem;font-weight:800;color:#1e293b;margin:0 0 .25rem}.ttgen-panel-title p{font-size:.85rem;color:#64748b;margin:0}.ttgen-section{margin-bottom:1.5rem}.ttgen-field-label{font-size:.75rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.5rem}.ttgen-hint{font-size:.72rem;font-weight:400;color:#94a3b8;text-transform:none;letter-spacing:0;margin-left:.3rem}.ttgen-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.ttgen-field{flex:1;min-width:150px}.ttgen-field label{display:block;font-size:.78rem;font-weight:600;color:#475569;margin-bottom:.35rem}.ttgen-field input,.ttgen-field select{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1e293b;background:#f8fafc;box-sizing:border-box}.ttgen-field input:focus,.ttgen-field select:focus{outline:none;border-color:#6366f1;background:#fff}.ttgen-infra-filter-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.9rem 1rem;margin-bottom:.75rem}.ttgen-class-selected{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:8px;padding:.55rem .85rem;font-size:.84rem;color:#3730a3;font-weight:600}.ttgen-class-selected i{color:#6366f1}.ttgen-class-note{font-size:.75rem;font-weight:400;color:#6366f1;margin-left:.25rem}.ttgen-class-hint{font-size:.78rem;color:#94a3b8;margin:.4rem 0 0}.ttgen-day-pills{display:flex;gap:.5rem;flex-wrap:wrap}.ttgen-day-pill{padding:.4rem .85rem;border-radius:20px;border:2px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s}.ttgen-day-pill.active{background:#6366f1;border-color:#6366f1;color:#fff}.ttgen-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.ttgen-preview-title{font-size:.78rem;font-weight:700;color:#475569;margin-bottom:.85rem;display:flex;align-items:center;gap:.4rem}.ttgen-timeline{display:flex;flex-direction:column;gap:0;border-left:3px solid #e2e8f0;margin-left:.5rem}.ttgen-timeline-row{display:flex;align-items:center;gap:.75rem;padding:.45rem .75rem;position:relative;border-radius:0 8px 8px 0;transition:background .1s}.ttgen-timeline-row:hover{background:#f1f5f9}.ttgen-tl-break{background:#fffbeb}.ttgen-tl-lunch{background:#f0fdf4}.ttgen-tl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#6366f1;position:absolute;left:-6.5px;border:2px solid #fff}.ttgen-tl-break .ttgen-tl-dot{background:#f59e0b}.ttgen-tl-lunch .ttgen-tl-dot{background:#22c55e}.ttgen-tl-time{font-size:.75rem;font-weight:600;color:#64748b;min-width:120px;flex-shrink:0;font-variant-numeric:tabular-nums}.ttgen-tl-info{display:flex;flex-direction:column;flex:1}.ttgen-tl-name{font-size:.85rem;font-weight:600;color:#1e293b}.ttgen-tl-dur{font-size:.72rem;color:#94a3b8}.ttgen-tl-badge{padding:.2rem .55rem;border-radius:20px;font-size:.7rem;font-weight:700;flex-shrink:0}.ttgen-tl-badge--subject{background:#e0e7ff;color:#3730a3}.ttgen-tl-badge--break{background:#fef9c3;color:#854d0e}.ttgen-tl-badge--lunch{background:#dcfce7;color:#166534}.ttgen-guide-box{display:flex;gap:.75rem;align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:.9rem 1rem;margin-bottom:1.25rem}.ttgen-guide-icon{font-size:1.1rem;color:#d97706;flex-shrink:0;margin-top:.05rem}.ttgen-guide-content{font-size:.84rem;color:#78350f}.ttgen-guide-content strong{color:#92400e}.ttgen-guide-content ul{margin:.4rem 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.3rem}.ttgen-empty-state{text-align:center;padding:2.5rem 1rem;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1;color:#64748b}.ttgen-empty-state i{font-size:2rem;color:#f59e0b;margin-bottom:.75rem;display:block}.ttgen-empty-state h3{font-size:1rem;font-weight:700;color:#334155;margin:0 0 .4rem}.ttgen-empty-state p{font-size:.88rem;margin:0}.ttgen-table-wrap{overflow-x:auto;margin-bottom:1.5rem;border-radius:10px;border:1px solid #e2e8f0}.ttgen-table{width:100%;border-collapse:collapse;font-size:.85rem}.ttgen-table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-size:.72rem;font-weight:800;color:#475569;text-transform:uppercase;border-bottom:1px solid #e2e8f0;white-space:nowrap}.ttgen-table td{padding:.65rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.ttgen-table tr:last-child td{border-bottom:none}.ttgen-table tr:hover td{background:#f8fafc}.ttgen-badge-class{background:#e0e7ff;color:#4338ca;padding:.2rem .55rem;border-radius:5px;font-size:.75rem;font-weight:700}.ttgen-subject-cell{display:flex;flex-direction:column;gap:.1rem}.ttgen-subject-cell strong{font-size:.88rem;color:#1e293b}.ttgen-subject-cell small{font-size:.72rem;color:#64748b}.ttgen-teacher-cell{font-size:.85rem;color:#334155}.ttgen-no-teacher{color:#ef4444;font-size:.8rem;font-weight:600}.ttgen-optional{font-size:.7rem;font-weight:400;color:#94a3b8;text-transform:none;letter-spacing:0;margin-left:.25rem}.ttgen-num-input{width:60px;padding:.3rem .4rem;border:1px solid #e2e8f0;border-radius:6px;text-align:center}.ttgen-select-sm{padding:.3rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.82rem}.ttgen-muted{color:#94a3b8;font-size:.82rem}.ttgen-day-mini{display:flex;gap:3px}.ttgen-day-mini-btn{width:32px;height:24px;border-radius:4px;border:1px solid #e2e8f0;background:#f8fafc;font-size:.65rem;font-weight:700;cursor:pointer;color:#64748b}.ttgen-day-mini-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.ttgen-toggle{position:relative;display:inline-block;width:40px;height:22px}.ttgen-toggle input{opacity:0;width:0;height:0}.ttgen-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#e2e8f0;border-radius:22px;transition:background .2s}.ttgen-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.ttgen-toggle input:checked+.ttgen-toggle-slider{background:#6366f1}.ttgen-toggle input:checked+.ttgen-toggle-slider:before{transform:translate(18px)}.ttgen-toggle.sm{width:32px;height:18px}.ttgen-toggle.sm .ttgen-toggle-slider:before{width:12px;height:12px}.ttgen-toggle.sm input:checked+.ttgen-toggle-slider:before{transform:translate(14px)}.ttgen-fac-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.25rem}.ttgen-fac-table{width:100%;border-collapse:collapse;font-size:.82rem}.ttgen-fac-table th{background:#f8fafc;padding:.65rem .75rem;text-align:center;font-size:.7rem;font-weight:800;color:#475569;text-transform:uppercase;border-bottom:1px solid #e2e8f0;white-space:nowrap}.ttgen-fac-table td{border-bottom:1px solid #f1f5f9;vertical-align:middle}.ttgen-fac-table tr:last-child td{border-bottom:none}.ttgen-fac-name-col{text-align:left!important;min-width:180px}.ttgen-fac-day-col{min-width:120px}.ttgen-fac-limit-col{min-width:90px}.ttgen-fac-name-cell{display:flex;align-items:center;gap:.6rem;padding:.75rem}.ttgen-fac-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem}.ttgen-fac-name{font-weight:700;color:#1e293b;font-size:.88rem}.ttgen-fac-dept{font-size:.72rem;color:#64748b}.ttgen-fac-day-cell{text-align:center;padding:.5rem .4rem;transition:background .15s}.ttgen-fac-day-cell.unavailable{background:#fef2f2}.ttgen-fac-times{display:flex;flex-direction:column;gap:2px;align-items:center;margin-top:.3rem}.ttgen-fac-times input[type=time]{width:90px;padding:2px 4px;border:1px solid #e2e8f0;border-radius:4px;font-size:.72rem;color:#334155;text-align:center}.ttgen-fac-off{display:inline-block;margin-top:.3rem;font-size:.72rem;font-weight:700;color:#ef4444}.ttgen-fac-limit-cell{text-align:center;padding:.5rem .4rem;display:flex;flex-direction:column;align-items:center;gap:2px}.ttgen-fac-limit-cell input[type=number]{width:52px;padding:.25rem .3rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;text-align:center}.ttgen-fac-unit{font-size:.68rem;color:#94a3b8}.ttgen-fac-legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.78rem;color:#475569;padding:.6rem .25rem;margin-bottom:1rem}.ttgen-fac-legend-item{display:flex;align-items:center;gap:.35rem}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot.green{background:#22c55e}.dot.red{background:#ef4444}.ttgen-fac-legend-item i{color:#6366f1;font-size:.8rem}.ttgen-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media(min-width:700px){.ttgen-review-grid{grid-template-columns:repeat(4,1fr)}}.ttgen-review-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;text-align:center}.ttgen-review-card i{font-size:1.5rem;color:#6366f1;margin-bottom:.5rem;display:block}.ttgen-review-label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:.3rem}.ttgen-review-value{font-size:.85rem;font-weight:600;color:#1e293b}.ttgen-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:#334155;cursor:pointer;margin-bottom:1.25rem}.ttgen-generate-cta{text-align:center;padding:2rem;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:14px;margin-bottom:1.5rem}.ttgen-btn-generate{padding:.9rem 2.5rem;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #6366f159;transition:transform .15s,box-shadow .15s}.ttgen-btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.ttgen-btn-generate:disabled{opacity:.7;cursor:not-allowed}.ttgen-cta-note{font-size:.82rem;color:#64748b;margin:.75rem 0 0}.ttgen-next-steps{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.9rem 1.1rem;margin-bottom:1.1rem;font-size:.84rem;color:#1e40af}.ttgen-next-steps-title{font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.ttgen-next-steps ol{margin:0;padding-left:1.3rem;display:flex;flex-direction:column;gap:.25rem}.ttgen-result{margin-bottom:1rem}.ttgen-result-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem}.ttgen-result-banner.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.ttgen-result-banner.warning{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.ttgen-result-banner i{font-size:1.25rem;flex-shrink:0}.ttgen-unresolved{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:1rem;margin-bottom:1rem}.ttgen-unresolved-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.ttgen-unresolved-header h4{margin:0;font-size:.88rem;color:#92400e;display:flex;align-items:center;gap:.4rem}.ttgen-unresolved-hint{font-size:.78rem;color:#92400e;margin:0 0 .75rem;opacity:.8}.ttgen-btn-autofix{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;border-radius:7px;background:#f97316;color:#fff;border:none;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}.ttgen-btn-autofix:hover:not(:disabled){background:#ea6c08}.ttgen-btn-autofix:disabled{opacity:.65;cursor:not-allowed}.ttgen-result-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-bottom:1rem}.ttgen-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #f1f5f9}.ttgen-btn-primary,.ttgen-btn-secondary{padding:.6rem 1.4rem;border-radius:8px;font-size:.88rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;border:none;transition:background .15s;text-decoration:none}.ttgen-btn-primary{background:#6366f1;color:#fff}.ttgen-btn-primary:hover:not(:disabled){background:#4f46e5}.ttgen-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ttgen-btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.ttgen-btn-secondary:hover{background:#e2e8f0}.ttgen-loading{text-align:center;padding:3rem;color:#6366f1;font-size:1rem;font-weight:600}.batch-management{padding:1.25rem;background:#f5f5fa;min-height:calc(100vh - 60px);font-family:inherit;color:#1e293b}.batch-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;position:relative;overflow:hidden;color:#fff}.batch-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.batch-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.batch-header h1{font-size:1.5rem!important;font-weight:800!important;color:#fff!important;margin:0 0 .2rem!important;letter-spacing:-.01em!important;position:relative;z-index:1}.batch-header p{font-size:.875rem!important;color:#ffffffbf!important;margin:0!important;position:relative;z-index:1}.view-toggle{display:flex;background:#ffffff1f;border-radius:9px;padding:3px;gap:2px;position:relative;z-index:1}.view-toggle button{padding:.35rem .75rem;border-radius:7px;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:.75rem;color:#ffffffb3;font-family:inherit;transition:all .15s;display:flex;align-items:center;gap:.3rem}.new-batch-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.45rem .875rem;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;text-transform:none;letter-spacing:0;position:relative;z-index:1}.new-batch-btn:hover{background:#ffffff47;transform:translateY(-1px)}.batch-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:1rem;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s,border-color .2s;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.75rem;min-height:auto}.batch-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed);opacity:0;transition:opacity .2s}.batch-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014;border-color:#c4b5fd}.batch-card:hover:before{opacity:1}.batch-card .batch-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;background:none;padding:0;border-radius:0;border:none;box-shadow:none}.batch-title{font-size:.88rem!important;font-weight:800!important;color:#111827!important;margin:0 0 .3rem!important;letter-spacing:-.01em!important;line-height:1.2!important}.batch-year-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;background:#eff6ff;color:#1e40af;border-radius:6px;font-size:.65rem;font-weight:700;border:1px solid #bfdbfe}.batch-icon-container{display:flex;gap:.25rem;padding:.25rem;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.batch-details{flex:1;display:flex;flex-direction:column;gap:.4rem;margin:0}.detail-row{display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:#475569;padding:.45rem .6rem;border-radius:7px;background:#f9fafb;border:1px solid #f3f4f6;transition:background .15s}.detail-row:hover{background:#f3f4f6;transform:none}.detail-row i{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;font-size:.7rem;flex-shrink:0;box-shadow:0 1px 2px #00000014}.i-dept{color:#8b5cf6}.i-class{color:#3b82f6}.i-sem{color:#10b981}.i-students{color:#f59e0b}.card-actions{display:flex;gap:.5rem;margin-top:0}.action-btn{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .65rem;border-radius:8px;font-weight:600;font-size:.72rem;cursor:pointer;font-family:inherit;transition:all .15s;border:1px solid transparent}.btn-students{background:#eff6ff;color:#2563eb}.btn-students:hover{background:#dbeafe;transform:none}.hierarchy-container{display:flex;height:calc(100vh - 160px);background:#f5f5fa;overflow:hidden;position:relative;border-radius:14px;border:1px solid #ebebf5;margin-top:0}.hierarchy-canvas{flex:1;cursor:grab;background:radial-gradient(#d1d5db 1px,transparent 1px);background-size:20px 20px;overflow:hidden;display:flex;position:relative}.zoom-controls{position:absolute;bottom:1rem;left:1rem;z-index:100;display:flex;gap:4px;background:#fff;padding:6px;border-radius:10px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.zoom-controls button{width:28px;height:28px;border-radius:6px;border:none;background:#f3f4f6;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:.7rem;transition:all .15s}.zoom-controls button:hover{background:#e5e7eb;color:#111827}.matrix-main{display:flex;flex-direction:column;gap:2rem}.dept-matrix-container{background:#fff;border-radius:16px!important;border:1px solid #e5e7eb!important;padding:1.5rem!important;box-shadow:0 2px 8px #0000000d!important;min-width:-moz-fit-content;min-width:fit-content}.dept-matrix-container h3{font-size:1rem!important;font-weight:800!important;color:#111827!important;margin-bottom:1.25rem!important;display:flex!important;align-items:center!important;gap:.75rem!important}.dept-matrix-container h3>div{width:32px!important;height:32px!important;border-radius:8px!important;font-size:.85rem!important}.batch-drag-item{background:#fff;padding:.75rem 1rem!important;border-radius:10px!important;border:1px solid #e5e7eb!important;margin-bottom:.5rem!important;cursor:grab;box-shadow:0 1px 4px #0000000f!important;transition:all .15s!important}.batch-drag-item:hover{transform:translateY(-1px)!important;box-shadow:0 3px 8px #0000001a!important}.config-panel{width:260px!important;background:#fff;border-left:1px solid #ebebf5;display:flex;flex-direction:column;z-index:10;box-shadow:-4px 0 12px #0000000a}.config-panel>div:first-child{padding:1rem!important;border-bottom:1px solid #f3f4f6}.config-panel h2{font-size:.82rem!important;font-weight:800!important;color:#111827!important;display:flex!important;align-items:center!important;gap:.5rem!important}.config-panel p{font-size:.7rem!important;color:#9ca3af!important;margin-top:.3rem!important;line-height:1.4!important}.inventory-list{flex:1;padding:.75rem!important;display:flex;flex-direction:column;gap:.5rem!important;overflow-y:auto;background:#fafafa;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.inventory-list::-webkit-scrollbar{width:4px}.inventory-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.config-panel>div:last-child{padding:.75rem!important;background:#f9fafb;border-top:1px solid #f3f4f6}.config-panel>div:last-child button{width:100%;padding:.5rem!important;background:#0f172a!important;color:#fff;border:none;border-radius:9px!important;font-weight:700!important;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem!important;box-shadow:0 2px 6px #00000026!important;font-family:inherit;transition:all .15s}.config-panel>div:last-child button:hover{background:#1e293b!important}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;width:95%;max-width:480px;padding:1.25rem;box-shadow:0 24px 60px #0000002e;border:1px solid #ebebf5;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:.9rem!important;font-weight:800!important;color:#111827!important;margin:0 0 1rem!important}.form-group{margin-bottom:.75rem}.form-label{display:block;font-size:.68rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.form-input,.form-select{background:#f9fafb;border:1.5px solid #e5e7eb;padding:.45rem .65rem;border-radius:8px;font-size:.8rem;font-family:inherit;color:#111827;width:100%;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}.form-input:focus,.form-select:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:flex-end}.btn-submit{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .875rem;background:#0f172a;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.78rem;cursor:pointer;font-family:inherit;transition:background .15s}.btn-submit:hover{background:#1e293b}.btn-cancel{display:inline-flex;align-items:center;padding:.4rem .875rem;background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb;border-radius:8px;font-weight:600;font-size:.78rem;cursor:pointer;font-family:inherit;transition:all .15s}.btn-cancel:hover{background:#e5e7eb}[data-theme=dark] .batch-management{background:#0a0a0a;color:#f1f5f9}[data-theme=dark] .batch-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-color:transparent}[data-theme=dark] .batch-header h1{color:#fff!important}[data-theme=dark] .batch-header p{color:#ffffffbf!important}[data-theme=dark] .batch-card{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .batch-title{color:#f1f5f9!important}[data-theme=dark] .detail-row{background:#ffffff08;border-color:#ffffff0d;color:#cbd5e1}[data-theme=dark] .detail-row i{background:#0f0f0f}[data-theme=dark] .view-toggle{background:#ffffff0d}[data-theme=dark] .view-toggle button{color:#94a3b8}[data-theme=dark] .view-toggle button.active{background:#4f46e533;color:#818cf8}[data-theme=dark] .hierarchy-container{background:#0a0a0a;border-color:#ffffff14}[data-theme=dark] .hierarchy-canvas{background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px)}[data-theme=dark] .dept-matrix-container{background:#1a1a1a!important;border-color:#ffffff14!important}[data-theme=dark] .dept-matrix-container h3{color:#f1f5f9!important}[data-theme=dark] .batch-drag-item{background:#0f0f0f!important;border-color:#ffffff1a!important}[data-theme=dark] .config-panel{background:#1a1a1a;border-left-color:#ffffff14}[data-theme=dark] .config-panel h2{color:#f1f5f9!important}[data-theme=dark] .inventory-list{background:#0f0f0f}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal-content{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .modal-content h2{color:#f1f5f9!important}[data-theme=dark] .form-label{color:#cbd5e1}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .btn-cancel{background:#ffffff0d;color:#cbd5e1;border-color:#ffffff1a}[data-theme=dark] .zoom-controls{background:#1a1a1a;border-color:#ffffff1a}[data-theme=dark] .zoom-controls button{background:#ffffff0d;color:#94a3b8}.batch-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1rem}.batch-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease;position:relative;min-height:auto!important;gap:0!important;padding:0!important;cursor:default}.batch-card:hover{box-shadow:0 6px 22px #0000001a;transform:translateY(-2px);border-color:transparent}.batch-card:before{display:none!important}.batch-card__banner{position:relative;height:110px;padding:14px 16px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.batch-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.batch-card__banner-content{z-index:1;flex:1;min-width:0}.batch-title{font-size:1rem!important;font-weight:800!important;color:#fff!important;margin:0 0 5px!important;letter-spacing:-.01em!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-year-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;background:#fff3;color:#fff;border-radius:6px;font-size:.65rem;font-weight:700;border:none!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.batch-card__avatar{position:absolute;bottom:-16px;right:14px;width:40px;height:40px;border-radius:50%;background:#ffffff40;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff;z-index:2;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.batch-card__actions{position:absolute;top:8px;right:8px;display:flex;gap:2px;z-index:3}.batch-card__icon-btn{width:24px;height:24px;border-radius:6px;border:none;background:#ffffff26;color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.6rem;transition:all .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.batch-card__icon-btn:hover{background:#ffffff4d;color:#fff}.batch-card__icon-btn--red:hover{background:#ef4444cc;color:#fff}.batch-card__body{padding:24px 14px 10px;flex:1}.batch-card__stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;border:none;padding:0}.batch-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .25rem;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6;text-align:center}.batch-stat__icon{display:none}.batch-stat__value{font-size:.88rem;font-weight:800;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px;line-height:1.2}.batch-stat__label{font-size:.58rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.batch-card__footer{padding:10px 14px 12px;border-top:1px solid #f3f4f6}.batch-card__manage-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem;background:#f5f3ff;color:#4f46e5;border:1.5px solid #e9d5ff;border-radius:8px;font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.batch-card__manage-btn:hover{background:#ede9fe;border-color:#c4b5fd}.batch-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb;color:#9ca3af;text-align:center}.batch-empty-state i{font-size:2rem;opacity:.3}.batch-empty-state p{font-size:.82rem;margin:0}.batch-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #0000002e;animation:govSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes govSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.batch-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;flex-shrink:0}.batch-modal__header-left{display:flex;align-items:center;gap:.75rem}.batch-modal__icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;flex-shrink:0}.batch-modal__title{font-size:.9rem;font-weight:800;color:#111827;line-height:1.2}.batch-modal__sub{font-size:.68rem;color:#9ca3af;margin-top:.1rem}.batch-modal__close{width:28px;height:28px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s;flex-shrink:0}.batch-modal__close:hover{background:#e5e7eb;color:#111827}.batch-modal__divider{height:1px;background:#f3f4f6;flex-shrink:0}.batch-modal__body{flex:1;overflow-y:auto;padding:1rem 1.25rem 1.25rem;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.batch-modal__body::-webkit-scrollbar{width:4px}.batch-modal__body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.bm-form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.875rem}.bm-label{font-size:.68rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.bm-selected-count{background:#4f46e5;color:#fff;font-size:.6rem;padding:.1rem .4rem;border-radius:20px;font-weight:700}.bm-input{padding:.5rem .7rem;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.82rem;font-family:inherit;color:#111827;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box;width:100%}.bm-input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.bm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.bm-info-tip{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .875rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:.75rem;color:#15803d;margin-bottom:.875rem;line-height:1.4}.bm-info-tip i{color:#16a34a;flex-shrink:0;margin-top:1px}.bm-student-selector{border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#f9fafb}.bm-student-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-bottom:1px solid #f3f4f6}.bm-student-search i{color:#9ca3af;font-size:.75rem;flex-shrink:0}.bm-student-search input{flex:1;border:none;outline:none;font-size:.78rem;font-family:inherit;color:#111827;background:transparent}.bm-student-search input::-moz-placeholder{color:#9ca3af}.bm-student-search input::placeholder{color:#9ca3af}.bm-student-list{max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.bm-student-list::-webkit-scrollbar{width:4px}.bm-student-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.bm-student-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;cursor:pointer;border-bottom:1px solid #f9fafb;transition:background .1s}.bm-student-row:hover{background:#f5f3ff}.bm-student-row.selected{background:#eff6ff}.bm-student-row:last-child{border-bottom:none}.bm-checkbox{width:16px;height:16px;border-radius:4px;border:1.5px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;font-size:.55rem;color:#fff}.bm-checkbox.checked{background:#4f46e5;border-color:#4f46e5}.bm-student-avatar{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bm-student-info{display:flex;flex-direction:column;min-width:0}.bm-student-name{font-size:.78rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-student-meta{font-size:.65rem;color:#9ca3af}.bm-student-empty{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2rem;color:#9ca3af;font-size:.75rem;text-align:center}.bm-student-empty i{font-size:1.25rem;opacity:.4}.bm-form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.875rem;border-top:1px solid #f3f4f6}.bm-btn-cancel{display:inline-flex;align-items:center;padding:.4rem .875rem;background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.bm-btn-cancel:hover{background:#e5e7eb}.bm-btn-submit{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .875rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 2px 6px #4f46e540}.bm-btn-submit:hover{box-shadow:0 4px 12px #4f46e559;transform:translateY(-1px)}.bm-passout-info{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .875rem;background:#fdf4ff;border:1px solid #e9d5ff;border-radius:8px;font-size:.75rem;color:#6d28d9;margin-bottom:.875rem;line-height:1.4}.bm-passout-info i{color:#7c3aed;flex-shrink:0;margin-top:1px}.mx-layout{display:grid;grid-template-columns:1fr 220px;gap:1rem;margin-top:1rem;height:calc(100vh - 180px)}.mx-canvas{overflow-y:auto;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.mx-canvas::-webkit-scrollbar{width:4px}.mx-canvas::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.mx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:4rem;background:#fff;border-radius:14px;border:2px dashed #e5e7eb;color:#9ca3af;text-align:center}.mx-empty i{font-size:2rem;opacity:.25}.mx-empty p{font-size:.88rem;font-weight:600;color:#374151;margin:0}.mx-empty span{font-size:.75rem}.mx-wing{background:#fff;border-radius:14px;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d;overflow:hidden}.mx-wing__header{display:flex;align-items:center;gap:.6rem;padding:.875rem 1.25rem;background:#fafafa;border-bottom:1px solid #f3f4f6}.mx-wing__icon{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}.mx-wing__name{font-size:.88rem;font-weight:800;color:#111827;flex:1}.mx-wing__count{font-size:.65rem;color:#9ca3af;font-weight:600;background:#f3f4f6;padding:.15rem .5rem;border-radius:20px}.mx-standards{padding:.875rem 1.25rem;display:flex;flex-direction:column;gap:.875rem}.mx-standard{display:flex;flex-direction:column;gap:.5rem}.mx-standard__label{display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}.mx-standard__label i{color:#4f46e5;font-size:.6rem}.mx-sections{display:flex;flex-wrap:wrap;gap:.625rem}.mx-slot{flex:1;min-width:180px;max-width:260px;background:#f9fafb;border-radius:10px;border:1.5px dashed #d1d5db;overflow:hidden;transition:border-color .15s,background .15s}.mx-slot--filled{border-style:solid;border-color:#e5e7eb;background:#fff}.mx-slot--over{border-color:#4f46e5!important;background:#f5f3ff!important;border-style:solid!important}.mx-slot__label{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.65rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6;background:#fff}.mx-slot__label i{color:#4f46e5;font-size:.6rem}.mx-slot__body{padding:.5rem;min-height:60px;display:flex;flex-direction:column;gap:.35rem}.mx-slot__empty{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:.65rem;color:#d1d5db;font-weight:600;padding:.75rem 0}.mx-no-sections{font-size:.72rem;color:#9ca3af;font-style:italic;padding:.5rem}.mx-token{background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:.5rem .65rem;cursor:grab;transition:box-shadow .15s,transform .15s;box-shadow:0 1px 3px #0000000f}.mx-token:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}.mx-token:active{cursor:grabbing}.mx-token__name{font-size:.78rem;font-weight:700;color:#111827;margin-bottom:.2rem}.mx-token__meta{display:flex;align-items:center;gap:.5rem;font-size:.62rem;color:#9ca3af;font-weight:600}.mx-token__meta i{font-size:.55rem}.mx-token__actions{display:flex;gap:.2rem;margin-top:.35rem;padding-top:.35rem;border-top:1px solid #f3f4f6}.mx-token__actions button{flex:1;padding:.2rem;border:none;border-radius:5px;background:#f3f4f6;color:#6b7280;font-size:.6rem;cursor:pointer;font-family:inherit;transition:all .15s}.mx-token__actions button:hover{background:#ede9fe;color:#4f46e5}.mx-panel{background:#fff;border-radius:14px;border:1px solid #ebebf5;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden;height:100%}.mx-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.mx-panel__title{font-size:.75rem;font-weight:800;color:#111827;display:flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.05em}.mx-panel__title i{color:#4f46e5}.mx-panel__count{width:20px;height:20px;border-radius:50%;background:#4f46e5;color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center}.mx-panel__hint{font-size:.68rem;color:#9ca3af;padding:.5rem 1rem 0;margin:0;line-height:1.4;flex-shrink:0}.mx-panel__list{flex:1;overflow-y:auto;padding:.625rem;display:flex;flex-direction:column;gap:.3rem;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.mx-panel__list::-webkit-scrollbar{width:4px}.mx-panel__list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.mx-panel__item{display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;background:#f9fafb;border:1px solid #f3f4f6;border-radius:9px;cursor:grab;transition:all .15s}.mx-panel__item:hover{background:#f5f3ff;border-color:#e9d5ff;transform:translate(2px)}.mx-panel__item:active{cursor:grabbing}.mx-panel__item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mx-panel__item-info{flex:1;min-width:0}.mx-panel__item-name{display:block;font-size:.75rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-panel__item-meta{display:block;font-size:.62rem;color:#9ca3af}.mx-panel__grip{color:#d1d5db;font-size:.65rem;flex-shrink:0}.mx-panel__all-done{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem;color:#9ca3af;font-size:.72rem;text-align:center}.mx-panel__all-done i{font-size:1.25rem;color:#10b981}.mx-panel__create-btn{display:flex;align-items:center;justify-content:center;gap:.3rem;margin:.625rem;padding:.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:9px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 2px 6px #4f46e540;flex-shrink:0}.mx-panel__create-btn:hover{box-shadow:0 4px 12px #4f46e559;transform:translateY(-1px)}@media(max-width:768px){.batch-management{padding:.75rem}.batch-header{flex-direction:column;align-items:flex-start;padding:1rem 1.1rem;gap:.875rem;border-radius:12px}.batch-header>div:last-child{width:100%;flex-direction:column;gap:.625rem}.batch-header>div:last-child>div:first-child{width:100%;display:flex}.batch-header>div:last-child>div:first-child button{flex:1;justify-content:center}.view-toggle{flex:1}.view-toggle button{flex:1;justify-content:center}.new-batch-btn{width:100%;justify-content:center;padding:.55rem}.batch-list-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.75rem}.mx-layout{grid-template-columns:1fr;height:auto;gap:.75rem;margin-top:.75rem}.mx-canvas{overflow:hidden}.mx-canvas{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:.75rem;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;align-items:flex-start}.mx-canvas::-webkit-scrollbar{display:none}.mx-wing{flex:0 0 85vw;max-width:320px;scroll-snap-align:start;overflow-y:auto;max-height:60vh}.mx-sections{flex-wrap:wrap}.mx-slot{min-width:140px;flex:1}.mx-panel{height:auto;border-radius:12px}.mx-panel__list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;padding:.5rem;gap:.4rem;scrollbar-width:none}.mx-panel__list::-webkit-scrollbar{display:none}.mx-panel__item{flex:0 0 auto;min-width:130px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem .625rem}.mx-panel__item:hover{transform:translateY(-2px)}.mx-panel__grip{display:none}.modal-overlay{align-items:flex-end;padding:0}.batch-modal,.modal-content{max-width:100%;width:100%;border-radius:18px 18px 0 0;max-height:92vh}.bm-form-row{grid-template-columns:1fr}}@media(max-width:480px){.batch-management{padding:.625rem}.batch-header{padding:.875rem 1rem}.batch-list-grid{grid-template-columns:1fr}.mx-wing{flex:0 0 92vw;max-width:none}}.mx-canvas-wrap{display:contents}@media(max-width:768px){.mx-canvas-wrap{display:flex;flex-direction:column;overflow:hidden;min-width:0}.wings-scroll-hint{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:#9ca3af;margin-bottom:.4rem;padding-left:.25rem}.wings-scroll-hint i{color:#4f46e5;animation:swipeHintBatch 1.5s ease-in-out infinite}@keyframes swipeHintBatch{0%,to{transform:translate(0)}50%{transform:translate(5px)}}}.batch-history-page{padding:2.5rem;min-height:100vh;background:#f8fafc;color:#334155;font-family:Inter,system-ui,-apple-system,sans-serif}.history-container{max-width:1300px;margin:0 auto;animation:fadeIn .5s ease-out}.history-header{background:#fff;padding:2.5rem;border-radius:24px;box-shadow:0 10px 25px -5px #0000000d;margin-bottom:2rem;position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.8)}.header-top{margin-bottom:2rem}.back-btn-minimal{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;border:none;padding:.6rem 1.25rem;border-radius:12px;color:#64748b;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.back-btn-minimal:hover{background:#e2e8f0;color:#1e293b;transform:translate(-4px)}.header-main{display:flex;justify-content:space-between;align-items:flex-end}.batch-hero{display:flex;align-items:center;gap:2rem}.batch-icon-large{width:80px;height:80px;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.25rem;box-shadow:0 10px 20px -5px #7c3aed66}.batch-text .batch-title{font-size:2.5rem;font-weight:900;letter-spacing:-.025em;color:#0f172a;margin:.5rem 0 0}.batch-meta{display:flex;gap:.75rem}.meta-tag{padding:.4rem 1rem;border-radius:10px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.meta-tag.department{background:#eff6ff;color:#2563eb}.meta-tag.years{background:#fdf2f8;color:#db2777}.action-btn-premium{background:#0f172a;color:#fff;border:none;padding:.8rem 1.75rem;border-radius:14px;font-weight:700;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0f172a26}.action-btn-premium:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a33}.history-tabs-premium{display:flex;gap:.5rem;background:#e2e8f0;padding:.5rem;border-radius:18px;width:-moz-fit-content;width:fit-content;margin-bottom:2.5rem;border:1px solid #cbd5e1}.history-tabs-premium button{padding:.8rem 1.75rem;border:none;background:transparent;color:#64748b;font-weight:700;font-size:.95rem;border-radius:14px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.75rem}.history-tabs-premium button.active{background:#fff;color:#7c3aed;box-shadow:0 4px 12px #00000014}.history-tabs-premium button i{font-size:1.1rem}.history-content-premium{min-height:500px;position:relative}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;color:#64748b}.spinner{width:40px;height:40px;border:4px solid #f1f5f9;border-top:4px solid #7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.timeline-container{display:flex;flex-direction:column;gap:2rem;padding-left:2rem;border-left:3px solid #e2e8f0;margin-left:1rem}.timeline-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 4px 20px #00000008;border:1px solid #f1f5f9;position:relative;transition:all .3s}.timeline-card:hover{transform:translate(10px);box-shadow:0 10px 30px #0000000f}.card-indicator{position:absolute;left:-35px;top:2rem;width:24px;height:24px;background:#fff;border:5px solid #7c3aed;border-radius:50%;z-index:2;box-shadow:0 0 0 5px #7c3aed1a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.action-badge{padding:.5rem 1rem;background:#f5f3ff;color:#7c3aed;border-radius:12px;font-weight:800;font-size:.85rem;display:flex;align-items:center;gap:.6rem}.time-stamp{color:#94a3b8;font-size:.85rem;font-weight:600}.progression-flow{display:flex;align-items:center;gap:2.5rem;background:#f8fafc;padding:1.5rem;border-radius:20px;border:1px dashed #e2e8f0}.flow-step{display:flex;flex-direction:column}.flow-step .label{font-size:.7rem;font-weight:800;color:#94a3b8;margin-bottom:.4rem}.flow-step .value{font-size:1.25rem;font-weight:800;color:#1e293b}.flow-step .sub-value{font-size:.85rem;color:#64748b;margin-top:.2rem}.flow-arrow{font-size:1.5rem;color:#cbd5e1}.note-box{margin-top:1.5rem;padding:1rem 1.5rem;background:#fffbef;border-left:4px solid #f59e0b;color:#854d0e;font-style:italic;border-radius:0 12px 12px 0;font-size:.95rem}.graduate-text{font-size:1.1rem;font-weight:600;color:#059669}.empty-state{background:#fff;padding:5rem;border-radius:30px;text-align:center;color:#94a3b8;border:2px dashed #e2e8f0}.empty-state i{font-size:4rem;margin-bottom:1.5rem;opacity:.3}.empty-state p{font-size:1.25rem;font-weight:600}.report-table-wrapper{background:#fff;border-radius:24px;padding:1rem;box-shadow:0 4px 15px #0000000d;border:1px solid #f1f5f9}.report-table th{background:#f8fafc;color:#475569;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:1.25rem}.report-table td{padding:1.25rem;font-weight:500}.report-table tr:hover{background:#f8fafc}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media(max-width:1024px){.header-main,.progression-flow{flex-direction:column;align-items:flex-start;gap:1.5rem}.flow-arrow{transform:rotate(90deg);align-self:flex-start;margin-left:1rem}}.bold-text{font-weight:700;color:#1e293b}.subtle-text{color:#64748b;font-size:.85rem}.date-text{color:#94a3b8;font-weight:500;font-size:.85rem}.subject-tag{padding:.4rem 1rem;background:#f1f5f9;color:#475569;border-radius:10px;font-size:.8rem;font-weight:700}.subject-tag.exam{background:#fff1f2;color:#e11d48}.subject-tag.attendance{background:#f0fdf4;color:#16a34a}.type-badge{padding:.2rem .6rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;color:#64748b;margin-left:.5rem;text-transform:uppercase;font-weight:600}.stat-pill{display:inline-block;padding:.4rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-weight:800;font-size:.85rem;color:#1e293b}.stat-pill.gradient{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.performance-stat{display:flex;flex-direction:column}.performance-stat .marks{font-weight:800;color:#1e293b;font-size:1rem}.performance-stat .percentage{font-size:.75rem;color:#64748b;font-weight:600}.performance-stat.focus .marks{color:#7c3aed}.btn-action-small{padding:.5rem 1rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.85rem;font-weight:700;color:#475569;cursor:pointer;transition:all .2s}.btn-action-small:hover{border-color:#7c3aed;color:#7c3aed;background:#f5f3ff}.detail-view{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.detail-header{margin-bottom:2rem}.back-link{background:none;border:none;color:#7c3aed;font-weight:800;font-size:.9rem;padding:0;margin-bottom:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:transform .2s}.back-link:hover{transform:translate(-5px)}.detail-title-box h2{font-size:1.75rem;font-weight:900;color:#0f172a;margin:0}.detail-title-box p{color:#64748b;margin-top:.4rem;font-weight:600}.status-pill{padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:800;text-transform:uppercase}.status-pill.graded,.status-pill.submitted{background:#ecfdf5;color:#059669}.status-pill.pending{background:#fffbeb;color:#d97706}.grade-badge{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:900;font-size:1rem}.grade-badge.a{background:#dcfce7;color:#15803d}.grade-badge.b{background:#dbeafe;color:#1d4ed8}.grade-badge.c{background:#fef9c3;color:#a16207}.grade-badge.f{background:#fee2e2;color:#b91c1c}.grade-badge.n-a{background:#f1f5f9;color:#64748b;font-size:.7rem}.attendance-stat-large{display:flex;flex-direction:column}.attendance-stat-large .value{font-size:1.25rem;font-weight:900}.attendance-stat-large .label{font-size:.7rem;color:#94a3b8;text-transform:uppercase;font-weight:700;margin-top:-2px}.attendance-stat-large.good .value{color:#059669}.attendance-stat-large.warning .value{color:#d97706}.detail-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.date-filter-box{display:flex;align-items:center;background:#fff;border:1.5px solid #e2e8f0;padding:.5rem 1rem;border-radius:16px;box-shadow:0 4px 10px #00000005}.filter-item{display:flex;flex-direction:column}.filter-label{font-size:.65rem;font-weight:800;color:#94a3b8;margin-bottom:.2rem}.filter-item input{border:none;padding:0;font-size:.85rem;font-weight:700;color:#1e293b;outline:none;background:transparent}.filter-divider{width:1px;height:30px;background:#e2e8f0;margin:0 1.5rem}.clickable-student{cursor:pointer}.student-profile-mini{display:flex;align-items:center;gap:.8rem}.avatar-sm{width:32px;height:32px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#64748b;font-size:.75rem}.student-profile-mini .name{font-weight:700;color:#4f46e5}.percentage-badge{padding:.4rem .8rem;border-radius:10px;font-weight:900;font-size:.85rem}.percentage-badge.success{background:#f0fdf4;color:#16a34a}.percentage-badge.danger{background:#fef2f2;color:#dc2626}.count-present{font-weight:800;color:#059669}.count-absent{font-weight:800;color:#dc2626}.table-filter-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #f1f5f9;gap:2rem}.filter-group{display:flex;align-items:center;gap:1rem;flex:1}.search-input-wrapper{position:relative;flex:1;max-width:350px}.search-input-wrapper i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.9rem}.search-input-wrapper input{width:100%;padding:.6rem 1rem .6rem 2.5rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.9rem;font-weight:600;color:#1e293b;outline:none;transition:all .2s}.search-input-wrapper input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a}.filter-select{padding:.6rem 1rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.85rem;font-weight:700;color:#475569;outline:none;cursor:pointer;transition:all .2s}.filter-select:focus{border-color:#7c3aed}.result-count{font-size:.8rem;font-weight:700;color:#94a3b8;white-space:nowrap}.drill-header{padding:2rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.student-info-large{display:flex;align-items:center;gap:1.5rem}.avatar-lg{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;box-shadow:0 8px 16px #7c3aed33}.student-text h3{margin:0;font-size:1.5rem;font-weight:900;color:#0f172a}.student-text p{margin:.2rem 0 0;color:#64748b;font-weight:600;font-size:.9rem}.close-btn-round{width:40px;height:40px;border-radius:50%;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.close-btn-round:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca;transform:rotate(90deg)}.drill-body{padding:2rem;overflow-y:auto}.drill-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.drill-stat-item{padding:1.5rem;background:#f8fafc;border-radius:20px;border:1px solid #f1f5f9;text-align:center;display:flex;flex-direction:column;gap:.5rem}.drill-stat-item .label{font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.drill-stat-item .value{font-size:2rem;font-weight:950;color:#1e293b}.drill-stat-item .value.success{color:#10b981}.drill-stat-item .value.danger{color:#f43f5e}.log-section h4{margin-bottom:1.5rem;color:#1e293b;font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:.75rem}.log-section h4:after{content:"";flex:1;height:1px;background:#f1f5f9}.session-list{display:flex;flex-direction:column;gap:.75rem}.session-log-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-radius:16px;border:1px solid #f1f5f9;transition:all .2s}.session-log-card:hover{border-color:#e2e8f0;background:#f8fafc}.session-meta{display:flex;align-items:center;gap:1rem}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.present{background:#10b981;box-shadow:0 0 8px #10b98166}.status-dot.absent{background:#f43f5e;box-shadow:0 0 8px #f43f5e66}.status-dot.late{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.session-meta .date{font-weight:700;color:#475569}.status-text{font-size:.75rem;font-weight:900}.status-text.present{color:#10b981}.status-text.absent{color:#f43f5e}.status-text.late{color:#f59e0b}.category-tag{padding:.4rem .8rem;background:#fdf2f8;color:#db2777;border-radius:8px;font-size:.75rem;font-weight:800;text-transform:uppercase}.semester-badge{padding:.3rem .6rem;background:#f1f5f9;color:#475569;border-radius:6px;font-size:.75rem;font-weight:700}.success-stat{display:flex;flex-direction:column}.success-stat .count{color:#059669;font-weight:800}.success-stat .total{font-size:.7rem;color:#94a3b8}.percentage-badge.warning{background:#fffbeb;color:#d97706}.history-tabs-premium button i.fa-brain{color:#ec4899}.history-tabs-premium button i.fa-comments{color:#10b981}.history-tabs-premium button.active i.fa-brain,.history-tabs-premium button.active i.fa-comments{color:inherit}.activity-drawer-overlay{position:fixed;top:0;right:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:flex-end;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.activity-drawer-overlay.visible{opacity:1;visibility:visible}.activity-drawer{width:550px;height:100%;background:#f8fafc;box-shadow:-10px 0 50px #00000026;transform:translate(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.activity-drawer-overlay.visible .activity-drawer{transform:translate(0)}.drawer-header{background:#fff;padding:2rem;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e2e8f0}.drawer-tag{display:inline-flex;align-items:center;gap:.5rem;background:#f5f3ff;color:#7c3aed;padding:.4rem .8rem;border-radius:10px;font-size:.7rem;font-weight:800;text-transform:uppercase;margin-bottom:.75rem}.drawer-title-group h2{font-size:1.5rem;font-weight:900;color:#0f172a;margin:0}.drawer-title-group p{color:#64748b;margin-top:.25rem;font-size:.9rem;font-weight:600}.close-drawer-btn{width:40px;height:40px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-drawer-btn:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5;transform:rotate(90deg)}.drawer-body{flex:1;overflow-y:auto;padding:2rem}.drawer-sections-grid{display:grid;grid-template-columns:1fr;gap:2rem}.section-title{font-size:.85rem;font-weight:800;color:#1e293b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.section-title i{color:#7c3aed}.mini-stats-list{display:flex;flex-direction:column;gap:.75rem}.mini-stat-card{background:#fff;padding:1.25rem;border-radius:18px;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;transition:transform .2s}.mini-stat-card:hover{transform:scale(1.02);border-color:#cbd5e1;box-shadow:0 4px 12px #00000008}.mini-stat-card .main{font-weight:700;color:#1e293b;font-size:.95rem;display:flex;flex-direction:column}.mini-stat-card .main .sub{font-size:.75rem;color:#94a3b8;margin-top:.2rem}.mini-stat-card .val{font-weight:800;font-size:1.1rem}.mini-stat-card .val.success{color:#059669}.mini-stat-card .val.warning{color:#d97706}.val-score{font-weight:900;color:#1e293b;font-size:1.1rem}.val-score .max{font-size:.8rem;color:#94a3b8;font-weight:600}.val-multi{display:flex;flex-direction:column;align-items:flex-end}.val-multi .count{font-weight:800;color:#1e293b;font-size:.9rem}.val-multi .avg{font-size:.75rem;color:#7c3aed;font-weight:700}.placement-readiness-flex{display:flex;flex-direction:column;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:20px;border:1.5px dashed #cbd5e1}.readiness-block h6{font-size:.75rem;font-weight:800;color:#64748b;margin-bottom:.75rem;text-transform:uppercase}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.readiness-tag{padding:.4rem .75rem;background:#fff1f2;color:#e11d48;border-radius:10px;font-size:.8rem;font-weight:700;display:flex;gap:.5rem}.readiness-tag.communication{background:#f0fdf4;color:#16a34a}.readiness-tag .score{opacity:.7;font-weight:900}.empty-sub{padding:1rem;background:#f1f5f9;border-radius:12px;color:#94a3b8;font-size:.8rem;font-style:italic;text-align:center}.btn-drilldown-activity{margin-top:1.5rem;width:100%;padding:.8rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;color:#4f46e5;font-weight:800;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .2s}.btn-drilldown-activity:hover{background:#f5f3ff;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e51a}.drawer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;color:#64748b}.premium-loader{width:48px;height:48px;border:4px solid #f1f5f9;border-bottom-color:#4f46e5;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin-bottom:1.5rem}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.activity-drawer{width:100%}}.notif-page{padding:1.25rem;background:var(--bg-secondary, #f5f5fa);min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem;font-family:inherit}.notif-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-radius:16px;padding:1.75rem 2rem;box-shadow:0 10px 30px -5px #1d4ed859;gap:1rem;flex-wrap:wrap;position:relative;overflow:hidden;color:#fff}.notif-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.notif-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.notif-header-left{display:flex;align-items:center;gap:.875rem;position:relative;z-index:1}.notif-header-icon{width:44px;height:44px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.notif-header h1{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em}.notif-header p{font-size:.875rem;color:#ffffffbf;margin:0}.notif-create-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:9px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;position:relative;z-index:1}.notif-create-btn:hover{background:#ffffff47;transform:translateY(-1px)}.notif-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem}.notif-stat-card{background:var(--card-bg, #ffffff);border-radius:12px;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;border:1px solid var(--border-color, #ebebf5);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .04));transition:box-shadow .15s,transform .15s}.notif-stat-card:hover{box-shadow:var(--shadow-md, 0 3px 10px rgba(0, 0, 0, .07));transform:translateY(-1px)}.stat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.stat-num{font-size:1.25rem;font-weight:800;color:var(--text-primary, #111827);line-height:1}.stat-lbl{font-size:.62rem;color:var(--text-muted, #9ca3af);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem}.notif-audience-tabs{display:flex;gap:.4rem;background:var(--card-bg, #ffffff);border-radius:14px;padding:.75rem 1.25rem;border:1px solid var(--border-color, #ebebf5);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .04));flex-wrap:wrap}.audience-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:8px;border:1.5px solid transparent;background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #6b7280);font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.audience-tab:hover{background:var(--hover-bg, #e5e7eb);color:var(--text-primary, #111827)}.audience-tab.active{background:var(--bg-tertiary, #ede9fe);color:var(--primary-color, #4f46e5);border-color:var(--primary-light, #c4b5fd)}.tab-count{background:var(--card-bg, #ffffff);color:var(--text-secondary, #6b7280);border-radius:6px;padding:0 5px;font-size:.65rem;font-weight:700;min-width:18px;text-align:center}.audience-tab.active .tab-count{background:var(--primary-color, #4f46e5);color:#fff}.notif-list{display:flex;flex-direction:column;gap:.625rem}.notif-loading,.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--card-bg, #ffffff);border-radius:14px;border:1px solid var(--border-color, #ebebf5);text-align:center;color:var(--text-muted, #9ca3af);gap:.75rem}.notif-empty .empty-icon{width:56px;height:56px;border-radius:50%;background:var(--bg-tertiary, #f3f4f6);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted, #d1d5db)}.notif-empty h3{font-size:.9rem;font-weight:700;color:var(--text-primary, #374151);margin:0}.notif-empty p{font-size:.78rem;margin:0}.notif-spinner{width:28px;height:28px;border:3px solid var(--border-color, #e5e7eb);border-top-color:var(--primary-color, #4f46e5);border-radius:50%;animation:spin .7s linear infinite}.notif-card{background:var(--card-bg, #ffffff);border-radius:12px;border:1px solid var(--border-color, #ebebf5);box-shadow:var(--shadow-sm, 0 1px 4px rgba(0, 0, 0, .05));display:flex;overflow:hidden;transition:box-shadow .15s,transform .15s}.notif-card:hover{box-shadow:var(--shadow-md, 0 4px 14px rgba(0, 0, 0, .08));transform:translateY(-1px)}.notif-card-accent{width:4px;flex-shrink:0}.notif-card-body{flex:1;padding:1rem 1.25rem}.notif-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem;gap:.75rem}.notif-badges{display:flex;flex-wrap:wrap;gap:.35rem}.notif-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:6px;font-size:.62rem;font-weight:700;text-transform:capitalize}.audience-badge{font-size:.65rem}.notif-card-title{font-size:.88rem;font-weight:800;color:var(--text-primary, #111827);margin:0 0 .3rem;letter-spacing:-.01em}.notif-card-message{color:var(--text-secondary, #6b7280);font-size:.78rem;line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-card-footer{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.65rem;color:var(--text-muted, #9ca3af);font-weight:600;border-top:1px solid var(--border-color, #f3f4f6);padding-top:.6rem;align-items:center}.notif-card-footer i{margin-right:3px}.read-rate{display:flex;align-items:center;gap:.4rem}.read-bar{width:50px;height:4px;background:var(--border-color, #e5e7eb);border-radius:99px;overflow:hidden}.read-fill{display:block;height:100%;background:var(--success-color, #10b981);border-radius:99px;transition:width .5s}.notif-card-actions{display:flex;gap:.35rem;flex-shrink:0}.notif-delete-btn{width:28px;height:28px;border-radius:7px;border:none;background:var(--error-bg-subtle, #fef2f2);color:var(--error-color, #ef4444);cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.notif-delete-btn:hover{background:var(--error-color, #ef4444);color:#fff}.notif-delete-btn:disabled{opacity:.5;cursor:not-allowed}.notif-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:notifFadeIn .2s ease}@keyframes notifFadeIn{0%{opacity:0}to{opacity:1}}.notif-modal{background:var(--card-bg, #ffffff);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl, 0 24px 60px rgba(0,0,0,.18));display:flex;flex-direction:column;animation:notifSlideUp .25s cubic-bezier(.16,1,.3,1);scrollbar-width:thin;scrollbar-color:var(--border-color, #e5e7eb) transparent;border:1px solid var(--border-color, #ebebf5)}@keyframes notifSlideUp{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-modal::-webkit-scrollbar{width:4px}.notif-modal::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:2px}.notif-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #f3f4f6);flex-shrink:0;position:sticky;top:0;background:var(--card-bg, #ffffff);z-index:2}.notif-modal-header-left{display:flex;align-items:center;gap:.75rem}.notif-modal-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--primary-color, #4f46e5),#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.notif-modal-header h2{font-size:.88rem;font-weight:800;color:var(--text-primary, #111827);margin:0 0 .1rem;display:flex;align-items:center}.notif-modal-header p{font-size:.68rem;color:var(--text-muted, #9ca3af);margin:0}.notif-modal-divider{height:1px;background:var(--border-color, #f3f4f6);flex-shrink:0}.notif-modal-close{width:28px;height:28px;border-radius:50%;border:none;background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #6b7280);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.notif-modal-close:hover{background:var(--hover-bg, #e5e7eb);color:var(--text-primary, #111827)}.notif-form{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.875rem;background:var(--card-bg, #ffffff)}.form-section-label{display:block;font-size:.68rem;font-weight:700;color:var(--text-primary, #374151);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.audience-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.audience-pick-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:1.5px solid var(--border-color, #e5e7eb);border-radius:9px;background:var(--bg-primary, #f9fafb);color:var(--text-secondary, #6b7280);font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;justify-content:center}.audience-pick-btn i{font-size:.85rem}.audience-pick-btn:hover{border-color:var(--primary-light, #c4b5fd);background:var(--hover-bg, #faf5ff);color:var(--primary-color, #4f46e5)}.audience-pick-btn.selected{font-weight:700}.label-optional{font-size:.62rem;color:var(--text-muted, #9ca3af);font-weight:500;text-transform:none;letter-spacing:0;margin-left:.25rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:.68rem;font-weight:700;color:var(--text-primary, #374151);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{padding:.5rem .7rem;border:1.5px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.82rem;color:var(--text-primary, #111827);background:var(--bg-primary, #f9fafb);outline:none;transition:border-color .2s,background .2s;font-family:inherit;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color, #4f46e5);background:var(--card-bg, #ffffff);box-shadow:0 0 0 3px #4f46e51a}.notif-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.875rem 1.25rem;border-top:1px solid var(--border-color, #f3f4f6);flex-shrink:0;position:sticky;bottom:0;background:var(--card-bg, #ffffff);z-index:2}.notif-btn-secondary{display:inline-flex;align-items:center;padding:.4rem .875rem;border:1.5px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #374151);font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.notif-btn-secondary:hover{background:var(--hover-bg, #e5e7eb)}.notif-btn-primary{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .875rem;background:linear-gradient(135deg,var(--primary-color, #4f46e5),#7c3aed);color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 2px 6px #4f46e540}.notif-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #4f46e559;transform:translateY(-1px)}.notif-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.audience-tab--ann{border-color:transparent}.audience-tab--ann.active{background:var(--bg-tertiary, #fdf4ff);color:#7c3aed;border-color:#d8b4fe}.audience-tab--ann.active .tab-count{background:#7c3aed}.notif-create-btn--ann{background:#7c3aed40;border-color:#d8b4fe80}.notif-create-btn--ann:hover{background:#7c3aed61}.ann-card{transition:box-shadow .15s,transform .15s,opacity .2s}.ann-card--inactive{opacity:.5}.ann-card-thumb{width:72px;flex-shrink:0;overflow:hidden}.ann-card-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ann-badge--active{background:var(--success-bg-subtle, #f0fdf4)!important;color:var(--success-color, #16a34a)!important}.ann-badge--inactive{background:var(--bg-secondary, #f3f4f6)!important;color:var(--text-muted, #9ca3af)!important}.ann-inline-toggle{position:relative;display:inline-block;width:34px;height:19px;cursor:pointer;flex-shrink:0}.ann-inline-toggle input{display:none}.ann-inline-track{position:absolute;inset:0;background:var(--text-muted, #d1d5db);border-radius:20px;transition:background .2s}.ann-inline-track:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;background:var(--card-bg, #ffffff);border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.ann-inline-toggle input:checked+.ann-inline-track{background:var(--primary-color, #2563eb)}.ann-inline-toggle input:checked+.ann-inline-track:after{transform:translate(15px)}.ann-modal{max-width:540px}.ann-tpl-toggle{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#7c3aed;background:none;border:none;cursor:pointer;padding:3px 8px;border-radius:6px;transition:background .15s}.ann-tpl-toggle:hover{background:var(--hover-bg, #fdf4ff)}.ann-tpl-panel{border:1.5px solid var(--border-color, #e5e7eb);border-radius:10px;overflow:hidden}.ann-tpl-tabs{display:flex;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #f9fafb)}.ann-tpl-tab{flex:1;padding:7px 4px;font-size:11px;font-weight:500;color:var(--text-secondary, #6b7280);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.ann-tpl-tab--active{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:700}.ann-tpl-list{display:flex;flex-direction:column;max-height:160px;overflow-y:auto}.ann-tpl-item{display:flex;align-items:center;gap:8px;padding:9px 12px;background:none;border:none;border-bottom:1px solid var(--border-color, #f3f4f6);cursor:pointer;text-align:left;transition:background .15s;width:100%}.ann-tpl-item:hover{background:var(--hover-bg, #fdf4ff)}.ann-tpl-item:last-child{border-bottom:none}.ann-tpl-item>i{color:var(--text-muted, #d1d5db);font-size:10px;flex-shrink:0}.ann-tpl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ann-tpl-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ann-tpl-text strong{font-size:12px;color:var(--text-primary, #111827);font-weight:600}.ann-tpl-text small{font-size:11px;color:var(--text-muted, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ann-type-chips{display:flex;flex-wrap:wrap;gap:5px}.ann-type-chip{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1.5px solid var(--border-color, #e5e7eb);border-radius:20px;background:var(--card-bg, #ffffff);color:var(--text-secondary, #6b7280);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.ann-type-chip--active{font-weight:700}.ann-appearance-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ann-icon-trigger{width:40px;height:40px;border-radius:10px;border:1.5px solid;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .15s;position:relative;flex-shrink:0}.ann-icon-grid{position:absolute;top:calc(100% + 5px);left:0;z-index:200;background:var(--card-bg, #ffffff);border:1.5px solid var(--border-color, #e5e7eb);border-radius:10px;padding:6px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;box-shadow:var(--shadow-lg, 0 8px 24px rgba(0,0,0,.12));width:210px}.ann-icon-opt{width:30px;height:30px;border-radius:7px;border:1.5px solid transparent;background:none;color:var(--text-secondary, #6b7280);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.ann-icon-opt:hover{background:var(--bg-tertiary, #f3f4f6)}.ann-icon-opt--active{border-color:currentColor}.ann-color-palette{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.ann-color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s}.ann-color-swatch:hover{transform:scale(1.15)}.ann-color-swatch--active{border-color:var(--card-bg, #ffffff);box-shadow:0 0 0 2px currentColor,0 0 0 3px #0000001f;transform:scale(1.1)}.ann-color-custom{width:24px;height:24px;border-radius:50%;border:1.5px dashed var(--border-color, #d1d5db);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #9ca3af);font-size:10px;overflow:hidden;position:relative}.ann-color-custom input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ann-img-upload{border:2px dashed var(--border-color, #e5e7eb);border-radius:10px;cursor:pointer;overflow:hidden;min-height:80px;transition:border-color .2s;background:var(--bg-primary, #f9fafb)}.ann-img-upload:hover{border-color:#7c3aed}.ann-img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:18px;color:var(--text-muted, #9ca3af)}.ann-img-placeholder i{font-size:22px}.ann-img-placeholder span{font-size:12px;font-weight:500}.ann-img-placeholder small{font-size:10px}.ann-img-preview{position:relative}.ann-img-preview img{width:100%;max-height:140px;-o-object-fit:cover;object-fit:cover;display:block}.ann-img-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px}.ann-switch-label{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1;min-width:160px}.ann-switch-label>div:last-child span{display:block;font-size:12px;font-weight:600;color:var(--text-primary, #374151)}.ann-switch-label>div:last-child small{font-size:10px;color:var(--text-muted, #9ca3af)}.ann-switch{position:relative;width:36px;height:20px;flex-shrink:0}.ann-switch input{display:none}.ann-switch-track{position:absolute;inset:0;background:var(--text-muted, #d1d5db);border-radius:20px;transition:background .2s;cursor:pointer}.ann-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--card-bg, #ffffff);border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.ann-switch input:checked+.ann-switch-track{background:#7c3aed}.ann-switch input:checked+.ann-switch-track:after{transform:translate(16px)}.ann-preview-strip{display:flex;align-items:center;gap:8px;padding:7px 20px;background:color-mix(in srgb,var(--ann-color) 10%,transparent);border-top:1px solid color-mix(in srgb,var(--ann-color) 20%,transparent);font-size:12px;font-weight:500;color:color-mix(in srgb,var(--ann-color) 80%,#111);overflow:hidden}.ann-preview-strip i{color:var(--ann-color);flex-shrink:0}.ann-preview-strip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.notif-page{padding:.75rem;gap:.75rem}.notif-header{flex-direction:column;align-items:flex-start;padding:1rem 1.1rem;border-radius:12px;gap:.875rem}.notif-header h1{font-size:1.15rem}.notif-header p{font-size:.78rem}.notif-create-btn{width:100%;justify-content:center;padding:.55rem}.notif-stats{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.625rem;scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:unset;padding-bottom:2px}.notif-stats::-webkit-scrollbar{display:none}.notif-stat-card{flex:0 0 auto;min-width:130px}.notif-audience-tabs{flex-wrap:nowrap;overflow-x:auto;padding:.625rem .875rem;gap:.35rem;scrollbar-width:none;border-radius:12px}.notif-audience-tabs::-webkit-scrollbar{display:none}.audience-tab{flex-shrink:0;white-space:nowrap}.notif-card-body{padding:.75rem 1rem}.notif-card-top{flex-wrap:wrap;gap:.5rem}.notif-card-title{font-size:.82rem}.notif-card-message{font-size:.75rem}.notif-card-footer{gap:.5rem;font-size:.62rem}.notif-modal-overlay{align-items:flex-end;padding:0}.notif-modal{max-width:100%;width:100%;border-radius:18px 18px 0 0;max-height:92vh}.form-row-2{grid-template-columns:1fr}.audience-picker{grid-template-columns:repeat(3,1fr)}.notif-modal-footer{flex-direction:column-reverse}.notif-btn-primary,.notif-btn-secondary{width:100%;justify-content:center}}@media(max-width:480px){.notif-page{padding:.625rem}.notif-header{padding:.875rem 1rem}.notif-header h1{font-size:1rem}.notif-stat-card{min-width:110px}.audience-picker{grid-template-columns:1fr 1fr}.audience-pick-btn span{display:none}}[data-theme=dark] .notif-page{background:#0a0a0a!important}[data-theme=dark] .notif-stat-card{background:#161616!important;border-color:#ffffff14!important}[data-theme=dark] .stat-num{color:#f8fafc!important}[data-theme=dark] .notif-audience-tabs{background:#161616!important;border-color:#ffffff14!important}[data-theme=dark] .audience-tab{background:#ffffff0a!important;color:#9ca3af!important}[data-theme=dark] .audience-tab:hover{background:#ffffff14!important;color:#f1f5f9!important}[data-theme=dark] .audience-tab.active{background:#4f46e526!important;border-color:#4f46e54d!important;color:#a5b4fc!important}[data-theme=dark] .tab-count{background:#ffffff14!important;color:#9ca3af!important}[data-theme=dark] .notif-card{background:#161616!important;border-color:#ffffff14!important}[data-theme=dark] .notif-card:hover{box-shadow:0 16px 36px #00000073!important}[data-theme=dark] .notif-card-title{color:#f8fafc!important}[data-theme=dark] .notif-card-message{color:#9ca3af!important}[data-theme=dark] .notif-card-footer{border-top-color:#ffffff0f!important;color:#9ca3af!important}[data-theme=dark] .read-bar{background:#ffffff14!important}[data-theme=dark] .notif-delete-btn{background:#ef444426!important;color:#f87171!important}[data-theme=dark] .notif-delete-btn:hover{background:#ef4444!important;color:#fff!important}[data-theme=dark] .notif-modal{background:#1a1a1a!important;border-color:#ffffff14!important}[data-theme=dark] .notif-modal-header{background:#161616!important;border-bottom-color:#ffffff14!important}[data-theme=dark] .notif-modal-header h2{color:#f8fafc!important}[data-theme=dark] .notif-modal-close{background:#262626!important;color:#9ca3af!important}[data-theme=dark] .notif-form{background:#1a1a1a!important}[data-theme=dark] .form-section-label{color:#e2e8f0!important}[data-theme=dark] .audience-pick-btn{background:#ffffff0a!important;border-color:#ffffff14!important;color:#cbd5e1!important}[data-theme=dark] .audience-pick-btn:hover{border-color:#7c3aed66!important;background:#7c3aed1a!important;color:#a78bfa!important}[data-theme=dark] .audience-pick-btn.selected{border-color:#7c3aed!important;background:#7c3aed26!important;color:#c084fc!important}[data-theme=dark] .form-group label{color:#e2e8f0!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#ffffff0a!important;border-color:#ffffff14!important;color:#f1f5f9!important}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:#6366f1!important;background:#1a1a1a!important}[data-theme=dark] .notif-modal-footer{background:#161616!important;border-top-color:#ffffff0f!important}[data-theme=dark] .notif-btn-secondary{background:#262626!important;border-color:#ffffff14!important;color:#cbd5e1!important}[data-theme=dark] .notif-btn-secondary:hover{background:#333!important}[data-theme=dark] .audience-tab--ann.active{background:#7c3aed26!important;border-color:#7c3aed4d!important;color:#c084fc!important}[data-theme=dark] .ann-tpl-panel{border-color:#ffffff14!important}[data-theme=dark] .ann-tpl-tabs{background:#111!important;border-bottom-color:#ffffff14!important}[data-theme=dark] .ann-tpl-tab{color:#9ca3af!important}[data-theme=dark] .ann-tpl-tab--active{color:#c084fc!important;border-bottom-color:#7c3aed!important}[data-theme=dark] .ann-tpl-item{border-bottom-color:#ffffff0a!important}[data-theme=dark] .ann-tpl-item:hover{background:#7c3aed14!important}[data-theme=dark] .ann-tpl-text strong{color:#f8fafc!important}[data-theme=dark] .ann-tpl-text small{color:#9ca3af!important}[data-theme=dark] .ann-type-chip{background:#ffffff08!important;border-color:#ffffff14!important;color:#9ca3af!important}[data-theme=dark] .ann-type-chip--active{border-color:#7c3aed!important;color:#c084fc!important}[data-theme=dark] .ann-switch-label>div:last-child span{color:#cbd5e1!important}[data-theme=dark] .ann-switch-label>div:last-child small{color:#9ca3af!important}[data-theme=dark] .ann-switch-track{background:#262626!important}[data-theme=dark] .ann-switch-track:after{background:#fff!important}[data-theme=dark] .ann-switch input:checked+.ann-switch-track{background:#7c3aed!important}[data-theme=dark] .ann-img-upload{border-color:#ffffff14!important;background:#ffffff05!important}[data-theme=dark] .ann-img-upload:hover{border-color:#7c3aed!important}[data-theme=dark] .ann-inline-track{background:#262626!important}[data-theme=dark] .ann-inline-track:after{background:#fff!important}[data-theme=dark] .ann-inline-toggle input:checked+.ann-inline-track{background:#2563eb!important}.notif-dashboard-layout{display:grid;grid-template-columns:1fr 320px;gap:1rem;align-items:start}.notif-main-col{display:flex;flex-direction:column;gap:.75rem;min-width:0}.notif-sidebar-col{display:flex;flex-direction:column;gap:.75rem;position:sticky;top:1rem}.notif-panel{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #ebebf5);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.04))}.notif-panel__header{display:flex;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #6b7280);border-bottom:1px solid var(--border-color, #f3f4f6);background:var(--bg-primary, #f9fafb)}.notif-panel__body{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.625rem}.notif-panel--tips{border-color:#8b5cf633}.notif-panel--tips .notif-panel__header{background:#8b5cf60f;color:#7c3aed;border-bottom-color:#8b5cf61f}.notif-summary-row{display:flex;flex-direction:column;gap:.25rem}.notif-summary-info{display:flex;justify-content:space-between;align-items:center}.notif-summary-name{font-size:.72rem;font-weight:600;color:var(--text-primary, #374151)}.notif-summary-count{font-size:.62rem;color:var(--text-muted, #9ca3af);font-weight:500}.notif-summary-track{height:6px;background:var(--border-color, #e5e7eb);border-radius:99px;overflow:hidden}.notif-summary-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1);min-width:2px}.notif-engagement-metric{display:flex;flex-direction:column;align-items:center;padding:.5rem 0;gap:.2rem}.metric-val{font-size:2rem;font-weight:900;color:var(--primary-color, #4f46e5);line-height:1;letter-spacing:-.03em}.metric-lbl{font-size:.65rem;font-weight:600;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.notif-tip-mini{display:flex;align-items:flex-start;gap:.4rem;font-size:.68rem;color:var(--text-secondary, #6b7280);line-height:1.45;background:var(--bg-primary, #f9fafb);padding:.5rem .625rem;border-radius:8px;border:1px solid var(--border-color, #f3f4f6)}.notif-tip-mini i{color:var(--primary-color, #4f46e5);flex-shrink:0;margin-top:1px;font-size:.65rem}.notif-tip{display:flex;align-items:flex-start;gap:.5rem;font-size:.72rem;color:var(--text-secondary, #6b7280);line-height:1.5}.notif-tip i{flex-shrink:0;margin-top:2px;font-size:.55rem}.notif-tip strong{color:var(--text-primary, #374151)}@media(max-width:1024px){.notif-dashboard-layout{grid-template-columns:1fr}.notif-sidebar-col{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:640px){.notif-sidebar-col{grid-template-columns:1fr}}[data-theme=dark] .notif-panel{background:#161616!important;border-color:#ffffff14!important}[data-theme=dark] .notif-panel__header{background:#111!important;color:#9ca3af!important;border-bottom-color:#ffffff0f!important}[data-theme=dark] .notif-panel--tips{border-color:#7c3aed33!important}[data-theme=dark] .notif-panel--tips .notif-panel__header{background:#7c3aed14!important;color:#c084fc!important;border-bottom-color:#7c3aed26!important}[data-theme=dark] .notif-summary-name{color:#e2e8f0!important}[data-theme=dark] .notif-summary-track{background:#ffffff14!important}[data-theme=dark] .metric-val{color:#818cf8!important}[data-theme=dark] .notif-tip-mini{background:#ffffff0a!important;border-color:#ffffff0f!important;color:#9ca3af!important}[data-theme=dark] .notif-tip-mini i{color:#818cf8!important}[data-theme=dark] .notif-tip{color:#9ca3af!important}[data-theme=dark] .notif-tip strong{color:#e2e8f0!important}.cal-event-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.calendar-management-container{padding:1.25rem;background:var(--bg-secondary, #f5f5fa);min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem}.calendar-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:relative;overflow:hidden;color:#fff}.calendar-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.calendar-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.cal-header-left{display:flex;align-items:center;gap:.875rem;position:relative;z-index:1}.cal-header-icon{width:44px;height:44px;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.cal-header-title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em}.cal-header-sub{font-size:.875rem;color:#ffffffbf;margin:0}.header-actions{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}.view-toggle{display:flex;background:#ffffff1f;border-radius:9px;padding:3px;gap:2px}.view-toggle button{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:7px;border:none;background:transparent;color:#ffffffa6;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.view-toggle button.active{background:#fff3;color:#fff;box-shadow:0 1px 4px #0003}.view-toggle button:hover:not(.active){color:#fff;background:#ffffff1a}.btn-add-event{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:9px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.btn-add-event:hover{background:#ffffff47;transform:translateY(-1px)}.calendar-view-wrapper{background:var(--card-bg, #ffffff);border-radius:14px;border:1px solid var(--border-color, #e5e7eb);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .05));overflow:visible;flex:1;display:flex;flex-direction:column;animation:calFadeIn .3s ease;min-width:0}@keyframes calFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.calendar-navigation{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #f3f4f6);background:var(--bg-secondary, #fafafa);border-radius:14px 14px 0 0}.cal-nav-center{display:flex;align-items:center;gap:.75rem}.calendar-navigation h2{font-size:1.05rem;font-weight:800;color:var(--text-primary, #111827);min-width:180px;text-align:center;margin:0;letter-spacing:-.02em}.nav-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--border-color, #e5e7eb);background:var(--card-bg, #ffffff);color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .15s;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .05))}.nav-btn:hover{background:var(--primary-color, #4f46e5);color:#fff;border-color:var(--primary-color, #4f46e5);box-shadow:0 2px 8px #4f46e54d}.today-btn{padding:.3rem .8rem;background:var(--bg-tertiary, #ede9fe);color:var(--primary-color, #4f46e5);border:1.5px solid var(--primary-light, #c4b5fd);border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.today-btn:hover{background:var(--primary-color, #4f46e5);color:#fff;border-color:var(--primary-color, #4f46e5)}.calendar-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--bg-secondary, #f8f9fb);border-bottom:2px solid var(--border-color, #e5e7eb)}.week-day{padding:.6rem .5rem;text-align:center;font-weight:800;color:var(--text-muted, #9ca3af);text-transform:uppercase;font-size:.65rem;letter-spacing:.08em}.week-day:first-child,.week-day:last-child{color:var(--primary-light, #c4b5fd)}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex:1;border-radius:0 0 14px 14px;overflow:hidden;background:var(--border-color, #f3f4f6);gap:1px}.calendar-day{min-height:100px;min-width:0;padding:.5rem;cursor:pointer;transition:background .15s;background:var(--card-bg, #ffffff);box-sizing:border-box}.calendar-day:hover:not(.empty){background:var(--hover-bg, #faf5ff)}.calendar-day.empty{background:var(--bg-secondary, #fafafa);cursor:default}.calendar-day.weekend{background:var(--bg-secondary, #fafbff)}.calendar-day.weekend:hover:not(.empty){background:var(--hover-bg, #f0eeff)}.calendar-day.today{background:var(--success-bg-subtle, #f0fdf4)}.calendar-day.today .day-number{background:var(--success-color, #10b981);color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.72rem;box-shadow:0 2px 6px #10b98166}.day-number{font-size:.72rem;font-weight:700;color:var(--text-secondary, #6b7280);margin-bottom:.35rem;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.calendar-day:hover:not(.empty):not(.today) .day-number{background:var(--bg-tertiary, #e0e7ff);color:var(--primary-color, #4338ca)}.event-markers{display:flex;flex-direction:column;gap:3px}.event-pill{display:flex;align-items:center;gap:4px;font-size:.67rem;font-weight:600;padding:2px 6px 2px 4px;border-radius:4px;min-width:0;overflow:hidden;cursor:pointer;line-height:1.4;transition:filter .1s}.event-pill:hover{filter:brightness(.93)}.event-pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.event-pill-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.event-pill.holiday{background:#ef44441f;color:#ef4444}.event-pill.holiday .event-pill-dot{background:#ef4444}.event-pill.event{background:#3b82f61f;color:#3b82f6}.event-pill.event .event-pill-dot{background:#3b82f6}.event-pill.restricted{background:#f59e0b1f;color:#f59e0b}.event-pill.restricted .event-pill-dot{background:#f59e0b}.event-pill.other{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #374151)}.event-pill.other .event-pill-dot{background:var(--text-muted, #9ca3af)}.event-overflow{font-size:.6rem;font-weight:700;color:var(--primary-color, #6366f1);padding:1px 4px;cursor:pointer}.event-overflow:hover{text-decoration:underline}.calendar-legend{display:flex;gap:1.5rem;padding:.875rem 1.5rem;border-top:1px solid var(--border-color, #f3f4f6);background:var(--bg-secondary, #fafafa);border-radius:0 0 14px 14px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;color:var(--text-secondary, #6b7280)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot.holiday{background:#ef4444}.dot.event{background:#3b82f6}.dot.restricted{background:#f59e0b}.dot.other{background:var(--text-muted, #9ca3af)}.holidays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.875rem;animation:calFadeIn .3s ease}.holiday-cardType{background:var(--card-bg, #ffffff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);overflow:hidden;transition:box-shadow .2s,transform .2s}.holiday-cardType:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1))}.holiday-cardType.holiday{border-top:3px solid #ef4444}.holiday-cardType.event{border-top:3px solid #3b82f6}.holiday-cardType.restricted{border-top:3px solid #f59e0b}.holiday-cardType.other{border-top:3px solid var(--text-muted, #9ca3af)}.card-top{padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-color, #f3f4f6)}.date-badge{background:var(--bg-secondary, #f9fafb);padding:.5rem .65rem;border-radius:9px;display:flex;flex-direction:column;align-items:center;min-width:48px;border:1px solid var(--border-color, #f3f4f6)}.date-badge .month{font-size:.58rem;font-weight:800;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.date-badge .day{font-size:1.1rem;font-weight:800;color:var(--text-primary, #111827);line-height:1}.event-info{flex:1;min-width:0}.event-info h3{font-size:.85rem;font-weight:800;color:var(--text-primary, #111827);margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-tag{font-size:.58rem;padding:.15rem .45rem;border-radius:20px;background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #6b7280);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.card-actions{display:flex;gap:.3rem;flex-shrink:0}.card-actions button{width:26px;height:26px;border-radius:6px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.6rem;transition:all .15s}.card-actions button:hover{background:var(--primary-color, #4f46e5);color:#fff;border-color:var(--primary-color, #4f46e5)}.card-actions button.delete:hover{background:var(--error-color, #ef4444);border-color:var(--error-color, #ef4444);color:#fff}.card-body{padding:.75rem 1rem}.card-body p{color:var(--text-secondary, #6b7280);font-size:.78rem;line-height:1.5;margin:0 0 .5rem}.duration{font-size:.68rem;color:var(--text-muted, #9ca3af);display:flex;align-items:center;gap:.35rem;font-weight:600}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:4rem 2rem;background:var(--card-bg, #ffffff);border-radius:14px;border:2px dashed var(--border-color, #e5e7eb);color:var(--text-muted, #9ca3af);text-align:center}.empty-state i{font-size:2rem;opacity:.2}.empty-state h2{font-size:.9rem;font-weight:700;color:var(--text-primary, #374151);margin:0}.empty-state p{font-size:.75rem;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:calFadeIn .2s ease}.cal-modal{background:var(--card-bg, #ffffff);border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl, 0 24px 60px rgba(0, 0, 0, .18));animation:calSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden;border:1px solid var(--border-color, #e5e7eb)}@keyframes calSlideUp{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cal-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #f3f4f6);background:var(--bg-secondary, #fafafa);flex-shrink:0}.cal-modal__header-left{display:flex;align-items:center;gap:.75rem}.cal-modal__icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--primary-color, #4f46e5),#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.cal-modal__title{font-size:.88rem;font-weight:800;color:var(--text-primary, #111827);line-height:1.2}.cal-modal__sub{font-size:.68rem;color:var(--text-muted, #9ca3af);margin-top:.1rem}.cal-modal__close{width:28px;height:28px;border-radius:50%;border:none;background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s;flex-shrink:0}.cal-modal__close:hover{background:var(--hover-bg, #e5e7eb);color:var(--text-primary, #111827)}.cal-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.cal-type-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .4rem;border:1.5px solid var(--border-color, #e5e7eb);border-radius:9px;background:var(--bg-secondary, #f9fafb);font-size:.65rem;font-weight:600;color:var(--text-secondary, #6b7280);cursor:pointer;font-family:inherit;transition:all .15s}.cal-type-btn i{font-size:.9rem}.cal-type-btn:hover{border-color:var(--primary-light, #c4b5fd);background:var(--hover-bg, #faf5ff);color:var(--primary-color, #4f46e5)}.cal-type-btn.active{font-weight:700}.cal-type-btn.active.type-holiday{background:#ef44441f;border-color:#ef4444;color:#b91c1c}.cal-type-btn.active.type-event{background:#3b82f61f;border-color:#3b82f6;color:#1e40af}.cal-type-btn.active.type-restricted{background:#f59e0b1f;border-color:#f59e0b;color:#92400e}.cal-type-btn.active.type-other{background:var(--bg-tertiary, #f3f4f6);border-color:var(--text-muted, #9ca3af);color:var(--text-primary, #374151)}.cal-modal__body{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.875rem;scrollbar-width:thin;scrollbar-color:var(--border-color, #e5e7eb) transparent;background:var(--card-bg, #ffffff)}.cal-modal__body::-webkit-scrollbar{width:4px}.cal-modal__body::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:2px}.cal-form-group{display:flex;flex-direction:column;gap:.3rem}.cal-label{font-size:.68rem;font-weight:700;color:var(--text-primary, #374151);text-transform:uppercase;letter-spacing:.05em}.cal-label-optional{font-size:.6rem;color:var(--text-muted, #9ca3af);font-weight:500;text-transform:none;letter-spacing:0;margin-left:.25rem}.cal-input{padding:.5rem .7rem;border-radius:8px;border:1.5px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #f9fafb);font-size:.82rem;font-family:inherit;color:var(--text-primary, #111827);outline:none;transition:border-color .2s,background .2s;width:100%;box-sizing:border-box}.cal-input:focus{border-color:var(--primary-color, #4f46e5);background:var(--card-bg, #ffffff);box-shadow:0 0 0 3px #4f46e51a}.cal-input::-moz-placeholder{color:var(--text-muted, #9ca3af)}.cal-input::placeholder{color:var(--text-muted, #9ca3af)}.cal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cal-checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-primary, #374151);cursor:pointer;font-weight:500}.cal-checkbox-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary-color, #4f46e5);cursor:pointer}.cal-hint{font-size:.65rem;color:var(--text-muted, #9ca3af);margin-top:.15rem;display:flex;align-items:center;gap:.3rem}.cal-notify-section{background:var(--bg-primary, #f9fafb);border-radius:10px;border:1px solid var(--border-color, #f3f4f6);overflow:hidden}.cal-notify-header{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.68rem;font-weight:700;color:var(--text-primary, #374151);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color, #f3f4f6);background:var(--card-bg, #ffffff)}.cal-notify-header i{color:var(--primary-color, #4f46e5)}.cal-notify-options{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.cal-notify-opt{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);cursor:pointer;border-bottom:1px solid var(--border-color, #f9fafb);border-right:1px solid var(--border-color, #f9fafb);transition:background .1s}.cal-notify-opt:hover{background:var(--hover-bg, #f5f3ff);color:var(--primary-color, #4f46e5)}.cal-notify-opt.active{background:var(--bg-tertiary, #ede9fe);color:var(--primary-color, #4f46e5)}.cal-notify-opt input{display:none}.cal-notify-opt i{font-size:.75rem;flex-shrink:0}.cal-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.875rem 1.25rem;border-top:1px solid var(--border-color, #f3f4f6);background:var(--bg-secondary, #fafafa);flex-shrink:0}.cal-btn-cancel{display:inline-flex;align-items:center;padding:.4rem .875rem;background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #374151);border:1.5px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.cal-btn-cancel:hover{background:var(--hover-bg, #e5e7eb)}.cal-btn-save{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .875rem;background:linear-gradient(135deg,var(--primary-color, #4f46e5),#7c3aed);color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 2px 6px #4f46e540}.cal-btn-save:hover:not(:disabled){box-shadow:0 4px 12px #4f46e559;transform:translateY(-1px)}.cal-btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.cal-event-card{background:var(--card-bg, #ffffff);border-radius:14px;border:1px solid var(--border-color, #e5e7eb);overflow:visible;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.cal-event-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 6px 20px rgba(0, 0, 0, .1));border-color:transparent}.cal-event-card__banner{position:relative;height:90px;padding:.875rem 1rem;display:flex;flex-direction:column;justify-content:flex-start;overflow:visible;border-radius:13px 13px 0 0}.cal-event-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.cal-event-card__banner-content{z-index:1;flex:1;min-width:0}.cal-event-card__name{font-size:.9rem;font-weight:800;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.cal-event-card__type-badge{font-size:.58rem;font-weight:800;color:#ffffffe6;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.cal-event-card__actions{position:absolute;top:8px;right:8px;display:flex;gap:3px;z-index:2}.cal-event-card__actions button{width:24px;height:24px;border-radius:6px;border:none;background:#ffffff26;color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.6rem;transition:all .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cal-event-card__actions button:hover{background:#ffffff4d;color:#fff}.cal-event-card__actions button.delete:hover{background:#ef4444cc}.cal-event-card__date-circle{position:absolute;bottom:-14px;right:14px;width:38px;height:38px;border-radius:50%;background:#fff3;border:2.5px solid var(--card-bg, #ffffff);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #00000026}.cal-event-card__date-month{font-size:.45rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.04em;line-height:1}.cal-event-card__date-day{font-size:.85rem;font-weight:900;color:#fff;line-height:1}.cal-event-card__body{padding:28px 1rem .875rem;flex:1}.cal-event-card__desc{font-size:.75rem;color:var(--text-secondary, #6b7280);margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cal-event-card__meta{display:flex;align-items:center;gap:.75rem;font-size:.65rem;color:var(--text-muted, #9ca3af);font-weight:600}.cal-event-card__meta i{margin-right:3px}@media(max-width:768px){.calendar-management-container{padding:.75rem;gap:.75rem}.calendar-header{flex-direction:column;align-items:flex-start;padding:1rem 1.1rem;border-radius:12px;gap:.875rem}.cal-header-title{font-size:1.15rem}.cal-header-sub{font-size:.78rem}.header-actions{width:100%;flex-direction:row;gap:.5rem}.view-toggle{flex:1}.view-toggle button,.btn-add-event{flex:1;justify-content:center}.calendar-navigation{padding:.625rem .875rem}.calendar-navigation h2{font-size:.85rem;min-width:130px}.calendar-day{min-height:52px;padding:.3rem .25rem}.day-number{font-size:.68rem;margin-bottom:.15rem}.event-pill{padding:0;background:transparent!important;width:8px;height:8px;border-radius:50%;flex-shrink:0;align-self:center}.event-pill-text{display:none}.event-pill-dot{width:8px;height:8px;border-radius:50%}.event-pill.holiday .event-pill-dot{background:#ef4444}.event-pill.event .event-pill-dot{background:#3b82f6}.event-pill.restricted .event-pill-dot{background:#f59e0b}.event-pill.other .event-pill-dot{background:var(--text-muted, #9ca3af)}.event-overflow{display:none}.event-markers{flex-direction:row;flex-wrap:wrap;gap:3px;justify-content:center}.calendar-legend{gap:.75rem;padding:.625rem .875rem;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.calendar-legend::-webkit-scrollbar{display:none}.legend-item{flex-shrink:0;font-size:.62rem}.holidays-grid{grid-template-columns:1fr;gap:.75rem}.modal-overlay{align-items:flex-end;padding:0}.cal-modal{max-width:100%;width:100%;border-radius:18px 18px 0 0;max-height:92vh}.cal-form-row{grid-template-columns:1fr}.cal-type-grid{grid-template-columns:repeat(4,1fr)}.cal-notify-options{grid-template-columns:1fr 1fr}.cal-modal__footer{flex-direction:column-reverse}.cal-btn-save,.cal-btn-cancel{width:100%;justify-content:center}}@media(max-width:480px){.calendar-management-container{padding:.625rem}.calendar-header{padding:.875rem 1rem}.cal-header-title{font-size:1rem}.calendar-day{min-height:44px}.week-day{font-size:.55rem;padding:.35rem .1rem}.cal-type-grid{grid-template-columns:repeat(2,1fr)}}.cal-modal--view{max-width:420px}.cal-modal__body--view{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;background:var(--card-bg, #ffffff)}.view-event-row{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-primary, #374151)}.view-event-row i{color:var(--primary-color, #6366f1);width:16px;flex-shrink:0;margin-top:2px}.view-event-desc{background:var(--bg-primary, #f8fafc);border-radius:8px;padding:.6rem .75rem;color:var(--text-secondary, #64748b);line-height:1.5;border:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .calendar-management-container{background:#0a0a0a!important}[data-theme=dark] .calendar-view-wrapper{background:#161616!important;border-color:#ffffff14!important}[data-theme=dark] .calendar-navigation{background:#1a1a1a!important;border-bottom-color:#ffffff14!important}[data-theme=dark] .calendar-navigation h2{color:#f8fafc!important}[data-theme=dark] .nav-btn{background:#262626!important;border-color:#ffffff14!important;color:#9ca3af!important}[data-theme=dark] .today-btn{background:#4f46e526!important;border-color:#4f46e54d!important;color:#a5b4fc!important}[data-theme=dark] .calendar-week-days{background:#1a1a1a!important;border-bottom-color:#ffffff14!important}[data-theme=dark] .week-day{color:#9ca3af!important}[data-theme=dark] .calendar-days-grid{background:#ffffff14!important}[data-theme=dark] .calendar-day{background:#161616!important}[data-theme=dark] .calendar-day.empty{background:#111!important}[data-theme=dark] .calendar-day.weekend{background:#141414!important}[data-theme=dark] .calendar-day.today{background:#10b9811a!important}[data-theme=dark] .calendar-day:hover:not(.empty){background:#ffffff08!important}[data-theme=dark] .day-number{color:#9ca3af!important}[data-theme=dark] .calendar-day:hover:not(.empty):not(.today) .day-number{background:#ffffff14!important;color:#f1f5f9!important}[data-theme=dark] .calendar-legend{background:#1a1a1a!important;border-top-color:#ffffff14!important}[data-theme=dark] .legend-item{color:#9ca3af!important}[data-theme=dark] .holiday-cardType{background:#161616!important;border-color:#ffffff14!important}[data-theme=dark] .holiday-cardType:hover{box-shadow:0 16px 36px #00000073!important}[data-theme=dark] .card-top{border-bottom-color:#ffffff0f!important}[data-theme=dark] .date-badge{background:#ffffff0a!important;border-color:#ffffff0f!important}[data-theme=dark] .date-badge .day,[data-theme=dark] .event-info h3{color:#f8fafc!important}[data-theme=dark] .card-body p,[data-theme=dark] .duration{color:#9ca3af!important}[data-theme=dark] .card-actions button{background:#262626!important;border-color:#ffffff14!important;color:#9ca3af!important}[data-theme=dark] .cal-modal{background:#1a1a1a!important;border-color:#ffffff14!important}[data-theme=dark] .cal-modal__header{background:#161616!important;border-bottom-color:#ffffff14!important}[data-theme=dark] .cal-modal__title{color:#f8fafc!important}[data-theme=dark] .cal-modal__close{background:#262626!important;color:#9ca3af!important}[data-theme=dark] .cal-modal__body{background:#1a1a1a!important}[data-theme=dark] .cal-modal__footer{background:#161616!important;border-top-color:#ffffff0f!important}[data-theme=dark] .cal-label{color:#e2e8f0!important}[data-theme=dark] .cal-input{background:#ffffff0a!important;border-color:#ffffff14!important;color:#f1f5f9!important}[data-theme=dark] .cal-input:focus{border-color:#6366f1!important;background:#1a1a1a!important}[data-theme=dark] .cal-checkbox-row{color:#cbd5e1!important}[data-theme=dark] .cal-notify-section{background:#111!important;border-color:#ffffff14!important}[data-theme=dark] .cal-notify-header{background:#161616!important;border-bottom-color:#ffffff0f!important;color:#f1f5f9!important}[data-theme=dark] .cal-notify-opt{border-bottom-color:#ffffff0a!important;border-right-color:#ffffff0a!important;color:#9ca3af!important}[data-theme=dark] .cal-notify-opt:hover{background:#ffffff08!important}[data-theme=dark] .cal-notify-opt.active{background:#4f46e526!important;color:#a5b4fc!important}[data-theme=dark] .cal-btn-cancel{background:#262626!important;border-color:#ffffff14!important;color:#cbd5e1!important}[data-theme=dark] .cal-btn-cancel:hover{background:#333!important}[data-theme=dark] .cal-event-card{background:#161616!important;border-color:#ffffff14!important}[data-theme=dark] .cal-event-card:hover{box-shadow:0 16px 36px #00000073!important}[data-theme=dark] .cal-event-card__date-circle{border-color:#161616!important}[data-theme=dark] .cal-event-card__body{background:#161616!important}[data-theme=dark] .cal-event-card__desc{color:#9ca3af!important}[data-theme=dark] .view-event-row{color:#cbd5e1!important}[data-theme=dark] .view-event-desc{background:#ffffff08!important;border-color:#ffffff0f!important;color:#cbd5e1!important}[data-theme=dark] .empty-state{background:#161616!important;border-color:#ffffff14!important;color:#9ca3af!important}[data-theme=dark] .empty-state h2{color:#f8fafc!important}.cal-dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}.cal-stat-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #ebebf5);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.875rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.05));transition:all .2s ease}.cal-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000f;border-color:#6366f1}.cal-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.cal-stat-icon.holiday{background:#ef44441a;color:#ef4444}.cal-stat-icon.event{background:#3b82f61a;color:#3b82f6}.cal-stat-icon.restricted{background:#f59e0b1a;color:#f59e0b}.cal-stat-icon.next-up{background:#8b5cf61a;color:#8b5cf6}.cal-stat-info{display:flex;flex-direction:column}.cal-stat-value{font-size:1.2rem;font-weight:800;color:var(--text-primary, #1e293b);line-height:1.2}.cal-stat-label{font-size:.68rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.cal-dashboard-layout{display:grid;grid-template-columns:1fr 340px;gap:1.25rem;margin-top:.5rem;align-items:start}@media(max-width:1024px){.cal-dashboard-layout{grid-template-columns:1fr}}.cal-main-col{min-width:0;display:flex;flex-direction:column;flex:1}.cal-sidebar-col{display:flex;flex-direction:column;gap:1.25rem}.cal-panel{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #ebebf5);border-radius:14px;padding:1.25rem;box-shadow:var(--shadow-sm, 0 1px 4px rgba(0,0,0,.05));display:flex;flex-direction:column;gap:1rem}.cal-panel__header{font-size:.85rem;font-weight:800;color:var(--text-primary, #1e293b);display:flex;align-items:center;gap:.5rem;border-bottom:1.5px solid var(--border-color, #ebebf5);padding-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.cal-panel__header i{color:#6366f1}.cal-panel__body{display:flex;flex-direction:column;gap:.875rem;flex:1}.cal-panel__empty{font-size:.78rem;color:var(--text-secondary, #64748b);text-align:center;margin:1.5rem 0}.upcoming-event-item{display:flex;gap:.75rem;padding:.5rem;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.upcoming-event-item:hover{background:var(--hover-bg, #f8fafc);border-color:var(--border-color, #e2e8f0)}.upcoming-date-badge{width:50px;height:50px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.upcoming-date-badge.holiday{background:#fee2e2;color:#ef4444}.upcoming-date-badge.event{background:#dbeafe;color:#3b82f6}.upcoming-date-badge.restricted{background:#fef3c7;color:#f59e0b}.upcoming-date-badge.other{background:#f3f4f6;color:#6b7280}.up-day{font-size:.85rem;font-weight:800;line-height:1.1}.up-wday{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.8}.upcoming-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.up-title{font-size:.82rem;font-weight:700;color:var(--text-primary, #334155);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-desc{font-size:.7rem;color:var(--text-secondary, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.cal-distribution-row{display:flex;flex-direction:column;gap:.35rem}.cal-dist-info{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.cal-dist-name{font-weight:700;color:var(--text-primary, #334155);display:flex;align-items:center;gap:6px}.cal-dist-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.cal-dist-dot.holiday{background:#ef4444}.cal-dist-dot.event{background:#3b82f6}.cal-dist-dot.restricted{background:#f59e0b}.cal-dist-dot.other{background:#6b7280}.cal-dist-count{font-weight:600;color:var(--text-secondary, #64748b)}.cal-dist-track{height:6px;background:var(--section-bg, #f1f5f9);border-radius:3px;overflow:hidden}.cal-dist-fill{height:100%;border-radius:3px}.cal-panel--tips{background:linear-gradient(135deg,#fff,#fafcff)}.cal-tip{display:flex;gap:.75rem;font-size:.78rem;color:var(--text-primary, #334155);line-height:1.4;align-items:flex-start}.cal-tip i{color:#eab308;font-size:.85rem;margin-top:.15rem;flex-shrink:0}[data-theme=dark] .cal-stat-card{background:#161616!important;border-color:#ffffff14!important;box-shadow:none!important}[data-theme=dark] .cal-stat-card:hover{border-color:#6366f1!important;box-shadow:0 8px 24px #0006!important}[data-theme=dark] .cal-stat-value{color:#f8fafc!important}[data-theme=dark] .cal-stat-label{color:#94a3b8!important}[data-theme=dark] .cal-panel{background:#161616!important;border-color:#ffffff14!important}[data-theme=dark] .cal-panel__header{color:#f8fafc!important;border-bottom-color:#ffffff14!important}[data-theme=dark] .upcoming-event-item:hover{background:#ffffff08!important;border-color:#ffffff14!important}[data-theme=dark] .upcoming-date-badge.holiday{background:#ef444426;color:#fca5a5}[data-theme=dark] .upcoming-date-badge.event{background:#3b82f626;color:#93c5fd}[data-theme=dark] .upcoming-date-badge.restricted{background:#f59e0b26;color:#fde047}[data-theme=dark] .upcoming-date-badge.other{background:#ffffff14;color:#cbd5e1}[data-theme=dark] .up-title{color:#f1f5f9!important}[data-theme=dark] .up-desc{color:#94a3b8!important}[data-theme=dark] .cal-dist-name{color:#cbd5e1!important}[data-theme=dark] .cal-dist-count{color:#94a3b8!important}[data-theme=dark] .cal-dist-track{background:#242424!important}[data-theme=dark] .cal-panel--tips{background:linear-gradient(135deg,#161616,#1c1926)!important}[data-theme=dark] .cal-tip{color:#cbd5e1!important}.repo-doc-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.repo-wing-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.amm-page{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;background:#f5f5fa;min-height:calc(100vh - 100px)}.amm-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-radius:16px;padding:1.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:0 10px 30px -5px #1d4ed859;position:relative;overflow:hidden;color:#fff}.amm-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.amm-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.amm-header__left{display:flex;align-items:center;gap:.875rem;position:relative;z-index:1}.amm-header__icon{width:44px;height:44px;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.amm-header__title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.02em}.amm-header__sub{font-size:.875rem;color:#ffffffbf;margin:0}.amm-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:9px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;border:none;white-space:nowrap}.amm-btn--primary{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3);position:relative;z-index:1}.amm-btn--primary:hover{background:#ffffff47;transform:translateY(-1px)}.amm-btn--cancel{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.amm-btn--cancel:hover{background:#e5e7eb}.amm-btn--submit{color:#fff;box-shadow:0 4px 12px #4f46e547}.amm-btn--submit:hover{box-shadow:0 6px 16px #4f46e561;transform:translateY(-1px)}.amm-btn--submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.amm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem}.amm-stat-card{background:#fff;border:1px solid #ebebf5;border-radius:14px;padding:1rem 1.1rem;display:flex;align-items:center;gap:.875rem;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s,transform .15s}.amm-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.amm-stat-card__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.amm-stat-card__val{font-size:1.3rem;font-weight:800;color:#111827;line-height:1;margin-bottom:2px}.amm-stat-card__lbl{font-size:.62rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.amm-controls{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}.amm-search{flex:1;min-width:240px;display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:.55rem .875rem;transition:border-color .2s,box-shadow .2s}.amm-search:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.amm-search i{color:#9ca3af;font-size:.75rem;flex-shrink:0}.amm-search input{flex:1;border:none;background:transparent;font-size:.82rem;color:#111827;outline:none;font-family:inherit}.amm-search input::-moz-placeholder{color:#9ca3af}.amm-search input::placeholder{color:#9ca3af}.amm-search__clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.75rem;padding:0 2px;transition:color .15s}.amm-search__clear:hover{color:#ef4444}.amm-filter-tabs{display:flex;gap:4px;background:#f3f4f6;border-radius:10px;padding:3px}.amm-filter-tab{padding:.4rem .875rem;border-radius:7px;border:none;background:transparent;color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.amm-filter-tab--active{background:#fff;color:#111827;box-shadow:0 1px 4px #0000001a}.amm-table-wrap{background:#fff;border:1px solid #ebebf5;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0000000d;flex:1}.amm-table-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid #f3f4f6;background:#fafafa}.amm-table-title{font-size:.78rem;font-weight:800;color:#111827;text-transform:uppercase;letter-spacing:.05em}.amm-table-count{font-size:.68rem;color:#9ca3af;font-weight:600}.amm-table{width:100%;border-collapse:collapse;min-width:800px}.amm-table th{padding:.65rem 1rem;text-align:left;font-size:.6rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;background:#fafafa;border-bottom:1px solid #f3f4f6;white-space:nowrap}.amm-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.amm-table-row:last-child td{border-bottom:none}.amm-table-row:hover{background:#fafafa}.amm-resource-cell{display:flex;align-items:center;gap:12px}.amm-resource-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.amm-resource-title{font-size:.85rem;font-weight:700;color:#111827;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.amm-resource-desc{font-size:.72rem;color:#9ca3af}.amm-type-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.amm-type-badge--document{background:#fee2e2;color:#b91c1c}.amm-type-badge--video{background:#ede9fe;color:#4f46e5}.amm-subject{font-size:.82rem;font-weight:600;color:#374151}.amm-scope{font-size:.75rem;color:#6b7280}.amm-size{font-size:.75rem;color:#9ca3af;font-weight:500}.amm-actions{display:flex;gap:5px;justify-content:flex-end}.amm-action-btn{width:30px;height:30px;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;text-decoration:none;transition:all .15s}.amm-action-btn:hover{transform:scale(1.1)}.amm-action-btn--view:hover{background:#dbeafe;color:#2563eb}.amm-action-btn--edit:hover{background:#fef3c7;color:#d97706}.amm-action-btn--delete:hover{background:#fee2e2;color:#ef4444}.amm-empty-cell{text-align:center;padding:4rem 2rem!important;color:#9ca3af}.amm-empty-cell i{font-size:2rem;opacity:.25;display:block;margin-bottom:.75rem}.amm-empty-cell p{font-size:.85rem;margin:0}.amm-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:ammFadeIn .2s ease}@keyframes ammFadeIn{0%{opacity:0}to{opacity:1}}.amm-modal{background:#fff;border-radius:20px;width:100%;max-width:880px;height:90vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #00000038;animation:ammSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes ammSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.amm-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;flex-shrink:0}.amm-modal__header-left{display:flex;align-items:center;gap:.875rem}.amm-modal__icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0;box-shadow:0 4px 12px #0000002e}.amm-modal__title{font-size:1.05rem;font-weight:800;color:#111827;margin:0 0 2px;letter-spacing:-.02em}.amm-modal__sub{font-size:.72rem;color:#6b7280;margin:0}.amm-modal__close{width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:background .15s,color .15s}.amm-modal__close:hover{background:#fee2e2;color:#ef4444}.amm-modal__divider{height:1px;background:#f3f4f6;flex-shrink:0}.amm-modal__form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.amm-modal__body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#c4b5fd transparent}.amm-modal__body::-webkit-scrollbar{width:5px}.amm-modal__body::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:9999px}.amm-modal__body::-webkit-scrollbar-track{background:transparent}.amm-modal__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem}@media(max-width:680px){.amm-modal__grid{grid-template-columns:1fr}}.amm-modal__section{display:flex;flex-direction:column;gap:.875rem}.amm-modal__section-label{display:flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.07em;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.amm-modal__section-label i{color:#4f46e5}.amm-field{display:flex;flex-direction:column;gap:.3rem}.amm-label{font-size:.68rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.amm-req{color:#ef4444;margin-left:2px}.amm-input{padding:.6rem .875rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.85rem;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%;box-sizing:border-box}.amm-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.amm-input::-moz-placeholder{color:#9ca3af}.amm-input::placeholder{color:#9ca3af}.amm-select{cursor:pointer}.amm-select:disabled{opacity:.45;cursor:not-allowed}.amm-textarea{resize:vertical;min-height:72px}.amm-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.amm-upload-zone{border:2px dashed #c4b5fd;border-radius:10px;padding:1rem;cursor:pointer;transition:border-color .2s,background .2s;background:#faf5ff;text-align:center}.amm-upload-zone:hover{border-color:#4f46e5;background:#f5f3ff}.amm-upload-zone__placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:#7c3aed}.amm-upload-zone__placeholder i{font-size:1.4rem;opacity:.7}.amm-upload-zone__placeholder span{font-size:.78rem;font-weight:600}.amm-upload-zone__placeholder small{font-size:.65rem;color:#9ca3af}.amm-upload-zone__selected{display:flex;align-items:center;gap:8px;color:#4f46e5;font-size:.78rem;font-weight:600;justify-content:center}.amm-upload-zone__selected i{font-size:1rem}.amm-upload-zone--thumb{width:90px;height:72px;flex-shrink:0;padding:.5rem;display:flex;align-items:center;justify-content:center}.amm-thumbnail-row{display:flex;gap:.75rem;align-items:flex-start}.amm-thumb-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.amm-file-name{font-size:.65rem;color:#6b7280;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amm-progress{display:flex;align-items:center;gap:8px;margin-top:6px}.amm-progress__bar{flex:1;height:4px;background:#4f46e5;border-radius:9999px;transition:width .2s}.amm-progress span{font-size:.65rem;color:#4f46e5;font-weight:700;min-width:28px}.amm-preview-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.875rem;margin-top:auto}.amm-preview-card__label{font-size:.6rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.625rem}.amm-preview-card__content{display:flex;align-items:center;gap:10px}.amm-preview-card__icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.amm-preview-card__title{font-size:.82rem;font-weight:700;color:#111827;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.amm-preview-card__meta{font-size:.68rem;color:#9ca3af}.amm-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.25rem;border-top:1px solid #f3f4f6;flex-shrink:0;background:#fff}[data-theme=dark] .amm-page{background:#0a0a0a}[data-theme=dark] .amm-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-color:transparent}[data-theme=dark] .amm-header__title{color:#fff}[data-theme=dark] .amm-stat-card,[data-theme=dark] .amm-table-wrap{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .amm-header__title,[data-theme=dark] .amm-stat-card__val{color:#f1f5f9}[data-theme=dark] .amm-table th,[data-theme=dark] .amm-table-header{background:#0f0f0f;border-color:#ffffff0d}[data-theme=dark] .amm-table td{border-color:#ffffff0d}[data-theme=dark] .amm-table-row:hover{background:#ffffff05}[data-theme=dark] .amm-resource-title{color:#f1f5f9}[data-theme=dark] .amm-action-btn{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .amm-search{background:#1a1a1a;border-color:#ffffff1a}[data-theme=dark] .amm-search input{color:#f1f5f9}[data-theme=dark] .amm-filter-tabs{background:#ffffff0f}[data-theme=dark] .amm-filter-tab--active{background:#1a1a1a;color:#f1f5f9}[data-theme=dark] .amm-modal{background:#1a1a1a}[data-theme=dark] .amm-modal__title{color:#f1f5f9}[data-theme=dark] .amm-modal__divider,[data-theme=dark] .amm-modal__footer{border-color:#ffffff0f}[data-theme=dark] .amm-modal__close{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .amm-modal__section-label{border-color:#ffffff0f;color:#94a3b8}[data-theme=dark] .amm-label{color:#94a3b8}[data-theme=dark] .amm-input{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .amm-input:focus{border-color:#6366f1;background:#0a0a0a}[data-theme=dark] .amm-upload-zone{background:#4f46e50f;border-color:#4f46e54d}[data-theme=dark] .amm-preview-card{background:#0f0f0f;border-color:#ffffff14}[data-theme=dark] .amm-preview-card__title{color:#f1f5f9}@media(max-width:900px){.amm-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.amm-page{padding:.75rem}.amm-stats{grid-template-columns:1fr 1fr}.amm-controls,.amm-header{flex-direction:column;align-items:stretch}}.amm-repo-section{display:flex;flex-direction:column;gap:1rem}.amm-repo-section__header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#111827}.amm-repo-section__icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0}.amm-repo-section__title{font-size:.9rem;font-weight:800;color:#111827}.amm-repo-section__count{font-size:.75rem;color:#9ca3af;font-weight:600}.amm-repo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.amm-repo-empty{text-align:center;padding:4rem 2rem;color:#9ca3af;background:#fff;border:1px solid #ebebf5;border-radius:16px}.amm-repo-empty i{font-size:2.5rem;opacity:.2;display:block;margin-bottom:.75rem}.amm-repo-empty p{font-size:.85rem;margin:0}.repo-doc-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s}.repo-doc-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.repo-doc-card__banner{position:relative;height:100px;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.repo-doc-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.repo-doc-card__banner-top{display:flex;gap:4px;flex-wrap:wrap;z-index:1}.repo-doc-card__subject-tag{background:#ffffff40;color:#fff;font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:9999px;text-transform:uppercase;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.repo-doc-card__grade-tag{background:#0003;color:#ffffffe6;font-size:.58rem;font-weight:600;padding:2px 7px;border-radius:9999px}.repo-doc-card__pdf-icon{position:absolute;bottom:10px;right:12px;width:36px;height:36px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;z-index:1}.repo-doc-card__author{font-size:.6rem;color:#fffc;z-index:1}.repo-doc-card__body{padding:10px 12px 8px;flex:1;display:flex;flex-direction:column;gap:4px}.repo-doc-card__title{font-size:.82rem;font-weight:700;color:#111827;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo-doc-card__desc{font-size:.7rem;color:#6b7280;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo-doc-card__tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:2px}.repo-doc-card__tag{font-size:.6rem;color:#6366f1;background:#ede9fe;padding:1px 6px;border-radius:4px;font-weight:600}.repo-doc-card__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 10px;border-top:1px solid #f3f4f6;gap:6px}.repo-doc-card__size{font-size:.65rem;color:#9ca3af;font-weight:500;white-space:nowrap}.repo-doc-card__actions{display:flex;gap:4px;align-items:center}.repo-card-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:none;font-size:.65rem;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none;transition:all .15s;white-space:nowrap}.repo-card-btn--view{background:#4f46e5;color:#fff}.repo-card-btn--view:hover{background:#4338ca}.repo-card-btn--edit{background:#f3f4f6;color:#6b7280;width:26px;height:26px;padding:0;justify-content:center}.repo-card-btn--edit:hover{background:#fef3c7;color:#d97706}.repo-card-btn--delete{background:#f3f4f6;color:#6b7280;width:26px;height:26px;padding:0;justify-content:center}.repo-card-btn--delete:hover{background:#fee2e2;color:#ef4444}.repo-video-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s}.repo-video-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.repo-video-card__thumb{position:relative;height:120px;overflow:hidden}.repo-video-card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.repo-video-card__thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:2rem}.repo-video-card__thumb-overlay{position:absolute;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;transition:background .2s}.repo-video-card:hover .repo-video-card__thumb-overlay{background:#0006}.repo-video-card__play{width:36px;height:36px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:#4f46e5;font-size:.85rem;padding-left:2px}.repo-video-card__duration{position:absolute;bottom:6px;right:8px;background:#000000b3;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px}.repo-video-card__thumb-top{position:absolute;top:8px;left:8px;display:flex;gap:4px;z-index:2}.repo-video-card__body{padding:10px 12px 8px;flex:1;display:flex;flex-direction:column;gap:4px}.repo-video-card__title{font-size:.82rem;font-weight:700;color:#111827;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo-video-card__desc{font-size:.7rem;color:#6b7280;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .repo-doc-card,[data-theme=dark] .repo-video-card{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .repo-doc-card__title,[data-theme=dark] .repo-video-card__title{color:#f1f5f9}[data-theme=dark] .repo-doc-card__footer{border-color:#ffffff0f}[data-theme=dark] .repo-card-btn--edit,[data-theme=dark] .repo-card-btn--delete{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .amm-repo-section__title{color:#f1f5f9}[data-theme=dark] .amm-repo-empty{background:#1a1a1a;border-color:#ffffff14}@media(max-width:600px){.amm-repo-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.repo-wings-view{display:flex;flex-direction:column;gap:1rem}.repo-wings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.repo-wing-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s}.repo-wing-card:hover{box-shadow:0 8px 28px #00000021;transform:translateY(-3px)}.repo-wing-card__banner{position:relative;padding:18px 18px 14px;display:flex;align-items:flex-start;gap:12px;overflow:hidden}.repo-wing-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.repo-wing-card__banner-icon{width:40px;height:40px;border-radius:11px;background:#fff3;border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0;z-index:1}.repo-wing-card__banner-text{z-index:1}.repo-wing-card__name{font-size:1rem;font-weight:800;color:#fff;margin:0 0 3px;line-height:1.2}.repo-wing-card__resource-count{font-size:.72rem;color:#fffc;margin:0;font-weight:500}.repo-wing-card__body{padding:12px 16px 10px;flex:1;display:flex;flex-direction:column;gap:10px}.repo-wing-card__breakdown{display:flex;gap:10px}.repo-wing-card__breakdown-item{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:6px}.repo-wing-card__breakdown-item--doc{background:#fee2e2;color:#b91c1c}.repo-wing-card__breakdown-item--vid{background:#ede9fe;color:#4f46e5}.repo-wing-card__breakdown-item i{font-size:.65rem}.repo-wing-card__contributors{display:flex;align-items:center;gap:8px}.repo-wing-card__contrib-label{font-size:.68rem;color:#6b7280;font-weight:500}.repo-wing-card__no-contrib{font-size:.68rem;color:#d1d5db;font-style:italic}.repo-wing-card__footer{padding:10px 16px 12px;border-top:1px solid #f3f4f6}.repo-wing-card__cta{font-size:.72rem;font-weight:700;color:#4f46e5;display:flex;align-items:center;gap:5px}.repo-wing-card__cta i{font-size:.65rem;transition:transform .15s}.repo-wing-card:hover .repo-wing-card__cta i{transform:translate(3px)}.contrib-stack{display:flex;flex-direction:row-reverse}.contrib-stack__avatar{width:26px;height:26px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#fff;margin-left:-6px;flex-shrink:0}.contrib-stack__avatar--extra{background:#e5e7eb;color:#6b7280;font-size:.55rem}.repo-wing-view{display:flex;flex-direction:column;gap:1rem}.repo-wing-view__header{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-radius:16px;padding:1.75rem 2rem;box-shadow:0 10px 30px -5px #1d4ed859;position:relative;overflow:hidden;color:#fff}.repo-wing-view__header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.repo-back-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:9px;padding:.45rem .875rem;font-size:.78rem;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap;flex-shrink:0;position:relative;z-index:1}.repo-back-btn:hover{background:#ffffff40}.repo-wing-view__title{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.repo-wing-view__name{font-size:1.35rem;font-weight:800;color:#fff}.repo-wing-view__count{font-size:.72rem;color:#9ca3af;font-weight:600;background:#f3f4f6;padding:2px 8px;border-radius:9999px}.repo-resource-list{background:#fff;border:1px solid #ebebf5;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.repo-row{display:flex;align-items:center;gap:12px;padding:.875rem 1.25rem;border-bottom:1px solid #f3f4f6;transition:background .15s}.repo-row:last-child{border-bottom:none}.repo-row:hover{background:#fafafa}.repo-row__icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.repo-row__info{flex:1;min-width:0}.repo-row__title{font-size:.85rem;font-weight:700;color:#111827;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repo-row__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.repo-row__tag{font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:5px;background:#ede9fe;color:#4f46e5}.repo-row__tag--gray{background:#f3f4f6;color:#6b7280}.repo-row__staff{font-size:.65rem;color:#9ca3af;display:flex;align-items:center;gap:3px}.repo-row__staff i{font-size:.6rem}.repo-row__size{font-size:.62rem;color:#d1d5db;font-weight:500}.repo-row__type{flex-shrink:0}.repo-row__view-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:7px;background:#4f46e5;color:#fff;font-size:.68rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;flex-shrink:0}.repo-row__view-btn:hover{background:#4338ca;transform:translateY(-1px)}[data-theme=dark] .repo-wing-card{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .repo-wing-card__footer{border-color:#ffffff0f}[data-theme=dark] .repo-wing-card__name{color:#f1f5f9}[data-theme=dark] .repo-wing-view__header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-color:transparent}[data-theme=dark] .repo-wing-view__name{color:#fff}[data-theme=dark] .repo-row{border-color:#ffffff0d}[data-theme=dark] .repo-row:hover{background:#ffffff05}[data-theme=dark] .repo-row__title{color:#f1f5f9}[data-theme=dark] .repo-back-btn{background:#ffffff0f;color:#cbd5e1}[data-theme=dark] .contrib-stack__avatar{border-color:#1a1a1a}@media(max-width:600px){.repo-wings-grid{grid-template-columns:repeat(2,1fr);gap:10px}.repo-row{flex-wrap:wrap}}.odd-page{padding:1.25rem;padding-top:0;display:flex;flex-direction:column;gap:1.25rem;min-height:100vh;background:var(--bg-primary)}[data-theme=dark] .odd-page{background:#0a0a0a}.odd-loading,.odd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:1rem;color:var(--text-secondary)}.odd-loading__spin{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#3b82f6;border-radius:50%;animation:odd-spin .8s linear infinite}@keyframes odd-spin{to{transform:rotate(360deg)}}.odd-error i{font-size:2rem;color:#ef4444}.odd-retry-btn{margin-top:.5rem;padding:.5rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.odd-banner{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 2rem;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-radius:16px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #1d4ed859}.odd-banner:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.odd-banner:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.odd-banner__badge{font-size:.65rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#ffffffa6;display:block;margin-bottom:.3rem}.odd-banner__title{font-size:1.65rem;font-weight:800;margin:0 0 .25rem;color:#fff}.odd-banner__sub{font-size:.875rem;color:#ffffffbf;margin:0}.odd-banner__right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;flex-shrink:0}.odd-tabs{display:flex;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:4px;border-radius:12px;gap:2px}.odd-tab{padding:.45rem 1rem;border:none;border-radius:9px;cursor:pointer;font-size:.8rem;font-weight:700;background:transparent;color:#ffffffa6;transition:all .2s;white-space:nowrap}.odd-tab.active{background:#fff;color:#1e293b;box-shadow:0 2px 8px #0003}.odd-tab:not(.active):hover{color:#fff;background:#ffffff1f}.odd-kpi-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.odd-kpi{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;transition:transform .2s,box-shadow .2s}[data-theme=dark] .odd-kpi{background:#161616;border-color:#ffffff12}.odd-kpi:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px #0000001f}.odd-kpi__icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.odd-kpi__icon i{font-size:1rem}.odd-kpi__val{font-size:1.25rem;font-weight:800;color:var(--text-primary);line-height:1}[data-theme=dark] .odd-kpi__val{color:#f1f5f9}.odd-kpi__lbl{font-size:.7rem;color:var(--text-secondary);margin-top:2px}.odd-breadcrumb{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}[data-theme=dark] .odd-breadcrumb{background:#161616;border-color:#ffffff12}.odd-breadcrumb__back{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.odd-breadcrumb__back:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.odd-breadcrumb__trail{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;flex-wrap:wrap}.odd-breadcrumb__link{color:#3b82f6;cursor:pointer}.odd-breadcrumb__link:hover{text-decoration:underline}.odd-breadcrumb__sep{color:var(--text-muted);font-size:.7rem}.odd-breadcrumb__cur{color:var(--text-primary)}[data-theme=dark] .odd-breadcrumb__cur{color:#f1f5f9}.odd-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}.odd-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;overflow:hidden}[data-theme=dark] .odd-card{background:#161616;border-color:#ffffff12}.odd-card__head{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}[data-theme=dark] .odd-card__head{background:#0f0f0f;border-bottom-color:#ffffff12}.odd-card__head-left{display:flex;flex-direction:column;gap:2px}.odd-card__title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0}[data-theme=dark] .odd-card__title{color:#f1f5f9}.odd-card__sub{font-size:.72rem;color:var(--text-secondary)}.odd-card__body{padding:0}.odd-table{width:100%;border-collapse:collapse}.odd-table thead th{padding:.65rem 1rem;text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}[data-theme=dark] .odd-table thead th{background:#0f0f0f;border-bottom-color:#ffffff12}.odd-table tbody td{padding:.7rem 1rem;font-size:.84rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}[data-theme=dark] .odd-table tbody td{color:#e2e8f0;border-bottom-color:#ffffff0d}.odd-table tbody tr:last-child td{border-bottom:none}.odd-table tbody tr{transition:background .15s}.odd-table tbody tr:hover{background:var(--hover-bg)}[data-theme=dark] .odd-table tbody tr:hover{background:#ffffff08}.odd-table.clickable tbody tr{cursor:pointer}.odd-table.clickable tbody tr:hover td:first-child{color:#3b82f6}.odd-fw{font-weight:700}.odd-year-tag{display:inline-block;font-size:.68rem;font-weight:600;color:#6366f1;background:#6366f11a;border-radius:4px;padding:1px 6px;margin-right:6px;vertical-align:middle}.odd-muted{font-size:.72rem;color:var(--text-muted);margin-top:2px}.odd-prog{display:flex;align-items:center;gap:.5rem}.odd-prog__val{font-weight:800;font-size:.85rem;min-width:36px;color:var(--text-primary)}[data-theme=dark] .odd-prog__val{color:#f1f5f9}.odd-prog__bar{flex:1;height:5px;background:var(--border-color);border-radius:3px;overflow:hidden;max-width:80px}.odd-prog__fill{height:100%;border-radius:3px;transition:width .4s}.odd-prog__fill.high{background:#10b981}.odd-prog__fill.medium{background:#f59e0b}.odd-prog__fill.low{background:#ef4444}.odd-score{font-weight:700;padding:3px 8px;border-radius:6px;font-size:.78rem}.odd-score.high{color:#10b981;background:#10b9811a}.odd-score.medium{color:#f59e0b;background:#f59e0b1a}.odd-score.low{color:#ef4444;background:#ef44441a}.odd-status{display:inline-block;padding:3px 8px;border-radius:5px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.odd-status.published{background:#10b9811a;color:#10b981}.odd-status.active{background:#6366f11a;color:#6366f1}.odd-status.draft{background:var(--bg-tertiary);color:var(--text-muted)}.odd-cmp{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:5px;font-size:.72rem;font-weight:700}.odd-cmp.pos{background:#10b9811a;color:#10b981}.odd-cmp.neg{background:#ef44441a;color:#ef4444}.odd-rank{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex-shrink:0}.odd-rank.gold{background:#d977061f;color:#d97706}.odd-rank.silver{background:#64748b1a;color:#64748b}[data-theme=dark] .odd-rank.gold{background:#fbbf241f;color:#fbbf24}[data-theme=dark] .odd-rank.silver{background:#94a3b81a;color:#94a3b8}.odd-achiever{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}[data-theme=dark] .odd-achiever{border-bottom-color:#ffffff0d}.odd-achiever:last-child{border-bottom:none}.odd-achiever:hover{background:var(--hover-bg)}[data-theme=dark] .odd-achiever:hover{background:#ffffff08}.odd-achiever__info{flex:1;min-width:0}.odd-achiever__name{font-size:.875rem;font-weight:700;color:var(--text-primary)}[data-theme=dark] .odd-achiever__name{color:#f1f5f9}.odd-achiever__class{font-size:.72rem;color:var(--text-secondary)}.odd-achiever__score{font-weight:800;color:#10b981;font-size:.9rem}.odd-view-all{width:100%;padding:.65rem;border:none;background:var(--bg-secondary);color:#3b82f6;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s}.odd-view-all:hover{background:var(--hover-bg)}.odd-heatmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;padding:1.25rem}.odd-heatmap-card{padding:1rem;border-radius:12px;border:1px solid;transition:transform .2s}.odd-heatmap-card:hover{transform:scale(1.02)}.odd-heatmap-card.very-high{background:#10b98114;border-color:#10b981}.odd-heatmap-card.high{background:#10b9810f;border-color:#10b98180}.odd-heatmap-card.medium{background:#f59e0b14;border-color:#f59e0b}.odd-heatmap-card.low{background:#ef444414;border-color:#ef4444}.odd-heatmap-card__subj{font-weight:700;font-size:.85rem;color:var(--text-primary);margin-bottom:.35rem}[data-theme=dark] .odd-heatmap-card__subj{color:#f1f5f9}.odd-heatmap-card__score{font-size:1.5rem;font-weight:900;line-height:1}.odd-heatmap-card.very-high .odd-heatmap-card__score,.odd-heatmap-card.high .odd-heatmap-card__score{color:#10b981}.odd-heatmap-card.medium .odd-heatmap-card__score{color:#f59e0b}.odd-heatmap-card.low .odd-heatmap-card__score{color:#ef4444}.odd-heatmap-card__lbl{font-size:.68rem;color:var(--text-muted);margin-top:.25rem}.odd-rings{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1.25rem;padding:1.25rem;justify-items:center}.odd-ring-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.odd-ring-wrap{position:relative;width:90px;height:90px}.odd-ring-svg{transform:rotate(-90deg)}.odd-ring-bg{fill:none;stroke:var(--border-color);stroke-width:8}.odd-ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.odd-ring-fill.high{stroke:#10b981}.odd-ring-fill.medium{stroke:#f59e0b}.odd-ring-fill.low{stroke:#ef4444}.odd-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:800;font-size:1rem;color:var(--text-primary)}[data-theme=dark] .odd-ring-text{color:#f1f5f9}.odd-ring-lbl{font-size:.72rem;font-weight:600;color:var(--text-secondary);max-width:90px;line-height:1.2}.odd-profile-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--border-color)}[data-theme=dark] .odd-profile-kpis{border-bottom-color:#ffffff12}.odd-profile-kpi{padding:1rem 1.25rem;border-right:1px solid var(--border-color);text-align:center}[data-theme=dark] .odd-profile-kpi{border-right-color:#ffffff12}.odd-profile-kpi:last-child{border-right:none}.odd-profile-kpi__lbl{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.25rem}.odd-profile-kpi__val{font-size:1.35rem;font-weight:800;color:var(--text-primary)}[data-theme=dark] .odd-profile-kpi__val{color:#f1f5f9}.odd-filters{display:flex;flex-wrap:wrap;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--border-color)}[data-theme=dark] .odd-filters{border-bottom-color:#ffffff12}.odd-filter-group{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:160px}.odd-filter-group label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.odd-filter-group select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.55rem .75rem;border-radius:8px;font-size:.84rem;outline:none;transition:border-color .2s;cursor:pointer}[data-theme=dark] .odd-filter-group select{background:#0f0f0f;color:#e2e8f0;border-color:#ffffff1a}.odd-filter-group select:focus{border-color:#3b82f6}.odd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:.75rem;color:var(--text-muted);text-align:center}.odd-empty i{font-size:2.5rem;opacity:.4}.odd-empty p{font-size:.9rem;margin:0}.odd-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s,transform .15s}.odd-action-btn:hover{background:#2563eb;transform:translateY(-1px)}@media(max-width:1024px){.odd-grid{grid-template-columns:1fr}.odd-grid>*{grid-column:span 1!important}}@media(max-width:768px){.odd-page{padding:.75rem!important;gap:1rem!important}.odd-banner{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;padding:1.25rem!important;border-radius:14px!important}.odd-banner__badge{font-size:.62rem!important}.odd-banner__title{font-size:1.35rem!important}.odd-banner__sub{font-size:.82rem!important}.odd-banner__right{width:100%!important;align-items:flex-start!important}.odd-tabs{width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:4px!important;gap:4px!important;scrollbar-width:none!important;-ms-overflow-style:none!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.odd-tabs::-webkit-scrollbar{display:none!important}.odd-tab{flex:0 0 auto!important;min-width:-moz-fit-content!important;min-width:fit-content!important;padding:.4rem .875rem!important;font-size:.75rem!important;scroll-snap-align:start!important}.odd-kpi-strip{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:.625rem!important;padding-bottom:4px!important;scrollbar-width:none!important;-ms-overflow-style:none!important;grid-template-columns:unset!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.odd-kpi-strip::-webkit-scrollbar{display:none!important}.odd-kpi{flex:0 0 auto!important;min-width:140px!important;padding:.75rem .875rem!important;scroll-snap-align:start!important}.odd-kpi__icon{width:34px!important;height:34px!important}.odd-kpi__icon i{font-size:.9rem!important}.odd-kpi__val{font-size:1.1rem!important}.odd-kpi__lbl{font-size:.68rem!important}.odd-breadcrumb{padding:.75rem 1rem!important;gap:.5rem!important}.odd-breadcrumb__back{width:30px!important;height:30px!important}.odd-breadcrumb__trail{font-size:.78rem!important;gap:.4rem!important}.odd-card__head{padding:.75rem 1rem!important}.odd-card__title{font-size:.85rem!important}.odd-card__sub{font-size:.68rem!important}.odd-card__body{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.odd-table{min-width:600px!important}.odd-table thead th{font-size:.65rem!important;padding:.6rem .75rem!important}.odd-table tbody td{font-size:.78rem!important;padding:.6rem .75rem!important}.odd-profile-kpis{grid-template-columns:repeat(2,1fr)!important}.odd-profile-kpi{padding:.875rem 1rem!important}.odd-profile-kpi:nth-child(2){border-right:none!important}.odd-profile-kpi:nth-child(3){border-right:1px solid var(--border-color)!important}.odd-profile-kpi__lbl{font-size:.65rem!important}.odd-profile-kpi__val{font-size:1.2rem!important}.odd-filters{padding:1rem!important;gap:.75rem!important}.odd-filter-group{min-width:140px!important}.odd-filter-group select{font-size:.78rem!important;padding:.5rem .65rem!important}.odd-heatmap{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:.625rem!important;padding:1rem!important}.odd-heatmap-card{padding:.875rem!important}.odd-heatmap-card__subj{font-size:.8rem!important}.odd-heatmap-card__score{font-size:1.3rem!important}.odd-rings{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important;gap:1rem!important;padding:1rem!important}.odd-ring-wrap{width:80px!important;height:80px!important}.odd-ring-text{font-size:.9rem!important}.odd-ring-lbl{font-size:.68rem!important}.odd-achiever{padding:.6rem 1rem!important}.odd-achiever__name{font-size:.82rem!important}.odd-achiever__class{font-size:.68rem!important}.odd-achiever__score{font-size:.85rem!important}}@media(max-width:480px){.odd-page{padding:.625rem!important;gap:.875rem!important}.odd-banner{padding:1rem!important}.odd-banner__title{font-size:1.15rem!important}.odd-banner__sub{font-size:.78rem!important}.odd-tab{padding:.35rem .75rem!important;font-size:.72rem!important}.odd-kpi{min-width:125px!important;padding:.65rem .75rem!important}.odd-kpi__icon{width:32px!important;height:32px!important}.odd-kpi__icon i{font-size:.85rem!important}.odd-kpi__val{font-size:1rem!important}.odd-kpi__lbl{font-size:.65rem!important}.odd-card__head{padding:.65rem .875rem!important}.odd-card__title{font-size:.82rem!important}.odd-table{min-width:550px!important}.odd-table thead th{font-size:.62rem!important;padding:.55rem .65rem!important}.odd-table tbody td{font-size:.75rem!important;padding:.55rem .65rem!important}.odd-profile-kpi{padding:.75rem .875rem!important}.odd-profile-kpi__val{font-size:1.1rem!important}.odd-heatmap{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;padding:.875rem!important}.odd-heatmap-card{padding:.75rem!important}.odd-heatmap-card__score{font-size:1.2rem!important}.odd-rings{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important;gap:.875rem!important;padding:.875rem!important}.odd-ring-wrap{width:75px!important;height:75px!important}.odd-ring-text{font-size:.85rem!important}.odd-ring-lbl{font-size:.65rem!important}}.tm-task-card__hero:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.tm-page{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;background:#f5f5fa;min-height:calc(100vh - 100px)}.tm-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-radius:16px;padding:1.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:0 10px 30px -5px #1d4ed859;position:relative;overflow:hidden;color:#fff}.tm-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.tm-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.tm-header__left{display:flex;align-items:center;gap:.875rem;position:relative;z-index:1}.tm-header__icon{width:44px;height:44px;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.tm-header__title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 2px;letter-spacing:-.02em}.tm-header__sub{font-size:.875rem;color:#ffffffbf;margin:0}.tm-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:9px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;border:none;white-space:nowrap;position:relative;z-index:1}.tm-btn--primary{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3)}.tm-btn--primary:hover{background:#ffffff47;transform:translateY(-1px)}.tm-btn--cancel{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.tm-btn--cancel:hover{background:#e5e7eb}.tm-btn--submit{color:#fff;box-shadow:0 4px 12px #4f46e547}.tm-btn--submit:hover{box-shadow:0 6px 16px #4f46e561;transform:translateY(-1px)}.tm-btn--submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.tm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem}.tm-stat-card{background:#fff;border:1px solid #ebebf5;border-radius:14px;padding:1rem 1.1rem;display:flex;align-items:center;gap:.875rem;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s,transform .15s}.tm-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.tm-stat-card__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tm-stat-card__val{font-size:1.3rem;font-weight:800;color:#111827;line-height:1;margin-bottom:2px}.tm-stat-card__lbl{font-size:.62rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.tm-controls{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}.tm-search{flex:1;min-width:240px;display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:.55rem .875rem;transition:border-color .2s,box-shadow .2s}.tm-search:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.tm-search svg{color:#9ca3af;flex-shrink:0}.tm-search input{flex:1;border:none;background:transparent;font-size:.82rem;color:#111827;outline:none;font-family:inherit}.tm-search input::-moz-placeholder{color:#9ca3af}.tm-search input::placeholder{color:#9ca3af}.tm-search__clear{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0 2px;transition:color .15s}.tm-search__clear:hover{color:#ef4444}.tm-filter-tabs{display:flex;gap:4px;background:#f3f4f6;border-radius:10px;padding:3px}.tm-filter-tab{padding:.4rem .875rem;border-radius:7px;border:none;background:transparent;color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.tm-filter-tab--active{background:#fff;color:#111827;box-shadow:0 1px 4px #0000001a}.tm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tm-empty{text-align:center;padding:4rem 2rem;color:#9ca3af;background:#fff;border:1px solid #ebebf5;border-radius:16px}.tm-empty svg{opacity:.2;display:block;margin:0 auto .75rem}.tm-empty p{font-size:.85rem;margin:0}.tm-task-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s}.tm-task-card:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-2px)}.tm-task-card__hero{position:relative;height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden}.tm-task-card__hero:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.tm-task-card__hero-icon{color:#ffffffe6;z-index:1}.tm-task-card__type-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;background:#ffffff40;color:#fff;font-size:.6rem;font-weight:800;padding:3px 8px;border-radius:9999px;text-transform:uppercase;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.tm-grad--homework{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.tm-grad--assignment{background:linear-gradient(135deg,#0891b2,#0e7490)}.tm-grad--project{background:linear-gradient(135deg,#059669,#047857)}.tm-task-card__body{padding:12px 14px 10px;flex:1;display:flex;flex-direction:column;gap:6px}.tm-task-card__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tm-task-card__subject{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:5px;background:#ede9fe;color:#4f46e5}.tm-task-card__class{font-size:.62rem;color:#9ca3af;font-weight:500}.tm-task-card__title{font-size:.88rem;font-weight:800;color:#111827;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tm-task-card__desc{font-size:.72rem;color:#6b7280;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tm-task-card__progress{margin-top:4px}.tm-task-card__progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.tm-task-card__progress-label{display:flex;align-items:center;gap:4px;font-size:.65rem;color:#6b7280;font-weight:500}.tm-task-card__progress-pct{font-size:.65rem;font-weight:700;color:#4f46e5}.tm-task-card__bar{height:4px;background:#f3f4f6;border-radius:9999px;overflow:hidden}.tm-task-card__bar-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:9999px;transition:width .4s ease}.tm-task-card__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 12px;border-top:1px solid #f3f4f6;gap:6px}.tm-task-card__footer-left{display:flex;align-items:center;gap:10px}.tm-task-card__marks{display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;color:#059669}.tm-task-card__due{display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;color:#6b7280}.tm-task-card__due--overdue{color:#ef4444}.tm-task-card__actions{display:flex;gap:4px}.tm-icon-btn{width:28px;height:28px;border-radius:7px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.tm-icon-btn--edit:hover{background:#fef3c7;border-color:#fcd34d;color:#d97706}.tm-icon-btn--delete:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.tm-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:tmFadeIn .2s ease}.tm-modal{background:#fff;border-radius:20px;width:100%;max-width:680px;height:88vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #00000038;animation:tmSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes tmSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tm-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;flex-shrink:0}.tm-modal__header-left{display:flex;align-items:center;gap:.875rem}.tm-modal__icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000002e}.tm-modal__title{font-size:1rem;font-weight:800;color:#111827;margin:0 0 2px;letter-spacing:-.02em}.tm-modal__sub{font-size:.72rem;color:#6b7280;margin:0}.tm-modal__close{width:30px;height:30px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.tm-modal__close:hover{background:#fee2e2;color:#ef4444}.tm-modal__divider{height:1px;background:#f3f4f6;flex-shrink:0}.tm-modal__form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.tm-modal__body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:#c4b5fd transparent}.tm-modal__body::-webkit-scrollbar{width:5px}.tm-modal__body::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:9999px}.tm-type-selector{display:flex;gap:8px;flex-wrap:wrap}.tm-type-pill{display:inline-flex;align-items:center;gap:6px;padding:.45rem .875rem;border-radius:9999px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.tm-type-pill:hover{border-color:#4f46e5;color:#4f46e5}.tm-type-pill--active{color:#fff!important;border-color:transparent!important}.tm-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.tm-field{display:flex;flex-direction:column;gap:.3rem}.tm-field--full{grid-column:1 / -1}.tm-label{font-size:.68rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.tm-req{color:#ef4444;margin-left:2px}.tm-input{padding:.6rem .875rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.85rem;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%;box-sizing:border-box}.tm-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.tm-input::-moz-placeholder{color:#9ca3af}.tm-input::placeholder{color:#9ca3af}.tm-select{cursor:pointer}.tm-select:disabled{opacity:.45;cursor:not-allowed}.tm-textarea{resize:vertical;min-height:80px}.tm-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.25rem;border-top:1px solid #f3f4f6;flex-shrink:0;background:#fff}.tm-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tmSpin .7s linear infinite}@keyframes tmSpin{to{transform:rotate(360deg)}}.tm-toast{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:8px;padding:.75rem 1.25rem;border-radius:12px;font-size:.82rem;font-weight:600;box-shadow:0 8px 24px #00000026;z-index:2000;animation:tmFadeIn .2s ease}.tm-toast--success{background:#d1fae5;color:#065f46}.tm-toast--error{background:#fee2e2;color:#991b1b}[data-theme=dark] .tm-page{background:#0a0a0a}[data-theme=dark] .tm-header,[data-theme=dark] .tm-stat-card,[data-theme=dark] .tm-task-card{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .tm-header__title,[data-theme=dark] .tm-stat-card__val,[data-theme=dark] .tm-task-card__title{color:#f1f5f9}[data-theme=dark] .tm-task-card__footer{border-color:#ffffff0f}[data-theme=dark] .tm-task-card__bar{background:#ffffff14}[data-theme=dark] .tm-search{background:#1a1a1a;border-color:#ffffff1a}[data-theme=dark] .tm-search input{color:#f1f5f9}[data-theme=dark] .tm-filter-tabs{background:#ffffff0f}[data-theme=dark] .tm-filter-tab--active{background:#1a1a1a;color:#f1f5f9}[data-theme=dark] .tm-modal{background:#1a1a1a}[data-theme=dark] .tm-modal__title{color:#f1f5f9}[data-theme=dark] .tm-modal__divider,[data-theme=dark] .tm-modal__footer{border-color:#ffffff0f;background:#1a1a1a}[data-theme=dark] .tm-modal__close{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .tm-label{color:#94a3b8}[data-theme=dark] .tm-input{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .tm-input:focus{border-color:#6366f1;background:#0a0a0a}[data-theme=dark] .tm-type-pill{background:#0f0f0f;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .tm-icon-btn{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}@media(max-width:900px){.tm-stats,.tm-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.tm-page{padding:.75rem}.tm-stats{grid-template-columns:1fr 1fr}.tm-grid{grid-template-columns:1fr}.tm-header{flex-direction:column;align-items:stretch}.tm-modal__grid{grid-template-columns:1fr}}.tm-icon-btn--marks{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.tm-icon-btn--marks:hover{background:#dcfce7;border-color:#86efac;color:#15803d}.tm-field-hint{font-size:.68rem;color:#ef4444;margin:2px 0 0}.tm-alloc-loading,.tm-alloc-empty{display:flex;align-items:center;gap:7px;padding:.6rem .875rem;border-radius:10px;border:1.5px dashed #e5e7eb;font-size:.78rem;color:#6b7280;background:#f9fafb}.tm-alloc-empty{color:#ef4444;border-color:#fca5a5;background:#fff5f5}.tm-mark-panel{background:#fff;border-radius:20px;width:100%;max-width:900px;height:90vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #00000038;animation:tmSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.tm-mark-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;flex-shrink:0}.tm-mark-panel__header-left{display:flex;align-items:center;gap:.875rem}.tm-mark-panel__icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#059669,#047857);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #05966959;flex-shrink:0}.tm-mark-panel__title{font-size:1rem;font-weight:800;color:#111827;margin:0 0 2px;letter-spacing:-.02em}.tm-mark-panel__sub{font-size:.72rem;color:#6b7280;margin:0}.tm-mark-panel__progress{padding:.75rem 1.5rem;display:flex;flex-direction:column;gap:6px;flex-shrink:0;border-bottom:1px solid #f3f4f6}.tm-mark-panel__progress-row{display:flex;align-items:center;justify-content:space-between}.tm-mark-panel__progress-label{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:#059669}.tm-mark-panel__progress-pct{font-size:.72rem;font-weight:700;color:#047857}.tm-mark-panel__body{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#a7f3d0 transparent}.tm-mark-panel__body::-webkit-scrollbar{width:5px}.tm-mark-panel__body::-webkit-scrollbar-thumb{background:#a7f3d0;border-radius:9999px}.tm-mark-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:#6b7280;font-size:.82rem}.tm-mark-panel__hint{display:flex;align-items:center;gap:4px;font-size:.68rem;color:#9ca3af;flex:1}.tm-mark-table{width:100%;border-collapse:collapse;font-size:.78rem}.tm-mark-table thead tr{background:#f9fafb;border-bottom:1.5px solid #e5e7eb;position:sticky;top:0;z-index:2}.tm-mark-table th{padding:.6rem 1rem;text-align:left;font-size:.65rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.tm-mark-table__max{font-weight:500;color:#9ca3af}.tm-mark-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.tm-mark-table tbody tr:hover{background:#f9fafb}.tm-mark-table__row--graded{background:#f0fdf4!important}.tm-mark-table td{padding:.55rem 1rem;vertical-align:middle}.tm-mark-table__name{font-weight:600;color:#111827;white-space:nowrap}.tm-mark-table__roll{color:#6b7280;font-size:.72rem}.tm-mark-table__grade{font-weight:700;color:#059669;text-align:center;min-width:40px}.tm-mark-table__badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.tm-mark-table__badge--graded{background:#d1fae5;color:#065f46}.tm-mark-table__badge--submitted{background:#dbeafe;color:#1e40af}.tm-mark-table__badge--pending{background:#f3f4f6;color:#6b7280}.tm-mark-input{width:72px;padding:.35rem .5rem;border:1.5px solid #e5e7eb;border-radius:7px;font-size:.82rem;font-family:inherit;color:#111827;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;text-align:center}.tm-mark-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.tm-mark-input--feedback{width:180px;text-align:left}.tm-spin{animation:tmSpin .9s linear infinite}[data-theme=dark] .tm-mark-panel{background:#1a1a1a}[data-theme=dark] .tm-mark-panel__title{color:#f1f5f9}[data-theme=dark] .tm-mark-table thead tr{background:#0f0f0f;border-color:#ffffff0f}[data-theme=dark] .tm-mark-table th{color:#94a3b8}[data-theme=dark] .tm-mark-table tbody tr{border-color:#ffffff0a}[data-theme=dark] .tm-mark-table tbody tr:hover{background:#ffffff0a}[data-theme=dark] .tm-mark-table__row--graded{background:#0596691a!important}[data-theme=dark] .tm-mark-table__name{color:#f1f5f9}[data-theme=dark] .tm-mark-input{background:#0f0f0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .tm-mark-input:focus{border-color:#059669}@media(max-width:900px){.tm-mark-panel{max-width:100%;height:95vh;border-radius:16px}.tm-mark-input--feedback{width:120px}}@media(max-width:600px){.tm-mark-table th:nth-child(6),.tm-mark-table td:nth-child(6){display:none}}.tm-task-card--archived{opacity:.75;border:1.5px dashed #d1d5db;background:#fcfcfd}[data-theme=dark] .tm-task-card--archived{border-color:#ffffff26;background:#151515}.tm-task-card__archive-badge{font-size:.58rem;font-weight:700;padding:1px 5px;border-radius:4px;background:#f3f4f6;color:#4b5563;text-transform:uppercase;letter-spacing:.05em;border:1px solid #d1d5db}[data-theme=dark] .tm-task-card__archive-badge{background:#ffffff0f;color:#9ca3af;border-color:#ffffff26}.wa-chat-bg{background:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c8bdb5' fill-opacity='0.3'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");min-height:280px;padding:10px 8px;display:flex;flex-direction:column;gap:6px}.comm-v2-container{padding:1.5rem 2rem;background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif}.comm-v2-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;position:relative;overflow:hidden;color:#fff}.comm-v2-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.comm-v2-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.comm-v2-title{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.comm-v2-title-text{display:flex;flex-direction:column}.comm-v2-icon{width:52px;height:52px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;flex-shrink:0}.comm-v2-title h1{margin:0;font-size:1.6rem;font-weight:800;color:#fff}.comm-v2-title p{margin:0;color:#ffffffb3;font-size:.9rem}.comm-channel-tabs{display:flex;gap:.5rem;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.4rem;border-radius:14px;border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.channel-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border:none;background:transparent;border-radius:10px;font-weight:600;font-size:.95rem;color:#ffffffbf;cursor:pointer;transition:all .2s}.channel-tab i{font-size:1.1rem}.channel-tab:hover{background:#ffffff1a;color:#fff}.channel-tab.active.whatsapp{background:#25d366;color:#fff;box-shadow:0 4px 12px #25d36666}.channel-tab.active.sms{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f666}.comm-v2-body{display:grid;grid-template-columns:300px 1fr 320px;gap:1.25rem;align-items:start}.comm-v2-panel{background:#fff;border-radius:20px;border:1px solid #e8edf3;box-shadow:0 2px 12px #0000000a;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid #f1f5f9}.panel-header h3{margin:0;font-size:1rem;font-weight:700;color:#1e293b}.comm-recipients-panel{display:flex;flex-direction:column;max-height:80vh}.target-mode-toggle{display:flex;gap:.25rem;background:#f1f5f9;border-radius:8px;padding:3px}.target-mode-toggle button{padding:.3rem .75rem;border:none;background:transparent;border-radius:6px;font-size:.8rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.target-mode-toggle button.active{background:#fff;color:#6366f1;box-shadow:0 1px 4px #0000001a}.search-box{display:flex;align-items:center;gap:.5rem;margin:.75rem 1rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:.5rem .75rem}.search-box i{color:#94a3b8;font-size:.85rem}.search-box input{flex:1;border:none;background:transparent;font-size:.875rem;color:#334155;outline:none}.clear-search{border:none;background:none;color:#94a3b8;cursor:pointer;padding:0;font-size:.8rem}.user-list,.class-list{flex:1;overflow-y:auto;padding:0 .5rem .5rem}.user-item,.class-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:12px;cursor:pointer;transition:all .15s;margin-bottom:2px}.user-item:hover,.class-item:hover{background:#f8fafc}.user-item.selected,.class-item.selected{background:#eef2ff}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-name{display:block;font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-phone{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#475569;font-weight:500}.user-phone i{font-size:.6rem;color:#94a3b8}.user-class{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#94a3b8}.user-class i{font-size:.6rem}.user-role-badge{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:20px;background:#f1f5f9;color:#64748b;white-space:nowrap}.user-check{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#fff;flex-shrink:0;transition:all .15s}.user-check.checked{background:#6366f1;border-color:#6366f1}.class-icon{width:36px;height:36px;border-radius:10px;background:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.class-info{flex:1}.class-name{display:block;font-size:.875rem;font-weight:600;color:#1e293b}.class-count{display:block;font-size:.75rem;color:#94a3b8}.selected-summary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#eef2ff;border-top:1px solid #e0e7ff;font-size:.85rem;font-weight:600;color:#6366f1}.selected-summary i{font-size:.9rem}.selected-summary span{flex:1}.selected-summary button{border:none;background:none;color:#6366f1;font-size:.8rem;font-weight:700;cursor:pointer;text-decoration:underline}.comm-composer-panel{display:flex;flex-direction:column}.channel-badge-pill{display:flex;align-items:center;gap:.4rem;padding:.3rem .85rem;border-radius:20px;font-size:.8rem;font-weight:700}.channel-badge-pill.whatsapp{background:#dcfce7;color:#16a34a}.channel-badge-pill.sms{background:#dbeafe;color:#2563eb}.message-textarea{width:100%;box-sizing:border-box;margin:0;padding:1rem 1.25rem;border:none;border-bottom:1px solid #f1f5f9;font-size:.95rem;color:#1e293b;line-height:1.6;resize:none;outline:none;font-family:inherit;background:#fafbfc}.message-textarea:focus{background:#fff}.sms-counter-bar{display:flex;align-items:center;gap:.75rem;padding:.4rem 1.25rem;background:#f8fafc;border-bottom:1px solid #f1f5f9;font-size:.8rem;color:#64748b}.sms-counter-bar .over{color:#ef4444;font-weight:700}.sms-parts{color:#f97316;font-weight:600}.attachment-area{padding:.75rem 1.25rem;border-bottom:1px solid #f1f5f9}.attach-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;border:1.5px dashed #cbd5e1;background:#f8fafc;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.attach-btn:hover{border-color:#6366f1;color:#6366f1;background:#eef2ff}.attachment-preview{position:relative;display:inline-flex;align-items:center;gap:.5rem;max-width:100%}.attachment-preview img{max-height:80px;border-radius:8px;border:1px solid #e2e8f0}.pdf-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fef2f2;border-radius:8px;color:#ef4444;font-size:.85rem;font-weight:600}.remove-attach{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.quick-templates{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.75rem 1.25rem;border-bottom:1px solid #f1f5f9}.quick-templates span{font-size:.8rem;color:#94a3b8;font-weight:600}.quick-templates button{padding:.3rem .7rem;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:.75rem;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap}.quick-templates button:hover{border-color:#6366f1;color:#6366f1}.composer-actions{display:flex;gap:.75rem;padding:1rem 1.25rem;align-items:center}.preview-btn{display:flex;align-items:center;gap:.4rem;padding:.7rem 1.25rem;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.preview-btn:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.preview-btn:disabled{opacity:.4;cursor:not-allowed}.send-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;border:none;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;color:#fff}.send-action-btn.whatsapp{background:#25d366}.send-action-btn.whatsapp:hover:not(.disabled){background:#1ebe5d;box-shadow:0 6px 16px #25d36666}.send-action-btn.sms{background:#3b82f6}.send-action-btn.sms:hover:not(.disabled){background:#2563eb;box-shadow:0 6px 16px #3b82f666}.send-action-btn.disabled{opacity:.45;cursor:not-allowed}.send-action-btn.success{background:#10b981}.send-hint{margin:0 1.25rem 1rem;font-size:.8rem;color:#94a3b8}.preview-label{font-size:.8rem;font-weight:600;color:#94a3b8}.preview-device-wrap{padding:1.25rem;display:flex;justify-content:center}.wa-phone-frame{width:270px;background:#e5ddd5;border-radius:28px;overflow:hidden;box-shadow:0 20px 40px #0000002e,0 0 0 8px #1a1a1a,0 0 0 10px #333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;isolation:isolate}.wa-status-bar{background:#075e54;display:flex;justify-content:space-between;align-items:center;padding:6px 14px 4px;font-size:.65rem;color:#fff;font-weight:600}.wa-status-icons{display:flex;gap:5px;font-size:.6rem}.wa-header{background:#075e54;display:flex;align-items:center;gap:8px;padding:8px 12px 10px}.wa-back{color:#fff;font-size:.85rem}.wa-contact-avatar{width:34px;height:34px;border-radius:50%;background:#128c7e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.wa-contact-info{flex:1}.wa-contact-name{display:block;color:#fff;font-size:.85rem;font-weight:600}.wa-contact-status{display:block;color:#ffffffb3;font-size:.65rem}.wa-header-icons{display:flex;gap:12px;color:#fff;font-size:.85rem}.wa-chat-bg{background:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c8bdb5' fill-opacity='0.3'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");min-height:280px;padding:10px 8px;display:flex;flex-direction:column;gap:6px}.wa-date-chip{text-align:center;font-size:.65rem;color:#667781;background:#ffffffb3;border-radius:8px;padding:2px 8px;align-self:center;margin-bottom:4px}.wa-bubble-out{background:#dcf8c6;border-radius:12px 0 12px 12px;padding:6px 8px 4px;max-width:85%;align-self:flex-end;box-shadow:0 1px 2px #0000001a}.wa-image-attach img{width:100%;border-radius:8px;display:block;margin-bottom:4px}.wa-pdf-attach{display:flex;align-items:center;gap:6px;background:#0000000f;border-radius:8px;padding:6px 8px;margin-bottom:4px;font-size:.7rem;color:#333}.wa-pdf-attach i{color:#ef4444;font-size:1rem}.wa-msg-text{margin:0;font-size:.8rem;color:#111;line-height:1.4;word-break:break-word}.wa-msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px;font-size:.6rem;color:#667781}.wa-ticks{color:#53bdeb}.wa-empty-hint{text-align:center;color:#94a3b8;font-size:.75rem;margin:auto;padding:2rem 0}.wa-input-bar{background:#f0f0f0;display:flex;align-items:center;gap:8px;padding:6px 10px;position:relative;z-index:1}.wa-input-bar i{color:#667781;font-size:1rem}.wa-input-field{flex:1;background:#fff;border-radius:20px;padding:6px 12px;font-size:.75rem;color:#aaa}.wa-mic-btn{width:32px;height:32px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;position:relative;z-index:1}.sms-phone-frame{width:270px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 20px 40px #0000002e,0 0 0 8px #1a1a1a,0 0 0 10px #333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column}.sms-status-bar{background:#1c1c1e;display:flex;justify-content:space-between;align-items:center;padding:6px 14px 4px;font-size:.65rem;color:#fff;font-weight:600}.sms-status-icons{display:flex;gap:5px;font-size:.6rem}.sms-header{background:#f2f2f7;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e5e5ea}.sms-header i{color:#007aff;font-size:1rem}.sms-contact{display:flex;align-items:center;gap:8px}.sms-contact-icon{width:34px;height:34px;border-radius:50%;background:#007aff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem}.sms-contact-name{font-size:.85rem;font-weight:700;color:#1c1c1e}.sms-contact-num{font-size:.65rem;color:#8e8e93}.sms-chat-area{flex:1;background:#fff;padding:12px 10px;min-height:240px;display:flex;flex-direction:column;gap:6px}.sms-date-label{text-align:center;font-size:.65rem;color:#8e8e93;margin-bottom:4px}.sms-bubble{background:#e5e5ea;border-radius:16px 16px 16px 4px;padding:8px 12px;max-width:85%;align-self:flex-start}.sms-bubble p{margin:0;font-size:.8rem;color:#1c1c1e;line-height:1.4;word-break:break-word}.sms-time{display:block;font-size:.6rem;color:#8e8e93;margin-top:3px}.sms-empty-hint{text-align:center;color:#94a3b8;font-size:.75rem;margin:auto;padding:2rem 0}.sms-char-counter{display:flex;gap:.75rem;align-items:center;padding:4px 12px;background:#f2f2f7;font-size:.7rem;color:#8e8e93;border-top:1px solid #e5e5ea}.sms-char-counter .over-limit{color:#ff3b30;font-weight:700}.sms-warn{color:#ff9500;font-weight:600}.sms-input-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f2f2f7;border-top:1px solid #e5e5ea}.sms-input-field{flex:1;background:#fff;border-radius:18px;padding:6px 12px;font-size:.75rem;color:#aaa;border:1px solid #e5e5ea}.sms-send-btn{width:30px;height:30px;border-radius:50%;background:#007aff;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer}.preview-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.preview-modal{background:#fff;border-radius:24px;width:100%;max-width:780px;box-shadow:0 25px 50px #00000040;overflow:hidden}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9}.preview-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.preview-modal-header button{width:32px;height:32px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.preview-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem}.preview-modal-device{display:flex;justify-content:center;align-items:flex-start}.preview-modal-info h4{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#1e293b}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f8fafc;font-size:.875rem}.summary-row span{color:#64748b}.summary-row strong{color:#1e293b}.preview-recipients-list{margin-top:1rem}.preview-recipients-list h5{margin:0 0 .5rem;font-size:.85rem;color:#64748b;font-weight:600}.preview-recipient{display:flex;align-items:center;gap:.6rem;padding:.4rem 0;border-bottom:1px solid #f8fafc;font-size:.85rem;color:#1e293b}.preview-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-avatar.class-av{background:#eff6ff;color:#3b82f6}.preview-phone{font-size:.75rem;color:#94a3b8}.send-action-btn.modal-send{width:100%;margin-top:1.25rem;padding:.85rem;font-size:1rem}@media(max-width:1100px){.comm-v2-body{grid-template-columns:260px 1fr}.comm-preview-panel{display:none}}@media(max-width:768px){.comm-v2-container{padding:1rem}.comm-v2-body{grid-template-columns:1fr}.comm-v2-header{flex-direction:column;align-items:flex-start}.preview-modal-body{grid-template-columns:1fr}}.teacher-scope-notice{display:flex;align-items:center;gap:.5rem;margin:0 .75rem .25rem;padding:.5rem .75rem;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;font-size:.78rem;font-weight:600;color:#92400e}.teacher-scope-notice i{color:#d97706;font-size:.75rem}.class-item-wrap{border-radius:12px;margin-bottom:4px;border:1.5px solid transparent;overflow:hidden;transition:border-color .15s}.class-item-wrap.selected{border-color:#c7d2fe;background:#eef2ff}.class-item-wrap .class-item{margin-bottom:0;border-radius:0;background:transparent}.class-item-wrap:not(.selected) .class-item:hover{background:#f8fafc}.class-view-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:.72rem;font-weight:600;color:#6366f1;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.class-view-btn:hover{background:#eef2ff;border-color:#c7d2fe}.class-view-btn i{font-size:.6rem}.class-students-drawer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:.5rem .5rem .25rem;animation:slideDown .2s ease-out}.class-students-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .5rem;font-size:.75rem;font-weight:700;color:#64748b}.select-all-btn{border:none;background:none;font-size:.72rem;font-weight:700;color:#6366f1;cursor:pointer;text-decoration:underline;padding:0}.class-student-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:8px;cursor:pointer;transition:background .12s}.class-student-row:hover,.class-student-row.checked{background:#eef2ff}.user-avatar.small{width:28px;height:28px;font-size:.65rem}.erm-stat-card{background:#fff;border-radius:12px;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;border:1px solid #ebebf5;box-shadow:0 1px 3px #0000000a}.erm-page{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;background:#f5f5fa;min-height:100%}.erm-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0f172a,#1e3a8a,#2563eb);border-radius:16px;padding:1.5rem 2rem;gap:1rem;flex-wrap:wrap;box-shadow:0 10px 30px -5px #2563eb59}.erm-header__left{display:flex;align-items:center;gap:1rem}.erm-header__icon{width:44px;height:44px;border-radius:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0}.erm-header h1{font-size:1.4rem;font-weight:800;color:#fff;margin:0 0 .2rem}.erm-header p{font-size:.82rem;color:#ffffffbf;margin:0}.erm-create-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.125rem;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap;font-family:inherit}.erm-create-btn:hover{background:#ffffff47}.erm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem}.erm-stat-card{background:#fff;border-radius:12px;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;border:2px solid transparent;box-shadow:0 1px 3px #0000000a;transition:all .2s}.erm-stat-card:hover{border-color:#ebebf5;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.erm-stat-card--active{border-color:#4f46e5;background:#fff;box-shadow:0 4px 12px #4f46e51a}.erm-stat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.erm-stat-val{font-size:1.25rem;font-weight:800;color:#111827;line-height:1}.erm-stat-lbl{font-size:.62rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.erm-tabs{display:flex;gap:.4rem;background:#fff;border-radius:12px;padding:.75rem 1.25rem;border:1px solid #ebebf5}.erm-tab{display:flex;align-items:center;gap:.4rem;padding:.35rem .875rem;border-radius:8px;border:1.5px solid transparent;background:#f3f4f6;color:#6b7280;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.erm-tab:hover{background:#e5e7eb;color:#111827}.erm-tab--active{background:#eff6ff;color:#4f46e5;border-color:#c7d2fe}.erm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:.75rem;color:#9ca3af}.erm-spinner{width:28px;height:28px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:erm-spin .7s linear infinite}@keyframes erm-spin{to{transform:rotate(360deg)}}.erm-list{display:flex;flex-direction:column;gap:.625rem}.erm-card{background:#fff;border-radius:12px;border:1px solid #ebebf5;display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s}.erm-card:hover{box-shadow:0 4px 14px #00000012}.erm-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.erm-card__body{flex:1;min-width:0}.erm-card__title{font-size:.9rem;font-weight:700;color:#111827;margin-bottom:.3rem}.erm-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.68rem;color:#6b7280;font-weight:600;margin-bottom:.3rem}.erm-card__meta i{margin-right:3px}.erm-card__desc{font-size:.78rem;color:#9ca3af;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.erm-card__link{font-size:.72rem;font-weight:600;color:#db2777;display:inline-flex;align-items:center;gap:4px;margin-top:4px;text-decoration:none}.erm-card__link:hover{opacity:.75}.erm-card__actions{display:flex;gap:.4rem;flex-shrink:0}.erm-action-btn{width:30px;height:30px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s}.erm-action-btn--edit{background:#eff6ff;color:#4f46e5}.erm-action-btn--edit:hover{background:#e0e7ff}.erm-action-btn--del{background:#fef2f2;color:#ef4444}.erm-action-btn--del:hover{background:#fee2e2}.erm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:.75rem;color:#d1d5db;background:#fff;border-radius:12px;border:1px solid #ebebf5}.erm-empty i{font-size:2.5rem}.erm-empty p{font-size:.82rem;color:#9ca3af;margin:0}.erm-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.erm-modal{background:#fff;border-radius:18px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0000002e;animation:erm-slide-up .25s cubic-bezier(.16,1,.3,1)}@keyframes erm-slide-up{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.erm-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6;position:sticky;top:0;background:#fff;z-index:2}.erm-modal__header h3{font-size:1rem;font-weight:800;color:#111827;margin:0}.erm-modal__header button{width:30px;height:30px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem}.erm-modal__header button:hover{background:#e5e7eb}.erm-modal__body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.erm-modal__footer{display:flex;justify-content:flex-end;gap:.625rem;padding:1rem 1.5rem;border-top:1px solid #f3f4f6;position:sticky;bottom:0;background:#fff;z-index:2}.erm-field{display:flex;flex-direction:column;gap:.35rem}.erm-field label{font-size:.72rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.erm-field__hint{font-weight:400;color:#9ca3af;text-transform:none;letter-spacing:0}.erm-field input,.erm-field select,.erm-field textarea{padding:.5rem .75rem;border:1.5px solid #e5e7eb;border-radius:9px;font-size:.82rem;color:#111827;background:#f9fafb;outline:none;transition:border-color .2s;font-family:inherit;width:100%;box-sizing:border-box;resize:vertical}.erm-field input:focus,.erm-field select:focus,.erm-field textarea:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.erm-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.erm-icon-grid{display:flex;flex-wrap:wrap;gap:6px}.erm-icon-opt{width:34px;height:34px;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#6b7280;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.erm-icon-opt:hover{background:#eff6ff;color:#4f46e5;border-color:#c7d2fe}.erm-icon-opt--active{background:#eff6ff;color:#4f46e5;border-color:#4f46e5}.erm-btn{padding:.5rem 1.125rem;border-radius:9px;border:none;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s;font-family:inherit}.erm-btn--cancel{background:#f3f4f6;color:#374151}.erm-btn--cancel:hover{background:#e5e7eb}.erm-btn--save{background:#4f46e5;color:#fff}.erm-btn--save:hover:not(:disabled){background:#4338ca}.erm-btn--save:disabled{opacity:.5;cursor:not-allowed}.erm-btn--danger{background:#ef4444;color:#fff}.erm-btn--danger:hover{background:#dc2626}.erm-confirm{background:#fff;border-radius:16px;padding:2rem 1.5rem;text-align:center;max-width:320px;width:100%;box-shadow:0 24px 60px #0000002e}.erm-confirm__icon{width:52px;height:52px;border-radius:50%;background:#fef2f2;color:#ef4444;font-size:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.erm-confirm h3{font-size:1rem;font-weight:700;color:#111827;margin:0 0 .4rem}.erm-confirm p{font-size:.82rem;color:#6b7280;margin:0 0 1.25rem}.erm-confirm__actions{display:flex;gap:.625rem;justify-content:center}@media(max-width:640px){.erm-stats{grid-template-columns:1fr 1fr 1fr}.erm-row-2{grid-template-columns:1fr}.erm-modal{max-width:100%;border-radius:18px 18px 0 0}.erm-overlay{align-items:flex-end;padding:0}}.erm-questions-section{display:flex;flex-direction:column;gap:.75rem;border-top:1.5px solid #f3f4f6;padding-top:1rem;margin-top:.25rem}.erm-questions-head{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:700;color:#374151}.erm-add-q-btn{display:flex;align-items:center;gap:5px;padding:.35rem .875rem;border-radius:8px;border:1.5px solid #c7d2fe;background:#eff6ff;color:#4f46e5;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.erm-add-q-btn:hover{background:#e0e7ff}.erm-question-card{border:1.5px solid #e5e7eb;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#fafafa}.erm-question-card__head{display:flex;align-items:center;justify-content:space-between}.erm-question-card__num{font-size:.72rem;font-weight:700;color:#4f46e5;background:#eff6ff;padding:2px 8px;border-radius:20px}.erm-question-card__del{width:24px;height:24px;border-radius:50%;border:none;background:#fef2f2;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:background .15s}.erm-question-card__del:hover{background:#fee2e2}.erm-options-grid{display:flex;flex-direction:column;gap:.4rem}.erm-option-row{display:flex;align-items:center;gap:.5rem}.erm-option-label{width:22px;height:22px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.erm-option-row input{flex:1;padding:.4rem .625rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.8rem;color:#111827;background:#fff;outline:none;font-family:inherit}.erm-option-row input:focus{border-color:#4f46e5}.erm-correct-btn{width:28px;height:28px;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#d1d5db;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .15s;flex-shrink:0}.erm-correct-btn:hover,.erm-correct-btn--active{border-color:#16a34a;color:#16a34a;background:#f0fdf4}.erm-correct-hint{font-size:.72rem;color:#16a34a;display:flex;align-items:center;gap:5px}.erm-no-questions{font-size:.78rem;color:#9ca3af;text-align:center;padding:1.5rem;border:1.5px dashed #e5e7eb;border-radius:10px}@media(max-width:640px){.erm-stats{grid-template-columns:repeat(2,1fr)}}:root{--aptitude-primary: #2563eb;--aptitude-primary-dark: #1d4ed8;--aptitude-bg: #ffffff;--aptitude-card: #ffffff;--aptitude-text: #1e293b;--aptitude-text-light: #64748b;--aptitude-text-secondary: #94a3b8;--aptitude-border: #e2e8f0;--aptitude-border-light: #f1f5f9;--aptitude-surface: #f8fafc;--aptitude-surface-hover: #f1f5f9;--aptitude-accent: #10b981;--aptitude-danger: #ef4444;--aptitude-warning: #f59e0b;--aptitude-success: #22c55e;--aptitude-shadow: rgba(0, 0, 0, .1);--aptitude-shadow-light: rgba(0, 0, 0, .05)}[data-theme=dark]{--aptitude-primary: #3b82f6;--aptitude-primary-dark: #2563eb;--aptitude-bg: #0a0a0a;--aptitude-card: #1a1a1a;--aptitude-text: #f1f5f9;--aptitude-text-light: #94a3b8;--aptitude-text-secondary: #64748b;--aptitude-border: rgba(255, 255, 255, .1);--aptitude-border-light: rgba(255, 255, 255, .05);--aptitude-surface: rgba(255, 255, 255, .02);--aptitude-surface-hover: rgba(255, 255, 255, .05);--aptitude-accent: #34d399;--aptitude-danger: #f87171;--aptitude-warning: #fbbf24;--aptitude-success: #4ade80;--aptitude-shadow: rgba(0, 0, 0, .3);--aptitude-shadow-light: rgba(0, 0, 0, .2)}.aptitude-management{padding:2rem;background:var(--aptitude-bg);min-height:100vh;animation:fadeIn .4s ease-out;transition:background-color .3s ease}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.module-header h1{font-size:1.875rem;color:var(--aptitude-text);font-weight:700;transition:color .3s ease}.module-header p{color:var(--aptitude-text-light);margin-top:.25rem;transition:color .3s ease}.header-actions{display:flex;gap:1rem}.primary-btn{background:var(--aptitude-primary);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.primary-btn:hover{background:var(--aptitude-primary-dark);transform:translateY(-1px)}.secondary-btn{background:var(--aptitude-card);color:var(--aptitude-text-light);border:1px solid var(--aptitude-border);padding:.625rem 1.25rem;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:var(--aptitude-surface);border-color:var(--aptitude-text-secondary)}.management-tabs{display:flex;gap:2rem;border-bottom:1px solid var(--aptitude-border);margin-bottom:2rem;background:var(--aptitude-card);padding:0 1rem;border-radius:12px 12px 0 0;transition:all .3s ease}.tab-btn{background:none;border:none;padding:1rem 0;color:var(--aptitude-text-light);font-weight:500;cursor:pointer;position:relative;transition:color .2s}.tab-btn.active{color:var(--aptitude-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--aptitude-primary)}.tab-btn i{margin-right:.5rem}.content-management-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start}.form-card{background:var(--aptitude-card);border-radius:12px;border:1px solid var(--aptitude-border);box-shadow:0 1px 3px var(--aptitude-shadow-light);overflow:hidden;transition:all .3s ease}.form-card.full-width{grid-column:1 / -1}.card-header-styled{padding:1.25rem 1.5rem;background:var(--aptitude-surface);border-bottom:1px solid var(--aptitude-border);display:flex;align-items:center;gap:.875rem;transition:background-color .3s ease}.card-header-styled i{color:var(--aptitude-primary);font-size:1.25rem}.card-header-styled h3{font-size:1.125rem;color:var(--aptitude-text);font-weight:600;transition:color .3s ease}.management-form{padding:1.5rem}.form-group-custom{margin-bottom:1.25rem}.form-group-custom label{display:block;font-size:.875rem;font-weight:600;color:var(--aptitude-text-light);margin-bottom:.5rem;transition:color .3s ease}.form-group-custom input,.form-group-custom select,.form-group-custom textarea{width:100%;padding:.75rem;background:var(--aptitude-card);border:1px solid var(--aptitude-border);border-radius:8px;font-size:.9375rem;color:var(--aptitude-text);outline:none;transition:all .2s}.form-group-custom input:focus,.form-group-custom select:focus,.form-group-custom textarea:focus{border-color:var(--aptitude-primary);background:var(--aptitude-card);box-shadow:0 0 0 3px #2563eb14}.form-row-custom{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem}.form-row-three{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-actions-inline{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.placeholder-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;color:var(--aptitude-text-secondary);background:var(--aptitude-surface);border-radius:12px;border:2px dashed var(--aptitude-border);transition:all .3s ease}.placeholder-view i{font-size:3rem;margin-bottom:1rem}.placeholder-view p{font-size:1.125rem;font-weight:500}.video-management-layout{display:flex;flex-direction:column;gap:2rem}.existing-content-card{background:var(--aptitude-card);border-radius:12px;border:1px solid var(--aptitude-border);transition:all .3s ease}.existing-list-placeholder{padding:3rem;text-align:center;color:var(--aptitude-text-secondary);background:var(--aptitude-surface);transition:all .3s ease}.quiz-management-layout{display:flex;flex-direction:column;gap:2rem}.questions-builder-section{margin:2rem 0;display:flex;flex-direction:column;gap:1.5rem}.question-builder-card{background:var(--aptitude-surface);border:1px solid var(--aptitude-border);border-radius:10px;padding:1.5rem;transition:all .3s ease}.qb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.qb-header h4{color:var(--aptitude-text);font-weight:600;transition:color .3s ease}.remove-qb-btn{background:none;border:1px solid var(--aptitude-danger);color:var(--aptitude-danger);padding:.4rem .8rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.remove-qb-btn:hover{background:#ef44441a}[data-theme=dark] .remove-qb-btn:hover{background:#f871711a}.add-qb-btn{align-self:flex-start;background:var(--aptitude-card);border:2px dashed var(--aptitude-border);color:var(--aptitude-text-light);padding:1rem 2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.add-qb-btn:hover{border-color:var(--aptitude-primary);color:var(--aptitude-primary);background:#2563eb0d}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.category-card{background:var(--aptitude-card);border-radius:12px;padding:1.5rem;border:1px solid var(--aptitude-border);transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px var(--aptitude-shadow);border-color:var(--aptitude-primary)}.category-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.icon-box{width:48px;height:48px;background:#2563eb1a;color:var(--aptitude-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s ease}[data-theme=dark] .icon-box{background:#3b82f633}.actions{display:flex;gap:.5rem}.actions button{background:none;border:none;color:var(--aptitude-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.actions button:hover{background:var(--aptitude-surface-hover);color:var(--aptitude-text-light)}.category-card h3{font-size:1.125rem;color:var(--aptitude-text);font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.category-card p{font-size:.875rem;color:var(--aptitude-text-light);transition:color .3s ease}.category-card .card-footer{border-top:1px solid var(--aptitude-border-light);margin-top:1.25rem;padding-top:1rem;display:flex;justify-content:space-between}.text-btn{background:none;border:none;color:var(--aptitude-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:color .3s ease}.text-btn:hover{text-decoration:underline}.add-category-card{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#94a3b8;cursor:pointer;transition:all .2s;min-height:200px}.add-category-card:hover{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.add-category-card i{font-size:2rem}.filter-bar{display:flex;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.search-box{position:relative;flex-grow:1;max-width:500px}.search-box i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.search-box input{width:100%;padding:.625rem 1rem .625rem 2.75rem;background:var(--aptitude-card);border:1px solid var(--aptitude-border);border-radius:8px;outline:none;transition:border-color .2s;color:var(--aptitude-text)}.search-box input:focus{border-color:var(--aptitude-primary);box-shadow:0 0 0 3px #2563eb1a}.other-filters{display:flex;gap:.75rem}.other-filters select{padding:.625rem 1rem;background:var(--aptitude-card);border:1px solid var(--aptitude-border);border-radius:8px;color:var(--aptitude-text-light);cursor:pointer;transition:all .3s ease}.questions-table-container{background:var(--aptitude-card);border-radius:12px;border:1px solid var(--aptitude-border);overflow:hidden;transition:all .3s ease}.management-table{width:100%;border-collapse:collapse}.table-wrapper-custom{padding:0 1.5rem 1.5rem}.management-table th{background:var(--aptitude-surface);padding:1rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--aptitude-text-light);border-bottom:1px solid var(--aptitude-border);transition:all .3s ease}.management-table td{padding:1rem;border-bottom:1px solid var(--aptitude-border-light);color:var(--aptitude-text);transition:all .3s ease}.management-table tr:hover{background:var(--aptitude-surface)}.question-cell{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge.beginner{background:#22c55e1a;color:var(--aptitude-success)}.badge.intermediate{background:#f59e0b1a;color:var(--aptitude-warning)}.badge.advanced{background:#ef44441a;color:var(--aptitude-danger)}.icon-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:var(--aptitude-text-light);transition:all .2s}.icon-btn:hover{background:var(--aptitude-surface-hover);color:var(--aptitude-primary)}.icon-btn.delete:hover{background:#ef44441a;color:var(--aptitude-danger)}[data-theme=dark] .icon-btn.delete:hover{background:#f871711a}.actions-cell{display:flex;gap:.5rem}.fa-clock{margin-right:4px;color:#94a3b8}code{background:#f1f5f9;padding:.2rem .4rem;border-radius:4px;color:#475569;font-family:Courier New,Courier,monospace;font-size:.8125rem}.loading-overlay-custom{position:fixed;inset:0;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.grouped-content-list{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.topic-group-card{border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden}.topic-group-header{background:#f8fafc;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.topic-info{display:flex;align-items:center;gap:1rem}.topic-badge{background:#e0e7ff;color:#4338ca;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.topic-info h4{font-size:1.1rem;color:#1e293b;margin:0}.sections-draggable-list{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.draggable-section-item{display:flex;align-items:center;padding:.75rem 1rem;background:#fff;border:1px solid #f1f5f9;border-radius:8px;cursor:grab;transition:all .2s}.draggable-section-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(4px)}.draggable-section-item:active{cursor:grabbing;background:#f1f7ff}.drag-handle{color:#94a3b8;margin-right:1.25rem;font-size:.9rem}.section-meta{flex:1;display:flex;align-items:center;gap:1.5rem}.sec-key{font-family:monospace;color:#64748b;font-size:.85rem;background:#f1f5f9;padding:.2rem .4rem;border-radius:4px}.sec-title{color:#334155;font-weight:500}.section-actions{display:flex;gap:.25rem}.icon-btn.sm{padding:6px;font-size:.8rem}.no-sections-hint{padding:1.5rem;text-align:center;color:#94a3b8;font-style:italic;font-size:.9rem}.empty-state-p{text-align:center;padding:3rem;color:#64748b;background:#f8fafc;border-radius:12px;border:2px dashed #e2e8f0}.mini-tag{display:inline-block;background:#f1f5f9;color:#475569;padding:2px 8px;border-radius:4px;font-size:.75rem;margin-right:4px;margin-bottom:4px;border:1px solid #e2e8f0}.admin-video-thumb{width:100px;height:56px;border-radius:8px;overflow:hidden;background:var(--aptitude-surface);display:flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--aptitude-border);transition:all .3s ease}.admin-video-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:2}.admin-video-thumb i.fallback-icon{position:absolute;font-size:1.5rem;color:var(--aptitude-text-secondary);z-index:1}.admin-video-thumb.broken img{display:none}.search-box i,.fa-clock{color:var(--aptitude-text-secondary)}.topic-group-card{border:1px solid var(--aptitude-border);background:var(--aptitude-card);transition:all .3s ease}.topic-group-header{background:var(--aptitude-surface);border-bottom:1px solid var(--aptitude-border);transition:background-color .3s ease}.topic-badge{background:#2563eb1a;color:var(--aptitude-primary);transition:all .3s ease}[data-theme=dark] .topic-badge{background:#3b82f633}.topic-info h4{color:var(--aptitude-text);transition:color .3s ease}.draggable-section-item{background:var(--aptitude-card);border:1px solid var(--aptitude-border-light);transition:all .2s}.draggable-section-item:hover{background:var(--aptitude-surface);border-color:var(--aptitude-border)}.draggable-section-item:active{background:#2563eb0d}[data-theme=dark] .draggable-section-item:active{background:#3b82f61a}.drag-handle{color:var(--aptitude-text-secondary)}.sec-key{color:var(--aptitude-text-light);background:var(--aptitude-surface);border:1px solid var(--aptitude-border);transition:all .3s ease}.sec-title{color:var(--aptitude-text);transition:color .3s ease}.no-sections-hint{color:var(--aptitude-text-secondary)}.empty-state-p{color:var(--aptitude-text-light);background:var(--aptitude-surface);border:2px dashed var(--aptitude-border);transition:all .3s ease}.mini-tag{background:var(--aptitude-surface);color:var(--aptitude-text-light);border:1px solid var(--aptitude-border);transition:all .3s ease}.admin-video-thumb{background:var(--aptitude-text);border:1px solid var(--aptitude-border);transition:all .3s ease}.add-category-card{background:var(--aptitude-surface);border:2px dashed var(--aptitude-border);color:var(--aptitude-text-secondary);transition:all .2s}.add-category-card:hover{background:var(--aptitude-surface-hover);border-color:var(--aptitude-text-secondary);color:var(--aptitude-text-light)}code{background:var(--aptitude-surface);color:var(--aptitude-text-light);border:1px solid var(--aptitude-border);transition:all .3s ease}.loading-overlay-custom{background:#ffffffb3;transition:background-color .3s ease}[data-theme=dark] .loading-overlay-custom{background:#000000b3}.spinner{border:4px solid var(--aptitude-border);border-top:4px solid var(--aptitude-primary)}@media(max-width:1200px){.content-management-grid{grid-template-columns:1fr;gap:1.5rem}.form-row-three{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.aptitude-management{padding:1.5rem 1rem}.module-header{flex-direction:column;align-items:flex-start;gap:1rem}.management-tabs{gap:1rem;padding:0 .5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 -1rem 2rem;border-radius:0}.management-tabs::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0;padding:1rem .5rem}.form-row-custom,.form-row-three{grid-template-columns:1fr;gap:.75rem}.options-grid,.categories-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;gap:1rem}.other-filters{justify-content:flex-start;flex-wrap:wrap}.management-table{font-size:.875rem}.management-table th,.management-table td{padding:.75rem .5rem}.question-cell{max-width:200px}.form-card{border-radius:8px}.card-header-styled,.management-form{padding:1rem}}@media(max-width:480px){.aptitude-management{padding:1rem .75rem}.module-header h1{font-size:1.5rem}.form-actions-inline{flex-direction:column;gap:.5rem}.primary-btn,.secondary-btn{width:100%;justify-content:center}.management-table th,.management-table td{padding:.5rem .25rem;font-size:.8rem}.actions-cell{flex-direction:column;gap:.25rem}.icon-btn{padding:6px}}@media(prefers-contrast:high){.form-card,.existing-content-card,.questions-table-container{border-width:2px}.tab-btn.active:after{height:3px}}@media(prefers-reduced-motion:reduce){.aptitude-management,.form-card,.category-card,.draggable-section-item{animation:none;transition:none}.category-card:hover,.draggable-section-item:hover{transform:none}}.empty-materials-message{text-align:center!important;padding:2rem!important;color:var(--aptitude-text-secondary)!important;font-style:italic}.jp-container{padding:1.25rem;background:var(--bg-secondary, #f5f5fa);min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem}.jp-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:relative;overflow:hidden;color:#fff}.jp-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.jp-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.jp-title-section h1{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.jp-title-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);flex-shrink:0}.jp-title-icon i{color:#fff;font-size:1rem}.jp-title-section p{font-size:.875rem;color:#ffffffbf;margin:0;position:relative;z-index:1}.jp-add-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:9px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit;position:relative;z-index:1}.jp-add-btn:hover{background:#ffffff47;transform:translateY(-1px)}.jp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem}.jp-stat-card{background:var(--card-bg, #ffffff);padding:.875rem 1rem;border-radius:12px;border:1px solid var(--border-color, #ebebf5);display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .04));transition:box-shadow .15s,transform .15s}.jp-stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md, 0 3px 10px rgba(0, 0, 0, .07))}.jp-stat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.jp-stat-icon--purple{background:#4f46e51f;color:var(--primary-color, #4f46e5)}.jp-stat-icon--green{background:#10b9811f;color:var(--success-color, #10b981)}.jp-stat-icon--red{background:#ef44441f;color:var(--error-color, #ef4444)}.jp-stat-icon--orange{background:#f59e0b1f;color:var(--warning-color, #f59e0b)}.jp-stat-content{display:flex;flex-direction:column;gap:1px}.jp-stat-label{font-size:.62rem;color:var(--text-muted, #9ca3af);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.jp-stat-value{font-size:1.25rem;font-weight:800;color:var(--text-primary, #111827);line-height:1}.jp-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;background:var(--card-bg, #ffffff);padding:.875rem 1rem;border-radius:12px;border:1px solid var(--border-color, #ebebf5);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .04))}.jp-search-box{position:relative;flex:1;min-width:220px}.jp-search-box i{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted, #9ca3af);font-size:.8rem;pointer-events:none}.jp-search-box input{width:100%;padding:.6rem 2.25rem;border:1.5px solid var(--border-color, #e5e7eb);border-radius:9px;font-size:.82rem;background:var(--bg-primary, #f9fafb);color:var(--text-primary, #111827);font-family:inherit;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}.jp-search-box input:focus{border-color:var(--primary-color, #4f46e5);background:var(--card-bg, #ffffff);box-shadow:0 0 0 3px #4f46e514}.jp-search-box input::-moz-placeholder{color:var(--text-muted, #9ca3af)}.jp-search-box input::placeholder{color:var(--text-muted, #9ca3af)}.jp-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted, #9ca3af);cursor:pointer;font-size:.75rem;padding:0;display:flex;align-items:center;transition:color .15s}.jp-search-clear:hover{color:var(--text-primary, #374151)}.jp-filter-chips{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.jp-filter-select{padding:.55rem .875rem;border:1.5px solid var(--border-color, #e5e7eb);border-radius:9px;font-size:.8rem;background:var(--bg-primary, #f9fafb);color:var(--text-primary, #374151);font-family:inherit;cursor:pointer;outline:none;transition:border-color .2s}.jp-filter-select:focus{border-color:var(--primary-color, #4f46e5);box-shadow:0 0 0 3px #4f46e514}.jp-clear-filters{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .875rem;border:1.5px solid var(--error-bg, #fecaca);border-radius:9px;background:var(--error-bg-subtle, #fef2f2);color:var(--error-color, #ef4444);font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.jp-clear-filters:hover{background:var(--error-color, #ef4444);color:#fff;border-color:var(--error-color, #ef4444)}.jp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.jp-empty{grid-column:1 / -1;text-align:center;padding:3rem 2rem;color:var(--text-muted, #9ca3af);font-size:.82rem;background:var(--bg-secondary, #fafafa);border-radius:14px;border:1.5px dashed var(--border-color, #e5e7eb)}.jp-empty i{font-size:2rem;margin-bottom:.75rem;display:block;opacity:.4}.jp-empty p{font-size:.9rem;font-weight:600;color:var(--text-primary, #374151);margin:0 0 .25rem}.jp-empty span{font-size:.78rem;color:var(--text-muted, #9ca3af)}.jp-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #ebebf5);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm, 0 1px 4px rgba(0, 0, 0, .05));transition:box-shadow .2s,transform .2s}.jp-card:hover{box-shadow:var(--shadow-lg, 0 8px 28px rgba(79, 70, 229, .13));transform:translateY(-3px)}.jp-card__banner{position:relative;height:80px;background:linear-gradient(135deg,var(--bg-primary, #f8fafc) 0%,var(--bg-secondary, #f1f5f9) 100%);border-bottom:1px solid var(--border-color, #f0f0f8);display:flex;align-items:center;padding:0 1rem;justify-content:space-between}.jp-card__logo-wrap{width:52px;height:52px;border-radius:12px;overflow:hidden;background:var(--card-bg, #ffffff);border:1.5px solid var(--border-color, #e5e7eb);box-shadow:0 2px 8px #00000014;flex-shrink:0;display:flex;align-items:center;justify-content:center}.jp-card__logo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.jp-card__badges{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.jp-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.jp-badge--status{color:#fff}.jp-badge--urgent{background:#ef44441a;color:var(--error-color, #ef4444);border:1px solid rgba(239,68,68,.2)}.jp-badge--remote{background:#10b9811a;color:var(--success-color, #10b981);border:1px solid rgba(16,185,129,.2)}.jp-card__body{padding:1rem 1rem .75rem;flex:1;display:flex;flex-direction:column;gap:.625rem}.jp-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.jp-card__title{font-size:.95rem;font-weight:700;color:var(--text-primary, #111827);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.jp-card__type{font-size:.68rem;font-weight:700;white-space:nowrap;padding:.2rem .5rem;border-radius:6px;background:#4f46e512;color:var(--primary-color, #4f46e5);flex-shrink:0}.jp-card__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.jp-card__meta span{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-secondary, #6b7280);font-weight:500}.jp-card__meta i{font-size:.68rem;color:var(--text-muted, #9ca3af);width:12px;text-align:center}.jp-card__details{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .75rem;padding:.625rem .75rem;background:var(--bg-primary, #f8fafc);border-radius:9px;border:1px solid var(--border-color, #f0f0f8)}.jp-detail-item{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--text-primary, #374151)}.jp-detail-item i{font-size:.65rem;color:var(--text-muted, #9ca3af);width:12px;text-align:center;flex-shrink:0}.jp-card__skills{display:flex;flex-wrap:wrap;gap:.35rem}.jp-skill-tag{display:inline-flex;align-items:center;padding:.2rem .55rem;background:var(--bg-tertiary, #ede9fe);color:var(--primary-color, #4f46e5);border-radius:20px;font-size:.68rem;font-weight:600;border:1px solid rgba(79,70,229,.15)}.jp-skill-tag--more{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280);border-color:var(--border-color, #e5e7eb)}.jp-card__footer{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;border-top:1px solid var(--border-color, #f0f0f8)}.jp-action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;border:1px solid transparent;transition:all .15s;text-decoration:none;flex:1;justify-content:center}.jp-action-btn--edit{background:#3b82f614;color:#3b82f6;border-color:#3b82f633}.jp-action-btn--edit:hover{background:#3b82f629;border-color:#3b82f659}.jp-action-btn--view{background:#10b98114;color:#10b981;border-color:#10b98133}.jp-action-btn--view:hover{background:#10b98129;border-color:#10b98159}.jp-action-btn--close{background:#f59e0b14;color:#f59e0b;border-color:#f59e0b33}.jp-action-btn--close:hover{background:#f59e0b29;border-color:#f59e0b59}.jp-action-btn--activate{background:#10b98114;color:#10b981;border-color:#10b98133}.jp-action-btn--activate:hover{background:#10b98129;border-color:#10b98159}.jp-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.72rem;transition:all .15s;flex-shrink:0}.jp-icon-btn--danger:hover{background:var(--error-bg-subtle, #fef2f2);color:var(--error-color, #ef4444);border-color:var(--error-bg, #fecaca)}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:jpFadeIn .2s ease}@keyframes jpFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card-bg, #ffffff);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl, 0 32px 80px rgba(0, 0, 0, .2));animation:jpModalUp .25s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-color, #f0f0f8)}.modal-content.large{max-width:800px}@keyframes jpModalUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #f0f0f8);background:var(--bg-secondary, #fafafa)}.modal-header h2{font-size:1.15rem;font-weight:800;color:var(--text-primary, #111827);margin:0;letter-spacing:-.02em}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:background .15s,color .15s}.modal-close:hover{background:var(--hover-bg, #e5e7eb);color:var(--text-primary, #111827)}.create-job-form{padding:1.25rem 1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:.875rem}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.875rem}.form-group label{font-size:.78rem;font-weight:600;color:var(--text-primary, #374151)}.form-group input,.form-group select,.form-group textarea{padding:.65rem .875rem;border-radius:8px;border:1.5px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #f9fafb);font-size:.85rem;color:var(--text-primary, #111827);font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color, #4f46e5);box-shadow:0 0 0 3px #4f46e514;background:var(--card-bg, #ffffff)}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-muted, #9ca3af)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted, #9ca3af)}.form-group textarea{resize:vertical;min-height:80px}.checkbox-row{display:flex;gap:1.5rem;margin:.5rem 0 1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.82rem;font-weight:500;color:var(--text-primary, #374151)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color, #4f46e5)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color, #f0f0f8)}.btn-primary{display:flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;border:none;background:linear-gradient(135deg,var(--primary-color, #4f46e5),#7c3aed);color:#fff;box-shadow:0 4px 12px #4f46e54d;transition:all .15s}.btn-primary:hover{box-shadow:0 6px 16px #4f46e573;transform:translateY(-1px)}.btn-secondary{display:flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #374151);border:1.5px solid var(--border-color, #e5e7eb);transition:all .15s}.btn-secondary:hover{background:var(--hover-bg, #e5e7eb)}.image-upload-container{display:flex;flex-direction:column;gap:.5rem}.jm-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:jmFadeIn .2s ease}@keyframes jmFadeIn{0%{opacity:0}to{opacity:1}}.jm-modal{background:var(--card-bg, #ffffff);border-radius:20px;width:100%;max-width:720px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-2xl, 0 32px 80px rgba(0, 0, 0, .22));display:flex;flex-direction:column;animation:jmModalUp .25s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-color, #f0f0f8)}@keyframes jmModalUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.jm-modal::-webkit-scrollbar{width:4px}.jm-modal::-webkit-scrollbar-track{background:transparent}.jm-modal::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:2px}.jm-modal__header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1.25rem;position:sticky;top:0;background:var(--card-bg, #ffffff);z-index:2;border-bottom:1px solid var(--border-color, #f0f0f8)}.jm-modal__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--primary-color, #4f46e5),#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #4f46e54d}.jm-modal__title{font-size:1.15rem;font-weight:800;color:var(--text-primary, #111827);margin:0 0 2px;letter-spacing:-.02em}.jm-modal__sub{font-size:.78rem;color:var(--text-secondary, #6b7280);margin:0}.jm-modal__close{margin-left:auto;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:background .15s,color .15s}.jm-modal__close:hover{background:var(--error-bg-subtle, #fee2e2);color:var(--error-color, #ef4444)}.jm-divider{height:1px;background:var(--border-color, #f3f4f6);margin:0}.jm-modal__body{padding:0;display:flex;flex-direction:column}.jm-section{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.875rem;background:var(--card-bg, #ffffff)}.jm-section__label{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.125rem}.jm-section__label i{font-size:.72rem;color:var(--text-muted, #9ca3af);width:14px;text-align:center}.jm-scope-box{background:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:.875rem 1rem}.jm-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.jm-field{display:flex;flex-direction:column;gap:.35rem}.jm-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:var(--text-primary, #374151)}.jm-label i{font-size:.7rem;color:var(--text-muted, #9ca3af);width:13px;text-align:center}.jm-req{color:var(--error-color, #ef4444);font-size:.75rem;margin-left:1px}.jm-hint{font-size:.68rem;font-weight:400;color:var(--text-muted, #9ca3af);margin-left:.25rem}.jm-input{padding:.65rem .875rem;border-radius:9px;border:1.5px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #f9fafb);font-size:.85rem;color:var(--text-primary, #111827);font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%;box-sizing:border-box}.jm-input:focus{border-color:var(--primary-color, #4f46e5);box-shadow:0 0 0 3px #4f46e514;background:var(--card-bg, #ffffff)}.jm-input::-moz-placeholder{color:var(--text-muted, #9ca3af)}.jm-input::placeholder{color:var(--text-muted, #9ca3af)}.jm-input:disabled{opacity:.5;cursor:not-allowed}select.jm-input{cursor:pointer}.jm-textarea{resize:vertical;min-height:80px;line-height:1.55}.jm-tags-box{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem;border:1.5px solid var(--border-color, #e5e7eb);border-radius:9px;background:var(--bg-primary, #f9fafb);min-height:44px;transition:border-color .2s,box-shadow .2s,background .2s;cursor:text}.jm-tags-box:focus-within{border-color:var(--primary-color, #4f46e5);box-shadow:0 0 0 3px #4f46e514;background:var(--card-bg, #ffffff)}.jm-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;background:var(--bg-tertiary, #ede9fe);color:var(--primary-color, #4f46e5);border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(79,70,229,.18)}.jm-tag button{background:none;border:none;cursor:pointer;color:var(--primary-color, #6d28d9);font-size:.65rem;padding:0;display:flex;align-items:center;line-height:1;transition:color .15s}.jm-tag button:hover{color:var(--error-color, #ef4444)}.jm-tags-input{border:none;outline:none;background:transparent;flex:1;min-width:120px;font-size:.82rem;color:var(--text-primary, #111827);font-family:inherit;padding:.15rem 0}.jm-tags-input::-moz-placeholder{color:var(--text-muted, #9ca3af)}.jm-tags-input::placeholder{color:var(--text-muted, #9ca3af)}.jm-logo-upload{display:flex;align-items:flex-start;gap:1rem}.jm-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1.25rem 2rem;border:2px dashed var(--border-color, #d1d5db);border-radius:12px;background:var(--bg-primary, #f9fafb);cursor:pointer;transition:border-color .2s,background .2s;text-align:center;flex:1}.jm-upload-zone:hover{border-color:var(--primary-color, #4f46e5);background:var(--hover-bg, #f5f3ff)}.jm-upload-zone i{font-size:1.5rem;color:var(--text-muted, #9ca3af)}.jm-upload-zone span{font-size:.82rem;font-weight:600;color:var(--text-primary, #374151)}.jm-upload-zone small{font-size:.7rem;color:var(--text-muted, #9ca3af)}.jm-logo-preview{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;border:1.5px solid var(--border-color, #e5e7eb);background:var(--card-bg, #ffffff);flex-shrink:0}.jm-logo-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.jm-logo-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0000008c;border:none;color:#fff;font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.jm-logo-remove:hover{background:var(--error-color, #ef4444)}.jm-flags{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.jm-flag-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border:1.5px solid var(--border-color, #e5e7eb);border-radius:12px;background:var(--bg-primary, #f9fafb);cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.jm-flag-card input[type=checkbox]{display:none}.jm-flag-card:hover{border-color:var(--primary-light, #c4b5fd);background:var(--hover-bg, #f5f3ff)}.jm-flag-card--on{border-color:var(--primary-color, #4f46e5);background:var(--hover-bg, #f5f3ff);box-shadow:0 0 0 3px #4f46e514}.jm-flag-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.jm-flag-icon--urgent{background:#ef44441f;color:var(--error-color, #ef4444)}.jm-flag-icon--remote{background:#10b9811f;color:var(--success-color, #10b981)}.jm-flag-card--on .jm-flag-icon--urgent{background:var(--error-color, #ef4444);color:#fff}.jm-flag-card--on .jm-flag-icon--remote{background:var(--success-color, #10b981);color:#fff}.jm-flag-card>div:last-child{display:flex;flex-direction:column;gap:2px}.jm-flag-card strong{font-size:.82rem;font-weight:700;color:var(--text-primary, #111827)}.jm-flag-card span{font-size:.7rem;color:var(--text-secondary, #6b7280)}.jm-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;position:sticky;bottom:0;background:var(--card-bg, #ffffff);z-index:2;border-top:1px solid var(--border-color, #f0f0f8)}.jm-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.35rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;border:none}.jm-btn--cancel{background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #374151);border:1.5px solid var(--border-color, #e5e7eb)}.jm-btn--cancel:hover{background:var(--hover-bg, #e5e7eb)}.jm-btn--save{background:linear-gradient(135deg,var(--primary-color, #4f46e5),#7c3aed);color:#fff;box-shadow:0 4px 12px #4f46e54d}.jm-btn--save:hover{box-shadow:0 6px 16px #4f46e573;transform:translateY(-1px)}@media(max-width:1024px){.jp-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.jp-container{padding:.875rem}.jp-header{flex-direction:column;align-items:flex-start;gap:.75rem}.jp-stats{grid-template-columns:repeat(2,1fr);gap:.6rem}.jp-filters{flex-direction:column;align-items:stretch}.jp-search-box{min-width:unset}.jp-filter-chips{flex-wrap:wrap}.jp-grid,.form-row{grid-template-columns:1fr}.checkbox-row{flex-direction:column;gap:.75rem}.jm-modal{border-radius:16px 16px 0 0;max-height:95vh}.jm-overlay{align-items:flex-end;padding:0}.jm-field-row,.jm-flags{grid-template-columns:1fr}}@media(max-width:480px){.jp-stats{grid-template-columns:1fr 1fr}.jp-card__details{grid-template-columns:1fr}}[data-theme=dark] .jp-container{background:#0a0a0a!important}[data-theme=dark] .jp-stat-card{background:#1a1a1aa6!important;border-color:#ffffff14!important}[data-theme=dark] .jp-stat-value{color:#f8fafc!important}[data-theme=dark] .jp-filters{background:#1a1a1aa6!important;border-color:#ffffff14!important}[data-theme=dark] .jp-search-box input,[data-theme=dark] .jp-filter-select{background:#ffffff0d!important;border-color:#ffffff14!important;color:#f1f5f9!important}[data-theme=dark] .jp-card{background:#1a1a1aa6!important;border-color:#ffffff14!important}[data-theme=dark] .jp-card:hover{border-color:#60a5fa4d!important;box-shadow:0 16px 36px #0006!important}[data-theme=dark] .jp-card__title{color:#f1f5f9!important}[data-theme=dark] .jp-card__details{background:#ffffff05!important;border-color:#ffffff0d!important}[data-theme=dark] .jp-detail-item{color:#cbd5e1!important}[data-theme=dark] .jp-card__footer{border-top-color:#ffffff0f!important}[data-theme=dark] .jm-modal{background:#1a1a1a!important;border-color:#ffffff14!important}[data-theme=dark] .jm-modal__header{background:#161616!important}[data-theme=dark] .jm-modal__title{color:#f8fafc!important}[data-theme=dark] .jm-input{background:#ffffff0a!important;border-color:#ffffff14!important;color:#f1f5f9!important}[data-theme=dark] .jm-flag-card{background:#ffffff08!important;border-color:#ffffff14!important}[data-theme=dark] .jm-flag-card--on{border-color:#60a5fa!important;background:#60a5fa1a!important}[data-theme=dark] .jm-flag-card strong{color:#f8fafc!important}[data-theme=dark] .jm-modal__footer{background:#161616!important;border-top-color:#ffffff0f!important}.courses-management-page{background:var(--bg-secondary, #f5f7fa);min-height:100vh;padding:0;max-width:100%;box-sizing:border-box;overflow-x:hidden}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem;background:var(--card-bg, #ffffff);border-radius:20px;border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-md, 0 10px 40px rgba(0, 0, 0, .08))}.header-content h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.header-content p{color:var(--text-secondary, #64748b);font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,#764ba2 100%);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea80}.module-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:0!important}.tab-button{padding:1rem 2rem;border:1px solid var(--border-color, #e2e8f0);background:var(--card-bg, #ffffff);color:var(--text-secondary, #64748b);border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .05))}.tab-button:hover{background:var(--hover-bg, #f1f5f9);transform:translateY(-2px);color:var(--text-primary, #111827)}.tab-button.active,.tab-button:has(.active){background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,#764ba2 100%)!important;color:#fff!important;border-color:transparent;box-shadow:0 4px 15px #667eea4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--card-bg, #ffffff);padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-sm, 0 4px 15px rgba(0, 0, 0, .06));transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md, 0 8px 25px rgba(0, 0, 0, .1))}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:var(--text-primary, #1e293b)}.stat-label{color:var(--text-secondary, #64748b);font-size:.875rem;font-weight:500}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.search-box i{position:absolute;left:1rem;color:var(--text-muted, #94a3b8);font-size:1rem}.search-box input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;font-size:1rem;transition:all .3s ease;background:var(--card-bg, #ffffff);color:var(--text-primary, #111827)}.search-box input:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea1a}.filter-select{padding:1rem 1.5rem;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;font-size:1rem;background:var(--card-bg, #ffffff);color:var(--text-primary, #111827);cursor:pointer;transition:all .3s ease;min-width:200px}.filter-select:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea1a}.categories-section,.videos-section,.certificates-section{padding:0;max-width:100%;box-sizing:border-box;width:100%;overflow-x:auto;overflow-y:visible}.categories-section::-webkit-scrollbar,.videos-section::-webkit-scrollbar,.certificates-section::-webkit-scrollbar{height:8px}.categories-section::-webkit-scrollbar-track,.videos-section::-webkit-scrollbar-track,.certificates-section::-webkit-scrollbar-track{background:var(--bg-tertiary, #f1f5f9);border-radius:10px}.categories-section::-webkit-scrollbar-thumb,.videos-section::-webkit-scrollbar-thumb,.certificates-section::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,#764ba2 100%);border-radius:10px}.categories-section::-webkit-scrollbar-thumb:hover,.videos-section::-webkit-scrollbar-thumb:hover,.certificates-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2 0%,var(--primary-color, #667eea) 100%)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem;padding:0;box-sizing:border-box;width:100%}.course-card{background:var(--card-bg, #ffffff);border-radius:20px;overflow:hidden;border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-sm, 0 4px 15px rgba(0, 0, 0, .08));transition:all .3s ease;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg, 0 12px 35px rgba(0, 0, 0, .15))}.course-thumbnail{height:180px;background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.course-thumbnail i{font-size:3rem;color:#ffffff4d}.course-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-category-badge{position:absolute;top:1rem;left:1rem;background:var(--card-bg, rgba(255, 255, 255, .95));color:var(--primary-color, #667eea);padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color, transparent)}.course-status-badge{position:absolute;top:1rem;right:1rem;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;font-size:3rem;opacity:0;transition:all .3s ease;cursor:pointer}.course-thumbnail:hover .play-overlay{opacity:1;background:#00000080}.course-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.course-content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1e293b);margin-bottom:.75rem;line-height:1.4}.course-description{color:var(--text-secondary, #64748b);font-size:.875rem;line-height:1.6;margin-bottom:1rem;flex:1}.course-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #64748b);font-size:.875rem}.meta-item i{color:var(--text-muted, #94a3b8);font-size:.875rem}.course-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #64748b);font-size:.875rem}.stat-item i{color:var(--text-muted, #94a3b8)}.course-actions{display:flex;gap:.75rem;margin-top:auto}.course-actions button,.course-actions a{flex:1;padding:.75rem;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-edit{background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,#764ba2 100%);color:#fff}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.btn-delete{background:var(--error-bg-subtle, #fef2f2);color:var(--error-color, #ef4444)}.btn-delete:hover{background:var(--error-bg, #fee2e2);transform:translateY(-2px)}.btn-view{background:var(--success-bg-subtle, #f0fdf4);color:var(--success-color, #22c55e);text-decoration:none}.btn-view:hover{background:var(--success-bg, #dcfce7);transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-content{background:var(--card-bg, #ffffff);border-radius:24px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl, 0 20px 60px rgba(0, 0, 0, .3));animation:slideUp .3s ease;border:1px solid var(--border-color, #e2e8f0)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid var(--border-color, #f1f5f9)}.modal-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-close{background:var(--bg-secondary, #f1f5f9);border:none;width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-secondary, #64748b);font-size:1.25rem}.modal-close:hover{background:var(--hover-bg, #e2e8f0);transform:rotate(90deg)}.create-course-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--text-primary, #334155);margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color, #e2e8f0);border-radius:10px;font-size:1rem;transition:all .3s ease;font-family:inherit;background:var(--bg-primary, #f9fafb);color:var(--text-primary, #111827)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea1a;background:var(--card-bg, #ffffff)}.form-group small{display:block;color:var(--text-muted, #64748b);font-size:.75rem;margin-top:.25rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:2px solid var(--border-color, #f1f5f9)}.btn-secondary{padding:.875rem 1.5rem;background:var(--bg-tertiary, #f1f5f9);color:var(--text-secondary, #64748b);border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--hover-bg, #e2e8f0)}.modal-actions .btn-primary{padding:.875rem 1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.loader{width:60px;height:60px;border:4px solid var(--border-color, #f1f5f9);border-top:4px solid var(--primary-color, #667eea);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{margin-top:1rem;color:var(--text-secondary, #64748b);font-weight:600}@media(max-width:1200px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.25rem}}@media(max-width:992px){.page-header{padding:1.25rem}.header-content h1{font-size:1.75rem}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1rem}.course-card{border-radius:16px}.filters-section{flex-direction:column}.search-box{min-width:100%}.filter-select{width:100%}}@media(max-width:768px){.courses-management-page{padding:0}.page-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem;margin-bottom:1rem;border-radius:16px}.header-content h1{font-size:1.5rem}.header-content p{font-size:.875rem}.btn-primary{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.courses-grid{grid-template-columns:1fr!important;gap:1rem;margin-top:1rem}.module-tabs{padding:0!important;gap:.25rem;overflow-x:auto;margin-bottom:1rem;scrollbar-width:thin}.module-tabs::-webkit-scrollbar{height:4px}.tab-button{padding:.75rem 1.25rem;font-size:.875rem;white-space:nowrap;flex-shrink:0}.course-card{border-radius:12px}.course-thumbnail{height:160px!important}.course-content{padding:1.25rem}.course-content h3{font-size:1.1rem}.modal-content{width:95%;max-height:85vh}.modal-header{padding:1.5rem}.modal-header h2{font-size:1.25rem}.create-course-form{padding:1.5rem}.stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.header-content h1{font-size:1.25rem}.page-header{padding:.875rem}.course-content{padding:1rem}.course-meta,.course-actions{flex-direction:column;gap:.5rem}.course-actions button,.course-actions a{width:100%}.modal-content{width:98%;border-radius:16px}.tab-button{padding:.625rem 1rem;font-size:.8125rem}.btn-primary{padding:.875rem 1.5rem;font-size:.9375rem}.form-group label{font-size:.8125rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;font-size:.9375rem}}.lms-dashboard-layout{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}@media(min-width:1024px){.lms-dashboard-layout{grid-template-columns:280px 1fr;align-items:start}}.lms-sidebar-filters{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-sm, 0 4px 15px rgba(0, 0, 0, .05));display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:20px}.lms-sidebar-filters h3{font-size:1rem;font-weight:700;color:var(--text-primary, #1e293b);border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:.75rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.lms-sidebar-filters h3:before{content:"";display:inline-block;width:4px;height:16px;background:var(--primary-color, #667eea);border-radius:2px}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.75rem;font-weight:700;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.35rem}.filter-group label i{color:var(--primary-color, #667eea)}.filter-group input,.filter-group select{padding:.75rem 1rem!important;border-radius:10px!important;border:1.5px solid var(--border-color, #e2e8f0)!important;font-size:.875rem!important;width:100%!important;background:var(--bg-primary, #f9fafb)!important;color:var(--text-primary, #111827)!important;box-sizing:border-box}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary-color, #667eea)!important;outline:none;background:var(--card-bg, #ffffff)!important;box-shadow:0 0 0 3px #667eea1a!important}.filter-group-stats{padding-top:.75rem;border-top:1px solid var(--border-color, #e2e8f0);text-align:center}.results-count{font-size:.75rem;font-weight:700;color:var(--primary-color, #667eea);background:#667eea14;padding:.4rem .8rem;border-radius:8px;display:inline-flex;align-items:center;gap:.35rem}.stat-card{border:1px solid var(--border-color, #e2e8f0)!important;box-shadow:var(--shadow-sm, 0 4px 15px rgba(0, 0, 0, .04))!important;border-radius:20px!important;background:var(--card-bg, #ffffff)!important;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;transition:background .3s}.stat-card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-md, 0 8px 30px rgba(0, 0, 0, .08))!important}.stat-card:hover:after{background:var(--primary-color, #667eea)}.stat-icon{width:52px!important;height:52px!important;border-radius:14px!important;box-shadow:0 4px 12px #00000014}.stat-number{font-size:1.75rem!important;line-height:1.1;font-weight:800!important}.stat-label{font-size:.75rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.5px}.course-card{border:1px solid var(--border-color, #e2e8f0)!important;border-radius:24px!important;box-shadow:var(--shadow-sm)!important;background:var(--card-bg)!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.course-card:hover{transform:translateY(-6px)!important;box-shadow:var(--shadow-lg, 0 16px 36px rgba(0, 0, 0, .12))!important;border-color:#667eea40!important}.play-overlay{background:#00000073!important;transition:all .25s ease!important}.play-overlay i{transform:scale(.9);transition:transform .25s ease;filter:drop-shadow(0 4px 12px rgba(255,255,255,.3))}.course-thumbnail:hover .play-overlay i{transform:scale(1.05)}[data-theme=dark] .lms-sidebar-filters{background:#1a1a1aa6!important;border-color:#ffffff14!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .lms-sidebar-filters h3,[data-theme=dark] .filter-group-stats{border-color:#ffffff14!important}[data-theme=dark] .results-count{background:#60a5fa1a!important;color:#60a5fa!important}[data-theme=dark] .stat-card{background:#1a1a1aa6!important;border-color:#ffffff14!important}[data-theme=dark] .stat-number{color:#f8fafc!important}[data-theme=dark] .course-card{background:#1a1a1aa6!important;border-color:#ffffff14!important}[data-theme=dark] .course-card:hover{border-color:#60a5fa4d!important;box-shadow:0 16px 36px #0006!important}[data-theme=dark] .course-category-badge{background:#1a1a1ae6!important;color:#60a5fa!important;border-color:#ffffff14!important}[data-theme=dark] .modal-content{background:#1a1a1a!important;border-color:#ffffff14!important}[data-theme=dark] .modal-header,[data-theme=dark] .modal-actions{border-color:#ffffff14!important}[data-theme=dark] .btn-secondary{background:#ffffff0d!important;color:#cbd5e1!important}[data-theme=dark] .btn-secondary:hover{background:#ffffff1a!important}.em-channel-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.07' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1.5'/%3E%3Ccircle cx='23' cy='3' r='1.5'/%3E%3Ccircle cx='13' cy='13' r='1.5'/%3E%3Ccircle cx='33' cy='13' r='1.5'/%3E%3Ccircle cx='3' cy='23' r='1.5'/%3E%3Ccircle cx='23' cy='23' r='1.5'/%3E%3Ccircle cx='13' cy='33' r='1.5'/%3E%3Ccircle cx='33' cy='33' r='1.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.em-container{padding:1.25rem;background:#f5f5fa;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem}.em-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:relative;overflow:hidden;color:#fff}.em-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.em-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.em-title-section h1{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.em-title-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);flex-shrink:0}.em-title-icon i{color:#fff;font-size:1rem}.em-title-section p{font-size:.875rem;color:#ffffffbf;margin:0;position:relative;z-index:1}.em-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:9px;padding:.4rem .875rem;cursor:pointer;transition:all .15s;font-family:inherit;position:relative;z-index:1}.em-back:hover{background:#ffffff40}.em-add-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:9px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit;position:relative;z-index:1}.em-add-btn:hover{background:#ffffff47;transform:translateY(-1px)}.em-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.em-stat-card{background:#fff;padding:.875rem 1rem;border-radius:12px;border:1px solid #ebebf5;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s,transform .15s}.em-stat-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000012}.em-stat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.em-stat-icon--purple{background:#ede9fe;color:#4f46e5}.em-stat-icon--blue{background:#dbeafe;color:#2563eb}.em-stat-icon--green{background:#d1fae5;color:#10b981}.em-stat-content{display:flex;flex-direction:column;gap:1px}.em-stat-label{font-size:.62rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.em-stat-value{font-size:1.25rem;font-weight:800;color:#111827;line-height:1}.em-channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.em-channel-card{background:#fff;border:1px solid #ebebf5;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s}.em-channel-card:hover{box-shadow:0 8px 28px #4f46e521;transform:translateY(-3px)}.em-channel-card__banner{position:relative;height:130px;padding:18px 16px 14px;display:flex;align-items:flex-start;justify-content:space-between;overflow:hidden}.em-channel-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.07' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1.5'/%3E%3Ccircle cx='23' cy='3' r='1.5'/%3E%3Ccircle cx='13' cy='13' r='1.5'/%3E%3Ccircle cx='33' cy='13' r='1.5'/%3E%3Ccircle cx='3' cy='23' r='1.5'/%3E%3Ccircle cx='23' cy='23' r='1.5'/%3E%3Ccircle cx='13' cy='33' r='1.5'/%3E%3Ccircle cx='33' cy='33' r='1.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.em-channel-card__banner:before{content:"";position:absolute;bottom:-24px;right:-24px;width:100px;height:100px;border-radius:50%;background:#ffffff1a;pointer-events:none}.em-channel-card__banner-left{flex:1;min-width:0;z-index:1}.em-channel-card__name{font-size:1rem;font-weight:700;color:#fff;margin:0 0 5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.em-channel-card__tagline{font-size:.72rem;color:#ffffffc7;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.em-channel-card__icon-wrap{z-index:1;flex-shrink:0;margin-left:10px;width:64px;height:64px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fffffff2}.em-channel-card__count{position:absolute;top:10px;right:10px;background:#ffffff38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.6rem;font-weight:700;padding:.18rem .5rem;border-radius:20px;z-index:3;text-transform:uppercase;letter-spacing:.04em}.em-channel-card__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 12px;border-top:1px solid #f0f0f8}.em-channel-card__cta{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:#4f46e5;cursor:pointer;transition:gap .15s}.em-channel-card:hover .em-channel-card__cta{gap:.5rem}.em-channel-card__actions{display:flex;gap:4px}.em-icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.72rem;transition:all .15s}.em-icon-btn:hover{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}.em-icon-btn--green:hover{background:#d1fae5;color:#10b981;border-color:#6ee7b7}.em-icon-btn--danger:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.em-resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.em-resource-card{background:#fff;border:1px solid #ebebf5;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s}.em-resource-card:hover{box-shadow:0 6px 22px #0000001a;transform:translateY(-2px)}.em-resource-card__thumb{position:relative;height:110px;overflow:hidden;background:#f3f4f6}.em-resource-card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.em-resource-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000040}.em-resource-card__play i{width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1e40af;font-size:.85rem}.em-resource-card__duration{position:absolute;bottom:6px;right:8px;background:#000000a6;color:#fff;font-size:.62rem;font-weight:600;padding:.15rem .4rem;border-radius:4px}.em-resource-card__icon-header{height:90px;display:flex;align-items:center;justify-content:center;font-size:2.2rem}.em-resource-card__body{padding:12px 14px 10px;flex:1;display:flex;flex-direction:column;gap:6px}.em-resource-card__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.em-resource-card__type-badge{display:inline-flex;align-items:center;gap:4px;padding:.18rem .5rem;border-radius:20px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.em-resource-card__source{font-size:.62rem;color:#9ca3af;font-weight:500}.em-resource-card__title{font-size:.85rem;font-weight:700;color:#111827;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.em-resource-card__desc{font-size:.72rem;color:#6b7280;margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.em-resource-card__tags{display:flex;flex-wrap:wrap;gap:4px}.em-resource-card__tag{font-size:.6rem;font-weight:600;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;padding:.15rem .4rem;border-radius:20px}.em-resource-card__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px;border-top:1px solid #f0f0f8}.em-resource-card__size{font-size:.62rem;color:#9ca3af;display:flex;align-items:center;gap:3px}.em-loading{text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem;grid-column:1 / -1}.em-empty{grid-column:1 / -1;text-align:center;padding:3rem 2rem;color:#9ca3af;font-size:.82rem;background:#fafafa;border-radius:14px;border:1.5px dashed #e5e7eb}.em-empty i{font-size:2rem;margin-bottom:.75rem;display:block;opacity:.4}.em-type-filters{display:flex;gap:.5rem;flex-wrap:wrap}.em-type-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .875rem;border-radius:20px;border:1.5px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.em-type-btn:hover{border-color:#c4b5fd;color:#4f46e5;background:#faf5ff}.em-type-btn--active{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}.em-type-count{background:#e5e7eb;color:#6b7280;font-size:.6rem;font-weight:700;padding:.1rem .35rem;border-radius:10px}.em-type-btn--active .em-type-count{background:#c4b5fd;color:#4f46e5}.em-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:emFadeIn .2s ease}@keyframes emFadeIn{0%{opacity:0}to{opacity:1}}.em-modal{background:#fff;border-radius:20px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px #0003;display:flex;flex-direction:column;animation:emModalUp .25s cubic-bezier(.16,1,.3,1)}@keyframes emModalUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.em-modal__header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1.25rem}.em-modal__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #0003}.em-modal__title{font-size:1.15rem;font-weight:800;color:#111827;margin:0 0 .2rem;letter-spacing:-.02em}.em-modal__sub{font-size:.78rem;color:#6b7280;margin:0}.em-modal__close{margin-left:auto;width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:background .15s,color .15s}.em-modal__close:hover{background:#e5e7eb;color:#111827}.em-modal__divider{height:1px;background:#f3f4f6;margin:0}.em-modal__body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.em-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem}.em-field{display:flex;flex-direction:column;gap:.375rem}.em-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.em-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:#374151}.em-label i{color:#9ca3af;font-size:.7rem;width:12px;text-align:center}.em-input{padding:.6rem .875rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.85rem;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%;box-sizing:border-box}.em-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.em-input::-moz-placeholder{color:#9ca3af}.em-input::placeholder{color:#9ca3af}textarea.em-input{resize:vertical;min-height:80px}select.em-input{cursor:pointer}.em-btn{display:flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;border:none}.em-btn--cancel{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb!important}.em-btn--cancel:hover{background:#e5e7eb}.em-btn--save{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 12px #4f46e54d}.em-btn--save:hover{box-shadow:0 6px 16px #4f46e573;transform:translateY(-1px)}.em-btn--save:disabled{opacity:.65;cursor:not-allowed;transform:none}.em-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.6rem;margin-top:.25rem}.em-gradient-swatch{height:38px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .15s}.em-gradient-swatch:hover{transform:scale(1.06)}.em-gradient-swatch.active{border-color:#4f46e5;transform:scale(1.08);box-shadow:0 0 0 3px #4f46e533}.em-icon-swatch{height:44px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:8px;cursor:pointer;border:1.5px solid #e5e7eb;font-size:1.1rem;color:#6b7280;transition:all .15s}.em-icon-swatch:hover{background:#f3f4f6;border-color:#c4b5fd;color:#4f46e5}.em-icon-swatch.active{border-color:#4f46e5;color:#4f46e5;background:#ede9fe}.em-channel-preview{border-radius:12px;overflow:hidden;height:80px;display:flex;align-items:center;padding:0 16px;gap:12px;margin-top:4px}.em-channel-preview i{font-size:1.8rem;color:#ffffffe6}.em-channel-preview__text{flex:1;min-width:0}.em-channel-preview__name{font-size:.9rem;font-weight:700;color:#fff;margin:0 0 2px}.em-channel-preview__tag{font-size:.68rem;color:#ffffffbf;margin:0}.em-advanced-toggle{font-size:.75rem;color:#4f46e5;cursor:pointer;font-weight:600;background:none;border:none;padding:0;font-family:inherit;display:flex;align-items:center;gap:.3rem}@media(max-width:768px){.em-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.em-container{padding:.875rem}.em-header{flex-direction:column;align-items:flex-start;gap:.75rem}.em-stats{grid-template-columns:repeat(2,1fr);gap:.6rem}.em-channels-grid,.em-resources-grid{grid-template-columns:1fr 1fr;gap:.75rem}.em-field-row{grid-template-columns:1fr}}.mt-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.07' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1.5'/%3E%3Ccircle cx='23' cy='3' r='1.5'/%3E%3Ccircle cx='13' cy='13' r='1.5'/%3E%3Ccircle cx='33' cy='13' r='1.5'/%3E%3Ccircle cx='3' cy='23' r='1.5'/%3E%3Ccircle cx='23' cy='23' r='1.5'/%3E%3Ccircle cx='13' cy='33' r='1.5'/%3E%3Ccircle cx='33' cy='33' r='1.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.mt-container{padding:1.25rem;background:#f5f5fa;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem}.mt-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:relative;overflow:hidden;color:#fff}.mt-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.mt-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.mt-title-section h1{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.mt-title-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);flex-shrink:0}.mt-title-icon i{color:#fff;font-size:1rem}.mt-title-section p{font-size:.875rem;color:#ffffffbf;margin:0;position:relative;z-index:1}.mt-search-box{display:flex;align-items:center;gap:.6rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:.45rem 1rem;width:240px;transition:all .2s;z-index:1}.mt-search-box:focus-within{background:#fff3;width:300px;border-color:#fff6}.mt-search-box i{color:#fff9;font-size:.85rem}.mt-search-box input{background:none;border:none;color:#fff;font-size:.85rem;font-family:inherit;outline:none;width:100%}.mt-search-box input::-moz-placeholder{color:#ffffff80}.mt-search-box input::placeholder{color:#ffffff80}.mt-add-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:9px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit;position:relative;z-index:1}.mt-add-btn:hover{background:#ffffff47;transform:translateY(-1px)}.mt-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:#fff;background:#ffffff26;border:1px solid #e5e7eb;padding:.4rem .875rem;cursor:pointer;transition:all .15s;font-family:inherit;border:1px solid rgba(255,255,255,.25);border-radius:9px;position:relative;z-index:1}.mt-back:hover{background:#ffffff40}.mt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem}.mt-stat-card{background:#fff;padding:.875rem 1rem;border-radius:12px;border:1px solid #ebebf5;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s,transform .15s}.mt-stat-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000012}.mt-stat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.mt-stat-icon--purple{background:#ede9fe;color:#4f46e5}.mt-stat-icon--blue{background:#dbeafe;color:#2563eb}.mt-stat-icon--green{background:#d1fae5;color:#10b981}.mt-stat-icon--orange{background:#fef3c7;color:#f59e0b}.mt-stat-content{display:flex;flex-direction:column;gap:1px}.mt-stat-label{font-size:.62rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.mt-stat-value{font-size:1.25rem;font-weight:800;color:#111827;line-height:1}.mt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.mt-card{background:#fff;border:1px solid #ebebf5;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s}.mt-card:hover{box-shadow:0 8px 28px #4f46e521;transform:translateY(-3px)}.mt-card__banner{position:relative;height:120px;padding:16px 16px 14px;display:flex;align-items:flex-start;justify-content:space-between;overflow:hidden}.mt-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.07' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1.5'/%3E%3Ccircle cx='23' cy='3' r='1.5'/%3E%3Ccircle cx='13' cy='13' r='1.5'/%3E%3Ccircle cx='33' cy='13' r='1.5'/%3E%3Ccircle cx='3' cy='23' r='1.5'/%3E%3Ccircle cx='23' cy='23' r='1.5'/%3E%3Ccircle cx='13' cy='33' r='1.5'/%3E%3Ccircle cx='33' cy='33' r='1.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.mt-card__banner:before{content:"";position:absolute;bottom:-24px;right:-24px;width:100px;height:100px;border-radius:50%;background:#ffffff1a;pointer-events:none}.mt-card__banner-left{flex:1;min-width:0;z-index:1}.mt-card__title{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 4px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-card__subject{font-size:.72rem;color:#ffffffd1;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-card__meta{font-size:.65rem;color:#fff9;margin:0;display:flex;align-items:center;gap:.4rem}.mt-card__icon-circle{z-index:1;flex-shrink:0;margin-left:10px;width:52px;height:52px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fffffff2}.mt-card__diff{position:absolute;top:10px;right:10px;padding:.2rem .55rem;border-radius:20px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mt-card__diff--easy{background:#dcfce7e0;color:#15803d}.mt-card__diff--medium{background:#fef3c7e0;color:#92400e}.mt-card__diff--hard{background:#fee2e2e0;color:#991b1b}.mt-card__body{padding:12px 14px 10px;flex:1;display:flex;flex-direction:column;gap:8px}.mt-card__desc{font-size:.72rem;color:#6b7280;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mt-card__config{display:flex;flex-wrap:wrap;gap:.3rem}.mt-card__pill{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:20px;background:#f3f4f6;color:#6b7280;font-size:.62rem;font-weight:600;border:1px solid #e5e7eb;white-space:nowrap}.mt-card__pill i{font-size:.55rem;opacity:.7}.mt-card__tags{display:flex;flex-wrap:wrap;gap:.25rem}.mt-card__tag{font-size:.6rem;font-weight:600;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;padding:.15rem .4rem;border-radius:20px}.mt-card__status{display:inline-flex;align-items:center;gap:.3rem;font-size:.62rem;font-weight:600}.mt-card__status-dot{width:6px;height:6px;border-radius:50%}.mt-card__status-dot--active{background:#10b981}.mt-card__status-dot--inactive{background:#9ca3af}.mt-card__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px;border-top:1px solid #f0f0f8}.mt-card__manage{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:#4f46e5;cursor:pointer;transition:gap .15s;background:none;border:none;padding:0;font-family:inherit}.mt-card:hover .mt-card__manage{gap:.5rem}.mt-card__actions{display:flex;gap:4px}.mt-icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.72rem;transition:all .15s}.mt-icon-btn:hover{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}.mt-icon-btn--green:hover{background:#d1fae5;color:#10b981;border-color:#6ee7b7}.mt-icon-btn--danger:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.mt-questions-grid{display:flex;flex-direction:column;gap:.75rem}.mt-question-card{background:#fff;border:1px solid #ebebf5;border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s,transform .15s}.mt-question-card:hover{box-shadow:0 3px 12px #00000014;transform:translateY(-1px)}.mt-question-card__num{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mt-question-card__body{flex:1;min-width:0}.mt-question-card__text{font-size:.85rem;font-weight:600;color:#111827;margin:0 0 8px;line-height:1.4}.mt-question-card__options{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mt-question-card__opt{font-size:.7rem;color:#6b7280;padding:.25rem .5rem;border-radius:6px;background:#f9fafb;border:1px solid #e5e7eb;display:flex;align-items:center;gap:.3rem}.mt-question-card__opt--correct{background:#d1fae5;border-color:#6ee7b7;color:#065f46;font-weight:600}.mt-question-card__opt--correct i{color:#10b981;font-size:.6rem}.mt-question-card__actions{display:flex;gap:4px;flex-shrink:0}.mt-loading{text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem;grid-column:1 / -1}.mt-empty{grid-column:1 / -1;text-align:center;padding:3rem 2rem;color:#9ca3af;font-size:.82rem;background:#fafafa;border-radius:14px;border:1.5px dashed #e5e7eb}.mt-empty i{font-size:2rem;margin-bottom:.75rem;display:block;opacity:.4}.mt-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:mtFadeIn .2s ease}@keyframes mtFadeIn{0%{opacity:0}to{opacity:1}}.mt-modal{background:#fff;border-radius:20px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px #0003;display:flex;flex-direction:column;animation:mtModalUp .25s cubic-bezier(.16,1,.3,1)}.mt-modal--wide{max-width:680px}@keyframes mtModalUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mt-modal__header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f0f0f8}.mt-modal__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #0003}.mt-modal__title{font-size:1.15rem;font-weight:800;color:#111827;margin:0;letter-spacing:-.02em}.mt-modal__sub{font-size:.78rem;color:#6b7280;margin:0}.mt-modal__close{margin-left:auto;width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:background .15s,color .15s}.mt-modal__close:hover{background:#e5e7eb;color:#111827}.mt-modal__divider{height:1px;background:#f3f4f6;margin:0}.mt-modal__body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.mt-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem}.mt-field{display:flex;flex-direction:column;gap:.375rem}.mt-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.mt-field-row--3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.875rem}.mt-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:#374151}.mt-label i{color:#9ca3af;font-size:.72rem;width:14px;text-align:center}.mt-input{padding:.65rem .875rem;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.85rem;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%;box-sizing:border-box}.mt-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514;background:#fff}.mt-input::-moz-placeholder{color:#9ca3af}.mt-input::placeholder{color:#9ca3af}.mt-input:disabled{opacity:.5;cursor:not-allowed}textarea.mt-input{resize:vertical;min-height:80px;line-height:1.5}select.mt-input{cursor:pointer}.mt-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mt-option-field{display:flex;flex-direction:column;gap:.3rem}.mt-option-label{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:600;color:#374151}.mt-option-correct{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:600;color:#10b981;cursor:pointer}.mt-option-correct input[type=radio]{accent-color:#10b981;cursor:pointer}.mt-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mt-type-btn{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:12px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit}.mt-type-btn__icon{width:40px;height:40px;border-radius:10px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:all .2s}.mt-type-btn__icon i{line-height:1}.mt-type-btn div{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0;padding-top:2px}.mt-type-btn strong{font-size:.875rem;font-weight:700;color:#111827;display:block;line-height:1.3}.mt-type-btn span{font-size:.72rem;color:#9ca3af;font-weight:400;line-height:1.4}.mt-type-btn:hover{border-color:#c4b5fd;background:#fafafa}.mt-type-btn:hover .mt-type-btn__icon{background:#ede9fe;color:#7c3aed}.mt-type-btn--active{border-color:#6366f1;background:#eef2ff}.mt-type-btn--active .mt-type-btn__icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.mt-type-btn--active strong{color:#4f46e5}.mt-type-btn--active div>span{color:#6b7280}.mt-question-card__text-answer{display:flex;flex-direction:column;gap:6px}.mt-btn{display:flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;border:none}.mt-btn--cancel{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb!important}.mt-btn--cancel:hover{background:#e5e7eb}.mt-btn--save{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 12px #4f46e54d}.mt-btn--save:hover{box-shadow:0 6px 16px #4f46e573;transform:translateY(-1px)}.mt-btn--save:disabled{opacity:.65;cursor:not-allowed;transform:none}@media(max-width:768px){.mt-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.mt-container{padding:.875rem}.mt-header{flex-direction:column;align-items:flex-start;gap:.75rem}.mt-stats{grid-template-columns:repeat(2,1fr);gap:.6rem}.mt-grid,.mt-field-row,.mt-field-row--3,.mt-options-grid{grid-template-columns:1fr}}.mt-card__footer-main{display:flex;flex-direction:column;gap:4px}.mt-card__analytics-btn{background:none;border:none;padding:0;font-size:.65rem;font-weight:600;color:#6366f1;display:flex;align-items:center;gap:4px;cursor:pointer;transition:color .2s}.mt-card__analytics-btn:hover{color:#4338ca}.mt-analytics-overview{display:flex;flex-direction:column}.mt-analytics-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem}.mt-analytics-section{background:#f8fafc;border-radius:12px;padding:1.25rem;border:1px solid #e2e8f0}.mt-section-title{font-size:.875rem;font-weight:700;color:#1e293b;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.mt-section-title i{color:#6366f1}.mt-dist-chart{display:flex;flex-direction:column;gap:.75rem}.mt-dist-row{display:flex;align-items:center;gap:.75rem}.mt-dist-label{font-size:.7rem;font-weight:600;color:#64748b;width:65px;text-align:right}.mt-dist-bar-bg{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.mt-dist-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.mt-dist-val{font-size:.75rem;font-weight:700;color:#334155;width:24px}.mt-recent-list{display:flex;flex-direction:column;gap:.5rem}.mt-recent-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.mt-recent-student{display:flex;flex-direction:column}.mt-recent-student strong{font-size:.81rem;color:#1e293b}.mt-recent-student span{font-size:.65rem;color:#94a3b8}.mt-recent-score{font-family:JetBrains Mono,monospace;font-size:.875rem}.mt-attempts-view{overflow-x:auto}.mt-table{width:100%;border-collapse:collapse}.mt-table th{text-align:left;padding:.75rem 1rem;background:#f1f5f9;font-size:.72rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.mt-table td{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.81rem;color:#334155}.mt-table tr:hover td{background:#f8fafc}.text-green{color:#10b981}.text-red{color:#ef4444}@media(max-width:900px){.mt-analytics-grid{grid-template-columns:1fr}}.dm-room-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.07' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1.5'/%3E%3Ccircle cx='23' cy='3' r='1.5'/%3E%3Ccircle cx='13' cy='13' r='1.5'/%3E%3Ccircle cx='33' cy='13' r='1.5'/%3E%3Ccircle cx='3' cy='23' r='1.5'/%3E%3Ccircle cx='23' cy='23' r='1.5'/%3E%3Ccircle cx='13' cy='33' r='1.5'/%3E%3Ccircle cx='33' cy='33' r='1.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.dm-container{padding:1.25rem;background:#f5f5fa;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem}.dm-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:relative;overflow:hidden;color:#fff}.dm-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.dm-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.dm-title-section h1{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.dm-title-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);flex-shrink:0}.dm-title-icon i{color:#fff;font-size:1rem}.dm-title-section p{font-size:.875rem;color:#ffffffbf;margin:0;position:relative;z-index:1}.dm-add-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:9px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit;position:relative;z-index:1}.dm-add-btn:hover{background:#ffffff47;transform:translateY(-1px)}.dm-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:9px;padding:.4rem .875rem;cursor:pointer;transition:all .15s;font-family:inherit;position:relative;z-index:1}.dm-back:hover{background:#ffffff40}.dm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.dm-stat-card{background:#fff;padding:.875rem 1rem;border-radius:12px;border:1px solid #ebebf5;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s,transform .15s}.dm-stat-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000012}.dm-stat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.dm-stat-icon--purple{background:#ede9fe;color:#4f46e5}.dm-stat-icon--blue{background:#dbeafe;color:#2563eb}.dm-stat-icon--green{background:#d1fae5;color:#10b981}.dm-stat-content{display:flex;flex-direction:column;gap:1px}.dm-stat-label{font-size:.62rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dm-stat-value{font-size:1.25rem;font-weight:800;color:#111827;line-height:1}.dm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.dm-room-card{background:#fff;border:1px solid #ebebf5;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s;cursor:pointer}.dm-room-card:hover{box-shadow:0 8px 28px #4f46e521;transform:translateY(-3px)}.dm-room-card__banner{position:relative;height:110px;padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;overflow:hidden}.dm-room-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.07' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1.5'/%3E%3Ccircle cx='23' cy='3' r='1.5'/%3E%3Ccircle cx='13' cy='13' r='1.5'/%3E%3Ccircle cx='33' cy='13' r='1.5'/%3E%3Ccircle cx='3' cy='23' r='1.5'/%3E%3Ccircle cx='23' cy='23' r='1.5'/%3E%3Ccircle cx='13' cy='33' r='1.5'/%3E%3Ccircle cx='33' cy='33' r='1.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.dm-room-card__banner-left{flex:1;min-width:0;z-index:1}.dm-room-card__name{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 4px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-room-card__class{font-size:.72rem;color:#ffffffd1;margin:0 0 2px}.dm-room-card__subject{font-size:.68rem;color:#fff9;margin:0}.dm-room-card__avatar{z-index:1;flex-shrink:0;margin-left:10px;width:48px;height:48px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fffffff2}.dm-room-card__body{padding:10px 14px 8px;flex:1}.dm-room-card__teacher{font-size:.72rem;color:#6b7280;margin:0 0 4px;display:flex;align-items:center;gap:.3rem}.dm-room-card__teacher i{font-size:.65rem}.dm-room-card__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px;border-top:1px solid #f0f0f8}.dm-room-card__enter{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:#4f46e5;cursor:pointer;transition:gap .15s;background:none;border:none;padding:0;font-family:inherit}.dm-room-card:hover .dm-room-card__enter{gap:.5rem}.dm-room-card__actions{display:flex;gap:4px}.dm-icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.72rem;transition:all .15s}.dm-icon-btn:hover{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}.dm-icon-btn--danger:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.dm-chat-layout{display:grid;grid-template-columns:1fr 280px;gap:1rem;height:calc(100vh - 280px);min-height:500px}.dm-chat-layout:has(.dm-sidebar:not(:empty)){grid-template-columns:1fr 280px}.dm-chat{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;background:#fff;border:1px solid #ebebf5;border-radius:14px;overflow:hidden}.dm-chat__header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid #f0f0f8;background:#fafafa}.dm-chat__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0}.dm-chat__info{flex:1;min-width:0}.dm-chat__title{font-size:.875rem;font-weight:700;color:#111827;margin:0 0 2px}.dm-chat__subtitle{font-size:.7rem;color:#9ca3af;margin:0}.dm-chat__actions{display:flex;gap:4px}.dm-chat__messages{padding:1rem;overflow-y:auto;background:#fafafa;display:flex;flex-direction:column;gap:.75rem}.dm-date-divider{text-align:center;margin:.5rem 0}.dm-date-divider span{display:inline-block;padding:.2rem .75rem;background:#e5e7eb;color:#6b7280;font-size:.65rem;font-weight:600;border-radius:20px}.dm-msg{display:flex;gap:.5rem;align-items:flex-start}.dm-msg--me{flex-direction:row-reverse}.dm-msg__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.dm-msg__body{display:flex;flex-direction:column;gap:2px;max-width:65%}.dm-msg--me .dm-msg__body{align-items:flex-end}.dm-msg__sender{font-size:.7rem;font-weight:600;color:#6b7280;display:flex;align-items:center;gap:.3rem}.dm-msg__sender--teacher{color:#4f46e5}.dm-msg__tag{font-size:.58rem;background:#ede9fe;color:#6d28d9;padding:.1rem .35rem;border-radius:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.dm-msg__bubble{background:#fff;padding:.5rem .75rem;border-radius:12px;font-size:.8rem;color:#111827;line-height:1.5;word-wrap:break-word;box-shadow:0 1px 2px #0000000d;position:relative}.dm-msg--me .dm-msg__bubble{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.dm-msg__reply-preview{display:flex;gap:.5rem;padding:.4rem .6rem;background:#0000000d;border-radius:6px;margin-bottom:.4rem;font-size:.72rem}.dm-msg--me .dm-msg__reply-preview{background:#ffffff26}.dm-msg__reply-bar{width:3px;background:#4f46e5;border-radius:2px;flex-shrink:0}.dm-msg--me .dm-msg__reply-bar{background:#fff}.dm-msg__reply-name{font-weight:700;color:#4f46e5;font-size:.7rem}.dm-msg--me .dm-msg__reply-name{color:#fff}.dm-msg__reply-text{margin:2px 0 0;color:#6b7280;font-size:.7rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dm-msg--me .dm-msg__reply-text{color:#fffc}.dm-msg__reactions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}.dm-reaction-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .4rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;font-size:.7rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s}.dm-reaction-badge:hover{background:#e5e7eb;transform:scale(1.05)}.dm-reactions-picker{position:absolute;bottom:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:.4rem;display:flex;gap:.25rem;box-shadow:0 4px 12px #00000026;z-index:10;animation:dmReactPop .2s cubic-bezier(.16,1,.3,1)}@keyframes dmReactPop{0%{opacity:0;transform:scale(.9) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.dm-reaction-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.dm-reaction-btn:hover{background:#f3f4f6;transform:scale(1.2)}.dm-msg__time{font-size:.62rem;color:#9ca3af;padding:0 .25rem}.dm-msg__actions{position:absolute;top:-8px;right:-8px;display:none;gap:2px}.dm-msg__bubble:hover .dm-msg__actions{display:flex}.dm-msg__action-btn{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.65rem;transition:all .15s;box-shadow:0 2px 4px #0000001a}.dm-msg__action-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.dm-chat__input-bar{display:flex;flex-direction:column;gap:0;padding:0;border-top:1px solid #f0f0f8;background:#fff}.dm-reply-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.dm-reply-bar__content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.dm-reply-bar__name{font-size:.7rem;font-weight:700;color:#4f46e5}.dm-reply-bar__text{font-size:.72rem;color:#6b7280;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-reply-bar__close{width:24px;height:24px;border-radius:50%;background:#e5e7eb;border:none;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;flex-shrink:0;transition:all .15s}.dm-reply-bar__close:hover{background:#d1d5db;color:#111827}.dm-chat__input-bar>div{padding:.875rem 1rem}.dm-chat__input{flex:1;padding:.6rem .875rem;border-radius:20px;border:1px solid #e5e7eb;background:#f9fafb;font-size:.82rem;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,background .2s}.dm-chat__input:focus{border-color:#4f46e5;background:#fff}.dm-chat__send{width:36px;height:36px;border-radius:50%;background:#e5e7eb;color:#9ca3af;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .2s}.dm-chat__send--active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.dm-chat__attach{width:36px;height:36px;border-radius:50%;background:#f3f4f6;color:#6b7280;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .15s;flex-shrink:0}.dm-chat__attach:hover{background:#e5e7eb;color:#111827}.dm-upload-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:180px;z-index:50;overflow:hidden;animation:dmMenuPop .15s cubic-bezier(.16,1,.3,1)}@keyframes dmMenuPop{0%{opacity:0;transform:scale(.92) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.dm-upload-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#374151;font-size:.8rem;font-weight:500;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s}.dm-upload-option:hover{background:#f9fafb}.dm-upload-option i{width:18px;text-align:center;font-size:.85rem;color:#6b7280}.dm-sidebar{background:#fff;border:1px solid #ebebf5;border-radius:14px;padding:1rem;overflow-y:auto}.dm-sidebar__section{margin-bottom:1.5rem}.dm-sidebar__heading{font-size:.75rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;display:flex;align-items:center}.dm-sidebar__empty{font-size:.75rem;color:#9ca3af;line-height:1.5;margin:0;text-align:center;padding:1.5rem .5rem}.dm-loading{text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem;grid-column:1 / -1}.dm-empty{grid-column:1 / -1;text-align:center;padding:3rem 2rem;color:#9ca3af;font-size:.82rem;background:#fafafa;border-radius:14px;border:1.5px dashed #e5e7eb}.dm-empty i{font-size:2rem;margin-bottom:.75rem;display:block;opacity:.4}.dm-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:dmFadeIn .2s ease}@keyframes dmFadeIn{0%{opacity:0}to{opacity:1}}.dm-modal{background:#fff;border-radius:20px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px #0003;display:flex;flex-direction:column;animation:dmModalUp .25s cubic-bezier(.16,1,.3,1)}@keyframes dmModalUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dm-modal__header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f0f0f8}.dm-modal__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #0003}.dm-modal__title{font-size:1.15rem;font-weight:800;color:#111827;margin:0;letter-spacing:-.02em}.dm-modal__sub{font-size:.78rem;color:#6b7280;margin:0}.dm-modal__close{margin-left:auto;width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:background .15s,color .15s}.dm-modal__close:hover{background:#e5e7eb;color:#111827}.dm-modal__divider{height:1px;background:#f3f4f6;margin:0}.dm-modal__body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.dm-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem}.dm-field{display:flex;flex-direction:column;gap:.375rem}.dm-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.dm-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:#374151}.dm-label i{color:#9ca3af;font-size:.72rem;width:14px;text-align:center}.dm-input{padding:.65rem .875rem;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.85rem;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%;box-sizing:border-box}.dm-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514;background:#fff}.dm-input::-moz-placeholder{color:#9ca3af}.dm-input::placeholder{color:#9ca3af}.dm-input:disabled{opacity:.5;cursor:not-allowed}select.dm-input{cursor:pointer}.dm-btn{display:flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;border:none}.dm-btn--cancel{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb!important}.dm-btn--cancel:hover{background:#e5e7eb}.dm-btn--save{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 12px #4f46e54d}.dm-btn--save:hover{box-shadow:0 6px 16px #4f46e573;transform:translateY(-1px)}.dm-btn--save:disabled{opacity:.65;cursor:not-allowed;transform:none}@media(max-width:768px){.dm-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.dm-container{padding:.875rem}.dm-header{flex-direction:column;align-items:flex-start;gap:.75rem}.dm-stats{grid-template-columns:repeat(2,1fr);gap:.6rem}.dm-grid,.dm-field-row{grid-template-columns:1fr}.dm-msg__body{max-width:85%}.dm-chat-layout{grid-template-columns:1fr}.dm-sidebar{display:none}}.dm-modal--settings{max-width:480px}.dm-settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.dm-settings-row__info{display:flex;align-items:flex-start;gap:.75rem;flex:1}.dm-settings-row__info>i{width:36px;height:36px;border-radius:9px;background:#ede9fe;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.dm-settings-row__info div{display:flex;flex-direction:column;gap:2px}.dm-settings-row__info strong{font-size:.82rem;font-weight:700;color:#111827}.dm-settings-row__info span{font-size:.7rem;color:#9ca3af}.dm-toggle{width:44px;height:24px;border-radius:12px;background:#e5e7eb;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.dm-toggle--on{background:#4f46e5}.dm-toggle__knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s;display:block}.dm-toggle--on .dm-toggle__knob{transform:translate(20px)}.dm-members-list{display:flex;flex-direction:column;gap:.5rem;max-height:260px;overflow-y:auto}.dm-member-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:10px;background:#f9fafb;border:1px solid #f0f0f8;transition:background .15s}.dm-member-row:hover{background:#f3f4f6}.dm-member-row__avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.dm-member-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dm-member-row__info strong{font-size:.8rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-member-row__role{font-size:.65rem;color:#9ca3af;font-weight:500}.dm-member-row__role--teacher{color:#6366f1;font-weight:600}.dm-member-row__mute{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:20px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;flex-shrink:0}.dm-member-row__mute:hover{background:#fef3c7;color:#d97706;border-color:#fcd34d}.dm-member-row__mute--muted{background:#fef2f2;color:#ef4444;border-color:#fecaca}.dm-member-row__mute--muted:hover{background:#d1fae5;color:#10b981;border-color:#6ee7b7}.dm-settings-danger{padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}.dm-settings-danger__label{font-size:.72rem;font-weight:700;color:#ef4444;margin:0 0 .6rem;display:flex;align-items:center;gap:.4rem}.dm-settings-danger__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .875rem;border-radius:8px;border:1px solid #fecaca;background:#fff;color:#ef4444;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.dm-settings-danger__btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.dm-msg--highlight .dm-msg__bubble{animation:dmHighlight 1.5s ease}@keyframes dmHighlight{0%{box-shadow:0 0 0 3px #4f46e580}to{box-shadow:none}}.dm-rooms-sections{display:flex;flex-direction:column;gap:1.5rem}.dm-section{padding:1.5rem;background:#ffffffbf;border-radius:20px;border:1px solid rgba(235,235,245,.8);box-shadow:0 4px 20px #00000005;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.dm-section--assigned{background:linear-gradient(135deg,#fdf4ff73,#f5f3ff8c);border:1px dashed rgba(168,85,247,.4);box-shadow:0 4px 30px #a855f70d}.dm-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:800;color:#1e293b;margin:0 0 1rem;letter-spacing:-.01em}.dm-section--assigned .dm-section-title{color:#6b21a8;text-shadow:0 1px 2px rgba(168,85,247,.1)}.dm-section-title i{font-size:1rem}.dm-section--assigned .dm-section-title i{color:#a855f7;animation:pulseStar 2s infinite ease-in-out}@keyframes pulseStar{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.75}}.dm-section-count{font-size:.72rem;font-weight:700;background:#f1f5f9;color:#475569;padding:.15rem .5rem;border-radius:20px;margin-left:.5rem}.dm-section--assigned .dm-section-count{background:#fae8ff;color:#a855f7}.dm-room-card--assigned{position:relative;border:1px solid rgba(168,85,247,.22)!important;box-shadow:0 4px 15px #a855f708}.dm-room-card--assigned:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a855f7,#6366f1);z-index:2}.dm-room-card--assigned:hover{border-color:#a855f773!important;box-shadow:0 10px 30px #a855f71f!important}.dm-room-card__assigned-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff3;color:#ffb703;width:20px;height:20px;border-radius:50%;margin-left:.5rem;font-size:.68rem;vertical-align:middle;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:spinStar 6s infinite linear}@keyframes spinStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dm-room-card__you-tag{font-size:.62rem;font-weight:700;color:#a855f7;background:#fae8ff;padding:.1rem .4rem;border-radius:4px;margin-left:.35rem;display:inline-block;vertical-align:middle}.admin-profile-page{padding:1.25rem;padding-top:0;display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;background:var(--bg-primary)}[data-theme=dark] .admin-profile-page{background:#0a0a0a}.ap-loading,.ap-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:1rem;color:var(--text-secondary)}.ap-loading__spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:ap-spin .8s linear infinite}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-error i{font-size:2rem;color:var(--error-color)}.ap-banner{border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #00000040;min-height:180px}.ap-banner__overlay{position:absolute;inset:0;background:#00000026;pointer-events:none}.ap-banner__overlay:before{content:"";position:absolute;top:-80px;right:-80px;width:320px;height:320px;background:#ffffff12;border-radius:50%}.ap-banner__content{position:relative;display:flex;align-items:center;gap:1.75rem;padding:2rem 2.25rem;flex-wrap:wrap}.ap-avatar{position:relative;flex-shrink:0}.ap-avatar__img{border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block;border:4px solid rgba(255,255,255,.9);box-shadow:0 4px 16px #00000040}.ap-avatar__fallback{border-radius:50%;background:#fff3;border:4px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;box-shadow:0 4px 16px #00000040;letter-spacing:1px}.ap-avatar__ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid;opacity:.5;pointer-events:none}.ap-banner__info{flex:1;min-width:0}.ap-banner__name{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 .5rem}.ap-banner__meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem}.ap-role-badge{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#fff;border-radius:6px;padding:.25rem .65rem}.ap-banner__designation{font-size:.85rem;color:#ffffffd9;font-weight:500}.ap-banner__dept{font-size:.82rem;color:#ffffffbf;display:flex;align-items:center;gap:.3rem}.ap-banner__contacts{display:flex;gap:1.25rem;flex-wrap:wrap}.ap-banner__contacts span{font-size:.82rem;color:#ffffffd9;display:flex;align-items:center;gap:.35rem}.ap-banner__contacts i{opacity:.75}.ap-banner__id-card{background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:.75rem 1.25rem;text-align:center;flex-shrink:0}.ap-banner__id-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffffa6;margin-bottom:.25rem}.ap-banner__id-val{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:1px}.ap-body{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}.ap-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;margin-bottom:1.25rem}[data-theme=dark] .ap-section{background:#161616;border-color:#ffffff12}.ap-section:last-child{margin-bottom:0}.ap-section__head{display:flex;align-items:center;gap:.6rem;padding:.875rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}[data-theme=dark] .ap-section__head{background:#0f0f0f;border-bottom-color:#ffffff12}.ap-section__head i{color:var(--primary-color);font-size:.9rem}.ap-section__title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin:0}.ap-section__body{padding:.25rem 0}.ap-info-row{display:flex;align-items:center;gap:.875rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--border-color);transition:background .15s}[data-theme=dark] .ap-info-row{border-bottom-color:#ffffff0d}.ap-info-row:last-child{border-bottom:none}.ap-info-row:hover{background:var(--hover-bg)}[data-theme=dark] .ap-info-row:hover{background:#ffffff08}.ap-info-row__icon{width:30px;height:30px;border-radius:8px;background:#6366f114;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ap-info-row__icon i{color:var(--primary-color);font-size:.8rem}.ap-info-row__body{flex:1;min-width:0}.ap-info-row__label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);display:block;margin-bottom:1px}.ap-info-row__value{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .ap-info-row__value{color:#e2e8f0}@media(max-width:900px){.ap-body{grid-template-columns:1fr}}@media(max-width:640px){.admin-profile-page{padding:.75rem}.ap-banner__content{padding:1.5rem;gap:1.25rem}.ap-banner__name{font-size:1.35rem}.ap-banner__id-card{width:100%}}.academics-any-data{padding:1.5rem;background:#f8fafc;min-height:100vh;transition:background-color .3s ease;max-width:100%;overflow-x:hidden;box-sizing:border-box}[data-theme=dark] .academics-any-data{background:#0a0a0a}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb;transition:border-color .3s ease}[data-theme=dark] .page-header{border-bottom-color:#ffffff1a}.page-header h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0;transition:color .3s ease}[data-theme=dark] .page-header h1{color:#f1f5f9}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}[data-theme=dark] .back-btn{background:#374151}.back-btn:hover,[data-theme=dark] .back-btn:hover{background:#4b5563}.search-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}[data-theme=dark] .search-section{background:#1a1a1a;box-shadow:0 1px 3px #00000080}.search-section h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;transition:all .3s ease}[data-theme=dark] .search-section h2{color:#f1f5f9;border-bottom-color:#ffffff1a}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;width:100%;box-sizing:border-box}.filter-group{background:#f9fafb;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease;min-width:0;box-sizing:border-box;word-wrap:break-word}[data-theme=dark] .filter-group{background:#0f0f0f;border-color:#ffffff1a}.filter-group h3{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #d1d5db;transition:all .3s ease}[data-theme=dark] .filter-group h3{color:#e5e7eb;border-bottom-color:#ffffff1a}.highlight-group{background:#eff6ff!important;border:1px solid #bfdbfe!important;box-shadow:0 4px 6px -1px #3b82f61a}[data-theme=dark] .highlight-group{background:#3b82f61a!important;border-color:#3b82f64d!important;box-shadow:0 4px 6px -1px #3b82f633}.highlight-group h3{color:#1d4ed8!important;border-bottom-color:#bfdbfe!important}[data-theme=dark] .highlight-group h3{color:#60a5fa!important;border-bottom-color:#60a5fa4d!important}.filter-row{display:flex;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.filter-row label{min-width:120px;flex-shrink:0;font-weight:500;color:#374151;font-size:.875rem;transition:color .3s ease}[data-theme=dark] .filter-row label{color:#d1d5db}.filter-row input,.filter-row select{flex:1;min-width:0;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background:#fff;color:#1f2937;transition:all .3s ease}[data-theme=dark] .filter-row input,[data-theme=dark] .filter-row select{background:#0f0f0f;border-color:#fff3;color:#f1f5f9}.filter-row input:focus,.filter-row select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .filter-row input:focus,[data-theme=dark] .filter-row select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.range-inputs{display:flex;align-items:center;gap:.5rem;flex:1;flex-wrap:wrap}.range-inputs span{font-size:.875rem;color:#6b7280;transition:color .3s ease}[data-theme=dark] .range-inputs span{color:#9ca3af}.range-inputs input{width:80px;flex:none;min-width:70px}.radio-group{display:flex;gap:1rem;flex:1}.radio-group label{display:flex;align-items:center;gap:.5rem;min-width:auto;font-weight:400;cursor:pointer}.radio-group input[type=radio]{margin:0;flex:none}.additional-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease}[data-theme=dark] .additional-filters{background:#0f0f0f;border-color:#ffffff1a}.search-actions{display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:1px solid #e5e7eb;transition:border-color .3s ease}[data-theme=dark] .search-actions{border-top-color:#ffffff1a}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}[data-theme=dark] .btn-primary{background:#2563eb}[data-theme=dark] .btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover,[data-theme=dark] .btn-secondary{background:#4b5563}[data-theme=dark] .btn-secondary:hover{background:#374151}.btn-success{background:#10b981;color:#fff}.btn-success:hover,[data-theme=dark] .btn-success{background:#059669}[data-theme=dark] .btn-success:hover{background:#047857}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover,[data-theme=dark] .btn-danger{background:#dc2626}[data-theme=dark] .btn-danger:hover{background:#b91c1c}.btn-info{background:#06b6d4;color:#fff}.btn-info:hover,[data-theme=dark] .btn-info{background:#0891b2}[data-theme=dark] .btn-info:hover{background:#0e7490}.btn-outline{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline:hover{background:#f3f4f6;color:#374151}[data-theme=dark] .btn-outline{color:#9ca3af;border-color:#fff3}[data-theme=dark] .btn-outline:hover{background:#ffffff0d;color:#d1d5db}.field-selection{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}[data-theme=dark] .field-selection{background:#1a1a1a;box-shadow:0 1px 3px #00000080}.check-all-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;transition:border-color .3s ease}[data-theme=dark] .check-all-section{border-bottom-color:#ffffff1a}.check-all-section label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;cursor:pointer;transition:color .3s ease}[data-theme=dark] .check-all-section label{color:#e5e7eb}.fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:2rem}.field-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;cursor:pointer;transition:background .2s;font-size:.875rem}.field-checkbox:hover{background:#f3f4f6}[data-theme=dark] .field-checkbox:hover{background:#ffffff0d}.field-checkbox input[type=checkbox]{margin:0;flex:none}[data-theme=dark] .field-checkbox{color:#d1d5db}.field-checkbox.general{border-left:3px solid #6b7280}.field-checkbox.student{border-left:3px solid #3b82f6}.field-checkbox.transport{border-left:3px solid #10b981}.field-checkbox.hostel{border-left:3px solid #f59e0b}.field-checkbox.other{border-left:3px solid #8b5cf6}.legends{padding-top:1rem;border-top:1px solid #e5e7eb;transition:border-color .3s ease}[data-theme=dark] .legends{border-top-color:#ffffff1a}.legends h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem;transition:color .3s ease}[data-theme=dark] .legends h4{color:#e5e7eb}.legend-items{display:flex;gap:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;transition:color .3s ease}[data-theme=dark] .legend-item{color:#9ca3af}.legend-color{width:12px;height:12px;border-radius:2px}.legend-item.student .legend-color{background:#3b82f6}.legend-item.staff .legend-color{background:#10b981}.legend-item.parent .legend-color{background:#8b5cf6}.legend-item.common .legend-color{background:#ef4444}.results-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}[data-theme=dark] .results-section{background:#1a1a1a;box-shadow:0 1px 3px #00000080}.results-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;transition:all .3s ease}[data-theme=dark] .results-section h3{color:#f1f5f9;border-bottom-color:#ffffff1a}.results-table-container{overflow-x:auto;margin-bottom:2rem;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .3s ease}[data-theme=dark] .results-table-container{border-color:#ffffff1a}.results-table{width:100%;border-collapse:collapse;font-size:.875rem}.results-table th{background:#f9fafb;padding:.75rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap;transition:all .3s ease}[data-theme=dark] .results-table th{background:#0f0f0f;color:#e5e7eb;border-bottom-color:#ffffff1a}.results-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;color:#6b7280;transition:all .3s ease}[data-theme=dark] .results-table td{border-bottom-color:#ffffff0d;color:#9ca3af}.results-table tbody tr:hover{background:#f9fafb}[data-theme=dark] .results-table tbody tr:hover{background:#ffffff05}.results-table tfoot td{padding:12px 10px;background:#f8fafc;font-weight:800;color:#1e293b;border-top:2px solid #cbd5e1;border-bottom:2px solid #cbd5e1;transition:all .3s ease}[data-theme=dark] .results-table tfoot td{background:#0a0a0a;color:#f1f5f9;border-top-color:#ffffff1a;border-bottom-color:#ffffff1a}.results-table tfoot td:first-child{color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}[data-theme=dark] .results-table tfoot td:first-child{color:#94a3b8}@media print{.results-table tfoot{display:table-footer-group}.results-table tfoot td{border:1pt solid #000}}.export-actions{display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:1px solid #e5e7eb;transition:border-color .3s ease}[data-theme=dark] .export-actions{border-top-color:#ffffff1a}@media(max-width:1200px){.filters-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.filter-group{min-width:0}}@media(max-width:768px){.academics-any-data{padding:1rem;overflow-x:hidden}.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.filters-grid{grid-template-columns:1fr;gap:1rem}.additional-filters{grid-template-columns:1fr;padding:1rem}.filter-row{flex-direction:column;align-items:flex-start;gap:.5rem}.filter-row label{min-width:auto;width:100%}.filter-row input,.filter-row select{width:100%;min-width:0}.range-inputs{width:100%;flex-wrap:wrap}.range-inputs input{flex:1;min-width:80px}.radio-group{flex-direction:column;gap:.5rem;width:100%}.fields-grid{grid-template-columns:1fr}.legend-items{flex-direction:column;gap:.5rem}.search-actions,.export-actions{flex-direction:column;width:100%}.search-actions .btn,.export-actions .btn{width:100%;justify-content:center}.results-table-container{font-size:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.results-table{min-width:600px}.results-table th,.results-table td{padding:.5rem .25rem;font-size:.75rem}}@media(max-width:480px){.academics-any-data{padding:.75rem}.page-header h1{font-size:1.5rem}.filter-group{padding:1rem}.filter-group h3{font-size:1rem}.btn{padding:.75rem 1rem;font-size:.875rem;width:100%}.search-section,.field-selection,.results-section{padding:1rem;margin-bottom:1rem}.results-table th,.results-table td{padding:.375rem .25rem;font-size:.7rem}.results-table{min-width:500px}}.fa-spinner{animation:spin 1s linear infinite}.print-header{display:none;border-bottom:2px solid #1e293b;padding-bottom:20px;margin-bottom:30px}.print-header-top{display:flex;align-items:center;gap:30px;margin-bottom:20px}.print-logo{width:80px;height:80px;-o-object-fit:contain;object-fit:contain}.print-inst-name{margin:0;font-size:28px;font-weight:800;color:#1e293b;letter-spacing:-.5px}.print-inst-contact{display:flex;gap:15px;font-size:13px;color:#64748b;margin-top:5px}.print-report-meta{display:flex;justify-content:space-between;align-items:flex-end;background:#f8fafc;padding:15px;border-radius:8px}.report-title{margin:0;font-size:18px;color:#2563eb;font-weight:700}.report-filters-summary{font-size:12px;color:#64748b;margin-top:4px}.meta-right{text-align:right;font-size:12px;color:#64748b}.meta-right p{margin:2px 0}@media print{@page{size:A4 landscape;margin:1cm}.no-print,.admin-sidebar,.admin-header,.report-gen-header,.search-section,.field-selection,.back-btn{display:none!important}.admin-layout,.admin-main-content,.admin-content-area,.report-gen-layout,.report-content-area,.academics-any-data,.results-section,.results-table-container{display:block!important;opacity:1!important;visibility:visible!important;animation:none!important;height:auto!important;width:100%!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important;position:static!important}.print-header{display:block!important;margin-bottom:20px}.results-table{display:table!important;width:100%!important;border-collapse:collapse!important;table-layout:auto!important}.results-table th,.results-table td{border:1px solid black!important;padding:4px 8px!important}.results-section *,.print-header *{color:#000!important;-webkit-text-fill-color:black!important;opacity:1!important;visibility:visible!important;background:transparent!important}.results-table th,.results-table th *{font-weight:700!important;background:#eee!important;-webkit-print-color-adjust:exact}}.rgm-page{padding:1.25rem;padding-top:0;display:flex;flex-direction:column;gap:1.25rem;min-height:100vh;background:#f5f5fa}.rgm-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-radius:0 0 20px 20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #1d4ed859;flex-wrap:wrap}.rgm-banner:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.rgm-banner:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.rgm-banner__left{position:relative;z-index:1}.rgm-banner__badge{font-size:.65rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff9;display:block;margin-bottom:.4rem}.rgm-banner__title{font-size:1.65rem;font-weight:800;margin:0 0 .3rem;color:#fff;display:flex;align-items:center;gap:.75rem}.rgm-banner__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);font-size:1rem;flex-shrink:0}.rgm-banner__sub{font-size:.875rem;color:#ffffffb3;margin:0}.rgm-tabs{display:flex;flex-wrap:wrap;gap:.35rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:5px;border-radius:14px;position:relative;z-index:1;align-self:flex-end}.rgm-tab{padding:.5rem 1rem;border:none;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:700;background:transparent;color:#ffffffa6;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.45rem}.rgm-tab i{font-size:.8rem}.rgm-tab:hover:not(.active){color:#fff;background:#ffffff1f}.rgm-tab.active{background:#fff;color:#1e293b;box-shadow:0 2px 8px #0003}.rgm-content{flex:1}.rgm-fade{animation:rgm-fade-in .3s ease-out}@keyframes rgm-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.rgm-banner{flex-direction:column;gap:1.25rem;padding:1.5rem}.rgm-tabs{align-self:flex-start}.rgm-banner__title{font-size:1.3rem}}@media(max-width:600px){.rgm-tabs{gap:.25rem}.rgm-tab{font-size:.75rem;padding:.45rem .75rem}.rgm-tab i{display:none}}@media print{.rgm-banner,.no-print{display:none!important}.rgm-page{padding:0;background:#fff}.rgm-content{padding:0}}.arc-page{display:flex;flex-direction:column;gap:1.5rem}.arc-controls{background:#fff;border-radius:14px;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000f}.arc-controls__title{font-size:.9rem;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.arc-controls__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.25rem}.arc-ctrl-field{display:flex;flex-direction:column;gap:.35rem}.arc-ctrl-field--full{grid-column:1 / -1}.arc-ctrl-field label{font-size:.78rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em}.arc-ctrl-field input,.arc-ctrl-field select,.arc-ctrl-field textarea{padding:.6rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;font-family:inherit;background:#fff;transition:border-color .2s}.arc-ctrl-field input:focus,.arc-ctrl-field select:focus,.arc-ctrl-field textarea:focus{border-color:#6366f1}.arc-ctrl-field textarea{resize:vertical}.arc-controls__actions{display:flex;gap:.75rem;flex-wrap:wrap}.arc-btn{padding:.6rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .2s;border:none;white-space:nowrap}.arc-btn--primary{background:#6366f1;color:#fff}.arc-btn--primary:hover{background:#4f46e5}.arc-btn--primary:disabled{opacity:.6;cursor:not-allowed}.arc-btn--outline{background:#fff;color:#6366f1;border:1.5px solid #6366f1}.arc-btn--outline:hover{background:#eef2ff}.arc-btn--outline:disabled{opacity:.6;cursor:not-allowed}.arc-btn--ghost{background:#f1f5f9;color:#475569}.arc-btn--ghost:hover{background:#e2e8f0}.arc-bulk-list{background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden}.arc-bulk-list__head{padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:600;color:#0f172a}.arc-bulk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0}.arc-bulk-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;cursor:pointer;transition:background .15s}.arc-bulk-item:hover{background:#f8fafc}.arc-bulk-item__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.arc-bulk-item__name{font-size:.875rem;font-weight:600;color:#0f172a}.arc-bulk-item__meta{font-size:.75rem;color:#64748b}.arc-bulk-item__icon{margin-left:auto;color:#94a3b8;font-size:.8rem}.arc-preview-overlay{position:fixed;inset:0;background:#0009;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem}.arc-preview-modal{background:#f1f5f9;border-radius:16px;width:100%;max-width:860px;max-height:94vh;overflow-y:auto;box-shadow:0 25px 60px #0000004d;display:flex;flex-direction:column}.arc-preview-head{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10;gap:1rem;flex-wrap:wrap}.arc-preview-head__left{display:flex;align-items:center;gap:.65rem;font-size:1rem;font-weight:700;color:#0f172a}.arc-preview-head__actions{display:flex;gap:.5rem;flex-wrap:wrap}.arc-preview-body{padding:1.5rem}.arc-card{background:#fff;border-radius:12px;padding:2rem;font-family:Georgia,serif;box-shadow:0 2px 12px #00000014}.arc-school-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #6366f1}.arc-logo{height:48px;-o-object-fit:contain;object-fit:contain}.arc-school-name{font-size:1.3rem;font-weight:700;color:#0f172a;margin:0 0 .2rem}.arc-school-sub{font-size:.8rem;color:#64748b;margin:0;font-family:sans-serif}.arc-title-bar{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);color:#fff;padding:.65rem 1.25rem;border-radius:8px;display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:1.25rem;font-family:sans-serif}.arc-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem 1rem;background:#f8fafc;border-radius:10px;padding:1rem;margin-bottom:1.25rem}.arc-info-item{display:flex;flex-direction:column;gap:.2rem}.arc-info-label{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-family:sans-serif}.arc-info-value{font-size:.875rem;color:#1e293b;font-family:sans-serif}.arc-info-value--bold{font-size:.9rem;font-weight:700;color:#0f172a;font-family:sans-serif}.arc-grade-pill{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.78rem;font-weight:700;font-family:sans-serif}.arc-table-wrap{overflow-x:auto;margin-bottom:1.25rem}.arc-table{width:100%;border-collapse:collapse;font-size:.85rem;font-family:sans-serif}.arc-th{background:#1e3a8a;color:#fff;padding:.6rem .75rem;text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.03em;white-space:nowrap}.arc-th--subject{text-align:left}.arc-th--highlight{background:#1d4ed8}.arc-tr td{border-bottom:1px solid #f1f5f9}.arc-tr--even td{background:#f8fafc}.arc-td{padding:.6rem .75rem;color:#1e293b}.arc-td--subject{font-weight:600}.arc-td--center{text-align:center}.arc-td--highlight{background:#eff6ff;font-weight:600;text-align:center}.arc-tfoot-row td{background:#f1f5f9;border-top:2px solid #1e3a8a}.arc-remarks-box{background:#f0f9ff;border-left:4px solid #6366f1;border-radius:0 8px 8px 0;padding:.85rem 1rem;margin-bottom:1.25rem}.arc-remarks-label{font-size:.78rem;font-weight:700;color:#6366f1;margin:0 0 .3rem;font-family:sans-serif;text-transform:uppercase}.arc-remarks-text{font-size:.9rem;color:#334155;margin:0;font-style:italic}.arc-signatures{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0}.arc-sig{text-align:center}.arc-sig__line{width:140px;border-top:1.5px solid #0f172a;margin:0 auto .4rem}.arc-sig__name{font-size:.85rem;font-weight:700;color:#0f172a;margin:0;font-family:sans-serif}.arc-sig__role{font-size:.75rem;color:#64748b;margin:.1rem 0 0;font-family:sans-serif}.arc-footer-note{text-align:center;font-size:.72rem;color:#94a3b8;margin-top:1rem;font-family:sans-serif}@media(max-width:768px){.arc-controls__grid,.arc-info-grid{grid-template-columns:1fr 1fr}.arc-signatures{flex-direction:column;gap:1.5rem;align-items:center}}@media print{@page{size:portrait;margin:1.2cm}.arc-preview-head{display:none!important}.arc-preview-modal{box-shadow:none;border-radius:0;max-height:none;background:#fff!important}.arc-preview-body{padding:0!important}.arc-card{box-shadow:none!important;border:none!important;padding:0!important;width:100%!important;max-width:100%!important;margin:0 auto!important;-moz-column-break-inside:avoid!important;break-inside:avoid!important;page-break-inside:avoid!important;background:#fff!important}.arc-title-bar{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8)!important;color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.arc-th{background:#1e3a8a!important;color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.arc-th--highlight{background:#1d4ed8!important}.arc-td--highlight{background:#eff6ff!important}.arc-tr--even td{background:#f8fafc!important}.arc-remarks-box{background:#f0f9ff!important;border-left:4px solid #6366f1!important}}.arc-bulk-overlay{position:fixed;inset:0;background:#00000073;z-index:1300;display:flex;align-items:center;justify-content:center;padding:1rem}.arc-bulk-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;box-shadow:0 25px 60px #0003;overflow:hidden}.arc-bulk-modal__head{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.arc-bulk-modal__head-left{display:flex;align-items:center;gap:.65rem}.arc-bulk-modal__head-icon{width:36px;height:36px;background:#f0fdf4;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#059669;font-size:1rem}.arc-bulk-modal__head h2{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0}.arc-bulk-modal__close{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.arc-bulk-modal__close:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.arc-bulk-modal__body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.arc-bulk-modal__info{display:flex;flex-wrap:wrap;gap:.5rem}.arc-bulk-modal__info-item{display:flex;align-items:center;gap:.4rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:.3rem .75rem;font-size:.8rem;color:#475569}.arc-bulk-modal__info-item i{color:#6366f1;font-size:.75rem}.arc-bulk-modal__zone{border:2px dashed #a7f3d0;border-radius:12px;padding:2rem 1.5rem;text-align:center;background:#f0fdf4;cursor:default}.arc-bulk-modal__zone-icon{font-size:2.5rem;color:#6ee7b7;display:block;margin-bottom:.75rem}.arc-bulk-modal__zone-text{font-size:.95rem;color:#065f46;margin:0 0 .35rem}.arc-bulk-modal__zone-sub{font-size:.8rem;color:#6b7280;margin:0}.arc-bulk-modal__progress{display:flex;flex-direction:column;gap:.4rem}.arc-bulk-modal__progress-bar{height:8px;background:#e2e8f0;border-radius:20px;overflow:hidden}.arc-bulk-modal__progress-fill{height:100%;background:linear-gradient(90deg,#059669,#10b981);border-radius:20px;transition:width .3s ease}.arc-bulk-modal__progress-label{font-size:.78rem;color:#64748b;text-align:center}.arc-bulk-modal__foot{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:.75rem}.arc-bulk-modal__btn-cancel{padding:.6rem 1.25rem;background:#f1f5f9;color:#475569;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.arc-bulk-modal__btn-cancel:hover{background:#e2e8f0}.arc-bulk-modal__btn-cancel:disabled{opacity:.5;cursor:not-allowed}.arc-bulk-modal__btn-generate{padding:.6rem 1.5rem;background:#059669;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.45rem;transition:background .15s}.arc-bulk-modal__btn-generate:hover{background:#047857}.arc-bulk-modal__btn-generate:disabled{opacity:.6;cursor:not-allowed}.cert-mgmt{padding:1.25rem;background:#f5f5fa;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:1rem}.cert-mgmt__header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.75rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #1d4ed859;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#fff;position:relative;overflow:hidden}.cert-mgmt__header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.cert-mgmt__header-left h1{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:#fff;display:flex;align-items:center}.cert-mgmt__header-left p{font-size:.875rem;opacity:.75;margin:0;color:#fff}.cert-mgmt__header-icon{display:none}.cert-mgmt__tabs{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:12px;box-shadow:0 1px 4px #00000014;flex-wrap:wrap}.cert-mgmt__tab{flex:1;min-width:120px;padding:.65rem 1rem;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.cert-mgmt__tab:hover{background:#f1f5f9;color:#1e40af}.cert-mgmt__tab.active{background:#1d4ed8;color:#fff;box-shadow:0 4px 12px #1d4ed84d}.cert-mgmt__tab-badge{background:#ffffff40;border-radius:20px;padding:.1rem .45rem;font-size:.75rem;font-weight:600}.cert-mgmt__tab:not(.active) .cert-mgmt__tab-badge{background:#e2e8f0;color:#475569}.cert-mgmt__panel{background:#fff;border-radius:14px;box-shadow:0 1px 4px #00000014;overflow:hidden}.cert-mgmt__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.cert-mgmt__search{position:relative;flex:1;min-width:200px;max-width:320px}.cert-mgmt__search i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem}.cert-mgmt__search input{width:100%;padding:.55rem .75rem .55rem 2.25rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;transition:border-color .2s;box-sizing:border-box}.cert-mgmt__search input:focus{border-color:#1d4ed8}.cert-mgmt__btn-primary{padding:.6rem 1.25rem;background:#1d4ed8;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s;white-space:nowrap}.cert-mgmt__btn-primary:hover{background:#1e40af}.cert-mgmt__table-wrap{overflow-x:auto}.cert-mgmt__table{width:100%;border-collapse:collapse;font-size:.875rem}.cert-mgmt__table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.cert-mgmt__table td{padding:.85rem 1rem;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.cert-mgmt__table tr:last-child td{border-bottom:none}.cert-mgmt__table tr:hover td{background:#f8fafc}.cert-mgmt__student-cell{display:flex;align-items:center;gap:.65rem}.cert-mgmt__avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0;overflow:hidden}.cert-mgmt__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cert-mgmt__student-name{font-weight:600;color:#0f172a}.cert-mgmt__student-sub{font-size:.75rem;color:#64748b}.cert-mgmt__badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:20px;font-size:.75rem;font-weight:600}.cert-mgmt__badge--issued{background:#dcfce7;color:#166534}.cert-mgmt__badge--revoked{background:#fee2e2;color:#991b1b}.cert-mgmt__badge--sports{background:#fef3c7;color:#92400e}.cert-mgmt__badge--academic{background:#dbeafe;color:#1e40af}.cert-mgmt__badge--cultural{background:#f3e8ff;color:#6b21a8}.cert-mgmt__badge--other{background:#f1f5f9;color:#475569}.cert-mgmt__actions{display:flex;gap:.4rem}.cert-mgmt__icon-btn{width:30px;height:30px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s}.cert-mgmt__icon-btn--print{background:#eff6ff;color:#1d4ed8}.cert-mgmt__icon-btn--print:hover{background:#1d4ed8;color:#fff}.cert-mgmt__icon-btn--delete{background:#fef2f2;color:#dc2626}.cert-mgmt__icon-btn--delete:hover{background:#dc2626;color:#fff}.cert-mgmt__empty{padding:3rem;text-align:center;color:#94a3b8}.cert-mgmt__empty i{font-size:2.5rem;margin-bottom:.75rem;display:block}.cert-mgmt__empty p{margin:0;font-size:.9rem}.cert-mgmt__loading{padding:2rem;text-align:center;color:#94a3b8;font-size:.875rem}.cert-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.cert-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #00000040}.cert-modal__head{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.cert-modal__head h2{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0}.cert-modal__close{width:32px;height:32px;border:none;border-radius:8px;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .15s}.cert-modal__close:hover{background:#fee2e2;color:#dc2626}.cert-modal__body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.cert-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cert-modal__field{display:flex;flex-direction:column;gap:.35rem}.cert-modal__field label{font-size:.8rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em}.cert-modal__field input,.cert-modal__field select,.cert-modal__field textarea{padding:.6rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;transition:border-color .2s;font-family:inherit;background:#fff}.cert-modal__field input:focus,.cert-modal__field select:focus,.cert-modal__field textarea:focus{border-color:#1d4ed8}.cert-modal__field textarea{resize:vertical;min-height:72px}.cert-modal__field--full{grid-column:1 / -1}.cert-modal__student-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem 1rem;display:flex;align-items:center;gap:.75rem}.cert-modal__student-preview .cert-mgmt__avatar{width:40px;height:40px;font-size:.85rem}.cert-modal__student-info strong{display:block;font-size:.9rem;color:#0f172a}.cert-modal__student-info span{font-size:.8rem;color:#64748b}.cert-modal__foot{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:.75rem}.cert-modal__btn-cancel{padding:.6rem 1.25rem;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.cert-modal__btn-cancel:hover{background:#e2e8f0}.cert-modal__btn-submit{padding:.6rem 1.5rem;background:#1d4ed8;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.cert-modal__btn-submit:hover{background:#1e40af}.cert-modal__btn-submit:disabled{opacity:.6;cursor:not-allowed}.cert-mgmt__btn-outline{padding:.6rem 1.25rem;background:#fff;color:#1d4ed8;border:1.5px solid #1d4ed8;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;white-space:nowrap}.cert-mgmt__btn-outline:hover{background:#eff6ff}.cert-mgmt__filter-select{padding:.55rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;background:#fff;color:#1e293b;cursor:pointer}.cert-mgmt__icon-btn--view{background:#f0fdf4;color:#16a34a}.cert-mgmt__icon-btn--view:hover{background:#16a34a;color:#fff}.cert-modal__preview-btn{margin-left:auto;padding:.35rem .85rem;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.35rem;white-space:nowrap;transition:all .15s}.cert-modal__preview-btn:hover{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.cert-preview-overlay{position:fixed;inset:0;background:#0009;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem}.cert-preview-modal{background:#f1f5f9;border-radius:16px;width:100%;max-width:760px;max-height:94vh;overflow-y:auto;box-shadow:0 25px 60px #0000004d;display:flex;flex-direction:column}.cert-preview-modal__head{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10}.cert-preview-modal__head-left{display:flex;align-items:center;gap:.65rem;color:#0f172a}.cert-preview-modal__head-left i{color:#1d4ed8;font-size:1.1rem}.cert-preview-modal__head-left h2{font-size:1rem;font-weight:700;margin:0}.cert-preview-modal__head-actions{display:flex;gap:.5rem;align-items:center}.cert-preview-modal__body{padding:1.5rem}.cert-template{background:#fff;border-radius:12px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014;font-family:Georgia,serif;border:1px solid #e2e8f0}.cert-template--tc{border-top:5px solid #1d4ed8}.cert-template--cc{border-top:5px solid #0891b2}.cert-template--achievement{border:3px solid #7c3aed;background:linear-gradient(180deg,#faf5ff,#fff 15%)}.cert-template__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.cert-template__header--achievement{justify-content:center;flex-direction:column;text-align:center}.cert-template__logo-wrap{flex-shrink:0}.cert-template__logo{height:48px;-o-object-fit:contain;object-fit:contain}.cert-template__school-info{flex:1}.cert-template__school-name{font-size:1.3rem;font-weight:700;color:#0f172a;margin:0 0 .2rem;font-family:Georgia,serif}.cert-template__school-sub{font-size:.8rem;color:#64748b;margin:0;font-family:sans-serif}.cert-template__header-badge{width:48px;height:48px;background:#1d4ed8;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.cert-template__header-badge--cc{background:#0891b2}.cert-template__header-badge--achievement{background:#7c3aed}.cert-template__divider{border:none;border-top:2px solid #1d4ed8;margin:1rem 0}.cert-template__divider--cc{border-color:#0891b2}.cert-template__title-block{display:flex;align-items:center;gap:1rem;margin:1.25rem 0}.cert-template__title-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#1d4ed8)}.cert-template__title-line:last-child{background:linear-gradient(90deg,#1d4ed8,transparent)}.cert-template__title-line--cc{background:linear-gradient(90deg,transparent,#0891b2)}.cert-template__title-line--cc:last-child{background:linear-gradient(90deg,#0891b2,transparent)}.cert-template__title{font-size:1.15rem;font-weight:700;color:#1d4ed8;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;margin:0}.cert-template__title--cc{color:#0891b2}.cert-template__meta-row{display:flex;justify-content:space-between;font-size:.8rem;color:#64748b;margin-bottom:1.25rem;font-family:sans-serif}.cert-template__meta-row strong{color:#0f172a}.cert-template__body-text{font-size:.95rem;line-height:1.8;color:#334155;text-align:justify;margin-bottom:1.5rem}.cert-template__body-text strong{color:#0f172a}.cert-template__details{background:#f8fafc;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.6rem}.cert-template__detail-row{display:flex;align-items:baseline;gap:.5rem;font-size:.875rem}.cert-template__detail-label{color:#64748b;min-width:160px;flex-shrink:0;font-family:sans-serif;font-size:.8rem}.cert-template__detail-dots{flex:1;border-bottom:1px dotted #cbd5e1;margin-bottom:3px}.cert-template__detail-value{font-weight:600;color:#0f172a;text-align:right;min-width:120px}.cert-template__detail-value--highlight{color:#1d4ed8;background:#eff6ff;padding:.1rem .5rem;border-radius:4px}.cert-template__remarks{background:#eff6ff;border-left:3px solid #1d4ed8;border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.875rem;color:#334155;margin-bottom:1.5rem;font-style:italic}.cert-template__remarks i{color:#1d4ed8;margin-right:.4rem}.cert-template__remarks--cc{background:#ecfeff;border-color:#0891b2}.cert-template__remarks--cc i{color:#0891b2}.cert-template__remarks--achievement{background:#f5f3ff;border-color:#7c3aed}.cert-template__remarks--achievement i{color:#7c3aed}.cert-template__footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0}.cert-template__footer--achievement{border-color:#ede9fe}.cert-template__sig{text-align:center}.cert-template__sig-line{width:140px;border-top:1.5px solid #0f172a;margin:0 auto .4rem}.cert-template__sig-name{font-size:.85rem;font-weight:700;color:#0f172a;margin:0}.cert-template__sig-role{font-size:.75rem;color:#64748b;margin:.1rem 0 0;font-family:sans-serif}.cert-template__seal{text-align:center}.cert-template__seal-circle{width:72px;height:72px;border:2px dashed #94a3b8;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:sans-serif}.cert-template__seal-circle--cc{border-color:#67e8f9;color:#0891b2}.cert-template__watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:8rem;font-weight:900;color:#1d4ed80a;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Georgia,serif;letter-spacing:.1em}.cert-template__watermark--cc{color:#0891b20a}.cert-template__achievement-border{height:8px;background:linear-gradient(90deg,#7c3aed,#a855f7,#7c3aed);margin:-2.5rem -2.5rem 2rem;border-radius:12px 12px 0 0}.cert-template__achievement-bottom-border{height:6px;background:linear-gradient(90deg,#7c3aed,#a855f7,#7c3aed);margin:2rem -2.5rem -2.5rem;border-radius:0 0 12px 12px}.cert-template__achievement-title-wrap{text-align:center;margin:1rem 0 1.5rem}.cert-template__achievement-stars{font-size:1.2rem;color:#f59e0b;letter-spacing:.5rem;margin-bottom:.5rem}.cert-template__achievement-title{font-size:1.4rem;font-weight:700;color:#7c3aed;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .35rem}.cert-template__achievement-subtitle{font-size:.9rem;color:#64748b;margin:0;font-family:sans-serif;font-style:italic}.cert-template__recipient{text-align:center;margin:1.5rem 0;padding:1.25rem;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;border:1px solid #ddd6fe}.cert-template__recipient-name{font-size:1.8rem;font-weight:700;color:#4c1d95;font-family:Georgia,serif;letter-spacing:.02em}.cert-template__recipient-class{font-size:.9rem;color:#7c3aed;margin-top:.25rem;font-family:sans-serif}.cert-template__achievement-body{font-size:1rem;line-height:1.8;color:#334155;text-align:center;margin:1rem 0 1.5rem}.cert-template__achievement-body strong{color:#4c1d95}.cert-template__achievement-badge-row{display:flex;justify-content:space-around;align-items:center;background:#f5f3ff;border-radius:12px;padding:1rem;margin-bottom:1.25rem;border:1px solid #ede9fe}.cert-template__achievement-medal{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.75rem;color:#7c3aed;font-family:sans-serif;font-weight:600}.cert-template__achievement-medal i{font-size:1.5rem;color:#f59e0b}.cert-template__achievement-award{display:flex;flex-direction:column;align-items:center;gap:.25rem}.cert-template__achievement-award-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-family:sans-serif}.cert-template__achievement-award-value{font-size:1rem;font-weight:700;color:#4c1d95;text-align:center}.cert-template__achievement-date-box{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ede9fe;border-radius:8px;padding:.5rem 1rem}.cert-template__achievement-date-label{font-size:.7rem;color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;font-family:sans-serif}.cert-template__achievement-date-val{font-size:.875rem;font-weight:700;color:#4c1d95}@media(max-width:640px){.cert-mgmt__header{padding:1.25rem}.cert-mgmt__header-left h1{font-size:1.2rem}.cert-modal__row{grid-template-columns:1fr}.cert-template{padding:1.5rem}.cert-template__detail-label{min-width:110px}.cert-template__footer{flex-direction:column;gap:1.5rem;align-items:center}.cert-template__achievement-badge-row{flex-direction:column;gap:1rem}.cert-template__recipient-name{font-size:1.3rem}}@media print{.cert-preview-modal__head{display:none!important}.cert-preview-modal{box-shadow:none;border-radius:0;max-height:none}.cert-preview-modal__body{padding:0}.cert-template{box-shadow:none}}.tc-doc{background:#fff;font-family:Times New Roman,Times,serif;font-size:.875rem;color:#000;padding:1.5rem 2rem;border:1px solid #ccc}.tc-doc__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.tc-doc__logo-wrap{flex-shrink:0}.tc-doc__logo{height:64px;-o-object-fit:contain;object-fit:contain}.tc-doc__school-center{flex:1;text-align:center}.tc-doc__school-name{font-size:1.3rem;font-weight:700;margin:0 0 .2rem;text-transform:uppercase;letter-spacing:.03em}.tc-doc__school-addr{font-size:.8rem;margin:.1rem 0;color:#333}.tc-doc__title-section{text-align:center;margin:1rem 0 .5rem;border-top:2px solid #000;border-bottom:1px solid #000;padding:.4rem 0}.tc-doc__title{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .2rem}.tc-doc__admission-line{font-size:.8rem;margin:0}.tc-doc__table{width:100%;border-collapse:collapse;margin-top:.25rem}.tc-doc__row{border-bottom:1px solid #ccc}.tc-doc__row:last-child{border-bottom:2px solid #000}.tc-doc__cell{padding:.35rem .5rem;vertical-align:top;border-right:1px solid #ccc;line-height:1.4}.tc-doc__cell--no{width:32px;text-align:center;font-weight:600;border-left:1px solid #ccc;white-space:nowrap}.tc-doc__cell--label{width:45%;color:#222}.tc-doc__cell--value{font-weight:500;border-right:1px solid #ccc}.tc-doc__footer{display:flex;justify-content:space-between;margin-top:2.5rem;padding-top:.5rem}.tc-doc__sig{text-align:center;min-width:140px}.tc-doc__sig-space{height:40px}.tc-doc__sig-line{border-top:1px solid #000;margin:0 auto .3rem;width:140px}.tc-doc__sig-label{font-size:.8rem;margin:0;font-weight:600}.tc-doc__sig-school{font-size:.75rem;margin:.1rem 0 0;color:#444}@media print{.tc-doc{border:none;padding:0}.tc-doc__table{font-size:.8rem}}.bon-doc{background:#fff;font-family:Georgia,Times New Roman,serif;padding:.5rem}.bon-doc__outer-border{border:4px solid #1a1a1a;padding:6px}.bon-doc__inner-border{border:1.5px solid #555;padding:2rem 2.5rem;position:relative;background-image:radial-gradient(circle,#333 3px,transparent 3px),radial-gradient(circle,#333 3px,transparent 3px),radial-gradient(circle,#333 3px,transparent 3px),radial-gradient(circle,#333 3px,transparent 3px);background-position:12px 12px,calc(100% - 12px) 12px,12px calc(100% - 12px),calc(100% - 12px) calc(100% - 12px);background-size:8px 8px;background-repeat:no-repeat;outline:none}.bon-doc__inner-border:before,.bon-doc__inner-border:after{content:"";position:absolute;top:10%;bottom:10%;width:0;border-left:2px dotted #aaa}.bon-doc__inner-border:before{left:8px}.bon-doc__inner-border:after{right:8px}.bon-doc__date-row{display:flex;justify-content:space-between;font-size:.875rem;font-style:italic;margin-bottom:1.25rem;color:#333}.bon-doc__underline{border-bottom:1px solid #333;padding-bottom:1px;min-width:80px;display:inline-block}.bon-doc__cert-no{font-size:.8rem;color:#555}.bon-doc__title-wrap{text-align:center;margin-bottom:1.5rem}.bon-doc__title{font-size:1.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#111;margin:0 0 .5rem;font-family:Georgia,serif}.bon-doc__title-dots{border-top:2px dotted #888;margin:0 auto;width:80%}.bon-doc__body{margin-bottom:2rem}.bon-doc__para{font-size:1rem;line-height:1.9;font-style:italic;color:#222;margin:0 0 1rem;text-align:left}.bon-doc__para--remarks{color:#555;font-size:.9rem}.bon-doc__blank{border-bottom:1px solid #333;padding-bottom:1px;font-weight:600;font-style:normal;color:#000;white-space:nowrap}.bon-doc__footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.5rem}.bon-doc__footer-left{font-style:italic;font-size:.85rem;color:#333}.bon-doc__school-name{font-weight:700;font-style:normal;color:#111;margin:0 0 .2rem}.bon-doc__seal-text{margin:0;color:#666;font-size:.8rem}.bon-doc__footer-right{text-align:right}.bon-doc__sig-line{border-top:1px solid #333;width:160px;margin:0 0 .3rem auto}.bon-doc__sig-label{font-style:italic;font-size:.875rem;margin:0;color:#333}.bon-doc__sig-role{font-style:italic;font-size:.8rem;color:#555;margin:.1rem 0 0}@media print{.bon-doc__outer-border{border:4px solid #000}.bon-doc__inner-border{border:1.5px solid #333}}.idc-banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.idc-card-pair{display:flex;flex-direction:column;gap:.5rem;-moz-column-break-inside:avoid;break-inside:avoid}.idc-card{width:320px;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #00000026;font-family:inherit;background:#fff;flex-shrink:0}.idc-card--front{position:relative}.idc-card__header{background:linear-gradient(135deg,#1e1b4b,#4f46e5 60%,#7c3aed);padding:1rem 1rem 2.5rem;position:relative;overflow:visible}.idc-card__wave{position:absolute;bottom:-1px;left:0;right:0;height:28px;background:#fff;clip-path:ellipse(55% 100% at 50% 100%)}.idc-card__header-content{position:relative;z-index:1}.idc-card__logo{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;border-radius:6px;background:#ffffff26;padding:2px}.idc-card__school-name{font-size:.72rem;font-weight:700;color:#fffffff2;letter-spacing:.02em;line-height:1.2;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idc-card__photo-ring{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);width:72px;height:72px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 14px #0003;overflow:hidden;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;z-index:2}.idc-card__photo-init{font-size:1.4rem;font-weight:800;color:#fff}.idc-card__body{padding:2.75rem 1.25rem 1rem;text-align:center}.idc-card__name{font-size:1rem;font-weight:800;color:#111827;letter-spacing:-.01em;margin-bottom:.2rem}.idc-card__role{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.875rem}.idc-card__fields{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.875rem;text-align:left}.idc-card__field{display:flex;align-items:center;gap:.5rem;padding:.3rem .6rem;background:#f9fafb;border-radius:7px;border:1px solid #f3f4f6}.idc-card__fl{font-size:.62rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;min-width:38px}.idc-card__fv{font-size:.75rem;font-weight:600;color:#111827;flex:1}.idc-card__fv--blood{color:#b91c1c;background:#fee2e2;padding:.1rem .4rem;border-radius:4px;font-size:.7rem}.idc-barcode{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.idc-barcode>div:first-child{display:flex;gap:1px;height:28px;align-items:flex-end}.idc-barcode__bar{background:#1e1b4b;border-radius:1px}.idc-barcode__bar--0{width:1px;height:60%}.idc-barcode__bar--1{width:2px;height:85%}.idc-barcode__bar--2{width:1.5px;height:100%}.idc-barcode__text{font-size:.6rem;color:#6b7280;letter-spacing:.12em;font-family:monospace}.idc-card--back{background:#fff}.idc-card__header--back{background:linear-gradient(135deg,#1e1b4b,#312e81);padding:.875rem 1rem 1.5rem}.idc-card__wave--back{background:#fff}.idc-card__back-body{padding:.75rem 1.25rem 1rem}.idc-card__back-section-title{font-size:.65rem;font-weight:800;color:#4f46e5;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.idc-card__terms{margin:0 0 .5rem;padding-left:1rem;list-style:disc}.idc-card__terms li{font-size:.62rem;color:#6b7280;line-height:1.5;margin-bottom:.2rem}.idc-card__contact{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.idc-card__contact-row{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:#374151}.idc-card__contact-row i{width:12px;color:#4f46e5;font-size:.6rem;flex-shrink:0}.idc-card__back-footer{display:flex;align-items:flex-end;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #e5e7eb}.idc-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease;border:none;white-space:nowrap}.idc-btn--primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 12px #4f46e54d}.idc-btn--primary:hover:not(:disabled){box-shadow:0 6px 16px #4f46e573;transform:translateY(-1px)}.idc-btn--primary:disabled{opacity:.6;cursor:not-allowed}.idc-btn--outline{background:#fff;color:#374151;border:1.5px solid #e5e7eb}.idc-btn--outline:hover{background:#f9fafb;border-color:#d1d5db}.idc-btn--ghost{background:transparent;color:#6b7280;border:1.5px solid transparent}.idc-btn--ghost:hover{background:#f3f4f6;color:#111827}.idc-btn--glass{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.idc-btn--glass:hover{background:#ffffff40}.idc-btn--white{background:#fff;color:#4f46e5;border:none;box-shadow:0 2px 8px #0000001f}.idc-btn--white:hover{box-shadow:0 4px 14px #0000002e;transform:translateY(-1px)}.idc-page{padding:1.5rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.idc-banner{background:linear-gradient(100deg,#1a1f5e,#1e3a8a 45%,#2563eb);border-radius:16px;padding:1.75rem 2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;box-shadow:0 8px 32px #1e3a8a73;position:relative;overflow:hidden}.idc-banner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:420px;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%);pointer-events:none}.idc-banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.idc-banner__left{flex:1;min-width:200px;z-index:1}.idc-banner__badge{display:inline-block;background:#fff3;color:#ffffffe6;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.2rem .6rem;border-radius:20px;margin-bottom:.5rem}.idc-banner__title{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 .35rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.6rem}.idc-banner__icon{width:38px;height:38px;background:#fff3;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.idc-banner__sub{color:#ffffffbf;font-size:.82rem;margin:0}.idc-banner__tabs{display:flex;gap:.35rem;background:#00000026;border-radius:12px;padding:.3rem;z-index:1}.idc-banner__tab{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:9px;border:none;background:transparent;color:#ffffffb3;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.idc-banner__tab:hover{color:#fff;background:#ffffff1a}.idc-banner__tab.active{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.35)}.idc-banner__actions{display:flex;gap:.6rem;z-index:1;flex-wrap:wrap}.idc-stats{display:flex;gap:1rem;flex-wrap:wrap}.idc-stat{flex:1;min-width:150px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.875rem;box-shadow:0 1px 4px #0000000a}.idc-stat__icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.idc-stat__val{font-size:1.5rem;font-weight:800;color:#111827;line-height:1;margin-bottom:.2rem}.idc-stat__lbl{font-size:.75rem;color:#6b7280;font-weight:500}.idc-controls{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1.25rem;box-shadow:0 1px 4px #0000000a}.idc-controls__row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.idc-mode-toggle{display:flex;background:#f3f4f6;border-radius:9px;padding:.25rem;gap:.2rem;flex-shrink:0}.idc-mode-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem .875rem;border-radius:7px;border:none;background:transparent;color:#6b7280;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap}.idc-mode-btn.active{background:#fff;color:#4f46e5;box-shadow:0 1px 4px #0000001a}.idc-select{padding:.5rem .875rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.82rem;color:#111827;font-family:inherit;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.idc-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.idc-search{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:.5rem .875rem;flex:1;min-width:180px;transition:all .2s ease}.idc-search:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.idc-search i{color:#9ca3af;font-size:.78rem;flex-shrink:0}.idc-search input{border:none;background:transparent;width:100%;font-size:.82rem;color:#111827;outline:none;font-family:inherit}.idc-search input::-moz-placeholder{color:#9ca3af}.idc-search input::placeholder{color:#9ca3af}.idc-input{padding:.5rem .875rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.82rem;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;min-width:130px}.idc-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.idc-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.idc-panel__toolbar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid #f3f4f6;background:#fafafa}.idc-checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#374151;font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.idc-checkbox-row input[type=checkbox]{width:15px;height:15px;accent-color:#4f46e5;cursor:pointer}.idc-selected-badge{background:#ede9fe;color:#5b21b6;font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:20px}.idc-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:3rem;color:#9ca3af;font-size:.875rem}.idc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:#9ca3af;font-size:.875rem}.idc-empty i{font-size:2rem;opacity:.4}.idc-empty p{margin:0}.idc-student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem;padding:1.25rem}.idc-student-card{position:relative;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;padding:.875rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .15s ease}.idc-student-card:hover{border-color:#c4b5fd;background:#faf5ff;box-shadow:0 2px 10px #4f46e51a}.idc-student-card.selected{border-color:#4f46e5;background:#eef2ff;box-shadow:0 0 0 3px #4f46e51f}.idc-student-card__check{position:absolute;top:.6rem;left:.6rem;width:15px;height:15px;accent-color:#4f46e5;cursor:pointer;z-index:1}.idc-student-card__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.idc-student-card__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.idc-student-card__info{flex:1;min-width:0}.idc-student-card__name{font-size:.85rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.idc-student-card__meta{font-size:.72rem;color:#6b7280;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.idc-student-card__roll{font-size:.7rem;color:#9ca3af;margin-top:.1rem}.idc-student-card__blood{font-size:.65rem;font-weight:700;background:#fee2e2;color:#b91c1c;padding:.15rem .4rem;border-radius:5px;flex-shrink:0}.idc-student-card__preview{width:30px;height:30px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;flex-shrink:0;transition:all .15s ease}.idc-student-card__preview:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}.idc-card-pair{display:flex;flex-direction:column;gap:1.5rem;-moz-column-break-inside:avoid;break-inside:avoid;padding:1rem}.idc-card{width:320px;height:500px;border-radius:24px;overflow:hidden;box-shadow:0 15px 35px #00000026;font-family:Inter,sans-serif;background:#fff;position:relative;display:flex;flex-direction:column}.idc-card--front:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 86c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm66-3c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-40-39c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm50 38c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zM4 56c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm58-26c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zM28 6c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm54 53c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zM56 46c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1z' fill='%234f46e5' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");pointer-events:none}.idc-card__header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;height:80px}.idc-card__logo-row{display:flex;align-items:center;gap:.5rem}.idc-card__logo{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.idc-card__school-name{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;max-width:150px}.idc-card__academic-year{font-size:.65rem;font-weight:700;background:#fff3;padding:.25rem .5rem;border-radius:6px}.idc-card__profile{display:flex;flex-direction:column;align-items:center;padding-top:1.5rem;z-index:1}.idc-card__photo-container{width:110px;height:110px;border-radius:50%;border:4px solid #fff;box-shadow:0 8px 20px #00000026;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.idc-card__photo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.idc-card__photo-init{font-size:2.5rem;font-weight:800;color:#4f46e5;opacity:.2}.idc-card__name-block{text-align:center}.idc-card__name{font-size:1.25rem;font-weight:800;color:#1e1b4b;margin-bottom:.25rem}.idc-card__name--accent{color:#4f46e5}.idc-card__role{font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.1em}.idc-card__body{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.idc-card__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.idc-card__info-item{display:flex;flex-direction:column;gap:.2rem}.idc-card__info-label{font-size:.6rem;font-weight:700;color:#94a3b8;letter-spacing:.05em}.idc-card__info-value{font-size:.85rem;font-weight:700;color:#334155}.idc-card__info-value--blood{color:#ef4444}.idc-card__footer{margin-top:auto;padding-top:1rem}.idc-barcode{background:#f8fafc;padding:.75rem;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:.4rem}.idc-barcode>div:first-child{display:flex;gap:1px;height:35px;align-items:stretch}.idc-barcode__bar{background:#0f172a}.idc-barcode__bar--0{width:1px;opacity:.3}.idc-barcode__bar--1{width:2px}.idc-barcode__bar--2{width:3px}.idc-barcode__text{font-size:.65rem;font-weight:700;color:#64748b;letter-spacing:.2em}.idc-card--back{background:#f8fafc}.idc-card--back .idc-card__header{background:#1e1b4b}.idc-card__back-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.idc-card__back-section-title{font-size:.7rem;font-weight:800;color:#4f46e5;margin-bottom:.75rem;letter-spacing:.05em}.idc-card__terms{margin:0 0 1.5rem;padding:0;list-style:none}.idc-card__terms li{font-size:.65rem;color:#475569;line-height:1.6;margin-bottom:.5rem;position:relative;padding-left:1rem}.idc-card__terms li:before{content:"•";position:absolute;left:0;color:#4f46e5}.idc-card__contact{display:flex;flex-direction:column;gap:.5rem;margin-bottom:auto}.idc-card__contact-row{display:flex;align-items:center;gap:.75rem;font-size:.7rem;color:#1e293b;font-weight:600}.idc-card__contact-row i{color:#4f46e5;font-size:.8rem}.idc-card__back-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:1.5rem;border-top:2px dashed #e2e8f0}.idc-card__qr{display:flex;flex-direction:column;align-items:center;gap:.5rem}.idc-card__qr-inner{width:60px;height:60px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#1e1b4b;box-shadow:0 4px 10px #0000000d}.idc-card__qr span{font-size:.55rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.idc-card__sig-area{text-align:center}.idc-card__sig-line{width:100px;height:1px;background:#cbd5e1;margin-bottom:.4rem}.idc-card__sig-area span{font-size:.65rem;font-weight:700;color:#475569}.idc-card__qr{display:flex;flex-direction:column;align-items:center;gap:.2rem}.idc-card__qr-inner{width:44px;height:44px;border:2px solid #e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#9ca3af}.idc-card__qr span{font-size:.55rem;color:#9ca3af}.idc-card__sig-area{display:flex;flex-direction:column;align-items:center;gap:.2rem}.idc-card__sig-line{width:70px;height:1px;background:#374151}.idc-card__sig-area span{font-size:.6rem;color:#6b7280}.idc-preview-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:idcFadeIn .2s ease}@keyframes idcFadeIn{0%{opacity:0}to{opacity:1}}.idc-preview-modal{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #00000040;animation:idcSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes idcSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.idc-preview-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.idc-preview-head__left{display:flex;align-items:center;gap:.6rem;color:#4f46e5}.idc-preview-head__left i{font-size:1.1rem}.idc-preview-head__left h2{font-size:1rem;font-weight:700;color:#111827;margin:0}.idc-preview-head__actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.idc-preview-body{overflow-y:auto;padding:1.5rem;background:#f5f5fa;flex:1}.idc-cards-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.idc-bulk-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:idcFadeIn .2s ease}.idc-bulk-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;box-shadow:0 32px 80px #0003;animation:idcSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.idc-bulk-modal__head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.idc-bulk-modal__head-left{display:flex;align-items:center;gap:.75rem}.idc-bulk-modal__head-icon{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 4px 12px #4f46e54d}.idc-bulk-modal__head h2{font-size:1rem;font-weight:700;color:#111827;margin:0}.idc-bulk-modal__close{width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.idc-bulk-modal__close:hover{background:#e5e7eb;color:#111827}.idc-bulk-modal__body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.idc-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.5rem;border:2px dashed #d1d5db;border-radius:14px;background:#f9fafb;cursor:pointer;transition:all .2s ease;text-align:center}.idc-drop-zone:hover,.idc-drop-zone.drag-over{border-color:#4f46e5;background:#eef2ff}.idc-drop-zone input[type=file]{display:none}.idc-drop-zone__icon{font-size:2rem;color:#9ca3af;margin-bottom:.25rem}.idc-drop-zone p{font-size:.82rem;color:#6b7280;margin:0}.idc-drop-zone p strong{color:#4f46e5}.idc-upload-result{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:.82rem;font-weight:500;background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.idc-upload-result.error{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.idc-bulk-modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #f3f4f6}.idc-view-tab{display:flex;flex-direction:column;gap:1.25rem}.idc-view-search-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.25rem;box-shadow:0 1px 4px #0000000a}.idc-view-search{display:flex;align-items:center;gap:.6rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;padding:.7rem 1rem;transition:all .2s ease}.idc-view-search:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.idc-view-search i{color:#9ca3af;font-size:.85rem;flex-shrink:0}.idc-view-search input{flex:1;border:none;background:transparent;font-size:.9rem;color:#111827;outline:none;font-family:inherit}.idc-view-search input::-moz-placeholder{color:#9ca3af}.idc-view-search input::placeholder{color:#9ca3af}.idc-view-search__clear{width:24px;height:24px;border-radius:50%;border:none;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;flex-shrink:0;transition:all .15s ease}.idc-view-search__clear:hover{background:#d1d5db;color:#111827}.idc-view-hint{font-size:.78rem;color:#9ca3af;margin:.6rem 0 0}.idc-view-results{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.idc-view-result-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s ease}.idc-view-result-item:last-child{border-bottom:none}.idc-view-result-item:hover{background:#f9fafb}.idc-view-card-section{display:flex;flex-direction:column;gap:1rem}.idc-view-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.idc-view-card-preview{display:flex;justify-content:center;padding:2rem;background:#f5f5fa;border-radius:16px;border:1px solid #e5e7eb}.idc-view-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;text-align:center;background:#fff;border:1.5px dashed #e5e7eb;border-radius:16px;color:#9ca3af}.idc-view-empty-state i{font-size:3rem;opacity:.3}.idc-view-empty-state h3{font-size:1rem;font-weight:700;color:#374151;margin:0}.idc-view-empty-state p{font-size:.82rem;color:#9ca3af;margin:0;max-width:320px}@media print{@page{size:portrait;margin:1cm}.idc-preview-head,.idc-banner,.idc-stats,.idc-controls,.idc-panel,.idc-preview-head__actions{display:none!important}.idc-preview-overlay{position:absolute!important;inset:0!important;background:transparent!important;display:block!important;overflow:visible!important;padding:0!important;margin:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.idc-preview-modal{box-shadow:none!important;border-radius:0!important;max-height:none!important;height:auto!important;background:#fff!important;width:100%!important;overflow:visible!important}.idc-preview-body{background:#fff!important;padding:0!important}.idc-cards-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:25px!important;width:100%!important;background:#fff!important}.idc-card-pair{display:flex!important;flex-direction:row!important;justify-content:center!important;gap:20px!important;width:100%!important;-moz-column-break-inside:avoid!important;break-inside:avoid!important;page-break-inside:avoid!important;margin-bottom:25px!important}.idc-card{border:1.5px solid #cbd5e1!important;box-shadow:none!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.idc-card__header{background:linear-gradient(135deg,#1e1b4b,#4f46e5 60%,#7c3aed)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.idc-card__header--back{background:linear-gradient(135deg,#1e1b4b,#312e81)!important}.idc-card__wave{background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.idc-card__photo-ring{border-color:#fff!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.idc-card__field{background:#f9fafb!important;border-color:#f3f4f6!important}.idc-card__fv--blood{background:#fee2e2!important;color:#b91c1c!important}}@media(max-width:768px){.idc-page{padding:1rem;gap:1rem}.idc-banner{flex-direction:column;align-items:flex-start;padding:1.25rem;gap:1rem}.idc-banner__title{font-size:1.25rem}.idc-banner__tabs{width:100%}.idc-banner__tab{flex:1;justify-content:center}.idc-banner__actions{width:100%}.idc-banner__actions .idc-btn{flex:1;justify-content:center}.idc-stats{flex-direction:column}.idc-controls__row{flex-direction:column;align-items:stretch}.idc-mode-toggle{width:100%}.idc-mode-btn{flex:1;justify-content:center}.idc-student-grid{grid-template-columns:1fr;padding:.875rem}.idc-card{width:280px}.idc-preview-modal{border-radius:14px}.idc-preview-head,.idc-preview-body{padding:1rem}}@media(max-width:480px){.idc-card{width:260px}.idc-preview-head__actions{gap:.35rem}.idc-preview-head__actions .idc-btn{padding:.45rem .75rem;font-size:.75rem}}.batch-management{padding:1.25rem;min-height:100vh;background:#f5f5fa;font-family:Inter,system-ui,-apple-system,sans-serif}.bm-banner{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 2rem;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-radius:16px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #1d4ed859;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.bm-banner__circle1{position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.bm-banner__circle2{position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.bm-banner__left{position:relative;z-index:1}.bm-banner__badge{font-size:.62rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff9;display:block;margin-bottom:.3rem}.bm-banner__title{font-size:1.6rem;font-weight:800;margin:0 0 .25rem;color:#fff;letter-spacing:-.02em}.bm-banner__sub{font-size:.85rem;color:#ffffffb8;margin:0}.bm-banner__right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;flex-shrink:0;position:relative;z-index:1}.bm-banner__actions{display:flex;align-items:center;gap:.5rem}.bm-tabs{display:flex;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:4px;border-radius:12px;gap:2px}.bm-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:none;border-radius:9px;cursor:pointer;font-size:.8rem;font-weight:700;background:transparent;color:#ffffffa6;transition:all .2s;white-space:nowrap;font-family:inherit}.bm-tab i{font-size:.72rem}.bm-tab:hover{color:#fff;background:#ffffff1f}.bm-tab.active{background:#fff;color:#1e293b;box-shadow:0 2px 8px #00000026}.bm-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:20px;font-size:.62rem;font-weight:800}.bm-tab__badge--blue{background:#3b82f6;color:#fff}.bm-tab__badge--purple{background:#8b5cf6;color:#fff}.new-batch-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1rem;border-radius:9px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.new-batch-btn:hover{background:#ffffff38;border-color:#ffffff80}.new-batch-btn i{font-size:.7rem}.bm-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease;position:relative}.bm-card:hover{box-shadow:0 8px 28px #0000001a;transform:translateY(-2px);border-color:transparent}.bm-card__banner{position:relative;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;min-height:90px;overflow:hidden}.bm-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.bm-card__banner-left{position:relative;z-index:1;flex:1;min-width:0}.bm-card__banner-name{font-size:1rem;font-weight:800;color:#fff;margin:0 0 5px;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-card__banner-year{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;background:#fff3;color:#fff;border-radius:6px;font-size:.65rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bm-card__banner-icon{position:relative;z-index:1;width:44px;height:44px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#ffffffe6;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.bm-card__banner-icon--alumni{background:#ffffff26}.bm-card__body{padding:1rem 1.25rem .75rem;flex:1}.bm-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.bm-stat-chip{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .25rem;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6;text-align:center}.bm-stat-chip__val{font-size:.82rem;font-weight:800;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px;line-height:1.2}.bm-stat-chip__label{font-size:.58rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.bm-card__note{font-size:.72rem;color:#6b7280;margin:.6rem 0 0;display:flex;align-items:center;gap:4px}.bm-card__footer{padding:.6rem 1.25rem .875rem;border-top:1px solid #f3f4f6;display:flex;gap:.4rem;align-items:center}.bm-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;cursor:pointer;font-size:.72rem;transition:all .15s;flex-shrink:0}.bm-icon-btn:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.bm-icon-btn--danger:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.bm-icon-btn--warning:hover{background:#fffbeb;color:#d97706;border-color:#fde68a}.empty-state-rich{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb;color:#9ca3af;text-align:center}.empty-state-rich i{font-size:2rem;opacity:.3}.empty-state-rich p{font-size:.82rem;margin:0;color:#6b7280}[data-theme=dark] .batch-management{background:#0a0a0a}[data-theme=dark] .bm-banner{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8)}[data-theme=dark] .bm-card{background:#1a1a1a;border-color:#ffffff14}[data-theme=dark] .bm-card__banner-name{color:#fff}[data-theme=dark] .bm-stat-chip{background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .bm-stat-chip__val{color:#f1f5f9}[data-theme=dark] .bm-card__footer{border-top-color:#ffffff0f}[data-theme=dark] .bm-icon-btn{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .bm-icon-btn:hover{background:#ffffff1a;color:#f1f5f9}.batch-tabs{padding:1rem 2rem;display:flex;gap:1rem;align-items:center;background:#fff;border-bottom:1px solid #e2e8f0}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;color:#64748b;background:transparent;border:1.5px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{background:#f1f5f9;color:#1e293b}.tab-btn.active{background:#fff;color:#4f46e5;border-color:#e0e7ff;box-shadow:0 4px 12px #4f46e514}.tab-count{background:#4f46e5;color:#fff;padding:2px 6px;border-radius:12px;font-size:.7rem;font-weight:800}.tab-btn.active .tab-count{background:#4f46e5}.matrix-experience{display:flex;height:calc(100vh - 120px);overflow:hidden;border-radius:20px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 10px 30px #0000000a}.matrix-main-scroll{flex:1;overflow-y:auto;padding:1.5rem;background:#f5f5fa;background-image:radial-gradient(#d1d5db 1px,transparent 1px);background-size:20px 20px}.matrix-dept-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000008;margin-bottom:2rem;overflow:hidden}.matrix-dept-header{padding:1rem 1.5rem;display:flex;align-items:center;gap:.875rem;background:#fafafa;border-bottom:1px solid #f3f4f6}.dept-icon-box{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;box-shadow:0 2px 8px #4f46e540}.matrix-dept-header h2{font-size:.95rem;font-weight:800;color:#111827;margin:0}.matrix-year-tabs{display:flex;background:#f1f5f9;padding:.5rem 1.5rem;gap:.4rem;border-bottom:1px solid #e5e7eb}.matrix-year-tab{padding:.45rem 1.1rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:all .2s;font-family:inherit}.matrix-year-tab:hover{color:#4f46e5;background:#ede9fe}.matrix-year-tab.active{background:#4f46e5;color:#fff;box-shadow:0 2px 8px #4f46e540}.matrix-grid-body{padding:1.25rem 1.5rem}.semester-columns{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.semester-col{flex:1;min-width:180px}.semester-label{text-align:center;font-size:.68rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding:.4rem .75rem;background:#f3f4f6;border-radius:6px;border:1px solid #e5e7eb}.class-slots-list{display:flex;flex-direction:column;gap:.75rem}.matrix-slot{border:1.5px dashed #d1d5db;border-radius:10px;padding:2rem .875rem .875rem;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:all .2s;background:#fafafa;position:relative}.matrix-slot.drag-over{border-color:#4f46e5;background:#f5f3ff;transform:scale(1.01)}.slot-label{position:absolute;top:.6rem;left:.75rem;display:flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.slot-label i{color:#4f46e5;font-size:.6rem}.slot-empty{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#d1d5db;font-size:.7rem;font-weight:600}.slot-empty i{font-size:1rem}.matrix-batch-card{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.75rem;box-shadow:0 1px 4px #0000000f;cursor:grab;transition:all .2s;position:relative}.matrix-batch-card:hover{border-color:#c4b5fd;box-shadow:0 4px 12px #4f46e51f;transform:translateY(-1px)}.matrix-batch-card:active{cursor:grabbing}.matrix-batch-title{font-size:.8rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.matrix-batch-title:before{content:"";width:6px;height:6px;border-radius:50%;background:#4f46e5}.matrix-batch-meta{display:flex;flex-direction:column;gap:.4rem}.meta-row{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:#64748b;font-weight:600}.meta-row i{width:12px;font-size:.65rem}.unassign-btn{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border-radius:6px;background:#fef2f2;color:#ef4444;border:none;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer;opacity:0;transition:opacity .2s}.matrix-batch-card:hover .unassign-btn{opacity:1}.matrix-sidebar{width:260px;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;padding:1.25rem;align-items:stretch}.sidebar-header{text-align:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.sidebar-icon-box{width:40px;height:40px;min-height:40px;min-width:40px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;margin:0 auto .75rem;box-shadow:0 2px 8px #4f46e540;flex-shrink:0;align-self:center}.sidebar-header h3{font-size:.88rem;font-weight:800;color:#111827;margin-bottom:.3rem}.sidebar-header p{font-size:.72rem;color:#9ca3af;line-height:1.4;margin:0}.inventory-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:.5rem}.inventory-empty{text-align:center;padding:2rem;background:#f8fafc;border-radius:16px;border:1.5px dashed #e2e8f0}.inventory-empty i{font-size:2rem;color:#22c55e;margin-bottom:1rem}.inventory-empty p{font-size:.85rem;font-weight:700;color:#475569}.batch-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.batch-premium-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.batch-premium-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;border-color:#4f46e5}.batch-card-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.batch-card-period{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b;font-weight:600;margin-bottom:1rem}.batch-card-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.action-icon-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;border:none;cursor:pointer;transition:all .2s}.action-icon-btn.edit{background:#eff6ff;color:#2563eb}.action-icon-btn.graduate{background:#f0fdf4;color:#16a34a}.action-icon-btn.history{background:#f5f3ff;color:#7c3aed}.action-icon-btn.delete{background:#fef2f2;color:#ef4444}.action-icon-btn:hover{transform:scale(1.1)}.batch-card-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-row{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#475569;font-weight:500}.detail-row i{width:20px;color:#4f46e5;font-size:.9rem}.detail-value{font-weight:700;color:#1e293b}.handle-students-btn{width:100%;background:#fff;border:1.5px solid #e2e8f0;padding:.85rem;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#64748b;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.handle-students-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.handle-students-btn i{font-size:1.1rem}.empty-state-rich p{font-size:1.1rem;font-weight:600}.creation-flow{max-width:760px;margin:0 auto;padding:.5rem .25rem 2rem}.creation-header{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:2px solid #f1f5f9}.creation-header h2{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 .4rem;letter-spacing:-.03em}.creation-header p{font-size:.88rem;color:#64748b;margin:0;font-weight:500}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-group label{font-size:.72rem;font-weight:800;color:#374151;text-transform:uppercase;letter-spacing:.08em}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:.8rem 1rem;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.92rem;font-family:inherit;color:#1e293b;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group input::-moz-placeholder{color:#c0c7d4;font-weight:400}.form-group input::placeholder{color:#c0c7d4;font-weight:400}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394a3b8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.student-selector{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.selector-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.125rem;background:#f8fafc;border-bottom:1px solid #f1f5f9;gap:1rem}.selector-header span{font-size:.8rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.selector-search{flex:1;padding:.45rem .875rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.82rem;font-family:inherit;color:#1e293b;background:#fff;outline:none;transition:border-color .2s;max-width:220px}.selector-search:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e514}.selector-search::-moz-placeholder{color:#cbd5e1}.selector-search::placeholder{color:#cbd5e1}.selector-list{max-height:280px;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.selector-list::-webkit-scrollbar{width:5px}.selector-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}.student-row-check{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s;border:1.5px solid transparent;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.student-row-check:hover{background:#f8fafc;border-color:#e5e7eb}.student-row-check:has(.student-checkbox.active){background:#f5f3ff;border-color:#c4b5fd}.student-checkbox{width:18px;height:18px;min-width:18px;border-radius:5px;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.student-checkbox.active{background:#4f46e5;border-color:#4f46e5}.student-avatar-mini{width:30px;height:30px;min-width:30px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;letter-spacing:.02em;flex-shrink:0}.student-info-mini{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.student-name-mini{font-size:.85rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-reg-mini{font-size:.7rem;color:#94a3b8;font-weight:500;font-family:Courier New,monospace}.btn-rich{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.25rem;border-radius:12px;font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;border:none}.btn-primary-rich{background:linear-gradient(135deg,#4f46e5,#6d28d9);color:#fff;box-shadow:0 4px 12px #4f46e54d}.btn-primary-rich:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4f46e566}.btn-primary-rich:disabled{opacity:.65;cursor:not-allowed}.ptt-page{padding:1.5rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.ptt-banner{background:linear-gradient(100deg,#1a1f5e,#1e3a8a 45%,#2563eb);border-radius:16px;padding:1.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;box-shadow:0 8px 32px #1e3a8a59;position:relative;overflow:hidden}.ptt-banner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);pointer-events:none}.ptt-banner__left{z-index:1}.ptt-banner__badge{display:inline-block;background:#ffffff26;color:#ffffffe6;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.2rem .6rem;border-radius:20px;margin-bottom:.5rem}.ptt-banner__title{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 .35rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.6rem}.ptt-banner__icon{width:38px;height:38px;background:#fff3;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.ptt-banner__sub{color:#ffffffbf;font-size:.82rem;margin:0}.ptt-banner__stat{text-align:center;z-index:1;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:1rem 1.75rem}.ptt-banner__stat-val{font-size:2rem;font-weight:800;color:#fff;line-height:1}.ptt-banner__stat-lbl{font-size:.72rem;color:#ffffffb3;margin-top:.25rem;font-weight:500}.ptt-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.ptt-search{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:.55rem .875rem;flex:1;min-width:200px;transition:all .2s}.ptt-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ptt-search i{color:#9ca3af;font-size:.78rem;flex-shrink:0}.ptt-search input{border:none;background:transparent;flex:1;font-size:.82rem;color:#111827;outline:none;font-family:inherit}.ptt-search input::-moz-placeholder{color:#9ca3af}.ptt-search input::placeholder{color:#9ca3af}.ptt-search button{border:none;background:#f3f4f6;color:#6b7280;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.65rem;flex-shrink:0}.ptt-select{padding:.55rem .875rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font-size:.82rem;color:#111827;font-family:inherit;outline:none;cursor:pointer;transition:border-color .2s}.ptt-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ptt-classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.ptt-class-card{border-radius:16px;padding:1.25rem;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #00000026;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.ptt-class-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000038}.ptt-class-card__wave{position:absolute;bottom:-10px;right:-20px;width:120px;height:120px;border-radius:50%;background:#ffffff12;pointer-events:none}.ptt-class-card__wing{font-size:.62rem;font-weight:700;color:#ffffffa6;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.3rem}.ptt-class-card__name{font-size:1.2rem;font-weight:800;color:#fff;line-height:1.1}.ptt-class-card__section{font-size:.8rem;color:#fffc;margin-top:.2rem}.ptt-class-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.ptt-class-card__periods{font-size:.7rem;color:#ffffffb3;display:flex;align-items:center;gap:.3rem}.ptt-class-card__view{font-size:.72rem;font-weight:700;color:#ffffffe6;display:flex;align-items:center;gap:.3rem;background:#ffffff26;padding:.25rem .6rem;border-radius:20px;transition:background .15s}.ptt-class-card:hover .ptt-class-card__view{background:#ffffff40}.ptt-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:3rem;color:#9ca3af;font-size:.875rem}.ptt-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;color:#9ca3af;font-size:.875rem;background:#fff;border:1.5px dashed #e5e7eb;border-radius:14px}.ptt-empty i{font-size:2rem;opacity:.35}.ptt-empty p{margin:0}.ptt-grid-wrap{display:flex;flex-direction:column;gap:1rem}.ptt-grid-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1.25rem;box-shadow:0 1px 4px #0000000a}.ptt-back-btn{display:flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:9px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;flex-shrink:0}.ptt-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.ptt-grid-title{display:flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:700;color:#111827;flex:1}.ptt-grid-title i{color:#2563eb}.ptt-wing-badge{font-size:.68rem;font-weight:600;background:#dbeafe;color:#1d4ed8;padding:.2rem .55rem;border-radius:20px}.ptt-legend{display:flex;gap:.4rem;flex-wrap:wrap}.ptt-legend-item{font-size:.68rem;font-weight:600;padding:.2rem .55rem;border-radius:6px;border:1px solid}.ptt-table-scroll{overflow-x:auto;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000a;background:#fff}.ptt-table{width:100%;border-collapse:collapse;min-width:700px}.ptt-th{background:#f8fafc;padding:.6rem .5rem;text-align:center;border-bottom:2px solid #e5e7eb;border-right:1px solid #f3f4f6;min-width:110px}.ptt-th--day{min-width:90px;text-align:left;padding-left:1rem}.ptt-th-period{font-size:.72rem;font-weight:700;color:#374151}.ptt-th-time{font-size:.62rem;color:#9ca3af;margin-top:.1rem}.ptt-td-day{padding:.5rem 1rem;border-bottom:1px solid #f3f4f6;border-right:2px solid #e5e7eb;background:#f8fafc;vertical-align:middle}.ptt-day-full{font-size:.8rem;font-weight:700;color:#111827;display:block}.ptt-day-short{display:none}.ptt-td{padding:.4rem .5rem;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;vertical-align:top;border-left:2px solid transparent;transition:filter .15s}.ptt-td:hover{filter:brightness(.97)}.ptt-td--empty{background:#fafafa;text-align:center;vertical-align:middle}.ptt-empty-dash{color:#d1d5db;font-size:1rem}.ptt-cell-subject{font-size:.78rem;font-weight:700;line-height:1.2;margin-bottom:.2rem}.ptt-cell-code{font-size:.62rem;color:#6b7280;margin-bottom:.2rem;font-family:monospace}.ptt-cell-faculty{font-size:.68rem;color:#374151;display:flex;align-items:center;gap:.3rem}.ptt-cell-faculty i{color:#9ca3af;font-size:.6rem}.ptt-cell-room{font-size:.62rem;color:#9ca3af;display:flex;align-items:center;gap:.25rem;margin-top:.15rem}.ptt-cell-room i{font-size:.58rem}.ptt-cell-break{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem;font-weight:600;padding:.5rem 0}@media(max-width:768px){.ptt-page{padding:1rem;gap:1rem}.ptt-banner{flex-direction:column;align-items:flex-start;padding:1.25rem}.ptt-banner__title{font-size:1.25rem}.ptt-banner__stat{width:100%;text-align:left;display:flex;align-items:center;gap:.75rem}.ptt-classes-grid{grid-template-columns:repeat(2,1fr)}.ptt-day-full{display:none}.ptt-day-short{display:block;font-size:.75rem;font-weight:700;color:#111827}.ptt-grid-header{flex-direction:column;align-items:flex-start}.ptt-grid-title{font-size:.9rem}}@media(max-width:480px){.ptt-classes-grid{grid-template-columns:1fr}}.aat-page{padding:1.5rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.aat-banner{background:linear-gradient(100deg,#1a1f5e,#1e3a8a 45%,#2563eb);border-radius:16px;padding:1.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;box-shadow:0 8px 32px #1e3a8a59;position:relative;overflow:hidden}.aat-banner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);pointer-events:none}.aat-banner__left{z-index:1}.aat-banner__badge{display:inline-block;background:#ffffff26;color:#ffffffe6;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.2rem .6rem;border-radius:20px;margin-bottom:.5rem}.aat-banner__title{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 .35rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.6rem}.aat-banner__icon{width:38px;height:38px;background:#fff3;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.aat-banner__sub{color:#ffffffbf;font-size:.82rem;margin:0}.aat-banner__stat{text-align:center;z-index:1;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:1rem 1.75rem}.aat-banner__stat-val{font-size:2rem;font-weight:800;color:#fff;line-height:1}.aat-banner__stat-lbl{font-size:.72rem;color:#ffffffb3;margin-top:.25rem;font-weight:500}.aat-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.aat-search{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:.55rem .875rem;flex:1;min-width:200px;transition:all .2s}.aat-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.aat-search i{color:#9ca3af;font-size:.78rem;flex-shrink:0}.aat-search input{border:none;background:transparent;flex:1;font-size:.82rem;color:#111827;outline:none;font-family:inherit}.aat-search input::-moz-placeholder{color:#9ca3af}.aat-search input::placeholder{color:#9ca3af}.aat-search button{border:none;background:#f3f4f6;color:#6b7280;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.65rem;flex-shrink:0}.aat-select{padding:.55rem .875rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font-size:.82rem;color:#111827;font-family:inherit;outline:none;cursor:pointer;transition:border-color .2s}.aat-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.aat-classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.aat-class-card{border-radius:16px;padding:1.25rem;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #00000026;min-height:145px;display:flex;flex-direction:column;justify-content:space-between}.aat-class-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000038}.aat-class-card__bg{position:absolute;bottom:-15px;right:-20px;width:110px;height:110px;border-radius:50%;background:#ffffff12;pointer-events:none}.aat-class-card__wing{font-size:.62rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.07em}.aat-class-card__name{font-size:1.15rem;font-weight:800;color:#fff;margin-top:.2rem}.aat-class-card__section{font-size:.78rem;color:#fffc}.aat-class-card__cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;color:#ffffffe6;background:#ffffff26;padding:.25rem .65rem;border-radius:20px;margin-top:.875rem;width:-moz-fit-content;width:fit-content;transition:background .15s}.aat-class-card:hover .aat-class-card__cta{background:#ffffff40}.aat-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:3rem;color:#9ca3af;font-size:.875rem}.aat-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;color:#9ca3af;font-size:.875rem;background:#fff;border:1.5px dashed #e5e7eb;border-radius:14px}.aat-empty i{font-size:2rem;opacity:.35}.aat-empty p{margin:0}.aat-detail{display:flex;flex-direction:column;gap:1.25rem}.aat-detail-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1.25rem;box-shadow:0 1px 4px #0000000a}.aat-back-btn{display:flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:9px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;flex-shrink:0}.aat-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.aat-detail-title{display:flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:700;color:#111827;flex:1}.aat-detail-title i{color:#2563eb}.aat-wing-badge{font-size:.68rem;font-weight:600;background:#dbeafe;color:#1d4ed8;padding:.2rem .55rem;border-radius:20px}.aat-stats-row{display:flex;gap:1rem;flex-wrap:wrap}.aat-stat{flex:1;min-width:140px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.875rem;box-shadow:0 1px 4px #0000000a}.aat-stat__icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.aat-stat__val{font-size:1.4rem;font-weight:800;color:#111827;line-height:1;margin-bottom:.15rem}.aat-stat__lbl{font-size:.72rem;color:#6b7280;font-weight:500}.aat-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:.875rem 1.25rem;box-shadow:0 1px 4px #0000000a}.aat-range-toggle{display:flex;background:#f3f4f6;border-radius:9px;padding:.25rem;gap:.2rem}.aat-range-btn{padding:.4rem .875rem;border-radius:7px;border:none;background:transparent;color:#6b7280;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.aat-range-btn.active{background:#fff;color:#2563eb;box-shadow:0 1px 4px #0000001a}.aat-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a;overflow-x:auto}.aat-table{width:100%;border-collapse:collapse;min-width:750px}.aat-th{background:#f8fafc;padding:.7rem .875rem;font-size:.72rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;text-align:center;border-bottom:2px solid #e5e7eb;white-space:nowrap}.aat-th--left{text-align:left}.aat-row{transition:background .12s}.aat-row:hover{background:#f9fafb}.aat-row--warn{background:#fffbeb}.aat-row--warn:hover{background:#fef3c7}.aat-row--danger{background:#fff5f5}.aat-row--danger:hover{background:#fee2e2}.aat-td{padding:.75rem .875rem;border-bottom:1px solid #f3f4f6;font-size:.82rem;color:#374151;vertical-align:middle}.aat-td--rank{color:#9ca3af;font-size:.75rem;text-align:center;width:40px}.aat-td--center{text-align:center}.aat-td--name{display:flex;align-items:center;gap:.75rem}.aat-td--pct{min-width:140px}.aat-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.aat-name{font-size:.82rem;font-weight:600;color:#111827}.aat-roll{font-size:.68rem;color:#9ca3af;margin-top:.1rem}.aat-recent-badge{display:inline-block;padding:.15rem .5rem;border-radius:20px;font-size:.72rem;font-weight:700}.aat-pct-wrap{display:flex;flex-direction:column;gap:.3rem}.aat-pct-val{font-size:.82rem;font-weight:700}.aat-pct-bar{height:5px;background:#f3f4f6;border-radius:10px;overflow:hidden}.aat-pct-fill{height:100%;border-radius:10px;transition:width .4s ease}.aat-status-badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.68rem;font-weight:700}@media(max-width:768px){.aat-page{padding:1rem;gap:1rem}.aat-banner{flex-direction:column;align-items:flex-start;padding:1.25rem}.aat-banner__title{font-size:1.25rem}.aat-banner__stat{width:100%;display:flex;align-items:center;gap:.75rem}.aat-classes-grid{grid-template-columns:repeat(2,1fr)}.aat-stats-row{flex-direction:column}.aat-controls{flex-direction:column;align-items:stretch}.aat-range-toggle{width:100%;justify-content:space-between}.aat-detail-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.aat-classes-grid{grid-template-columns:1fr}}.pum-page{padding:1.5rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.pum-banner{background:linear-gradient(100deg,#1a1f5e,#1e3a8a 45%,#2563eb);border-radius:16px;padding:1.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;box-shadow:0 8px 32px #1e3a8a59;position:relative;overflow:hidden}.pum-banner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);pointer-events:none}.pum-banner__left{z-index:1}.pum-banner__badge{display:inline-block;background:#ffffff26;color:#ffffffe6;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.2rem .6rem;border-radius:20px;margin-bottom:.5rem}.pum-banner__title{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 .35rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.6rem}.pum-banner__icon{width:38px;height:38px;background:#fff3;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.pum-banner__sub{color:#ffffffbf;font-size:.82rem;margin:0}.pum-banner__stats{display:flex;gap:.75rem;z-index:1;flex-wrap:wrap}.pum-banner__stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.75rem 1.1rem;min-width:70px}.pum-banner__stat i{color:#ffffffb3;font-size:.85rem}.pum-banner__stat-val{font-size:1.3rem;font-weight:800;color:#fff;line-height:1}.pum-banner__stat-lbl{font-size:.62rem;color:#ffffffa6;font-weight:500}.pum-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:.875rem 1.25rem;box-shadow:0 1px 4px #0000000a}.pum-search{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:.5rem .875rem;flex:1;min-width:220px;transition:all .2s}.pum-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.pum-search i{color:#9ca3af;font-size:.78rem;flex-shrink:0}.pum-search input{border:none;background:transparent;flex:1;font-size:.82rem;color:#111827;outline:none;font-family:inherit}.pum-search input::-moz-placeholder{color:#9ca3af}.pum-search input::placeholder{color:#9ca3af}.pum-search button{border:none;background:#e5e7eb;color:#6b7280;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.65rem;flex-shrink:0}.pum-select{padding:.5rem .875rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.82rem;color:#111827;font-family:inherit;outline:none;cursor:pointer;transition:border-color .2s}.pum-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.pum-select:disabled{opacity:.5;cursor:not-allowed}.pum-clear-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .875rem;border-radius:10px;border:1.5px solid #fca5a5;background:#fef2f2;color:#dc2626;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.pum-clear-btn:hover{background:#fee2e2;border-color:#f87171}.pum-count{font-size:.78rem;color:#6b7280;font-weight:500;white-space:nowrap;margin-left:auto}.pum-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a;overflow-x:auto}.pum-table{width:100%;border-collapse:collapse;min-width:600px}.pum-th{background:#f8fafc;padding:.7rem 1rem;font-size:.72rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;text-align:center;border-bottom:2px solid #e5e7eb;white-space:nowrap}.pum-th--left{text-align:left}.pum-row{transition:background .12s}.pum-row:hover{background:#f9fafb}.pum-td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.82rem;color:#374151;vertical-align:middle}.pum-td--center{text-align:center}.pum-td--user{min-width:220px}.pum-td--actions{text-align:center;white-space:nowrap}.pum-user-cell{display:flex;align-items:center;gap:.75rem}.pum-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0;overflow:hidden}.pum-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pum-user-name{font-size:.85rem;font-weight:600;color:#111827}.pum-user-email{font-size:.72rem;color:#9ca3af;margin-top:.1rem}.pum-type-badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.68rem;font-weight:700;text-transform:capitalize}.pum-status-badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.68rem;font-weight:700}.pum-status-badge.active{background:#dcfce7;color:#166534}.pum-status-badge.inactive{background:#f3f4f6;color:#6b7280}.pum-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .875rem;border-radius:20px;border:1.5px solid #c7d2fe;background:#eef2ff;color:#4f46e5;cursor:pointer;font-size:.78rem;font-weight:600;font-family:inherit;transition:all .15s ease;white-space:nowrap}.pum-action-btn i{font-size:.72rem}.pum-action-btn--view:hover{background:#4f46e5;border-color:#4f46e5;color:#fff;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.pum-action-label{font-size:.78rem}.pum-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:3rem;color:#9ca3af;font-size:.875rem}.pum-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;color:#9ca3af;font-size:.875rem;background:#fff;border:1.5px dashed #e5e7eb;border-radius:14px}.pum-empty i{font-size:2rem;opacity:.35}.pum-empty p{margin:0}.pum-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;border:none}.pum-btn--primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 12px #4f46e54d}.pum-btn--primary:hover:not(:disabled){box-shadow:0 6px 16px #4f46e573;transform:translateY(-1px)}.pum-btn--primary:disabled{opacity:.6;cursor:not-allowed}.pum-btn--ghost{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.pum-btn--ghost:hover{background:#e5e7eb}.pum-btn--danger{background:#dc2626;color:#fff;box-shadow:0 4px 12px #dc262640}.pum-btn--danger:hover:not(:disabled){background:#b91c1c}.pum-btn--danger:disabled{opacity:.6;cursor:not-allowed}.pum-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:pumFadeIn .2s ease}@keyframes pumFadeIn{0%{opacity:0}to{opacity:1}}.pum-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px #0003;animation:pumSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes pumSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pum-modal__head{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid #f3f4f6;position:relative}.pum-modal__head--edit{background:#f8fafc;border-radius:20px 20px 0 0}.pum-modal__head-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #4f46e54d}.pum-modal__avatar-wrap{width:56px;height:56px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000026}.pum-modal__avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pum-modal__avatar-init{font-size:1.2rem;font-weight:800;color:#fff}.pum-modal__name{font-size:1rem;font-weight:700;color:#111827}.pum-modal__email{font-size:.75rem;color:#6b7280;margin-top:.15rem}.pum-modal__close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .15s}.pum-modal__close:hover{background:#e5e7eb;color:#111827}.pum-modal__body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.pum-modal__foot{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #f3f4f6}.pum-field-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f9fafb}.pum-field-label{font-size:.72rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;min-width:110px;flex-shrink:0}.pum-field-val{font-size:.82rem;color:#111827;font-weight:500}.pum-edit-field{display:flex;flex-direction:column;gap:.35rem}.pum-edit-label{font-size:.75rem;font-weight:600;color:#374151}.pum-edit-input{padding:.6rem .875rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.85rem;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.pum-edit-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.pum-error{display:flex;align-items:center;gap:.5rem;padding:.6rem .875rem;background:#fee2e2;color:#b91c1c;border-radius:8px;font-size:.78rem;font-weight:500}.pum-confirm{background:#fff;border-radius:20px;width:100%;max-width:380px;padding:2rem 1.75rem;text-align:center;box-shadow:0 32px 80px #0003;animation:pumSlideUp .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;gap:.75rem}.pum-confirm__icon{width:56px;height:56px;border-radius:50%;background:#fee2e2;color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.pum-confirm__title{font-size:1.1rem;font-weight:800;color:#111827}.pum-confirm__sub{font-size:.82rem;color:#6b7280;line-height:1.5}.pum-confirm__actions{display:flex;gap:.75rem;margin-top:.5rem}@media(max-width:768px){.pum-page{padding:1rem;gap:1rem}.pum-banner{flex-direction:column;align-items:flex-start;padding:1.25rem}.pum-banner__title{font-size:1.25rem}.pum-banner__stats{width:100%;justify-content:space-between}.pum-controls{flex-direction:column;align-items:stretch}.pum-count{margin-left:0}.pum-th--hide-sm,.pum-td--hide-sm{display:none}}.tov-page{padding:1.5rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.tov-banner{background:linear-gradient(100deg,#0f172a,#1e3a8a 45%,#0ea5e9);border-radius:16px;padding:1.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;box-shadow:0 8px 32px #0ea5e940;position:relative;overflow:hidden}.tov-banner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 70%);pointer-events:none}.tov-banner__left{z-index:1}.tov-banner__badge{display:inline-block;background:#ffffff26;color:#ffffffe6;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.2rem .6rem;border-radius:20px;margin-bottom:.5rem}.tov-banner__title{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 .35rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.6rem}.tov-banner__icon{width:38px;height:38px;background:#fff3;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.tov-banner__sub{color:#ffffffbf;font-size:.82rem;margin:0}.tov-banner__stats{display:flex;align-items:center;gap:0;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:1rem 1.5rem;z-index:1}.tov-banner__stat{text-align:center;padding:0 1.25rem}.tov-banner__stat-val{font-size:1.75rem;font-weight:800;color:#fff;line-height:1}.tov-banner__stat-lbl{font-size:.7rem;color:#ffffffb3;margin-top:.2rem;font-weight:500}.tov-banner__stat-divider{width:1px;height:40px;background:#fff3}.tov-tabs-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:.75rem 1.25rem;box-shadow:0 1px 4px #0000000a}.tov-tabs{display:flex;background:#f3f4f6;border-radius:10px;padding:.25rem;gap:.2rem}.tov-tab{display:flex;align-items:center;gap:.45rem;padding:.5rem 1.1rem;border-radius:8px;border:none;background:transparent;color:#6b7280;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.tov-tab:hover{color:#111827}.tov-tab.active{background:#fff;color:#0ea5e9;box-shadow:0 1px 4px #0000001a}.tov-filters{display:flex;gap:.6rem;align-items:center}.tov-search{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:.5rem .875rem;min-width:220px;transition:all .2s}.tov-search:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.tov-search i{color:#9ca3af;font-size:.78rem;flex-shrink:0}.tov-search input{border:none;background:transparent;flex:1;font-size:.82rem;color:#111827;outline:none;font-family:inherit}.tov-search input::-moz-placeholder{color:#9ca3af}.tov-search input::placeholder{color:#9ca3af}.tov-search button{border:none;background:#f3f4f6;color:#6b7280;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.65rem;flex-shrink:0}.tov-select{padding:.5rem .875rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.82rem;color:#111827;font-family:inherit;outline:none;cursor:pointer;transition:border-color .2s}.tov-select:focus{border-color:#0ea5e9}.tov-stats-row{display:flex;gap:1rem;flex-wrap:wrap}.tov-stat{flex:1;min-width:140px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.875rem;box-shadow:0 1px 4px #0000000a}.tov-stat__icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.tov-stat__val{font-size:1.4rem;font-weight:800;color:#111827;line-height:1;margin-bottom:.15rem}.tov-stat__lbl{font-size:.72rem;color:#6b7280;font-weight:500}.tov-vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.tov-vehicle-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.25rem;box-shadow:0 1px 4px #0000000a;transition:transform .2s,box-shadow .2s}.tov-vehicle-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.tov-vehicle-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.tov-vehicle-icon{width:40px;height:40px;background:#eff6ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#0ea5e9;font-size:1rem}.tov-status-badge{font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:20px}.tov-vehicle-reg{font-size:1rem;font-weight:800;color:#111827;margin-bottom:.2rem}.tov-vehicle-model{font-size:.78rem;color:#6b7280;margin-bottom:.875rem}.tov-vehicle-meta{display:flex;flex-direction:column;gap:.3rem}.tov-vehicle-meta span{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:.4rem}.tov-vehicle-meta i{color:#9ca3af;width:12px}.tov-routes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.tov-route-card{border-radius:16px;padding:1.25rem;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #00000026;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.tov-route-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000038}.tov-route-card__bg{position:absolute;bottom:-15px;right:-20px;width:110px;height:110px;border-radius:50%;background:#ffffff12;pointer-events:none}.tov-route-card__code{font-size:.62rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.07em}.tov-route-card__name{font-size:1.1rem;font-weight:800;color:#fff;margin-top:.2rem}.tov-route-card__path{font-size:.75rem;color:#fffc;margin-top:.25rem;display:flex;align-items:center;gap:.35rem}.tov-route-card__meta{display:flex;gap:.75rem;margin-top:.5rem}.tov-route-card__meta span{font-size:.72rem;color:#ffffffbf;display:flex;align-items:center;gap:.3rem}.tov-route-card__cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;color:#ffffffe6;background:#ffffff26;padding:.25rem .65rem;border-radius:20px;margin-top:.875rem;width:-moz-fit-content;width:fit-content;transition:background .15s}.tov-route-card:hover .tov-route-card__cta{background:#ffffff40}.tov-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a;overflow-x:auto}.tov-table{width:100%;border-collapse:collapse;min-width:600px}.tov-th{background:#f8fafc;padding:.7rem .875rem;font-size:.72rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;text-align:center;border-bottom:2px solid #e5e7eb;white-space:nowrap}.tov-th--left{text-align:left}.tov-row{transition:background .12s}.tov-row:hover{background:#f9fafb}.tov-td{padding:.75rem .875rem;border-bottom:1px solid #f3f4f6;font-size:.82rem;color:#374151;vertical-align:middle}.tov-td--rank{color:#9ca3af;font-size:.75rem;text-align:center;width:40px}.tov-td--center{text-align:center}.tov-td--name{display:flex;align-items:center;gap:.75rem}.tov-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.tov-student-name{font-size:.82rem;font-weight:600;color:#111827}.tov-route-badge{background:#eff6ff;color:#1d4ed8;font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:20px;white-space:nowrap}.tov-bus-badge{background:#f0fdf4;color:#16a34a;font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:20px}.tov-slab-badge{background:#fef3c7;color:#d97706;font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:20px}.tov-detail{display:flex;flex-direction:column;gap:1.25rem}.tov-detail-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1.25rem;box-shadow:0 1px 4px #0000000a}.tov-back-btn{display:flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:9px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;flex-shrink:0}.tov-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.tov-detail-title{display:flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:700;color:#111827;flex:1}.tov-detail-title i{color:#0ea5e9}.tov-code-badge{font-size:.68rem;font-weight:600;background:#e0f2fe;color:#0284c7;padding:.2rem .55rem;border-radius:20px}.tov-stop-timeline{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.25rem;box-shadow:0 1px 4px #0000000a}.tov-section-title{font-size:.875rem;font-weight:700;color:#111827;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.tov-section-title i{color:#0ea5e9}.tov-stops-list{display:flex;flex-direction:column;gap:0;position:relative;padding-left:1.5rem}.tov-stops-list:before{content:"";position:absolute;left:11px;top:12px;bottom:12px;width:2px;background:#e5e7eb}.tov-stop-item{display:flex;align-items:flex-start;gap:.875rem;padding:.6rem 0;position:relative}.tov-stop-dot{width:24px;height:24px;border-radius:50%;background:#0ea5e9;color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;left:-1.5rem;top:.6rem;border:2px solid white;box-shadow:0 0 0 1px #0ea5e9}.tov-stop-info{flex:1}.tov-stop-name{display:block;font-size:.875rem;font-weight:600;color:#111827}.tov-stop-meta{display:block;font-size:.72rem;color:#9ca3af;margin-top:.15rem}.tov-empty-small{font-size:.82rem;color:#9ca3af;padding:.5rem 0}.tov-students-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.tov-section-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:.75rem}.tov-section-header .tov-section-title{margin:0}.tov-stop-group{border-bottom:1px solid #f3f4f6}.tov-stop-group:last-child{border-bottom:none}.tov-stop-group-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:#f8fafc;font-size:.82rem;font-weight:700;color:#374151;border-bottom:1px solid #f3f4f6}.tov-stop-group-header i{color:#0ea5e9;font-size:.75rem}.tov-stop-count{margin-left:auto;font-size:.7rem;font-weight:600;background:#e0f2fe;color:#0284c7;padding:.15rem .5rem;border-radius:20px}.tov-student-rows{padding:.25rem 0}.tov-student-row{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;transition:background .12s}.tov-student-row:hover{background:#f9fafb}.tov-student-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.tov-student-info{flex:1}.tov-student-name{display:block;font-size:.82rem;font-weight:600;color:#111827}.tov-student-meta{display:block;font-size:.72rem;color:#9ca3af}.tov-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:3rem;color:#9ca3af;font-size:.875rem}.tov-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;color:#9ca3af;font-size:.875rem;background:#fff;border:1.5px dashed #e5e7eb;border-radius:14px}.tov-empty i{font-size:2rem;opacity:.35}.tov-empty p{margin:0}@media(max-width:768px){.tov-page{padding:1rem;gap:1rem}.tov-banner{flex-direction:column;align-items:flex-start;padding:1.25rem}.tov-banner__title{font-size:1.25rem}.tov-banner__stats{width:100%;justify-content:center}.tov-tabs-bar{flex-direction:column;align-items:stretch}.tov-filters{flex-direction:column}.tov-search{min-width:unset}.tov-stats-row{flex-direction:column}.tov-vehicle-grid,.tov-routes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tov-vehicle-grid,.tov-routes-grid{grid-template-columns:1fr}}.authority-matrix-dashboard{margin-top:2rem;background:var(--card-bg);border-radius:20px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}[data-theme=dark] .authority-matrix-dashboard{background:#1a1a1a;border-color:#ffffff1a}.matrix-header{margin-bottom:2rem}.matrix-header h3{margin:0;font-size:1.5rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}[data-theme=dark] .matrix-header h3{color:#f1f5f9}.matrix-header h3 i{color:var(--primary-color)}.matrix-header p{color:var(--text-muted);margin-top:.5rem;font-size:.95rem}[data-theme=dark] .matrix-header p{color:#94a3b8}.matrix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.matrix-module-card{background:var(--bg-secondary);border-radius:16px;overflow:hidden;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}[data-theme=dark] .matrix-module-card{background:#0f0f0f;border-color:#ffffff1a}.matrix-module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}[data-theme=dark] .matrix-module-card:hover{background:#1a1a1a;box-shadow:0 12px 20px -8px #000c}.module-banner{background:var(--primary-color);color:#fff;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:.8rem;letter-spacing:.5px}.module-roles{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.role-capability{background:var(--card-bg);padding:1rem;border-radius:12px;border:1px solid var(--border-color)}[data-theme=dark] .role-capability{background:#1a1a1a;border-color:#ffffff1a}.role-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--text-primary)}[data-theme=dark] .role-head{color:#f1f5f9}.role-dot{width:8px;height:8px;background:var(--success-color);border-radius:50%}.task-tags{display:flex;flex-wrap:wrap;gap:.4rem}.task-tag{font-size:.75rem;background:#3b82f61a;color:var(--primary-color);padding:.2rem .6rem;border-radius:6px;font-weight:600;border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .task-tag{background:#3b82f626;border-color:#3b82f64d}.no-assignment{font-size:.85rem;color:var(--text-muted);text-align:center;padding:1rem;font-style:italic}[data-theme=dark] .no-assignment{color:#64748b}.empty-matrix{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-matrix i{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-matrix h4{color:var(--text-primary);margin-bottom:.5rem}[data-theme=dark] .empty-matrix h4{color:#f1f5f9}.matrix-loading{padding:4rem;text-align:center;color:var(--text-muted);font-weight:600}[data-theme=dark] .matrix-loading{color:#94a3b8}.principal-dashboard{padding:1.5rem;min-height:100vh;animation:fadeIn .4s ease-out}.principal-header{background:linear-gradient(135deg,#7c3aed,#6d28d9);padding:2.5rem 2rem;border-radius:var(--radius-lg);color:#fff;margin-bottom:2rem;box-shadow:var(--shadow-active);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.principal-header:before{content:"";position:absolute;top:-50%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,#ffffff1a,#fff0 70%);border-radius:50%;pointer-events:none}.header-content{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:flex-end}.principal-header h1{font-size:2.2rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.principal-header p{margin:0;opacity:.95;font-size:1.1rem;font-weight:500}.principal-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.principal-card{background:var(--app-card-bg);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--app-border-color);box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.principal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#ddd6fe}.kpi-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;transition:transform .2s}.principal-card:hover .kpi-icon-wrapper{transform:scale(1.1)}.kpi-purple .kpi-icon-wrapper{background:#f3e8ff;color:#7c3aed}.kpi-blue .kpi-icon-wrapper{background:#eff6ff;color:#3b82f6}.kpi-green .kpi-icon-wrapper{background:#ecfdf5;color:#10b981}.kpi-orange .kpi-icon-wrapper{background:#fff7ed;color:#f97316}.kpi-red .kpi-icon-wrapper{background:#fef2f2;color:#ef4444}.kpi-label{font-size:.9rem;color:var(--app-text-muted);font-weight:600;margin-bottom:.25rem}.kpi-number{font-size:2rem;font-weight:800;color:var(--app-text-primary);letter-spacing:-.02em}.kpi-trend{font-size:.85rem;margin-top:auto;padding-top:.5rem;display:flex;align-items:center;gap:.25rem;font-weight:500}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-neutral{color:#94a3b8}.principal-visuals-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.grid-col-8{grid-column:span 8}.grid-col-4{grid-column:span 4}.grid-col-6{grid-column:span 6}.grid-col-12{grid-column:span 12}@media(max-width:1024px){.grid-col-8,.grid-col-4,.grid-col-6{grid-column:span 12}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:0;border-bottom:none}.section-title{font-size:1.1rem;font-weight:700;color:var(--app-text-primary);display:flex;align-items:center;gap:.5rem}.chart-container{height:250px;display:flex;align-items:flex-end;justify-content:space-between;padding-top:2rem}.chart-bar-group{display:flex;flex-direction:column;align-items:center;width:8%;height:100%;justify-content:flex-end}.chart-bar{width:100%;border-radius:4px 4px 0 0;transition:all .3s ease}.chart-bar:hover{filter:brightness(1.1);transform:scaleY(1.05)}.chart-label{margin-top:.5rem;font-size:.75rem;color:var(--app-text-muted)}.approval-list{display:flex;flex-direction:column;gap:.75rem}.approval-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:var(--radius-md);border:1px solid transparent;transition:background .2s}.approval-item:hover{background:#eff6ff;border-color:#dbeafe}.approval-info h4{margin:0;font-size:.95rem;font-weight:600;color:var(--app-text-primary)}.approval-info p{margin:.25rem 0 0;font-size:.8rem;color:var(--app-text-muted)}.btn-approve{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;font-weight:600;box-shadow:var(--shadow-sm);transition:all .2s}.btn-approve:hover{background:#059669;transform:translateY(-2px);box-shadow:var(--shadow-md)}.role-page-content{padding:2rem;background:transparent;margin:2rem;animation:fadeIn .5s ease-out}.role-page-content h2{color:var(--app-text-primary);border-bottom:2px solid var(--app-border-color);padding-bottom:.5rem;margin-bottom:1.5rem}.table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--app-border-color);margin-bottom:1.5rem}.data-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:.95rem}.data-table thead{background-color:var(--app-bg-secondary);border-bottom:2px solid var(--app-border-color)}.data-table th{text-align:left;padding:1rem;font-weight:600;color:var(--app-text-muted);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.data-table tbody tr{border-bottom:1px solid var(--app-border-color);transition:background-color .2s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background-color:var(--app-bg-secondary)}.data-table td{padding:1rem;color:var(--app-text-primary);vertical-align:middle}.admin-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-label{font-size:.9rem;font-weight:500;color:var(--app-text-primary);margin-bottom:.2rem}.form-control{padding:.75rem 1rem;border:1px solid var(--app-border-color);border-radius:8px;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;background-color:var(--app-card-bg);color:var(--app-text-primary)}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-control::-moz-placeholder{color:var(--app-text-muted)}.form-control::placeholder{color:var(--app-text-muted)}.form-floating{position:relative}.form-floating .form-control{padding-top:1.625rem;padding-bottom:.625rem}.form-floating label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;color:#64748b}.form-floating .form-control:not(:-moz-placeholder)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translate(.15rem)}.form-floating .form-control:focus~label,.form-floating .form-control:not(:placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translate(.15rem)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.custom-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:var(--app-text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-checkbox input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:#2563eb;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--app-border-color)}.btn-primary{background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px -1px #2563eb33}.btn-secondary{background:var(--app-bg-secondary);color:var(--app-text-muted);border:1px solid var(--app-border-color);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:var(--app-border-color);color:var(--app-text-primary)}.btn-danger{background:#ef4444;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;transition:background .2s}.modal-overlay{position:fixed;inset:0;background-color:#0f172a99;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:var(--app-card-bg);padding:0;border-radius:16px;width:90%;max-width:650px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--app-border-color);background:var(--app-card-bg);position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:var(--app-text-primary);font-size:1.4rem;font-weight:600}.modal-body{padding:2rem;overflow-y:auto}.close-btn{background:var(--app-bg-secondary);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#64748b;cursor:pointer;transition:all .2s}.close-btn:hover{background:#fee2e2;color:#ef4444}.badge{padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-block;letter-spacing:.025em}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--tm-primary: #0f172a;--tm-blue: #3b82f6;--tm-bg: #f8fafc;--tm-card: #ffffff;--tm-muted: #64748b;--tm-border: #e2e8f0}.transport-container{padding:0;background:var(--tm-bg);min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--tm-primary)}.tm-banner{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:2rem 2rem 1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:wrap}.tm-banner__badge{display:inline-block;background:#ffffff26;color:#ffffffe6;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.25rem .75rem;border-radius:20px;margin-bottom:.5rem}.tm-banner__title{margin:0 0 .25rem;font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.02em}.tm-banner__sub{margin:0;color:#ffffffa6;font-size:.9rem}.tm-banner__right{display:flex;align-items:center}.tm-tabs{display:flex;flex-wrap:wrap;gap:.35rem;background:#ffffff1a;padding:.35rem;border-radius:14px}.tm-tab{padding:.45rem .9rem;border:none;background:transparent;color:#ffffffb3;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.tm-tab:hover{background:#ffffff26;color:#fff}.tm-tab.active{background:#fff;color:#1d4ed8;box-shadow:0 2px 8px #00000026}.tm-kpi-strip{display:flex;align-items:center;gap:0;background:#fff;border-bottom:1px solid var(--tm-border);padding:0 2rem;flex-wrap:wrap}.tm-kpi{display:flex;align-items:center;gap:.875rem;padding:1.25rem 2rem 1.25rem 0;margin-right:2rem;border-right:1px solid var(--tm-border)}.tm-kpi:last-of-type{border-right:none}.tm-kpi__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.tm-kpi__val{font-size:1.1rem;font-weight:800;color:var(--tm-primary);line-height:1.2}.tm-kpi__lbl{font-size:.72rem;color:var(--tm-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.tm-kpi__action{margin-left:auto;padding:1rem 0}.tm-action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#1d4ed8;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.tm-action-btn:hover{background:#1e40af;box-shadow:0 4px 12px #1d4ed859}.tm-action-btn--outline{background:#fff;color:#1d4ed8;border:1.5px solid #1d4ed8}.tm-action-btn--outline:hover{background:#eff6ff;box-shadow:none}.tm-content{padding:1.5rem 2rem}.transport-view{background:var(--tm-card);border-radius:16px;border:1px solid var(--tm-border);box-shadow:0 2px 8px #0000000a;overflow:hidden}.transport-table-container{overflow-x:auto}.transport-table{width:100%;border-collapse:collapse}.transport-table th{background:#f8fafc;padding:.875rem 1.5rem;text-align:left;font-size:.72rem;font-weight:700;color:var(--tm-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--tm-border)}.transport-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--tm-border);font-size:.9rem}.transport-table tr:last-child td{border-bottom:none}.transport-table tr:hover td{background:#f8fafc}.vehicle-info{display:flex;align-items:center;gap:.875rem}.vehicle-avatar{width:38px;height:38px;background:#eff6ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--tm-blue);font-size:1rem}.badge{padding:.2rem .65rem;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.03em}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-secondary{background:#f1f5f9;color:#475569}.routes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;padding:1.5rem}.route-card{border:1px solid var(--tm-border);border-radius:14px;padding:1.25rem;background:#fff;transition:box-shadow .2s}.route-card:hover{box-shadow:0 8px 20px #00000014}.route-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.route-name{font-weight:700;font-size:1rem;color:var(--tm-primary)}.route-path{display:flex;flex-direction:column;gap:.6rem;position:relative;padding-left:1.25rem}.route-path:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:#e2e8f0}.stop-item{font-size:.85rem;color:var(--tm-primary);position:relative}.stop-item:before{content:"";position:absolute;left:-16px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--tm-blue);border:2px solid white;box-shadow:0 0 0 1px var(--tm-blue)}.report-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;padding:1.5rem}.report-card{background:#f8fafc;border-radius:14px;padding:1.5rem;border:1px solid var(--tm-border)}.report-card h4{margin:0 0 1rem;color:var(--tm-primary);display:flex;justify-content:space-between;align-items:center;font-size:1rem}.financial-metric{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid #e2e8f0}.metric-label{font-size:.85rem;color:var(--tm-muted)}.metric-value{font-weight:600;font-size:.9rem}.metric-value.negative{color:#ef4444}.metric-value.positive{color:#22c55e}.maintenance-type-tag{padding:3px 9px;border-radius:6px;font-size:.72rem;font-weight:700;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.action-btn{padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:opacity .2s;border:none}.btn-primary{background:var(--tm-blue);color:#fff}.btn-secondary{background:#fff;color:var(--tm-primary);border:1px solid var(--tm-border)!important}.animate-spin i{animation:spin 1s linear infinite}@media(max-width:900px){.tm-banner{flex-direction:column}.tm-tabs{flex-wrap:wrap}.tm-kpi-strip{gap:0}.tm-kpi{padding:1rem;margin-right:1rem}.tm-content{padding:1rem}}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;position:relative;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h2{margin:0 0 1.5rem;font-size:1.2rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:.6rem;padding:1.75rem 1.75rem 0}.modal-content h2 i{color:#1d4ed8;font-size:1.1rem}.close-modal,.modal-content>button[style*="position: absolute"]{position:absolute!important;top:1.25rem!important;right:1.25rem!important;width:32px;height:32px;border-radius:50%!important;border:none!important;background:#f1f5f9!important;color:#64748b!important;font-size:.85rem!important;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:all .15s;padding:0!important}.close-modal:hover,.modal-content>button[style*="position: absolute"]:hover{background:#e2e8f0!important;color:#1e293b!important}.modal-content form{padding:0 1.75rem 1.75rem;display:flex;flex-direction:column;gap:1.1rem}.modal-content label,.form-field label{display:block;margin-bottom:.4rem;font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em}.form-input,.modal-content input[type=text],.modal-content input[type=number],.modal-content input[type=date],.modal-content input[type=time],.modal-content input[type=email],.modal-content select,.modal-content textarea{width:100%;box-sizing:border-box;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .15s,background .15s;font-family:inherit}.form-input:focus,.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:#1d4ed8;background:#fff;box-shadow:0 0 0 3px #1d4ed814}.modal-content textarea{resize:vertical;min-height:80px}.modal-content .form-field{margin:0}.modal-content button[type=submit],.modal-content .action-btn.btn-primary[style*="padding: 1rem"]{width:100%;padding:.875rem 1.5rem!important;background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;color:#fff!important;border:none!important;border-radius:12px!important;font-size:.95rem!important;font-weight:700!important;cursor:pointer;transition:all .2s;display:flex!important;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;box-shadow:0 4px 12px #1d4ed84d}.modal-content button[type=submit]:hover,.modal-content .action-btn.btn-primary[style*="padding: 1rem"]:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8)!important;box-shadow:0 6px 16px #1d4ed866;transform:translateY(-1px)}.modal-content .form-section-label{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9;margin-bottom:.25rem}.modal-content [style*="background: #f8fafc"][style*="padding: 1rem"]{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:1rem!important}.modal-content small{font-size:.72rem;color:#94a3b8;font-weight:500}.alloc-modal{max-height:90vh;overflow-y:auto}.alloc-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;padding:0 1.75rem;margin-bottom:1.25rem}.alloc-students-section{margin:0 1.75rem 1.25rem;border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden}.alloc-students-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.alloc-students-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#1e293b}.alloc-students-title i{color:#1d4ed8}.alloc-count-badge{background:#1d4ed8;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .55rem;border-radius:20px}.alloc-students-actions{display:flex;gap:.4rem}.alloc-sel-btn{padding:.3rem .75rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s}.alloc-sel-btn:hover{border-color:#1d4ed8;color:#1d4ed8}.alloc-search{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem;border-bottom:1px solid #f1f5f9;background:#fff}.alloc-search i{color:#94a3b8;font-size:.8rem;flex-shrink:0}.alloc-search .form-input{border:none!important;background:transparent!important;padding:0!important;box-shadow:none!important;font-size:.875rem;flex:1}.alloc-search .form-input:focus{box-shadow:none!important}.alloc-student-list{max-height:260px;overflow-y:auto;background:#fff}.alloc-student-list::-webkit-scrollbar{width:4px}.alloc-student-list::-webkit-scrollbar-track{background:#f8fafc}.alloc-student-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.alloc-empty{padding:2rem;text-align:center;color:#94a3b8;font-size:.875rem}.alloc-student-row{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;cursor:pointer;transition:background .12s;border-bottom:1px solid #f8fafc;-webkit-user-select:none;-moz-user-select:none;user-select:none}.alloc-student-row:last-child{border-bottom:none}.alloc-student-row:hover{background:#f8fafc}.alloc-student-row.checked{background:#eff6ff}.alloc-student-row input[type=checkbox]{display:none}.alloc-student-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.alloc-student-row.checked .alloc-student-avatar{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.alloc-student-info{flex:1;min-width:0}.alloc-student-name{display:block;font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alloc-student-meta{display:block;font-size:.72rem;color:#94a3b8;margin-top:1px}.alloc-checkbox-icon{width:20px;height:20px;border-radius:6px;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;font-size:.65rem;color:#fff}.alloc-checkbox-icon.checked{background:#1d4ed8;border-color:#1d4ed8}.routes-grid-allocation{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;padding:1.5rem}.route-alloc-card{background:#fff;border:1px solid var(--tm-border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s;height:420px}.route-alloc-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000000f}.route-alloc-header{padding:1.25rem;background:#f8fafc;border-bottom:1px solid var(--tm-border);display:flex;justify-content:space-between;align-items:center}.route-alloc-title{display:flex;flex-direction:column;gap:2px}.route-alloc-title h3{margin:0;font-size:.95rem;font-weight:700;color:var(--tm-primary)}.route-alloc-subtitle{font-size:.75rem;color:var(--tm-muted)}.route-alloc-body{padding:0;flex:1;overflow-y:auto}.route-alloc-body::-webkit-scrollbar{width:4px}.route-alloc-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.assigned-student-row{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid #f1f5f9}.assigned-student-row:last-child{border-bottom:none}.assigned-student-info{display:flex;flex-direction:column;gap:2px}.assigned-student-name{font-size:.875rem;font-weight:600;color:#1e293b}.assigned-student-meta{font-size:.75rem;color:var(--tm-muted);display:flex;align-items:center;gap:6px}.route-alloc-footer{padding:1rem 1.25rem;border-top:1px solid var(--tm-border);background:#fff}.deassign-btn{padding:.4rem;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s;border-radius:6px}.deassign-btn:hover{background:#fee2e2;color:#ef4444}.empty-route-msg{padding:3rem 1.25rem;text-align:center;color:#94a3b8;font-size:.85rem}.comm-mgmt-container{display:flex;flex-direction:column;min-height:100vh;background:#f5f5fa;font-family:Inter,sans-serif}.comm-mgmt-page-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.5rem 2rem;border-radius:0;position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;flex-shrink:0}.comm-mgmt-page-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0d;border-radius:50%;pointer-events:none}.comm-mgmt-page-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff08;border-radius:50%;pointer-events:none}.comm-header-left{display:flex;align-items:center;gap:1rem;position:relative;z-index:1;flex-shrink:0}.comm-header-icon{width:48px;height:48px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;flex-shrink:0}.comm-header-text h1{margin:0;font-size:1.4rem;font-weight:800;color:#fff}.comm-header-text p{margin:0;color:#ffffffa6;font-size:.8rem}.comm-header-tabs{display:flex;gap:.25rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:.3rem;position:relative;z-index:1;flex-wrap:wrap}.comm-header-tab{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:9px;font-size:.82rem;font-weight:600;color:#ffffffb3;cursor:pointer;transition:all .2s;white-space:nowrap}.comm-header-tab i{font-size:.8rem}.comm-header-tab:hover{background:#ffffff1f;color:#fff}.comm-header-tab.active{background:#fff;color:#4f46e5;box-shadow:0 2px 8px #00000026}.comm-header-tab-count{background:#fff3;color:#fff;font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:20px;min-width:18px;text-align:center}.comm-header-tab.active .comm-header-tab-count{background:#eef2ff;color:#4f46e5}.comm-mgmt-content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.comm-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.comm-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.comm-section-sub{font-size:.8rem;color:#64748b;margin-top:2px}.comm-section-actions{display:flex;align-items:center;gap:.75rem}.comm-search-box{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:.5rem .875rem;transition:border-color .2s}.comm-search-box:focus-within{border-color:#6366f1}.comm-search-box i{color:#94a3b8;font-size:.8rem}.comm-search-box input{border:none;background:transparent;outline:none;font-size:.875rem;color:#334155;width:200px}.comm-add-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4f46e54d;white-space:nowrap}.comm-add-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 16px #4f46e566;transform:translateY(-1px)}.comm-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.comm-card{background:#fff;border-radius:16px;border:1px solid #e8edf3;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.comm-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a;border-color:#c7d2fe}.comm-card-banner{height:6px;background:linear-gradient(90deg,#4f46e5,#7c3aed)}.comm-card-banner.video{background:linear-gradient(90deg,#0ea5e9,#06b6d4)}.comm-card-banner.assess{background:linear-gradient(90deg,#f59e0b,#d97706)}.comm-card-banner.module{background:linear-gradient(90deg,#10b981,#059669)}.comm-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.comm-card-icon-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.875rem}.comm-card-icon{width:44px;height:44px;border-radius:12px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.comm-card-icon.video{background:#e0f2fe;color:#0284c7}.comm-card-icon.assess{background:#fef3c7;color:#d97706}.comm-card-icon.module{background:#d1fae5;color:#059669}.comm-card-actions{display:flex;gap:.4rem}.comm-card-actions button{width:30px;height:30px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.comm-card-actions button:hover{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.comm-card-actions button.del:hover{background:#fef2f2;color:#ef4444;border-color:#fca5a5}.comm-card-title{font-size:.975rem;font-weight:700;color:#1e293b;margin-bottom:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comm-card-desc{font-size:.8rem;color:#64748b;line-height:1.5;flex:1;margin-bottom:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comm-card-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.comm-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:.7rem;font-weight:600;background:#f1f5f9;color:#475569}.comm-pill i{font-size:.6rem}.comm-card-footer{padding:.75rem 1.25rem;border-top:1px solid #f1f5f9;display:flex;gap:.5rem}.comm-card-footer-btn{flex:1;padding:.45rem .75rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#4f46e5;font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s}.comm-card-footer-btn:hover{background:#eef2ff;border-color:#c7d2fe}.comm-card-footer-btn.primary{background:#4f46e5;color:#fff;border-color:transparent}.comm-card-footer-btn.primary:hover{background:#4338ca}.comm-back-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem 1rem;background:#fff;border-radius:12px;border:1px solid #e8edf3}.comm-back-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem .875rem;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.comm-back-btn:hover{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.comm-back-title{font-size:.95rem;font-weight:700;color:#1e293b}.comm-table-wrap{background:#fff;border-radius:16px;border:1px solid #e8edf3;box-shadow:0 2px 8px #0000000a;overflow:hidden}.comm-table{width:100%;border-collapse:collapse}.comm-table th{background:#f8fafc;padding:.875rem 1rem;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e8edf3;text-align:left}.comm-table td{padding:.875rem 1rem;font-size:.875rem;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.comm-table tr:last-child td{border-bottom:none}.comm-table tr:hover td{background:#fafbff}.comm-table-thumb{width:40px;height:40px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:1rem;flex-shrink:0}.comm-table-title-cell{display:flex;align-items:center;gap:.75rem}.comm-table-title{font-weight:600;color:#1e293b}.comm-table-sub{font-size:.75rem;color:#94a3b8}.comm-type-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:.7rem;font-weight:700;background:#f1f5f9;color:#475569}.comm-type-badge.pdf{background:#fef2f2;color:#ef4444}.comm-type-badge.docx{background:#eff6ff;color:#2563eb}.comm-type-badge.ppt{background:#fff7ed;color:#ea580c}.comm-type-badge.video{background:#e0f2fe;color:#0284c7}.comm-rating{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:#f59e0b}.comm-tbl-actions{display:flex;gap:.4rem}.comm-tbl-actions button{width:30px;height:30px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.comm-tbl-actions button:hover{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.comm-tbl-actions button.del:hover{background:#fef2f2;color:#ef4444;border-color:#fca5a5}.comm-room-card{background:#fff;border:1px solid #ebebf5;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s;cursor:default}.comm-room-card:hover{box-shadow:0 8px 28px #4f46e521;transform:translateY(-3px)}.comm-room-card__banner{position:relative;height:100px;padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;overflow:hidden}.comm-room-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.07' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1.5'/%3E%3Ccircle cx='23' cy='3' r='1.5'/%3E%3Ccircle cx='13' cy='13' r='1.5'/%3E%3Ccircle cx='33' cy='13' r='1.5'/%3E%3Ccircle cx='3' cy='23' r='1.5'/%3E%3Ccircle cx='23' cy='23' r='1.5'/%3E%3Ccircle cx='13' cy='33' r='1.5'/%3E%3Ccircle cx='33' cy='33' r='1.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.comm-room-card__banner-left{flex:1;min-width:0;z-index:1}.comm-room-card__name{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-room-card__sub{font-size:.72rem;color:#ffffffd1;margin:0 0 2px}.comm-room-card__sub2{font-size:.68rem;color:#fff9;margin:0}.comm-room-card__avatar{z-index:1;flex-shrink:0;margin-left:10px;width:44px;height:44px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fffffff2}.comm-room-card__body{padding:10px 14px 8px;flex:1}.comm-room-card__desc{font-size:.78rem;color:#6b7280;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comm-room-card__prereq{font-size:.72rem;color:#94a3b8;margin-top:6px;display:flex;align-items:center;gap:4px}.comm-room-card__prereq i{font-size:.65rem}.comm-room-card__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px;border-top:1px solid #f0f0f8}.comm-room-card__enter{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;color:#4f46e5;cursor:pointer;transition:gap .15s;background:none;border:none;padding:0;font-family:inherit}.comm-room-card:hover .comm-room-card__enter{gap:.5rem}.comm-room-card__actions{display:flex;gap:4px}.comm-empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;border:2px dashed #e2e8f0;color:#94a3b8}.comm-empty i{font-size:2.5rem;margin-bottom:.75rem;opacity:.4;display:block}.comm-empty h3{font-size:1rem;color:#64748b;margin-bottom:.25rem}.comm-empty p{font-size:.85rem}.comm-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1rem;color:#64748b;gap:.75rem}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.modal{background:#fff;width:100%;max-width:580px;border-radius:20px;box-shadow:0 25px 50px #0003;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.modal.wide-modal{max-width:860px}.modal.scrollable .modal-body{overflow-y:auto}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;flex-shrink:0}.modal-header h2{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.modal-close{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{background:#fef2f2;color:#ef4444;border-color:#fca5a5}.modal-body{padding:1.5rem;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #f1f5f9;flex-shrink:0}.modal-footer button{padding:.6rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;transition:all .15s}.modal-footer button:hover{background:#f1f5f9}.modal-footer .save-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;box-shadow:0 4px 12px #4f46e54d}.modal-footer .save-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 16px #4f46e566}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8rem;font-weight:600;color:#374151;margin-bottom:.4rem}.form-group input,.form-group textarea,.form-group select{width:100%;box-sizing:border-box;padding:.6rem .875rem;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#1e293b;font-size:.875rem;font-family:inherit;transition:all .15s;outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.form-row .form-group{margin-bottom:0}.flex-2{flex:2}.dynamic-input-row{display:flex;gap:.5rem;margin-bottom:.5rem}.dynamic-input-row input{flex:1}.add-field-btn{display:flex;align-items:center;gap:4px;padding:.5rem .875rem;border-radius:8px;border:1px solid #c7d2fe;background:#eef2ff;color:#4f46e5;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.add-field-btn:hover{background:#e0e7ff}.question-builder-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;margin-top:1.25rem}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header-row h3{font-size:.95rem;font-weight:700;color:#1e293b;margin:0}.question-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem;margin-bottom:.875rem}.q-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.q-header h4{margin:0;font-size:.875rem;font-weight:700;color:#374151}.remove-q-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.875rem;padding:2px}.q-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;margin-bottom:.75rem;outline:none;font-family:inherit}.q-input:focus{border-color:#6366f1}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.opt-row{display:flex;align-items:center;gap:.5rem}.opt-row input[type=radio]{width:auto;cursor:pointer;flex-shrink:0}.opt-row input[type=text]{flex:1;padding:.45rem .6rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;outline:none}.opt-row input[type=text]:focus{border-color:#6366f1}.section-builder{margin-top:1.25rem;padding-top:1.25rem;border-top:2px dashed #e2e8f0}.section-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem;margin-bottom:.875rem}.objective-builder{margin-top:1.25rem;padding:1rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.objective-builder h3{font-size:.875rem;font-weight:700;color:#374151;margin:0 0 .75rem}@media(max-width:768px){.comm-mgmt-page-header{padding:1.25rem 1rem;flex-direction:column;align-items:flex-start}.comm-header-tabs{width:100%;overflow-x:auto}.comm-mgmt-content{padding:1rem}.comm-cards-grid,.form-row{grid-template-columns:1fr}.comm-section-header{flex-direction:column;align-items:flex-start}.comm-search-box input{width:140px}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.scope-v2-container{height:calc(100vh - 64px);background:#f8fafc;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}.v2-header{height:64px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.v2-header-save-btn{display:flex;align-items:center;gap:.75rem;background:#1e293b;color:#fff;padding:.6rem 1.25rem;border-radius:8px;border:none;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s}.v2-header-save-btn:hover{background:#0f172a;transform:translateY(-1px)}.tab-switcher{display:flex;gap:.5rem}.tab{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;border:none;background:transparent;color:#64748b;display:flex;align-items:center;gap:.5rem;cursor:pointer}.tab.active{background:#eff6ff;color:#2563eb}.canvas-wrapper{flex:1;display:grid;grid-template-columns:1fr 380px;position:relative;height:0;min-height:100%}.flow-container{width:100%;height:100%;position:relative}.premium-role-node{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;min-width:240px;box-shadow:0 4px 6px -1px #0000000d;transition:all .2s;cursor:grab}.premium-role-node:active{cursor:grabbing}.premium-role-node.selected{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.premium-role-node.root{background:#1e293b;border-color:#1e293b;color:#fff}.node-content{display:flex;align-items:center;gap:1rem}.node-icon{width:40px;height:40px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#475569}.root .node-icon{background:#ffffff1a;color:#fff}.role-title{font-weight:700;font-size:.95rem;color:inherit}.role-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.sys-badge{font-size:.65rem;font-weight:800;color:#64748b;background:#f1f5f9;padding:1px 4px;border-radius:3px}.lvl-badge{font-size:.65rem;font-weight:700;color:#f59e0b;text-transform:uppercase}.handle-dot{width:10px!important;height:10px!important;background:#cbd5e1!important;border:2px solid white!important}.floating-controls{position:absolute;top:20px;left:20px;background:#fff;border-radius:12px;padding:.5rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 15px -3px #0000001a;z-index:10;border:1px solid #e2e8f0}.ctrl-btn{width:32px;height:32px;border:none;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px}.ctrl-btn:hover{background:#f1f5f9}.zoom-val{font-size:.75rem;font-weight:700;color:#1e293b;min-width:40px;text-align:center}.ctrl-divider{width:1px;height:20px;background:#e2e8f0}.v2-inspector{background:#fff;border-left:1px solid #e2e8f0;padding:2rem;display:flex;flex-direction:column;box-shadow:-10px 0 15px -3px #00000005}.inspector-content h2{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:.5rem}.subtitle{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:2rem}.role-highlight{margin-bottom:2rem}.role-highlight h3{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.anchor-tag{font-size:.65rem;font-weight:800;color:#64748b;letter-spacing:.05em;display:block;margin-top:.25rem}.setting-group{margin-bottom:2rem}.setting-group label{font-size:.875rem;font-weight:700;color:#475569;display:block;margin-bottom:1rem}.slider-box{padding:0 .5rem}.slider-box input[type=range]{width:100%;margin-bottom:.5rem}.slider-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:#94a3b8}.scope-info{margin-bottom:2.5rem}.scope-info label{font-size:.875rem;font-weight:700;color:#475569;display:block;margin-bottom:.75rem}.scope-pill{display:flex;align-items:center;gap:.5rem;color:#2563eb;font-size:.875rem;font-weight:600}.supervisor-section{background:#f8fafc;border-radius:12px;padding:1.5rem;margin-top:auto}.section-title{display:flex;align-items:center;gap:.5rem;color:#1e293b;margin-bottom:1rem}.section-title h4{margin:0;font-size:.9rem;font-weight:700}.help-text{font-size:.75rem;color:#64748b;margin-bottom:1rem}.supervisor-select{width:100%;padding:.75rem;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;font-size:.875rem;font-weight:600;outline:none;cursor:pointer}.supervisors-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.supervisor-pill{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:.5rem .75rem;border-radius:8px;border:1px solid #e2e8f0;font-size:.875rem;font-weight:600;color:#475569}.supervisor-pill button{background:none;border:none;color:#94a3b8;font-size:1.25rem;line-height:1;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center;padding:0}.supervisor-pill button:hover{color:#ef4444}.supervisor-empty{font-size:.875rem;color:#94a3b8;font-style:italic;padding:.5rem 0}.v2-save-btn{width:100%;background:#1e293b;color:#fff;padding:1rem;border-radius:12px;border:none;font-weight:700;margin-top:1.5rem;cursor:pointer;transition:all .2s}.v2-save-btn:hover{background:#0f172a}.v2-save-btn:disabled{opacity:.5}.inspector-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:#94a3b8}.empty-icon{margin-bottom:1.5rem;opacity:.2}.inspector-empty h3{color:#475569;margin-bottom:.5rem}.inspector-empty p{font-size:.875rem}@keyframes sp-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sp-page{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;animation:sp-fadeIn .35s ease-out;width:100%}.sp-banner{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 2rem;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-radius:16px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #1d4ed859;flex-shrink:0;gap:1.5rem;flex-wrap:wrap}.sp-banner__circle1{position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.sp-banner__circle2{position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.sp-banner__left{position:relative;z-index:1}.sp-banner__badge{font-size:.62rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff9;display:block;margin-bottom:.3rem}.sp-banner__title{font-size:1.6rem;font-weight:800;margin:0 0 .25rem;color:#fff;letter-spacing:-.02em}.sp-banner__sub{font-size:.85rem;color:#ffffffb8;margin:0}.sp-banner__right{position:relative;z-index:1;flex-shrink:0}.sp-banner__action{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:10px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.sp-banner__action:hover{background:#ffffff38;border-color:#ffffff80}.sp-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sp-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 4px #0000000d;transition:transform .18s,box-shadow .18s}.sp-kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px #0000001a}.sp-kpi-card__icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.sp-kpi-card__label{font-size:.72rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.sp-kpi-card__value{font-size:1.5rem;font-weight:800;color:#1e293b;line-height:1.1}.sp-info-banner{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;font-size:.875rem;color:#1e40af;line-height:1.5}.sp-info-banner i{font-size:1rem;flex-shrink:0;color:#3b82f6}.sp-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.sp-search{position:relative;flex:1;min-width:220px;max-width:380px}.sp-search__icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem;pointer-events:none}.sp-search input{width:100%;padding:.6rem 1rem .6rem 2rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.85rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.sp-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sp-search input::-moz-placeholder{color:#94a3b8}.sp-search input::placeholder{color:#94a3b8}.sp-filter-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.sp-filter-tab{padding:.45rem .9rem;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.sp-filter-tab:hover{border-color:#6366f1;color:#6366f1}.sp-filter-tab.active{background:#eff6ff;border-color:#6366f1;color:#4f46e5}.sp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem}.sp-empty__icon{width:80px;height:80px;border-radius:20px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#94a3b8}.sp-empty h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.sp-empty p{font-size:.9rem;color:#64748b;margin:0;max-width:380px;line-height:1.6}.sp-tickets-list{display:flex;flex-direction:column;gap:1rem}.sp-ticket-card{background:#fff;border:1.5px solid #ebebf5;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 2px 10px #0000000d;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.sp-ticket-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0000001a;border-color:#c7d2fe}.sp-ticket-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.sp-ticket-card__left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sp-ticket-card__number{font-size:.85rem;font-weight:700;color:#6366f1;font-family:monospace}.sp-ticket-card__time{font-size:.75rem;color:#9ca3af;white-space:nowrap}.sp-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:6px;white-space:nowrap}.sp-badge--category{background:#f3f4f6;color:#6b7280}.sp-ticket-card__subject{font-size:1rem;font-weight:700;color:#1e293b;line-height:1.4}.sp-ticket-card__desc{font-size:.875rem;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-ticket-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;border-top:1px solid #f3f4f6;flex-wrap:wrap}.sp-ticket-card__meta{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.8rem;color:#64748b}.sp-ticket-card__meta span{display:flex;align-items:center;gap:.35rem}.sp-ticket-card__meta i{font-size:.72rem;opacity:.7}.sp-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s ease;white-space:nowrap}.sp-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 3px 10px #6366f14d}.sp-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.sp-btn--primary:disabled{opacity:.65;cursor:not-allowed}.sp-btn--ghost{background:#f5f5fa;color:#6b7280;border:1.5px solid #e5e7eb}.sp-btn--ghost:hover{background:#ede9fe;color:#6366f1;border-color:#c4b5fd}.sp-btn--sm{padding:.4rem .8rem;font-size:.78rem}.sp-backdrop{position:fixed;inset:0;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:sp-fadeIn .18s ease}.sp-modal{background:#fff;border-radius:20px;width:100%;max-width:640px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden;animation:sp-slideUp .22s cubic-bezier(.16,1,.3,1)}.sp-modal--large{max-width:820px}.sp-modal__header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.sp-modal__title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0}.sp-modal__subtitle{font-size:.8rem;color:#64748b;margin-top:2px}.sp-modal__close{width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .15s;font-family:inherit}.sp-modal__close:hover{background:#fef2f2;color:#ef4444}.sp-modal__body{padding:24px 28px;overflow-y:auto;flex:1}.sp-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 28px;border-top:1px solid #f1f5f9;flex-shrink:0;background:#00000005}.sp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.sp-form-group{display:flex;flex-direction:column;gap:.45rem}.sp-form-group--full{grid-column:1 / -1}.sp-form-group label{font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em}.sp-form-group small{font-size:.72rem;color:#94a3b8}.sp-select-wrapper{position:relative;display:flex;align-items:center}.sp-select-icon{position:absolute;left:.9rem;font-size:.85rem;color:#6366f1;pointer-events:none;z-index:1}.sp-select-wrapper select{padding-left:2.4rem!important}.sp-custom-select{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-custom-select__trigger{display:flex;align-items:center;gap:.6rem;padding:.65rem .9rem;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;font-size:.875rem;color:#1e293b;font-family:inherit;transition:border-color .2s,box-shadow .2s}.sp-custom-select__trigger:hover,.sp-custom-select:focus-within .sp-custom-select__trigger{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sp-custom-select__trigger span{flex:1}.sp-custom-select__icon{font-size:.85rem;color:#6366f1;width:16px;text-align:center;flex-shrink:0}.sp-custom-select__arrow{font-size:.7rem;color:#94a3b8;flex-shrink:0}.sp-custom-select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 30px #0000001f;z-index:500;overflow:hidden;animation:sp-fadeIn .15s ease}.sp-custom-select__option{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;cursor:pointer;transition:background .12s;font-size:.875rem;color:#1e293b}.sp-custom-select__option:hover{background:#f5f3ff}.sp-custom-select__option.selected{background:#eff6ff}.sp-custom-select__option-icon{font-size:.85rem;width:18px;text-align:center;flex-shrink:0}.sp-custom-select__option-title{font-size:.875rem;font-weight:700;line-height:1.2}.sp-custom-select__option-sub{font-size:.75rem;color:#94a3b8;margin-top:1px}.sp-form-group input,.sp-form-group select,.sp-form-group textarea{padding:.65rem .9rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.sp-form-group input:focus,.sp-form-group select:focus,.sp-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sp-form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.sp-context-box{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem}.sp-context-box i{color:#6366f1;font-size:1rem;flex-shrink:0}.sp-context-box__label{font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.sp-context-box__value{font-size:.875rem;font-weight:600;color:#1e293b}.sp-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.85rem 1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#dc2626}.sp-error-box i{margin-right:6px}.sp-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1.25rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.sp-detail-item{display:flex;flex-direction:column;gap:.3rem}.sp-detail-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.sp-detail-value{font-size:.875rem;color:#1e293b;font-weight:600;line-height:1.5}.sp-detail-section{margin-bottom:1.5rem}.sp-detail-value--box{padding:1rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;line-height:1.7;font-weight:400;color:#374151;margin-top:.5rem}.sp-detail-value--resolved{padding:1rem;background:#f0fdf4;border-radius:10px;border:1px solid #bbf7d0;line-height:1.7;font-weight:400;color:#166534;margin-top:.5rem}.sp-comments-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.sp-comment{padding:1rem;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc}.sp-comment--admin{background:#fef3c7;border-color:#fde68a}.sp-comment__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.sp-comment__author{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;color:#1e293b}.sp-comment__author i{font-size:.75rem;opacity:.7}.sp-comment__role{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;background:#00000014;color:#6b7280}.sp-comment__time{font-size:.75rem;color:#9ca3af}.sp-comment__message{font-size:.875rem;color:#374151;line-height:1.6}.sp-waiting-notice{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;font-size:.85rem;color:#92400e;line-height:1.5;margin-top:.5rem}.sp-waiting-notice i{font-size:1rem;flex-shrink:0;color:#f59e0b}@media(max-width:900px){.sp-kpi-grid,.sp-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.sp-page{padding:0 .75rem .75rem;gap:1rem}.sp-banner{flex-direction:column;align-items:flex-start;padding:1.25rem;border-radius:12px}.sp-banner__right{width:100%}.sp-banner__action{width:100%;justify-content:center}.sp-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.sp-filters{flex-direction:column}.sp-search{max-width:100%}.sp-form-grid,.sp-detail-grid{grid-template-columns:1fr}.sp-ticket-card__header{flex-direction:column;align-items:flex-start}.sp-ticket-card__footer{flex-direction:column;align-items:stretch}}@media(max-width:400px){.sp-kpi-grid{grid-template-columns:1fr}}.ehp-page{display:flex;flex-direction:column;min-height:calc(100vh - 60px);background:#f5f5fa;padding:0 1.25rem 1.25rem}.ehp-banner{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 2rem;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border-radius:16px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #1d4ed859;flex-shrink:0;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.ehp-banner__circle1{position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.ehp-banner__circle2{position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.ehp-banner__left{position:relative;z-index:1}.ehp-banner__badge{font-size:.62rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff9;display:block;margin-bottom:.3rem}.ehp-banner__title{font-size:1.6rem;font-weight:800;margin:0 0 .25rem;color:#fff;letter-spacing:-.02em}.ehp-banner__sub{font-size:.85rem;color:#ffffffb8;margin:0}.ehp-banner__right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;flex-shrink:0;position:relative;z-index:1}.ehp-tabs{display:flex;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:4px;border-radius:12px;gap:2px}.ehp-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:none;border-radius:9px;cursor:pointer;font-size:.8rem;font-weight:700;background:transparent;color:#ffffffa6;transition:all .2s;white-space:nowrap;font-family:inherit}.ehp-tab i{font-size:.72rem}.ehp-tab:hover{color:#fff;background:#ffffff1f}.ehp-tab.active{background:#fff;color:#1e293b;box-shadow:0 2px 8px #00000026}.ehp-banner__action{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1rem;border-radius:9px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ehp-banner__action:hover{background:#ffffff38;border-color:#ffffff80}.ehp-banner__action i{font-size:.7rem}.ehp-body{flex:1;overflow-y:auto}.ehp-body::-webkit-scrollbar{width:4px}.ehp-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.ehp-root{display:flex;height:calc(100vh - 60px);background:#f5f5fa;margin:-1rem;border-top:1px solid #ebebf5;overflow:hidden}.ehp-sidebar{width:68px;background:#fff;border-right:1px solid #ebebf5;padding:1.25rem .5rem;display:flex;flex-direction:column;gap:.3rem;flex-shrink:0}.ehp-content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;min-width:0}.ehp-content::-webkit-scrollbar{width:4px}.ehp-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.ehp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.ehp-header h2{font-size:1.1rem;font-weight:800;color:#111827;letter-spacing:-.02em;margin:0}.ehp-header-sub{font-size:.75rem;color:#6b7280;margin:.15rem 0 0}.ehp-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.ehp-hall-card{background:#fff;border:1px solid #ebebf5;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s}.ehp-hall-card:hover{box-shadow:0 8px 28px #4f46e521;transform:translateY(-3px)}.ehp-hall-card__banner{position:relative;height:120px;padding:18px 20px;display:flex;align-items:flex-start;justify-content:space-between;overflow:hidden}.ehp-hall-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.07' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1.5'/%3E%3Ccircle cx='23' cy='3' r='1.5'/%3E%3Ccircle cx='13' cy='13' r='1.5'/%3E%3Ccircle cx='33' cy='13' r='1.5'/%3E%3Ccircle cx='3' cy='23' r='1.5'/%3E%3Ccircle cx='23' cy='23' r='1.5'/%3E%3Ccircle cx='13' cy='33' r='1.5'/%3E%3Ccircle cx='33' cy='33' r='1.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.ehp-hall-card__banner-left{flex:1;min-width:0;z-index:1}.ehp-hall-card__banner-name{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ehp-hall-card__banner-loc{font-size:.72rem;color:#fffc;display:flex;align-items:center;gap:4px}.ehp-hall-card__banner-loc i{font-size:.62rem}.ehp-hall-card__banner-icon{z-index:1;flex-shrink:0;margin-left:10px;width:44px;height:44px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fffffff2}.ehp-hall-card__body{padding:16px 18px 10px;flex:1}.ehp-hall-card__notes{font-size:.72rem;color:#6b7280;margin:8px 0 0;font-style:italic;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ehp-hall-card__stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}.ehp-stat-chip{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:.6rem .5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.ehp-stat-chip__val{font-size:1.2rem;font-weight:800;color:#111827;line-height:1}.ehp-stat-chip__label{font-size:.62rem;color:#9ca3af;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ehp-hall-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:8px 12px 12px;border-top:1px solid #f0f0f8}.ehp-empty{text-align:center;padding:3.5rem 2rem;color:#9ca3af}.ehp-empty i{font-size:2.5rem;margin-bottom:.875rem;display:block;color:#d1d5db}.ehp-empty h3{font-size:1rem;font-weight:700;color:#6b7280;margin:0 0 .4rem}.ehp-empty p{font-size:.8rem;margin:0 0 1.25rem;color:#9ca3af}.ehp-modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:ehpFadeIn .18s ease}@keyframes ehpFadeIn{0%{opacity:0}to{opacity:1}}.ehp-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;height:min(88vh,640px);display:flex;flex-direction:column;box-shadow:0 24px 60px #0000002e;animation:ehpSlideUp .22s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes ehpSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ehp-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;flex-shrink:0;background:#fafafa;border-radius:16px 16px 0 0}.ehp-modal__title{font-size:.9rem;font-weight:800;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.ehp-modal__title i{color:#4f46e5;font-size:.85rem}.ehp-modal__close{width:28px;height:28px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s;flex-shrink:0}.ehp-modal__close:hover{background:#e5e7eb;color:#111827}.ehp-modal__body{flex:1;overflow-y:auto;padding:1.25rem;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.ehp-modal__body::-webkit-scrollbar{width:4px}.ehp-modal__body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.ehp-modal__footer{padding:.875rem 1.25rem;border-top:1px solid #f3f4f6;display:flex;gap:.5rem;justify-content:flex-end;flex-shrink:0;background:#fafafa;border-radius:0 0 16px 16px}.ehp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.ehp-form-field{display:flex;flex-direction:column;gap:.3rem}.ehp-form-field.span-2{grid-column:span 2}.ehp-form-field label{font-size:.68rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em}.ehp-form-field input,.ehp-form-field select,.ehp-form-field textarea{padding:.5rem .75rem;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:.82rem;color:#111827;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%;box-sizing:border-box;line-height:1.4}.ehp-form-field input:focus,.ehp-form-field select:focus,.ehp-form-field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514;background:#fff}.ehp-form-field input[readonly]{background:#f1f5f9;cursor:not-allowed;color:#4f46e5;font-weight:700}.ehp-hint{font-size:.65rem;color:#9ca3af;line-height:1.3}.ehp-section-label{font-size:.65rem;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;padding:.75rem 0 .5rem;border-top:1px solid #f3f4f6;margin-top:.25rem;display:flex;align-items:center;gap:6px}.ehp-section-label i{font-size:.6rem}.ehp-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;border:none;white-space:nowrap;line-height:1}.ehp-btn i{font-size:.72rem}.ehp-btn--primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 1px 6px #4f46e533}.ehp-btn--primary:hover{box-shadow:0 3px 12px #4f46e54d;transform:translateY(-1px)}.ehp-btn--primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.ehp-btn--secondary{background:#fff;color:#374151;border:1.5px solid #e5e7eb}.ehp-btn--secondary:hover{background:#f9fafb;border-color:#d1d5db}.ehp-btn--danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ehp-btn--danger:hover{background:#fee2e2}.ehp-btn--ghost{background:transparent;color:#6b7280;border:1px solid #e5e7eb}.ehp-btn--ghost:hover{background:#f3f4f6;color:#374151}.ehp-btn--sm{padding:.3rem .6rem;font-size:.72rem;border-radius:6px}.ehp-btn--xs{padding:.2rem .5rem;font-size:.68rem;border-radius:5px}.ehp-btn--green{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 1px 6px #05966933}.ehp-btn--green:hover{box-shadow:0 3px 12px #0596694d;transform:translateY(-1px)}.ehp-btn--green:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.ehp-config-panel{background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:1.25rem;box-shadow:0 1px 4px #0000000a;overflow:hidden}.ehp-config-panel__header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:#f8fafc;border-bottom:1px solid #f1f5f9;font-size:.8rem;font-weight:800;color:#374151}.ehp-config-panel__header i{color:#4f46e5;font-size:.75rem}.ehp-config-panel__body{padding:1.25rem}.ehp-class-chip{display:inline-flex;align-items:center;gap:5px;padding:.3rem .65rem;border-radius:7px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;border:1.5px solid #e5e7eb;background:#fff;color:#6b7280}.ehp-class-chip:hover{border-color:#a5b4fc;color:#4f46e5;background:#f5f3ff}.ehp-class-chip.selected{border-color:#4f46e5;background:#ede9fe;color:#4f46e5;font-weight:700}.ehp-class-chip i{font-size:.65rem}.ehp-warn{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:#d97706;font-weight:600;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:.25rem .5rem}.ehp-arrangement-wrapper{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 4px #0000000a}.ehp-arrangement-toolbar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.ehp-arrangement-toolbar h3{font-size:.875rem;font-weight:800;color:#111827;margin:0;flex:1;display:flex;align-items:center;gap:6px}.ehp-summary-bar{display:flex;gap:.75rem;padding:.875rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center}.ehp-summary-stat{display:flex;flex-direction:column;align-items:center;padding:.4rem .875rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;min-width:70px}.ehp-summary-stat__val{font-size:1.1rem;font-weight:800;color:#111827;line-height:1}.ehp-summary-stat__label{font-size:.6rem;color:#9ca3af;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.ehp-hall-visual{padding:1.25rem;overflow-x:auto}.ehp-hall-visual__label{text-align:center;font-size:.65rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;padding:.4rem .75rem;background:#f1f5f9;border-radius:6px;display:inline-block;width:100%;box-sizing:border-box}.ehp-col-header{width:76px;text-align:center;font-size:.65rem;font-weight:800;color:#6b7280;text-transform:uppercase;padding:.25rem 0}.ehp-row-header{display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#6b7280;width:26px;flex-shrink:0}.ehp-seat{width:76px;min-height:60px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.3rem;transition:all .15s;position:relative;cursor:default}.ehp-seat.occupied{background:#f5f3ff;border-color:#c4b5fd}.ehp-seat.empty{background:#fafafa;border-color:#e5e7eb;border-style:dashed}.ehp-seat__id{font-size:.58rem;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.ehp-seat.occupied .ehp-seat__id{color:#7c3aed}.ehp-seat__roll{font-size:.62rem;font-weight:700;color:#4f46e5;text-align:center;word-break:break-all;line-height:1.2;margin-top:2px}.ehp-seat__name{font-size:.55rem;color:#6b7280;text-align:center;line-height:1.2;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:68px}.ehp-seat__dept-dot{width:5px;height:5px;border-radius:50%;position:absolute;top:3px;right:3px}.ehp-legend{display:flex;gap:1rem;padding:.875rem 1.25rem;border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center}.ehp-legend-label{font-size:.65rem;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.ehp-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:#6b7280;font-weight:600}.ehp-legend-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.ehp-overflow-banner{padding:.6rem 1.25rem;background:#fef2f2;border-bottom:1px solid #fecaca;font-size:.78rem;color:#dc2626;font-weight:600;display:flex;align-items:center;gap:6px}@media print{.ehp-root{display:block;height:auto;margin:0}.ehp-sidebar{display:none}.ehp-content{padding:0;overflow:visible}.ehp-btn,.ehp-config-panel{display:none}.ehp-seat{-moz-column-break-inside:avoid;break-inside:avoid}}@media(max-width:768px){.ehp-page{padding:0 .75rem .75rem}.ehp-banner{flex-direction:column;align-items:flex-start;padding:1.25rem;border-radius:12px}.ehp-banner__right{align-items:flex-start;width:100%}.ehp-tabs{width:100%}.ehp-tab{flex:1;justify-content:center}.ehp-form-grid{grid-template-columns:1fr}.ehp-form-field.span-2{grid-column:span 1}.ehp-cards-grid{grid-template-columns:1fr}.ehp-modal{height:95vh;max-width:100%;border-radius:12px 12px 0 0}}.ehp-import-panel{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1.5px solid #c7d2fe;border-radius:12px;overflow:hidden;margin-bottom:1.25rem}.ehp-import-panel__header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#4f46e514;border-bottom:1px solid #c7d2fe;font-size:.82rem;font-weight:700;color:#4338ca}.ehp-import-panel__header i{font-size:.78rem}.ehp-import-panel__badge{margin-left:auto;background:#4f46e5;color:#fff;font-size:.6rem;font-weight:800;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.ehp-import-panel__body{padding:1rem;display:flex;flex-direction:column;gap:.875rem}.ehp-slot-list{display:flex;flex-direction:column;gap:.5rem;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c7d2fe transparent}.ehp-slot-list::-webkit-scrollbar{width:4px}.ehp-slot-list::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:2px}.ehp-slot-btn{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;font-family:inherit;text-align:left;transition:all .15s;position:relative}.ehp-slot-btn:hover{border-color:#a5b4fc;background:#f5f3ff}.ehp-slot-btn.active{border-color:#4f46e5;background:#eef2ff;box-shadow:0 0 0 3px #4f46e51f}.ehp-slot-btn__date{display:flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;color:#111827;white-space:nowrap}.ehp-slot-btn__date i{color:#4f46e5;font-size:.7rem}.ehp-slot-btn__time{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:#374151;white-space:nowrap;background:#f3f4f6;padding:3px 8px;border-radius:6px}.ehp-slot-btn__time i{color:#6b7280;font-size:.65rem}.ehp-slot-btn__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.ehp-slot-btn__classes{font-size:.7rem;font-weight:700;color:#4f46e5;display:flex;align-items:center;gap:4px}.ehp-slot-btn__classes i{font-size:.62rem}.ehp-slot-btn__subjects{font-size:.68rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ehp-slot-btn__check{color:#4f46e5;font-size:.9rem;flex-shrink:0}.ehp-import-success{display:flex;align-items:center;gap:8px;padding:.625rem .875rem;background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:8px;font-size:.78rem;color:#065f46;font-weight:600}.ehp-import-success i{color:#059669;font-size:.85rem;flex-shrink:0}[data-theme=dark] .ehp-import-panel{background:#4f46e514;border-color:#6366f14d}[data-theme=dark] .ehp-import-panel__header{background:#4f46e51f;border-color:#6366f133;color:#818cf8}[data-theme=dark] .ehp-slot-btn{background:#1a1a1a;border-color:#ffffff1a}[data-theme=dark] .ehp-slot-btn:hover{background:#4f46e51a;border-color:#6366f166}[data-theme=dark] .ehp-slot-btn.active{background:#4f46e526;border-color:#4f46e5}[data-theme=dark] .ehp-slot-btn__date{color:#f1f5f9}[data-theme=dark] .ehp-slot-btn__time{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .ehp-import-success{background:#05966926;border-color:#6ee7b74d;color:#6ee7b7}:root{--lv-primary: #4f46e5;--lv-primary-soft: #ede9fe;--lv-success: #10b981;--lv-success-soft: #d1fae5;--lv-danger: #ef4444;--lv-danger-soft: #fee2e2;--lv-warning: #f59e0b;--lv-warning-soft: #fef3c7;--lv-info: #3b82f6;--lv-info-soft: #dbeafe;--lv-slate-50: #f8fafc;--lv-slate-100: #f1f5f9;--lv-slate-200: #e2e8f0;--lv-slate-300: #cbd5e1;--lv-slate-400: #94a3b8;--lv-slate-500: #64748b;--lv-slate-700: #334155;--lv-slate-900: #0f172a}.lv-page{padding:1.5rem;background:#f1f5f9;min-height:100vh;display:flex;flex-direction:column;gap:1.25rem;font-family:Inter,system-ui,-apple-system,sans-serif}.lv-header{background:linear-gradient(135deg,#0f172a,#312e81,#4f46e5);padding:1.5rem 2rem;border-radius:16px;box-shadow:0 10px 30px -5px #4f46e559;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#fff;position:relative;overflow:hidden}.lv-header:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.lv-header:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.lv-header__left{position:relative;z-index:1}.lv-header__icon{width:44px;height:44px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:.75rem}.lv-header__title{font-size:1.5rem;font-weight:800;margin:0;letter-spacing:-.01em;color:#fff}.lv-header__sub{font-size:.875rem;color:#ffffffbf;margin-top:.2rem}.lv-header__right{position:relative;z-index:1;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.lv-kpi-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.lv-kpi{background:#fff;border:1px solid var(--lv-slate-200);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:transform .2s,box-shadow .2s}.lv-kpi:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.lv-kpi__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.lv-kpi__val{font-size:1.3rem;font-weight:800;color:var(--lv-slate-900);line-height:1}.lv-kpi__lbl{font-size:.7rem;color:var(--lv-slate-500);margin-top:2px}.lv-header-tabs{display:flex;gap:.5rem;background:#0003;padding:.375rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.lv-header-tabs .lv-tab{display:flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:8px;border:none;background:transparent;color:#ffffffb3;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s ease}.lv-header-tabs .lv-tab:hover{background:#ffffff1a;color:#fff}.lv-header-tabs .lv-tab-active{background:#ffffff26!important;color:#fff!important;box-shadow:none}.lv-header-tabs .lv-tab-badge{background:#fff3;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:20px;min-width:18px;text-align:center}.lv-card{background:#fff;border:1px solid var(--lv-slate-200);border-radius:16px;padding:1.5rem}.lv-card__title{font-size:1rem;font-weight:700;color:var(--lv-slate-900);margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.lv-card__title i{color:var(--lv-primary)}.lv-form{display:flex;flex-direction:column;gap:1.25rem}.lv-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lv-form-group{display:flex;flex-direction:column;gap:.4rem}.lv-form-group.full{grid-column:1 / -1}.lv-label{font-size:.78rem;font-weight:700;color:var(--lv-slate-700);text-transform:uppercase;letter-spacing:.05em}.lv-input,.lv-select,.lv-textarea{padding:.6rem .875rem;border:1.5px solid var(--lv-slate-200);border-radius:8px;font-size:.875rem;color:var(--lv-slate-900);background:#fff;transition:border-color .18s,box-shadow .18s;font-family:inherit;width:100%;box-sizing:border-box}.lv-input:focus,.lv-select:focus,.lv-textarea:focus{outline:none;border-color:var(--lv-primary);box-shadow:0 0 0 3px #4f46e51f}.lv-textarea{resize:vertical;min-height:90px}.lv-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.lv-type-card{border:2px solid var(--lv-slate-200);border-radius:12px;padding:.875rem;cursor:pointer;transition:all .18s ease;text-align:center;background:#fff}.lv-type-card:hover{border-color:var(--lv-primary);background:var(--lv-primary-soft)}.lv-type-card.selected{border-color:var(--lv-primary);background:var(--lv-primary-soft);box-shadow:0 0 0 3px #4f46e526}.lv-type-card__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;font-size:1rem}.lv-type-card__name{font-size:.8rem;font-weight:700;color:var(--lv-slate-700)}.lv-type-card__balance{font-size:.7rem;color:var(--lv-slate-500);margin-top:.2rem}.lv-duration-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.lv-dur-btn{padding:.5rem 1rem;border:1.5px solid var(--lv-slate-200);border-radius:8px;background:#fff;font-size:.8rem;font-weight:600;color:var(--lv-slate-600);cursor:pointer;transition:all .18s}.lv-dur-btn:hover{border-color:var(--lv-primary);color:var(--lv-primary)}.lv-dur-btn.active{background:var(--lv-primary);border-color:var(--lv-primary);color:#fff}.lv-date-range{display:flex;gap:1.25rem;align-items:flex-end;margin-top:1.25rem;flex-wrap:wrap}.lv-date-range .lv-form-group{margin-bottom:0;flex:1;min-width:200px}.lv-date-range .lv-days-count{margin-bottom:0!important}.lv-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:10px;border:none;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease;font-family:inherit}.lv-btn-primary{background:var(--lv-primary);color:#fff;box-shadow:0 2px 8px #4f46e54d}.lv-btn-primary:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 14px #4f46e566}.lv-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.lv-btn-ghost{background:var(--lv-slate-100);color:var(--lv-slate-700)}.lv-btn-ghost:hover{background:var(--lv-slate-200)}.lv-btn-success{background:var(--lv-success);color:#fff}.lv-btn-success:hover{background:#059669}.lv-btn-danger{background:var(--lv-danger);color:#fff}.lv-btn-danger:hover{background:#dc2626}.lv-btn-sm{padding:.4rem .875rem;font-size:.78rem}.lv-list{display:flex;flex-direction:column;gap:.75rem}.lv-item{background:#fff;border:1px solid var(--lv-slate-200);border-radius:14px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:box-shadow .18s,transform .18s}.lv-item:hover{box-shadow:0 4px 16px #00000012;transform:translateY(-1px)}.lv-item__avatar{width:42px;height:42px;border-radius:50%;background:var(--lv-primary-soft);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--lv-primary);font-weight:700;flex-shrink:0;font-size:.875rem}.lv-item__body{flex:1;min-width:0}.lv-item__name{font-size:.9rem;font-weight:700;color:var(--lv-slate-900)}.lv-item__meta{font-size:.78rem;color:var(--lv-slate-500);margin-top:.2rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.lv-item__reason{font-size:.82rem;color:var(--lv-slate-600);margin-top:.5rem;line-height:1.5}.lv-item__dates{font-size:.78rem;font-weight:600;color:var(--lv-slate-700);margin-top:.4rem;display:flex;align-items:center;gap:.4rem}.lv-item__actions{display:flex;gap:.5rem;flex-shrink:0;align-items:flex-start;flex-wrap:wrap}.lv-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.lv-badge-pending{background:var(--lv-warning-soft);color:#92400e}.lv-badge-approved{background:var(--lv-success-soft);color:#065f46}.lv-badge-rejected{background:var(--lv-danger-soft);color:#991b1b}.lv-badge-cancelled{background:var(--lv-slate-100);color:var(--lv-slate-500)}.lv-badge-od{background:var(--lv-info-soft);color:#1e40af}.lv-chain{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.lv-chain__step{display:flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:6px}.lv-chain__step.done{background:var(--lv-success-soft);color:#065f46}.lv-chain__step.pending{background:var(--lv-warning-soft);color:#92400e}.lv-chain__step.waiting{background:var(--lv-slate-100);color:var(--lv-slate-500)}.lv-chain__step.rejected{background:var(--lv-danger-soft);color:#991b1b}.lv-chain__arrow{color:var(--lv-slate-300);font-size:.65rem}.lv-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--lv-slate-200)}.lv-table{width:100%;border-collapse:collapse;font-size:.85rem}.lv-table th{background:var(--lv-slate-50);padding:.75rem 1rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--lv-slate-500);border-bottom:1px solid var(--lv-slate-200);white-space:nowrap}.lv-table td{padding:.875rem 1rem;border-bottom:1px solid var(--lv-slate-100);color:var(--lv-slate-700);vertical-align:middle}.lv-table tr:last-child td{border-bottom:none}.lv-table tr:hover td{background:var(--lv-slate-50)}.lv-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.lv-type-edit-card{background:#fff;border:1.5px solid var(--lv-slate-200);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .18s}.lv-type-edit-card:hover{box-shadow:0 4px 16px #00000012}.lv-type-edit-card__head{display:flex;align-items:center;gap:.75rem}.lv-type-edit-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.lv-type-edit-card__name{font-size:.95rem;font-weight:700;color:var(--lv-slate-900)}.lv-type-edit-card__sub{font-size:.75rem;color:var(--lv-slate-500)}.lv-type-edit-card__actions{display:flex;gap:.5rem;margin-top:auto}.lv-color-swatches{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.lv-color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;box-shadow:0 2px 5px #0000001a}.lv-color-swatch:hover{transform:scale(1.15);box-shadow:0 4px 10px #00000026}.lv-color-swatch.active{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--lv-primary);transform:scale(1.1)}.lv-color-picker-wrap{width:32px;height:32px;border-radius:50%;overflow:hidden;box-shadow:0 2px 5px #0000001a;display:flex;cursor:pointer;border:2px solid white;transition:transform .2s}.lv-color-picker-wrap:hover{transform:scale(1.1)}.lv-color-input-hidden{padding:0;width:200%;height:200%;margin:-50%;cursor:pointer;border:none;background:transparent}.lv-add-type-form{background:var(--lv-primary-soft);border:2px dashed var(--lv-primary);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.lv-empty{text-align:center;padding:3rem 1rem;color:var(--lv-slate-400)}.lv-empty i{font-size:2.5rem;margin-bottom:.75rem;display:block}.lv-empty p{font-size:.9rem;margin:0}.lv-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;padding:.75rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 24px #00000026;animation:lv-slide-in .25s ease}.lv-toast.success{background:#065f46;color:#fff}.lv-toast.error{background:#991b1b;color:#fff}@keyframes lv-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.lv-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--lv-slate-400);gap:.75rem;font-size:.9rem}.lv-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.lv-modal{background:#fff;border-radius:18px;padding:2rem;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:lv-modal-in .22s ease}@keyframes lv-modal-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.lv-modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.lv-modal__title{font-size:1.1rem;font-weight:800;color:var(--lv-slate-900);margin:0}.lv-modal__close{width:32px;height:32px;border-radius:8px;border:1px solid var(--lv-slate-200);background:var(--lv-slate-50);color:var(--lv-slate-500);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .18s}.lv-modal__close:hover{background:var(--lv-danger-soft);color:var(--lv-danger);border-color:var(--lv-danger)}.lv-modal__footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.lv-remark-box{background:var(--lv-slate-50);border:1px solid var(--lv-slate-200);border-radius:10px;padding:1rem;margin-top:1rem}.lv-remark-box label{font-size:.78rem;font-weight:700;color:var(--lv-slate-700);display:block;margin-bottom:.4rem}@media(max-width:768px){.lv-page{padding:1rem}.lv-header{padding:1.25rem;flex-direction:column;align-items:flex-start}.lv-form-row{grid-template-columns:1fr}.lv-date-range{flex-direction:column;align-items:flex-start;gap:1rem}.lv-date-range .lv-days-count{align-self:flex-start!important}.lv-item{flex-direction:column}.lv-item__actions{width:100%}.lv-kpi-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.lv-header-tabs{gap:.15rem;flex-wrap:wrap}.lv-header-tabs .lv-tab{padding:.45rem .75rem;font-size:.8rem}.lv-kpi-bar{grid-template-columns:1fr 1fr}}.lv-header-content{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.lv-header-icon{width:48px;height:48px;background:#ffffff26;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.lv-header-title{font-size:1.5rem;font-weight:800;margin:0;color:#fff;letter-spacing:-.01em}.lv-header-subtitle{font-size:.875rem;color:#ffffffbf;margin:.2rem 0 0}.lv-kpi i{font-size:1.1rem;flex-shrink:0}.lv-kpi-val{font-size:1.3rem;font-weight:800;color:var(--lv-slate-900);line-height:1}.lv-kpi-lbl{font-size:.7rem;color:var(--lv-slate-500);margin-top:2px}.lv-kpi-total i{color:#6366f1}.lv-kpi-pending i{color:#f59e0b}.lv-kpi-approved i{color:#10b981}.lv-kpi-rejected i{color:#ef4444}.lv-tab-active{background:#ffffff26!important;color:#fff!important;box-shadow:none}.lv-tab-badge{background:#fff3;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:20px;min-width:18px;text-align:center}.lv-tab-active .lv-tab-badge{background:#ffffff4d}.lv-form-section{background:#fff;border:1px solid var(--lv-slate-200);border-radius:14px;padding:1.5rem}.lv-form-section-title{font-size:.9rem;font-weight:700;color:var(--lv-slate-700);margin:0 0 1rem;display:flex;align-items:center;gap:.6rem}.lv-step-num{width:24px;height:24px;background:var(--lv-primary);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.lv-form-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.lv-char-count{font-size:.72rem;color:var(--lv-slate-400);text-align:right;margin-top:.25rem}.lv-type-card-selected{border-color:var(--lv-primary)!important;background:var(--lv-primary-soft)!important;box-shadow:0 0 0 3px #4f46e526}.lv-type-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;font-size:1rem}.lv-type-card-name{font-size:.82rem;font-weight:700;color:var(--lv-slate-700);margin-bottom:.3rem}.lv-type-card-meta{display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap;margin-bottom:.3rem}.lv-type-card-balance{font-size:.7rem;font-weight:600;margin-top:.3rem;display:flex;align-items:center;gap:.3rem;justify-content:center}.lv-dur-btn-active{background:var(--lv-primary)!important;border-color:var(--lv-primary)!important;color:#fff!important}.lv-days-count{background:var(--lv-primary-soft);border:1px solid #c7d2fe;border-radius:10px;padding:.75rem 1rem;font-size:.85rem;color:var(--lv-primary);display:flex;align-items:center;gap:.5rem;white-space:nowrap;align-self:flex-end}.lv-days-count strong{font-size:1.1rem;font-weight:800}.lv-approve-list,.lv-approve-card{display:flex;flex-direction:column;gap:1rem}.lv-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lv-applicant-info{display:flex;align-items:center;gap:.75rem}.lv-applicant-avatar{width:42px;height:42px;border-radius:50%;background:var(--lv-primary-soft);color:var(--lv-primary);font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lv-applicant-name{font-size:.95rem;font-weight:700;color:var(--lv-slate-900)}.lv-applicant-role{font-size:.75rem;color:var(--lv-slate-500);text-transform:capitalize}.lv-card-badges{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.lv-card-body{display:flex;flex-direction:column;gap:.6rem}.lv-card-dates{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--lv-slate-700);flex-wrap:wrap}.lv-days-pill{background:var(--lv-primary-soft);color:var(--lv-primary);font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:20px}.lv-days-pill-half{background:var(--lv-warning-soft);color:#92400e}.lv-card-reason{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--lv-slate-600);line-height:1.5}.lv-card-reason i{color:var(--lv-slate-400);margin-top:2px;flex-shrink:0}.lv-card-chain{display:flex;flex-direction:column;gap:.4rem}.lv-chain-label{font-size:.72rem;font-weight:700;color:var(--lv-slate-500);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem}.lv-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid var(--lv-slate-100)}.lv-card-date-applied{font-size:.75rem;color:var(--lv-slate-400);display:flex;align-items:center;gap:.4rem}.lv-card-actions{display:flex;gap:.5rem}.lv-btn-danger-outline{background:transparent;border:1.5px solid var(--lv-danger);color:var(--lv-danger);padding:.5rem 1rem;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .18s;font-family:inherit}.lv-btn-danger-outline:hover{background:var(--lv-danger);color:#fff}.lv-history{display:flex;flex-direction:column;gap:1rem}.lv-table-wrapper{overflow-x:auto;border-radius:14px;border:1px solid var(--lv-slate-200);background:#fff}.lv-date-cell{display:flex;flex-direction:column;gap:.15rem}.lv-date-to{font-size:.72rem;color:var(--lv-slate-400)}.lv-reason-cell{font-size:.82rem;color:var(--lv-slate-600)}.lv-na{color:var(--lv-slate-300)}.lv-chain-step{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:6px}.lv-chain-done{background:var(--lv-success-soft);color:#065f46}.lv-chain-pending{background:var(--lv-warning-soft);color:#92400e}.lv-chain-waiting{background:var(--lv-slate-100);color:var(--lv-slate-500)}.lv-chain-rejected{background:var(--lv-danger-soft);color:#991b1b}.lv-chain-name{font-weight:700}.lv-chain-role{font-size:.65rem;opacity:.75}.lv-chain-arrow{color:var(--lv-slate-300);font-size:.65rem}.lv-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.lv-modal-header h3{font-size:1.05rem;font-weight:800;color:var(--lv-slate-900);margin:0;display:flex;align-items:center}.lv-modal-close{width:30px;height:30px;border-radius:8px;border:1px solid var(--lv-slate-200);background:var(--lv-slate-50);color:var(--lv-slate-500);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .18s}.lv-modal-close:hover{background:var(--lv-danger-soft);color:var(--lv-danger)}.lv-modal-body{margin-bottom:1rem}.lv-modal-footer{display:flex;gap:.75rem;justify-content:flex-end}.lv-settings{display:flex;flex-direction:column;gap:1.5rem}.lv-settings-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.lv-settings-header h3{font-size:1rem;font-weight:800;color:var(--lv-slate-900);margin:0;display:flex;align-items:center;gap:.5rem}.lv-settings-header h3 i{color:var(--lv-primary)}.lv-settings-section{display:flex;flex-direction:column;gap:1rem}.lv-settings-section h3{font-size:1rem;font-weight:800;color:var(--lv-slate-900);margin:0;display:flex;align-items:center;gap:.5rem}.lv-settings-section h3 i{color:var(--lv-primary)}.lv-type-edit-card-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.lv-type-edit-card-info{flex:1;min-width:0}.lv-type-edit-card-name{font-size:.9rem;font-weight:700;color:var(--lv-slate-900)}.lv-type-edit-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.3rem;font-size:.75rem;color:var(--lv-slate-500)}.lv-type-edit-card-actions{display:flex;gap:.4rem;flex-shrink:0}.lv-type-edit-card{display:flex;align-items:center;gap:.875rem}.lv-type-edit-form{width:100%}.lv-color-row{display:flex;align-items:center;gap:.5rem}.lv-color-input{width:40px;height:38px;border:1.5px solid var(--lv-slate-200);border-radius:8px;padding:2px;cursor:pointer;flex-shrink:0}.lv-form-group-check{flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.lv-check-label{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--lv-slate-700);cursor:pointer}.lv-check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--lv-primary);cursor:pointer}.lv-hierarchy-info{display:flex;flex-direction:column;align-items:flex-start;gap:0;background:#fff;border:1px solid var(--lv-slate-200);border-radius:14px;padding:1.5rem}.lv-hierarchy-item{display:flex;align-items:flex-start;gap:1rem;padding:.875rem 0;width:100%}.lv-hierarchy-role{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;font-size:.82rem;font-weight:700;white-space:nowrap;flex-shrink:0;min-width:200px}.lv-hierarchy-role-admin{background:#ede9fe;color:#4f46e5}.lv-hierarchy-role-hod{background:#dbeafe;color:#1d4ed8}.lv-hierarchy-role-faculty{background:#d1fae5;color:#065f46}.lv-hierarchy-role-student{background:#fef3c7;color:#92400e}.lv-hierarchy-desc{font-size:.8rem;color:var(--lv-slate-500);line-height:1.5;padding-top:.4rem}.lv-hierarchy-arrow{color:var(--lv-slate-300);font-size:1rem;padding-left:1.5rem}.lv-manager-section{background:#fff;border:1px solid var(--lv-slate-200);border-radius:16px;overflow:hidden}.lv-manager-section-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--lv-slate-100);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--lv-slate-50)}.lv-manager-section-header h4{font-size:.9rem;font-weight:800;color:var(--lv-slate-900);margin:0;display:flex;align-items:center;gap:.5rem}.lv-manager-section-header h4 i{color:var(--lv-primary)}.lv-manager-section-desc{font-size:.78rem;color:var(--lv-slate-500);margin:0}.lv-manager-filter-row{padding:1rem 1.5rem;border-bottom:1px solid var(--lv-slate-100);display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.lv-manager-filter-row .lv-select{max-width:200px}.lv-manager-list{display:flex;flex-direction:column}.lv-manager-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:center;padding:.875rem 1.5rem;border-bottom:1px solid var(--lv-slate-100);transition:background .15s}.lv-manager-row:last-child{border-bottom:none}.lv-manager-row:hover{background:var(--lv-slate-50)}.lv-manager-user{display:flex;align-items:center;gap:.75rem}.lv-manager-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;flex-shrink:0;color:#fff}.lv-manager-user-name{font-size:.875rem;font-weight:700;color:var(--lv-slate-900)}.lv-manager-user-role{font-size:.7rem;color:var(--lv-slate-500);text-transform:capitalize;display:flex;align-items:center;gap:.3rem}.lv-manager-assign{display:flex;align-items:center;gap:.5rem}.lv-manager-assign .lv-select{flex:1;font-size:.82rem}.lv-manager-self-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;background:#ede9fe;color:#4f46e5;border-radius:20px;font-size:.7rem;font-weight:700}.lv-manager-save-btn{padding:.4rem .875rem;background:var(--lv-primary);color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .18s;font-family:inherit;white-space:nowrap}.lv-manager-save-btn:hover{background:#4338ca}.lv-manager-save-btn:disabled{opacity:.5;cursor:not-allowed}.lv-manager-empty{padding:2.5rem;text-align:center;color:var(--lv-slate-400);font-size:.875rem}.lv-policy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.lv-policy-card{background:#fff;border:1.5px solid var(--lv-slate-200);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .18s}.lv-policy-card:hover{box-shadow:0 4px 16px #00000012}.lv-policy-card-head{display:flex;align-items:center;gap:.75rem;padding-bottom:.875rem;border-bottom:1px solid var(--lv-slate-100);margin-bottom:.25rem}.lv-policy-card-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.lv-policy-card-name{font-size:.9rem;font-weight:700;color:var(--lv-slate-900)}.lv-policy-card-sub{font-size:.72rem;color:var(--lv-slate-500)}.lv-policy-fields{display:flex;flex-direction:column;gap:.875rem}.lv-policy-field{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.lv-policy-field-label{font-size:.75rem;color:var(--lv-slate-600);font-weight:600;display:flex;align-items:center}.lv-policy-field-label i{width:18px;text-align:center;margin-right:.4rem;color:var(--lv-slate-400);font-size:.8rem}.lv-policy-field input[type=number]{width:70px;padding:.3rem .5rem;border:1.5px solid var(--lv-slate-200);border-radius:6px;font-size:.82rem;text-align:center;font-family:inherit}.lv-policy-field input[type=number]:focus{outline:none;border-color:var(--lv-primary)}.lv-policy-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--lv-primary);cursor:pointer}.lv-policy-save-btn{padding:.45rem 1rem;background:var(--lv-primary);color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .18s;font-family:inherit;align-self:flex-end;margin-top:.5rem}.lv-policy-save-btn:hover{background:#4338ca}.lv-policy-save-btn:disabled{opacity:.5;cursor:not-allowed}.lv-settings-tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--lv-slate-200);margin-bottom:.25rem}.lv-settings-tab{padding:.6rem 1.1rem;border:none;background:transparent;font-size:.82rem;font-weight:700;color:var(--lv-slate-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .18s;display:flex;align-items:center;gap:.4rem;font-family:inherit}.lv-settings-tab:hover{color:var(--lv-primary)}.lv-settings-tab.active{color:var(--lv-primary);border-bottom-color:var(--lv-primary)}@media(max-width:768px){.lv-manager-row{grid-template-columns:1fr;gap:.5rem}.lv-manager-assign{flex-wrap:wrap}.lv-hierarchy-role{min-width:unset}.lv-policy-grid{grid-template-columns:1fr}}@media print{.lv-header,.lv-header-tabs,.lv-btn,button,.lv-card-actions{display:none!important}.lv-page,body{background:#fff!important;padding:0!important;margin:0!important}.lv-card,.lv-item,.lv-table-wrapper{box-shadow:none!important;border:1px solid #ddd!important;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem}*{color:#000!important}.lv-badge,.lv-days-pill{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.sh-page{padding:1.25rem 1.5rem 2rem;max-width:1600px;margin:0 auto}.sh-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;gap:1rem}.sh-header h1{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .35rem}.sh-header h1 i{color:#2563eb;margin-right:.5rem}.sh-header p{margin:0;color:#64748b;font-size:.9rem}.sh-count{background:#eff6ff;color:#1d4ed8;padding:.35rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600}.sh-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1rem;min-height:calc(100vh - 220px)}@media(max-width:960px){.sh-layout{grid-template-columns:1fr}}.sh-list-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 200px)}.sh-search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;color:#94a3b8}.sh-search input{flex:1;border:none;outline:none;font-size:.9rem}.sh-list-scroll{overflow-y:auto;flex:1}.sh-list-msg{padding:2rem 1rem;text-align:center}.sh-list-msg--error{color:#dc2626;font-size:.85rem;line-height:1.5}.sh-list-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid #f1f5f9;background:transparent;text-align:left;cursor:pointer;transition:background .15s}.sh-list-item:hover{background:#f8fafc}.sh-list-item--active{background:#eff6ff;border-left:3px solid #2563eb}.sh-list-item__text{flex:1;min-width:0}.sh-list-item__text strong{display:block;font-size:.9rem;color:#0f172a}.sh-list-item__text>span{display:block;font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-list-item__metrics{display:flex;gap:.5rem;margin-top:.25rem;font-size:.7rem;color:#3b82f6}.sh-list-item__arrow{color:#cbd5e1;font-size:.75rem}.sh-photo{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.sh-photo--initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:.75rem;font-weight:700}.sh-main-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;min-height:400px}.sh-detail{padding:1.25rem}.sh-detail--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;color:#94a3b8;text-align:center;padding:2rem}.sh-detail--empty i{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.sh-detail--empty h3{color:#475569;margin:0 0 .5rem}.sh-detail--error{color:#dc2626}.sh-detail__hero{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;margin-bottom:1rem}.sh-detail__hero .sh-photo{width:72px;height:72px;font-size:1.25rem}.sh-detail__hero-text{flex:1;min-width:200px}.sh-detail__hero-text h2{margin:0 0 .35rem;font-size:1.35rem;color:#0f172a}.sh-detail__chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.sh-chip{font-size:.72rem;background:#f1f5f9;color:#475569;padding:.2rem .5rem;border-radius:6px}.sh-detail__placement{margin:0;font-size:.85rem;color:#64748b}.sh-detail__stats{display:flex;gap:.75rem;flex-wrap:wrap}.sh-stat{text-align:center;min-width:72px;padding:.5rem .75rem;background:#f8fafc;border-radius:10px}.sh-stat__val{display:block;font-size:1.1rem;font-weight:700;color:#1e40af}.sh-stat__lbl{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.sh-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.sh-tab{border:1px solid #e2e8f0;background:#fff;color:#64748b;padding:.45rem .75rem;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .15s}.sh-tab i{margin-right:.35rem}.sh-tab:hover{border-color:#93c5fd;color:#2563eb}.sh-tab--active{background:#2563eb;border-color:#2563eb;color:#fff}.sh-tab-content{max-height:calc(100vh - 380px);overflow-y:auto}.sh-grid{display:grid;gap:1rem}.sh-grid--2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sh-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.sh-card h4{margin:0 0 .75rem;font-size:.9rem;color:#334155}.sh-card h4 i{margin-right:.4rem;color:#3b82f6}.sh-card--row{display:flex;flex-wrap:wrap;gap:1rem}.sh-dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;font-size:.82rem}.sh-dl dt{color:#64748b;font-weight:500}.sh-dl dd{margin:0;color:#0f172a}.sh-muted{color:#94a3b8;font-size:.85rem;margin:0}.sh-stack{display:flex;flex-direction:column;gap:1rem}.sh-timeline__item{display:flex;gap:.75rem;padding-bottom:1rem;position:relative}.sh-timeline__dot{width:10px;height:10px;border-radius:50%;background:#3b82f6;margin-top:.35rem;flex-shrink:0}.sh-timeline__body strong{margin-right:.5rem}.sh-badge{display:inline-block;font-size:.68rem;background:#dbeafe;color:#1d4ed8;padding:.15rem .4rem;border-radius:4px;margin-left:.35rem;text-transform:capitalize}.sh-list{list-style:none;margin:0;padding:0}.sh-list li{padding:.5rem 0;border-bottom:1px solid #e2e8f0;font-size:.85rem}.sh-table{width:100%;border-collapse:collapse;font-size:.82rem}.sh-table th,.sh-table td{padding:.5rem .6rem;text-align:left;border-bottom:1px solid #e2e8f0}.sh-table th{color:#64748b;font-weight:600}.sh-status{text-transform:capitalize;font-weight:600;font-size:.75rem}.sh-status--present{color:#059669}.sh-status--absent{color:#dc2626}.sh-status--late{color:#d97706}.sh-mini-stat{text-align:center;padding:.5rem 1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.sh-mini-stat span{display:block;font-size:1.1rem;font-weight:700;color:#0f172a}.sh-mini-stat label{font-size:.7rem;color:#64748b}.sh-mini-stat--ok span{color:#059669}.sh-mini-stat--bad span{color:#dc2626}.admin-dashboard{padding:1.25rem;padding-top:0;background:var(--bg-primary);min-height:100vh;display:flex;flex-direction:column;gap:1.25rem}[data-theme=dark] .admin-dashboard{background:#0a0a0a}.db-banner{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 2rem;border-radius:16px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #00000040}.db-banner:before{content:"";position:absolute;top:-60px;right:-60px;width:260px;height:260px;background:#ffffff12;border-radius:50%;pointer-events:none}.db-banner__role{font-size:.68rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#ffffffb3;display:block;margin-bottom:.3rem}.db-banner__title{font-size:1.75rem;font-weight:800;margin:0 0 .2rem;color:#fff}.db-banner__tagline{font-size:.875rem;color:#fffc;margin:0}.db-banner__status{display:flex;align-items:center;gap:.75rem;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.75rem 1.25rem;flex-shrink:0}.db-banner__dot{width:10px;height:10px;background:#4ade80;border-radius:50%;box-shadow:0 0 0 3px #4ade804d;flex-shrink:0}.db-banner__status-lbl{font-size:.68rem;color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px}.db-banner__status-val{font-size:.85rem;font-weight:700;color:#fff}.db-kpi-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.75rem}.db-kpi{display:flex;align-items:center;gap:.75rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:.875rem 1rem;transition:transform .2s,box-shadow .2s}[data-theme=dark] .db-kpi{background:#161616;border-color:#ffffff12}.db-kpi:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px #0000001f}.db-kpi__icon{width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--kc) 14%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-kpi__icon i{color:var(--kc);font-size:1rem}.db-kpi__val{font-size:1.2rem;font-weight:800;color:var(--text-primary);line-height:1}[data-theme=dark] .db-kpi__val{color:#f1f5f9}.db-kpi__lbl{font-size:.7rem;color:var(--text-secondary);margin-top:2px}.db-group-lbl{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:-.5rem}.db-group-lbl i{color:var(--primary-color)}.db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.db-card{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:18px;padding:20px 20px 14px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;box-shadow:0 2px 10px #0000000d;position:relative;overflow:hidden}[data-theme=dark] .db-card{background:#161616;border-color:#ffffff14}.db-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001c;border-color:color-mix(in srgb,var(--accent, #6366f1) 40%,transparent)}[data-theme=dark] .db-card:hover{box-shadow:0 12px 32px #00000073}.db-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.db-card__title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.3;letter-spacing:-.2px}[data-theme=dark] .db-card__title{color:#f1f5f9}.db-card__icon{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--accent, #6366f1) 13%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-card__icon i{color:var(--accent, #6366f1);font-size:.95rem}.db-card__desc{font-size:.82rem;color:var(--text-secondary);margin:0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.db-card__meta,.db-card__pill{display:none}.db-card__stats{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.db-card__stat{display:flex;align-items:baseline;gap:4px;font-size:.78rem;color:var(--text-muted);white-space:nowrap}.db-card__stat-val{font-size:.9rem;font-weight:800;color:var(--accent, #6366f1);line-height:1}.db-card__stat-lbl{font-size:.72rem;color:var(--text-muted)}.db-card__actions{display:flex;gap:.4rem;padding-top:10px;border-top:1px solid var(--border-color);flex-wrap:wrap}[data-theme=dark] .db-card__actions{border-top-color:#ffffff0f}.db-card__btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;color:var(--accent, #6366f1);background:color-mix(in srgb,var(--accent, #6366f1) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent, #6366f1) 22%,transparent);border-radius:7px;padding:.28rem .65rem;cursor:pointer;transition:background .18s,transform .15s;font-family:inherit}.db-card__btn:hover{background:color-mix(in srgb,var(--accent, #6366f1) 20%,transparent);transform:translateY(-1px)}.db-card__arrow,.db-card__banner{display:none}.db-hod{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;overflow:hidden}[data-theme=dark] .db-hod{background:#161616;border-color:#ffffff12}.db-hod__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#1e293b,#334155);color:#fff}[data-theme=dark] .db-hod__header{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.db-hod__sub{font-size:.68rem;text-transform:uppercase;letter-spacing:1px;opacity:.7;display:block;margin-bottom:.25rem}.db-hod__title{font-size:1.35rem;font-weight:800;margin:0;color:#fff}.db-hod__pct-wrap{text-align:right}.db-hod__pct{font-size:2.4rem;font-weight:800;color:#fff;display:block;line-height:1}.db-hod__pct-lbl{font-size:.72rem;opacity:.8}.db-table-wrap{overflow-x:auto}.db-table{width:100%;border-collapse:collapse}.db-table th{padding:.7rem 1rem;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}[data-theme=dark] .db-table th{background:#0f0f0f;border-bottom-color:#ffffff12}.db-table td{padding:.7rem 1rem;font-size:.84rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}[data-theme=dark] .db-table td{color:#e2e8f0;border-bottom-color:#ffffff0d}.db-table tbody tr:last-child td{border-bottom:none}.db-table tbody tr:hover{background:var(--hover-bg)}.db-table__title{font-weight:600}.db-table__sub{font-size:.68rem;color:var(--text-muted);margin-top:2px}.db-avg{font-weight:700;padding:3px 8px;border-radius:5px;font-size:.78rem}.db-avg.high{color:#10b981;background:#10b9811a}.db-avg.med{color:#f59e0b;background:#f59e0b1a}.db-avg.low{color:#ef4444;background:#ef44441a}.db-badge{display:inline-block;padding:3px 8px;border-radius:5px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.db-badge--published{background:#10b9811a;color:#10b981}.db-badge--active{background:#6366f11a;color:#6366f1}.db-badge--draft{background:var(--bg-tertiary);color:var(--text-muted)}.db-publish-btn{background:#3b82f6;color:#fff;border:none;padding:5px 12px;border-radius:7px;font-size:.76rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.db-publish-btn:hover{background:#2563eb;transform:translateY(-1px)}.db-released{color:#10b981;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.db-empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:.875rem}.db-quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px}[data-theme=dark] .db-quick-links{background:#161616;border-color:#ffffff12}.db-quick-links__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-right:.25rem}.db-ql-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;color:var(--qlc, #3b82f6);background:color-mix(in srgb,var(--qlc, #3b82f6) 10%,transparent);border:1px solid color-mix(in srgb,var(--qlc, #3b82f6) 22%,transparent);border-radius:8px;padding:.38rem .85rem;cursor:pointer;transition:background .2s,transform .15s}.db-ql-btn:hover{background:color-mix(in srgb,var(--qlc, #3b82f6) 20%,transparent);transform:translateY(-2px)}@media(max-width:1024px){.db-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}}@media(max-width:768px){.admin-dashboard{padding:.75rem!important;gap:1rem!important}.db-banner{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;padding:1.25rem!important;border-radius:14px!important}.db-banner__role{font-size:.65rem!important}.db-banner__title{font-size:1.35rem!important}.db-banner__tagline{font-size:.82rem!important}.db-banner__status{width:100%!important;padding:.65rem 1rem!important}.db-banner__status-lbl{font-size:.65rem!important}.db-banner__status-val{font-size:.8rem!important}.db-kpi-bar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:.625rem!important;padding-bottom:4px!important;scrollbar-width:none!important;-ms-overflow-style:none!important;grid-template-columns:unset!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.db-kpi-bar::-webkit-scrollbar{display:none!important}.db-kpi{flex:0 0 auto!important;min-width:140px!important;padding:.75rem .875rem!important;scroll-snap-align:start!important}.db-kpi__icon{width:34px!important;height:34px!important}.db-kpi__icon i{font-size:.9rem!important}.db-kpi__val{font-size:1.1rem!important}.db-kpi__lbl{font-size:.68rem!important}.db-group-lbl{font-size:.68rem!important;margin-bottom:-.25rem!important}.db-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.db-card{padding:14px 14px 10px!important;gap:8px!important;border-radius:14px!important}.db-card__title{font-size:.88rem!important}.db-card__desc{font-size:.75rem!important;-webkit-line-clamp:2!important;line-clamp:2!important}.db-card__icon{width:30px!important;height:30px!important;border-radius:8px!important}.db-card__icon i{font-size:.8rem!important}.db-card__stats{gap:10px!important}.db-card__stat-val{font-size:.82rem!important}.db-card__stat-lbl{font-size:.65rem!important}.db-card__actions{padding-top:8px!important;gap:.35rem!important}.db-card__btn{font-size:.68rem!important;padding:.22rem .5rem!important}.db-quick-links{flex-wrap:nowrap!important;overflow-x:auto!important;padding:.75rem 1rem!important;gap:.4rem!important;scrollbar-width:none!important;-ms-overflow-style:none!important;border-radius:12px!important;-webkit-overflow-scrolling:touch!important}.db-quick-links::-webkit-scrollbar{display:none!important}.db-quick-links__label{flex-shrink:0!important;font-size:.65rem!important}.db-ql-btn{flex-shrink:0!important;white-space:nowrap!important;font-size:.72rem!important;padding:.35rem .75rem!important}.db-hod__header{flex-direction:column!important;gap:1rem!important;padding:1rem 1.25rem!important}.db-hod__title{font-size:1.2rem!important}.db-hod__pct-wrap{text-align:left!important;width:100%!important}.db-hod__pct{font-size:2rem!important}.db-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.db-table{min-width:700px!important}.db-table th{font-size:.65rem!important;padding:.6rem .75rem!important}.db-table td{font-size:.78rem!important;padding:.6rem .75rem!important}.db-table__title{font-size:.82rem!important}.db-table__sub{font-size:.65rem!important}.db-avg{font-size:.72rem!important;padding:2px 6px!important}.db-badge{font-size:.65rem!important;padding:2px 6px!important}.db-publish-btn{font-size:.72rem!important;padding:4px 10px!important}.db-released{font-size:.75rem!important}}@media(max-width:480px){.admin-dashboard{padding:.625rem!important;gap:.875rem!important}.db-banner{padding:1rem!important}.db-banner__title{font-size:1.15rem!important}.db-banner__tagline{font-size:.78rem!important}.db-banner__status{padding:.6rem .875rem!important}.db-kpi{min-width:125px!important;padding:.65rem .75rem!important}.db-kpi__icon{width:32px!important;height:32px!important}.db-kpi__icon i{font-size:.85rem!important}.db-kpi__val{font-size:1rem!important}.db-kpi__lbl{font-size:.65rem!important}.db-grid{grid-template-columns:1fr!important;gap:.625rem!important}.db-card{padding:12px!important}.db-card__title{font-size:.85rem!important}.db-card__desc{font-size:.72rem!important}.db-card__icon{width:28px!important;height:28px!important}.db-card__icon i{font-size:.75rem!important}.db-card__btn{font-size:.65rem!important;padding:.2rem .45rem!important}.db-quick-links{padding:.625rem .875rem!important}.db-ql-btn{font-size:.68rem!important;padding:.32rem .65rem!important}.db-hod__header{padding:.875rem 1rem!important}.db-hod__title{font-size:1.1rem!important}.db-hod__pct{font-size:1.75rem!important}.db-table{min-width:650px!important}.db-table th{font-size:.62rem!important;padding:.55rem .65rem!important}.db-table td{font-size:.75rem!important;padding:.55rem .65rem!important}}.cd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1rem;color:#9ca3af}.cd-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:cd-spin .7s linear infinite}@keyframes cd-spin{to{transform:rotate(360deg)}}.cd-section{background:var(--card-bg, #fff);border:1px solid var(--border-color, #ebebf5);border-radius:14px;padding:1rem 1.25rem;box-shadow:0 1px 4px #0000000a}[data-theme=dark] .cd-section{background:#161616;border-color:#ffffff12}.cd-quick-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.cd-quick-tab{display:flex;align-items:center;gap:.45rem;padding:.45rem .875rem;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--qtc) 25%,transparent);background:color-mix(in srgb,var(--qtc) 8%,transparent);color:var(--qtc);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.cd-quick-tab:hover{background:color-mix(in srgb,var(--qtc) 16%,transparent);transform:translateY(-1px)}.cd-quick-tab__icon{font-size:.82rem}.cd-analytics-row{display:grid;grid-template-columns:1fr 380px;gap:1rem}.cd-chart-card{background:var(--card-bg, #fff);border:1.5px solid var(--border-color, #ebebf5);border-radius:16px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .cd-chart-card{background:#161616;border-color:#ffffff14}.cd-chart-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.cd-chart-card__title{font-size:.92rem;font-weight:700;color:var(--text-primary, #111827)}[data-theme=dark] .cd-chart-card__title{color:#f1f5f9}.cd-chart-card__sub{font-size:.72rem;color:var(--text-secondary, #6b7280);margin-top:2px}.cd-link-btn{font-size:.72rem;font-weight:600;color:#4f46e5;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0;white-space:nowrap;font-family:inherit;flex-shrink:0}.cd-link-btn:hover{opacity:.7}.cd-chart-legend{display:flex;gap:.875rem;font-size:.72rem;color:var(--text-secondary, #6b7280);font-weight:500;flex-shrink:0}.cd-chart-legend span{display:flex;align-items:center;gap:5px}.cd-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cd-bar-chart{display:flex;align-items:flex-end;gap:.625rem;height:140px;padding-bottom:0}.cd-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.cd-bar-col__bars{flex:1;width:100%;display:flex;align-items:flex-end;gap:3px}.cd-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end}.cd-bar{width:100%;border-radius:4px 4px 0 0;min-height:4px;position:relative;transition:height .5s ease;cursor:pointer}.cd-bar--students{background:#4f46e5}.cd-bar--inst{background:#10b981}.cd-bar:hover .cd-bar__tip{opacity:1;transform:translate(-50%) translateY(0)}.cd-bar__tip{position:absolute;top:-22px;left:50%;transform:translate(-50%) translateY(4px);background:#1f2937;color:#fff;font-size:.6rem;font-weight:700;padding:2px 5px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.cd-bar-col__label{font-size:.65rem;font-weight:600;color:var(--text-secondary, #9ca3af);text-align:center}.cd-donut-wrap{display:flex;justify-content:center;padding:.5rem 0}.cd-donut{width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.cd-donut__hole{width:80px;height:80px;background:var(--card-bg, #fff);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}[data-theme=dark] .cd-donut__hole{background:#161616}.cd-donut__val{font-size:1.4rem;font-weight:800;color:var(--text-primary, #111827);line-height:1}[data-theme=dark] .cd-donut__val{color:#f1f5f9}.cd-donut__lbl{font-size:.65rem;color:var(--text-secondary, #9ca3af);font-weight:500}.cd-donut-legend{display:flex;flex-direction:column;gap:.5rem}.cd-donut-legend__item{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.cd-donut-legend__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cd-donut-legend__label{flex:1;color:var(--text-secondary, #6b7280);font-weight:500}.cd-donut-legend__count{font-weight:700;color:var(--text-primary, #111827)}[data-theme=dark] .cd-donut-legend__count{color:#f1f5f9}.cd-feature-bars{display:flex;flex-direction:column;gap:.75rem}.cd-feature-row{display:flex;align-items:center;gap:.75rem}.cd-feature-row__label{font-size:.78rem;font-weight:500;color:var(--text-secondary, #6b7280);min-width:110px;flex-shrink:0}.cd-feature-row__track{flex:1;height:8px;background:var(--bg-secondary, #f3f4f6);border-radius:99px;overflow:hidden}[data-theme=dark] .cd-feature-row__track{background:#ffffff14}.cd-feature-row__fill{height:100%;border-radius:99px;transition:width .6s ease}.cd-feature-row__pct{font-size:.75rem;font-weight:700;min-width:36px;text-align:right;flex-shrink:0}.cd-health-list{display:flex;flex-direction:column;gap:.625rem}.cd-health-row{display:flex;align-items:center;gap:.625rem}.cd-health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cd-health-dot--operational{background:#10b981;box-shadow:0 0 0 2px #10b98133}.cd-health-dot--degraded{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.cd-health-dot--down{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.cd-health-row__name{font-size:.78rem;font-weight:500;color:var(--text-secondary, #6b7280);min-width:110px;flex-shrink:0}.cd-health-row__bar{flex:1;height:6px;background:var(--bg-secondary, #f3f4f6);border-radius:99px;overflow:hidden}[data-theme=dark] .cd-health-row__bar{background:#ffffff14}.cd-health-row__fill{height:100%;border-radius:99px;transition:width .6s ease}.cd-health-row__pct{font-size:.72rem;font-weight:700;min-width:40px;text-align:right;flex-shrink:0}.cd-inst-list{display:flex;flex-direction:column;gap:.5rem}.cd-inst-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:10px;border:1px solid var(--border-color, #f3f4f6);background:var(--bg-secondary, #fafafa);cursor:pointer;transition:background .15s}[data-theme=dark] .cd-inst-row{background:#1e1e1e;border-color:#ffffff0f}.cd-inst-row:hover{background:#f5f5ff}[data-theme=dark] .cd-inst-row:hover{background:#4f46e514}.cd-inst-row__avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}.cd-inst-row__info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.cd-inst-row__info strong{font-size:.85rem;font-weight:700;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .cd-inst-row__info strong{color:#f1f5f9}.cd-inst-row__info span{font-size:.68rem;color:var(--text-secondary, #9ca3af)}.cd-inst-row__students{font-size:.72rem;color:var(--text-secondary, #6b7280);display:flex;align-items:center;gap:4px;flex-shrink:0}.cd-inst-row__status{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:20px;flex-shrink:0}.cd-activity-feed{display:flex;flex-direction:column;gap:.625rem}.cd-activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border-color, #f3f4f6)}[data-theme=dark] .cd-activity-item{border-color:#ffffff0d}.cd-activity-item:last-child{border-bottom:none}.cd-activity-item__icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0}.cd-activity-item__body{flex:1;display:flex;flex-direction:column;gap:2px}.cd-activity-item__text{font-size:.78rem;font-weight:500;color:var(--text-primary, #374151);line-height:1.4}[data-theme=dark] .cd-activity-item__text{color:#d1d5db}.cd-activity-item__time{font-size:.65rem;color:var(--text-secondary, #9ca3af)}.cd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#d1d5db;gap:.5rem;text-align:center}.cd-empty i{font-size:1.75rem}.cd-empty p{font-size:.82rem;color:#9ca3af;margin:0}@media(max-width:1100px){.cd-analytics-row{grid-template-columns:1fr 320px}}@media(max-width:900px){.cd-analytics-row{grid-template-columns:1fr}.cd-feature-row__label,.cd-health-row__name{min-width:90px}}@media(max-width:640px){.cd-quick-tabs{gap:.375rem}.cd-quick-tab{padding:.375rem .75rem;font-size:.72rem}.cd-bar-chart{height:110px}}.cd-chart-head-right{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.cd-filter-select{height:30px;padding:0 .625rem;border:1.5px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #374151);font-size:.75rem;font-weight:600;font-family:inherit;cursor:pointer;outline:none;transition:border-color .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.cd-filter-select:hover,.cd-filter-select:focus{border-color:#4f46e5}[data-theme=dark] .cd-filter-select{background-color:#1f2937;border-color:#ffffff1a;color:#d1d5db;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.cd-feature-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.cd-filter-tabs{display:flex;gap:2px;background:var(--bg-secondary, #f3f4f6);border-radius:8px;padding:2px;border:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .cd-filter-tabs{background:#1f2937;border-color:#ffffff14}.cd-filter-tab{padding:4px 10px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary, #6b7280);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.cd-filter-tab:hover:not(.active){background:var(--bg-primary, #fff);color:var(--text-primary, #374151)}.cd-filter-tab.active{background:#4f46e5;color:#fff;box-shadow:0 1px 4px #4f46e54d}[data-theme=dark] .cd-filter-tab:hover:not(.active){background:#ffffff0f;color:#d1d5db}.cd-feature-row--disabled{opacity:.55}.cd-feat-on{color:#10b981;font-size:.7rem;margin-right:5px}.cd-feat-off{color:#d1d5db;font-size:.7rem;margin-right:5px}@media(max-width:900px){.cd-feature-filters{flex-direction:column;align-items:flex-start;gap:.375rem}.cd-chart-head-right{flex-direction:column;align-items:flex-end;gap:.375rem}}@media(max-width:640px){.cd-filter-tabs{flex-wrap:wrap}.cd-filter-tab{font-size:.68rem;padding:3px 8px}.cd-filter-select{font-size:.72rem}}.ic-card{position:relative;border-radius:18px;background:#fff;border:1.5px solid #ebebf5;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 2px 12px #0000000f}.ic-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000001f}.ic-card--suspended{opacity:.82;border-color:#fecaca}[data-theme=dark] .ic-card{background:#161616;border-color:#ffffff14}.ic-card__circle{position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:#ffffff14;border-radius:50%;pointer-events:none;z-index:1}.ic-card__header{padding:1.25rem 1.25rem 1.5rem;position:relative;z-index:2;color:#fff;display:flex;flex-direction:column;gap:.875rem}.ic-card__header-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ic-card__type-badge{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;background:#ffffff1f;padding:3px 9px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ic-card__status{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ic-card__status--active{background:#4ade8040;color:#bbf7d0}.ic-card__status--pending{background:#fbbf2440;color:#fef08a}.ic-card__status--suspended{background:#f871714d;color:#fecaca}.ic-card__status--inactive{background:#ffffff26;color:#ffffffb3}.ic-card__identity{display:flex;align-items:center;gap:.875rem}.ic-card__avatar{width:48px;height:48px;border-radius:14px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000001a;overflow:hidden}.ic-card__logo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background-color:#fff}.ic-card__name-block{display:flex;flex-direction:column;gap:3px;min-width:0}.ic-card__name{font-size:1rem;font-weight:800;color:#fff;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-card__url{display:flex;align-items:center;gap:5px;font-size:.7rem;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-card__url i{font-size:.6rem}.ic-card__stats{display:flex;align-items:center;gap:0;padding:.875rem 1.25rem;border-bottom:1px solid #f3f4f6}[data-theme=dark] .ic-card__stats{border-color:#ffffff0f}.ic-card__stat{flex:1;display:flex;align-items:center;gap:.625rem;padding:0 .5rem;border-right:1px solid #f3f4f6}[data-theme=dark] .ic-card__stat{border-color:#ffffff0f}.ic-card__stat:first-child{padding-left:0}.ic-card__stat:last-child{padding-right:0;border-right:none}.ic-card__stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.ic-card__stat-val{font-size:.9rem;font-weight:800;color:#111827;line-height:1}[data-theme=dark] .ic-card__stat-val{color:#f1f5f9}.ic-card__stat-lbl{font-size:.65rem;color:#9ca3af;margin-top:2px;font-weight:500}.ic-card__actions{display:flex;gap:.5rem;padding:.875rem 1.25rem}.ic-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .875rem;border-radius:10px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:none;font-family:inherit}.ic-btn:disabled{opacity:.55;cursor:not-allowed}.ic-btn--ghost{background:#f5f5fa;color:#6b7280;border:1.5px solid #e5e7eb}.ic-btn--ghost:hover:not(:disabled){background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}[data-theme=dark] .ic-btn--ghost{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.ic-btn--primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 3px 10px #4f46e54d}.ic-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.ic-btn--danger{background:#ef444414;color:#dc2626;border:1.5px solid rgba(239,68,68,.2)}.ic-btn--danger:hover:not(:disabled){background:#ef4444;color:#fff;border-color:transparent;box-shadow:0 3px 10px #ef44444d}.ic-btn--success{background:#10b98114;color:#059669;border:1.5px solid rgba(16,185,129,.2)}.ic-btn--success:hover:not(:disabled){background:#10b981;color:#fff;border-color:transparent;box-shadow:0 3px 10px #10b9814d}.cif-modal{background:#fff;border-radius:20px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 64px #0003;animation:cif-slide-up .28s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .cif-modal{background:#1f2937;box-shadow:0 32px 64px #0009}@keyframes cif-slide-up{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cif-modal__header{display:flex;align-items:flex-start;gap:1rem;padding:1.75rem 2rem;border-bottom:1px solid #f3f4f6;background:#fafafa}[data-theme=dark] .cif-modal__header{background:#111827;border-bottom-color:#ffffff12}.cif-modal__header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #4f46e54d}.cif-modal__title{font-size:1.25rem;font-weight:800;color:#111827;margin:0 0 .25rem;letter-spacing:-.01em}[data-theme=dark] .cif-modal__title{color:#f9fafb}.cif-modal__subtitle{font-size:.82rem;color:#6b7280;margin:0;line-height:1.5}.cif-modal__close{width:32px;height:32px;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;margin-left:auto;transition:all .15s ease}.cif-modal__close:hover{background:#fee2e2;color:#dc2626}[data-theme=dark] .cif-modal__close{background:#ffffff14;color:#9ca3af}.cif-modal__body{padding:1.75rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.cif-section-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}[data-theme=dark] .cif-section-label{border-color:#ffffff0f}.cif-section-note{margin-left:auto;font-size:.68rem;font-weight:500;text-transform:none;letter-spacing:normal;color:#cbd5e1}.cif-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cif-field{display:flex;flex-direction:column;gap:.375rem}.cif-field--full{grid-column:1 / -1}.cif-label{font-size:.8rem;font-weight:600;color:#374151}[data-theme=dark] .cif-label{color:#d1d5db}.cif-req{color:#ef4444;margin-left:2px}.cif-optional{color:#9ca3af;font-weight:500;font-size:.72rem;margin-left:4px}.cif-input{height:42px;padding:0 .875rem;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.cif-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.cif-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.cif-input--error{border-color:#ef4444}.cif-input--error:focus{box-shadow:0 0 0 3px #ef44441a}[data-theme=dark] .cif-input{background:#1f2937;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .cif-input:disabled{background:#ffffff0a}.cif-error{font-size:.72rem;color:#ef4444;display:flex;align-items:center;gap:4px}.cif-hint{font-size:.72rem;color:#9ca3af;font-style:italic}.cif-subdomain-wrap{display:flex;align-items:center;gap:0;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}.cif-subdomain-wrap:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.cif-input--subdomain{border:none;border-radius:0;box-shadow:none!important;flex:1}.cif-subdomain-suffix{padding:0 .875rem;font-size:.82rem;color:#9ca3af;font-weight:500;background:#f9fafb;height:100%;display:flex;align-items:center;border-left:1px solid #f3f4f6;white-space:nowrap}[data-theme=dark] .cif-subdomain-wrap{background:#1f2937;border-color:#ffffff1a}[data-theme=dark] .cif-subdomain-suffix{background:#ffffff0a;border-left-color:#ffffff0f}.cif-select-wrap{position:relative}.cif-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:2.5rem;cursor:pointer}.cif-select-arrow{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:#9ca3af;pointer-events:none}.cif-pw-wrap{position:relative}.cif-pw-toggle{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center;font-size:.85rem;transition:color .15s}.cif-pw-toggle:hover{color:#6b7280}.cif-info-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;font-size:.82rem;color:#1e40af;line-height:1.5}.cif-info-banner i{font-size:1rem;flex-shrink:0}[data-theme=dark] .cif-info-banner{background:#3b82f61a;border-color:#3b82f633;color:#93c5fd}.cif-modal__footer{display:flex;gap:.75rem;padding:1.25rem 2rem;border-top:1px solid #f3f4f6;background:#fafafa}[data-theme=dark] .cif-modal__footer{background:#111827;border-top-color:#ffffff12}.cif-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:none;font-family:inherit}.cif-btn:disabled{opacity:.55;cursor:not-allowed}.cif-btn--ghost{background:#f5f5fa;color:#6b7280;border:1.5px solid #e5e7eb}.cif-btn--ghost:hover:not(:disabled){background:#e5e7eb;color:#374151}[data-theme=dark] .cif-btn--ghost{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.cif-btn--primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 14px #4f46e54d}.cif-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #4f46e566}.cif-upload-wrap{width:100%;position:relative}.cif-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;position:relative;transition:all .2s ease;overflow:hidden}.cif-upload-placeholder:hover{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}[data-theme=dark] .cif-upload-placeholder{background:#ffffff08;border-color:#ffffff1a;color:#9ca3af}[data-theme=dark] .cif-upload-placeholder:hover{background:#ffffff0d;border-color:#fff3}.cif-upload-placeholder i{font-size:1.5rem;color:#9ca3af}.cif-upload-placeholder span{font-size:.8rem;font-weight:500}.cif-upload-placeholder input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.cif-logo-placeholder,.cif-logo-preview{height:120px;width:120px;border-radius:50%;margin:0 auto}.cif-banner-placeholder,.cif-banner-preview{height:120px;width:100%;border-radius:12px}.cif-image-preview{position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center}[data-theme=dark] .cif-image-preview{border-color:#ffffff1a;background:#1f2937}.cif-image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cif-logo-preview img{-o-object-fit:contain;object-fit:contain;padding:8px}.cif-remove-image{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cif-remove-image:hover{background:#ef4444e6;transform:scale(1.1)}@media(max-width:640px){.cif-modal{max-width:100%;border-radius:20px 20px 0 0;max-height:95vh}.cif-modal__header,.cif-modal__body,.cif-modal__footer{padding-left:1.25rem;padding-right:1.25rem}.cif-grid{grid-template-columns:1fr}.cif-modal__footer{flex-direction:column-reverse}}.cid-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:cid-fade-in .18s ease}@keyframes cid-fade-in{0%{opacity:0}to{opacity:1}}.cid-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000038;overflow:hidden;animation:cid-slide-up .22s cubic-bezier(.16,1,.3,1)}@keyframes cid-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cid-header{padding:24px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;display:flex;justify-content:space-between;align-items:center}.cid-header__left{display:flex;align-items:center;gap:16px}.cid-avatar{width:52px;height:52px;border-radius:14px;background:#ffffff26;border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;overflow:hidden}.cid-logo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#fff}.cid-name{font-size:1.25rem;font-weight:800;margin:0}.cid-subdomain{font-size:.85rem;color:#ffffffb3;margin:2px 0 0}.cid-btn-close{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s}.cid-btn-close:hover{background:#fff3}.cid-tabs{display:flex;padding:0 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.cid-tab{padding:16px 20px;border:none;background:transparent;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;position:relative;display:flex;align-items:center;gap:8px}.cid-tab.active{color:#4f46e5}.cid-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#4f46e5;border-radius:3px 3px 0 0}.cid-content{flex:1;overflow-y:auto;padding:24px}.cid-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#64748b;gap:10px}.cid-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.cid-info-item label{display:block;font-size:.75rem;color:#94a3b8;font-weight:700;text-transform:uppercase;margin-bottom:6px}.cid-info-val{display:flex;align-items:center;gap:8px;font-weight:600;color:#1e293b}.cid-info-val i{color:#64748b;width:16px;text-align:center}.cid-badge-plan{background:#eef2ff;color:#4f46e5;padding:4px 10px;border-radius:20px;display:inline-flex}.cid-status-active{color:#059669}.cid-status-suspended{color:#dc2626}.cid-status-pending{color:#ca8a04}.cid-actions-row{display:flex;gap:12px;padding-top:24px;border-top:1px solid #f1f5f9}.cid-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all .2s}.cid-btn--edit{background:#f1f5f9;color:#475569}.cid-btn--edit:hover{background:#e2e8f0}.cid-btn--danger{background:#fef2f2;color:#dc2626}.cid-btn--danger:hover{background:#fee2e2}.cid-btn--success{background:#ecfdf5;color:#059669}.cid-btn--success:hover{background:#dcfce7}.cid-btn--delete{background:#fee2e2;color:#991b1b}.cid-btn--delete:hover{background:#fecaca;color:#7f1d1d}.cid-section-header{margin-bottom:24px}.cid-section-header h3{margin:0 0 4px;font-size:1.1rem;color:#0f172a}.cid-section-header p{margin:0;font-size:.85rem;color:#64748b}.cid-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.cid-module-card{padding:16px;border:1.5px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:all .2s}.cid-module-card i{font-size:1.25rem;color:#4f46e5}.cid-module-card span{font-size:.8rem;font-weight:600;color:#1e293b}.cid-module-card:hover{border-color:#4f46e5;background:#f5f3ff}.cid-role-list{display:flex;flex-direction:column;gap:12px}.cid-role-item{padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.cid-role-item-wrap{border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden;margin-bottom:12px;background:#fff}.cid-role-permissions{padding:10px 16px;background:#f8fafc;border-top:1px solid #e2e8f0}.cid-role-permissions label{display:block;font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:6px}.cid-role-chips{display:flex;gap:6px;flex-wrap:wrap}.cid-role-chip{background:#fff;border:1px solid #e2e8f0;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:600;color:#475569}.cid-role-none{font-size:.75rem;color:#94a3b8;font-style:italic}.cid-role-name{font-weight:700;color:#0f172a}.cid-role-code{font-size:.75rem;color:#94a3b8;margin-left:8px;font-family:monospace}.cid-role-meta{font-size:.75rem;color:#64748b;font-weight:500;display:flex;align-items:center;gap:6px}.cid-btn-edit-mapping{background:#f1f5f9;border:none;padding:6px 12px;border-radius:8px;font-size:.7rem;font-weight:700;color:#475569;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.cid-btn-edit-mapping:hover{background:#e2e8f0;color:#0f172a}.cid-btn-edit-mapping.active{background:#fee2e2;color:#ef4444}.cid-role-edit-panel{padding:16px;background:#f8fafc;border-top:1px solid #e2e8f0}.cid-role-edit-panel label{display:block;font-size:.75rem;font-weight:700;color:#475569;margin-bottom:12px}.cid-edit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:16px}.cid-checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500!important;color:#64748b!important;cursor:pointer}.cid-checkbox-label input{width:16px;height:16px;cursor:pointer}.cid-edit-actions{display:flex;justify-content:flex-end}.cid-btn-save-mapping{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer}.cid-btn-save-mapping:disabled{opacity:.6;cursor:not-allowed}.cid-empty{text-align:center;padding:40px;color:#94a3b8;font-style:italic}.text-success{color:#059669}.text-warning{color:#ca8a04}.ip-page{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;min-height:100%;font-family:inherit}.ip-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1rem;color:#9ca3af}.ip-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:ip-spin .7s linear infinite}@keyframes ip-spin{to{transform:rotate(360deg)}}.ip-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ip-title{font-size:1.6rem;font-weight:800;color:#111827;margin:0 0 .25rem;letter-spacing:-.02em}[data-theme=dark] .ip-title{color:#f9fafb}.ip-subtitle{font-size:.875rem;color:#6b7280;margin:0;display:flex;align-items:center;gap:.5rem}.ip-subtitle i{color:#4f46e5}.ip-subtitle strong{color:#4f46e5;font-weight:700}.ip-new-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #4f46e54d;font-family:inherit;flex-shrink:0}.ip-new-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #4f46e566}.ip-filters{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}.ip-search{position:relative;flex:1;min-width:220px;max-width:360px}.ip-search__icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.8rem;pointer-events:none}.ip-search__input{width:100%;height:38px;padding:0 2.5rem 0 2.25rem;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;font-size:.82rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.ip-search__input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}[data-theme=dark] .ip-search__input{background:#1f2937;border-color:#ffffff1a;color:#d1d5db}.ip-search__clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.75rem;padding:0;display:flex;align-items:center}.ip-search__clear:hover{color:#6b7280}.ip-filter-tabs{display:flex;gap:3px;background:#f3f4f6;border-radius:10px;padding:3px;border:1px solid #e5e7eb}[data-theme=dark] .ip-filter-tabs{background:#1f2937;border-color:#ffffff14}.ip-filter-tab{padding:5px 12px;border-radius:7px;border:none;background:transparent;color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.ip-filter-tab:hover:not(.active){background:#fff;color:#374151}.ip-filter-tab.active{background:#4f46e5;color:#fff;box-shadow:0 1px 4px #4f46e54d}[data-theme=dark] .ip-filter-tab:hover:not(.active){background:#ffffff0f;color:#d1d5db}.ip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.ip-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:.875rem;color:#d1d5db;text-align:center}.ip-empty i{font-size:2.5rem}.ip-empty p{font-size:.9rem;color:#9ca3af;margin:0}.ip-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:ip-fade-in .2s ease}@keyframes ip-fade-in{0%{opacity:0}to{opacity:1}}.ip-confirm-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:ip-fade-in .2s ease}.ip-confirm-modal{background:#fff;border-radius:20px;padding:2rem;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;box-shadow:0 32px 64px #0003;animation:ip-slide-up .25s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .ip-confirm-modal{background:#1f2937;box-shadow:0 32px 64px #0009}@keyframes ip-slide-up{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ip-confirm-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 8px 20px #0003}.ip-confirm-title{font-size:1.1rem;font-weight:800;color:#111827;margin:0;letter-spacing:-.01em}[data-theme=dark] .ip-confirm-title{color:#f9fafb}.ip-confirm-msg{font-size:.875rem;color:#6b7280;margin:0;line-height:1.6}.ip-confirm-reason{width:100%;display:flex;flex-direction:column;gap:.5rem;text-align:left}.ip-confirm-reason-label{font-size:.8rem;font-weight:600;color:#374151}[data-theme=dark] .ip-confirm-reason-label{color:#d1d5db}.ip-confirm-textarea{width:100%;padding:.75rem;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;font-size:.82rem;font-family:inherit;resize:vertical;outline:none;transition:border-color .15s;box-sizing:border-box}.ip-confirm-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}[data-theme=dark] .ip-confirm-textarea{background:#1f2937;border-color:#ffffff1a;color:#d1d5db}.ip-confirm-actions{display:flex;gap:.75rem;width:100%;margin-top:.5rem}.ip-confirm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .18s ease;font-family:inherit}.ip-confirm-btn--ghost{background:#f5f5fa;color:#6b7280;border:1.5px solid #e5e7eb}.ip-confirm-btn--ghost:hover{background:#e5e7eb;color:#374151}[data-theme=dark] .ip-confirm-btn--ghost{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.ip-confirm-btn--action{color:#fff;box-shadow:0 4px 14px #0003}.ip-confirm-btn--action:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000040}.ip-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;background:#111827;color:#fff;padding:.875rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:500;box-shadow:0 16px 40px #0000004d;z-index:10001;max-width:480px;width:calc(100vw - 2rem);animation:ip-toast-in .3s cubic-bezier(.16,1,.3,1)}@keyframes ip-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ip-toast__icon{color:#4ade80;font-size:1rem;flex-shrink:0}.ip-toast__close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:0;font-size:.8rem;margin-left:auto;flex-shrink:0;display:flex;align-items:center;transition:color .15s}.ip-toast__close:hover{color:#fff}@media(max-width:768px){.ip-header{flex-direction:column}.ip-new-btn{width:100%;justify-content:center}.ip-filters{flex-direction:column;align-items:stretch}.ip-search{max-width:100%}.ip-grid{grid-template-columns:1fr}.ip-confirm-modal{padding:1.5rem}}@media(max-width:480px){.ip-filter-tabs{flex-wrap:wrap}.ip-filter-tab{font-size:.72rem;padding:4px 10px}}.creator-sidebar{width:220px;height:100vh;background:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;overflow:hidden;box-shadow:2px 0 16px #0000000f;transition:transform .3s ease,width .3s ease;border-right:1px solid #f0f0f5}[data-theme=dark] .creator-sidebar{background:#111827;border-right:1px solid rgba(255,255,255,.07);box-shadow:2px 0 16px #0006}.creator-sidebar.collapsed{width:64px}.creator-sidebar.collapsed .creator-sidebar__header{padding:1.25rem .75rem 1rem;justify-content:center;flex-direction:column;gap:.625rem}.creator-sidebar.collapsed .creator-sidebar__logo{justify-content:center}.creator-sidebar.collapsed .creator-sidebar__user{justify-content:center;padding:.5rem;margin:0 .5rem .5rem}.creator-sidebar.collapsed .creator-nav-item{padding:.6rem;margin:.1rem .5rem;width:calc(100% - 1rem);justify-content:center}.creator-sidebar.collapsed .creator-nav-item-content{justify-content:center;gap:0}.creator-sidebar.collapsed .creator-nav-section{padding:.25rem 0 .5rem}.creator-sidebar__header{padding:1.25rem 1.25rem 1rem;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.creator-sidebar__logo{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.creator-sidebar-logo-img{width:38px;height:38px;-o-object-fit:contain;object-fit:contain;border-radius:10px;background:#fff;padding:3px;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.creator-logo-text{display:flex;flex-direction:column;min-width:0}.creator-logo-title{font-size:1rem;font-weight:800;color:#111827;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .creator-logo-title{color:#f9fafb}.creator-logo-subtitle{font-size:.65rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.creator-collapse-btn{width:26px;height:26px;border:1px solid #e5e7eb;border-radius:8px;background:#f5f5fa;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0;transition:all .2s ease}.creator-collapse-btn:hover{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}[data-theme=dark] .creator-collapse-btn{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}[data-theme=dark] .creator-collapse-btn:hover{background:#4f46e533;color:#a5b4fc;border-color:#4f46e54d}.creator-mobile-close{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;border-radius:8px;background:#f5f5fa;color:#6b7280;cursor:pointer;font-size:.75rem;flex-shrink:0;transition:all .2s ease}.creator-mobile-close:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}[data-theme=dark] .creator-mobile-close{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.creator-sidebar__user{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;margin:0 .875rem .5rem;border-radius:12px;background:#f5f3ff;border:1px solid #ede9fe;flex-shrink:0}[data-theme=dark] .creator-sidebar__user{background:#4f46e51f;border-color:#4f46e533}.creator-user-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #4f46e54d}.creator-user-avatar-initials{border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}.creator-user-details{flex:1;min-width:0;display:flex;flex-direction:column}.creator-user-name{font-size:.8rem;font-weight:700;color:#111827;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .creator-user-name{color:#f9fafb}.creator-user-role{font-size:.65rem;color:#6b7280;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-user-status{display:flex;align-items:center;flex-shrink:0}.creator-status-dot{width:7px;height:7px;border-radius:50%;background:#10b981}.creator-status-dot.online{background:#10b981;box-shadow:0 0 #10b981b3;animation:creator-pulse-green 2s infinite}@keyframes creator-pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 5px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.creator-sidebar__nav{flex:1 1 auto;min-height:0;padding:.25rem 0;overflow-y:auto}.creator-sidebar__nav::-webkit-scrollbar{width:4px}.creator-sidebar__nav::-webkit-scrollbar-track{background:transparent}.creator-sidebar__nav::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.creator-sidebar__nav::-webkit-scrollbar-thumb:hover{background:#d1d5db}[data-theme=dark] .creator-sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff1a}[data-theme=dark] .creator-sidebar__nav::-webkit-scrollbar-thumb:hover{background:#fff3}.creator-nav-section{padding:.25rem 0 .75rem}.creator-nav-section-title{display:block;padding:.5rem 1.25rem .375rem;font-size:.6rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em}.creator-nav-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem .6rem 1.25rem;margin:.1rem .75rem .1rem .625rem;color:#6b7280;border:none;background:transparent;width:calc(100% - 1.375rem);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.8rem;font-weight:500;border-radius:10px;text-align:left;font-family:inherit}[data-theme=dark] .creator-nav-item{color:#9ca3af}.creator-nav-item:hover{background:#f5f3ff;color:#4f46e5}[data-theme=dark] .creator-nav-item:hover{background:#4f46e51a;color:#a5b4fc}.creator-nav-item.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:600;box-shadow:0 4px 12px #4f46e54d}.creator-nav-item.active i,.creator-nav-item.active .creator-nav-label{color:#fff}.creator-nav-item.active:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 16px #4f46e566}.creator-nav-item-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.creator-nav-item-content i{width:18px;font-size:.9rem;text-align:center;flex-shrink:0;transition:all .2s ease}.creator-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.creator-sidebar__footer{padding:.75rem .875rem 1rem;border-top:1px solid #f3f4f6;flex-shrink:0}[data-theme=dark] .creator-sidebar__footer{border-top-color:#ffffff0f}.creator-logout-btn{display:flex;align-items:center;width:calc(100% + -0);padding:.6rem 1rem .6rem 1.25rem;margin:0 .125rem;background:#ef444412;border:1px solid rgba(239,68,68,.18);color:#ef4444;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:600;font-family:inherit;transition:all .2s ease;text-align:left}.creator-logout-btn:hover{background:#ef4444;color:#fff;border-color:transparent;box-shadow:0 4px 12px #ef44444d}.creator-sidebar.collapsed .creator-logout-btn{padding:.6rem;margin:0 .5rem;width:calc(100% - 1rem);justify-content:center}.creator-sidebar.collapsed .creator-logout-btn .creator-nav-item-content{justify-content:center;gap:0}.creator-sidebar-overlay{display:none}@media(max-width:768px){.creator-sidebar{transform:translate(-100%);box-shadow:none;z-index:1050;width:260px}.creator-sidebar.mobile-open{transform:translate(0);box-shadow:8px 0 24px #00000026}.creator-collapse-btn{display:none}.creator-mobile-close{display:flex}.creator-sidebar-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:1040;animation:creatorFadeOverlay .2s ease}@keyframes creatorFadeOverlay{0%{opacity:0}to{opacity:1}}}@media(max-width:1024px){.creator-sidebar:not(.mobile-open){width:220px}}.ch-header{height:60px;background:#fff;border-bottom:1px solid #f0f0f5;position:fixed;top:0;left:220px;right:0;z-index:90;display:flex;align-items:center;box-shadow:0 1px 8px #0000000a;transition:left .3s cubic-bezier(.4,0,.2,1)}.ch-header.collapsed{left:64px}[data-theme=dark] .ch-header{background:#111827;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 1px 8px #0000004d}.ch-content{display:flex;align-items:center;width:100%;padding:0 1.5rem;height:100%;gap:1rem}.ch-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.ch-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ebebf5;border-radius:10px;background:#f5f5fa;color:#6b7280;cursor:pointer;font-size:1rem;flex-shrink:0;transition:all .2s ease}.ch-hamburger:hover{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}[data-theme=dark] .ch-hamburger{background:#1f2937;border-color:#ffffff14;color:#9ca3af}.ch-mobile-logo{display:none;align-items:center;gap:.5rem;flex:1}.ch-mobile-logo-img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;border-radius:7px;background:#fff;padding:2px;box-shadow:0 1px 4px #0000001a}.ch-mobile-logo-name{font-size:.95rem;font-weight:800;color:#111827;letter-spacing:-.01em}[data-theme=dark] .ch-mobile-logo-name{color:#f9fafb}.ch-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.ch-breadcrumb-root{color:#9ca3af;font-weight:600}.ch-breadcrumb-sep{font-size:.6rem;color:#cbd5e1}.ch-breadcrumb-current{color:#4f46e5;font-weight:700;text-transform:capitalize}.ch-search{display:flex;align-items:center;gap:.5rem;background:#f5f5fa;border:1px solid #ebebf5;border-radius:10px;padding:0 .875rem;height:36px;width:280px;transition:all .2s ease;flex-shrink:0}.ch-search:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;width:340px}[data-theme=dark] .ch-search{background:#1f2937;border-color:#ffffff14}[data-theme=dark] .ch-search:focus-within{background:#1f2937;border-color:#4f46e5}.ch-search-icon{color:#9ca3af;font-size:.8rem;flex-shrink:0}.ch-search input{border:none;background:transparent;outline:none;font-size:.8rem;color:#374151;width:100%;font-family:inherit}[data-theme=dark] .ch-search input{color:#d1d5db}.ch-search input::-moz-placeholder{color:#9ca3af}.ch-search input::placeholder{color:#9ca3af}.ch-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center;font-size:.7rem;flex-shrink:0}.ch-search-clear:hover{color:#6b7280}.ch-actions{display:flex;align-items:center;gap:.625rem;flex-shrink:0;height:100%;margin-left:auto}.ch-status-pill{display:flex;align-items:center;gap:6px;background:#ecfdf5;color:#059669;padding:5px 12px;border-radius:99px;font-size:.68rem;font-weight:700;border:1px solid #d1fae5;white-space:nowrap}.ch-status-dot{width:5px;height:5px;background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b98166;flex-shrink:0}.ch-notif-wrap,.ch-profile-wrap{position:relative;display:flex;align-items:center;height:100%}.ch-icon-btn{width:36px;height:36px;border:1px solid #ebebf5;border-radius:10px;background:#f5f5fa;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease;padding:0}[data-theme=dark] .ch-icon-btn{background:#1f2937;border-color:#ffffff14;color:#9ca3af}.ch-icon-btn i{font-size:.95rem}.ch-icon-btn:hover{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}[data-theme=dark] .ch-icon-btn:hover{background:#4f46e526;color:#a5b4fc;border-color:#4f46e54d}.ch-badge{position:absolute;top:-3px;right:-3px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;padding:.1rem .3rem;border-radius:8px;border:2px solid white;min-width:16px;text-align:center;line-height:1.2;animation:ch-pulse-badge 2s infinite}[data-theme=dark] .ch-badge{border-color:#111827}@keyframes ch-pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 8px #ef444480}}.ch-dropdown{position:absolute;top:calc(100% + 12px);background:#fff;border:1px solid #f0f0f5;border-radius:16px;box-shadow:0 16px 40px #0000001f;z-index:1001;overflow:hidden;animation:ch-slideDown .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .ch-dropdown{background:#1f2937;border-color:#ffffff14;box-shadow:0 16px 40px #00000080}@keyframes ch-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ch-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f0f0f5;background:#fafafa}[data-theme=dark] .ch-dropdown-header{background:#111827;border-bottom-color:#ffffff12}.ch-dropdown-title{font-size:.9rem;font-weight:700;color:#111827}[data-theme=dark] .ch-dropdown-title{color:#f9fafb}.ch-dropdown-footer{padding:.75rem 1.25rem;border-top:1px solid #f0f0f5;text-align:center}[data-theme=dark] .ch-dropdown-footer{border-top-color:#ffffff12}.ch-notif-panel{right:-8px;width:360px}.ch-mark-all{font-size:.72rem;color:#4f46e5;background:none;border:none;cursor:pointer;padding:.2rem .5rem;border-radius:6px;font-weight:600}.ch-mark-all:hover{background:#ede9fe}.ch-notif-list{max-height:320px;overflow-y:auto}.ch-notif-item{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1.25rem;border-bottom:1px solid #f5f5fa;transition:background .15s;position:relative;cursor:pointer}[data-theme=dark] .ch-notif-item{border-bottom-color:#ffffff0d}.ch-notif-item:hover{background:#fafafa}[data-theme=dark] .ch-notif-item:hover{background:#ffffff08}.ch-notif-item.unread{background:#faf5ff;border-left:3px solid #4f46e5}[data-theme=dark] .ch-notif-item.unread{background:#4f46e514;border-left-color:#6366f1}.ch-notif-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem}.ch-notif-icon.urgent{background:#fee2e2;color:#ef4444}.ch-notif-icon.warning{background:#ffedd5;color:#f97316}.ch-notif-icon.info{background:#ede9fe;color:#4f46e5}.ch-notif-body{flex:1;min-width:0}.ch-notif-title{font-size:.82rem;font-weight:600;color:#111827;margin-bottom:.2rem}[data-theme=dark] .ch-notif-title{color:#f9fafb}.ch-notif-msg{font-size:.72rem;color:#6b7280;line-height:1.4;margin-bottom:.2rem}.ch-notif-time{font-size:.65rem;color:#9ca3af}.ch-unread-dot{width:7px;height:7px;background:#4f46e5;border-radius:50%;flex-shrink:0;margin-top:4px}.ch-empty{padding:2rem;text-align:center;color:#9ca3af;font-size:.82rem}.ch-view-all{color:#4f46e5;font-size:.8rem;font-weight:600;background:none;border:none;cursor:pointer}.ch-profile-btn{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem .3rem .3rem;border:1px solid #ebebf5;border-radius:99px;background:#f5f5fa;cursor:pointer;transition:all .2s ease}[data-theme=dark] .ch-profile-btn{background:#1f2937;border-color:#ffffff14}.ch-profile-btn:hover{background:#ede9fe;border-color:#c4b5fd}[data-theme=dark] .ch-profile-btn:hover{background:#4f46e526;border-color:#4f46e54d}.ch-profile-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #4f46e54d;flex-shrink:0}.ch-avatar-initials{border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}.ch-profile-info{text-align:left}.ch-profile-name{font-size:.8rem;font-weight:600;color:#111827;white-space:nowrap}[data-theme=dark] .ch-profile-name{color:#f9fafb}.ch-profile-role{font-size:.65rem;color:#6b7280;white-space:nowrap}.ch-profile-chevron{font-size:.65rem;color:#9ca3af}.ch-profile-panel{right:0;width:260px}.ch-profile-panel-header{display:flex;align-items:center;gap:.875rem;padding:1.25rem;border-bottom:1px solid #f0f0f5;background:#fafafa}[data-theme=dark] .ch-profile-panel-header{background:#111827;border-bottom-color:#ffffff12}.ch-profile-panel-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #4f46e54d;flex-shrink:0}.ch-profile-panel-info{flex:1;min-width:0}.ch-profile-panel-name{font-size:.9rem;font-weight:700;color:#111827;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .ch-profile-panel-name{color:#f9fafb}.ch-profile-panel-email{font-size:.7rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.3rem}.ch-profile-panel-badge{display:inline-flex;align-items:center;gap:.3rem;background:#4f46e51a;color:#4f46e5;font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:6px;border:1px solid rgba(79,70,229,.2)}.ch-profile-menu{padding:.5rem}.ch-profile-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;background:none;border:none;color:#6b7280;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;border-radius:8px;font-family:inherit}[data-theme=dark] .ch-profile-item{color:#9ca3af}.ch-profile-item:hover{background:#f5f5fa;color:#111827}[data-theme=dark] .ch-profile-item:hover{background:#ffffff0d;color:#f9fafb}.ch-profile-item i{width:16px;text-align:center;font-size:.85rem}.ch-profile-item.ch-logout{color:#ef4444}.ch-profile-item.ch-logout:hover{background:#fef2f2;color:#dc2626}[data-theme=dark] .ch-profile-item.ch-logout:hover{background:#ef44441a}.ch-profile-divider{height:1px;background:#f0f0f5;margin:.375rem 0}[data-theme=dark] .ch-profile-divider{background:#ffffff12}@media(max-width:1024px){.ch-header{left:220px}.ch-profile-info,.ch-profile-chevron{display:none}.ch-profile-btn{padding:.3rem;background:transparent;border:none}}@media(max-width:900px){.ch-search{width:200px}.ch-search:focus-within{width:260px}.ch-status-pill{display:none}}@media(max-width:768px){.ch-header{left:0;right:0;width:100%}.ch-content{padding:0 .875rem;gap:.5rem}.ch-search,.ch-breadcrumb{display:none}.ch-hamburger,.ch-mobile-logo{display:flex}.ch-notif-panel{position:fixed;top:60px;left:.75rem;right:.75rem;width:auto;max-width:none}.ch-profile-panel{position:fixed;top:60px;right:.75rem;width:calc(100vw - 1.5rem);max-width:300px}}@media(max-width:480px){.ch-content{padding:0 .75rem}.ch-actions{gap:.375rem}}.creator-layout{display:flex;min-height:100vh;height:100vh;overflow:hidden;background-color:var(--bg-primary, #f8fafc);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.8125rem;color:#1e293b}[data-theme=dark] .creator-layout{background-color:#0a0a0a;color:#e2e8f0}.creator-main{flex:1;margin-left:220px;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.creator-main.collapsed{margin-left:64px}.creator-content{padding:1.25rem;padding-top:0;flex:1;overflow-y:auto;overflow-x:hidden;margin-top:60px;height:calc(100vh - 60px)}.creator-content::-webkit-scrollbar{width:6px}.creator-content::-webkit-scrollbar-track{background:transparent}.creator-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.creator-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .creator-content::-webkit-scrollbar-thumb{background:#ffffff1a}@media(max-width:1024px){.creator-main{margin-left:0!important}}.cr-page{padding:1.25rem;padding-top:0;display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .35s ease-out}.cr-header{margin-bottom:.25rem}.cr-header h1{font-size:1.5rem;font-weight:800;color:var(--app-text-primary,#1f2937);margin:0 0 .2rem;letter-spacing:-.01em}.cr-header p{color:var(--app-text-muted,#6b7280);margin:0;font-size:.83rem}[data-theme=dark] .cr-header h1{color:#f1f5f9}[data-theme=dark] .cr-header p{color:#94a3b8}.cr-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--app-text-muted,#6b7280);display:flex;align-items:center;gap:.4rem}[data-theme=dark] .cr-section-label{color:#64748b}.cr-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.cr-kpi-card{background:#fff;border:1px solid var(--app-border-color,#e5e7eb);border-radius:14px;padding:1rem 1.1rem;display:flex;align-items:center;gap:.8rem;box-shadow:0 1px 4px #0000000d;transition:transform .18s,box-shadow .18s}.cr-kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px #0000001a}[data-theme=dark] .cr-kpi-card{background:#161616;border-color:#ffffff12}.cr-kpi-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.cr-kpi-card__content{display:flex;flex-direction:column;gap:2px;min-width:0}.cr-kpi-card__label{font-size:.68rem;font-weight:600;color:var(--app-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-kpi-card__value{font-size:1.15rem;font-weight:800;color:var(--app-text-primary,#1f2937);line-height:1.1}.cr-kpi-card__trend{font-size:.68rem;font-weight:700;display:flex;align-items:center;gap:3px}.cr-kpi-card__trend--up{color:#10b981}.cr-kpi-card__trend--down{color:#ef4444}[data-theme=dark] .cr-kpi-card__label{color:#94a3b8}[data-theme=dark] .cr-kpi-card__value{color:#f1f5f9}.cr-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}.cr-chart-card{background:#fff;border:1px solid var(--app-border-color,#e5e7eb);border-radius:14px;padding:1.25rem;box-shadow:0 1px 4px #0000000d}[data-theme=dark] .cr-chart-card{background:#161616;border-color:#ffffff12}.cr-chart-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cr-chart-card__title{font-size:.88rem;font-weight:700;color:var(--app-text-primary,#1f2937);margin:0 0 2px}.cr-chart-card__subtitle{font-size:.73rem;color:var(--app-text-muted,#6b7280)}[data-theme=dark] .cr-chart-card__title{color:#f1f5f9}[data-theme=dark] .cr-chart-card__subtitle{color:#94a3b8}.cr-filter-select{font-size:.78rem;font-weight:600;color:var(--app-text-primary,#374151);background:#fff;border:1px solid var(--app-border-color,#e5e7eb);border-radius:8px;padding:.3rem .7rem;cursor:pointer;outline:none;transition:border-color .2s;font-family:inherit}.cr-filter-select:focus{border-color:#4f46e5}[data-theme=dark] .cr-filter-select{background:#1e1e1e;border-color:#ffffff1a;color:#e2e8f0}.cr-chart-svg{width:100%;height:270px}.cr-donut-wrap{display:flex;justify-content:center;padding:.5rem 0}.cr-donut-svg{width:170px;height:170px}.cr-donut-legend{display:flex;flex-direction:column;gap:.55rem;margin-top:.75rem}.cr-donut-legend__item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.cr-donut-legend__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cr-donut-legend__name{font-weight:600;color:var(--app-text-primary,#374151);flex:1}.cr-donut-legend__meta{color:var(--app-text-muted,#6b7280);font-size:.73rem}[data-theme=dark] .cr-donut-legend__name{color:#e2e8f0}[data-theme=dark] .cr-donut-legend__meta{color:#94a3b8}.cr-insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.cr-insight-card{background:#fff;border:1px solid var(--app-border-color,#e5e7eb);border-radius:10px;padding:1rem 1.2rem;display:flex;align-items:flex-start;gap:.85rem;box-shadow:0 1px 4px #0000000d;border-left-width:4px;transition:transform .18s}.cr-insight-card:hover{transform:translateY(-2px)}[data-theme=dark] .cr-insight-card{background:#161616;border-color:#ffffff12}.cr-insight--warning{border-left-color:#f59e0b}.cr-insight--positive{border-left-color:#10b981}.cr-insight--alert{border-left-color:#ef4444}.cr-insight--info{border-left-color:#3b82f6}.cr-insight-card__icon{font-size:1.05rem;flex-shrink:0;margin-top:2px}.cr-insight-card__body{display:flex;flex-direction:column;gap:.45rem;flex:1}.cr-insight-card__text{font-size:.81rem;color:var(--app-text-primary,#374151);margin:0;line-height:1.5}[data-theme=dark] .cr-insight-card__text{color:#e2e8f0}.cr-insight-card__btn{align-self:flex-start;font-size:.7rem;font-weight:600;color:#4f46e5;background:#4f46e514;border:1px solid rgba(79,70,229,.2);border-radius:6px;padding:.22rem .6rem;cursor:pointer;transition:background .2s;font-family:inherit}.cr-insight-card__btn:hover{background:#4f46e526}.cr-prediction-card{background:#fff;border:1px solid var(--app-border-color,#e5e7eb);border-radius:14px;padding:1.5rem;box-shadow:0 1px 4px #0000000d}[data-theme=dark] .cr-prediction-card{background:#161616;border-color:#ffffff12}.cr-pred-header{margin-bottom:1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.cr-pred-title{font-size:1rem;font-weight:700;color:var(--app-text-primary,#1f2937);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.cr-pred-sub{font-size:.78rem;color:var(--app-text-muted,#6b7280);margin:0;line-height:1.5}[data-theme=dark] .cr-pred-title{color:#f1f5f9}[data-theme=dark] .cr-pred-sub{color:#94a3b8}.cr-mode-toggle{display:flex;gap:0;background:#f1f5f9;border-radius:8px;padding:3px}[data-theme=dark] .cr-mode-toggle{background:#1e1e1e}.cr-mode-btn{font-size:.75rem;font-weight:700;color:var(--app-text-muted,#6b7280);background:transparent;border:none;border-radius:6px;padding:.35rem .875rem;cursor:pointer;transition:all .2s;font-family:inherit}.cr-mode-btn--active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .cr-mode-btn--active{background:#2a2a2a;color:#818cf8}.cr-pred-selector-row{display:flex;gap:1rem;margin-bottom:1.5rem}.cr-pred-control{display:flex;flex-direction:column;gap:.45rem;flex:1;min-width:220px}.cr-pred-control--wide{flex:2}.cr-pred-label{font-size:.72rem;font-weight:700;color:var(--app-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.04em}[data-theme=dark] .cr-pred-label{color:#94a3b8}.cr-pred-select{font-size:.84rem;font-weight:500;color:var(--app-text-primary,#374151);background:#fff;border:1px solid var(--app-border-color,#e5e7eb);border-radius:8px;padding:.5rem .875rem;cursor:pointer;outline:none;transition:border-color .2s;font-family:inherit}.cr-pred-select:focus{border-color:#4f46e5}[data-theme=dark] .cr-pred-select{background:#1e1e1e;border-color:#ffffff1a;color:#e2e8f0}.cr-calc-main{display:flex;gap:1.5rem;margin-bottom:1.5rem}.cr-calc-hero{flex:1;min-width:280px;padding:1.5rem;background:linear-gradient(135deg,#4f46e50f,#818cf80f);border:1px solid rgba(79,70,229,.15);border-radius:12px;position:relative}[data-theme=dark] .cr-calc-hero{background:#4f46e514;border-color:#4f46e533}.cr-calc-hero__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6366f1;margin-bottom:.5rem}.cr-calc-hero__value{font-size:2.5rem;font-weight:900;color:#4f46e5;line-height:1;margin-bottom:.5rem}.cr-calc-hero__sub{font-size:.78rem;color:var(--app-text-muted,#6b7280);line-height:1.4}[data-theme=dark] .cr-calc-hero__sub{color:#94a3b8}.cr-calc-hero__badge{position:absolute;top:1rem;right:1rem}.cr-calc-breakdown{flex:1.5;min-width:320px}.cr-calc-breakdown__title{font-size:.8rem;font-weight:700;color:var(--app-text-primary,#1f2937);margin-bottom:.875rem;text-transform:uppercase;letter-spacing:.04em}[data-theme=dark] .cr-calc-breakdown__title{color:#f1f5f9}.cr-calc-bar-row{display:grid;grid-template-columns:120px 1fr 140px;align-items:center;gap:.875rem;padding:.625rem 0;border-bottom:1px solid #f1f5f9}.cr-calc-bar-row:last-child{border-bottom:none}.cr-calc-bar-row--active{background:#4f46e50a;border-radius:8px;padding:.625rem .75rem}[data-theme=dark] .cr-calc-bar-row{border-bottom-color:#ffffff0a}[data-theme=dark] .cr-calc-bar-row--active{background:#4f46e514}.cr-calc-bar-info{display:flex;flex-direction:column;gap:2px}.cr-calc-bar-plan{font-size:.82rem;font-weight:700}.cr-calc-bar-count{font-size:.68rem;color:var(--app-text-muted,#9ca3af)}[data-theme=dark] .cr-calc-bar-count{color:#64748b}.cr-calc-bar-track{height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden}[data-theme=dark] .cr-calc-bar-track{background:#2a2a2a}.cr-calc-bar-fill{height:100%;border-radius:5px;transition:width .5s ease}.cr-calc-bar-vals{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cr-calc-bar-pct{font-size:.7rem;font-weight:700;color:var(--app-text-muted,#6b7280)}.cr-calc-bar-amount{font-size:.82rem;font-weight:800;color:var(--app-text-primary,#1f2937)}[data-theme=dark] .cr-calc-bar-pct{color:#94a3b8}[data-theme=dark] .cr-calc-bar-amount{color:#f1f5f9}.cr-calc-upgrade{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:10px;margin-bottom:1.25rem}.cr-calc-upgrade--top{background:#7c3aed0d;border-color:#7c3aed33}[data-theme=dark] .cr-calc-upgrade{background:#10b98114;border-color:#10b98140}[data-theme=dark] .cr-calc-upgrade--top{background:#7c3aed14;border-color:#7c3aed40}.cr-calc-upgrade__icon{font-size:1.8rem;color:#10b981;flex-shrink:0}.cr-calc-upgrade__body{flex:1}.cr-calc-upgrade__title{font-size:.88rem;font-weight:700;color:var(--app-text-primary,#1f2937);margin-bottom:.25rem}.cr-calc-upgrade__desc{font-size:.76rem;color:var(--app-text-muted,#6b7280);line-height:1.4}[data-theme=dark] .cr-calc-upgrade__title{color:#f1f5f9}[data-theme=dark] .cr-calc-upgrade__desc{color:#94a3b8}.cr-calc-upgrade__gain{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cr-calc-upgrade__gain-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#059669}.cr-calc-upgrade__gain-value{font-size:1.4rem;font-weight:900;color:#10b981}.cr-pred-summary{display:flex;gap:0;align-items:center;flex-wrap:wrap;padding:1rem 1.25rem;background:linear-gradient(135deg,#4f46e50f,#818cf80f);border-radius:10px;border:1px solid rgba(79,70,229,.15)}[data-theme=dark] .cr-pred-summary{background:#4f46e514;border-color:#4f46e533}.cr-pred-summary-item{display:flex;flex-direction:column;gap:3px;padding:0 1.5rem}.cr-pred-summary-item:first-child{padding-left:0}.cr-pred-summary-divider{width:1px;height:40px;background:#4f46e533}.cr-pred-summary-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6366f1}.cr-pred-summary-value{font-size:1.2rem;font-weight:800;color:#4f46e5}.cr-pred-summary-value--green{color:#10b981}.cr-section{background:#fff;border:1px solid var(--app-border-color,#e5e7eb);border-radius:14px;padding:1.25rem;box-shadow:0 1px 4px #0000000d}[data-theme=dark] .cr-section{background:#161616;border-color:#ffffff12}.cr-section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.cr-section-top h2{font-size:.85rem;font-weight:700;color:var(--app-text-primary,#1f2937);margin:0;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem}[data-theme=dark] .cr-section-top h2{color:#f1f5f9}.cr-add-btn{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#fff;background:#4f46e5;border:none;border-radius:8px;padding:.45rem 1rem;cursor:pointer;transition:background .2s;font-family:inherit}.cr-add-btn:hover{background:#4338ca}.cr-entry-form{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;margin-bottom:1.25rem;animation:slideDown .2s ease-out}[data-theme=dark] .cr-entry-form{background:#1a1a1a;border-color:#ffffff12}.cr-entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;margin-bottom:1rem}.cr-entry-field{display:flex;flex-direction:column;gap:.35rem}.cr-entry-field--full{grid-column:1/-1}.cr-entry-field label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted,#6b7280)}[data-theme=dark] .cr-entry-field label{color:#94a3b8}.cr-entry-field input,.cr-entry-field select{font-size:.84rem;color:var(--app-text-primary,#374151);background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.45rem .75rem;outline:none;transition:border-color .2s;font-family:inherit}.cr-entry-field input:focus,.cr-entry-field select:focus{border-color:#4f46e5}[data-theme=dark] .cr-entry-field input,[data-theme=dark] .cr-entry-field select{background:#1e1e1e;border-color:#ffffff1a;color:#e2e8f0}.cr-entry-error{font-size:.78rem;color:#ef4444;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.cr-entry-actions{display:flex;gap:.75rem}.cr-entry-submit{font-size:.8rem;font-weight:700;color:#fff;background:#4f46e5;border:none;border-radius:8px;padding:.5rem 1.25rem;cursor:pointer;transition:background .2s;font-family:inherit;display:flex;align-items:center;gap:.4rem}.cr-entry-submit:hover{background:#4338ca}.cr-entry-cancel{font-size:.8rem;font-weight:600;color:var(--app-text-muted,#6b7280);background:transparent;border:1px solid var(--app-border-color,#e5e7eb);border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-family:inherit}.cr-entry-cancel:hover{background:#f1f5f9}.cr-table-container{border:1px solid var(--app-border-color,#e5e7eb);border-radius:10px;overflow:hidden;overflow-x:auto}[data-theme=dark] .cr-table-container{border-color:#ffffff12}.cr-table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}.cr-table th{padding:.7rem .875rem;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--app-text-muted,#6b7280);background:#f8fafc;border-bottom:1px solid var(--app-border-color,#e5e7eb);white-space:nowrap}[data-theme=dark] .cr-table th{background:#0f0f0f;border-bottom-color:#ffffff12;color:#94a3b8}.cr-table td{padding:.8rem .875rem;font-size:.81rem;color:var(--app-text-primary,#374151);border-bottom:1px solid #f1f5f9;white-space:nowrap}[data-theme=dark] .cr-table td{color:#e2e8f0;border-bottom-color:#ffffff0a}.cr-table tr:last-child td{border-bottom:none}.cr-table tbody tr:hover{background:#f8fafc}[data-theme=dark] .cr-table tbody tr:hover{background:#ffffff08}.cr-table__mono{font-family:Courier New,monospace;font-size:.73rem;color:var(--app-text-muted,#6b7280)!important}.cr-table__amount{font-weight:700}.cr-table__name{font-weight:600}.cr-table__note{font-size:.75rem;color:var(--app-text-muted,#9ca3af)!important;max-width:180px;overflow:hidden;text-overflow:ellipsis}.cr-status-select{font-size:.7rem;font-weight:700;border-radius:6px;padding:3px 8px;border:none;cursor:pointer;font-family:inherit;outline:none}.cr-status-select--completed{background:#dcfce7;color:#166534}.cr-status-select--pending{background:#fef3c7;color:#92400e}.cr-status-select--overdue{background:#fee2e2;color:#991b1b}[data-theme=dark] .cr-status-select--completed{background:#10b98126;color:#34d399}[data-theme=dark] .cr-status-select--pending{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .cr-status-select--overdue{background:#ef444426;color:#f87171}.cr-del-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:.8rem;padding:4px 6px;border-radius:6px;transition:color .2s,background .2s}.cr-del-btn:hover{color:#ef4444;background:#ef444414}.status-pill{display:inline-block;padding:3px 9px;border-radius:6px;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-pill--completed{background:#dcfce7;color:#166534}.status-pill--pending{background:#fef3c7;color:#92400e}.status-pill--overdue{background:#fee2e2;color:#991b1b}.status-pill--active{background:#dbeafe;color:#1e40af}[data-theme=dark] .status-pill--completed{background:#10b98126;color:#34d399}[data-theme=dark] .status-pill--pending{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .status-pill--overdue{background:#ef444426;color:#f87171}[data-theme=dark] .status-pill--active{background:#3b82f626;color:#60a5fa}.plan-badge{display:inline-block;padding:3px 9px;border-radius:6px;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.plan-badge--starter{background:#06b6d41f;color:#0e7490}.plan-badge--growth{background:#4f46e51f;color:#4338ca}.plan-badge--enterprise{background:#7c3aed1f;color:#6d28d9}[data-theme=dark] .plan-badge--starter{background:#06b6d426;color:#22d3ee}[data-theme=dark] .plan-badge--growth{background:#4f46e526;color:#818cf8}[data-theme=dark] .plan-badge--enterprise{background:#7c3aed26;color:#a78bfa}@media(max-width:1200px){.cr-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.cr-charts-row,.cr-insights-grid{grid-template-columns:1fr}.cr-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.cr-page{padding:.75rem;gap:1rem}.cr-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.cr-pred-controls{flex-direction:column;gap:1rem}.cr-pred-info-row{flex-direction:column}.cr-pred-bar-row{grid-template-columns:80px 1fr 110px;gap:.75rem}.cr-pred-summary{flex-direction:column;gap:.75rem}.cr-pred-summary-divider{width:100%;height:1px}.cr-entry-grid{grid-template-columns:repeat(2,1fr)}.cr-insights-grid{grid-template-columns:1fr}.cr-calc-main{flex-direction:column}.cr-calc-bar-row{grid-template-columns:100px 1fr 120px}.cr-pred-header{flex-direction:column;align-items:flex-start}.cr-calc-plan-cards,.cr-calc-compare-grid{grid-template-columns:1fr}.cr-calc-inst-hero{flex-direction:column}.cr-calc-inst-hero__right{text-align:left}}@media(max-width:480px){.cr-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.cr-kpi-card{padding:.75rem;gap:.6rem}.cr-kpi-card__value{font-size:1rem}.cr-entry-grid{grid-template-columns:1fr}.cr-pred-bar-row{grid-template-columns:70px 1fr 95px}}.cr-calc-hero--wide{padding:1.5rem;background:linear-gradient(135deg,#4f46e50f,#818cf80f);border:1px solid rgba(79,70,229,.15);border-radius:12px;margin-bottom:1.25rem}[data-theme=dark] .cr-calc-hero--wide{background:#4f46e514;border-color:#4f46e533}.cr-calc-plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.cr-plan-card{background:#f8fafc;border:1px solid var(--app-border-color,#e5e7eb);border-radius:12px;padding:1.1rem;display:flex;flex-direction:column;gap:.875rem}[data-theme=dark] .cr-plan-card{background:#1a1a1a;border-color:#ffffff12}.cr-plan-card__top{display:flex;align-items:center;gap:.5rem}.cr-plan-card__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cr-plan-card__name{font-size:.9rem;font-weight:800}.cr-plan-card__count{font-size:.7rem;color:var(--app-text-muted,#9ca3af);margin-left:auto}[data-theme=dark] .cr-plan-card__count{color:#64748b}.cr-plan-card__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted,#9ca3af);margin-bottom:3px}[data-theme=dark] .cr-plan-card__label{color:#64748b}.cr-plan-card__value{font-size:1.3rem;font-weight:900;color:var(--app-text-primary,#1f2937);margin-bottom:6px}[data-theme=dark] .cr-plan-card__value{color:#f1f5f9}.cr-plan-card__bar-track{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:4px}[data-theme=dark] .cr-plan-card__bar-track{background:#2a2a2a}.cr-plan-card__bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.cr-plan-card__pct{font-size:.68rem;color:var(--app-text-muted,#9ca3af)}[data-theme=dark] .cr-plan-card__pct{color:#64748b}.cr-plan-card__upgrade{background:#10b9810f;border:1px solid rgba(16,185,129,.18);border-radius:8px;padding:.75rem;font-size:.75rem}.cr-plan-card__upgrade--top{background:#7c3aed0f;border-color:#7c3aed2e;color:#7c3aed;font-weight:600;display:flex;align-items:center;gap:.4rem}[data-theme=dark] .cr-plan-card__upgrade{background:#10b98114;border-color:#10b98133}[data-theme=dark] .cr-plan-card__upgrade--top{background:#7c3aed14;border-color:#7c3aed33}.cr-plan-card__upgrade-label{font-size:.7rem;font-weight:700;color:#059669;margin-bottom:.5rem}.cr-plan-card__upgrade-row{display:flex;gap:1rem}.cr-plan-card__gain-label{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--app-text-muted,#9ca3af);margin-bottom:2px}[data-theme=dark] .cr-plan-card__gain-label{color:#64748b}.cr-plan-card__gain-val{font-size:.95rem;font-weight:800;color:#10b981}.cr-plan-card__pot-val{font-size:.95rem;font-weight:800;color:#4f46e5}.cr-calc-all-summary{background:linear-gradient(135deg,#4f46e50d,#10b9810d);border:1px solid rgba(79,70,229,.15);border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:1.25rem}[data-theme=dark] .cr-calc-all-summary{background:#4f46e512;border-color:#4f46e533}.cr-calc-all-summary__title{font-size:.75rem;font-weight:700;color:#4f46e5;margin-bottom:.875rem;display:flex;align-items:center;gap:.4rem}.cr-calc-all-summary__row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cr-calc-all-summary__item{display:flex;flex-direction:column;gap:3px}.cr-calc-all-summary__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted,#9ca3af)}[data-theme=dark] .cr-calc-all-summary__label{color:#64748b}.cr-calc-all-summary__val{font-size:1.2rem;font-weight:800;color:var(--app-text-primary,#1f2937)}[data-theme=dark] .cr-calc-all-summary__val{color:#f1f5f9}.cr-calc-all-summary__val--gain{color:#10b981}.cr-calc-all-summary__val--pot{color:#4f46e5}.cr-calc-all-summary__arrow{color:var(--app-text-muted,#9ca3af);font-size:.9rem}.cr-calc-inst-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#4f46e50f,#818cf80f);border:1px solid rgba(79,70,229,.15);border-radius:12px;margin-bottom:1.25rem;flex-wrap:wrap}[data-theme=dark] .cr-calc-inst-hero{background:#4f46e514;border-color:#4f46e533}.cr-calc-inst-hero__left{display:flex;flex-direction:column;gap:.4rem}.cr-calc-inst-hero__name{font-size:1.1rem;font-weight:800;color:var(--app-text-primary,#1f2937)}[data-theme=dark] .cr-calc-inst-hero__name{color:#f1f5f9}.cr-calc-inst-hero__meta{font-size:.75rem;color:var(--app-text-muted,#6b7280)}[data-theme=dark] .cr-calc-inst-hero__meta{color:#94a3b8}.cr-calc-inst-hero__right{text-align:right}.cr-calc-inst-hero__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6366f1;margin-bottom:4px}.cr-calc-inst-hero__value{font-size:2rem;font-weight:900;color:#4f46e5;line-height:1}.cr-calc-inst-hero__sub{font-size:.72rem;color:var(--app-text-muted,#6b7280);margin-top:4px}[data-theme=dark] .cr-calc-inst-hero__sub{color:#94a3b8}.cr-calc-compare-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--app-text-muted,#6b7280);margin-bottom:.875rem}[data-theme=dark] .cr-calc-compare-title{color:#94a3b8}.cr-calc-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.cr-compare-card{background:#f8fafc;border:1.5px solid var(--app-border-color,#e5e7eb);border-radius:12px;padding:1.1rem;position:relative;display:flex;flex-direction:column;gap:.75rem;transition:transform .18s,box-shadow .18s}.cr-compare-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px -4px #0000001a}.cr-compare-card--current{border-color:#4f46e5;background:#4f46e50a}[data-theme=dark] .cr-compare-card{background:#1a1a1a;border-color:#ffffff12}[data-theme=dark] .cr-compare-card--current{border-color:#4f46e5;background:#4f46e51a}.cr-compare-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#4f46e5;color:#fff;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;border-radius:20px;white-space:nowrap}.cr-compare-card__header{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.cr-compare-card__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cr-compare-card__plan{font-size:.95rem;font-weight:800}.cr-compare-card__price{font-size:1.5rem;font-weight:900;color:var(--app-text-primary,#1f2937)}.cr-compare-card__price span{font-size:.75rem;font-weight:500;color:var(--app-text-muted,#9ca3af)}[data-theme=dark] .cr-compare-card__price{color:#f1f5f9}.cr-compare-card__divider{height:1px;background:var(--app-border-color,#e5e7eb)}[data-theme=dark] .cr-compare-card__divider{background:#ffffff0f}.cr-compare-card__section{display:flex;flex-direction:column;gap:3px}.cr-compare-card__section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted,#9ca3af)}[data-theme=dark] .cr-compare-card__section-label{color:#64748b}.cr-compare-card__section-val{font-size:1.1rem;font-weight:800;color:var(--app-text-primary,#1f2937)}.cr-compare-card__section-val--sm{font-size:.95rem}[data-theme=dark] .cr-compare-card__section-val{color:#f1f5f9}.cr-compare-card__diff{font-size:.72rem;font-weight:700;margin-top:2px}.cr-compare-card__diff--up{color:#10b981}.cr-compare-card__diff--down{color:#ef4444}.cl-page{padding:1.25rem;padding-top:0;display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .35s ease-out}.cl-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:.25rem;flex-wrap:wrap}.cl-header__left{display:flex;align-items:center;gap:1rem}.cl-header__icon{width:52px;height:52px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 4px 14px #6366f159}.cl-header__title{font-size:1.75rem;font-weight:800;color:var(--app-text-primary, #1f2937);margin:0 0 .25rem;letter-spacing:-.5px}.cl-header__subtitle{color:var(--app-text-muted, #6b7280);font-size:.875rem;margin:0}[data-theme=dark] .cl-header__title{color:#f1f5f9}[data-theme=dark] .cl-header__subtitle{color:#94a3b8}.cl-header__actions{display:flex;gap:.75rem;flex-wrap:wrap}.cl-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.cl-stat-card{background:#fff;border:1px solid var(--app-border-color, #e5e7eb);border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 4px #0000000d;transition:transform .18s,box-shadow .18s}.cl-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px #0000001a}[data-theme=dark] .cl-stat-card{background:#161616;border-color:#ffffff12}.cl-stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.cl-stat-card__content{display:flex;flex-direction:column;gap:4px}.cl-stat-card__value{font-size:1.5rem;font-weight:800;color:var(--app-text-primary, #1f2937);line-height:1}.cl-stat-card__label{font-size:.75rem;font-weight:600;color:var(--app-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.03em}[data-theme=dark] .cl-stat-card__value{color:#f1f5f9}[data-theme=dark] .cl-stat-card__label{color:#94a3b8}.cl-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.cl-search{position:relative;flex:1;min-width:280px}.cl-search__icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem;pointer-events:none}.cl-search input{width:100%;padding:.625rem 1rem .625rem 2rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.82rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.cl-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.cl-search input::-moz-placeholder{color:#94a3b8}.cl-search input::placeholder{color:#94a3b8}[data-theme=dark] .cl-search input{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.cl-filter-select{font-size:.82rem;font-weight:600;color:var(--app-text-primary, #374151);background:#fff;border:1.5px solid var(--app-border-color, #e5e7eb);border-radius:10px;padding:.625rem 1rem;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.cl-filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}[data-theme=dark] .cl-filter-select{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.cl-logs-container{background:#fff;border:1px solid var(--app-border-color, #e5e7eb);border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000d}[data-theme=dark] .cl-logs-container{background:#161616;border-color:#ffffff12}.cl-log-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-bottom:1px solid #f3f4f6;border-left:4px solid transparent;transition:all .18s}.cl-log-item:last-child{border-bottom:none}.cl-log-item:hover{background:#f8fafc;transform:translate(4px)}[data-theme=dark] .cl-log-item{border-bottom-color:#ffffff0a}[data-theme=dark] .cl-log-item:hover{background:#ffffff08}.cl-log-item--error{border-left-color:#ef4444}.cl-log-item--warning{border-left-color:#f59e0b}.cl-log-item--success{border-left-color:#10b981}.cl-log-item--info{border-left-color:#3b82f6}.cl-log-item__icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.cl-log-item--error .cl-log-item__icon{background:#fee2e2;color:#dc2626}.cl-log-item--warning .cl-log-item__icon{background:#fef3c7;color:#d97706}.cl-log-item--success .cl-log-item__icon{background:#dcfce7;color:#059669}.cl-log-item--info .cl-log-item__icon{background:#dbeafe;color:#2563eb}.cl-log-item__content{flex:1;display:flex;flex-direction:column;gap:.625rem;min-width:0}.cl-log-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.cl-log-item__message{font-size:.9375rem;font-weight:600;color:var(--app-text-primary, #1f2937);line-height:1.5}[data-theme=dark] .cl-log-item__message{color:#f1f5f9}.cl-log-item__badges{display:flex;gap:.5rem;flex-shrink:0}.cl-log-item__meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:var(--app-text-muted, #9ca3af)}.cl-meta-item{display:flex;align-items:center;gap:.375rem}.cl-log-item__btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;border:1.5px solid #e2e8f0;background:#fff;color:#475569;transition:all .18s ease;font-family:inherit;white-space:nowrap;flex-shrink:0}.cl-log-item__btn:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}[data-theme=dark] .cl-log-item__btn{background:#ffffff0d;border-color:#ffffff1a;color:#9ca3af}.cl-badge{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px}.cl-badge--error{background:#fee2e2;color:#991b1b}.cl-badge--warning{background:#fef3c7;color:#92400e}.cl-badge--success{background:#dcfce7;color:#166534}.cl-badge--info{background:#dbeafe;color:#1e40af}.cl-badge--category{background:#f3f4f6;color:#6b7280}[data-theme=dark] .cl-badge--error{background:#ef444426;color:#f87171}[data-theme=dark] .cl-badge--warning{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .cl-badge--success{background:#10b98126;color:#34d399}[data-theme=dark] .cl-badge--info{background:#3b82f626;color:#60a5fa}[data-theme=dark] .cl-badge--category{background:#ffffff0f;color:#94a3b8}.cl-empty{text-align:center;padding:80px 24px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.cl-empty i{font-size:3rem;color:#cbd5e1;margin-bottom:.5rem}.cl-empty p{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.cl-empty span{font-size:.875rem;color:#94a3b8}[data-theme=dark] .cl-empty{background:#161616;border-color:#ffffff12}[data-theme=dark] .cl-empty p{color:#f1f5f9}.cl-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s ease;white-space:nowrap}.cl-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f159}.cl-btn--primary:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.cl-btn--ghost{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.cl-btn--ghost:hover{border-color:#94a3b8;color:#1e293b}[data-theme=dark] .cl-btn--ghost{background:#ffffff0d;border-color:#ffffff1a;color:#9ca3af}.cl-backdrop{position:fixed;inset:0;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease}.cl-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden;animation:slideUp .22s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .cl-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1)}.cl-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #f1f5f9;flex-shrink:0}[data-theme=dark] .cl-modal__header{border-color:#ffffff0f}.cl-modal__title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.cl-modal__subtitle{font-size:.8125rem;color:#64748b;margin-top:2px}[data-theme=dark] .cl-modal__title{color:#f1f5f9}[data-theme=dark] .cl-modal__subtitle{color:#94a3b8}.cl-modal__close{width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .15s;font-family:inherit}.cl-modal__close:hover{background:#fef2f2;color:#ef4444}.cl-modal__body{padding:32px;overflow-y:auto;flex:1}.cl-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:24px 32px;border-top:1px solid #f1f5f9;flex-shrink:0;background:#00000005}[data-theme=dark] .cl-modal__footer{border-color:#ffffff0f;background:#0003}.cl-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cl-detail-item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.cl-detail-item--full{grid-column:1 / -1}[data-theme=dark] .cl-detail-item{background:#ffffff08;border-color:#ffffff0f}.cl-detail-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.cl-detail-value{font-size:.9375rem;font-weight:600;color:#0f172a;line-height:1.5}[data-theme=dark] .cl-detail-value{color:#f1f5f9}@media(max-width:1200px){.cl-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cl-page{padding:.75rem;gap:1rem}.cl-stats-grid{grid-template-columns:1fr;gap:.75rem}.cl-header{flex-direction:column;align-items:stretch}.cl-header__actions{width:100%}.cl-filters{flex-direction:column;align-items:stretch}.cl-search,.cl-filter-select{width:100%}.cl-log-item{flex-direction:column;gap:.875rem}.cl-log-item__btn{width:100%;justify-content:center}.cl-detail-grid{grid-template-columns:1fr}}.cs-page{padding:1.25rem;padding-top:0;display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .35s ease-out;min-height:calc(100vh - 80px)}.cs-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:.25rem}.cs-header__left{display:flex;align-items:center;gap:1rem}.cs-header__icon{width:52px;height:52px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 4px 14px #6366f159}.cs-header__title{font-size:1.75rem;font-weight:800;color:var(--app-text-primary, #1f2937);margin:0 0 .25rem;letter-spacing:-.5px}.cs-header__subtitle{color:var(--app-text-muted, #6b7280);font-size:.875rem;margin:0}[data-theme=dark] .cs-header__title{color:#f1f5f9}[data-theme=dark] .cs-header__subtitle{color:#94a3b8}.cs-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}[data-theme=dark] .cs-tabs{border-color:#ffffff1a}.cs-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;border-radius:10px 10px 0 0;transition:all .2s;white-space:nowrap;font-family:inherit}.cs-tab:hover{background:#f3f4f6;color:#1f2937}.cs-tab--active{background:#fff;color:#6366f1;box-shadow:0 -2px 8px #0000000d}[data-theme=dark] .cs-tab{color:#9ca3af}[data-theme=dark] .cs-tab:hover{background:#ffffff0d;color:#f1f5f9}[data-theme=dark] .cs-tab--active{background:#161616;color:#6366f1}.cs-tab i{font-size:.9375rem}.cs-content{flex:1;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 12px #0000000f}[data-theme=dark] .cs-content{background:#161616}.cs-section{display:flex;flex-direction:column;gap:1.5rem}.cs-section__header{padding-bottom:1rem;border-bottom:1px solid #e5e7eb}[data-theme=dark] .cs-section__header{border-color:#ffffff1a}.cs-section__header h2{font-size:1.25rem;font-weight:700;color:var(--app-text-primary, #1f2937);margin:0 0 .5rem}[data-theme=dark] .cs-section__header h2{color:#f1f5f9}.cs-section__header p{font-size:.875rem;color:var(--app-text-muted, #6b7280);margin:0}[data-theme=dark] .cs-section__header p{color:#94a3b8}.cs-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.cs-form-group{display:flex;flex-direction:column;gap:.5rem}.cs-form-group--full{grid-column:1 / -1}.cs-form-group--toggle{flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}[data-theme=dark] .cs-form-group--toggle{background:#ffffff08;border-color:#ffffff0f}.cs-form-group label{font-size:.875rem;font-weight:600;color:#374151}[data-theme=dark] .cs-form-group label{color:#e2e8f0}.cs-help-text{font-size:.75rem;color:#9ca3af;margin:.25rem 0 0}[data-theme=dark] .cs-help-text{color:#6b7280}.cs-form-group input[type=text],.cs-form-group input[type=email],.cs-form-group input[type=tel],.cs-form-group input[type=number],.cs-form-group input[type=password],.cs-form-group select,.cs-form-group textarea{padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.cs-form-group input:focus,.cs-form-group select:focus,.cs-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.cs-form-group textarea{resize:vertical;min-height:100px}[data-theme=dark] .cs-form-group input,[data-theme=dark] .cs-form-group select,[data-theme=dark] .cs-form-group textarea{background:#fff;border-color:#e2e8f0;color:#1e293b}.cs-toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.cs-toggle input{opacity:0;width:0;height:0}.cs-toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:28px}.cs-toggle__slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.cs-toggle input:checked+.cs-toggle__slider{background-color:#6366f1}.cs-toggle input:checked+.cs-toggle__slider:before{transform:translate(24px)}.cs-color-picker{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff}[data-theme=dark] .cs-color-picker{background:#fff;border-color:#e2e8f0}.cs-color-picker input[type=color]{width:48px;height:48px;border:none;border-radius:8px;cursor:pointer;padding:0}.cs-color-picker span{font-size:.875rem;font-weight:600;color:#1e293b;font-family:monospace}.cs-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;border:2px dashed #cbd5e1;border-radius:10px;background:#f8fafc;cursor:pointer;transition:all .2s}.cs-upload-area:hover{border-color:#6366f1;background:#eef2ff}[data-theme=dark] .cs-upload-area{background:#ffffff08;border-color:#ffffff1a}[data-theme=dark] .cs-upload-area:hover{border-color:#6366f1;background:#6366f10d}.cs-upload-area i{font-size:2rem;color:#94a3b8}.cs-upload-area p{font-size:.875rem;font-weight:600;color:#475569;margin:0}[data-theme=dark] .cs-upload-area p{color:#cbd5e1}.cs-upload-area span{font-size:.75rem;color:#94a3b8}.cs-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s ease;white-space:nowrap}.cs-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f159}.cs-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.cs-btn--secondary{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.cs-btn--secondary:hover{background:#e5e7eb;color:#1f2937}[data-theme=dark] .cs-btn--secondary{background:#ffffff0f;border-color:#ffffff1a;color:#e2e8f0}.cs-btn--ghost{background:#fff;color:#6b7280;border:1.5px solid #e5e7eb}.cs-btn--ghost:hover{border-color:#cbd5e1;color:#374151}[data-theme=dark] .cs-btn--ghost{background:#ffffff0d;border-color:#ffffff1a;color:#9ca3af}.cs-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f}[data-theme=dark] .cs-footer{background:#161616}@media(max-width:1024px){.cs-form{grid-template-columns:1fr}}@media(max-width:768px){.cs-page{padding:.75rem;gap:1rem}.cs-content{padding:1.25rem}.cs-tabs{gap:.25rem}.cs-tab{padding:.625rem 1rem;font-size:.8125rem}.cs-tab span{display:none}.cs-tab i{font-size:1.125rem}.cs-footer{flex-direction:column;padding:1rem}.cs-btn{width:100%;justify-content:center}}.cp-page{padding:32px;max-width:1400px;margin:0 auto;font-family:inherit}.cp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;flex-wrap:wrap}.cp-header__left{display:flex;align-items:center;gap:16px}.cp-header__icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;flex-shrink:0;box-shadow:0 4px 14px #6366f159}.cp-header__title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.5px}.cp-header__subtitle{color:#64748b;font-size:.9rem;margin:0}.cp-header__actions{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap}.cp-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s ease;white-space:nowrap}.cp-btn--primary{background:#4f46e5;color:#fff}.cp-btn--primary:hover{background:#4338ca;box-shadow:0 4px 14px #4f46e559}.cp-btn--ghost{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.cp-btn--ghost:hover{border-color:#94a3b8;color:#1e293b;background:#f8fafc}.cp-btn--revenue{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.cp-btn--revenue:hover{box-shadow:0 4px 14px #10b98159}.cp-btn--edit{background:#eff6ff;color:#3b82f6;border:1.5px solid #bfdbfe;flex:1;justify-content:center}.cp-btn--edit:hover{background:#3b82f6;color:#fff;border-color:transparent}.cp-btn--deactivate{background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca;flex:1;justify-content:center}.cp-btn--deactivate:hover{background:#ef4444;color:#fff;border-color:transparent}.cp-btn--activate{background:#ecfdf5;color:#059669;border:1.5px solid #a7f3d0;flex:1;justify-content:center}.cp-btn--activate:hover{background:#10b981;color:#fff;border-color:transparent}.cp-btn--danger{background:#ef4444;color:#fff}.cp-btn--danger:hover{background:#dc2626}.cp-btn--sm{padding:6px 14px;font-size:.8rem}.cp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.cp-kpi{background:#fff;border-radius:16px;padding:20px 24px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;transition:box-shadow .2s}.cp-kpi:hover{box-shadow:0 4px 16px #0000000f}.cp-kpi__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.cp-kpi--cyan .cp-kpi__icon{background:#ecfeff;color:#06b6d4}.cp-kpi--indigo .cp-kpi__icon{background:#eef2ff;color:#4f46e5}.cp-kpi--violet .cp-kpi__icon{background:#f5f3ff;color:#7c3aed}.cp-kpi--green .cp-kpi__icon{background:#ecfdf5;color:#10b981}.cp-kpi__value{font-size:1.55rem;font-weight:800;color:#0f172a;line-height:1}.cp-kpi__label{font-size:.78rem;color:#64748b;font-weight:500;margin-top:3px}.cp-tabs{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.cp-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.cp-tab i{font-size:.95rem}.cp-tab:hover:not(.cp-tab--active){border-color:#94a3b8;color:#1e293b;background:#f8fafc}.cp-tab--active{background:#1e293b;border-color:#1e293b;color:#fff;box-shadow:0 4px 14px #1e293b40}.cp-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.cp-plan-card{background:#fff;border-radius:20px;border:1.5px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s,box-shadow .25s;box-shadow:0 2px 12px #0000000f}.cp-plan-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000001f}.cp-plan-card--inactive{opacity:.65}.cp-plan-card--inactive:hover{opacity:1}.cp-plan-card__header{padding:24px;position:relative;overflow:hidden;color:#fff}.cp-plan-card__circle{position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:#ffffff14;pointer-events:none}.cp-plan-card__header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.cp-plan-card__icon-wrap{width:44px;height:44px;border-radius:12px;background:#fff3;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff}.cp-plan-card__badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.cp-badge{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.cp-badge--inactive{background:#00000040;color:#fffc}.cp-badge--custom{background:#fbbf244d;color:#fef08a}.cp-badge--saved{background:#10b9814d;color:#a7f3d0}.cp-plan-card__name{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:6px}.cp-plan-card__price{font-size:2rem;font-weight:900;color:#fff;line-height:1}.cp-plan-card__price-unit{font-size:.9rem;font-weight:500;opacity:.8;margin-left:4px}.cp-plan-card__price-custom{font-size:1.4rem;font-weight:700;opacity:.9}.cp-plan-card__discount{margin-top:8px;font-size:.75rem;font-weight:600;background:#ffffff26;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px}.cp-plan-card__body{padding:20px;flex:1;display:flex;flex-direction:column;gap:16px}.cp-plan-card__desc{font-size:.85rem;color:#64748b;line-height:1.55;margin:0}.cp-plan-card__stats{display:flex;gap:0;border:1px solid #f1f5f9;border-radius:12px;overflow:hidden}.cp-plan-card__stat{flex:1;display:flex;align-items:center;gap:10px;padding:12px;border-right:1px solid #f1f5f9}.cp-plan-card__stat:last-child{border-right:none}.cp-plan-card__stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.cp-plan-card__stat-val{font-size:.9rem;font-weight:800;color:#0f172a;line-height:1}.cp-plan-card__stat-lbl{font-size:.65rem;color:#94a3b8;font-weight:500;margin-top:2px}.cp-plan-card__features{display:flex;flex-direction:column;gap:7px}.cp-plan-card__feature{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#475569}.cp-plan-card__feature i{font-size:.85rem;flex-shrink:0}.cp-plan-card__feature--more{color:#94a3b8}.cp-plan-card__footer{padding:16px 20px;border-top:1px solid #f1f5f9;display:flex;gap:10px}.cp-compare{overflow:hidden}.cp-compare__table-wrap{overflow-x:auto;border-radius:16px;border:1px solid #e2e8f0}.cp-compare__table{width:100%;border-collapse:collapse;background:#fff}.cp-compare__table thead tr{background:#f8fafc}.cp-compare__table th{padding:16px 20px;text-align:center;font-size:.8rem;font-weight:700;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.cp-compare__feature-col{text-align:left!important;min-width:220px}.cp-compare__plan-head{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.9rem;font-weight:800}.cp-compare__plan-price{font-size:.75rem;color:#94a3b8;font-weight:500;margin-top:3px}.cp-compare__table td{padding:12px 20px;border-bottom:1px solid #f1f5f9}.cp-compare__table tr:last-child td{border-bottom:none}.cp-compare__row--even td{background:#fafafa}.cp-compare__feature-name{font-size:.85rem;color:#1e293b;font-weight:500}.cp-compare__check-cell{text-align:center}.cp-compare__yes{font-size:1.1rem}.cp-compare__no{font-size:.9rem;color:#cbd5e1}.cp-revenue{display:flex;flex-direction:column;gap:24px}.cp-revenue__info-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:14px 20px;font-size:.875rem;color:#1e40af}.cp-revenue__info-banner i{font-size:1rem;flex-shrink:0}.cp-revenue__info-banner span{flex:1}.cp-revenue__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cp-rev-card{background:#fff;border-radius:16px;border:1.5px solid #e2e8f0;padding:20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s}.cp-rev-card:hover{box-shadow:0 6px 20px #00000014}.cp-rev-card__top{display:flex;align-items:center;gap:10px}.cp-rev-card__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.cp-rev-card__plan{font-size:1rem;font-weight:800;color:#0f172a;flex:1}.cp-rev-card__pct{font-size:.75rem;font-weight:700;color:#64748b;background:#f1f5f9;padding:3px 10px;border-radius:20px}.cp-rev-card__bar-wrap{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.cp-rev-card__bar{height:100%;border-radius:4px;transition:width .4s ease}.cp-rev-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cp-rev-card__item{display:flex;flex-direction:column;gap:2px}.cp-rev-card__item span{font-size:.72rem;color:#94a3b8;font-weight:500}.cp-rev-card__item strong{font-size:.9rem;color:#0f172a;font-weight:700}.cp-rev-card__edit-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}.cp-rev-card__edit-btn:hover{border-color:#4f46e5;color:#4f46e5;background:#eef2ff}.cp-revenue__summary{display:flex;align-items:center;justify-content:center;gap:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:20px 32px;flex-wrap:wrap}.cp-revenue__summary-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 32px}.cp-revenue__summary-item span{font-size:.78rem;color:#64748b;font-weight:500}.cp-revenue__summary-item strong{font-size:1.4rem;font-weight:800;color:#0f172a}.cp-revenue__summary-divider{width:1px;height:40px;background:#e2e8f0}.cp-modal-backdrop{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:cp-fade-in .18s ease}@keyframes cp-fade-in{0%{opacity:0}to{opacity:1}}.cp-modal{background:#fff;border-radius:18px;width:100%;max-width:460px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000038;overflow:hidden;animation:cp-slide-up .22s cubic-bezier(.16,1,.3,1)}@keyframes cp-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cp-modal__header{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;color:#fff;flex-shrink:0}.cp-modal__header-left{display:flex;align-items:center;gap:10px}.cp-modal__icon{width:36px;height:36px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:.95rem;color:#fff;flex-shrink:0}.cp-modal__title{font-size:.95rem;font-weight:800;color:#fff;margin:0 0 1px}.cp-modal__subtitle{font-size:.72rem;color:#ffffffb8;margin:0}.cp-modal__close{width:28px;height:28px;border-radius:7px;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.78rem;transition:background .15s;flex-shrink:0}.cp-modal__close:hover{background:#ffffff47}.cp-modal__body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.cp-modal__body::-webkit-scrollbar{width:4px}.cp-modal__body::-webkit-scrollbar-track{background:transparent}.cp-modal__body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.cp-modal__section-title{font-size:.68rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:5px;margin-bottom:2px}.cp-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cp-modal__field{display:flex;flex-direction:column;gap:4px}.cp-modal__field label{font-size:.72rem;font-weight:600;color:#64748b}.cp-modal__field input,.cp-modal__field select{padding:7px 10px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.82rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.cp-modal__field input:focus,.cp-modal__field select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.cp-modal__textarea{width:100%;padding:7px 10px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.82rem;color:#1e293b;font-family:inherit;resize:none;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;min-height:56px}.cp-modal__textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.cp-modal__toggle-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#f8fafc;border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:600;color:#1e293b;border:1px solid #f1f5f9}.cp-modal__preview{background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden}.cp-modal__preview-title{font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:5px;padding:8px 12px 6px;border-bottom:1px solid #e2e8f0}.cp-modal__preview-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#475569;padding:6px 12px;border-bottom:1px solid #f1f5f9}.cp-modal__preview-row:last-child{border-bottom:none}.cp-modal__preview-row strong{font-weight:700;color:#0f172a}.cp-modal__footer{padding:12px 18px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;background:#fff}.cp-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.cp-switch input{opacity:0;width:0;height:0;position:absolute}.cp-switch__track{width:44px;height:24px;background:#cbd5e1;border-radius:12px;position:relative;transition:background .25s;display:block}.cp-switch input:checked~.cp-switch__track{background:#4f46e5}.cp-switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 4px #0003}.cp-switch input:checked~.cp-switch__track .cp-switch__thumb{transform:translate(20px)}.cp-confirm{background:#fff;border-radius:20px;padding:32px;max-width:400px;width:100%;text-align:center;box-shadow:0 24px 64px #0003;animation:cp-slide-up .22s cubic-bezier(.16,1,.3,1)}.cp-confirm__icon{font-size:2.5rem;color:#f59e0b;margin-bottom:16px}.cp-confirm__title{font-size:1.2rem;font-weight:800;color:#0f172a;margin-bottom:8px}.cp-confirm__desc{font-size:.875rem;color:#64748b;line-height:1.6;margin-bottom:24px}.cp-confirm__actions{display:flex;gap:10px;justify-content:center}.inst-type-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:12px;border:1.5px solid #e2e8f0}.inst-type-toggle button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;background:transparent;color:#64748b;font-weight:600;font-size:.875rem;cursor:pointer;border-radius:8px;transition:all .2s;font-family:inherit}.inst-type-toggle button.active{background:#fff;color:#4f46e5;box-shadow:0 2px 8px #00000014}.section-hint{display:block;font-size:.65rem;color:#94a3b8;margin-top:4px;text-transform:none;font-weight:400;letter-spacing:0}.cp-grouped-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding-right:8px;margin-top:12px}.cp-cat-group{display:flex;flex-direction:column;gap:8px}.cp-cat-header{font-size:.75rem;font-weight:700;color:#475569;display:flex;align-items:center;gap:8px;padding-bottom:4px;border-bottom:1px solid #f1f5f9}.cp-cat-header i{color:#6366f1}.cp-module-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cp-module-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;background:#f8fafc}.cp-module-item input{display:none}.cp-module-item.selected{border-color:#4f46e5;background:#eef2ff}.cp-module-info{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500;color:#475569}.cp-module-info i{color:#94a3b8;width:14px;text-align:center}.cp-module-item.selected .cp-module-info,.cp-module-item.selected .cp-module-info i{color:#4f46e5}.cp-premium-toggle{width:24px;height:24px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#cbd5e1;margin-left:auto}.cp-premium-toggle:hover{border-color:#f59e0b;color:#f59e0b}.cp-premium-toggle.active{background:#fffbeb;border-color:#f59e0b;color:#f59e0b;box-shadow:0 0 8px #f59e0b33}.cp-premium-toggle i{font-size:.75rem}.cp-icon-picker{display:flex;gap:8px;flex-wrap:wrap}.cp-icon-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.cp-icon-btn.active{border-color:#4f46e5;background:#eef2ff;color:#4f46e5}.cp-plan-card__icon-box{width:48px;height:48px;border-radius:14px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:16px}.cp-plan-card__tier{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:4px}.cp-plan-card__limit{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#1e293b;padding:10px;background:#f1f5f9;border-radius:10px}.cp-plan-card__features-title{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-top:8px}.cp-plan-card.inactive{opacity:.6;grayscale:1}.cp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#94a3b8}.cp-empty i{font-size:3rem;margin-bottom:16px;opacity:.5}.cp-empty h3{color:#475569;margin-bottom:8px}@media(max-width:1024px){.cp-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cp-page{padding:20px 16px}.cp-header{flex-direction:column;gap:16px}.cp-header__actions{width:100%;justify-content:space-between}.cp-kpis{grid-template-columns:repeat(2,1fr);gap:12px}.cp-kpi{padding:16px}.cp-kpi__value{font-size:1.3rem}.cp-plans-grid,.cp-modal__grid{grid-template-columns:1fr}.cp-tabs{gap:6px}.cp-tab{flex:1;justify-content:center;padding:10px 12px;font-size:.8rem}.cp-module-list{grid-template-columns:1fr}}@media(max-width:480px){.cp-header__title{font-size:1.4rem}.cp-header__actions{flex-direction:column;align-items:stretch}}.bd-page{padding:32px;max-width:1400px;margin:0 auto;font-family:inherit}.bd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;flex-wrap:wrap}.bd-header__left{display:flex;align-items:center;gap:16px}.bd-header__icon{width:52px;height:52px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,#1d4ed8,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 4px 14px #4f46e559}.bd-header__title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.5px}.bd-header__subtitle{color:#64748b;font-size:.875rem;margin:0}.bd-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s ease;white-space:nowrap}.bd-btn--new{background:linear-gradient(135deg,#1d4ed8,#4f46e5);color:#fff}.bd-btn--new:hover{box-shadow:0 4px 14px #4f46e566;transform:translateY(-1px)}.bd-btn--ghost{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.bd-btn--ghost:hover{border-color:#94a3b8;color:#1e293b}.bd-btn--save{background:#4f46e5;color:#fff}.bd-btn--save:hover{background:#4338ca;box-shadow:0 4px 14px #4f46e559}.bd-btn--print{background:#f8fafc;color:#475569;border:1.5px solid #e2e8f0}.bd-btn--print:hover{background:#f1f5f9}.bd-icon-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .15s;font-family:inherit}.bd-icon-btn:hover{border-color:#94a3b8;color:#1e293b;background:#f8fafc}.bd-icon-btn--view:hover{border-color:#4f46e5;color:#4f46e5;background:#eef2ff}.bd-icon-btn--delete:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.bd-tabs{display:flex;gap:8px;margin-bottom:24px}.bd-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.bd-tab i{font-size:.9rem}.bd-tab:hover:not(.bd-tab--active){border-color:#94a3b8;color:#1e293b;background:#f8fafc}.bd-tab--active{background:#1e293b;border-color:#1e293b;color:#fff;box-shadow:0 4px 14px #1e293b38}.bd-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:20px;font-size:.7rem;font-weight:700;background:#ffffff2e;color:inherit}.bd-tab:not(.bd-tab--active) .bd-tab__count{background:#f1f5f9;color:#475569}.bd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.bd-kpi{background:#fff;border-radius:14px;padding:18px 20px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:14px;transition:box-shadow .2s}.bd-kpi:hover{box-shadow:0 4px 16px #0000000f}.bd-kpi__icon{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem}.bd-kpi--indigo .bd-kpi__icon{background:#eef2ff;color:#4f46e5}.bd-kpi--green .bd-kpi__icon{background:#ecfdf5;color:#059669}.bd-kpi--blue .bd-kpi__icon{background:#eff6ff;color:#2563eb}.bd-kpi--red .bd-kpi__icon{background:#fef2f2;color:#dc2626}.bd-kpi__val{font-size:1.4rem;font-weight:800;color:#0f172a;line-height:1}.bd-kpi__lbl{font-size:.72rem;color:#64748b;font-weight:500;margin-top:3px}.bd-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;white-space:nowrap}.bd-plan-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:.7rem;font-weight:700}.bd-plan-badge--starter{background:#ecfeff;color:#0e7490}.bd-plan-badge--growth{background:#eef2ff;color:#4f46e5}.bd-plan-badge--enterprise{background:#f5f3ff;color:#7c3aed}.bd-plan-badge--custom{background:#fffbeb;color:#b45309}.bd-form{background:#fff;border-radius:18px;border:1.5px solid #e2e8f0;padding:24px;margin-bottom:28px;box-shadow:0 4px 20px #0000000f}.bd-form__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.bd-form__type-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:700}.bd-form__type-pill--invoice{background:#eff6ff;color:#1d4ed8}.bd-form__type-pill--quotation{background:#f5f3ff;color:#7c3aed}.bd-form__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:20px}.bd-form__field{display:flex;flex-direction:column;gap:5px}.bd-form__field--full{grid-column:1 / -1}.bd-form__field label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.bd-form__field input,.bd-form__field select,.bd-form__field textarea{padding:8px 11px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:.85rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.bd-form__field input:focus,.bd-form__field select:focus,.bd-form__field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.bd-form__field textarea{resize:none}.bd-form__section-title{font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px;margin-bottom:10px}.bd-form__items{margin-bottom:16px}.bd-form__items-head,.bd-form__item-row{display:grid;grid-template-columns:1fr 80px 130px 110px 36px;gap:8px;align-items:center}.bd-form__items-head{font-size:.68rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;padding:0 0 6px;border-bottom:1px solid #f1f5f9;margin-bottom:8px}.bd-form__item-row{margin-bottom:8px}.bd-form__item-row input{padding:7px 10px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.82rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;width:100%;box-sizing:border-box;transition:border-color .2s}.bd-form__item-row input:focus{border-color:#4f46e5}.bd-form__col-num{text-align:right}.bd-form__col-amount{font-size:.82rem;font-weight:700;color:#0f172a;text-align:right;padding-right:4px}.bd-remove-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid #fecaca;background:#fef2f2;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s;font-family:inherit}.bd-remove-btn:hover:not(:disabled){background:#ef4444;color:#fff;border-color:transparent}.bd-remove-btn:disabled{opacity:.35;cursor:not-allowed}.bd-add-item-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1.5px dashed #cbd5e1;background:#f8fafc;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;margin-top:4px}.bd-add-item-btn:hover{border-color:#4f46e5;color:#4f46e5;background:#eef2ff}.bd-form__totals{background:#f8fafc;border-radius:12px;padding:14px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px;border:1px solid #f1f5f9}.bd-form__total-row{display:flex;justify-content:space-between;font-size:.85rem;color:#475569}.bd-form__total-row--grand{font-size:1rem;font-weight:800;color:#0f172a;padding-top:8px;border-top:1px solid #e2e8f0;margin-top:4px}.bd-form__error{display:flex;align-items:center;gap:7px;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;padding:10px 14px;font-size:.82rem;color:#dc2626;margin-bottom:12px}.bd-form__footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #f1f5f9}.bd-history__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.bd-history__title{font-size:1.05rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px;margin:0}.bd-history__title i{color:#4f46e5}.bd-history__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bd-filter-pills{display:flex;gap:6px;flex-wrap:wrap}.bd-pill{padding:5px 13px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.bd-pill:hover{border-color:#94a3b8;color:#1e293b}.bd-pill--active{background:#1e293b;border-color:#1e293b;color:#fff}.bd-search{position:relative;display:flex;align-items:center}.bd-search__icon{position:absolute;left:11px;color:#94a3b8;font-size:.8rem;pointer-events:none}.bd-search input{padding:8px 14px 8px 32px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.82rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;width:220px;transition:border-color .2s,box-shadow .2s}.bd-search input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.bd-search input::-moz-placeholder{color:#94a3b8}.bd-search input::placeholder{color:#94a3b8}.bd-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid #e2e8f0}.bd-table{width:100%;border-collapse:collapse;background:#fff}.bd-table thead tr{background:#f8fafc}.bd-table th{padding:12px 16px;text-align:left;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.bd-table td{padding:13px 16px;border-bottom:1px solid #f1f5f9;font-size:.85rem;color:#1e293b}.bd-table__row{cursor:pointer;transition:background .12s}.bd-table__row:hover td{background:#fafbff}.bd-table tr:last-child td{border-bottom:none}.bd-table__mono{font-family:monospace;font-size:.8rem;color:#475569}.bd-table__name{font-weight:600}.bd-table__amount{font-weight:700;color:#0f172a}.bd-table__actions{display:flex;gap:6px}.bd-empty{text-align:center;padding:64px 24px;color:#94a3b8;background:#fff;border-radius:14px;border:1px solid #e2e8f0}.bd-empty i{font-size:2.5rem;margin-bottom:12px;display:block;opacity:.25}.bd-empty p{font-size:1rem;font-weight:600;margin:0 0 4px;color:#64748b}.bd-empty span{font-size:.82rem}.bd-backdrop{position:fixed;inset:0;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:bd-fade .18s ease}@keyframes bd-fade{0%{opacity:0}to{opacity:1}}.bd-preview{background:#fff;border-radius:18px;width:100%;max-width:580px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000038;overflow:hidden;animation:bd-up .22s cubic-bezier(.16,1,.3,1)}@keyframes bd-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bd-preview__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.bd-preview__header-left{display:flex;align-items:center;gap:12px}.bd-preview__type-icon{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem}.bd-preview__type-icon--invoice{background:#eff6ff;color:#1d4ed8}.bd-preview__type-icon--quotation{background:#f5f3ff;color:#7c3aed}.bd-preview__number{font-size:.95rem;font-weight:800;color:#0f172a;font-family:monospace}.bd-preview__inst{font-size:.78rem;color:#64748b;margin-top:2px}.bd-preview__header-right{display:flex;align-items:center;gap:10px}.bd-preview__meta{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #f1f5f9;flex-shrink:0}.bd-preview__meta-item{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-right:1px solid #f1f5f9}.bd-preview__meta-item:last-child{border-right:none}.bd-preview__meta-item span{font-size:.65rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.bd-preview__meta-item strong{font-size:.85rem;font-weight:700;color:#0f172a}.bd-preview__table-wrap{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.bd-preview__table-wrap::-webkit-scrollbar{width:4px}.bd-preview__table-wrap::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.bd-preview__table{width:100%;border-collapse:collapse}.bd-preview__table thead tr{background:#f8fafc}.bd-preview__table th{padding:10px 16px;text-align:left;font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e2e8f0}.bd-preview__table td{padding:10px 16px;border-bottom:1px solid #f1f5f9;font-size:.83rem;color:#1e293b}.bd-preview__table tr:last-child td{border-bottom:none}.bd-preview__num{text-align:right;font-variant-numeric:tabular-nums}.bd-preview__num--bold{font-weight:700}.bd-preview__totals{padding:12px 16px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:5px;flex-shrink:0;background:#fafafa}.bd-preview__total-row{display:flex;justify-content:space-between;font-size:.83rem;color:#475569}.bd-preview__total-row--grand{font-size:.95rem;font-weight:800;color:#0f172a;padding-top:8px;border-top:1px solid #e2e8f0;margin-top:2px}.bd-preview__notes{padding:10px 16px;font-size:.78rem;color:#64748b;background:#fffbeb;border-top:1px solid #fde68a;display:flex;align-items:flex-start;gap:7px;flex-shrink:0}.bd-preview__notes i{color:#d97706;margin-top:1px;flex-shrink:0}.bd-preview__actions{padding:12px 16px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0}.bd-preview__status-change{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.72rem;font-weight:600;color:#94a3b8}.bd-status-btn{padding:4px 11px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit}.bd-status-btn:hover{border-color:#94a3b8;color:#1e293b}.bd-status-btn.active{font-weight:800}@media(max-width:1024px){.bd-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.bd-page{padding:20px 16px}.bd-header{flex-direction:column;gap:14px}.bd-kpis{grid-template-columns:repeat(2,1fr);gap:10px}.bd-kpi{padding:14px}.bd-kpi__val{font-size:1.2rem}.bd-form__grid{grid-template-columns:1fr 1fr}.bd-form__items-head,.bd-form__item-row{grid-template-columns:1fr 60px 100px 90px 32px}.bd-history__top{flex-direction:column}.bd-search input,.bd-search{width:100%}.bd-preview__meta{grid-template-columns:repeat(2,1fr)}.bd-preview__meta-item:nth-child(2){border-right:none}.bd-preview__meta-item:nth-child(3){border-top:1px solid #f1f5f9}.bd-preview__meta-item:nth-child(4){border-top:1px solid #f1f5f9;border-right:none}}@media(max-width:480px){.bd-kpis{grid-template-columns:1fr 1fr}.bd-tabs{gap:6px}.bd-tab{flex:1;justify-content:center;padding:10px;font-size:.8rem}.bd-form__items-head,.bd-form__item-row{grid-template-columns:1fr 50px 90px 32px}.bd-form__items-head .bd-form__col-amount,.bd-form__item-row .bd-form__col-amount{display:none}}.bd-create-modal{background:#fff;border-radius:18px;width:100%;max-width:720px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 20px 60px #00000038;animation:bd-up .22s cubic-bezier(.16,1,.3,1);scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.bd-create-modal::-webkit-scrollbar{width:4px}.bd-create-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.bd-create-modal .bd-form{border-radius:18px;border:none;box-shadow:none;margin-bottom:0}.rm-page{padding:32px;max-width:1400px;margin:0 auto;font-family:inherit}.rm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;flex-wrap:wrap}.rm-header__left{display:flex;align-items:center;gap:16px}.rm-header__icon{width:52px;height:52px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 4px 14px #6366f159}.rm-header__title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.5px}.rm-header__subtitle{color:#64748b;font-size:.875rem;margin:0}.rm-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s ease;white-space:nowrap}.rm-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.rm-btn--primary:hover{box-shadow:0 4px 14px #6366f166;transform:translateY(-1px)}.rm-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.rm-btn--ghost{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.rm-btn--ghost:hover{border-color:#94a3b8;color:#1e293b}.rm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.rm-kpi{background:#fff;border-radius:14px;padding:18px 20px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:14px;transition:box-shadow .2s}.rm-kpi:hover{box-shadow:0 4px 16px #0000000f}.rm-kpi__icon{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem}.rm-kpi--indigo .rm-kpi__icon{background:#eef2ff;color:#6366f1}.rm-kpi--blue .rm-kpi__icon{background:#eff6ff;color:#3b82f6}.rm-kpi--violet .rm-kpi__icon{background:#f5f3ff;color:#8b5cf6}.rm-kpi--green .rm-kpi__icon{background:#ecfdf5;color:#10b981}.rm-kpi__val{font-size:1.4rem;font-weight:800;color:#0f172a;line-height:1}.rm-kpi__lbl{font-size:.72rem;color:#64748b;font-weight:500;margin-top:3px}.rm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.rm-tabs{display:flex;gap:8px;flex-wrap:wrap}.rm-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.rm-tab i{font-size:.9rem}.rm-tab:hover:not(.rm-tab--active){border-color:#94a3b8;color:#1e293b;background:#f8fafc}.rm-tab--active{background:#1e293b;border-color:#1e293b;color:#fff;box-shadow:0 4px 14px #1e293b38}.rm-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:20px;font-size:.7rem;font-weight:700;background:#ffffff2e;color:inherit}.rm-tab:not(.rm-tab--active) .rm-tab__count{background:#f1f5f9;color:#475569}.rm-search{position:relative;display:flex;align-items:center}.rm-search__icon{position:absolute;left:11px;color:#94a3b8;font-size:.8rem;pointer-events:none}.rm-search input{padding:9px 14px 9px 32px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.82rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;width:220px;transition:border-color .2s,box-shadow .2s}.rm-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rm-search input::-moz-placeholder{color:#94a3b8}.rm-search input::placeholder{color:#94a3b8}.rm-prov-bar{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:14px 18px;margin-bottom:24px;flex-wrap:wrap}.rm-prov-select-wrap{position:relative;flex:1;min-width:260px}.rm-prov-select-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.85rem;pointer-events:none}.rm-prov-bar select{width:100%;padding:9px 14px 9px 34px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s}.rm-prov-bar select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.rm-card{position:relative;border-radius:18px;background:#fff;border:1.5px solid #ebebf5;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 2px 12px #0000000f}.rm-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000001f}[data-theme=dark] .rm-card{background:#161616;border-color:#ffffff14}.rm-card__circle{position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:#ffffff14;border-radius:50%;pointer-events:none;z-index:1}.rm-card__header{padding:1.25rem 1.25rem 1.5rem;position:relative;z-index:2;color:#fff;display:flex;flex-direction:column;gap:.875rem}.rm-card__header-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.rm-card__type-badge{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;background:#ffffff1f;padding:3px 9px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rm-card__system-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:20px;background:#fbbf2440;color:#fef08a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rm-card__identity{display:flex;align-items:center;gap:.875rem}.rm-card__avatar{width:44px;height:44px;border-radius:12px;background:#ffffff2e;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rm-card__name-block{display:flex;flex-direction:column;gap:4px;min-width:0}.rm-card__name{font-size:1rem;font-weight:800;color:#fff;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-card__code{display:inline-block;font-size:.68rem;font-family:monospace;background:#ffffff26;color:#ffffffd9;padding:2px 8px;border-radius:6px;font-weight:600;align-self:flex-start}.rm-card__body{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;flex:1}[data-theme=dark] .rm-card__body{border-color:#ffffff0f}.rm-card__desc{font-size:.83rem;color:#64748b;line-height:1.6;margin:0}[data-theme=dark] .rm-card__desc{color:#9ca3af}.rm-card__footer{display:flex;gap:.5rem;padding:.875rem 1.25rem}.rm-card__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .875rem;border-radius:10px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:none;font-family:inherit}.rm-card__btn:disabled{opacity:.55;cursor:not-allowed}.rm-card__btn--ghost{background:#f5f5fa;color:#6b7280;border:1.5px solid #e5e7eb}.rm-card__btn--ghost:hover:not(:disabled){background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}.rm-card__btn--danger{flex:0 0 42px;background:#fff1f2;color:#e11d48;border:1.5px solid #ffe4e6}.rm-card__btn--danger:hover{background:#e11d48;color:#fff;border-color:#e11d48}[data-theme=dark] .rm-card__btn--ghost{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.rm-card__btn--primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 3px 10px #4f46e54d}.rm-card__btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.rm-sync-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.rm-sync-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s}.rm-sync-card:hover{border-color:#94a3b8;box-shadow:0 4px 12px #0000000f}.rm-sync-card--on{border-color:#6366f1;background:#eef2ff}.rm-sync-card--locked{cursor:not-allowed;opacity:.85;border-style:dashed;border-color:#cbd5e1}.rm-sync-card--locked:hover{transform:none;box-shadow:none}.rm-sync-card__check{font-size:1.2rem;color:#cbd5e1;flex-shrink:0;transition:color .2s}.rm-sync-card--on .rm-sync-card__check{color:#6366f1}.rm-sync-card__icon{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.rm-sync-card__name{font-size:.9rem;font-weight:700;color:#0f172a}.rm-sync-card__badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:6px;margin-top:3px}.rm-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 24px;color:#94a3b8;font-size:1rem;font-weight:500}.rm-loading i{font-size:1.4rem;color:#6366f1}.rm-empty{text-align:center;padding:80px 24px;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.rm-empty__icon{width:64px;height:64px;border-radius:18px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#94a3b8;margin:0 auto 16px}.rm-empty__title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 6px}.rm-empty__sub{font-size:.83rem;color:#94a3b8}.rm-backdrop{position:fixed;inset:0;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:rm-fade .18s ease}@keyframes rm-fade{0%{opacity:0}to{opacity:1}}.rm-modal{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden;animation:rm-up .22s cubic-bezier(.16,1,.3,1)}.rm-modal--wide{max-width:860px}@keyframes rm-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rm-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.rm-modal__header-left{display:flex;align-items:center;gap:14px}.rm-modal__icon{width:42px;height:42px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.rm-modal__icon--perms{background:linear-gradient(135deg,#f59e0b,#ef4444)}.rm-modal__title{font-size:1rem;font-weight:800;color:#0f172a}.rm-modal__subtitle{font-size:.78rem;color:#64748b;margin-top:2px}.rm-modal__close{width:34px;height:34px;border-radius:9px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .15s;font-family:inherit}.rm-modal__close:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.rm-modal__body{padding:24px;overflow-y:auto;flex:1}.rm-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f1f5f9;flex-shrink:0}.rm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rm-field{display:flex;flex-direction:column;gap:5px}.rm-field--full{grid-column:1 / -1}.rm-field label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.rm-field input,.rm-field textarea{padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:.875rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.rm-field input:focus,.rm-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rm-field textarea{resize:none}.rm-perms-count{font-size:.8rem;color:#64748b;background:#f1f5f9;padding:4px 12px;border-radius:20px}.rm-perms-count strong{color:#6366f1}.rm-perms-body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:24px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.rm-perms-body::-webkit-scrollbar{width:4px}.rm-perms-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.rm-perms-cat__title{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;color:#6366f1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.rm-perms-cat__title i{font-size:.85rem}.rm-perms-cat__title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(99,102,241,.25),transparent)}.rm-perms-cat__count{font-size:.68rem;background:#eef2ff;color:#6366f1;padding:2px 8px;border-radius:20px;font-weight:700;margin-left:4px}.rm-perms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.rm-perm-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .15s}.rm-perm-item:hover{border-color:#a5b4fc;background:#f5f3ff}.rm-perm-item--on{border-color:#6366f1;background:#eef2ff}.rm-perm-item__check{width:20px;height:20px;border-radius:6px;flex-shrink:0;border:2px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#fff;transition:all .15s}.rm-perm-item--on .rm-perm-item__check{background:#6366f1;border-color:#6366f1}.rm-perm-item__name{font-size:.83rem;font-weight:600;color:#1e293b}.rm-perm-item--on .rm-perm-item__name{color:#4338ca}@media(max-width:1024px){.rm-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.rm-page{padding:20px 16px}.rm-header{flex-direction:column;gap:14px}.rm-kpis{grid-template-columns:repeat(2,1fr);gap:10px}.rm-toolbar{flex-direction:column;align-items:stretch}.rm-search input,.rm-search{width:100%}.rm-form-grid{grid-template-columns:1fr}.rm-perms-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.rm-grid,.rm-sync-grid,.rm-perms-grid{grid-template-columns:1fr}}.mgmt-page{padding:32px;max-width:1400px;margin:0 auto;font-family:inherit}.mgmt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px;flex-wrap:wrap}.header-info h1{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.5px}[data-theme=dark] .header-info h1{color:#f9fafb}.header-info p{color:#64748b;font-size:.875rem;margin:0}.mgmt-tabs{display:flex;gap:8px;flex-wrap:wrap}.mgmt-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.mgmt-tab i{font-size:.9rem}.mgmt-tab:hover:not(.active){border-color:#94a3b8;color:#1e293b;background:#f8fafc}.mgmt-tab.active{background:#1e293b;border-color:#1e293b;color:#fff;box-shadow:0 4px 14px #1e293b38}.mgmt-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:24px}.mgmt-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #4f46e54d;font-family:inherit}.mgmt-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #4f46e566}.mgmt-content{margin-top:24px}.mgmt-placeholder-card{background:#fff;border-radius:18px;padding:80px 40px;text-align:center;border:1.5px dashed #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:16px}.placeholder-icon{font-size:64px;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;opacity:.8}.mgmt-placeholder-card h2{font-size:1.5rem;color:#1e293b;font-weight:700;margin:0}.mgmt-placeholder-card p{color:#64748b;max-width:400px;line-height:1.6;margin:0}.anim-fade-in{animation:fadeIn .4s ease-out}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.module-card{position:relative;border-radius:18px;background:#fff;border:1.5px solid #ebebf5;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 2px 12px #0000000f}.module-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000001f}.module-card--inactive{opacity:.75;border-color:#fecaca}[data-theme=dark] .module-card{background:#161616;border-color:#ffffff14}.module-card__circle{position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:#ffffff14;border-radius:50%;pointer-events:none;z-index:1}.module-card__header{padding:1.25rem 1.25rem 1.5rem;position:relative;z-index:2;color:#fff;display:flex;flex-direction:column;gap:.875rem}.module-card__header-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.module-card__category-badge{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;background:#ffffff1f;padding:3px 9px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.module-card__status{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.module-card__status--active{background:#4ade8040;color:#bbf7d0}.module-card__status--inactive{background:#f871714d;color:#fecaca}.module-card__identity{display:flex;align-items:center;gap:.875rem}.module-card__icon{width:44px;height:44px;border-radius:12px;background:#ffffff2e;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.module-card__name-block{display:flex;flex-direction:column;gap:4px;min-width:0}.module-card__name{font-size:1rem;font-weight:800;color:#fff;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card__code{display:inline-block;font-size:.68rem;font-family:monospace;background:#ffffff26;color:#ffffffd9;padding:2px 8px;border-radius:6px;font-weight:600;align-self:flex-start}.module-card__body{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;flex:1;display:flex;flex-direction:column;gap:.75rem}[data-theme=dark] .module-card__body{border-color:#ffffff0f}.module-card__desc{font-size:.83rem;color:#64748b;line-height:1.6;margin:0;flex:1}[data-theme=dark] .module-card__desc{color:#9ca3af}.module-card__meta{display:flex;gap:.5rem}.module-card__type-badge{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#eff6ff;color:#2563eb;padding:4px 10px;border-radius:8px}.module-card__footer{display:flex;gap:.5rem;padding:.875rem 1.25rem}.module-card__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .875rem;border-radius:10px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:none;font-family:inherit}.module-card__btn:disabled{opacity:.55;cursor:not-allowed}.module-card__btn--ghost{background:#f5f5fa;color:#6b7280;border:1.5px solid #e5e7eb}.module-card__btn--ghost:hover:not(:disabled){background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}[data-theme=dark] .module-card__btn--ghost{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.module-card__btn--danger{background:#ef444414;color:#dc2626;border:1.5px solid rgba(239,68,68,.2)}.module-card__btn--danger:hover:not(:disabled){background:#ef4444;color:#fff;border-color:transparent;box-shadow:0 3px 10px #ef44444d}.module-card__btn--success{background:#10b98114;color:#059669;border:1.5px solid rgba(16,185,129,.2)}.module-card__btn--success:hover:not(:disabled){background:#10b981;color:#fff;border-color:transparent;box-shadow:0 3px 10px #10b9814d}.module-card__btn--delete{flex:0 0 auto;width:40px;padding:.55rem;background:#ef444414;color:#dc2626;border:1.5px solid rgba(239,68,68,.2)}.module-card__btn--delete:hover:not(:disabled){background:#ef4444;color:#fff;border-color:transparent;box-shadow:0 3px 10px #ef44444d}.mgmt-modal-overlay{position:fixed;inset:0;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:mgmt-fade .18s ease}@keyframes mgmt-fade{0%{opacity:0}to{opacity:1}}.mgmt-modal{background:#fff;border-radius:18px;width:100%;max-width:720px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 20px 60px #00000038;animation:mgmt-up .22s cubic-bezier(.16,1,.3,1);scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}@keyframes mgmt-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mgmt-modal::-webkit-scrollbar{width:4px}.mgmt-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}[data-theme=dark] .mgmt-modal{background:#1f2937;box-shadow:0 32px 64px #0009}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #f1f5f9;flex-shrink:0}[data-theme=dark] .modal-header{border-color:#ffffff1a}.modal-header h2{font-size:.95rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.close-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .15s;font-family:inherit}.close-btn:hover{border-color:#94a3b8;color:#1e293b;background:#f8fafc}[data-theme=dark] .close-btn{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.mgmt-form{display:flex;flex-direction:column;padding:0}.form-grid{padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:span 2}.form-group label{display:block;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px}[data-theme=dark] .form-group label{color:#94a3b8}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 11px;border:1.5px solid #e2e8f0;background:#fff;border-radius:9px;font-size:.85rem;color:#1e293b;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#1f2937;border-color:#ffffff1a;color:#d1d5db}.form-group textarea{min-height:90px;resize:vertical;line-height:1.5}.form-actions{padding:16px 24px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}[data-theme=dark] .form-actions{background:#0f172a66;border-color:#ffffff0d}.cancel-btn{padding:9px 18px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s;font-family:inherit}.cancel-btn:hover{border-color:#94a3b8;color:#1e293b}[data-theme=dark] .cancel-btn{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.submit-btn{padding:9px 18px;border:none;background:#4f46e5;color:#fff;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .18s;box-shadow:0 4px 14px #4f46e559;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.submit-btn:hover{background:#4338ca;box-shadow:0 6px 18px #4f46e566}.icon-picker-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.icon-picker-search{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:10px;padding:0 12px;transition:border-color .2s}.icon-picker-search:focus-within{border-color:#6366f1;background:#fff}.icon-picker-search i{color:#94a3b8;font-size:.8rem;flex-shrink:0}.icon-picker-search input{flex:1;border:none;outline:none;background:transparent;font-size:.82rem;font-family:inherit;color:#111827;padding:9px 0}.icon-picker-search input::-moz-placeholder{color:#9ca3af}.icon-picker-search input::placeholder{color:#9ca3af}.icon-picker-search button{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:.75rem;padding:0;line-height:1}.icon-picker-search button:hover{color:#374151}[data-theme=dark] .icon-picker-search{background:#0f172a80;border-color:#ffffff1a}[data-theme=dark] .icon-picker-search:focus-within{background:#0f172acc;border-color:#6366f1}[data-theme=dark] .icon-picker-search input{color:#f1f5f9}.icon-picker-cats{display:flex;flex-wrap:wrap;gap:6px}.icon-cat-btn{padding:4px 12px;border-radius:20px;border:1.5px solid #e5e7eb;background:#f8fafc;color:#64748b;font-size:.72rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.icon-cat-btn:hover{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.icon-cat-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}[data-theme=dark] .icon-cat-btn{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .icon-cat-btn:hover{background:#6366f126;border-color:#6366f166;color:#818cf8}[data-theme=dark] .icon-cat-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.icon-picker-preview{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:10px;margin-bottom:8px}.icon-picker-preview i{font-size:1.25rem;color:#4f46e5;width:24px;text-align:center}.icon-picker-preview span{font-size:.75rem;color:#4f46e5;font-weight:600;font-family:monospace}[data-theme=dark] .icon-picker-preview{background:#4f46e526;border-color:#6366f14d}[data-theme=dark] .icon-picker-preview i,[data-theme=dark] .icon-picker-preview span{color:#818cf8}.icon-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:10px;background:#f8fafc;padding:16px;border-radius:12px;border:1.5px solid #e5e7eb;max-height:260px;overflow-y:auto;margin-top:4px}[data-theme=dark] .icon-selector-grid{background:#0f172a80;border-color:#ffffff1a}.icon-selector-grid::-webkit-scrollbar{width:6px}.icon-selector-grid::-webkit-scrollbar-track{background:transparent}.icon-selector-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.icon-selector-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.icon-option{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;transition:all .2s ease;font-size:1.25rem;color:#6366f1}[data-theme=dark] .icon-option{background:#ffffff0d;border-color:#ffffff1a}.icon-option:hover{background:#eef2ff;border-color:#c7d2fe;transform:scale(1.08)}[data-theme=dark] .icon-option:hover{background:#6366f11a;border-color:#6366f14d}.icon-option.selected{background:#4f46e5;color:#fff;border-color:transparent;box-shadow:0 4px 14px #4f46e559;transform:scale(1.05)}.icon-picker-empty{grid-column:1 / -1;padding:2rem;text-align:center;color:#9ca3af;font-size:.82rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.icon-picker-count{font-size:.7rem;color:#9ca3af;text-align:right;margin-top:6px;font-weight:500}@media(max-width:768px){.mgmt-modal{max-width:calc(100vw - 32px)}.form-grid{grid-template-columns:1fr;padding:16px 20px}.form-group.full-width{grid-column:span 1}.icon-selector-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.icon-option{width:48px;height:48px;font-size:1.1rem}.icon-picker-cats{gap:4px}.icon-cat-btn{padding:3px 9px;font-size:.68rem}}.mgmt-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 24px;color:#94a3b8;font-size:1rem;font-weight:500}.mgmt-loading i{font-size:1.4rem;color:#6366f1}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.fa-spin{animation:fa-spin .8s linear infinite}.mgmt-delete-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #0003;animation:mgmt-up .2s cubic-bezier(.16,1,.3,1)}.delete-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#fef2f2;border-bottom:1px solid #fecaca}.delete-modal-header i{font-size:1.2rem;color:#dc2626}.delete-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.delete-modal-body{padding:20px 24px}.delete-modal-body p{margin:0 0 16px;color:#64748b;line-height:1.5}.delete-modal-module{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px}.delete-modal-module i{font-size:1.2rem;color:#64748b}.delete-modal-module strong{color:#1e293b;font-weight:600}.delete-modal-module code{font-family:monospace;font-size:.8rem;color:#6b7280;background:#f1f5f9;padding:2px 6px;border-radius:4px}.delete-warning{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fffbeb;border:1px solid #fde047;border-radius:8px;font-size:.85rem;color:#92400e}.delete-warning i{color:#d97706;margin-top:2px;flex-shrink:0}.delete-modal-toast{display:flex;align-items:center;gap:10px;margin:0 24px 4px;padding:12px 16px;border-radius:10px;font-size:.85rem;font-weight:600;animation:toastSlideIn .25s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.delete-modal-toast--success{background:#dcfce7;color:#15803d;border:1.5px solid #bbf7d0}.delete-modal-toast--success i{color:#16a34a;font-size:1rem}.delete-modal-toast--error{background:#fee2e2;color:#b91c1c;border:1.5px solid #fecaca}.delete-modal-toast--error i{color:#dc2626;font-size:1rem}[data-theme=dark] .delete-modal-toast--success{background:#16a34a26;color:#4ade80;border-color:#4ade8040}[data-theme=dark] .delete-modal-toast--error{background:#dc262626;color:#f87171;border-color:#f8717140}.delete-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #f1f5f9;background:#f8fafc}.mgmt-btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.mgmt-btn-secondary:hover:not(:disabled){border-color:#94a3b8;color:#1e293b;background:#f8fafc}.mgmt-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.mgmt-btn-danger{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;background:#dc2626;color:#fff;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 4px 14px #dc262640}.mgmt-btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 6px 20px #dc262659}.mgmt-btn-danger:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .mgmt-delete-modal{background:#1f2937}[data-theme=dark] .delete-modal-header{background:#dc26261a;border-color:#dc262633}[data-theme=dark] .delete-modal-header h3{color:#f9fafb}[data-theme=dark] .delete-modal-body p{color:#9ca3af}[data-theme=dark] .delete-modal-module{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .delete-modal-module strong{color:#f9fafb}[data-theme=dark] .delete-modal-module code{background:#ffffff1a;color:#d1d5db}[data-theme=dark] .delete-warning{background:#fbbf241a;border-color:#fbbf2433;color:#fbbf24}[data-theme=dark] .delete-modal-actions{background:#0f172a66;border-color:#ffffff0d}[data-theme=dark] .mgmt-btn-secondary{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sm-page{padding:1.25rem;padding-top:0;display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .35s ease-out}.sm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:.25rem;flex-wrap:wrap}.sm-header__left{display:flex;align-items:center;gap:1rem}.sm-header__icon{width:52px;height:52px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 4px 14px #6366f159}.sm-header__title{font-size:1.75rem;font-weight:800;color:var(--app-text-primary, #1f2937);margin:0 0 .25rem;letter-spacing:-.5px}.sm-header__subtitle{color:var(--app-text-muted, #6b7280);font-size:.875rem;margin:0}[data-theme=dark] .sm-header__title{color:#f1f5f9}[data-theme=dark] .sm-header__subtitle{color:#94a3b8}.sm-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.sm-kpi-card{background:#fff;border:1px solid var(--app-border-color, #e5e7eb);border-radius:14px;padding:1rem 1.1rem;display:flex;align-items:center;gap:.8rem;box-shadow:0 1px 4px #0000000d;transition:transform .18s,box-shadow .18s}.sm-kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px #0000001a}[data-theme=dark] .sm-kpi-card{background:#161616;border-color:#ffffff12}.sm-kpi-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.sm-kpi-card__content{display:flex;flex-direction:column;gap:2px;min-width:0}.sm-kpi-card__label{font-size:.68rem;font-weight:600;color:var(--app-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-kpi-card__value{font-size:1.15rem;font-weight:800;color:var(--app-text-primary, #1f2937);line-height:1.1}[data-theme=dark] .sm-kpi-card__label{color:#94a3b8}[data-theme=dark] .sm-kpi-card__value{color:#f1f5f9}.sm-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.sm-chart-card{background:#fff;border:1px solid var(--app-border-color, #e5e7eb);border-radius:14px;padding:1.25rem;box-shadow:0 1px 4px #0000000d}[data-theme=dark] .sm-chart-card{background:#161616;border-color:#ffffff12}.sm-chart-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.sm-chart-card__title{font-size:.88rem;font-weight:700;color:var(--app-text-primary, #1f2937);margin:0 0 2px}.sm-chart-card__subtitle{font-size:.73rem;color:var(--app-text-muted, #6b7280)}[data-theme=dark] .sm-chart-card__title{color:#f1f5f9}[data-theme=dark] .sm-chart-card__subtitle{color:#94a3b8}.sm-donut-wrap{display:flex;justify-content:center;padding:.5rem 0}.sm-donut-svg{width:200px;height:200px}.sm-donut-legend{display:flex;flex-direction:column;gap:.55rem;margin-top:.75rem}.sm-donut-legend__item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.sm-donut-legend__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sm-donut-legend__name{font-weight:600;color:var(--app-text-primary, #374151);flex:1}.sm-donut-legend__meta{color:var(--app-text-muted, #6b7280);font-size:.73rem}[data-theme=dark] .sm-donut-legend__name{color:#e2e8f0}[data-theme=dark] .sm-donut-legend__meta{color:#94a3b8}.sm-renewal-stats{display:flex;flex-direction:column;gap:1.25rem;padding:.5rem 0}.sm-renewal-stat{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:#f8fafc;border-radius:12px}[data-theme=dark] .sm-renewal-stat{background:#ffffff08}.sm-renewal-stat__icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.sm-renewal-stat__value{font-size:1.4rem;font-weight:800;color:var(--app-text-primary, #1f2937);line-height:1}.sm-renewal-stat__label{font-size:.72rem;color:var(--app-text-muted, #6b7280);margin-top:3px;font-weight:500}[data-theme=dark] .sm-renewal-stat__value{color:#f1f5f9}[data-theme=dark] .sm-renewal-stat__label{color:#94a3b8}.sm-renewal-progress{display:flex;flex-direction:column;gap:.5rem}.sm-renewal-progress__bar{height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden}[data-theme=dark] .sm-renewal-progress__bar{background:#2a2a2a}.sm-renewal-progress__fill{height:100%;border-radius:5px;transition:width .5s ease}.sm-renewal-progress__label{font-size:.75rem;color:var(--app-text-muted, #6b7280);font-weight:600}[data-theme=dark] .sm-renewal-progress__label{color:#94a3b8}.sm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.sm-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.sm-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.sm-tab i{font-size:.9rem}.sm-tab:hover:not(.sm-tab--active){border-color:#94a3b8;color:#1e293b;background:#f8fafc}.sm-tab--active{background:#1e293b;border-color:#1e293b;color:#fff;box-shadow:0 4px 14px #1e293b38}.sm-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:20px;font-size:.7rem;font-weight:700;background:#ffffff2e;color:inherit}.sm-tab:not(.sm-tab--active) .sm-tab__count{background:#f1f5f9;color:#475569}[data-theme=dark] .sm-tab{background:#ffffff0d;border-color:#ffffff1a}.sm-controls{display:flex;gap:.75rem;align-items:center}.sm-search{position:relative;display:flex;align-items:center}.sm-search__icon{position:absolute;left:11px;color:#94a3b8;font-size:.8rem;pointer-events:none}.sm-search input{padding:.625rem 1rem .625rem 2rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.82rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;width:220px;transition:border-color .2s,box-shadow .2s}.sm-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sm-search input::-moz-placeholder{color:#94a3b8}.sm-search input::placeholder{color:#94a3b8}[data-theme=dark] .sm-search input{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.sm-filter-select{font-size:.82rem;font-weight:600;color:var(--app-text-primary, #374151);background:#fff;border:1.5px solid var(--app-border-color, #e5e7eb);border-radius:10px;padding:.625rem 1rem;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.sm-filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}[data-theme=dark] .sm-filter-select{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.sm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.sm-card{position:relative;border-radius:18px;background:#fff;border:1.5px solid #ebebf5;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 2px 12px #0000000f}.sm-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000001f}.sm-card--expired{opacity:.75;border-color:#fecaca}[data-theme=dark] .sm-card{background:#161616;border-color:#ffffff14}.sm-card__circle{position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:#ffffff14;border-radius:50%;pointer-events:none;z-index:1}.sm-card__header{padding:1.25rem 1.25rem 1.5rem;position:relative;z-index:2;color:#fff;display:flex;flex-direction:column;gap:.875rem}.sm-card__header-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sm-card__type-badge{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;background:#ffffff1f;padding:3px 9px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sm-card__status{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sm-card__identity{display:flex;align-items:center;gap:.875rem}.sm-card__icon{width:44px;height:44px;border-radius:12px;background:#ffffff2e;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sm-card__name-block{display:flex;flex-direction:column;gap:4px;min-width:0}.sm-card__name{font-size:1rem;font-weight:800;color:#fff;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-card__plan-badge{display:inline-block;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:6px;align-self:flex-start}.sm-card__stats{display:flex;align-items:center;gap:0;padding:.875rem 1.25rem;border-bottom:1px solid #f3f4f6}[data-theme=dark] .sm-card__stats{border-color:#ffffff0f}.sm-card__stat{flex:1;display:flex;align-items:center;gap:.625rem;padding:0 .5rem;border-right:1px solid #f3f4f6}[data-theme=dark] .sm-card__stat{border-color:#ffffff0f}.sm-card__stat:first-child{padding-left:0}.sm-card__stat:last-child{padding-right:0;border-right:none}.sm-card__stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.sm-card__stat-val{font-size:.9rem;font-weight:800;color:#111827;line-height:1}[data-theme=dark] .sm-card__stat-val{color:#f1f5f9}.sm-card__stat-lbl{font-size:.65rem;color:#9ca3af;margin-top:2px;font-weight:500}.sm-card__body{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.625rem}[data-theme=dark] .sm-card__body{border-color:#ffffff0f}.sm-card__detail{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sm-card__detail-label{font-size:.75rem;color:#9ca3af;font-weight:500}.sm-card__detail-value{font-size:.8rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.375rem}[data-theme=dark] .sm-card__detail-value{color:#e2e8f0}.sm-card__footer{display:flex;gap:.5rem;padding:.875rem 1.25rem}.sm-card__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .875rem;border-radius:10px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:none;font-family:inherit}.sm-card__btn:disabled{opacity:.55;cursor:not-allowed}.sm-card__btn--ghost{background:#f5f5fa;color:#6b7280;border:1.5px solid #e5e7eb}.sm-card__btn--ghost:hover:not(:disabled){background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}[data-theme=dark] .sm-card__btn--ghost{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.sm-card__btn--primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 3px 10px #4f46e54d}.sm-card__btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.sm-empty{text-align:center;padding:80px 24px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.sm-empty i{font-size:3rem;color:#cbd5e1;margin-bottom:.5rem}.sm-empty p{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.sm-empty span{font-size:.875rem;color:#94a3b8}[data-theme=dark] .sm-empty{background:#161616;border-color:#ffffff12}[data-theme=dark] .sm-empty p{color:#f1f5f9}.sm-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s ease;white-space:nowrap}.sm-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f159}.sm-btn--primary:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.sm-btn--ghost{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.sm-btn--ghost:hover{border-color:#94a3b8;color:#1e293b}[data-theme=dark] .sm-btn--ghost{background:#ffffff0d;border-color:#ffffff1a;color:#9ca3af}.sm-backdrop{position:fixed;inset:0;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease}.sm-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden;animation:slideUp .22s cubic-bezier(.16,1,.3,1)}.sm-modal--view{max-width:700px}[data-theme=dark] .sm-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1)}.sm-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #f1f5f9;flex-shrink:0}[data-theme=dark] .sm-modal__header{border-color:#ffffff0f}.sm-modal__title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.sm-modal__subtitle{font-size:.8125rem;color:#64748b;margin-top:2px}[data-theme=dark] .sm-modal__title{color:#f1f5f9}[data-theme=dark] .sm-modal__subtitle{color:#94a3b8}.sm-modal__close{width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .15s;font-family:inherit}.sm-modal__close:hover{background:#fef2f2;color:#ef4444}.sm-modal__body{padding:32px;overflow-y:auto;flex:1}.sm-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:24px 32px;border-top:1px solid #f1f5f9;flex-shrink:0;background:#00000005}[data-theme=dark] .sm-modal__footer{border-color:#ffffff0f;background:#0003}.sm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sm-field{display:flex;flex-direction:column;gap:6px}.sm-field--full{grid-column:1 / -1}.sm-field label{font-size:.8125rem;font-weight:600;color:#64748b}[data-theme=dark] .sm-field label{color:#94a3b8}.sm-field input,.sm-field select,.sm-field textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.sm-field input:focus,.sm-field select:focus,.sm-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .sm-field input,[data-theme=dark] .sm-field select,[data-theme=dark] .sm-field textarea{background:#1e1e1e;border-color:#ffffff1a;color:#e2e8f0}.sm-field textarea{resize:none;min-height:80px}.sm-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.875rem;color:#1e293b;font-weight:500}[data-theme=dark] .sm-checkbox-label{color:#e2e8f0}.sm-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.sm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sm-detail-item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}[data-theme=dark] .sm-detail-item{background:#ffffff08;border-color:#ffffff0f}.sm-detail-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.sm-detail-value{font-size:.9375rem;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:6px}[data-theme=dark] .sm-detail-value{color:#f1f5f9}.sm-plan-badge{display:inline-block;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:6px}.sm-status-badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:6px}.sm-status-badge--active{background:#dcfce7;color:#166534}.sm-status-badge--expiring{background:#fef3c7;color:#92400e}.sm-status-badge--expired{background:#fee2e2;color:#991b1b}.sm-status-badge--trial{background:#dbeafe;color:#1e40af}[data-theme=dark] .sm-status-badge--active{background:#10b98126;color:#34d399}[data-theme=dark] .sm-status-badge--expiring{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .sm-status-badge--expired{background:#ef444426;color:#f87171}[data-theme=dark] .sm-status-badge--trial{background:#3b82f626;color:#60a5fa}@media(max-width:1200px){.sm-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.sm-charts-row{grid-template-columns:1fr}.sm-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sm-page{padding:.75rem;gap:1rem}.sm-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.sm-toolbar{flex-direction:column;align-items:stretch}.sm-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.sm-controls{width:100%;flex-direction:column}.sm-search,.sm-search input,.sm-filter-select{width:100%}.sm-grid{grid-template-columns:1fr}}@media(max-width:480px){.sm-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.sm-kpi-card{padding:.75rem;gap:.6rem}.sm-kpi-card__value{font-size:1rem}.sm-card__stats{flex-direction:column;gap:.75rem;align-items:stretch}.sm-card__stat{border-right:none;border-bottom:1px solid #f3f4f6;padding:.5rem 0}.sm-card__stat:last-child{border-bottom:none}}.unified-billing-page{padding:24px;max-width:1600px;margin:0 auto}.unified-billing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.unified-billing-header-left{display:flex;gap:16px;align-items:center}.unified-billing-header-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.unified-billing-header-title{margin:0;font-size:24px;font-weight:700;color:#0f172a}.unified-billing-header-subtitle{margin:4px 0 0;color:#64748b;font-size:14px}.unified-billing-header-actions{display:flex;gap:12px}.unified-billing-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.unified-billing-btn--ghost{background:#f1f5f9;color:#475569}.unified-billing-btn--ghost:hover{background:#e2e8f0}.unified-billing-btn--primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.unified-billing-btn--primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.unified-billing-btn--success{background:#ecfdf5;color:#059669}.unified-billing-btn--success:hover{background:#d1fae5}.unified-billing-btn--danger{background:#fef2f2;color:#dc2626}.unified-billing-btn--danger:hover{background:#fecaca}.unified-billing-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:28px}.unified-billing-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:center}.unified-billing-kpi-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.unified-billing-kpi-content{flex:1}.unified-billing-kpi-label{font-size:13px;color:#64748b;margin-bottom:4px}.unified-billing-kpi-value{font-size:22px;font-weight:800;color:#0f172a}.unified-billing-tabs{display:flex;gap:8px;margin-bottom:24px;background:#f8fafc;padding:4px;border-radius:8px}.unified-billing-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:6px;border:none;background:transparent;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.unified-billing-tab:hover{color:#1e293b}.unified-billing-tab.active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #00000014}.unified-billing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.unified-billing-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;flex:1;min-width:240px;max-width:400px}.unified-billing-search i{color:#94a3b8}.unified-billing-search input{border:none;outline:none;flex:1;font-size:14px;color:#1e293b}.unified-billing-filters{display:flex;gap:12px}.unified-billing-filter{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;color:#1e293b;cursor:pointer}.unified-billing-empty{text-align:center;padding:80px 20px;color:#64748b}.unified-billing-empty i{font-size:48px;margin-bottom:16px;display:block}.unified-billing-empty p{margin:0}.unified-billing-sub-table-wrap,.unified-billing-doc-table-wrap{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.unified-billing-table{width:100%;border-collapse:collapse}.unified-billing-table thead{background:#f8fafc}.unified-billing-table th{text-align:left;padding:14px 16px;font-size:13px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.unified-billing-table td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b}.unified-billing-sub-row:hover,.unified-billing-doc-row:hover{background:#f8fafc}.unified-billing-inst{display:flex;gap:12px;align-items:center}.unified-billing-inst-avatar{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.unified-billing-inst-name{font-weight:600;color:#0f172a;font-size:14px}.unified-billing-inst-domain{font-size:12px;color:#94a3b8}.unified-billing-plan-badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.unified-billing-amount{font-weight:700;color:#059669}.unified-billing-status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.unified-billing-status--active{background:#ecfdf5;color:#059669}.unified-billing-status--expiring{background:#fffbeb;color:#b45309}.unified-billing-status--suspended,.unified-billing-status--expired{background:#fef2f2;color:#dc2626}.unified-billing-status--trial{background:#eff6ff;color:#2563eb}.unified-billing-actions{display:flex;gap:8px}.unified-billing-action-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.unified-billing-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.unified-billing-action-btn--success{border-color:#d1fae5;color:#059669}.unified-billing-action-btn--success:hover{background:#ecfdf5;border-color:#a7f3d0}.unified-billing-action-btn--danger{border-color:#fecaca;color:#dc2626}.unified-billing-action-btn--danger:hover{background:#fef2f2;border-color:#fca5a5}.unified-billing-doc-number{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:600;color:#4f46e5}.unified-billing-doc-status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.unified-billing-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.unified-billing-preview-modal,.unified-billing-create-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0003}.unified-billing-preview-header,.unified-billing-create-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.unified-billing-preview-header-left{display:flex;gap:16px;align-items:center}.unified-billing-preview-header-left i{font-size:24px;color:#4f46e5}.unified-billing-preview-number{font-size:18px;font-weight:800;color:#0f172a}.unified-billing-preview-inst{font-size:14px;color:#475569}.unified-billing-preview-header-right{display:flex;gap:12px;align-items:center}.unified-billing-preview-status{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700}.unified-billing-preview-close,.unified-billing-create-close{width:40px;height:40px;border:none;background:transparent;color:#64748b;font-size:18px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.unified-billing-preview-close:hover,.unified-billing-create-close:hover{background:#f1f5f9;color:#1e293b}.unified-billing-preview-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.unified-billing-preview-meta div{display:flex;flex-direction:column;gap:4px}.unified-billing-preview-meta span:first-child{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase}.unified-billing-preview-meta strong{font-size:14px;color:#1e293b}.unified-billing-preview-items{padding:24px}.unified-billing-preview-items table{width:100%;border-collapse:collapse}.unified-billing-preview-items th{text-align:left;padding:12px;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;background:#f8fafc}.unified-billing-preview-items td{padding:12px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.unified-billing-preview-totals{padding:20px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;max-width:300px;margin-left:auto}.unified-billing-preview-total-row{display:flex;justify-content:space-between;font-size:14px;color:#475569}.unified-billing-preview-total-row--grand{padding-top:10px;border-top:1px solid #e2e8f0;margin-top:4px;font-size:18px;font-weight:800;color:#0f172a}.unified-billing-preview-notes{padding:20px 24px;border-top:1px solid #e2e8f0;background:#fffbeb;color:#78350f;display:flex;gap:12px;align-items:flex-start}.unified-billing-preview-notes i{font-size:18px;color:#b45309}.unified-billing-preview-actions{padding:20px 24px;display:flex;justify-content:flex-end;gap:12px}.unified-billing-preview-status-change{display:flex;gap:12px;flex-wrap:wrap}.unified-billing-create-type-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,#4f46e518,#7c3aed18);color:#4f46e5;font-weight:700;font-size:14px}.unified-billing-create-actions{padding:20px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e2e8f0}@media(max-width:1024px){.unified-billing-kpis,.unified-billing-preview-meta{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.unified-billing-page{padding:16px}.unified-billing-header{flex-direction:column;align-items:flex-start;gap:16px}.unified-billing-kpis{grid-template-columns:1fr}.unified-billing-toolbar{flex-direction:column;align-items:stretch}.unified-billing-search{max-width:100%}.unified-billing-filters{width:100%}.unified-billing-filter{flex:1}.unified-billing-table th:nth-child(4),.unified-billing-table th:nth-child(5),.unified-billing-table td:nth-child(4),.unified-billing-table td:nth-child(5){display:none}}.db-page{padding:1.25rem;padding-top:0;display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .35s ease-out}.db-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:.25rem;flex-wrap:wrap}.db-header__left{display:flex;align-items:center;gap:1rem}.db-header__icon{width:52px;height:52px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 4px 14px #6366f159}.db-header__title{font-size:1.75rem;font-weight:800;color:var(--app-text-primary, #1f2937);margin:0 0 .25rem;letter-spacing:-.5px}.db-header__subtitle{color:var(--app-text-muted, #6b7280);font-size:.875rem;margin:0}[data-theme=dark] .db-header__title{color:#f1f5f9}[data-theme=dark] .db-header__subtitle{color:#94a3b8}.db-header__actions{display:flex;gap:.75rem;flex-wrap:wrap}.db-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.db-kpi-card{background:#fff;border:1px solid var(--app-border-color, #e5e7eb);border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 4px #0000000d;transition:transform .18s,box-shadow .18s}.db-kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px #0000001a}[data-theme=dark] .db-kpi-card{background:#161616;border-color:#ffffff12}.db-kpi-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.db-kpi-card__content{display:flex;flex-direction:column;gap:4px;min-width:0}.db-kpi-card__label{font-size:.75rem;font-weight:600;color:var(--app-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.db-kpi-card__value{font-size:1.25rem;font-weight:800;color:var(--app-text-primary, #1f2937);line-height:1.1}[data-theme=dark] .db-kpi-card__label{color:#94a3b8}[data-theme=dark] .db-kpi-card__value{color:#f1f5f9}.db-search-bar{display:flex;gap:.75rem}.db-search{position:relative;flex:1;max-width:400px}.db-search__icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem;pointer-events:none}.db-search input{width:100%;padding:.625rem 1rem .625rem 2rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.82rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.db-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.db-search input::-moz-placeholder{color:#94a3b8}.db-search input::placeholder{color:#94a3b8}[data-theme=dark] .db-search input{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.db-schools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.db-school-card{background:#fff;border:1.5px solid #ebebf5;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 12px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.db-school-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000001f}.db-school-card--warning{border-left:4px solid #f59e0b}.db-school-card--critical{border-left:4px solid #ef4444}[data-theme=dark] .db-school-card{background:#161616;border-color:#ffffff14}.db-school-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.db-school-card__info{display:flex;align-items:center;gap:.875rem;flex:1;min-width:0}.db-school-card__icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.db-school-card__name{font-size:1rem;font-weight:700;color:var(--app-text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-school-card__type{font-size:.75rem;color:var(--app-text-muted, #9ca3af);text-transform:capitalize;margin-top:2px}[data-theme=dark] .db-school-card__name{color:#f1f5f9}.db-status-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px;flex-shrink:0}.db-status-badge--healthy{background:#dcfce7;color:#166534}.db-status-badge--warning{background:#fef3c7;color:#92400e}.db-status-badge--critical{background:#fee2e2;color:#991b1b}[data-theme=dark] .db-status-badge--healthy{background:#10b98126;color:#34d399}[data-theme=dark] .db-status-badge--warning{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .db-status-badge--critical{background:#ef444426;color:#f87171}.db-school-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.db-stat{display:flex;flex-direction:column;gap:4px;padding:.75rem;background:#f8fafc;border-radius:8px}[data-theme=dark] .db-stat{background:#ffffff08}.db-stat__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.db-stat__value{font-size:.9375rem;font-weight:700;color:var(--app-text-primary, #1f2937)}[data-theme=dark] .db-stat__value{color:#f1f5f9}.db-school-card__actions{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid #f3f4f6}[data-theme=dark] .db-school-card__actions{border-color:#ffffff0f}.db-card-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .875rem;border-radius:10px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:none;font-family:inherit}.db-card-btn:disabled{opacity:.55;cursor:not-allowed}.db-card-btn--ghost{background:#f5f5fa;color:#6b7280;border:1.5px solid #e5e7eb}.db-card-btn--ghost:hover:not(:disabled){background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}[data-theme=dark] .db-card-btn--ghost{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.db-card-btn--primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 3px 10px #4f46e54d}.db-card-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.db-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s ease;white-space:nowrap}.db-btn:disabled{opacity:.6;cursor:not-allowed}.db-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f159}.db-btn--primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.db-btn--ghost{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.db-btn--ghost:hover{border-color:#94a3b8;color:#1e293b}[data-theme=dark] .db-btn--ghost{background:#ffffff0d;border-color:#ffffff1a;color:#9ca3af}.db-backdrop{position:fixed;inset:0;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease}.db-modal{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden;animation:slideUp .22s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .db-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1)}.db-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #f1f5f9;flex-shrink:0}[data-theme=dark] .db-modal__header{border-color:#ffffff0f}.db-modal__title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.db-modal__subtitle{font-size:.8125rem;color:#64748b;margin-top:2px}[data-theme=dark] .db-modal__title{color:#f1f5f9}[data-theme=dark] .db-modal__subtitle{color:#94a3b8}.db-modal__close{width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .15s;font-family:inherit}.db-modal__close:hover{background:#fef2f2;color:#ef4444}.db-modal__body{padding:24px 28px;overflow-y:auto;flex:1}.db-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:24px 32px;border-top:1px solid #f1f5f9;flex-shrink:0;background:#00000005}[data-theme=dark] .db-modal__footer{border-color:#ffffff0f;background:#0003}.db-table-list{display:flex;flex-direction:column;gap:.75rem}.db-table-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all .18s}.db-table-item:hover{background:#f1f5f9;transform:translate(4px)}[data-theme=dark] .db-table-item{background:#ffffff08;border-color:#ffffff0f}.db-table-item__icon{width:40px;height:40px;border-radius:10px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:.9375rem;flex-shrink:0}.db-table-item__content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.db-table-item__name{font-size:.9375rem;font-weight:700;color:var(--app-text-primary, #1f2937);font-family:monospace}[data-theme=dark] .db-table-item__name{color:#f1f5f9}.db-table-item__meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:var(--app-text-muted, #9ca3af)}.db-table-item__meta span{display:flex;align-items:center;gap:.375rem}.db-table-item__btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;border:1.5px solid #e2e8f0;background:#fff;color:#475569;transition:all .18s ease;font-family:inherit;white-space:nowrap;flex-shrink:0}.db-table-item__btn:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}[data-theme=dark] .db-table-item__btn{background:#ffffff0d;border-color:#ffffff1a;color:#9ca3af}@media(max-width:1400px){.db-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.db-kpi-grid{grid-template-columns:repeat(2,1fr)}.db-schools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.db-page{padding:.75rem;gap:1rem}.db-kpi-grid{grid-template-columns:1fr;gap:.75rem}.db-header{flex-direction:column;align-items:stretch}.db-header__actions{width:100%}.db-search{max-width:100%}.db-schools-grid,.db-school-card__stats{grid-template-columns:1fr}.db-table-item{flex-direction:column;align-items:stretch}.db-table-item__btn{width:100%;justify-content:center}}.st-page{padding:1.25rem;padding-top:0;display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .35s ease-out}.st-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:.25rem;flex-wrap:wrap}.st-header__left{display:flex;align-items:center;gap:1rem}.st-header__icon{width:52px;height:52px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,#ec4899,#f43f5e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 4px 14px #ec489959}.st-header__title{font-size:1.75rem;font-weight:800;color:var(--app-text-primary, #1f2937);margin:0 0 .25rem;letter-spacing:-.5px}.st-header__subtitle{color:var(--app-text-muted, #6b7280);font-size:.875rem;margin:0}[data-theme=dark] .st-header__title{color:#f1f5f9}[data-theme=dark] .st-header__subtitle{color:#94a3b8}.st-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.st-kpi-card{background:#fff;border:1px solid var(--app-border-color, #e5e7eb);border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 4px #0000000d;transition:transform .18s,box-shadow .18s}.st-kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px #0000001a}[data-theme=dark] .st-kpi-card{background:#161616;border-color:#ffffff12}.st-kpi-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.st-kpi-card__content{display:flex;flex-direction:column;gap:4px;min-width:0}.st-kpi-card__label{font-size:.75rem;font-weight:600;color:var(--app-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.st-kpi-card__value{font-size:1.25rem;font-weight:800;color:var(--app-text-primary, #1f2937);line-height:1.1}[data-theme=dark] .st-kpi-card__label{color:#94a3b8}[data-theme=dark] .st-kpi-card__value{color:#f1f5f9}.st-filters{display:flex;gap:1rem;flex-wrap:wrap}.st-search{position:relative;flex:1;max-width:400px}.st-search__icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem;pointer-events:none}.st-search input{width:100%;padding:.625rem 1rem .625rem 2rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.82rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.st-search input:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.st-search input::-moz-placeholder{color:#94a3b8}.st-search input::placeholder{color:#94a3b8}[data-theme=dark] .st-search input{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.st-filter-group{display:flex;gap:.75rem}.st-filter-group select{padding:.625rem 2rem .625rem .875rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.82rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.st-filter-group select:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}[data-theme=dark] .st-filter-group select{background-color:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.st-tickets-list{display:flex;flex-direction:column;gap:1rem}.st-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#94a3b8;gap:1rem}.st-empty i{font-size:3rem;opacity:.5}.st-empty p{font-size:1rem;font-weight:600;margin:0}.st-ticket-card{background:#fff;border:1.5px solid #ebebf5;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 12px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.st-ticket-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000001a}[data-theme=dark] .st-ticket-card{background:#161616;border-color:#ffffff14}.st-ticket-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.st-ticket-card__left{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.st-ticket-card__number{font-size:.875rem;font-weight:700;color:#6366f1;font-family:monospace}.st-ticket-card__time{font-size:.75rem;color:var(--app-text-muted, #9ca3af);white-space:nowrap}.st-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px;white-space:nowrap}.st-badge--category{background:#f3f4f6;color:#6b7280}[data-theme=dark] .st-badge--category{background:#ffffff14;color:#9ca3af}.st-ticket-card__body{display:flex;flex-direction:column;gap:.5rem}.st-ticket-card__subject{font-size:1rem;font-weight:700;color:var(--app-text-primary, #1f2937);line-height:1.4}[data-theme=dark] .st-ticket-card__subject{color:#f1f5f9}.st-ticket-card__description{font-size:.875rem;color:var(--app-text-muted, #6b7280);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .st-ticket-card__description{color:#94a3b8}.st-ticket-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;border-top:1px solid #f3f4f6;flex-wrap:wrap}[data-theme=dark] .st-ticket-card__footer{border-color:#ffffff0f}.st-ticket-card__meta{display:flex;gap:1.25rem;flex-wrap:wrap}.st-meta-item{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--app-text-muted, #6b7280)}.st-meta-item i{font-size:.75rem;opacity:.7}[data-theme=dark] .st-meta-item{color:#94a3b8}.st-ticket-card__actions{display:flex;gap:.5rem}.st-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s ease;white-space:nowrap}.st-btn--ghost{background:#f5f5fa;color:#6b7280;border:1.5px solid #e5e7eb}.st-btn--ghost:hover{background:#fce7f3;color:#ec4899;border-color:#fbcfe8}[data-theme=dark] .st-btn--ghost{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.st-btn--primary{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff;box-shadow:0 3px 10px #ec48994d}.st-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ec489966}.st-backdrop{position:fixed;inset:0;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease}.st-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden;animation:slideUp .22s cubic-bezier(.16,1,.3,1)}.st-modal--large{max-width:900px}[data-theme=dark] .st-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1)}.st-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #f1f5f9;flex-shrink:0}[data-theme=dark] .st-modal__header{border-color:#ffffff0f}.st-modal__title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.st-modal__subtitle{font-size:.8125rem;color:#64748b;margin-top:2px}[data-theme=dark] .st-modal__title{color:#f1f5f9}[data-theme=dark] .st-modal__subtitle{color:#94a3b8}.st-modal__close{width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .15s;font-family:inherit}.st-modal__close:hover{background:#fef2f2;color:#ef4444}.st-modal__body{padding:24px 28px;overflow-y:auto;flex:1}.st-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:24px 32px;border-top:1px solid #f1f5f9;flex-shrink:0;background:#00000005}[data-theme=dark] .st-modal__footer{border-color:#ffffff0f;background:#0003}.st-detail-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.st-detail-section:last-child{margin-bottom:0}.st-detail-section h3{font-size:.9375rem;font-weight:700;color:var(--app-text-primary, #1f2937);margin:0 0 .5rem}[data-theme=dark] .st-detail-section h3{color:#f1f5f9}.st-detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.st-detail-badges{display:flex;gap:.5rem}.st-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.st-detail-item{display:flex;flex-direction:column;gap:.375rem}.st-detail-item--full{grid-column:1 / -1}.st-detail-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.st-detail-value{font-size:.875rem;color:var(--app-text-primary, #1f2937);line-height:1.5}[data-theme=dark] .st-detail-value{color:#e2e8f0}.st-detail-value--description,.st-detail-value--resolution{padding:1rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;line-height:1.6}.st-detail-value--resolution{background:#f0fdf4;border-color:#bbf7d0;color:#166534}[data-theme=dark] .st-detail-value--description{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .st-detail-value--resolution{background:#10b9811a;border-color:#10b98133;color:#34d399}.st-comments-list{display:flex;flex-direction:column;gap:1rem}.st-comment{padding:1rem;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc}.st-comment--admin{background:#fef3c7;border-color:#fde68a}[data-theme=dark] .st-comment{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .st-comment--admin{background:#f59e0b1a;border-color:#f59e0b33}.st-comment__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.625rem}.st-comment__author{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;color:var(--app-text-primary, #1f2937)}[data-theme=dark] .st-comment__author{color:#f1f5f9}.st-comment__author i{font-size:.75rem;opacity:.7}.st-comment__role{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;background:#00000014;color:#6b7280}.st-comment__time{font-size:.75rem;color:var(--app-text-muted, #9ca3af)}.st-comment__message{font-size:.875rem;color:var(--app-text-primary, #374151);line-height:1.6}[data-theme=dark] .st-comment__message{color:#e2e8f0}.st-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.st-form-group{display:flex;flex-direction:column;gap:.5rem}.st-form-group--full{grid-column:1 / -1}.st-form-group label{font-size:.8125rem;font-weight:600;color:#64748b}[data-theme=dark] .st-form-group label{color:#94a3b8}.st-form-group input,.st-form-group select,.st-form-group textarea{padding:.625rem .875rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.st-form-group input:focus,.st-form-group select:focus,.st-form-group textarea:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.st-form-group textarea{resize:vertical;min-height:80px}[data-theme=dark] .st-form-group input,[data-theme=dark] .st-form-group select,[data-theme=dark] .st-form-group textarea{background:#fff;border-color:#e2e8f0;color:#1e293b}@media(max-width:1200px){.st-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.st-page{padding:.75rem;gap:1rem}.st-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.st-header{flex-direction:column;align-items:stretch}.st-filters{flex-direction:column}.st-search{max-width:100%}.st-filter-group{flex-direction:column}.st-ticket-card__header,.st-ticket-card__footer{flex-direction:column;align-items:stretch}.st-ticket-card__left{flex-direction:column;align-items:flex-start}.st-ticket-card__actions{width:100%}.st-ticket-card__actions .st-btn{flex:1;justify-content:center}.st-detail-grid,.st-form-grid{grid-template-columns:1fr}}@media(max-width:480px){.st-kpi-grid{grid-template-columns:1fr}}.st-history-timeline{display:flex;flex-direction:column;gap:0}.st-history-item{display:flex;gap:1rem;position:relative}.st-history-item__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.st-history-item__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9375rem;flex-shrink:0;z-index:1}.st-history-item__line{width:2px;flex:1;background:linear-gradient(to bottom,#e2e8f0,transparent);margin:4px 0;min-height:20px}[data-theme=dark] .st-history-item__line{background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent)}.st-history-item__content{flex:1;padding-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.st-history-item__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.st-history-item__action{font-size:.9375rem;font-weight:600;color:var(--app-text-primary, #1f2937);line-height:1.4}[data-theme=dark] .st-history-item__action{color:#f1f5f9}.st-history-item__time{font-size:.75rem;color:var(--app-text-muted, #9ca3af);white-space:nowrap}.st-history-item__author{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--app-text-muted, #6b7280)}.st-history-item__author i{font-size:.75rem;opacity:.7}[data-theme=dark] .st-history-item__author{color:#94a3b8}.st-history-item__changes{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;flex-wrap:wrap}.st-history-value{font-size:.8125rem;font-weight:600;padding:4px 10px;border-radius:6px;font-family:monospace}.st-history-value--old{background:#fee2e2;color:#991b1b;text-decoration:line-through;opacity:.7}.st-history-value--new{background:#dcfce7;color:#166534}[data-theme=dark] .st-history-value--old{background:#ef444426;color:#f87171}[data-theme=dark] .st-history-value--new{background:#10b98126;color:#34d399}.st-history-item__changes i{font-size:.75rem;color:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pa-page{padding:1.25rem;padding-top:0;display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .35s ease-out}.pa-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:.25rem;flex-wrap:wrap}.pa-header__left{display:flex;align-items:center;gap:1rem}.pa-header__icon{width:52px;height:52px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 4px 14px #6366f159}.pa-header__title{font-size:1.75rem;font-weight:800;color:var(--app-text-primary, #1f2937);margin:0 0 .25rem;letter-spacing:-.5px}.pa-header__subtitle{color:var(--app-text-muted, #6b7280);font-size:.875rem;margin:0}[data-theme=dark] .pa-header__title{color:#f1f5f9}[data-theme=dark] .pa-header__subtitle{color:#94a3b8}.pa-header__actions{display:flex;gap:.75rem;flex-wrap:wrap}.pa-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pa-kpi-card{background:#fff;border:1px solid var(--app-border-color, #e5e7eb);border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 4px #0000000d;transition:transform .18s,box-shadow .18s}.pa-kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px #0000001a}[data-theme=dark] .pa-kpi-card{background:#161616;border-color:#ffffff12}.pa-kpi-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.pa-kpi-card__content{display:flex;flex-direction:column;gap:4px;min-width:0}.pa-kpi-card__label{font-size:.75rem;font-weight:600;color:var(--app-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.pa-kpi-card__value{font-size:1.25rem;font-weight:800;color:var(--app-text-primary, #1f2937);line-height:1.1}[data-theme=dark] .pa-kpi-card__label{color:#94a3b8}[data-theme=dark] .pa-kpi-card__value{color:#f1f5f9}.pa-filters{display:flex;gap:1rem;flex-wrap:wrap}.pa-search{position:relative;flex:1;max-width:400px}.pa-search__icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem;pointer-events:none}.pa-search input{width:100%;padding:.625rem 1rem .625rem 2rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.82rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.pa-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.pa-search input::-moz-placeholder{color:#94a3b8}.pa-search input::placeholder{color:#94a3b8}[data-theme=dark] .pa-search input{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.pa-filter-group{display:flex;gap:.75rem}.pa-filter-group select{padding:.625rem 2rem .625rem .875rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.82rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.pa-filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .pa-filter-group select{background-color:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.pa-announcements-list{display:flex;flex-direction:column;gap:1rem}.pa-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#94a3b8;gap:1rem}.pa-empty i{font-size:3rem;opacity:.5}.pa-empty p{font-size:1rem;font-weight:600;margin:0}.pa-announcement-card{background:#fff;border:1.5px solid #ebebf5;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 12px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.pa-announcement-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000001a}[data-theme=dark] .pa-announcement-card{background:#161616;border-color:#ffffff14}.pa-announcement-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.pa-announcement-card__left{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.pa-announcement-card__type-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.pa-announcement-card__title{font-size:1rem;font-weight:700;color:var(--app-text-primary, #1f2937);margin-bottom:.5rem;line-height:1.4}[data-theme=dark] .pa-announcement-card__title{color:#f1f5f9}.pa-announcement-card__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pa-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px;white-space:nowrap}.pa-badge--large{font-size:.75rem;padding:6px 12px}.pa-meta-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--app-text-muted, #9ca3af)}.pa-meta-item i{font-size:.6875rem;opacity:.7}[data-theme=dark] .pa-meta-item{color:#94a3b8}.pa-announcement-card__body{padding-left:60px}.pa-announcement-card__message{font-size:.875rem;color:var(--app-text-muted, #6b7280);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .pa-announcement-card__message{color:#94a3b8}.pa-announcement-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;border-top:1px solid #f3f4f6;flex-wrap:wrap}[data-theme=dark] .pa-announcement-card__footer{border-color:#ffffff0f}.pa-announcement-card__stats{display:flex;gap:1.25rem;flex-wrap:wrap}.pa-stat{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--app-text-muted, #6b7280)}.pa-stat i{font-size:.75rem;opacity:.7}[data-theme=dark] .pa-stat{color:#94a3b8}.pa-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s ease;white-space:nowrap}.pa-btn--ghost{background:#f5f5fa;color:#6b7280;border:1.5px solid #e5e7eb}.pa-btn--ghost:hover{background:#eef2ff;color:#6366f1;border-color:#c7d2fe}[data-theme=dark] .pa-btn--ghost{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}.pa-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 3px 10px #6366f14d}.pa-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.pa-backdrop{position:fixed;inset:0;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease}.pa-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden;animation:slideUp .22s cubic-bezier(.16,1,.3,1)}.pa-modal--large{max-width:900px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .pa-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1)}.pa-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #f1f5f9;flex-shrink:0}[data-theme=dark] .pa-modal__header{border-color:#ffffff0f}.pa-modal__title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.pa-modal__subtitle{font-size:.8125rem;color:#64748b;margin-top:2px}[data-theme=dark] .pa-modal__title{color:#f1f5f9}[data-theme=dark] .pa-modal__subtitle{color:#94a3b8}.pa-modal__close{width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .15s;font-family:inherit}.pa-modal__close:hover{background:#fef2f2;color:#ef4444}.pa-modal__body{padding:24px 28px;overflow-y:auto;flex:1}.pa-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:24px 32px;border-top:1px solid #f1f5f9;flex-shrink:0;background:#00000005}[data-theme=dark] .pa-modal__footer{border-color:#ffffff0f;background:#0003}.pa-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.pa-form-group{display:flex;flex-direction:column;gap:.5rem}.pa-form-group--full{grid-column:1 / -1}.pa-form-group label{font-size:.8125rem;font-weight:600;color:#64748b}[data-theme=dark] .pa-form-group label{color:#94a3b8}.pa-form-group input,.pa-form-group select,.pa-form-group textarea{padding:.625rem .875rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.pa-form-group input:focus,.pa-form-group select:focus,.pa-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.pa-form-group textarea{resize:vertical;min-height:80px}[data-theme=dark] .pa-form-group input,[data-theme=dark] .pa-form-group select,[data-theme=dark] .pa-form-group textarea{background:#fff;border-color:#e2e8f0;color:#1e293b}.pa-institutions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#f8fafc;border-radius:10px}[data-theme=dark] .pa-institutions-grid{background:#ffffff08}.pa-institution-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .18s;position:relative}.pa-institution-item:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.pa-institution-item--selected{border-color:#6366f1;background:#eef2ff}[data-theme=dark] .pa-institution-item{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .pa-institution-item--selected{background:#6366f11a;border-color:#6366f1}.pa-institution-item__checkbox{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:5px;border:2px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#6366f1}.pa-institution-item--selected .pa-institution-item__checkbox{border-color:#6366f1;background:#6366f1;color:#fff}.pa-institution-item__icon{width:36px;height:36px;border-radius:8px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.9375rem}.pa-institution-item__name{font-size:.8125rem;font-weight:600;color:var(--app-text-primary, #1f2937);text-align:center;line-height:1.3}[data-theme=dark] .pa-institution-item__name{color:#f1f5f9}.pa-institution-item__type{font-size:.6875rem;color:var(--app-text-muted, #9ca3af);text-transform:capitalize}.pa-detail-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.pa-detail-section:last-child{margin-bottom:0}.pa-detail-section h3{font-size:.9375rem;font-weight:700;color:var(--app-text-primary, #1f2937);margin:0 0 .5rem}[data-theme=dark] .pa-detail-section h3{color:#f1f5f9}.pa-detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.pa-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.pa-detail-item{display:flex;flex-direction:column;gap:.375rem}.pa-detail-item--full{grid-column:1 / -1}.pa-detail-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.pa-detail-value{font-size:.875rem;color:var(--app-text-primary, #1f2937);line-height:1.5}[data-theme=dark] .pa-detail-value{color:#e2e8f0}.pa-detail-value--message{padding:1rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;line-height:1.6}[data-theme=dark] .pa-detail-value--message{background:#ffffff08;border-color:#ffffff0f}.pa-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pa-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem;display:flex;align-items:center;gap:.75rem}[data-theme=dark] .pa-stat-card{background:#ffffff08;border-color:#ffffff0f}.pa-stat-card__icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9375rem;flex-shrink:0}.pa-stat-card__content{display:flex;flex-direction:column;gap:4px;min-width:0}.pa-stat-card__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.pa-stat-card__value{font-size:1.125rem;font-weight:800;color:var(--app-text-primary, #1f2937);line-height:1.1}[data-theme=dark] .pa-stat-card__value{color:#f1f5f9}.pa-recipients-list{display:flex;flex-direction:column;gap:.5rem}.pa-recipient-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:var(--app-text-primary, #1f2937)}[data-theme=dark] .pa-recipient-item{background:#ffffff08;border-color:#ffffff0f;color:#e2e8f0}.pa-recipient-item i{font-size:.8125rem;color:#94a3b8}.pa-recipient-type{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;font-size:.9375rem;font-weight:600;color:#92400e}[data-theme=dark] .pa-recipient-type{background:#f59e0b1a;border-color:#f59e0b33;color:#fbbf24}.pa-recipient-type i{font-size:1rem}@media(max-width:1200px){.pa-kpi-grid,.pa-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pa-page{padding:.75rem;gap:1rem}.pa-kpi-grid{grid-template-columns:1fr;gap:.75rem}.pa-header{flex-direction:column;align-items:stretch}.pa-filters{flex-direction:column}.pa-search{max-width:100%}.pa-filter-group{flex-direction:column}.pa-announcement-card__body{padding-left:0}.pa-announcement-card__footer{flex-direction:column;align-items:stretch}.pa-announcement-card__stats{flex-direction:column;gap:.5rem}.pa-detail-grid,.pa-form-grid,.pa-stats-grid,.pa-institutions-grid{grid-template-columns:1fr}}.crm-page{font-family:Inter,sans-serif;background:transparent;min-height:100vh;color:#1e293b;padding:24px 28px}.crm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}.crm-header-left h1{font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.crm-header-left p{color:#64748b;font-size:.85rem;margin:4px 0 0}.crm-header-actions{display:flex;gap:10px}.crm-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:10px;font-size:.82rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.crm-btn--primary{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff}.crm-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7c3aed59}.crm-btn--outline{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.crm-btn--outline:hover{background:#f1f5f9}.crm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:28px}.crm-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.crm-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000000f}.crm-kpi-card:before{content:"";position:absolute;inset:0;border-radius:14px;opacity:.08}.crm-kpi-card.purple:before{background:#7c3aed}.crm-kpi-card.blue:before{background:#3b82f6}.crm-kpi-card.green:before{background:#10b981}.crm-kpi-card.amber:before{background:#f59e0b}.crm-kpi-card.rose:before{background:#f43f5e}.crm-kpi-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:12px}.crm-kpi-card.purple .crm-kpi-icon{background:#f5f3ff;color:#7c3aed}.crm-kpi-card.blue .crm-kpi-icon{background:#eff6ff;color:#3b82f6}.crm-kpi-card.green .crm-kpi-icon{background:#ecfdf5;color:#10b981}.crm-kpi-card.amber .crm-kpi-icon{background:#fffbeb;color:#f59e0b}.crm-kpi-card.rose .crm-kpi-icon{background:#fff1f2;color:#f43f5e}.crm-kpi-value{font-size:1.6rem;font-weight:700;color:#0f172a}.crm-kpi-label{font-size:.75rem;color:#64748b;margin-top:4px}.crm-kpi-delta{font-size:.72rem;font-weight:600;margin-top:6px;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:20px}.crm-kpi-delta.up{color:#059669;background:#ecfdf5}.crm-kpi-delta.down{color:#e11d48;background:#fff1f2}.crm-tabs{display:flex;gap:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:4px;margin-bottom:24px;width:-moz-fit-content;width:fit-content}.crm-tab{padding:8px 18px;border-radius:9px;font-size:.82rem;font-weight:500;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .2s}.crm-tab.active{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-weight:600}.crm-tab:hover:not(.active){color:#1e293b;background:#fff}.crm-pipeline-board{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px}.crm-pipeline-board::-webkit-scrollbar{height:6px}.crm-pipeline-board::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.crm-pipeline-board::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.crm-stage-col{min-width:270px;flex:0 0 270px}.crm-stage-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.crm-stage-dot{width:10px;height:10px;border-radius:50%}.crm-stage-title{font-size:.82rem;font-weight:600;color:#475569;flex:1}.crm-stage-count{background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:.72rem;color:#64748b}.crm-stage-value{font-size:.7rem;color:#94a3b8;margin-bottom:10px}.crm-lead-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.crm-lead-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:12px 0 0 12px}.crm-lead-card.hot:before{background:#f43f5e}.crm-lead-card.warm:before{background:#f59e0b}.crm-lead-card.cold:before{background:#60a5fa}.crm-lead-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.crm-lead-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.crm-lead-name{font-size:.85rem;font-weight:600;color:#0f172a;margin:0 0 3px}.crm-lead-type{font-size:.68rem;padding:2px 7px;border-radius:20px;background:#f5f3ff;color:#7c3aed;white-space:nowrap}.crm-lead-meta{font-size:.72rem;color:#64748b;margin:6px 0;display:flex;gap:10px;flex-wrap:wrap}.crm-lead-meta span{display:flex;align-items:center;gap:4px}.crm-lead-value{font-size:.78rem;font-weight:700;color:#059669}.crm-lead-prob{width:100%;height:4px;background:#f1f5f9;border-radius:2px;margin-top:10px;overflow:hidden}.crm-lead-prob-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#7c3aed,#60a5fa);transition:width .5s ease}.crm-lead-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.crm-lead-agent{font-size:.7rem;color:#64748b;display:flex;align-items:center;gap:5px}.crm-lead-agent-dot{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff}.crm-lead-date{font-size:.68rem;color:#94a3b8}.crm-add-lead-btn{width:100%;padding:10px;border:1px dashed #cbd5e1;border-radius:10px;background:transparent;color:#64748b;font-size:.78rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;justify-content:center}.crm-add-lead-btn:hover{border-color:#7c3aed;color:#7c3aed;background:#f5f3ff}.crm-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.crm-table-toolbar{display:flex;gap:10px;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.crm-search{flex:1;min-width:200px;position:relative}.crm-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem}.crm-search input{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:8px 12px 8px 34px;color:#1e293b;font-size:.82rem;outline:none}.crm-search input:focus{border-color:#7c3aed}.crm-filter-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:8px 12px;color:#475569;font-size:.82rem;outline:none;cursor:pointer}.crm-table{width:100%;border-collapse:collapse}.crm-table th{padding:12px 16px;text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b;border-bottom:1px solid #f1f5f9;background:#fafbff}.crm-table td{padding:12px 16px;font-size:.82rem;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.crm-table tr:hover td{background:#f8fafc}.crm-table tr:last-child td{border-bottom:none}.crm-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600}.crm-status-badge.prospect{background:#eff6ff;color:#3b82f6}.crm-status-badge.qualified{background:#fffbeb;color:#f59e0b}.crm-status-badge.proposal{background:#eff6ff;color:#3b82f6}.crm-status-badge.negotiation{background:#fff7ed;color:#f97316}.crm-status-badge.won{background:#ecfdf5;color:#059669}.crm-status-badge.lost{background:#fef2f2;color:#dc2626}.crm-priority-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600}.crm-priority-badge.hot{color:#f43f5e}.crm-priority-badge.warm{color:#f59e0b}.crm-priority-badge.cold{color:#3b82f6}.crm-action-btns{display:flex;gap:6px}.crm-action-btn{width:28px;height:28px;border-radius:7px;border:none;display:flex;align-items:center;justify-content:center;font-size:.72rem;cursor:pointer;transition:all .15s;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.crm-action-btn:hover{background:#f1f5f9;color:#1e293b}.crm-commission-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.crm-commission-grid{grid-template-columns:1fr}}.crm-commission-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.crm-commission-card-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.crm-commission-card-title{font-size:.9rem;font-weight:600;color:#0f172a}.crm-commission-card-body{padding:16px 20px}.crm-agent-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}.crm-agent-row:last-child{border-bottom:none}.crm-agent-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.crm-agent-info{flex:1;min-width:0}.crm-agent-name{font-size:.83rem;font-weight:600;color:#0f172a}.crm-agent-deals{font-size:.72rem;color:#64748b}.crm-agent-bar-wrap{flex:1.5}.crm-agent-bar{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.crm-agent-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#7c3aed,#60a5fa)}.crm-agent-commission{font-size:.82rem;font-weight:700;color:#059669;white-space:nowrap}.crm-rule-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;gap:12px}.crm-rule-row:last-child{border-bottom:none}.crm-rule-tier{font-size:.83rem;font-weight:600;color:#0f172a}.crm-rule-range{font-size:.75rem;color:#64748b}.crm-rule-pct{font-size:1rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.crm-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crm-modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.crm-modal h2{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 20px}.crm-form-group{margin-bottom:16px}.crm-form-group label{display:block;font-size:.8rem;font-weight:500;color:#475569;margin-bottom:6px}.crm-form-group input,.crm-form-group select,.crm-form-group textarea{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;color:#1e293b;font-size:.85rem;outline:none;box-sizing:border-box;font-family:Inter,sans-serif;transition:border-color .2s}.crm-form-group input:focus,.crm-form-group select:focus,.crm-form-group textarea:focus{border-color:#7c3aed}.crm-form-group textarea{resize:vertical;min-height:80px}.crm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.crm-modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.crm-empty{text-align:center;padding:48px 20px;color:#64748b}.crm-empty i{font-size:2.5rem;margin-bottom:12px;display:block;opacity:.4}.crm-empty p{margin:0;font-size:.88rem}@media(max-width:768px){.crm-page{padding:16px}.crm-form-row{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.analytics-page{font-family:inherit;background:transparent;min-height:100vh;color:#1e293b;padding:24px 28px;animation:fadeInUp .3s ease-out}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.analytics-header h1{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.5px}.analytics-header p{color:#64748b;font-size:.875rem;margin:4px 0 0}.analytics-period-selector{display:flex;gap:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:4px}.analytics-period-btn{padding:7px 14px;border-radius:7px;border:none;font-size:.78rem;font-weight:600;cursor:pointer;background:transparent;color:#64748b;transition:all .2s;font-family:inherit}.analytics-period-btn.active{background:#1e293b;color:#fff;box-shadow:0 2px 8px #1e293b33}.analytics-period-btn:hover:not(.active){color:#1e293b;background:#e2e8f0}.analytics-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px}.analytics-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s}.analytics-kpi:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-1px)}.analytics-kpi-glow{position:absolute;width:80px;height:80px;border-radius:50%;top:-20px;right:-20px;opacity:.08;filter:blur(20px)}.analytics-kpi.emerald .analytics-kpi-glow{background:#059669}.analytics-kpi.sky .analytics-kpi-glow{background:#0ea5e9}.analytics-kpi.violet .analytics-kpi-glow{background:#8b5cf6}.analytics-kpi.amber .analytics-kpi-glow{background:#f59e0b}.analytics-kpi.rose .analytics-kpi-glow{background:#f43f5e}.analytics-kpi.teal .analytics-kpi-glow{background:#14b8a6}.analytics-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.analytics-kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem}.analytics-kpi.emerald .analytics-kpi-icon{background:#ecfdf5;color:#059669}.analytics-kpi.sky .analytics-kpi-icon{background:#e0f2fe;color:#0284c7}.analytics-kpi.violet .analytics-kpi-icon{background:#f5f3ff;color:#7c3aed}.analytics-kpi.amber .analytics-kpi-icon{background:#fffbeb;color:#d97706}.analytics-kpi.rose .analytics-kpi-icon{background:#fff1f2;color:#e11d48}.analytics-kpi.teal .analytics-kpi-icon{background:#f0fdfa;color:#0d9488}.analytics-kpi-badge{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:3px}.analytics-kpi-badge.up{background:#ecfdf5;color:#059669}.analytics-kpi-badge.down{background:#fff1f2;color:#e11d48}.analytics-kpi-value{font-size:2rem;font-weight:800;color:#0f172a;line-height:1}.analytics-kpi-label{font-size:.78rem;color:#64748b;margin-top:6px;font-weight:500}.analytics-kpi-sub{font-size:.7rem;color:#94a3b8;margin-top:4px}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.analytics-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:1100px){.analytics-grid{grid-template-columns:1fr}.analytics-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:700px){.analytics-grid-3{grid-template-columns:1fr}}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:box-shadow .2s}.analytics-card:hover{box-shadow:0 4px 16px #0000000f}.analytics-card-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:#fafbff}.analytics-card-title{font-size:.92rem;font-weight:700;color:#0f172a}.analytics-card-subtitle{font-size:.72rem;color:#94a3b8;margin-top:2px}.analytics-card-body{padding:20px}.analytics-bar-chart{display:flex;flex-direction:column;gap:10px}.analytics-bar-row{display:flex;align-items:center;gap:12px}.analytics-bar-label{width:80px;font-size:.75rem;color:#64748b;text-align:right;flex-shrink:0;font-weight:500}.analytics-bar-track{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.analytics-bar-fill{height:100%;border-radius:4px;transition:width .6s ease;min-width:4px}.analytics-bar-value{width:70px;font-size:.75rem;font-weight:600;color:#334155}.analytics-line-chart{width:100%;position:relative}.analytics-line-chart svg{width:100%;overflow:visible}.analytics-chart-labels{display:flex;justify-content:space-between;margin-top:6px}.analytics-chart-labels span{font-size:.62rem;color:#94a3b8;font-weight:500}.analytics-donut-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.analytics-donut-svg{position:relative}.analytics-donut-legend{width:100%}.analytics-donut-legend-item{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #f1f5f9}.analytics-donut-legend-item:last-child{border-bottom:none}.analytics-donut-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.analytics-donut-legend-label{flex:1;font-size:.78rem;color:#475569;font-weight:500}.analytics-donut-legend-value{font-size:.78rem;font-weight:700;color:#0f172a}.analytics-donut-legend-pct{font-size:.68rem;color:#94a3b8;margin-left:4px}.analytics-heatmap{display:flex;flex-direction:column;gap:6px}.analytics-heatmap-row{display:flex;align-items:center;gap:6px}.analytics-heatmap-label{width:40px;font-size:.7rem;color:#94a3b8;text-align:right;flex-shrink:0;font-weight:500}.analytics-heatmap-cells{display:flex;gap:4px}.analytics-heatmap-cell{width:22px;height:22px;border-radius:4px;transition:transform .15s;cursor:pointer}.analytics-heatmap-cell:hover{transform:scale(1.2);z-index:2}.analytics-heatmap-months{display:flex;gap:4px;margin-left:46px;margin-bottom:4px}.analytics-heatmap-months span{width:22px;text-align:center;font-size:.6rem;color:#94a3b8;font-weight:500}.analytics-growth-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.analytics-growth-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:12px}.analytics-growth-item-label{font-size:.7rem;color:#94a3b8;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.analytics-growth-item-value{font-size:1.3rem;font-weight:800;color:#0f172a}.analytics-growth-item-delta{font-size:.7rem;font-weight:700;margin-top:4px;display:flex;align-items:center;gap:3px}.analytics-growth-item-delta.up{color:#059669}.analytics-growth-item-delta.down{color:#e11d48}.analytics-insights{display:flex;flex-direction:column;gap:10px}.analytics-insight-row{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #f1f5f9;transition:background .15s}.analytics-insight-row:hover{background:#f1f5f9}.analytics-insight-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0}.analytics-insight-icon.success{background:#ecfdf5;color:#059669}.analytics-insight-icon.warn{background:#fffbeb;color:#d97706}.analytics-insight-icon.info{background:#eff6ff;color:#2563eb}.analytics-insight-icon.danger{background:#fff1f2;color:#e11d48}.analytics-insight-text{font-size:.82rem;color:#475569;line-height:1.55}.analytics-insight-text strong{color:#0f172a}@media(max-width:768px){.analytics-page{padding:16px}.analytics-kpis{grid-template-columns:repeat(2,1fr)}.analytics-growth-grid{grid-template-columns:1fr}}:root{--hm-primary: #0f172a;--hm-teal: #2563eb;--hm-teal-light: #3b82f6;--hm-bg: #f5f5fa;--hm-card: #ffffff;--hm-muted: #64748b;--hm-border: #e2e8f0;--hm-danger: #ef4444;--hm-success: #22c55e;--hm-warning: #f59e0b;--hm-info: #3b82f6}.hm-container{padding:0;background:var(--hm-bg);min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--hm-primary)}.hm-banner{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:2rem 2rem 1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:wrap}.hm-banner__badge{display:inline-block;background:#ffffff26;color:#ffffffe6;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.25rem .75rem;border-radius:20px;margin-bottom:.5rem;text-transform:uppercase}.hm-banner__title{margin:0 0 .25rem;font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.02em}.hm-banner__sub{margin:0;color:#ffffffa6;font-size:.9rem}.hm-banner__stats{display:flex;gap:1.5rem;flex-wrap:wrap}.hm-banner__stat{text-align:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.75rem 1.25rem;min-width:90px}.hm-banner__stat-val{display:block;font-size:1.6rem;font-weight:800;color:#fff;line-height:1}.hm-banner__stat-label{display:block;font-size:.7rem;color:#ffffffa6;margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}.hm-tabs{display:flex;gap:0;background:#fff;border-bottom:1px solid var(--hm-border);padding:0 1.5rem;overflow-x:auto}.hm-tab{padding:1rem 1.25rem;border:none;background:none;font-size:.875rem;font-weight:500;color:var(--hm-muted);cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;transition:all .15s;display:flex;align-items:center;gap:.4rem}.hm-tab:hover{color:var(--hm-teal)}.hm-tab.active{color:var(--hm-teal);border-bottom-color:var(--hm-teal);font-weight:600}.hm-content{padding:1.5rem}.hm-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-bottom:1.5rem}.hm-stat-card{background:#fff;border:1px solid var(--hm-border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.4rem}.hm-stat-card__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.25rem}.hm-stat-card__icon.teal{background:#dbeafe;color:#2563eb}.hm-stat-card__icon.blue{background:#dbeafe;color:#3b82f6}.hm-stat-card__icon.orange{background:#ffedd5;color:#f97316}.hm-stat-card__icon.red{background:#fee2e2;color:#ef4444}.hm-stat-card__icon.green{background:#dcfce7;color:#22c55e}.hm-stat-card__icon.purple{background:#f3e8ff;color:#a855f7}.hm-stat-card__val{font-size:1.75rem;font-weight:800;color:var(--hm-primary);line-height:1}.hm-stat-card__label{font-size:.78rem;color:var(--hm-muted);font-weight:500}.hm-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.hm-search{flex:1;min-width:200px;padding:.55rem .9rem;border:1px solid var(--hm-border);border-radius:8px;font-size:.875rem;background:#fff;outline:none}.hm-search:focus{border-color:var(--hm-teal)}.hm-select{padding:.55rem .75rem;border:1px solid var(--hm-border);border-radius:8px;font-size:.875rem;background:#fff;outline:none;cursor:pointer}.hm-select:focus{border-color:var(--hm-teal)}.hm-btn{padding:.55rem 1.1rem;border-radius:8px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s;white-space:nowrap}.hm-btn-primary{background:var(--hm-teal);color:#fff}.hm-btn-primary:hover{background:#1d4ed8}.hm-btn-outline{background:#fff;border:1px solid var(--hm-border);color:var(--hm-primary)}.hm-btn-outline:hover{border-color:var(--hm-teal);color:var(--hm-teal)}.hm-btn-success{background:var(--hm-success);color:#fff}.hm-btn-success:hover{background:#16a34a}.hm-btn-danger{background:var(--hm-danger);color:#fff}.hm-btn-danger:hover{background:#dc2626}.hm-btn-warning{background:var(--hm-warning);color:#fff}.hm-btn-warning:hover{background:#d97706}.hm-btn-secondary{background:#f1f5f9;color:var(--hm-primary);border:1px solid var(--hm-border)}.hm-btn-secondary:hover{background:#e2e8f0}.hm-btn-sm{padding:.35rem .75rem;font-size:.8rem}.hm-btn:disabled{opacity:.5;cursor:not-allowed}.hm-table-wrap{background:#fff;border:1px solid var(--hm-border);border-radius:12px;overflow:hidden}.hm-table{width:100%;border-collapse:collapse;font-size:.875rem}.hm-table thead tr{background:#f8fafc;border-bottom:1px solid var(--hm-border)}.hm-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.78rem;color:var(--hm-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.hm-table td{padding:.85rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.hm-table tr:last-child td{border-bottom:none}.hm-table tr:hover td{background:#f8fafc}.hm-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.hm-badge-active,.hm-badge-approved,.hm-badge-completed{background:#dcfce7;color:#15803d}.hm-badge-pending{background:#fef3c7;color:#92400e}.hm-badge-rejected,.hm-badge-vacated{background:#fee2e2;color:#991b1b}.hm-badge-reserved{background:#dbeafe;color:#1e40af}.hm-badge-boys{background:#dbeafe;color:#1d4ed8}.hm-badge-girls{background:#fce7f3;color:#9d174d}.hm-badge-mixed{background:#f3e8ff;color:#6d28d9}.hm-badge-overdue{background:#fee2e2;color:#991b1b}.hm-badge-exited{background:#ffedd5;color:#c2410c}.hm-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.hm-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.hm-modal-lg{max-width:720px}.hm-modal__header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--hm-border);display:flex;align-items:center;justify-content:space-between}.hm-modal__title{font-size:1.1rem;font-weight:700;color:var(--hm-primary);margin:0}.hm-modal__close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--hm-muted);padding:.25rem;line-height:1;display:flex;align-items:center}.hm-modal__close:hover{color:var(--hm-danger)}.hm-modal__body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.hm-modal__footer{padding:1rem 1.5rem;border-top:1px solid var(--hm-border);display:flex;justify-content:flex-end;gap:.75rem}.hm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hm-form-group{display:flex;flex-direction:column;gap:.35rem}.hm-form-group label{font-size:.82rem;font-weight:600;color:var(--hm-primary)}.hm-form-group input,.hm-form-group select,.hm-form-group textarea{padding:.6rem .85rem;border:1px solid var(--hm-border);border-radius:8px;font-size:.875rem;outline:none;transition:border-color .15s;background:#fff;width:100%;box-sizing:border-box}.hm-form-group input:focus,.hm-form-group select:focus,.hm-form-group textarea:focus{border-color:var(--hm-teal)}.hm-form-group textarea{resize:vertical;min-height:80px}.hm-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.hm-block-card{background:#fff;border:1px solid var(--hm-border);border-radius:12px;overflow:hidden;transition:box-shadow .15s}.hm-block-card:hover{box-shadow:0 4px 16px #00000014}.hm-block-card__header{padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;background:#f8fafc;border-bottom:1px solid var(--hm-border)}.hm-block-card__icon{width:40px;height:40px;border-radius:10px;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.hm-block-card__name{font-weight:700;font-size:1rem;color:var(--hm-primary);margin:0 0 .1rem}.hm-block-card__body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.hm-block-card__row{display:flex;justify-content:space-between;font-size:.85rem}.hm-block-card__row span:first-child{color:var(--hm-muted)}.hm-block-card__row span:last-child{font-weight:600}.hm-block-card__actions{padding:.75rem 1.25rem;border-top:1px solid var(--hm-border);display:flex;gap:.5rem}.hm-occ-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-top:.25rem}.hm-occ-bar__fill{height:100%;border-radius:3px;transition:width .3s}.hm-occ-bar__fill.low{background:var(--hm-success)}.hm-occ-bar__fill.mid{background:var(--hm-warning)}.hm-occ-bar__fill.high{background:var(--hm-danger)}.hm-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hm-student-cell{display:flex;align-items:center;gap:.6rem}.hm-student-cell__name{font-weight:600;font-size:.875rem;color:var(--hm-primary)}.hm-student-cell__sub{font-size:.75rem;color:var(--hm-muted)}.hm-passtype{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;padding:.2rem .55rem;border-radius:6px}.hm-passtype-outing{background:#dbeafe;color:#1d4ed8}.hm-passtype-home{background:#dcfce7;color:#15803d}.hm-passtype-emergency{background:#fee2e2;color:#991b1b}.hm-passtype-late_night{background:#f3e8ff;color:#6d28d9}.hm-gate-action{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:6px}.hm-gate-action-exit{background:#ffedd5;color:#c2410c}.hm-gate-action-entry{background:#dcfce7;color:#15803d}.hm-empty{padding:3rem 1rem;text-align:center;color:var(--hm-muted)}.hm-empty i{font-size:2.5rem;margin-bottom:.75rem;display:block;opacity:.4}.hm-empty p{margin:0 0 1rem;font-size:.9rem}.hm-loading{padding:3rem;text-align:center;color:var(--hm-muted)}.hm-loading i{font-size:1.5rem;animation:hm-spin 1s linear infinite}@keyframes hm-spin{to{transform:rotate(360deg)}}.hm-alert{padding:.75rem 1rem;border-radius:10px;font-size:.875rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.hm-alert-danger{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.hm-alert-info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.hm-search-wrap{position:relative}.hm-autocomplete{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--hm-border);border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;max-height:220px;overflow-y:auto}.hm-autocomplete__item{padding:.6rem .9rem;cursor:pointer;font-size:.875rem;border-bottom:1px solid #f1f5f9;transition:background .1s}.hm-autocomplete__item:last-child{border-bottom:none}.hm-autocomplete__item:hover{background:#eff6ff}.hm-autocomplete__item strong{display:block;color:var(--hm-primary);font-weight:600}.hm-autocomplete__item span{color:var(--hm-muted);font-size:.78rem}.hm-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.hm-section-title{font-size:1rem;font-weight:700;color:var(--hm-primary);margin:0}@media(max-width:640px){.hm-banner{padding:1.25rem}.hm-banner__title{font-size:1.35rem}.hm-banner__stats{gap:.75rem}.hm-content{padding:1rem}.hm-form-row,.hm-cards-grid{grid-template-columns:1fr}.hm-table-wrap{overflow-x:auto}}.hm-alert-success{background:#dcfce7;border:1px solid #86efac;color:#15803d}.hm-alert-warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.hm-priority{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hm-priority-urgent{background:#fee2e2;color:#991b1b}.hm-priority-high{background:#ffedd5;color:#c2410c}.hm-priority-medium{background:#fef3c7;color:#92400e}.hm-priority-low{background:#dcfce7;color:#15803d}.hm-badge-open{background:#fee2e2;color:#991b1b}.hm-badge-in_progress{background:#dbeafe;color:#1e40af}.hm-badge-closed{background:#f1f5f9;color:#64748b}.hm-att-btns{display:flex;gap:.3rem;flex-wrap:wrap}.hm-att-btn{padding:.2rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;opacity:.45;transition:all .1s}.hm-att-btn.selected{opacity:1;box-shadow:0 0 0 2px #0000001f}.hm-att-present{background:#dcfce7;color:#15803d;border-color:#86efac}.hm-att-absent{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.hm-att-on_leave{background:#fef3c7;color:#92400e;border-color:#fde68a}.hm-att-on_outpass{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.hm-att-not_marked{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.hm-notice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.hm-notice-card{background:#fff;border:1px solid var(--hm-border);border-radius:12px;padding:1.25rem;position:relative;transition:box-shadow .15s}.hm-notice-card:hover{box-shadow:0 4px 16px #00000014}.hm-notice-card.pinned{border-left:3px solid var(--hm-teal)}.hm-notice-card__pin{position:absolute;top:.75rem;right:.75rem;color:var(--hm-teal);font-size:.9rem}.hm-notice-card__title{font-size:.975rem;font-weight:700;color:var(--hm-primary);margin:0 1.5rem .5rem 0}.hm-notice-card__body{font-size:.875rem;color:var(--hm-muted);margin-bottom:.75rem;line-height:1.6;white-space:pre-wrap}.hm-notice-card__meta{font-size:.75rem;color:var(--hm-muted);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.hm-notice-card__actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--hm-border)}.hm-notice-general{background:#f1f5f9;color:#475569}.hm-notice-urgent{background:#fee2e2;color:#991b1b}.hm-notice-event{background:#dcfce7;color:#15803d}.hm-notice-rule{background:#dbeafe;color:#1e40af}.hm-menu-wrap{overflow-x:auto}.hm-menu-grid{display:grid;grid-template-columns:110px repeat(7,1fr);gap:1px;background:var(--hm-border);border:1px solid var(--hm-border);border-radius:12px;overflow:hidden;min-width:700px}.hm-menu-cell{background:#fff;padding:.65rem .6rem;font-size:.8rem;min-height:64px}.hm-menu-cell.hdr{background:#f8fafc;font-weight:700;font-size:.72rem;color:var(--hm-muted);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;min-height:auto;padding:.5rem}.hm-menu-cell.meal-label{font-weight:700;font-size:.82rem;color:var(--hm-primary);display:flex;align-items:center;padding-left:.85rem}.hm-menu-cell.editable{cursor:pointer;transition:background .1s}.hm-menu-cell.editable:hover{background:#eff6ff}.hm-menu-cell__text{color:var(--hm-primary);line-height:1.5}.hm-menu-cell__empty{color:var(--hm-muted);font-style:italic;font-size:.75rem}.hm-report-block{background:#fff;border:1px solid var(--hm-border);border-radius:12px;padding:1.25rem;margin-bottom:1.25rem}.hm-report-block h4{margin:0 0 1rem;font-size:.9rem;font-weight:700;color:var(--hm-primary);display:flex;align-items:center;gap:.5rem}.hm-report-row{display:flex;gap:1.5rem;flex-wrap:wrap}.hm-report-stat{flex:1;min-width:100px;text-align:center}.hm-report-stat__val{font-size:1.6rem;font-weight:800;color:var(--hm-primary);line-height:1}.hm-report-stat__label{font-size:.75rem;color:var(--hm-muted);margin-top:.2rem}.hm-badge-visiting{background:#ffedd5;color:#c2410c}.hm-badge-left{background:#f1f5f9;color:#64748b}.hm-aa-summary{display:flex;gap:1.5rem;background:#fff;border:1px solid var(--hm-border);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1rem;flex-wrap:wrap}.hm-aa-summary__stat{display:flex;flex-direction:column}.hm-aa-summary__val{font-size:1.8rem;font-weight:800;color:var(--hm-teal);line-height:1}.hm-aa-summary__label{font-size:.75rem;color:var(--hm-muted);margin-top:.2rem}.hm-aa-card{background:#fff;border:1px solid var(--hm-border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.hm-aa-card__title{margin:0 0 1rem;font-size:.9rem;font-weight:700;color:var(--hm-primary);display:flex;align-items:center;gap:.5rem}.hm-aa-sort-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem}.hm-aa-sort-opt{display:flex;align-items:flex-start;gap:.6rem;border:1px solid var(--hm-border);border-radius:8px;padding:.65rem .85rem;cursor:pointer;transition:border-color .15s,background .15s}.hm-aa-sort-opt input{margin-top:2px;accent-color:var(--hm-teal);flex-shrink:0}.hm-aa-sort-opt.active{border-color:var(--hm-teal);background:#eff6ff}.hm-aa-sort-opt:hover{border-color:var(--hm-teal-light)}.hm-aa-sort-opt__label{font-size:.85rem;font-weight:600;color:var(--hm-primary)}.hm-aa-sort-opt__desc{font-size:.75rem;color:var(--hm-muted);margin-top:.1rem}.hm-table-compact td,.hm-table-compact th{padding:.45rem .75rem;font-size:.82rem}.hm-actions-cell{display:flex;gap:.4rem;align-items:center;flex-wrap:nowrap}.hm-hosteller-panel{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-bottom:1rem;overflow:hidden}.hm-hosteller-panel__header{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;background:#fef3c7;border-bottom:1px solid #fde68a;font-size:.875rem}.hm-hosteller-panel__badge{background:#f59e0b;color:#fff;font-size:.75rem;font-weight:700;border-radius:20px;padding:.1rem .55rem}.hm-hosteller-panel__list{max-height:320px;overflow-y:auto}.hm-hosteller-row{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;border-bottom:1px solid #fef3c7}.hm-hosteller-row:last-child{border-bottom:none}.hm-hosteller-row:hover{background:#fef9e7}.hm-hosteller-row__info{flex:1;min-width:0}.hm-hosteller-row__name{font-weight:600;font-size:.875rem;color:var(--hm-primary)}.hm-hosteller-row__meta{font-size:.78rem;color:var(--hm-muted);margin-top:.1rem}.hm-avatar-sm{width:32px!important;height:32px!important;font-size:.75rem!important}.hm-allot-bed-info{display:flex;align-items:center;gap:.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.5rem .85rem;font-size:.82rem;color:#1d4ed8;margin:-.25rem 0 .75rem}.hm-aa-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin-bottom:.75rem}.hm-aa-room-cap{display:flex;flex-direction:column;gap:.3rem;background:#fff;border:1px solid var(--hm-border);border-radius:8px;padding:.6rem .85rem}.hm-aa-room-cap__name{font-weight:600;font-size:.82rem;color:var(--hm-primary)}.hm-aa-room-cap__info{font-size:.75rem;color:var(--hm-muted)}.hm-selected-student{display:flex;align-items:center;gap:.75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.hm-student-pick-list{border:1px solid var(--hm-border);border-radius:10px;max-height:240px;overflow-y:auto;background:#fff}.hm-student-pick-item{display:flex;align-items:center;gap:.65rem;padding:.65rem .9rem;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .1s}.hm-student-pick-item:last-child{border-bottom:none}.hm-student-pick-item:hover{background:#eff6ff}.hm-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:500;box-shadow:0 8px 24px #00000040;z-index:9999;display:flex;align-items:center;white-space:nowrap;animation:hm-toast-in .25s ease}@keyframes hm-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.lm{--blue:#2563eb;--blue-d:#1d4ed8;--blue-l:#dbeafe;--red:#ef4444;--red-l:#fee2e2;--green:#22c55e;--green-l:#dcfce7;--amber:#f59e0b;--amber-l:#fef3c7;--slate:#0f172a;--muted:#64748b;--border:#e2e8f0;--bg:#f5f5fa;--card:#fff;font-family:Inter,system-ui,sans-serif;color:var(--slate);background:var(--bg);min-height:100vh}.lm-banner{background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#1d4ed8);padding:2rem 2rem 1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:wrap}.lm-badge{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff26;color:#ffffffe6;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.25rem .75rem;border-radius:20px;margin-bottom:.5rem;text-transform:uppercase}.lm-banner h1{margin:0 0 .25rem;font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.02em}.lm-banner p{margin:0;color:#ffffffa6;font-size:.9rem}.lm-stats{display:flex;gap:.75rem;flex-wrap:wrap}.lm-stat{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.6rem 1.1rem;text-align:center;min-width:90px}.lm-stat__val{display:block;font-size:1.5rem;font-weight:800;color:#fff;line-height:1}.lm-stat__lbl{display:block;font-size:.68rem;color:#fff9;margin-top:.2rem;text-transform:uppercase;letter-spacing:.06em}.lm-stat--warn .lm-stat__val{color:#fbbf24}.lm-stat--ok .lm-stat__val{color:#86efac}.lm-tabs{display:flex;gap:.2rem;padding:0 2rem;background:#fff;border-bottom:1px solid var(--border);overflow-x:auto}.lm-tab{padding:.85rem 1.25rem;border:none;background:transparent;color:var(--muted);font-size:.88rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.45rem}.lm-tab:hover{color:var(--slate)}.lm-tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.lm-tab-badge{background:var(--red);color:#fff;border-radius:10px;padding:0 5px;font-size:.68rem;font-weight:700}.lm-body{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.lm-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:visible}.lm-card-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.75rem}.lm-card-head h3{margin:0;font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.lm-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.lm-stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.3rem}.lm-stat-card__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.2rem}.lm-stat-card__val{font-size:1.75rem;font-weight:800;line-height:1}.lm-stat-card__lbl{font-size:.78rem;color:var(--muted);font-weight:500}.lm-stat-card--blue{border-top:3px solid var(--blue)}.lm-stat-card--green{border-top:3px solid var(--green)}.lm-stat-card--amber{border-top:3px solid var(--amber)}.lm-stat-card--red{border-top:3px solid var(--red)}.lm-toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.lm-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);min-width:220px}.lm-search input{border:none;background:transparent;outline:none;font-size:.85rem;color:var(--slate);width:100%}.lm-search i{color:var(--muted);font-size:.82rem;flex-shrink:0}.lm-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:.85rem;color:var(--slate);outline:none;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-d)}.btn-success{background:var(--green);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--blue);border:1px solid var(--blue)}.btn-ghost:hover{background:var(--blue-l)}.btn-secondary{background:#f1f5f9;color:var(--slate);border:1px solid var(--border)}.btn-secondary:hover{background:#e2e8f0}.btn-sm{padding:.35rem .65rem;font-size:.78rem}.btn-icon{padding:.35rem;width:30px;height:30px;justify-content:center;border-radius:6px}.btn:disabled{opacity:.55;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:.28rem;padding:.18rem .55rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge-success{background:var(--green-l);color:#16a34a}.badge-warning{background:var(--amber-l);color:#b45309}.badge-danger{background:var(--red-l);color:#dc2626}.badge-info{background:var(--blue-l);color:#1d4ed8}.badge-muted{background:#f1f5f9;color:#64748b}.lm-table-wrap{overflow-x:auto}.lm-table{width:100%;border-collapse:collapse;font-size:.85rem}.lm-table th{text-align:left;padding:.7rem 1rem;background:#f8fafc;color:var(--muted);font-weight:600;font-size:.73rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.lm-table td{padding:.8rem 1rem;border-bottom:1px solid #f1f5f9;color:var(--slate);vertical-align:middle}.lm-table tbody tr:last-child td{border-bottom:none}.lm-table tbody tr:hover td{background:#f8fafc}.lm-table tr.row-overdue td{background:#fff5f5!important}.lm-empty{text-align:center;padding:3.5rem 2rem;color:var(--muted)}.lm-empty i{font-size:2.5rem;opacity:.25;margin-bottom:.75rem;display:block}.lm-empty h4{margin:0 0 .35rem;font-size:1rem;color:var(--slate)}.lm-empty p{margin:0;font-size:.84rem}.lm-loading{text-align:center;padding:3rem;color:var(--muted);font-size:.9rem}.lm-isbn-section{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1px solid #bfdbfe;border-radius:12px;padding:1.5rem}.lm-isbn-section h3{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:#1e3a8a;display:flex;align-items:center;gap:.5rem}.lm-isbn-section p{margin:0 0 1rem;font-size:.84rem;color:#3b82f6}.lm-isbn-row{display:flex;gap:.75rem;align-items:center}.lm-isbn-input{flex:1;padding:.65rem 1rem;border:2px solid #93c5fd;border-radius:10px;font-size:1rem;font-family:monospace;outline:none;transition:border-color .2s;background:#fff}.lm-isbn-input:focus{border-color:var(--blue)}.lm-isbn-result{margin-top:1rem;background:#fff;border:1px solid #bfdbfe;border-radius:10px;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.lm-isbn-result__info{flex:1;min-width:200px}.lm-isbn-result__title{font-weight:700;font-size:1rem;color:var(--slate);margin:0 0 .2rem}.lm-isbn-result__meta{font-size:.82rem;color:var(--muted);margin:0 0 .5rem}.lm-isbn-result__tag{display:inline-block;background:var(--blue-l);color:var(--blue-d);font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:6px;margin-right:.35rem}.lm-isbn-actions{display:flex;gap:.5rem;align-items:flex-start;flex-wrap:wrap}.lm-isbn-error{margin-top:.75rem;background:var(--red-l);color:#b91c1c;border-radius:8px;padding:.6rem .9rem;font-size:.84rem;display:flex;align-items:center;gap:.5rem}.lm-manual-link{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;font-size:.83rem;color:var(--muted);cursor:pointer;border-top:1px dashed var(--border);margin-top:.25rem;transition:color .2s}.lm-manual-link:hover{color:var(--slate)}.lm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.lm-form-full{grid-column:1/-1}.lm-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.lm-field label{font-size:.79rem;font-weight:600;color:var(--slate)}.lm-field input,.lm-field select,.lm-field textarea{padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;color:var(--slate);outline:none;transition:border-color .2s;background:#fff;font-family:inherit;width:100%;box-sizing:border-box}.lm-field input:focus,.lm-field select:focus,.lm-field textarea:focus{border-color:var(--blue)}.lm-field textarea{resize:vertical;min-height:64px}.qi-wizard{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:visible}.qi-steps{display:flex;border-bottom:1px solid var(--border)}.qi-step{flex:1;padding:.85rem .75rem;display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:500;color:var(--muted);border-right:1px solid var(--border);transition:all .2s;cursor:default}.qi-step:last-child{border-right:none}.qi-step.active{background:var(--blue-l);color:var(--blue-d);font-weight:700}.qi-step.done{background:#f0fdf4;color:#16a34a}.qi-step__num{width:22px;height:22px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}.qi-step.active .qi-step__num{background:var(--blue);color:#fff}.qi-step.done .qi-step__num{background:var(--green);color:#fff}.qi-body{padding:1.5rem;min-height:160px}.qi-label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.qi-big-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:10px;font-size:1.05rem;outline:none;transition:border-color .2s;font-family:monospace;box-sizing:border-box}.qi-big-input:focus{border-color:var(--blue)}.qi-found-card{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.qi-found-card__title{font-weight:700;color:var(--slate)}.qi-found-card__sub{font-size:.8rem;color:var(--muted)}.qi-hint{font-size:.8rem;color:var(--muted);margin-top:.5rem}.qi-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:.75rem}.lm-autocomplete{position:relative}.lm-autocomplete-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000001a;z-index:999;max-height:220px;overflow-y:auto}.lm-ac-item{padding:.6rem .85rem;cursor:pointer;font-size:.85rem;border-bottom:1px solid #f1f5f9;transition:background .15s}.lm-ac-item:last-child{border-bottom:none}.lm-ac-item:hover{background:var(--bg)}.lm-ac-item__name{font-weight:600}.lm-ac-item__sub{font-size:.75rem;color:var(--muted)}.lm-student-filters{display:flex;gap:.6rem;flex-wrap:wrap}.lm-student-filters .lm-select{flex:1;min-width:140px}.lm-rules-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;padding:1rem 1.25rem}@media(max-width:900px){.lm-rules-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.lm-rules-grid{grid-template-columns:repeat(2,1fr)}}.lm-rule-item{text-align:center;padding:.75rem .5rem;background:#f8fafc;border-radius:10px;border:1px solid var(--border)}.lm-rule-item--warn{background:#fff7ed;border-color:#fed7aa}.lm-rule-item__val{font-size:1rem;font-weight:800;color:#1e293b}.lm-rule-item--warn .lm-rule-item__val{color:#c2410c}.lm-rule-item__lbl{font-size:.7rem;color:var(--muted);margin-top:.25rem}.lm-input-prefix,.lm-input-suffix{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;width:100%;box-sizing:border-box;min-width:0}.lm-input-prefix>span,.lm-input-suffix>span{padding:.52rem .65rem;background:#f1f5f9;color:#64748b;font-size:.82rem;white-space:nowrap;border-right:1px solid var(--border)}.lm-input-suffix>span{border-right:none;border-left:1px solid var(--border)}.lm-input-prefix input,.lm-input-suffix input{border:none;outline:none;padding:.52rem .65rem;flex:1;font-size:.88rem;min-width:0;font-family:inherit}.lm-return-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.lm-return-panel h3{margin:0 0 1rem;font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.lm-avail-bar{height:5px;background:#e2e8f0;border-radius:3px;margin-top:4px;width:72px}.lm-avail-fill{height:100%;border-radius:3px;transition:width .3s}.lm-fine-summary{background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid #fecaca;border-radius:12px;padding:1.1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.lm-fine-summary__amount{font-size:2rem;font-weight:800;color:var(--red);line-height:1}.lm-fine-summary__sub{font-size:.82rem;color:#b91c1c;margin-top:.2rem}.lm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.lm-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 60px #0003}.lm-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border)}.lm-modal-head h3{margin:0;font-size:1rem;font-weight:700}.lm-modal-close{background:none;border:none;font-size:1rem;color:var(--muted);cursor:pointer;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.lm-modal-close:hover{background:#f1f5f9}.lm-modal-body{padding:1.4rem 1.5rem}.lm-modal-foot{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.lm-info-row{background:#f8fafc;border-radius:10px;padding:.85rem 1rem}.lm-info-row__title{font-weight:600;font-size:.9rem}.lm-info-row__sub{font-size:.78rem;color:var(--muted);margin-top:2px}.lm-kv{display:flex;justify-content:space-between;font-size:.85rem;padding:.3rem 0;border-bottom:1px solid #f1f5f9}.lm-kv:last-child{border-bottom:none}.lm-kv__k{color:var(--muted)}.lm-kv__v{font-weight:600}.lm-alert{padding:.6rem .9rem;border-radius:8px;font-size:.84rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.5rem}.lm-alert-error{background:var(--red-l);color:#b91c1c}.lm-alert-warn{background:var(--amber-l);color:#92400e}.lm-cb{width:15px;height:15px;cursor:pointer}@media(max-width:768px){.lm-banner{padding:1.25rem}.lm-tabs{padding:0 1rem}.lm-body{padding:1rem}.lm-form-grid{grid-template-columns:1fr}.lm-stats{gap:.5rem}.lm-stat{min-width:75px;padding:.5rem .75rem}.qi-steps{flex-direction:column}.qi-step{border-right:none;border-bottom:1px solid var(--border)}}.lm-reports{padding:1.5rem 2rem 2rem}.lm-rep-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.lm-rep-title{font-size:1.3rem;font-weight:700;color:var(--text);margin:0 0 .25rem}.lm-rep-title i{color:#7c3aed;margin-right:.4rem}.lm-rep-sub{font-size:.85rem;color:var(--text-muted);margin:0}.lm-rep-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem}.lm-rep-kpi{background:var(--card);border-radius:12px;padding:1rem;text-align:center;box-shadow:0 1px 4px #0000000f;border:1px solid var(--border)}.lm-rep-kpi__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin:0 auto .6rem}.lm-rep-kpi__val{font-size:1.5rem;font-weight:800;line-height:1}.lm-rep-kpi__lbl{font-size:.7rem;color:var(--text-muted);margin-top:.3rem;font-weight:500}.lm-rep-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.lm-rep-card{background:var(--card);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #0000000f;border:1px solid var(--border)}.lm-rep-card--wide{grid-column:span 2}.lm-rep-card__title{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.lm-rep-card__title i{color:#7c3aed}.lm-rep-empty{color:#94a3b8;font-size:.85rem}.lm-rep-bar-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}.lm-rep-bar-lbl{min-width:110px;font-size:.78rem;font-weight:600;color:var(--text-muted)}.lm-rep-bar-track{flex:1;height:10px;background:var(--bg);border-radius:99px;overflow:hidden}.lm-rep-bar-fill{height:100%;border-radius:99px;transition:width .4s}.lm-rep-bar-val{min-width:24px;font-size:.78rem;font-weight:700;color:var(--text);text-align:right}.lm-rep-month-chart{display:flex;align-items:flex-end;gap:.5rem;height:140px;padding-top:.5rem}.lm-rep-month-col{display:flex;flex-direction:column;align-items:center;flex:1;gap:.25rem;height:100%}.lm-rep-month-val{font-size:.7rem;font-weight:700;color:var(--text)}.lm-rep-month-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.lm-rep-month-bar{width:100%;background:linear-gradient(180deg,#818cf8,#4f46e5);border-radius:4px 4px 0 0;transition:height .4s;min-height:4px}.lm-rep-month-lbl{font-size:.65rem;color:var(--text-muted);font-weight:500;text-align:center}.lm-rep-table{width:100%;border-collapse:collapse;font-size:.82rem}.lm-rep-table th{text-align:left;padding:.5rem .75rem;color:var(--text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border)}.lm-rep-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.lm-rep-rank{color:#94a3b8;font-weight:700;width:32px}.lm-rep-name{font-weight:600;color:var(--text)}.lm-rep-count{font-weight:700;color:#7c3aed;font-size:.9rem}.lm-rep-tag{display:inline-block;font-size:.7rem;font-weight:600;background:#f1f5f9;color:#475569;border-radius:4px;padding:1px 7px}.lm-rep-tag--blue{background:#dbeafe;color:#1d4ed8}.lm-rep-inline-bar{display:flex;align-items:center;gap:.5rem}.lm-rep-inline-bar div{height:8px;background:linear-gradient(90deg,#818cf8,#4f46e5);border-radius:99px;min-width:4px;transition:width .4s}.lm-rep-inline-bar span{font-weight:700;color:#1e293b;font-size:.82rem;white-space:nowrap}@media(max-width:768px){.lm-rep-grid{grid-template-columns:1fr}.lm-rep-card--wide{grid-column:span 1}.lm-reports{padding:1rem}}.lm-rep-scroll{overflow-x:auto}.lm-rep-sub-text{font-size:.7rem;color:#94a3b8;margin-top:2px}.lm-rep-card__badge{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;background:#f1f5f9;color:#475569;border-radius:20px;padding:0 7px;margin-left:.5rem}.lm-rep-card__badge--red{background:#fee2e2;color:#dc2626}.lm-rep-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;border-radius:4px;padding:2px 7px;white-space:nowrap}.lm-rep-badge--green{background:#dcfce7;color:#16a34a}.lm-rep-badge--blue{background:#dbeafe;color:#1d4ed8}.lm-rep-badge--red{background:#fee2e2;color:#dc2626}.lm-rep-badge--amber{background:#fef3c7;color:#d97706}.lm-rep-row--overdue td{background:#fff7ed!important}:root{--ev-primary: #1d4ed8;--ev-primary-d: #1e3a8a;--ev-primary-l: #dbeafe;--ev-success: #22c55e;--ev-success-l: #dcfce7;--ev-danger: #ef4444;--ev-danger-l: #fee2e2;--ev-warning: #f59e0b;--ev-warning-l: #fef3c7;--ev-slate: #0f172a;--ev-muted: #64748b;--ev-border: #e2e8f0;--ev-bg: #f1f5f9;--ev-card: #ffffff}.ev-page{padding:0;background:var(--ev-bg);min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--ev-slate)}.ev-banner{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:2rem 2rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;overflow:hidden}.ev-banner:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#ffffff0d;border-radius:50%;pointer-events:none}.ev-banner:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:#ffffff08;border-radius:50%;pointer-events:none}.ev-banner__left{position:relative;z-index:1}.ev-banner__badge{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff26;color:#ffffffe6;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.25rem .75rem;border-radius:20px;margin-bottom:.5rem;text-transform:uppercase}.ev-banner__title{margin:0 0 .25rem;font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.02em}.ev-banner__sub{margin:0;color:#ffffffa6;font-size:.9rem}.ev-banner__right{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1;flex-wrap:wrap}.ev-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-bottom:1px solid var(--ev-border)}.ev-stat-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.5rem;border-right:1px solid var(--ev-border);transition:background .15s}.ev-stat-card:last-child{border-right:none}.ev-stat-card:hover{background:#f8fafc}.ev-stat-card__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.ev-stat-card__val{font-size:1.6rem;font-weight:800;line-height:1;letter-spacing:-.03em}.ev-stat-card__lbl{font-size:.72rem;color:#64748b;margin-top:2px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ev-notice{display:flex;align-items:center;gap:.75rem;background:#fffbeb;border-left:4px solid #f59e0b;padding:.85rem 1.5rem;font-size:.85rem;color:#78350f;flex-wrap:wrap}.ev-notice i{color:#f59e0b;font-size:1rem;flex-shrink:0}.ev-notice code{background:#fef3c7;padding:.1rem .35rem;border-radius:4px;font-size:.8rem}.ev-warn-badge{background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:600;padding:.3rem .7rem;border-radius:20px;display:flex;align-items:center;gap:.35rem}.ev-toolbar{display:flex;align-items:center;gap:.75rem;padding:.85rem 2rem;background:#fff;border-bottom:1px solid var(--ev-border);flex-wrap:wrap}.ev-search{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1.5px solid var(--ev-border);border-radius:10px;padding:.45rem .85rem;flex:1;min-width:180px;max-width:340px;transition:border-color .15s}.ev-search:focus-within{border-color:var(--ev-primary);background:#fff}.ev-search i{color:#9ca3af;font-size:.82rem;flex-shrink:0}.ev-search input{flex:1;border:none;background:transparent;font-size:.82rem;color:#111827;outline:none;font-family:inherit}.ev-search input::-moz-placeholder{color:#9ca3af}.ev-search input::placeholder{color:#9ca3af}.ev-select{padding:.45rem .75rem;border:1.5px solid var(--ev-border);border-radius:10px;font-size:.82rem;background:#f8fafc;color:#374151;outline:none;cursor:pointer;font-family:inherit;transition:border-color .15s}.ev-select:focus{border-color:var(--ev-primary);background:#fff}.ev-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:inherit;white-space:nowrap}.ev-btn-primary{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);color:#fff;box-shadow:0 4px 12px #1d4ed84d}.ev-btn-primary:hover{box-shadow:0 6px 16px #1d4ed866;transform:translateY(-1px)}.ev-btn-secondary{background:#f1f5f9;color:#475569;border:1.5px solid var(--ev-border)}.ev-btn-secondary:hover{background:#e2e8f0}.ev-btn-danger{background:var(--ev-danger-l);color:var(--ev-danger)}.ev-btn-danger:hover{background:#fecaca}.ev-btn-reports{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff}.ev-btn-reports:hover{box-shadow:0 4px 12px #7c3aed66;transform:translateY(-1px)}.ev-btn-sm{padding:.35rem .75rem;font-size:.78rem;border-radius:8px}.ev-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ev-icon-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--ev-border);background:#f9fafb;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;font-size:.78rem}.ev-icon-btn--edit:hover{background:#fef3c7;border-color:#fcd34d;color:#d97706}.ev-icon-btn--del:hover{background:var(--ev-danger-l);border-color:#fca5a5;color:var(--ev-danger)}.ev-body{padding:1.75rem 2rem}.ev-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.ev-folder-card{position:relative;cursor:pointer;padding-top:14px;transition:transform .2s}.ev-folder-card:hover{transform:translateY(-3px)}.ev-folder-card:hover .ev-folder-card__open-hint{color:var(--ev-primary)}.ev-folder-card__tab{position:absolute;top:0;left:0;height:14px;max-width:130px;min-width:80px;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-radius:7px 7px 0 0;display:flex;align-items:center;justify-content:center;padding:0 10px}.ev-folder-card__tab span{font-size:.58rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-folder-card__box{background:var(--ev-card);border:1.5px solid var(--ev-border);border-radius:0 12px 12px;overflow:hidden;box-shadow:0 2px 10px #00000012;transition:box-shadow .2s}.ev-folder-card:hover .ev-folder-card__box{box-shadow:0 8px 28px #1d4ed824;border-color:#bfdbfe}.ev-folder-card__thumb{height:140px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#1d4ed8)}.ev-folder-card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0}.ev-folder-card__thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.ev-folder-card__thumb-empty i{font-size:2.5rem;color:#ffffff4d;z-index:1}.ev-folder-card__status{position:absolute;top:.5rem;right:.5rem;padding:.18rem .6rem;border-radius:20px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ev-folder-card__photo-count{position:absolute;bottom:.5rem;left:.5rem;background:#0000008c;color:#fff;font-size:.68rem;font-weight:600;padding:.15rem .5rem;border-radius:6px;display:flex;align-items:center;gap:.3rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.ev-folder-card__info{padding:.85rem 1rem}.ev-folder-card__name{font-size:.92rem;font-weight:800;color:#111827;margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ev-folder-card__meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.65rem}.ev-folder-card__meta span{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--ev-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-folder-card__meta i{width:12px;color:#94a3b8;flex-shrink:0;font-size:.68rem}.ev-folder-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.6rem;border-top:1px solid #f1f5f9}.ev-folder-card__open-hint{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:#94a3b8;font-weight:600;transition:color .15s}.ev-card__actions{display:flex;gap:.3rem}.ev-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;color:#94a3b8;gap:.75rem}.ev-empty i{font-size:3.5rem;color:#cbd5e1}.ev-empty h3{font-size:1.1rem;font-weight:700;color:#64748b;margin:0}.ev-empty p{font-size:.875rem;margin:0}.ev-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto;animation:evFadeIn .2s ease}@keyframes evFadeIn{0%{opacity:0}to{opacity:1}}.ev-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;box-shadow:0 32px 80px #00000038;animation:evSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden;margin:auto}@keyframes evSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ev-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ev-border)}.ev-modal__header-left{display:flex;align-items:center;gap:.875rem}.ev-modal__icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #1d4ed84d}.ev-modal__title{font-size:1rem;font-weight:800;color:#111827;margin:0 0 2px;letter-spacing:-.02em}.ev-modal__sub{font-size:.72rem;color:#6b7280;margin:0}.ev-modal__close{width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:var(--ev-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .15s}.ev-modal__close:hover{background:var(--ev-danger-l);color:var(--ev-danger)}.ev-modal__body{padding:1.5rem;max-height:70vh;overflow-y:auto}.ev-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ev-primary);margin:1.5rem 0 .85rem;padding-bottom:.4rem;border-bottom:2px solid var(--ev-primary-l)}.ev-section-title:first-child{margin-top:0}.ev-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ev-form-row.full{grid-template-columns:1fr}.ev-form-row.three{grid-template-columns:1fr 1fr 1fr}.ev-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.ev-field label{font-size:.78rem;font-weight:700;color:#374151}.ev-field input,.ev-field select,.ev-field textarea{padding:.55rem .85rem;border:1.5px solid var(--ev-border);border-radius:10px;font-size:.875rem;outline:none;background:#f8fafc;font-family:inherit;color:#111827;transition:border-color .15s,background .15s}.ev-field input:focus,.ev-field select:focus,.ev-field textarea:focus{border-color:var(--ev-primary);background:#fff;box-shadow:0 0 0 3px #1d4ed814}.ev-field textarea{resize:vertical;min-height:80px}.ev-banner-upload{width:100%;height:110px;border:2px dashed #bfdbfe;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;cursor:pointer;background:#eff6ff;overflow:hidden;position:relative;transition:border-color .15s,background .15s}.ev-banner-upload:hover{border-color:var(--ev-primary);background:#dbeafe}.ev-banner-upload img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0}.ev-banner-upload__label{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#eff6ffd9;padding:.5rem 1rem;border-radius:8px}.ev-coord-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;align-items:flex-end;margin-bottom:.6rem}.ev-coord-row input{padding:.5rem .85rem;border:1.5px solid var(--ev-border);border-radius:10px;font-size:.875rem;outline:none;background:#f8fafc;font-family:inherit;transition:border-color .15s}.ev-coord-row input:focus{border-color:var(--ev-primary);background:#fff}.ev-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--ev-border);background:#f8fafc}.ev-folder-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:stretch;justify-content:center;padding:1.5rem;animation:evFadeIn .2s ease}.ev-folder-modal{background:#fff;border-radius:20px;width:100%;max-width:1100px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px #0000004d;animation:evSlideUp .25s cubic-bezier(.16,1,.3,1);max-height:calc(100vh - 3rem)}.ev-folder-modal__header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;flex-shrink:0}.ev-folder-modal__title-area{display:flex;align-items:center;gap:.85rem}.ev-folder-modal__icon{width:44px;height:44px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.ev-folder-modal__title-area h2{color:#fff;font-size:1.1rem;font-weight:800;margin:0 0 .15rem}.ev-folder-modal__title-area p{color:#fff9;font-size:.78rem;margin:0}.ev-folder-modal__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ev-fma-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:inherit;white-space:nowrap}.ev-fma-btn:disabled{opacity:.5;cursor:not-allowed}.ev-fma-upload{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.ev-fma-upload:hover:not(:disabled){background:#ffffff4d}.ev-fma-dl{background:#dcfce7;color:#15803d}.ev-fma-dl:hover:not(:disabled){background:#bbf7d0}.ev-fma-print{background:#fef3c7;color:#d97706}.ev-fma-print:hover{background:#fde68a}.ev-fma-edit{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.ev-fma-edit:hover{background:#ffffff40}.ev-fma-close{width:32px;height:32px;padding:0;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.ev-fma-close:hover{background:#ef444499}.ev-folder-modal__info-strip{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.65rem 1.5rem;background:#f8fafc;border-bottom:1px solid var(--ev-border);flex-shrink:0}.ev-info-chip{display:inline-flex;align-items:center;gap:.3rem;background:#fff;border:1px solid var(--ev-border);border-radius:20px;padding:.2rem .65rem;font-size:.72rem;color:#374151;font-weight:500}.ev-info-chip i{color:#94a3b8;font-size:.65rem}.ev-folder-modal__body{flex:1;overflow-y:auto;padding:1.5rem}.ev-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.ev-photo-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#f1f5f9;cursor:pointer}.ev-photo-item img,.ev-photo-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ev-photo-item:hover .ev-photo-item__overlay{opacity:1}.ev-photo-item__overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .2s}.ev-photo-item__action{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;transition:all .15s}.ev-photo-item__action--dl{background:#dbeafe;color:#1d4ed8}.ev-photo-item__action--dl:hover{background:#93c5fd}.ev-photo-item__action--del{background:var(--ev-danger-l);color:var(--ev-danger)}.ev-photo-item__action--del:hover{background:#fca5a5}.ev-photo-item__video-badge{position:absolute;bottom:.35rem;left:.35rem;background:#0009;color:#fff;font-size:.65rem;padding:.15rem .45rem;border-radius:4px;display:flex;align-items:center;gap:.25rem}.ev-upload-zone{border:2px dashed #bfdbfe;border-radius:12px;padding:2.5rem;text-align:center;cursor:pointer;background:#eff6ff;transition:border-color .15s,background .15s}.ev-upload-zone:hover{border-color:var(--ev-primary);background:#dbeafe}.ev-upload-zone i{font-size:2rem;color:#93c5fd;margin-bottom:.5rem;display:block}.ev-upload-zone p{font-size:.85rem;color:#2563eb;margin:0 0 .25rem;font-weight:600}.ev-upload-zone span{font-size:.75rem;color:#94a3b8}.ev-upload-zone--disabled{cursor:not-allowed;opacity:.6}.ev-progress{height:4px;background:#dbeafe;border-radius:2px;overflow:hidden}.ev-progress-bar{height:100%;background:var(--ev-primary);border-radius:2px;transition:width .3s}.ev-lightbox{position:fixed;inset:0;background:#000000eb;z-index:2000;display:flex;align-items:center;justify-content:center;animation:evFadeIn .15s ease}.ev-lightbox__content{max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:1rem}.ev-lightbox__content img{max-width:90vw;max-height:78vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #00000080}.ev-lightbox__actions{display:flex;align-items:center;gap:1rem}.ev-lightbox__actions button{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.4rem .9rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s}.ev-lightbox__actions button:hover{background:#ffffff40}.ev-lightbox__counter{color:#ffffff80;font-size:.78rem;min-width:60px;text-align:center}.ev-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:1}.ev-lightbox__nav:hover:not(:disabled){background:#ffffff40}.ev-lightbox__nav:disabled{opacity:.3;cursor:default}.ev-lightbox__nav--prev{left:1.5rem}.ev-lightbox__nav--next{right:1.5rem}.ev-status--upcoming{background:#dbeafee6;color:#1e40af}.ev-status--ongoing{background:#dcfce7e6;color:#15803d}.ev-status--completed{background:#f1f5f9e6;color:#475569}.ev-status--cancelled{background:#fee2e2e6;color:#b91c1c}.ev-badge{display:inline-flex;align-items:center;padding:.22rem .7rem;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:capitalize}.ev-badge--upcoming{background:var(--ev-primary-l);color:#1e40af}.ev-badge--ongoing{background:var(--ev-success-l);color:#15803d}.ev-badge--completed{background:#f1f5f9;color:#475569}.ev-badge--cancelled{background:var(--ev-danger-l);color:#b91c1c}.ev-toast{position:fixed;bottom:2rem;right:2rem;background:#0f172a;color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-size:.875rem;z-index:3000;box-shadow:0 4px 20px #0003;animation:evToastIn .2s ease}.ev-toast.success{border-left:4px solid var(--ev-success)}.ev-toast.error{border-left:4px solid var(--ev-danger)}@keyframes evToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.ev-stats-row{grid-template-columns:repeat(2,1fr)}.ev-stat-card:nth-child(2){border-right:none}}@media(max-width:640px){.ev-stats-row{grid-template-columns:repeat(2,1fr)}.ev-form-row,.ev-form-row.three{grid-template-columns:1fr}.ev-photo-grid{grid-template-columns:repeat(2,1fr)}.ev-body{padding:1rem}.ev-toolbar{padding:.75rem 1rem}.ev-banner{padding:1.5rem 1rem 1.25rem}.ev-folder-overlay{padding:0;border-radius:0}.ev-folder-modal{border-radius:0;max-height:100vh}.ev-folders{grid-template-columns:repeat(2,1fr);gap:1rem}.ev-lightbox__nav{display:none}}.ev-reports{padding:1.5rem 2rem 2rem}.ev-reports__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.ev-reports__title{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.ev-reports__sub{font-size:.85rem;color:#64748b;margin:0}.ev-rep-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem}.ev-rep-kpi{background:#fff;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 1px 4px #0000000f}.ev-rep-kpi__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin:0 auto .6rem}.ev-rep-kpi__val{font-size:1.6rem;font-weight:800;line-height:1}.ev-rep-kpi__lbl{font-size:.72rem;color:#64748b;margin-top:.3rem;font-weight:500}.ev-rep-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.ev-rep-card{background:#fff;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #0000000f}.ev-rep-card__title{font-size:.9rem;font-weight:700;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.ev-rep-card__title i{color:#7c3aed}.ev-rep-empty{color:#94a3b8;font-size:.85rem}.ev-rep-bar-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}.ev-rep-bar-lbl{min-width:90px;font-size:.78rem;font-weight:600;color:#475569;text-transform:capitalize}.ev-rep-bar-track{flex:1;height:10px;background:#f1f5f9;border-radius:99px;overflow:hidden}.ev-rep-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.ev-rep-bar-val{min-width:24px;font-size:.78rem;font-weight:700;color:#1e293b;text-align:right}.ev-rep-status-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem}.ev-rep-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ev-rep-status-lbl{min-width:70px;font-size:.78rem;font-weight:600;text-transform:capitalize;color:#475569}.ev-rep-status-track{flex:1;height:8px;background:#f1f5f9;border-radius:99px;overflow:hidden}.ev-rep-status-fill{height:100%;border-radius:99px;transition:width .4s}.ev-rep-status-pct{min-width:36px;font-size:.75rem;font-weight:700;color:#1e293b;text-align:right}.ev-rep-status-count{font-size:.72rem;color:#94a3b8}.ev-rep-month-chart{display:flex;align-items:flex-end;gap:.5rem;height:140px;padding-top:.5rem}.ev-rep-month-col{display:flex;flex-direction:column;align-items:center;flex:1;gap:.25rem;height:100%}.ev-rep-month-val{font-size:.7rem;font-weight:700;color:#1e293b}.ev-rep-month-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.ev-rep-month-bar{width:100%;background:linear-gradient(180deg,#818cf8,#4f46e5);border-radius:4px 4px 0 0;transition:height .4s;min-height:4px}.ev-rep-month-lbl{font-size:.65rem;color:#64748b;font-weight:500;text-align:center}.ev-rep-table{width:100%;border-collapse:collapse;font-size:.82rem}.ev-rep-table th{text-align:left;padding:.5rem .75rem;color:#64748b;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #f1f5f9}.ev-rep-table td{padding:.55rem .75rem;border-bottom:1px solid #f8fafc}.ev-rep-rank{color:#94a3b8;font-weight:700}.ev-rep-name{font-weight:600;color:#1e293b}.ev-rep-count{display:inline-flex;align-items:center;gap:.3rem;color:#7c3aed;font-weight:700}@media(max-width:768px){.ev-rep-grid{grid-template-columns:1fr}.ev-reports{padding:1rem}}.ev-rep-card--full{grid-column:1 / -1}.ev-rep-scroll{overflow-x:auto}.ev-rep-table--detail td{vertical-align:top;max-width:180px}.ev-rep-desc{font-size:.75rem;color:#475569;max-width:220px;line-height:1.4}.ev-rep-detail-sub{font-size:.7rem;color:#94a3b8;margin-top:2px}.ev-rep-nil{color:#cbd5e1;font-size:.8rem}.ev-rep-type-chip{display:inline-block;font-size:.68rem;font-weight:700;background:#f1f5f9;color:#475569;border-radius:4px;padding:1px 7px;text-transform:capitalize}.ev-rep-status-chip{display:inline-block;font-size:.68rem;font-weight:700;border-radius:4px;padding:2px 7px;text-transform:capitalize}.ev-rep-status-chip--upcoming{background:#fef3c7;color:#d97706}.ev-rep-status-chip--ongoing{background:#dcfce7;color:#16a34a}.ev-rep-status-chip--completed{background:#dbeafe;color:#1d4ed8}.ev-rep-status-chip--cancelled{background:#fee2e2;color:#dc2626}.lb-page{padding:16px 16px 80px;background:var(--bg-secondary);min-height:100%;position:relative;overflow:hidden}@media(min-width:768px){.lb-page{padding:16px 0 40px}.lb-filters{justify-content:center}.lb-podium-mobile{display:none!important}.lb-podium-desktop{display:block!important}.lb-podium-scroll{margin:0 0 32px;padding:0;overflow:visible}.lb-podium{justify-content:center;width:auto}.lb-podium-card{width:240px}.lb-podium-card--first{width:270px;transform:translateY(-16px)}.lb-podium-card--first:hover{transform:translateY(-20px)}.lb-highlights{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.lb-highlight{flex-direction:row;align-items:center;gap:10px;padding:14px 16px}.lb-highlight__value{font-size:1.3rem}.lb-table{min-width:unset}}.exp-page .app-section{padding:24px 24px 48px}.exp-hero{text-align:left;margin-bottom:28px}.exp-hero__title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;color:var(--text-primary);margin:0 0 6px;letter-spacing:-1px}.exp-hero__sub{font-size:.9rem;color:var(--text-muted);margin:0;max-width:480px;line-height:1.6}.exp-channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:768px){.exp-channels-grid{grid-template-columns:repeat(2,1fr);gap:14px}.exp-page .app-section{padding:20px 16px 48px}.exp-channel-card__banner{height:130px}.exp-channel-card__icon-wrap svg{width:40px;height:40px}}.exp-channel-card__banner{height:150px;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;position:relative;overflow:hidden}.exp-channel-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M20 20.5V18H0v5h5v5H0v5h20v-9.5zm-2 4.5h-1v-1h1v1zm-1-7h1v1h-1v-1zM0 0h20v2H0V0zm0 4h20v2H0V4z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.gc-card__class{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 3px}.gc-card__subject{font-size:.82rem;color:#ffffffe0;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-card__code{font-size:.68rem;color:#ffffffa6;margin:0}.gc-card__avatar{position:absolute;bottom:-16px;right:14px;width:40px;height:40px;border-radius:50%;background:#fff3;border:2.5px solid var(--card-bg);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0003}.gc-card__unread{position:absolute;top:10px;right:10px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;min-width:18px;height:18px;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 4px;z-index:3}.gc-card__body{padding:24px 14px 10px;flex:1}.gc-card__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px;border-top:1px solid var(--border-color);gap:8px}.dq-trending-doubt:hover{border-color:#4f46e54d;box-shadow:0 2px 8px #0000000d}.gc-popup-overlay{position:fixed;inset:0;background:#00000080;z-index:20000;display:flex;align-items:center;justify-content:center;padding:20px;animation:dqFadeIn .15s ease}.gc-popup{background:var(--bg-primary);border-radius:16px;width:100%;max-width:380px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:dqSlideUp .18s ease;overflow:hidden}.gc-popup__section-label{display:flex;align-items:center;gap:5px;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 8px}.gc-popup__member{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-color)}.gc-popup__member-avatar{width:34px;height:34px;border-radius:50%;background:#94a3b8;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gc-popup__member-avatar--teacher{background:#4f46e5}.gc-popup__member-name{font-size:.88rem;font-weight:600;color:var(--text-primary)}.gc-popup__empty{font-size:.82rem;color:var(--text-muted);font-style:italic;margin:4px 0}@media(max-width:768px){.dq-hero{padding:1.25rem 1rem}.dq-hero__right{display:none}.dq-hero__stats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.dq-hero__stats::-webkit-scrollbar{display:none}.dq-toolbar{flex-direction:column;gap:.75rem}.dq-toolbar__search{max-width:100%}.gc-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dq-breakdown__subj{min-width:80px;max-width:80px}.dq-tips-strip__list{grid-template-columns:1fr}.dq-subject-breakdown,.dq-list-row__last{display:none}}@media(max-width:480px){.gc-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gc-card__banner{height:100px}.gc-card__class{font-size:.85rem}.gc-card__subject{font-size:.72rem}}.courses-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.courses-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.creation-wizard{max-width:640px;margin:0 auto;padding:var(--spacing-xl, 24px)}.wizard-progress{display:flex;justify-content:center;gap:var(--spacing-xl, 24px);margin-bottom:var(--spacing-2xl, 32px)}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs, 4px)}.step-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280);transition:var(--transition-normal, .2s ease)}.wizard-step.active .step-number{background:var(--primary-color, #2563eb);color:#fff}.wizard-step.completed .step-number{background:#22c55e;color:#fff}.step-label{font-size:.75rem;color:var(--text-secondary, #6b7280)}.wizard-step.active .step-label{color:var(--primary-color, #2563eb);font-weight:600}.wizard-content h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs, 4px);color:var(--text-primary, #111827)}.wizard-subtitle{color:var(--text-secondary, #6b7280);margin-bottom:var(--spacing-xl, 24px)}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg, 16px)}@media(max-width:640px){.mode-options{grid-template-columns:1fr}}.mode-card{border:2px solid var(--bg-secondary, #e5e7eb);border-radius:var(--radius-xl, 16px);padding:var(--spacing-xl, 24px);text-align:left;cursor:pointer;background:var(--bg-primary, #fff);transition:var(--transition-normal, .2s ease);position:relative}.mode-card:hover:not(:disabled){border-color:var(--primary-color, #2563eb);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));transform:translateY(-2px)}.mode-card:disabled{opacity:.6;cursor:not-allowed}.mode-icon{font-size:2rem;margin-bottom:var(--spacing-md, 12px)}.mode-card h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm, 8px);color:var(--text-primary, #111827)}.mode-card p{font-size:.875rem;color:var(--text-secondary, #6b7280);line-height:1.5;margin-bottom:var(--spacing-md, 12px)}.mode-badge{display:inline-block;padding:2px 10px;border-radius:9999px;font-size:.75rem;font-weight:600}.mode-badge.available{background:#22c55e1a;color:#16a34a}.mode-badge.coming-soon{background:#f59e0b1a;color:#d97706}.form-group{margin-bottom:var(--spacing-lg, 16px)}.form-group label{display:block;font-weight:600;font-size:.875rem;margin-bottom:var(--spacing-xs, 4px);color:var(--text-primary, #111827)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border:1.5px solid var(--bg-secondary, #d1d5db);border-radius:var(--radius-md, 8px);font-size:.9375rem;background:var(--bg-primary, #fff);color:var(--text-primary, #111827);transition:var(--transition-fast, .15s ease);box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb26}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-text{display:block;color:#ef4444;font-size:.8125rem;margin-top:var(--spacing-xs, 4px)}.error-banner{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-lg, 16px);font-size:.875rem}.wizard-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md, 12px);margin-top:var(--spacing-xl, 24px)}.btn-primary{padding:var(--spacing-sm, 8px) var(--spacing-xl, 24px);background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-weight:600;font-size:.9375rem;cursor:pointer;transition:var(--transition-fast, .15s ease)}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:var(--spacing-sm, 8px) var(--spacing-xl, 24px);background:transparent;color:var(--text-secondary, #6b7280);border:1.5px solid var(--bg-secondary, #d1d5db);border-radius:var(--radius-md, 8px);font-weight:600;font-size:.9375rem;cursor:pointer;transition:var(--transition-fast, .15s ease)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary, #f3f4f6)}.live-class-dashboard{padding:var(--spacing-xl, 24px);max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl, 32px)}.dashboard-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary, #111827)}.dashboard-subtitle{color:var(--text-secondary, #6b7280);margin-top:var(--spacing-xs, 4px)}.btn-create{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 10px) var(--spacing-lg, 20px);background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:var(--radius-lg, 12px);font-weight:600;font-size:.9375rem;cursor:pointer;transition:var(--transition-normal, .2s ease);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0,0,0,.1))}.btn-create:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0,0,0,.1))}.session-section{margin-bottom:var(--spacing-2xl, 32px)}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);margin-bottom:var(--spacing-lg, 16px);display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg, 16px)}@media(max-width:640px){.session-grid{grid-template-columns:1fr}}.session-card{background:var(--bg-primary, #fff);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-xl, 16px);padding:var(--spacing-lg, 20px);cursor:pointer;transition:var(--transition-normal, .2s ease);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.07))}.session-card:hover{box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0,0,0,.1));transform:translateY(-2px)}.session-card.live-card{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fff 90%,#ef44440a)}.session-card.past-card{opacity:.7}.session-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md, 12px)}.session-card h3{font-size:1.0625rem;font-weight:600;color:var(--text-primary, #111827);margin-bottom:var(--spacing-xs, 4px)}.session-description{font-size:.8125rem;color:var(--text-secondary, #6b7280);margin-bottom:var(--spacing-sm, 8px);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.session-time{font-size:.8125rem;color:var(--text-secondary, #6b7280)}.session-mode{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280);font-weight:600}.status-badge{display:inline-block;padding:2px 10px;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-scheduled{background:#3b82f61a;color:#2563eb}.badge-starting{background:#f59e0b1a;color:#d97706}.badge-live{background:#ef44441f;color:#dc2626;animation:pulse-bg 2s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:1}50%{opacity:.7}}.badge-ending{background:#f59e0b1a;color:#d97706}.badge-ended{background:#6b72801a;color:#6b7280}.badge-failed{background:#ef444414;color:#ef4444}.live-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.session-card-actions{margin-top:var(--spacing-md, 12px)}.btn-start{padding:var(--spacing-xs, 6px) var(--spacing-lg, 16px);background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-weight:600;font-size:.8125rem;cursor:pointer;transition:var(--transition-fast, .15s ease)}.btn-start:hover{background:#1d4ed8}.btn-go-live{width:100%;padding:var(--spacing-sm, 8px);background:#ef4444;color:#fff;border:none;border-radius:var(--radius-md, 8px);font-weight:600;font-size:.875rem;cursor:pointer;margin-top:var(--spacing-md, 12px);transition:var(--transition-fast, .15s ease)}.btn-go-live:hover{background:#dc2626}.empty-state{text-align:center;padding:var(--spacing-2xl, 48px) var(--spacing-xl, 24px);background:var(--bg-secondary, #f9fafb);border-radius:var(--radius-xl, 16px);border:2px dashed rgba(0,0,0,.08)}.empty-state p{color:var(--text-secondary, #6b7280);margin-bottom:var(--spacing-md, 12px)}.dashboard-loading{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl, 48px);color:var(--text-secondary, #6b7280)}.loading-spinner{width:32px;height:32px;border:3px solid var(--bg-secondary, #e5e7eb);border-top-color:var(--primary-color, #2563eb);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md, 12px)}.dashboard-error{text-align:center;padding:var(--spacing-xl, 24px);background:#ef44440d;border-radius:var(--radius-lg, 12px);color:#dc2626}.dashboard-error button{margin-top:var(--spacing-md, 12px);padding:var(--spacing-xs, 6px) var(--spacing-lg, 16px);background:#dc2626;color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.streaming-interface{padding:var(--spacing-lg, 16px);max-width:1000px;margin:0 auto}.streaming-interface.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary, #6b7280)}.streaming-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg, 16px);padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);background:var(--bg-primary, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.07))}.streaming-info h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827)}.streaming-stats{display:flex;align-items:center;gap:var(--spacing-md, 12px);margin-top:var(--spacing-xs, 4px)}.live-indicator{display:flex;align-items:center;gap:6px;color:#ef4444;font-weight:700;font-size:.875rem;letter-spacing:.05em}.live-dot-sm{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.elapsed-time{font-family:SF Mono,Menlo,monospace;font-size:.875rem;color:var(--text-secondary, #6b7280);background:var(--bg-secondary, #f3f4f6);padding:2px 8px;border-radius:var(--radius-sm, 4px)}.btn-start-stream{padding:var(--spacing-sm, 10px) var(--spacing-xl, 24px);background:#ef4444;color:#fff;border:none;border-radius:var(--radius-lg, 12px);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition-normal, .2s ease);box-shadow:0 4px 12px #ef44444d}.btn-start-stream:hover:not(:disabled){background:#dc2626;transform:scale(1.02)}.btn-start-stream:disabled{opacity:.6;cursor:not-allowed}.btn-end-stream{padding:var(--spacing-sm, 10px) var(--spacing-xl, 24px);background:var(--bg-primary, #fff);color:#ef4444;border:2px solid #ef4444;border-radius:var(--radius-lg, 12px);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition-normal, .2s ease)}.btn-end-stream:hover:not(:disabled){background:#ef44440f}.stream-error-banner{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-lg, 16px);font-size:.875rem}.stream-preview-area{background:#000;border-radius:var(--radius-xl, 16px);overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg, 16px)}.stream-preview-placeholder{text-align:center;color:#9ca3af;padding:var(--spacing-2xl, 48px)}.placeholder-icon{font-size:3rem;margin-bottom:var(--spacing-md, 12px)}.stream-preview-placeholder h3{color:#e5e7eb;font-size:1.25rem;margin-bottom:var(--spacing-sm, 8px)}.stream-preview-placeholder p{font-size:.875rem}.youtube-link{margin-top:var(--spacing-md, 12px)}.youtube-link a{color:#3b82f6}.session-details-bar{display:flex;gap:var(--spacing-xl, 24px);padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);background:var(--bg-primary, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.07));font-size:.8125rem}.detail-label{color:var(--text-secondary, #6b7280)}.detail-value{font-weight:600;color:var(--text-primary, #111827)}.connection-connected{color:#22c55e}.connection-failed{color:#ef4444}.student-live-view{padding:var(--spacing-xl, 24px);max-width:1000px;margin:0 auto}.student-live-view.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary, #6b7280)}.student-live-view h1{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);margin-bottom:var(--spacing-xl, 24px)}.student-section{margin-bottom:var(--spacing-2xl, 32px)}.student-section h2{font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);margin-bottom:var(--spacing-lg, 16px);display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.student-session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg, 16px)}.student-session-card{background:var(--bg-primary, #fff);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-xl, 16px);padding:var(--spacing-lg, 20px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.07));transition:var(--transition-normal, .2s ease)}.student-session-card.live-session{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fff 85%,#ef444408)}.student-session-card h3{font-size:1rem;font-weight:600;color:var(--text-primary, #111827);margin-bottom:var(--spacing-xs, 4px)}.student-card-desc{font-size:.8125rem;color:var(--text-secondary, #6b7280);line-height:1.4;margin-bottom:var(--spacing-sm, 8px)}.student-card-time{font-size:.8125rem;color:var(--text-secondary, #6b7280)}.student-card-status{margin-bottom:var(--spacing-sm, 8px)}.live-badge-student{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#ef44441a;color:#dc2626;border-radius:9999px;font-weight:700;font-size:.75rem;letter-spacing:.05em}.btn-watch{width:100%;padding:var(--spacing-sm, 10px);background:#ef4444;color:#fff;border:none;border-radius:var(--radius-md, 8px);font-weight:600;font-size:.9375rem;cursor:pointer;margin-top:var(--spacing-md, 12px);transition:var(--transition-fast, .15s ease)}.btn-watch:hover{background:#dc2626}.student-player-container{max-width:960px;margin:0 auto}.btn-back{background:none;border:none;color:var(--text-secondary, #6b7280);font-size:.875rem;cursor:pointer;padding:0;margin-bottom:var(--spacing-md, 12px)}.btn-back:hover{color:var(--text-primary, #111827)}.player-header{margin-bottom:var(--spacing-md, 12px)}.player-info{display:flex;align-items:center;gap:var(--spacing-md, 12px)}.player-info h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827)}.youtube-player-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:var(--radius-xl, 16px);overflow:hidden;margin-bottom:var(--spacing-lg, 16px)}.youtube-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.player-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;text-align:center}.player-placeholder h3{color:#e5e7eb;margin-bottom:var(--spacing-xs, 4px)}.session-description-box{background:var(--bg-secondary, #f9fafb);padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);border-radius:var(--radius-lg, 12px);font-size:.875rem;color:var(--text-secondary, #6b7280)}.student-empty{text-align:center;padding:var(--spacing-2xl, 48px);color:var(--text-secondary, #6b7280);background:var(--bg-secondary, #f9fafb);border-radius:var(--radius-xl, 16px);border:2px dashed rgba(0,0,0,.06)}.student-error{background:#ef44440f;border:1px solid rgba(239,68,68,.15);color:#dc2626;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-lg, 16px);font-size:.875rem}.no-upcoming{color:var(--text-secondary, #6b7280);font-size:.875rem}.communication-page{min-height:100%;background:var(--bg-primary)}.comm-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:#f8fafc;color:#6366f1;font-weight:700;font-size:1.25rem}.communication-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-text h1{font-size:1.5rem;font-weight:900;margin-bottom:.25rem;line-height:1.1;letter-spacing:-.04em;text-shadow:0 10px 30px rgba(0,0,0,.3)}.hero-text p{font-size:.85rem;opacity:.95;line-height:1.6;font-weight:500;max-width:700px;margin:0 auto}.skills-overview-section{max-width:1400px;margin:0 auto;padding:4rem 2rem}.skills-grid{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem 2rem 2rem;scrollbar-width:none;-ms-overflow-style:none;max-width:1200px;margin:0 auto;box-sizing:border-box}.skill-card{background:var(--card-bg);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;min-width:320px;max-width:320px;height:480px;flex-shrink:0;box-shadow:var(--shadow-sm);overflow:visible;display:flex;flex-direction:column}.learning-resources-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.video-courses-scroll{overflow-x:auto;padding:0 0 1rem;margin:0 -2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.video-courses-container{display:flex;gap:2rem;padding:0 2rem;min-width:-moz-max-content;min-width:max-content}.ai-practice-section{padding:5rem 0;background:var(--bg-secondary);position:relative;overflow:hidden}.ai-practice-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem}.ai-practice-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.ai-practice-text h2{font-size:3rem;font-weight:800;color:var(--text-primary);margin:0 0 1.5rem;line-height:1.2}.ai-practice-text p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.ai-cta-buttons{display:flex;gap:1rem}.primary-cta-btn,.secondary-cta-btn{padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none}.assessments-section{padding:4rem 0;background:var(--bg-secondary)}.assessments-section .section-header{max-width:1200px;margin:0 auto 3rem;padding:0 2rem;text-align:center}.assessments-grid{display:flex;gap:2rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem 2rem 2rem;scrollbar-width:none;-ms-overflow-style:none;max-width:1200px;margin:0 auto;box-sizing:border-box}.assessment-card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease;overflow:hidden;min-width:300px;max-width:300px;flex-shrink:0;display:flex;flex-direction:column;height:auto}.score-circle .circle-progress{fill:none;stroke:url(#gradient-comm);stroke-width:10;stroke-linecap:round;stroke-dasharray:440;transition:stroke-dashoffset 1.5s ease-in-out;filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.split-right:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="rgba(99,102,241,0.1)"/></svg>');background-size:20px 20px;opacity:.5}.confirm-dialog-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--card-bg);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:450px;width:100%;animation:dialogSlideIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border-color);overflow:hidden}@keyframes dialogSlideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.confirm-dialog-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:2rem auto 1rem;font-size:1.5rem}.confirm-dialog-icon.warning{background:#f59e0b26;color:#f59e0b}.confirm-dialog-icon.danger{background:#ef444426;color:#ef4444}.confirm-dialog-icon.info{background:#3b82f626;color:#3b82f6}.confirm-dialog-content{text-align:center;padding:0 2rem 1.5rem}.confirm-dialog-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.confirm-dialog-message{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.confirm-dialog-actions{display:flex;gap:.75rem;padding:1.5rem 2rem 2rem;border-top:1px solid var(--border-color)}.confirm-dialog-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.cancel-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.confirm-btn{color:#fff;box-shadow:0 4px 12px #00000026}.confirm-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-btn.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b4d}.confirm-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px #ef44444d}.confirm-btn.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-btn.info:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}@media(max-width:640px){.confirm-dialog{max-width:calc(100vw - 2rem);margin:1rem}.confirm-dialog-icon{width:50px;height:50px;font-size:1.25rem;margin:1.5rem auto .75rem}.confirm-dialog-content{padding:0 1.5rem 1rem}.confirm-dialog-title{font-size:1.1rem}.confirm-dialog-message{font-size:.9rem}.confirm-dialog-actions{padding:1rem 1.5rem 1.5rem;flex-direction:column}.confirm-dialog-btn{width:100%;padding:.875rem 1.25rem}}[data-theme=dark] .confirm-dialog{box-shadow:0 20px 40px #0009}.confirm-dialog-btn:focus{outline:2px solid var(--text-primary);outline-offset:2px}.confirm-dialog-icon i{animation:iconPulse .5s ease-out}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sm-dashboard-layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start;margin-top:1rem}.sm-main-col{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.sm-sidebar-col{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:1.5rem}.sm-panel{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #ebebf5);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.04));transition:transform .2s,box-shadow .2s}.sm-panel:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.06))}.sm-panel__header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, #6b7280);border-bottom:1px solid var(--border-color, #f3f4f6);background:var(--bg-primary, #f9fafb)}.sm-panel__header i{color:var(--primary-color, #3b82f6);font-size:.85rem}.sm-panel__body{padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}.sm-quick-list{display:flex;flex-direction:column;gap:.75rem}.sm-quick-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:10px;border:1px solid var(--border-color, #f3f4f6);background:var(--bg-secondary, #f9fafb);transition:all .2s ease;text-decoration:none;color:inherit}.sm-quick-item:hover{border-color:var(--primary-color, #3b82f6);background:var(--hover-bg, #f3f4f6);transform:translate(2px)}.sm-quick-item__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-size:.95rem;flex-shrink:0}.sm-quick-item__icon--pdf{background:#fee2e2;color:#ef4444}.sm-quick-item__icon--video{background:#dbeafe;color:#2563eb}.sm-quick-item__content{flex:1;min-width:0}.sm-quick-item__title{font-size:.8rem;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.sm-quick-item__meta{font-size:.68rem;color:var(--text-muted, #9ca3af);display:flex;align-items:center;gap:4px}.sm-quick-item__meta span{display:inline-block;white-space:nowrap}.sm-tracker-item{display:flex;flex-direction:column;gap:.375rem}.sm-tracker-info{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:600;color:var(--text-primary, #374151)}.sm-tracker-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75%}.sm-tracker-val{font-size:.72rem;color:var(--text-secondary, #6b7280)}.sm-progress-track{width:100%;height:6px;background:var(--bg-secondary, #e5e7eb);border-radius:9999px;overflow:hidden}.sm-progress-fill{height:100%;border-radius:9999px;transition:width .4s ease-out}.sm-mixer{display:flex;flex-direction:column;gap:.75rem}.sm-mixer-bar{display:flex;height:10px;border-radius:9999px;overflow:hidden;background:var(--bg-secondary, #e5e7eb)}.sm-mixer-fill{height:100%}.sm-mixer-fill--pdf{background:#ef4444}.sm-mixer-fill--video{background:#2563eb}.sm-mixer-legend{display:flex;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--text-secondary, #6b7280);font-weight:500}.sm-mixer-legend-item{display:flex;align-items:center;gap:4px}.sm-mixer-dot{width:8px;height:8px;border-radius:50%}.sm-mixer-dot--pdf{background:#ef4444}.sm-mixer-dot--video{background:#2563eb}.sm-tips-card{position:relative;background:linear-gradient(135deg,#4285f414,#8b5cf614);border:1px solid rgba(66,133,244,.15);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.sm-tips-card__glow{position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);pointer-events:none}.sm-tips-header{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;text-transform:uppercase;color:#7c3aed;letter-spacing:.06em}.sm-tips-header i{font-size:.8rem;animation:float 2s infinite ease-in-out}.sm-tips-title{font-size:.88rem;font-weight:700;color:var(--text-primary, #111827);margin:0}.sm-tips-desc{font-size:.78rem;color:var(--text-secondary, #4b5563);line-height:1.5;margin:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.sm-archive-section{margin-top:1rem}.sm-archive-accordion{display:flex;flex-direction:column;gap:.75rem}.sm-archive-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #ebebf5);border-radius:12px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.sm-archive-card--expanded{border-color:#4285f466;box-shadow:0 4px 16px #4285f40f}.sm-archive-card__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:transparent;border:none;text-align:left;cursor:pointer;font-family:inherit;transition:background .18s}.sm-archive-card__header:hover{background:var(--hover-bg, #f9fafb)}.sm-archive-card__info{display:flex;align-items:center;gap:.75rem}.sm-archive-card__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #4b5563);font-size:.95rem}.sm-archive-card--expanded .sm-archive-card__icon{background:#4285f414;color:#4285f4}.sm-archive-card__title{font-size:.88rem;font-weight:700;color:var(--text-primary, #111827);margin:0 0 2px}.sm-archive-card__sub{font-size:.72rem;color:var(--text-muted, #9ca3af);margin:0}.sm-archive-card__chevron{font-size:.88rem;color:var(--text-muted, #9ca3af);transition:transform .25s ease}.sm-archive-card--expanded .sm-archive-card__chevron{transform:rotate(180deg);color:#4285f4}.sm-archive-card__content{border-top:1px solid var(--border-color, #f3f4f6);padding:1.25rem;background:var(--bg-secondary, #fafafa);animation:slideDown .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sm-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.sm-archive-item{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #ebebf5);border-radius:10px;padding:.875rem;display:flex;align-items:center;gap:.75rem;position:relative;transition:all .2s}.sm-archive-item:hover{transform:translateY(-1px);border-color:var(--primary-color, #3b82f6);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.05))}.sm-archive-item__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;font-size:.95rem;flex-shrink:0}.sm-archive-item__icon--pdf{background:#fee2e2;color:#ef4444}.sm-archive-item__icon--video{background:#ede9fe;color:#7c3aed}.sm-archive-item__details{flex:1;min-width:0;padding-right:1.5rem}.sm-archive-item__title{font-size:.78rem;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.sm-archive-item__subject{font-size:.68rem;color:var(--text-muted, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-archive-item__action{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted, #9ca3af);text-decoration:none;font-size:.75rem;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .18s;background:var(--bg-secondary, #f9fafb)}.sm-archive-item:hover .sm-archive-item__action{color:#fff;background:var(--primary-color, #4285f4)}.sm-archive-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted, #9ca3af);text-align:center}.sm-archive-empty i{font-size:1.75rem;margin-bottom:.5rem;opacity:.7}.sm-archive-empty p{font-size:.75rem;margin:0}@media(max-width:768px){.sm-dashboard-layout{grid-template-columns:1fr;gap:1.25rem}.sm-sidebar-col{position:static}}[data-theme=dark] .sm-panel{background:#121212!important;border-color:#262626!important}[data-theme=dark] .sm-panel__header{background:#181818!important;color:#ccc!important;border-bottom-color:#262626!important}[data-theme=dark] .sm-quick-item{border-color:#262626!important;background:#161616!important}[data-theme=dark] .sm-quick-item:hover{background:#202020!important;border-color:#4285f4!important}[data-theme=dark] .sm-quick-item__icon--pdf{background:#ef444426;color:#f87171}[data-theme=dark] .sm-quick-item__icon--video{background:#2563eb26;color:#60a5fa}[data-theme=dark] .sm-tracker-info{color:#e5e5e5!important}[data-theme=dark] .sm-tracker-val{color:#a3a3a3!important}[data-theme=dark] .sm-progress-track{background:#262626!important}[data-theme=dark] .sm-mixer-dot--pdf{background:#f87171}[data-theme=dark] .sm-mixer-bar{background:#262626!important}[data-theme=dark] .sm-mixer-dot--video{background:#60a5fa}[data-theme=dark] .sm-mixer-legend{color:#a3a3a3!important}[data-theme=dark] .sm-tips-card{background:linear-gradient(135deg,#4285f426,#8b5cf626)!important;border-color:#4285f440!important}[data-theme=dark] .sm-tips-title{color:#fff!important}[data-theme=dark] .sm-tips-desc{color:#d4d4d4!important}[data-theme=dark] .sm-archive-card{background:#121212!important;border-color:#262626!important}[data-theme=dark] .sm-archive-card--expanded{border-color:#4285f466!important}[data-theme=dark] .sm-archive-card__header:hover{background:#181818!important}[data-theme=dark] .sm-archive-card__icon{background:#1a1a1a!important;color:#a3a3a3!important}[data-theme=dark] .sm-archive-card--expanded .sm-archive-card__icon{background:#4285f426!important;color:#60a5fa!important}[data-theme=dark] .sm-archive-card__title{color:#fff!important}[data-theme=dark] .sm-archive-card__content{border-top-color:#262626!important;background:#161616!important}[data-theme=dark] .sm-archive-item{background:#121212!important;border-color:#262626!important}[data-theme=dark] .sm-archive-item:hover{border-color:#4285f4!important}[data-theme=dark] .sm-archive-item__icon--pdf{background:#ef444426!important;color:#f87171!important}[data-theme=dark] .sm-archive-item__icon--video{background:#7c3aed26!important;color:#c084fc!important}[data-theme=dark] .sm-archive-item__title{color:#fff!important}[data-theme=dark] .sm-archive-item__action{background:#1a1a1a!important;color:#a3a3a3!important}.ml-page{padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem;min-height:100%;font-family:inherit}.ml-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem;color:#9ca3af}.ml-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:ml-spin .7s linear infinite}@keyframes ml-spin{to{transform:rotate(360deg)}}.ml-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.ml-section-head h2{font-size:1rem;font-weight:800;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.ml-section-head h2 i{color:#4f46e5}.ml-section-sub{font-size:.78rem;color:#9ca3af;margin:.25rem 0 0}.ml-class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.ml-class-card{position:relative;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;cursor:pointer;color:#fff;min-height:175px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 20px #0000002e}.ml-class-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 36px #00000047}.ml-class-card__circle{position:absolute;top:-40px;right:-40px;width:130px;height:130px;background:#ffffff14;border-radius:50%;pointer-events:none}.ml-class-card__top{display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}.ml-class-card__label{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ffffffa6}.ml-class-card__name{font-size:1.35rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.02em}.ml-class-card__subjects{display:flex;flex-wrap:wrap;gap:.3rem;position:relative;z-index:1;flex:1}.ml-class-card__subject-chip{font-size:.6rem;font-weight:600;padding:2px 7px;border-radius:20px;background:#ffffff2e;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.ml-class-card__footer{display:flex;align-items:center;gap:.625rem;font-size:.7rem;color:#fffc;position:relative;z-index:1;flex-wrap:wrap}.ml-class-card__footer i{margin-right:3px}.ml-class-card__cta{margin-left:auto;font-size:.72rem;font-weight:700;color:#fffffff2;background:#ffffff2e;padding:3px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:4px;transition:background .15s}.ml-class-card:hover .ml-class-card__cta{background:#ffffff47}.ml-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#6b7280;flex-wrap:wrap}.ml-breadcrumb__back{display:flex;align-items:center;gap:.4rem;font-weight:600;color:#4f46e5;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.82rem;padding:0;transition:opacity .15s}.ml-breadcrumb__back:hover{opacity:.7}.ml-breadcrumb__sep{color:#d1d5db;font-size:.7rem}.ml-breadcrumb__current{font-weight:700;color:#111827}.ml-filters{display:flex;flex-direction:column;gap:.625rem}.ml-filter-group{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.ml-filter-group--subjects{gap:.35rem}.ml-filter-pill{display:flex;align-items:center;gap:.35rem;padding:.35rem .875rem;border-radius:20px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.ml-filter-pill--active{background:#4f46e5;border-color:#4f46e5;color:#fff}.ml-filter-pill:hover:not(.ml-filter-pill--active){border-color:color-mix(in srgb,var(--pill-c, #4f46e5) 40%,transparent);color:var(--pill-c, #4f46e5)}.ml-search{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:.4rem .875rem;max-width:280px;transition:border-color .15s}.ml-search:focus-within{border-color:#4f46e5}.ml-search__icon{color:#9ca3af;font-size:.8rem;flex-shrink:0}.ml-search__input{flex:1;border:none;background:transparent;outline:none;font-size:.82rem;color:#111827;font-family:inherit;min-width:0}.ml-search__clear{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:.75rem;padding:0;display:flex;align-items:center}.ml-result-count{font-size:.75rem;color:#9ca3af;margin:0}.ml-resource-section{display:flex;flex-direction:column;gap:.875rem}.ml-resource-title{font-size:.9rem;font-weight:700;color:#374151;margin:0;display:flex;align-items:center;gap:.5rem}.ml-resource-count{font-size:.7rem;font-weight:600;color:#9ca3af;background:#f3f4f6;padding:1px 8px;border-radius:20px}.ml-mat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem}.ml-mat-card{border:1.5px solid #ebebf5;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:transform .2s,box-shadow .2s}.ml-mat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a;border-color:#c7d2fe}.ml-mat-card__thumb{height:140px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;flex-shrink:0}.ml-mat-card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ml-mat-card__thumb-icon{font-size:2.5rem;opacity:.6}.ml-mat-card__play-overlay{position:absolute;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;transition:background .15s}.ml-mat-card__thumb:hover .ml-mat-card__play-overlay{background:#0006}.ml-mat-card__play-btn{width:44px;height:44px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003}.ml-mat-card__play-btn i{color:#4f46e5;font-size:1rem;margin-left:2px}.ml-mat-card__duration{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;font-size:.65rem;font-weight:600;padding:2px 7px;border-radius:4px}.ml-mat-card__subject-badge{position:absolute;top:8px;left:8px;font-size:.6rem;font-weight:700;padding:3px 8px;border-radius:6px;background:#ffffff38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(255,255,255,.3)}.ml-mat-card__body{padding:.875rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.ml-mat-card__subject{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.ml-mat-card__title{font-size:.875rem;font-weight:700;color:#111827;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ml-mat-card__desc{font-size:.72rem;color:#6b7280;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ml-mat-card__tags{display:flex;flex-wrap:wrap;gap:.3rem}.ml-mat-card__tag{font-size:.6rem;font-weight:500;padding:2px 6px;border-radius:4px;background:#f3f4f6;color:#6b7280}.ml-mat-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid #f3f4f6;margin-top:auto}.ml-mat-card__meta{font-size:.68rem;color:#9ca3af;display:flex;align-items:center;gap:4px}.ml-mat-card__btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .15s;font-family:inherit}.ml-mat-card__btn--blue{background:#4f46e5;color:#fff}.ml-mat-card__btn--blue:hover{background:#4338ca}.ml-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#d1d5db;gap:.75rem;text-align:center;background:#fafafa;border-radius:14px;border:1.5px dashed #e5e7eb}.ml-empty i{font-size:2.5rem}.ml-empty p{font-size:.875rem;color:#9ca3af;margin:0}.ml-reset-btn{padding:.5rem 1.25rem;border-radius:20px;border:1.5px solid #c7d2fe;background:#eff6ff;color:#4f46e5;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.ml-reset-btn:hover{background:#e0e7ff}.ml-modal-overlay{position:fixed;inset:0;background:#000000e0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:ml-fade .2s ease}@keyframes ml-fade{0%{opacity:0}to{opacity:1}}.ml-modal{background:#fff;border-radius:18px;width:100%;max-width:860px;max-height:90vh;overflow-y:auto;position:relative;animation:ml-up .25s cubic-bezier(.16,1,.3,1)}@keyframes ml-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ml-modal__close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:10;transition:background .15s}.ml-modal__close:hover{background:#000c}.ml-modal__player{background:#000}.ml-modal__ratio{position:relative;padding-bottom:56.25%;height:0}.ml-modal__ratio iframe,.ml-modal__ratio video{position:absolute;top:0;left:0;width:100%;height:100%}.ml-modal__info{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.625rem}.ml-modal__subject{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4f46e5}.ml-modal__title{font-size:1.15rem;font-weight:800;color:#111827;margin:0}.ml-modal__meta{display:flex;flex-wrap:wrap;gap:.5rem}.ml-modal__meta-chip{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:3px 10px;border-radius:6px;display:flex;align-items:center;gap:4px}.ml-modal__desc{font-size:.875rem;color:#6b7280;line-height:1.6;margin:0}[data-theme=dark] .ml-mat-card{background:#1e1e1e;border-color:#ffffff14}[data-theme=dark] .ml-mat-card__title{color:#f1f5f9}[data-theme=dark] .ml-mat-card__footer{border-color:#ffffff0f}[data-theme=dark] .ml-mat-card__tag{background:#ffffff14;color:#9ca3af}[data-theme=dark] .ml-breadcrumb__current,[data-theme=dark] .ml-section-head h2{color:#f1f5f9}[data-theme=dark] .ml-resource-title{color:#d1d5db}[data-theme=dark] .ml-empty{background:#1e1e1e;border-color:#ffffff14}[data-theme=dark] .ml-search{background:#1e1e1e;border-color:#ffffff1a}[data-theme=dark] .ml-search__input{color:#f1f5f9}[data-theme=dark] .ml-filter-pill{background:#1e1e1e;border-color:#ffffff1a;color:#9ca3af}[data-theme=dark] .ml-modal{background:#1e1e1e}[data-theme=dark] .ml-modal__title{color:#f1f5f9}[data-theme=dark] .ml-modal__meta-chip{background:#ffffff14}@media(max-width:640px){.ml-page{padding:.75rem;gap:1rem}.ml-class-grid,.ml-mat-grid{grid-template-columns:1fr 1fr}.ml-search{max-width:100%}.ml-modal{max-width:100%;border-radius:18px 18px 0 0}.ml-modal-overlay{align-items:flex-end;padding:0}}@media(max-width:400px){.ml-class-grid,.ml-mat-grid{grid-template-columns:1fr}}.ml-section-title{font-size:1rem;font-weight:800;color:#111827;margin:0 0 .2rem}[data-theme=dark] .ml-section-title{color:#f1f5f9}.ml-count-badge{font-size:.72rem;font-weight:600;color:#6b7280;background:#f3f4f6;padding:3px 10px;border-radius:20px;white-space:nowrap}.ml-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.ml-back-btn{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:#4f46e5;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;transition:opacity .15s}.ml-back-btn:hover{opacity:.7}.ml-type-tabs{display:flex;gap:.3rem;background:#f3f4f6;padding:3px;border-radius:10px}[data-theme=dark] .ml-type-tabs{background:#ffffff12}.ml-type-tab{display:flex;align-items:center;gap:.35rem;padding:.3rem .875rem;border-radius:8px;border:none;background:transparent;color:#6b7280;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.ml-type-tab--active{background:#fff;color:#4f46e5;box-shadow:0 1px 4px #0000001a}[data-theme=dark] .ml-type-tab--active{background:#2a2a2a;color:#818cf8}.ml-type-tab:hover:not(.ml-type-tab--active){color:#374151}@media(max-width:480px){.ml-topbar{flex-direction:column;align-items:flex-start;gap:.625rem}}.results-layout{display:grid;grid-template-columns:1fr 280px;gap:2rem;margin-bottom:2rem}.results-main-content{min-width:0}.results-sidebar{position:sticky;top:2rem;height:-moz-fit-content;height:fit-content}.results-tabs{display:flex;flex-direction:column;gap:8px;background:var(--card-bg);padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.results-tabs .tab-item{padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;text-align:left;width:100%}.results-tabs .tab-item i{font-size:1rem;width:18px;text-align:center}.results-tabs .tab-item:hover{background:var(--bg-subtle);color:var(--text-primary);transform:translate(4px)}.results-tabs .tab-item.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #6366f14d;transform:translate(4px)}.analytics-summary-card{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:1.25rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.summary-info{flex:1;min-width:200px}.summary-info h2{font-size:1.25rem!important;margin:0!important}.summary-info p{font-size:.85rem!important;margin:4px 0 0!important}.summary-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.stat-mini{text-align:center;min-width:70px}.stat-mini div:first-child{font-size:1.25rem;font-weight:700;line-height:1;margin-bottom:4px}.stat-mini div:last-child{font-size:.75rem;opacity:.7}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-score,.summary-score .val,.summary-score .lbl{display:none}@media(max-width:1024px){.results-layout{grid-template-columns:1fr;gap:1.5rem}.results-sidebar{position:static;order:-1}.results-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:8px}.results-tabs::-webkit-scrollbar{display:none}.tab-item{white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;padding:10px 16px}.results-tabs .tab-item:hover,.results-tabs .tab-item.active{transform:none}}@media(max-width:768px){.results-layout{gap:1rem}.analytics-summary-card{padding:1rem;margin-bottom:1rem}.summary-stats{gap:1rem}.stat-mini{min-width:60px}.stats-grid{grid-template-columns:1fr;gap:.75rem}}.stats-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.aptitude-results-grid,.lms-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--card-spacing)}.aptitude-card{padding:1.25rem;border:1px solid var(--border-color);transition:all .3s ease}.aptitude-card:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.aptitude-card .category-tag{display:inline-block;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:700;background:#f1f5f9;color:#475569;margin-bottom:12px}.difficulty-tag{font-size:.7rem;padding:2px 8px;border-radius:6px;margin-left:8px}.difficulty-tag.Easy{background:#dcfce7;color:#166534}.difficulty-tag.Medium{background:#fef3c7;color:#92400e}.difficulty-tag.Hard{background:#fee2e2;color:#991b1b}.lms-result-card{padding:1.5rem;border-left:4px solid var(--primary-color)}.lms-result-card .subject{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;margin-bottom:4px}.lms-result-card .assignment-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem}.history-timeline{display:flex;flex-direction:column;gap:1.5rem;position:relative;padding-left:20px}.history-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-group{position:relative}.timeline-dot{position:absolute;left:-24px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--primary-color);outline:4px solid white}.section-header-academic{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.academic-filters{display:flex;gap:12px}.filter-select{padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);font-size:.85rem;color:var(--text-primary);outline:none}.results-tab-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.results-tab{padding:7px 16px;border-radius:9999px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.82rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .18s ease}.results-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.results-tab--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.results-layout-new{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}@media(max-width:900px){.results-layout-new{grid-template-columns:1fr}}.results-exam-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.results-exam-group__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.results-exam-group__name{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 3px}.results-exam-group__type{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--primary-color);background:#2563eb14;padding:2px 8px;border-radius:4px}.results-exam-group__date{font-size:.72rem;color:var(--text-muted);flex-shrink:0}.results-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:var(--border-color)}.result-card{background:var(--bg-primary);padding:16px;display:flex;flex-direction:column;gap:10px;transition:background .15s}.result-card:hover{background:var(--bg-secondary)}.result-card--absent{background:#ef44440a;display:flex;flex-direction:column;gap:8px;padding:16px}.result-card--absent:hover{background:#ef444414}.result-card__absent-badge{display:inline-flex;align-items:center;gap:5px;background:#fee2e2;color:#dc2626;font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:9999px;width:-moz-fit-content;width:fit-content}.result-card__absent-note{font-size:.75rem;color:var(--text-muted);font-style:italic;margin:0}.result-card__date{display:flex;align-items:center;gap:5px;font-size:.68rem;color:var(--text-muted);margin-top:auto}.result-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.result-card__subject{font-size:.82rem;font-weight:700;color:var(--text-primary);line-height:1.2}.result-card__grade-pill{font-size:.68rem;font-weight:800;padding:3px 9px;border-radius:6px;flex-shrink:0}.result-card__score-row{display:flex;align-items:baseline;gap:4px}.result-card__marks{font-size:1.8rem;font-weight:900;color:var(--text-primary);line-height:1}.result-card__sep{font-size:1rem;color:var(--text-muted)}.result-card__total{font-size:.9rem;color:var(--text-muted);flex:1}.result-card__pct{font-size:.8rem;font-weight:800;margin-left:auto}.result-card__bar{height:4px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.result-card__bar-fill{height:100%;border-radius:9999px;transition:width .4s ease}.result-card__remarks{font-size:.72rem;color:var(--text-muted);font-style:italic;margin:0;line-height:1.4;display:flex;gap:5px;align-items:flex-start}.result-card__remarks i{color:var(--primary-color);margin-top:1px;flex-shrink:0;font-size:.65rem}.results-sidebar-new{position:sticky;top:80px}.results-sidebar-new__title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.results-sidebar-new__sub{font-size:.75rem;color:var(--text-muted);margin:0 0 16px}.sp-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;margin-bottom:10px;display:flex;flex-direction:column;gap:7px}.sp-card__top{display:flex;align-items:center;justify-content:space-between}.sp-card__subject{font-size:.82rem;font-weight:700;color:var(--text-primary)}.sp-card__grade{font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:5px}.sp-card__bar{height:5px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.sp-card__bar-fill{height:100%;border-radius:9999px;transition:width .4s ease}.sp-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:.72rem}.sp-card__teacher{color:var(--text-muted);font-size:.68rem}.sp-card__breakdown{display:flex;flex-direction:column;gap:3px;padding-top:6px;border-top:1px solid var(--border-color)}.sp-card__breakdown-item{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted)}.tasks-tabs{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding-bottom:2px}.tasks-tabs::-webkit-scrollbar{display:none}.tasks-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:9999px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.82rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0}.tasks-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.tasks-tab--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tasks-tab__count{background:#00000014;padding:1px 7px;border-radius:9999px;font-size:.7rem;font-weight:700}.tasks-tab--active .tasks-tab__count{background:#ffffff40;color:#fff}.tasks-scroll-wrapper{overflow-x:auto;overflow-y:visible;margin:0 calc(var(--content-padding-mobile, 16px) * -1);padding:0 var(--content-padding-mobile, 16px);scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.tasks-scroll-wrapper::-webkit-scrollbar{display:none}.tasks-grid{display:flex;flex-direction:row;gap:16px;width:-moz-max-content;width:max-content;padding-bottom:8px}.task-card{min-width:270px;width:270px;flex-shrink:0}.tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:16px;color:var(--text-muted);gap:12px}.tasks-empty svg{opacity:.3}.task-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0000000d}.task-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0000001a}.task-card__hero{position:relative;height:110px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-card__hero-icon{color:#ffffffd9}.grad--homework{background:linear-gradient(135deg,#667eea,#764ba2)}.grad--assignment{background:linear-gradient(135deg,#f093fb,#f5576c)}.grad--project{background:linear-gradient(135deg,#4facfe,#00f2fe)}.task-card__status-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:9999px;border:1px solid transparent}.status--pending{background:#fef3c7;color:#92400e;border-color:#fde68a}.status--submitted{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.status--graded{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.status--overdue{background:#fee2e2;color:#991b1b;border-color:#fecaca}.task-card__body{padding:14px 16px 10px;display:flex;flex-direction:column;gap:8px;flex:1}.task-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-card__subject{display:inline-block;font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:6px}.subj--math{background:#ede9fe;color:#5b21b6}.subj--english{background:#e0f2fe;color:#0369a1}.subj--tamil{background:#fef3c7;color:#92400e}.subj--science{background:#d1fae5;color:#065f46}.subj--social{background:#fee2e2;color:#991b1b}.subj--cs{background:#f3e8ff;color:#6b21a8}.task-card__type-label{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:var(--text-muted);font-weight:500}.task-card__title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card__desc{font-size:.76rem;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card__grade{display:flex;flex-direction:column;gap:5px}.task-card__grade-row{display:flex;align-items:center;gap:8px}.task-card__marks{font-size:.82rem;font-weight:700;color:var(--text-primary)}.task-card__grade-badge{background:#d1fae5;color:#065f46;font-size:.68rem;font-weight:800;padding:2px 8px;border-radius:6px}.task-card__bar{height:5px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.task-card__bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:9999px;transition:width .4s ease}.task-card__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 14px;border-top:1px solid var(--border-color);margin-top:auto}.task-card__teacher,.task-card__due{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted);font-weight:500}.task-card__due--overdue{color:#dc2626}.tasks-modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:20000;display:flex;align-items:flex-start;justify-content:center;padding:72px 16px 24px;overflow:hidden;animation:tmFadeIn .15s ease}@keyframes tmFadeIn{0%{opacity:0}to{opacity:1}}.tasks-modal{background:var(--bg-primary);border-radius:20px;width:calc(100% - 32px);max-width:440px;max-height:calc(100vh - 96px);overflow-y:auto;overflow-x:hidden;box-shadow:0 24px 60px #00000040;animation:tmSlideUp .2s ease;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-shrink:0}.tasks-modal::-webkit-scrollbar{width:5px}.tasks-modal::-webkit-scrollbar-track{background:transparent}.tasks-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.tasks-modal::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes tmSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tasks-modal__hero{position:relative;height:130px;display:flex;align-items:center;justify-content:center;border-radius:20px 20px 0 0}.tasks-modal__hero-icon{color:#ffffffd9}.tasks-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#0003;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.tasks-modal__close:hover{background:#00000059}.tasks-modal__content{padding:20px 24px 28px;display:flex;flex-direction:column;gap:14px}.tasks-modal__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tasks-modal__title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.35}.tasks-modal__desc{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.6}.tasks-modal__info{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--bg-secondary);border-radius:12px;padding:14px}.tasks-modal__info-item{display:flex;align-items:flex-start;gap:9px}.tasks-modal__info-icon{color:var(--primary-color);margin-top:2px;flex-shrink:0}.tasks-modal__info-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px}.tasks-modal__info-value{display:block;font-size:.82rem;font-weight:600;color:var(--text-primary)}.tasks-modal__grade-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.tasks-modal__grade-heading{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#065f46;margin:0}.tasks-modal__grade-body{display:flex;align-items:center;gap:14px}.tasks-modal__score{display:flex;align-items:baseline;gap:3px}.tasks-modal__score-num{font-size:2.2rem;font-weight:800;color:var(--text-primary);line-height:1}.tasks-modal__score-total{font-size:1rem;color:var(--text-muted)}.tasks-modal__grade-pill{background:#059669;color:#fff;font-size:1rem;font-weight:800;padding:4px 14px;border-radius:8px}.tasks-modal__bar{height:6px;background:#d1fae5;border-radius:9999px;overflow:hidden}.tasks-modal__bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:9999px}.tasks-modal__feedback{display:flex;align-items:flex-start;gap:7px;font-size:.8rem;color:#065f46;font-style:italic;margin:0;line-height:1.5}.tasks-modal__actions{display:flex;flex-direction:column;gap:8px}.tasks-modal__btn{width:100%;padding:12px;border-radius:12px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .2s}.tasks-modal__btn:hover{opacity:.9;transform:translateY(-1px)}.tasks-modal__btn--primary{background:var(--primary-color);color:#fff;border:none}.tasks-modal__btn--outline{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-color)}.tasks-modal__btn--outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.tasks-modal__submission{display:flex;flex-direction:column;gap:8px;margin-top:4px}.tasks-modal__submission-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.tasks-modal__textarea{width:100%;min-height:120px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;padding:12px;font-size:.88rem;color:var(--text-primary);font-family:inherit;resize:vertical;transition:all .2s ease}.tasks-modal__textarea:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb, 99, 102, 241),.1)}.tasks-modal__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--loading{position:relative;color:transparent!important}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.tasks-scroll-wrapper{overflow-x:visible;margin:0;padding:0}.tasks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:auto;padding-bottom:0}.task-card{min-width:unset;width:auto}}@media(max-width:480px){.tasks-modal__info{grid-template-columns:1fr}}.tasks-dashboard-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.tasks-main-col{min-width:0}.tasks-sidebar-col{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}.tasks-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.tasks-view-modes{display:flex;gap:6px}.view-mode-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.view-mode-btn:hover,.view-mode-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.tasks-filters-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-secondary)}.filter-group label{font-weight:600;white-space:nowrap}.filter-group select{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;padding:5px 10px;font-size:.78rem;color:var(--text-primary);font-family:inherit;cursor:pointer;transition:border-color .18s}.filter-group select:focus{outline:none;border-color:var(--primary-color)}.priority-badge{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.priority--high{background:#fee2e2;color:#991b1b}.priority--medium{background:#fef3c7;color:#92400e}.priority--low{background:#d1fae5;color:#065f46}[data-theme=dark] .priority--high{background:#ef44442e;color:#fca5a5}[data-theme=dark] .priority--medium{background:#f59e0b2e;color:#fcd34d}[data-theme=dark] .priority--low{background:#10b9812e;color:#6ee7b7}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kanban-column{background:var(--bg-secondary);border-radius:14px;padding:14px;min-height:300px;border:1.5px solid var(--border-color)}.kanban-column-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}.kanban-col--todo .kanban-column-title{color:#f59e0b}.kanban-col--submitted .kanban-column-title{color:#3b82f6}.kanban-col--completed .kanban-column-title{color:#10b981}.kanban-count{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:9999px;padding:0 7px;font-size:.68rem;color:var(--text-muted)}.kanban-cards{display:flex;flex-direction:column;gap:10px}.kanban-task-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:12px;cursor:pointer;transition:transform .15s,box-shadow .15s}.kanban-task-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}.kanban-task-card h4{font-size:.8rem;font-weight:600;color:var(--text-primary);margin:6px 0;line-height:1.3}.kanban-task-header,.kanban-task-footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.kanban-task-footer{font-size:.68rem;color:var(--text-muted);margin-top:8px;border-top:1px solid var(--border-color);padding-top:8px}.kanban-empty{text-align:center;color:var(--text-muted);font-size:.78rem;padding:20px 0;opacity:.6}.overdue-text{color:#ef4444;font-weight:600}.calendar-view-container{padding:4px 0}.calendar-month-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day-header{text-align:center;font-size:.65rem;font-weight:700;color:var(--text-muted);padding:4px 0;text-transform:uppercase;letter-spacing:.5px}.calendar-cell{min-height:70px;background:var(--bg-secondary);border-radius:8px;padding:5px;border:1px solid var(--border-color);transition:background .15s}.calendar-cell:hover{background:var(--bg-primary)}.calendar-cell--empty{background:transparent;border-color:transparent}.calendar-day-number{display:block;font-size:.72rem;font-weight:700;color:var(--text-secondary);margin-bottom:3px}.calendar-cell-tasks{display:flex;flex-direction:column;gap:2px}.calendar-task-dot{font-size:.58rem;font-weight:600;color:#fff;padding:2px 4px;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:opacity .15s}.calendar-task-dot:hover{opacity:.85}.tasks-sidebar-card{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:16px;padding:18px;transition:box-shadow .2s}.tasks-sidebar-card:hover{box-shadow:0 4px 20px #00000014}.tasks-sidebar-card h3{font-size:.82rem;font-weight:700;color:var(--text-primary);margin:0 0 14px;text-transform:uppercase;letter-spacing:.5px}.analytics-progress-gauge{text-align:center}.gauge-circle{width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--primary-color) var(--pct, 60%),var(--bg-secondary) 0%);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;position:relative}.gauge-circle:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--bg-primary)}.gauge-text{position:relative;z-index:1;font-size:1rem;font-weight:800;color:var(--primary-color)}.gauge-sub{font-size:.72rem;color:var(--text-muted);margin:0;line-height:1.4}.streak-container{margin-top:14px}.streak-badge{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f973161f,#ea580c0f);border:1px solid rgba(249,115,22,.25);border-radius:10px;padding:10px 14px}.streak-icon{color:#f97316;flex-shrink:0}.streak-number{display:block;font-size:.95rem;font-weight:800;color:#f97316;line-height:1.1}.streak-label{display:block;font-size:.68rem;color:var(--text-muted)}.badges-list{display:flex;flex-direction:column;gap:10px}.badge-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border-color);transition:transform .15s}.badge-item:hover{transform:translate(3px)}.badge-item.active{border-color:rgba(var(--primary-rgb,99,102,241),.3);background:rgba(var(--primary-rgb,99,102,241),.05)}.badge-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-icon--homework{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge-icon--speed{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.badge-icon--assignment{background:linear-gradient(135deg,#f6d365,#fda085);color:#fff}.badge-icon--locked{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.badge-details{flex:1;min-width:0}.badge-name{display:block;font-size:.78rem;font-weight:700;color:var(--text-primary)}.badge-desc{display:block;font-size:.65rem;color:var(--text-muted);margin-top:1px}.badge-item:not(.active) .badge-name{color:var(--text-muted)}.badge-progress-bar{height:4px;background:var(--bg-tertiary, #f1f5f9);border-radius:999px;overflow:hidden;margin-top:4px}.badge-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#818cf8);border-radius:999px;transition:width .5s ease}.deadline-icon--warning{color:#f59e0b;flex-shrink:0;margin-top:2px}.deadlines-list{display:flex;flex-direction:column;gap:10px}.deadline-item{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:8px;border-radius:8px;transition:background .15s}.deadline-item:hover{background:var(--bg-secondary)}.deadline-icon--critical{color:#ef4444;flex-shrink:0;margin-top:2px}.deadline-info h4{font-size:.78rem;font-weight:600;color:var(--text-primary);margin:0 0 2px;line-height:1.3}.deadline-info span{font-size:.68rem;color:#ef4444;font-weight:600}.goals-list{display:flex;flex-direction:column;gap:8px}.goal-checkbox-row{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 8px;border-radius:8px;transition:background .15s}.goal-checkbox-row:hover{background:var(--bg-secondary)}.goal-checkbox-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0}.goal-text{font-size:.78rem;color:var(--text-secondary);line-height:1.4;transition:color .15s}.goal-checkbox-row:has(input:checked) .goal-text{color:var(--text-muted);text-decoration:line-through}@media(max-width:1024px){.tasks-dashboard-layout{grid-template-columns:1fr 260px}.kanban-board{grid-template-columns:1fr 1fr}}@media(max-width:768px){.tasks-dashboard-layout{grid-template-columns:1fr}.tasks-sidebar-col{position:static;display:grid;grid-template-columns:1fr 1fr}.kanban-board{grid-template-columns:1fr}.calendar-grid{gap:2px}.calendar-cell{min-height:48px}}@media(max-width:480px){.tasks-sidebar-col{grid-template-columns:1fr}}.task-card--archived{opacity:.75;border-style:dashed!important;border-color:var(--border-color)!important;background:var(--bg-secondary)!important}.task-card__archive-badge{font-size:.58rem;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-color)}.tasks-sections-list{display:flex;flex-direction:column;gap:28px;width:100%}.tasks-section-group{display:flex;flex-direction:column;gap:14px}.tasks-section-header{display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin:0 0 4px;padding-bottom:6px;border-bottom:1.5px solid var(--border-color)}.tasks-section-header--pending{color:#4f46e5;border-bottom-color:#4f46e540}[data-theme=dark] .tasks-section-header--pending{color:#818cf8}.tasks-section-header--completed{color:#059669;border-bottom-color:#05966940}[data-theme=dark] .tasks-section-header--completed{color:#34d399}.tasks-section-header--archived{color:#6b7280;border-bottom-color:var(--border-color)}.tasks-section-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:9999px;border:1px solid var(--border-color)}.tasks-section-header--pending .tasks-section-badge{background:#4f46e50f;color:#4f46e5;border-color:#4f46e526}[data-theme=dark] .tasks-section-header--pending .tasks-section-badge{background:#818cf826;color:#818cf8}.tasks-section-header--completed .tasks-section-badge{background:#0596690f;color:#059669;border-color:#05966926}[data-theme=dark] .tasks-section-header--completed .tasks-section-badge{background:#34d39926;color:#34d399}.tasks-modal__offline-notice{display:flex;align-items:flex-start;gap:12px;background:var(--bg-secondary);border:1.5px dashed var(--border-color);border-radius:12px;padding:14px;color:var(--text-secondary);margin-top:4px;text-align:left}.tasks-modal__offline-notice svg{color:var(--primary-color);flex-shrink:0;margin-top:2px}.tasks-modal__offline-title{display:block;font-size:.82rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.tasks-modal__offline-desc{display:block;font-size:.74rem;line-height:1.45;color:var(--text-muted)}.rc-page{padding:16px 0 40px;background:var(--bg-secondary);min-height:100%}.rc-controls{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:0 16px}.rc-controls__tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;flex:1}.rc-controls__tabs::-webkit-scrollbar{display:none}.rc-tab{padding:7px 14px;border-radius:9999px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.78rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0}.rc-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.rc-tab--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.rc-print-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s;flex-shrink:0}.rc-print-btn:hover{opacity:.88}.rc-print-btn:disabled{opacity:.6;cursor:not-allowed}.rc-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #00000014;max-width:1100px;margin:0 16px}.rc-school-header{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff}.rc-school-logo{flex-shrink:0;background:#fff;border-radius:8px;padding:5px 8px;display:flex;align-items:center}.rc-school-info{flex:1;min-width:0}.rc-school-name{font-size:.95rem;font-weight:800;margin:0 0 3px;color:#fff;line-height:1.2}.rc-school-sub{font-size:.68rem;color:#ffffffbf;margin:0;line-height:1.4}.rc-title-bar{display:flex;align-items:center;justify-content:space-between;background:#1e3a5f;color:#fff;padding:7px 18px;font-size:.68rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;gap:8px;flex-wrap:wrap}.rc-info-grid{padding:14px 18px;border-bottom:2px solid var(--border-color);display:flex;flex-direction:column;gap:10px;background:var(--bg-primary)}.rc-info-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rc-info-item{display:flex;flex-direction:column;gap:2px}.rc-info-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.rc-info-value{font-size:.82rem;color:var(--text-primary);font-weight:500}.rc-info-value--bold{font-weight:800;font-size:.88rem}.rc-info-value--grade{display:inline-block;padding:3px 10px;border-radius:6px;font-weight:800;font-size:.82rem;width:-moz-fit-content;width:fit-content}.rc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 0 16px;background:var(--bg-primary)}.rc-table{width:100%;min-width:700px;border-collapse:collapse;font-size:.78rem;margin-top:0}.rc-th{background:#1e3a5f;color:#fff;padding:9px 8px;text-align:center;font-size:.68rem;font-weight:700;border:1px solid #2d4f7c;white-space:nowrap;line-height:1.3}.rc-th--subject{text-align:left;min-width:120px}.rc-th--remarks{text-align:left;min-width:160px}.rc-th--highlight{background:#1a56db}.rc-th-sub{font-size:.58rem;font-weight:400;opacity:.8}.rc-td{padding:8px;border:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;background:var(--bg-primary)}.rc-td--center{text-align:center}.rc-td--subject{font-weight:600;color:var(--text-primary);font-size:.8rem}.rc-td--remarks{font-size:.7rem;color:var(--text-muted);font-style:italic}.rc-td--highlight{background:#2563eb14;font-weight:700;color:var(--primary-color)}.rc-tr--even .rc-td{background:var(--bg-secondary)}.rc-tr--even .rc-td--highlight{background:#2563eb1f}.rc-tfoot-row .rc-td{font-size:.78rem;border-top:2px solid var(--border-color);background:var(--bg-secondary)}.rc-grade-pill{display:inline-block;padding:2px 8px;border-radius:5px;font-size:.68rem;font-weight:800}.rc-grade-scale{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:10px 18px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.rc-grade-scale__label{font-size:.68rem;font-weight:700;color:var(--text-secondary);margin-right:4px}.rc-grade-scale__item{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:5px}.rc-remarks-box{margin:14px 18px;background:#0284c714;border:1px solid rgba(2,132,199,.25);border-left:4px solid #0284c7;border-radius:8px;padding:10px 14px}.rc-remarks-box__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#0284c7;margin:0 0 4px}.rc-remarks-box__text{font-size:.82rem;color:var(--text-primary);font-style:italic;margin:0;line-height:1.6}.rc-promoted{display:flex;align-items:center;gap:8px;margin:0 18px 14px;padding:9px 14px;background:#05966914;border:1px solid rgba(5,150,105,.25);border-radius:8px;font-size:.82rem;color:#059669}.rc-promoted i{color:#059669;font-size:.95rem}.rc-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 18px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.rc-sig{text-align:center}.rc-sig__line{height:1px;background:var(--text-secondary);margin-bottom:7px}.rc-sig__name{font-size:.72rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.rc-sig__role{font-size:.65rem;color:var(--text-muted);margin:0}.rc-footer-note{text-align:center;font-size:.65rem;color:var(--text-muted);padding:8px 18px 14px;border-top:1px solid var(--border-color);background:var(--bg-primary)}[data-theme=dark] .rc-card{box-shadow:0 4px 32px #00000080}@media(min-width:768px){.rc-page{padding:16px 0 40px}.rc-controls{padding:0}.rc-card{margin:0 auto;border-radius:16px}.rc-school-header{padding:20px 28px;gap:20px}.rc-school-name{font-size:1.15rem}.rc-school-sub{font-size:.75rem}.rc-title-bar{padding:8px 28px;font-size:.78rem}.rc-info-grid{padding:16px 28px}.rc-info-row{grid-template-columns:repeat(4,1fr)}.rc-table-wrap{padding:0 28px 16px}.rc-table{min-width:unset;font-size:.82rem}.rc-th{font-size:.72rem;padding:10px}.rc-td{padding:9px 10px}.rc-grade-scale{padding:10px 28px}.rc-remarks-box{margin:16px 28px;padding:12px 16px}.rc-promoted{margin:0 28px 16px;padding:10px 16px;font-size:.85rem}.rc-signatures{padding:20px 28px;gap:24px}.rc-sig__name{font-size:.8rem}.rc-footer-note{padding:10px 28px 16px;font-size:.68rem}}.rc-actions{display:flex;justify-content:flex-end;padding:0 0 1rem}.rc-download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4f46e559;white-space:nowrap}.rc-download-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 18px #4f46e573;transform:translateY(-1px)}.rc-download-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.rc-download-btn i{font-size:.85rem}.lb-page{padding:16px 0 40px;background:var(--bg-secondary);min-height:100%;position:relative;overflow:hidden}.lb-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14vw;font-weight:900;color:var(--border-color);opacity:.18;pointer-events:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.lb-title-row{text-align:center;margin-bottom:16px;position:relative;z-index:1}.lb-title{font-size:clamp(2rem,8vw,4.5rem);font-weight:900;color:var(--text-primary);margin:0 0 4px;letter-spacing:-1px;line-height:1}.lb-sub{font-size:.82rem;color:var(--text-muted);margin:0}.lb-filters{display:flex;justify-content:flex-start;gap:8px;margin-bottom:20px;position:relative;z-index:1;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.lb-filters::-webkit-scrollbar{display:none}.lb-filter{padding:6px 16px;border-radius:9999px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0}.lb-filter:hover{border-color:var(--primary-color);color:var(--primary-color)}.lb-filter--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.lb-podium-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;margin:0 -16px 20px;padding:0 16px;scrollbar-width:none;position:relative;z-index:1}.lb-podium-scroll::-webkit-scrollbar{display:none}.lb-podium{display:flex;align-items:flex-end;justify-content:flex-start;gap:12px;width:-moz-max-content;width:max-content;padding-bottom:8px}.lb-podium-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;width:200px;flex-shrink:0;box-shadow:0 4px 20px #00000014;transition:transform .2s ease}.lb-podium-card:hover{transform:translateY(-4px)}.lb-podium-card--first{width:220px;box-shadow:0 8px 32px #f59e0b40;transform:translateY(-12px)}.lb-podium-card--first:hover{transform:translateY(-16px)}.lb-podium-card__banner{position:relative;height:100px;display:flex;align-items:center;justify-content:center;padding:12px}.lb-podium-card__pos{position:absolute;top:8px;left:12px;font-size:1.4rem;font-weight:900;color:#00000040;line-height:1}.lb-podium-card__pos sup{font-size:.65rem;font-weight:700}.lb-podium-card__avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff;border:3px solid rgba(255,255,255,.6);box-shadow:0 4px 12px #00000026}.lb-podium-card__score-badge{position:absolute;bottom:8px;right:10px;background:#0000008c;color:#fff;font-size:.68rem;font-weight:800;padding:2px 8px;border-radius:9999px}.lb-podium-card__body{padding:12px 14px 14px}.lb-podium-card__name{font-size:.88rem;font-weight:800;color:var(--text-primary);margin:0 0 2px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.lb-podium-card__roll{font-size:.65rem;color:var(--text-muted);margin:0 0 10px}.lb-podium-card__stats{display:flex;gap:0;border-top:1px solid var(--border-color);padding-top:8px}.lb-podium-card__stat{flex:1;text-align:center;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--border-color)}.lb-podium-card__stat:last-child{border-right:none}.lb-podium-card__stat span:first-child{font-size:.82rem;font-weight:800;color:var(--text-primary)}.lb-podium-card__stat span:last-child{font-size:.58rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.lb-me-tag{background:var(--primary-color);color:#fff;font-size:.58rem;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase}.lb-highlights{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;position:relative;z-index:1}.lb-highlight{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #0000000a}.lb-highlight__icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.lb-highlight__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.lb-highlight__label{font-size:.58rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-weight:600}.lb-highlight__name{font-size:.72rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-highlight__value{font-size:1.3rem;font-weight:900;flex-shrink:0;line-height:1}.lb-table-wrap{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;position:relative;z-index:1;box-shadow:0 2px 12px #0000000d}.lb-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.82rem}.lb-th{padding:10px 12px;text-align:left;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);white-space:nowrap}.lb-th--rank{width:50px;text-align:center}.lb-th--score{text-align:center}.lb-tr{border-bottom:1px solid var(--border-color);transition:background .15s}.lb-tr:last-child{border-bottom:none}.lb-tr:hover{background:var(--bg-secondary)}.lb-tr--me{background:#2563eb0d}.lb-tr--me:hover{background:#2563eb14}.lb-td{padding:10px 12px;color:var(--text-primary);vertical-align:middle}.lb-td--rank,.lb-td--center{text-align:center}.lb-rank-num{font-size:1rem;font-weight:800}.lb-student{display:flex;align-items:center;gap:9px}.lb-student__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0}.lb-student__name{font-size:.8rem;font-weight:700;color:var(--text-primary);margin:0 0 2px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.lb-student__roll{font-size:.65rem;color:var(--text-muted);margin:0}.lb-badge{font-size:.82rem}.lb-streak{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.lb-mini-bar-wrap{display:flex;align-items:center;gap:6px;justify-content:center;font-size:.72rem;font-weight:600;color:var(--text-secondary)}.lb-mini-bar{width:48px;height:4px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;flex-shrink:0}.lb-mini-bar__fill{height:100%;border-radius:9999px}.lb-score-badge{display:inline-block;padding:3px 10px;border-radius:7px;font-size:.78rem;font-weight:800}.lb-podium-desktop{display:none}.lb-podium-mobile{display:flex;justify-content:center;margin-bottom:24px;position:relative;z-index:1}@media(min-width:768px){.lb-page{padding:16px 0 40px}.lb-filters{justify-content:center}.lb-podium-mobile{display:none!important}.lb-podium-desktop{display:block!important}.lb-podium-scroll{margin:0 0 20px;padding:0;overflow:visible}.lb-podium{justify-content:center;width:auto}.lb-podium-card{width:210px}.lb-podium-card--first{width:240px;transform:translateY(-12px)}.lb-podium-card--first:hover{transform:translateY(-16px)}.lb-highlights{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.lb-highlight{flex-direction:row;align-items:center;gap:10px;padding:12px 14px}.lb-highlight__value{font-size:1.2rem}.lb-table{min-width:unset}}.att-page{background:var(--bg-secondary);min-height:100%}.att-tabs{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.att-tabs::-webkit-scrollbar{display:none}.att-tab{padding:7px 16px;border-radius:9999px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:6px}.att-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.att-tab--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.att-calendar-wrap{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:16px;box-shadow:0 2px 12px #0000000d}.att-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.att-cal-nav__title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0}.att-cal-nav__btn{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:all .15s}.att-cal-nav__btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.att-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.att-legend__item{display:flex;align-items:center;gap:4px;font-size:.68rem;color:var(--text-secondary);font-weight:500}.att-legend__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.att-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.att-cal-day-header{text-align:center;font-size:.62rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;padding:3px 0 6px}.att-cal-cell{aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:background .15s;border:1.5px solid transparent}.att-cal-cell:hover:not(.att-cal-cell--sunday):not(.att-cal-cell--empty){background:var(--bg-secondary);border-color:var(--border-color)}.att-cal-cell--empty{cursor:default}.att-cal-cell--sunday{cursor:default;opacity:.35}.att-cal-cell--today{border-color:var(--primary-color)!important;background:#2563eb0f}.att-cal-cell--selected{background:#2563eb1f!important;border-color:var(--primary-color)!important}.att-cal-cell__num{font-size:.72rem;font-weight:600;color:var(--text-primary);line-height:1}.att-cal-cell__dot{width:5px;height:5px;border-radius:50%}.att-day-popup{margin-top:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.att-day-popup__header{display:flex;align-items:center;justify-content:space-between;width:100%}.att-day-popup__header span{font-size:.82rem;font-weight:600;color:var(--text-primary)}.att-day-popup__header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.82rem}.att-day-popup__status{font-size:.75rem;font-weight:700;padding:3px 12px;border-radius:9999px;width:-moz-fit-content;width:fit-content}.att-cal-layout{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.att-subjects{display:grid;grid-template-columns:1fr;gap:12px}.att-subject-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:9px;box-shadow:0 2px 8px #0000000a}.att-subject-card__top{display:flex;align-items:flex-start;justify-content:space-between}.att-subject-card__name{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.att-subject-card__teacher{font-size:.7rem;color:var(--text-muted);margin:0}.att-subject-card__pct{font-size:1.3rem;font-weight:900;line-height:1;flex-shrink:0}.att-subject-card__bar{height:5px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.att-subject-card__bar-fill{height:100%;border-radius:9999px;transition:width .4s ease}.att-subject-card__stats{display:flex;flex-wrap:wrap;gap:8px;font-size:.7rem;font-weight:600}.att-subject-card__stats span{display:flex;align-items:center;gap:4px}.att-subject-card__warning{display:flex;align-items:center;gap:7px;background:#fef3c7;color:#92400e;font-size:.7rem;font-weight:600;padding:6px 10px;border-radius:8px;border:1px solid #fde68a}.att-log-wrap{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;box-shadow:0 2px 12px #0000000d}.att-log-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.8rem}.att-log-th{padding:10px 12px;text-align:left;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);white-space:nowrap}.att-log-tr{border-bottom:1px solid var(--border-color);transition:background .15s}.att-log-tr:last-child{border-bottom:none}.att-log-tr:hover{background:var(--bg-secondary)}.att-log-td{padding:9px 12px;color:var(--text-primary);vertical-align:middle}.att-log-td--date{font-weight:600;white-space:nowrap;font-size:.78rem}.att-log-td--day{color:var(--text-muted);font-size:.75rem}.att-log-td--center{text-align:center}.att-log-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;font-size:.75rem;font-weight:700}.att-log-summary{font-size:.78rem;font-weight:700;color:var(--text-primary)}.att-log-wrap--panel{border-radius:14px;border:1px solid var(--border-color);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;background:var(--bg-primary);box-shadow:0 2px 12px #0000000d}.att-log-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.att-log-panel-title{font-size:.85rem;font-weight:700;color:var(--text-primary)}.att-log-panel-sub{font-size:.68rem;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:9999px}.att-log-tr--selected{background:#2563eb0f!important}.att-log-tr--selected .att-log-td{border-left:3px solid var(--primary-color)}.att-log-tr--selected .att-log-td:not(:first-child){border-left:none}.att-log-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:12px;color:var(--text-muted)}.att-log-empty i{font-size:2rem;opacity:.3}.att-log-empty p{font-size:.82rem;margin:0}@media(min-width:768px){.att-cal-layout{grid-template-columns:360px 1fr;gap:20px}.att-calendar-wrap{padding:20px}.att-subjects{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.att-log-table{min-width:unset}.att-log-wrap--panel{overflow-x:hidden}}.att-selector-bar{display:flex;flex-direction:column;gap:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:16px;margin:16px 0;box-shadow:0 4px 20px #00000008}.att-selector-label{font-size:.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.att-selector-buttons{display:flex;flex-wrap:wrap;gap:8px}.att-selector-btn{padding:8px 16px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.att-selector-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#2563eb0a}.att-selector-btn--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #2563eb40}.att-breakdown-container{display:flex;flex-direction:column;gap:16px;margin-top:8px}.att-accordion-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008;transition:all .25s cubic-bezier(.4,0,.2,1)}.att-accordion-card--open{box-shadow:0 10px 30px #00000014;border-color:#2563eb4d}.att-accordion-header{display:flex;flex-direction:column;gap:12px;padding:20px;cursor:pointer;transition:background .2s}.att-accordion-header:hover{background:var(--bg-secondary)}.att-accordion-title-wrap{display:flex;flex-direction:column;gap:2px}.att-accordion-title{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin:0}.att-accordion-subtitle{font-size:.75rem;color:var(--text-muted);font-weight:500}.att-accordion-header-stats{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between;width:100%}.att-accordion-progress-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:140px}.att-accordion-pct{font-size:1.1rem;font-weight:800;min-width:48px;text-align:right}.att-accordion-bar{height:6px;background:var(--bg-tertiary);border-radius:999px;flex:1;overflow:hidden}.att-accordion-bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.att-accordion-pills{display:flex;gap:6px}.att-accordion-pill{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:8px}.att-accordion-pill--present{background:#dcfce7;color:#15803d}.att-accordion-pill--absent{background:#fee2e2;color:#b91c1c}.att-accordion-toggle{background:var(--bg-tertiary);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s}.att-accordion-toggle:hover{background:var(--border-color);color:var(--text-primary)}.att-accordion-content{border-top:1px solid var(--border-color);padding:20px;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);display:flex;flex-direction:column;gap:20px}.att-accordion-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.att-accordion-stat-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.att-accordion-stat-val{font-size:1.25rem;font-weight:800;color:var(--text-primary)}.att-accordion-stat-lbl{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.att-accordion-stat-box.text-green .att-accordion-stat-val{color:#22c55e}.att-accordion-stat-box.text-red .att-accordion-stat-val{color:#ef4444}.att-accordion-stat-box.text-amber .att-accordion-stat-val{color:#f59e0b}.att-accordion-section-title{font-size:.82rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.att-accordion-subjects-grid{display:grid;grid-template-columns:1fr;gap:12px}.att-accordion-subject-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.att-accordion-sub-top{display:flex;justify-content:space-between;align-items:center}.att-accordion-sub-name{font-size:.8rem;font-weight:700;color:var(--text-primary)}.att-accordion-sub-pct{font-size:.9rem;font-weight:800}.att-accordion-sub-bar{height:4px;background:var(--bg-tertiary);border-radius:99px;overflow:hidden}.att-accordion-sub-bar-fill{height:100%;border-radius:99px}.att-accordion-sub-details{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;color:var(--text-muted);font-weight:600}.att-accordion-sub-warning{display:inline-flex;align-items:center;gap:3px;background:#fef3c7;color:#92400e;padding:2px 6px;border-radius:4px}.att-accordion-empty-text{font-size:.8rem;color:var(--text-muted);text-align:center;margin:10px 0}.att-accordion-logs{display:flex;flex-direction:column;gap:8px}.att-accordion-log-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:10px 14px}.att-accordion-log-left{display:flex;flex-direction:column;gap:2px}.att-accordion-log-date{font-size:.72rem;font-weight:700;color:var(--text-primary)}.att-accordion-log-sub{font-size:.75rem;color:var(--text-muted)}.att-accordion-badge{font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase}.att-accordion-badge--present{background:#dcfce7;color:#166534}.att-accordion-badge--absent{background:#fee2e2;color:#991b1b}.att-accordion-badge--late{background:#fef3c7;color:#92400e}@media(min-width:768px){.att-selector-bar{flex-direction:row;align-items:center;justify-content:space-between;margin:20px 0}.att-selector-label{margin-bottom:0}.att-accordion-header{flex-direction:row;align-items:center;justify-content:space-between}.att-accordion-header-stats{width:auto;flex:1;max-width:60%;justify-content:flex-end}.att-accordion-stats-grid{grid-template-columns:repeat(4,1fr)}.att-accordion-subjects-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.student-leave-page{display:flex;flex-direction:column;gap:0;width:100%}.student-leave-wrapper{margin-top:1rem}.student-leave-wrapper .lv-header-content{display:none}.student-leave-wrapper .lv-header{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin-bottom:1rem!important}.student-leave-wrapper .lv-header-tabs{margin-top:0!important;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;border:none!important;padding-bottom:2px}.student-leave-wrapper .lv-header-tabs::-webkit-scrollbar{display:none}.student-leave-wrapper .lv-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:9999px;border:1.5px solid var(--border-color, #e5e7eb)!important;background:var(--bg-primary, #ffffff)!important;color:var(--text-secondary, #6b7280)!important;font-size:.82rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0;margin:0!important}.student-leave-wrapper .lv-tab:hover{border-color:var(--primary-color, #4f46e5)!important;color:var(--primary-color, #4f46e5)!important}.student-leave-wrapper .lv-tab-active{background:var(--primary-color, #4f46e5)!important;border-color:var(--primary-color, #4f46e5)!important;color:#fff!important}.student-leave-wrapper .lv-page{padding:0!important;background:transparent!important;min-height:auto!important}.exp-page{background:var(--bg-secondary);min-height:100%}.exp-page .app-section{padding:16px 0 24px}.exp-hero{text-align:left;margin-bottom:16px}.exp-hero__title{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:900;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.5px}.exp-hero__sub{font-size:.82rem;color:var(--text-muted);margin:0;max-width:480px;line-height:1.5}.exp-channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1100px){.exp-channels-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.exp-channels-grid{grid-template-columns:repeat(2,1fr);gap:12px}.exp-page .app-section{padding:14px 0 20px}.exp-channel-card__banner{height:120px}.exp-channel-card__icon-wrap svg{width:36px;height:36px}}.exp-channel-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 10px #0000000d}.exp-channel-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000001f}.exp-channel-card__banner{height:130px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;position:relative;overflow:hidden}.exp-channel-card__banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.05) 60%,transparent 100%);z-index:0;pointer-events:none}.exp-channel-card__banner-left,.exp-channel-card__icon-wrap{position:relative;z-index:1}.exp-channel-card__banner:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M20 20.5V18H0v5h5v5H0v5h20v-9.5zm-2 4.5h-1v-1h1v1zm-1-7h1v1h-1v-1zM0 0h20v2H0V0zm0 4h20v2H0V4z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.exp-channel-card__icon-wrap{display:flex;align-items:center;justify-content:center;z-index:1}.exp-channel-card__icon-wrap i{font-size:52px;opacity:.9;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.exp-channel-card__count{position:absolute;top:10px;right:12px;background:#00000059;color:#fff;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:9999px;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exp-channel-card__body{padding:14px 16px 10px;flex:1;display:flex;flex-direction:column;gap:6px}.exp-channel-card__name{font-size:1.2rem;font-weight:800;color:#fff;margin:0 0 3px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.exp-channel-card__tagline{font-size:.75rem;color:#ffffffeb;margin:0 0 6px;text-shadow:0 1px 3px rgba(0,0,0,.25)}.exp-channel-card__types{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.exp-channel-card__type-pill{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:9999px}.exp-channel-card__footer{padding:10px 16px 14px;border-top:1px solid var(--border-color);font-size:.78rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;justify-content:flex-end;gap:6px}.exp-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.exp-back{display:inline-flex;align-items:center;gap:7px;background:none;border:1.5px solid var(--border-color);border-radius:10px;padding:7px 14px;font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .15s;flex-shrink:0}.exp-back:hover{border-color:var(--primary-color);color:var(--primary-color)}.exp-detail-title{display:flex;align-items:center;gap:12px}.exp-detail-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exp-detail-title h1{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0 0 2px}.exp-detail-title p{font-size:.78rem;color:var(--text-muted);margin:0}.exp-type-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.exp-type-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:9999px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.82rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .18s}.exp-type-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.exp-type-btn--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.exp-type-count{background:#0000001a;padding:1px 6px;border-radius:9999px;font-size:.68rem;font-weight:700}.exp-type-btn--active .exp-type-count{background:#ffffff40}.exp-resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.exp-resource-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0000000d}.exp-resource-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.exp-resource-card__thumb{position:relative;height:160px;overflow:hidden;background:#000}.exp-resource-card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.85;transition:opacity .2s}.exp-resource-card:hover .exp-resource-card__thumb img{opacity:1}.exp-resource-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.exp-resource-card__play i{width:48px;height:48px;background:#ffffffeb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1e40af;font-size:1.1rem;padding-left:3px;box-shadow:0 4px 12px #0003}.exp-resource-card__duration{position:absolute;bottom:8px;right:10px;background:#000000bf;color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px}.exp-resource-card__icon-header{height:90px;display:flex;align-items:center;justify-content:center}.exp-resource-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.exp-resource-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.exp-resource-card__type-badge{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:9999px}.exp-resource-card__source{font-size:.68rem;color:var(--text-muted);font-weight:500}.exp-resource-card__title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exp-resource-card__desc{font-size:.76rem;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exp-resource-card__tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.exp-resource-card__tag{font-size:.65rem;background:var(--bg-secondary);color:var(--text-muted);padding:2px 7px;border-radius:5px;border:1px solid var(--border-color)}.exp-resource-card__size{font-size:.68rem;color:var(--text-muted);margin:0;display:flex;align-items:center;gap:4px}@media(max-width:480px){.exp-channels-grid{grid-template-columns:1fr 1fr;gap:12px}.exp-page .app-section{padding:16px 12px 48px}.exp-channel-card__banner{height:110px;padding:12px}.exp-channel-card__icon-wrap svg{width:36px;height:36px}.exp-channel-card__name{font-size:1rem}.exp-channel-card__tagline{font-size:.68rem}.exp-channel-card__count{font-size:.6rem;padding:2px 7px}.exp-channel-card__footer{padding:8px 10px 10px;font-size:.72rem}.exp-channel-card__type-pill{font-size:.6rem;padding:2px 6px}.exp-channel-card__types{gap:4px}.exp-resources-grid{grid-template-columns:1fr}}.exp-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:1rem 1.25rem;margin-bottom:24px;box-shadow:0 1px 4px #00000008}[data-theme=dark] .exp-toolbar{background:#161616;border-color:#ffffff12}.exp-toolbar__search{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:10px;padding:8px 14px;flex:1;min-width:200px;max-width:320px;color:var(--text-muted);transition:border-color .15s}.exp-toolbar__search:focus-within{border-color:#4f46e5;color:#4f46e5}.exp-toolbar__search input{border:none;background:transparent;outline:none;font-size:.83rem;color:var(--text-primary);font-family:inherit;flex:1;min-width:0}.exp-toolbar__search input::-moz-placeholder{color:var(--text-muted)}.exp-toolbar__search input::placeholder{color:var(--text-muted)}.exp-toolbar__clear{border:none;background:none;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:6px;color:var(--text-muted);transition:background .15s}.exp-toolbar__clear:hover{background:var(--bg-secondary)}.exp-toolbar__sort{display:flex;align-items:center;gap:8px}.exp-toolbar__label{font-size:.78rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:4px}.exp-toolbar__select{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;padding:6px 10px;font-size:.8rem;color:var(--text-primary);cursor:pointer;font-family:inherit;outline:none}.exp-toolbar__select:focus{border-color:#4f46e5}.exp-toolbar__view{display:flex;gap:4px;margin-left:auto}.exp-view-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all .15s}.exp-view-btn:hover{color:var(--primary-color);border-color:var(--primary-color)}.exp-view-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.exp-channel-card__trending{position:absolute;top:10px;left:12px;background:#fbbf24f2;color:#92400e;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:9999px;z-index:3;display:inline-flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exp-resource-card__stats{display:flex;gap:10px;font-size:.68rem;color:var(--text-muted);margin-top:4px}.exp-curated-section{margin-bottom:32px}.exp-curated-section__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.exp-curated-section__icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.exp-curated-section__title-wrap{flex:1}.exp-curated-section__title{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin:0}.exp-curated-section__desc{font-size:.8rem;color:var(--text-muted);margin:2px 0 0}.exp-curated-section__grid{margin-top:16px}.doubts-page-v2{background:var(--bg-secondary);min-height:100%;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:3rem}.dq-hero{background:linear-gradient(135deg,#1e3a8a,#4f46e5 60%,#7c3aed);border-radius:16px;padding:1.75rem 2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #4f46e540}.dq-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:280px;height:280px;background:#ffffff0d;border-radius:50%;pointer-events:none}.dq-hero:after{content:"";position:absolute;bottom:-40px;left:30%;width:200px;height:200px;background:#ffffff08;border-radius:50%;pointer-events:none}.dq-hero__content{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.dq-hero__left{flex:1;min-width:0}.dq-hero__eyebrow{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#ffffffa6;margin-bottom:.5rem;background:#ffffff1a;padding:3px 10px;border-radius:9999px;border:1px solid rgba(255,255,255,.15)}.dq-hero__title{font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800;color:#fff;margin:0 0 .4rem;letter-spacing:-.3px;line-height:1.2}.dq-hero__sub{font-size:.82rem;color:#ffffffc7;margin:0 0 1.25rem;max-width:500px;line-height:1.6}.dq-hero__stats{display:flex;gap:.625rem;flex-wrap:wrap}.dq-stat-pill{display:flex;align-items:center;gap:.5rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:.5rem .875rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s}.dq-stat-pill:hover{background:#ffffff2e}.dq-stat-pill__icon{color:var(--pill-color, #fff);display:flex;align-items:center}.dq-stat-pill__value{font-size:1rem;font-weight:800;color:#fff;line-height:1}.dq-stat-pill__label{font-size:.58rem;color:#ffffffa6;text-transform:uppercase;letter-spacing:.4px;margin-top:1px}.dq-hero__right{flex-shrink:0;max-width:320px;width:100%}.dq-tip-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dq-tip-card__text{font-size:.82rem;color:#ffffffe6;line-height:1.6}.dq-toolbar{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:1rem 1.25rem;box-shadow:0 1px 4px #00000008}[data-theme=dark] .dq-toolbar{background:#161616;border-color:#ffffff12}.dq-toolbar__search{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:10px;padding:8px 14px;flex:1;min-width:200px;max-width:320px;color:var(--text-muted);transition:border-color .15s}.dq-toolbar__search:focus-within{border-color:#4f46e5;color:#4f46e5}.dq-toolbar__search-input{border:none;background:transparent;outline:none;font-size:.83rem;color:var(--text-primary);font-family:inherit;flex:1;min-width:0}.dq-toolbar__search-input::-moz-placeholder{color:var(--text-muted)}.dq-toolbar__search-input::placeholder{color:var(--text-muted)}.dq-toolbar__clear{border:none;background:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:0}.dq-toolbar__filters{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1;padding-bottom:2px}.dq-toolbar__filters::-webkit-scrollbar{display:none}.dq-filter-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.75rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s}.dq-filter-pill:hover{border-color:#4f46e5;color:#4f46e5}.dq-filter-pill--active{background:#4f46e5;border-color:#4f46e5;color:#fff;box-shadow:0 2px 8px #4f46e540}.dq-filter-count{background:#0000001a;padding:1px 5px;border-radius:9999px;font-size:.65rem;font-weight:700}.dq-filter-pill--active .dq-filter-count{background:#ffffff40}.dq-toolbar__view{display:flex;gap:4px;flex-shrink:0}.dq-view-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;font-family:inherit}.dq-view-btn:hover{border-color:#4f46e5;color:#4f46e5}.dq-view-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.dq-section{display:flex;flex-direction:column;gap:1rem}.dq-section__header{display:flex;align-items:center;gap:8px}.dq-section__icon{color:var(--text-muted)}.dq-section__icon--red{color:#ef4444}.dq-section__title{font-size:.85rem;font-weight:700;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.5px}.dq-section__badge{background:var(--bg-tertiary);color:var(--text-muted);font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:9999px;border:1px solid var(--border-color)}.dq-section__badge--red{background:#ef444414;color:#ef4444;border-color:#ef444433}.dq-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.dq-skeleton-card{height:220px;border-radius:12px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:dq-shimmer 1.5s infinite}@keyframes dq-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dq-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:.75rem;text-align:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:16px;color:var(--text-muted)}.dq-empty p{font-size:.85rem;margin:0}.dq-empty__reset{padding:6px 16px;border-radius:8px;border:1.5px solid #4f46e5;background:none;color:#4f46e5;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;margin-top:.25rem}.dq-empty__reset:hover{background:#4f46e5;color:#fff}.gc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.gc-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s;box-shadow:0 1px 4px #0000000a;position:relative}.gc-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001a;border-color:#4f46e54d}[data-theme=dark] .gc-card{background:#161616;border-color:#ffffff12}.gc-card__banner{height:130px;padding:16px 18px;display:flex;align-items:flex-start;position:relative;overflow:hidden}.gc-card__banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.2) 0%,transparent 70%)}.gc-card__subject-icon{position:absolute;bottom:-8px;right:-8px;z-index:0;line-height:1}.gc-card__banner-text{flex:1;min-width:0;z-index:1;position:relative}.gc-card__class{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 4px}.gc-card__subject{font-size:.88rem;color:#ffffffe0;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-card__code{font-size:.72rem;color:#ffffffa6;margin:0}.gc-card__avatar{position:absolute;bottom:-18px;right:14px;width:44px;height:44px;border-radius:50%;background:#fff3;border:3px solid var(--card-bg);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0003}.gc-card__unread{position:absolute;top:10px;right:10px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 4px;z-index:3}.gc-card__body{padding:26px 14px 10px;flex:1}.gc-card__teacher-row{display:flex;align-items:center;gap:9px;margin-bottom:8px}.gc-card__teacher-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.gc-card__teacher{font-size:.82rem;font-weight:600;color:var(--text-primary);margin:0}.gc-card__role-tag{font-size:.65rem;color:var(--text-muted);margin:1px 0 0}.gc-card__last-msg,.gc-card__no-msg{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-card__no-msg{font-style:italic;opacity:.7}.gc-card__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px;border-top:1px solid var(--border-color);gap:8px}.gc-card__meta-tags{display:flex;gap:5px;flex-wrap:wrap;flex:1;min-width:0}.gc-card__meta-tag{display:inline-flex;align-items:center;gap:4px;font-size:.63rem;font-weight:600;padding:2px 7px;border-radius:5px;white-space:nowrap}.gc-card__meta-tag--unread{background:#ef444414!important;color:#ef4444!important}.gc-card__actions{display:flex;align-items:center;gap:3px;flex-shrink:0}.gc-card__icon-btn{width:28px;height:28px;border-radius:50%;border:none;background:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;font-family:inherit}.gc-card__icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.gc-card__icon-btn--primary{background:#4f46e5;color:#fff;width:28px;height:28px;border-radius:50%}.gc-card__icon-btn--primary:hover{background:#4338ca;color:#fff}.dq-list{display:flex;flex-direction:column;gap:6px}.dq-list-row{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.dq-list-row:hover{transform:translate(3px);border-color:#4f46e54d;box-shadow:0 2px 8px #0000000f}[data-theme=dark] .dq-list-row{background:#161616;border-color:#ffffff12}.dq-list-row__color{position:absolute;left:0;top:0;bottom:0;width:3px}.dq-list-row__icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.dq-list-row__info{flex:1;min-width:0}.dq-list-row__name{font-size:.88rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.dq-list-row__code{font-size:.68rem;color:var(--text-muted);font-weight:500}.dq-list-row__meta{font-size:.72rem;color:var(--text-muted);margin:2px 0 0}.dq-list-row__last{font-size:.75rem;color:var(--text-secondary);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.dq-list-row__empty{font-style:italic;opacity:.6}.dq-list-row__badge{background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:20px;height:20px;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.dq-list-row__arrow{color:var(--text-muted);flex-shrink:0}.dq-subject-breakdown{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:1.25rem;box-shadow:0 1px 4px #00000008}[data-theme=dark] .dq-subject-breakdown{background:#161616;border-color:#ffffff12}.dq-breakdown__header{display:flex;align-items:center;gap:7px;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.625rem}.dq-breakdown__header h3{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0}.dq-breakdown__rows{display:flex;flex-direction:column;gap:.6rem}.dq-breakdown__row{display:flex;align-items:center;gap:10px;cursor:pointer;padding:3px;border-radius:6px;transition:background .15s}.dq-breakdown__row:hover{background:var(--bg-secondary)}.dq-breakdown__subj{font-size:.72rem;font-weight:600;color:var(--text-secondary);min-width:120px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dq-breakdown__bar-track{flex:1;height:6px;background:var(--border-color);border-radius:9999px;overflow:hidden}.dq-breakdown__bar-fill{height:100%;border-radius:9999px;transition:width .6s ease}.dq-breakdown__count{font-size:.68rem;font-weight:800;min-width:20px;text-align:right}.dq-tips-strip{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:1.25rem}[data-theme=dark] .dq-tips-strip{background:#161616;border-color:#ffffff12}.dq-tips-strip__header{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;color:var(--text-secondary);margin-bottom:1rem;padding-bottom:.625rem;border-bottom:1px solid var(--border-color)}.dq-tips-strip__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.dq-tips-strip .dq-tip-card{background:linear-gradient(135deg,#4f46e50d,#4f46e505);border:1px solid rgba(79,70,229,.12)}.dq-tips-strip .dq-tip-card__text{font-size:.78rem;color:var(--text-secondary)}.dq-trending-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:1.25rem;box-shadow:0 1px 4px #00000008}[data-theme=dark] .dq-trending-section{background:#161616;border-color:#ffffff12}.dq-trending-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dq-trending-title{display:flex;align-items:center;gap:8px}.dq-trending-icon{color:#f59e0b}.dq-trending-title h2{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0}.dq-view-all-btn{font-size:.75rem;font-weight:600;color:#4f46e5;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;transition:background .15s}.dq-view-all-btn:hover{background:#4f46e514}.dq-trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.dq-trending-doubt{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;transition:all .15s;cursor:pointer}.dq-trending-doubt:hover{border-color:#4f46e54d;box-shadow:0 2px 8px #0000000f}.dq-trending-doubt__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dq-trending-doubt__subject{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:9999px}.dq-trending-doubt__resolved{display:inline-flex;align-items:center;gap:3px;font-size:.65rem;font-weight:600;color:#10b981}.dq-trending-doubt__question{font-size:.82rem;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dq-trending-doubt__meta{display:flex;align-items:center;gap:10px;font-size:.7rem;color:var(--text-muted)}.dq-trending-doubt__meta span{display:inline-flex;align-items:center;gap:3px}.gc-popup-overlay{position:fixed;inset:0;background:#00000073;z-index:20000;display:flex;align-items:center;justify-content:center;padding:20px;animation:dqFadeIn .15s ease}@keyframes dqFadeIn{0%{opacity:0}to{opacity:1}}.gc-popup{background:var(--bg-primary);border-radius:16px;width:100%;max-width:380px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0003;animation:dqSlideUp .18s ease;overflow:hidden}@keyframes dqSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.gc-popup__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-color);flex-shrink:0}.gc-popup__header h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0}.gc-popup__close{width:28px;height:28px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.gc-popup__close:hover{background:var(--bg-tertiary)}.gc-popup__body{padding:14px 18px 18px;overflow-y:auto;flex:1}.gc-popup__section-label{display:flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 8px}.gc-popup__member{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border-color);font-size:.85rem;color:var(--text-primary)}.gc-popup__member:last-child{border-bottom:none}.gc-popup__member-avatar{width:32px;height:32px;border-radius:50%;background:#94a3b8;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gc-popup__member-avatar--teacher{background:#6366f1}.gc-popup__member-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.gc-popup__member-role{font-size:.7rem;color:var(--text-muted);margin:1px 0 0}.gc-popup__empty{font-size:.8rem;color:var(--text-muted);font-style:italic;margin:4px 0}.gc-popup__no-resources{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;text-align:center;gap:8px;color:var(--text-muted)}.gc-popup__no-resources svg{opacity:.3}.gc-popup__no-resources p{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0}.gc-popup__no-resources span{font-size:.75rem;color:var(--text-muted);line-height:1.5}@media(max-width:768px){.dq-hero{padding:1.25rem 1rem}.dq-hero__right{display:none}.dq-hero__stats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.dq-hero__stats::-webkit-scrollbar{display:none}.dq-toolbar{flex-direction:column;gap:.75rem}.dq-toolbar__search{max-width:100%}.gc-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dq-breakdown__subj{min-width:80px;max-width:80px}.dq-tips-strip__list{grid-template-columns:1fr}.dq-subject-breakdown,.dq-list-row__last{display:none}}@media(max-width:480px){.gc-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gc-card__banner{height:100px}.gc-card__class{font-size:.85rem}.gc-card__subject{font-size:.74rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}*::-webkit-scrollbar{display:none}.courses-page{min-height:100%;background:var(--bg-primary);padding-bottom:80px}.courses-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 1rem 3rem;min-height:auto;position:relative;overflow:hidden}.courses-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.courses-hero .hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:center;gap:2rem}.courses-hero .hero-text h1{font-size:2rem;font-weight:800;margin-bottom:.75rem;line-height:1.2;color:#fff}.courses-hero .hero-text p{font-size:1rem;margin-bottom:0;opacity:.9;line-height:1.6}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.playlist-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.playlist-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.playlist-thumbnail{height:180px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;position:relative}.playlist-thumbnail i{font-size:64px;color:#ffffffe6}.playlist-count{position:absolute;bottom:12px;right:12px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.playlist-info{padding:1.25rem}.playlist-info h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.playlist-info p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.category-card{background:var(--card-bg);border-radius:12px;padding:2rem;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.category-icon{width:80px;height:80px;margin:0 auto 1.25rem;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.category-card:hover .category-icon{background:var(--primary-color);transform:scale(1.1)}.category-icon i{font-size:32px;color:var(--primary-color);transition:all .3s ease}.category-card:hover .category-icon i{color:#fff}.category-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.category-card p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}@media(max-width:768px){.playlists-grid,.categories-grid{grid-template-columns:1fr}.playlist-thumbnail{height:160px}.playlist-thumbnail i{font-size:48px}.category-icon{width:64px;height:64px}.category-icon i{font-size:28px}}@media(min-width:769px)and (max-width:1024px){.playlists-grid,.categories-grid{grid-template-columns:repeat(2,1fr)}}.course-categories{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:2rem;margin-top:2rem;width:100%;max-width:100%;padding:0;box-sizing:border-box}.course-card{background:var(--card-bg);border-radius:16px;padding:0;border:1px solid rgba(0,0,0,.08);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:450px;box-shadow:0 4px 12px #00000014}.course-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:var(--primary-color)}.course-image-container{height:200px;border-radius:0;overflow:hidden;margin-bottom:0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));width:100%;flex-shrink:0;position:relative}.course-image-container:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none}.cat-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.course-card:hover .cat-img{transform:scale(1.1)}.course-card h3{margin:0 0 .75rem;color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.3;padding:1.5rem 1.5rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.course-card p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6;font-size:.9rem;flex-grow:1;padding:0 1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.course-highlights{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.course-highlights li{padding:.35rem .5rem;color:var(--text-primary);background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.3);border-radius:6px;font-size:.7rem;text-align:center;transition:all .2s ease;font-weight:500}.course-highlights li:hover{background:#6366f11a;border-color:#6366f180;transform:translateY(-1px);box-shadow:0 2px 8px #6366f133}.course-btn{width:calc(100% - 3rem);padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),#1d4ed8);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;margin:0 1.5rem 1.5rem;box-shadow:0 4px 12px #3b82f64d}.course-btn:hover{background:linear-gradient(135deg,#1d4ed8,var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.hero-content{text-align:center;padding:3rem 0}.hero-content h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat-item h3{font-size:2rem;color:var(--primary-color);margin:0}.stat-item p{color:var(--text-secondary);margin:.5rem 0 0}.trending-carousel-container{position:relative;padding:1rem 0;max-width:1200px;margin:0 auto}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.scroll-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #00000026}.scroll-btn-left{left:-24px}.scroll-btn-right{right:-24px}.trending-carousel{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent;padding:.5rem 0}.trending-carousel::-webkit-scrollbar{height:8px}.trending-carousel::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.trending-carousel::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.trending-carousel::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.trending-track{display:flex;gap:1.5rem;padding:0 2rem;width:-moz-max-content;width:max-content}.essential-card{background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;min-width:340px;max-width:340px;min-height:580px;flex-shrink:0;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;position:relative}.essential-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #00000026}.course-tag{position:absolute;top:12px;left:12px;z-index:2;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-tag.Foundation{background:linear-gradient(135deg,#10b981,#059669)}.course-tag.Core{background:linear-gradient(135deg,#f59e0b,#d97706)}.course-tag.Advanced{background:linear-gradient(135deg,#ef4444,#dc2626)}.course-tag.Popular{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.course-tag.Trending{background:linear-gradient(135deg,#ec4899,#db2777)}.trending-thumb{width:100%;height:180px;position:relative;overflow:hidden;flex-shrink:0}.trending-thumb:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);pointer-events:none}.trending-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.essential-card:hover .trending-thumb img{transform:scale(1.05)}.essential-card h3{margin:1rem 0 .75rem;color:var(--text-primary);font-size:1.05rem;font-weight:600;line-height:1.3;padding:0 1.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;height:2.6rem}.essential-card p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.85rem;line-height:1.5;padding:0 1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;height:3.8rem}.course-meta{display:none}.view-course-btn{width:calc(100% - 2.5rem);margin:0 1.25rem 1.25rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-top:auto}.view-course-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-2px);box-shadow:0 4px 15px #0003}@media(max-width:768px){.scroll-btn{width:40px;height:40px;font-size:1rem}.scroll-btn-left{left:-20px}.scroll-btn-right{right:-20px}.trending-track{padding:0 1rem}.essential-card{min-width:300px;max-width:300px;min-height:480px}.trending-thumb{height:160px}.essential-card h3{font-size:1rem;padding:0 1rem;margin:.75rem 0 .65rem;line-height:1.3;-webkit-line-clamp:2;height:2.6rem;word-break:break-word}.essential-card p{font-size:.8rem;padding:0 1rem;line-height:1.5;-webkit-line-clamp:3;height:3.6rem;margin-bottom:1rem;word-break:break-word}.view-course-btn{width:calc(100% - 2rem);margin:0 1rem 1rem;padding:.65rem .85rem;font-size:.85rem}}@media(max-width:480px){.scroll-btn{width:36px;height:36px;font-size:.9rem}.scroll-btn-left{left:-18px}.scroll-btn-right{right:-18px}.essential-card{min-width:280px;max-width:280px;min-height:460px}.trending-thumb{height:150px}.essential-card h3{font-size:.95rem;line-height:1.3;-webkit-line-clamp:2;height:2.5rem;margin:.65rem 0 .6rem;word-break:break-word}.essential-card p{font-size:.75rem;line-height:1.4;-webkit-line-clamp:2;height:2.1rem;margin-bottom:1rem;word-break:break-word}}.course-detail-header{display:flex;align-items:center;gap:2rem;padding:2rem 0}.course-icon-large{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;flex-shrink:0}.course-header-content h1{font-size:3rem;margin:0 0 1rem;color:var(--text-primary)}.course-header-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.course-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-color)}.stat-label{font-size:.9rem;color:var(--text-secondary)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.topic-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);transition:all .3s ease;text-align:center}.topic-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.topic-icon{width:60px;height:60px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--primary-color);font-size:1.5rem}.topic-card h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}.topic-card p{color:var(--text-secondary);font-size:.9rem;margin:0}.content-sections{display:flex;flex-direction:column;gap:3rem}.content-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.content-section h3 i{color:var(--primary-color)}@media(max-width:768px){.course-detail-header{flex-direction:column;text-align:center}.course-icon-large{width:80px;height:80px;font-size:2rem}.course-header-content h1{font-size:2rem}.course-stats{justify-content:center}.topics-grid{grid-template-columns:1fr}}.courses-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8rem 0;min-height:500px;position:relative;overflow:hidden}.courses-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.courses-hero .hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:center;gap:4rem}.courses-hero .hero-text{flex:1;text-align:center}.courses-hero .hero-text h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;color:#fff}.courses-hero .hero-text p{font-size:1.25rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.courses-hero .hero-stats{display:flex;gap:3rem}.courses-hero .stat-item{text-align:center}.courses-hero .stat-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.courses-hero .stat-label{font-size:1rem;opacity:.8;color:#fff}.courses-hero .hero-image{flex:1;max-width:400px;height:300px}@media(max-width:768px){.courses-hero .hero-content{flex-direction:column;text-align:center;gap:2rem}.courses-hero .hero-text h1{font-size:2.5rem}.courses-hero .hero-stats{justify-content:center;gap:2rem}.courses-hero .hero-image{max-width:300px;height:200px}}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 2rem}.hero-content h2{font-size:1.5rem;margin-bottom:1rem;opacity:.9}.hero-content h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.hero-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.explore-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.explore-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.explore-btn a{color:inherit;text-decoration:none}.stats{display:flex;justify-content:center;gap:3rem;margin-top:3rem}.stat-item h3{font-size:2.5rem;font-weight:700;margin:0;color:#fff}.stat-item p{font-size:1rem;margin:.5rem 0 0;opacity:.8}.course-type-buttons{display:flex;justify-content:center;gap:.75rem;padding:1.5rem 1rem;background:var(--bg-primary);max-width:1200px;margin:0 auto}.type-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;font-size:.9rem}.type-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.type-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.type-btn.active:hover{color:#fff}.tech-courses{padding:2rem 1rem;background:var(--bg-primary);width:100%;overflow:hidden}.tech-courses .container{max-width:1200px;margin:0 auto;padding:0;width:100%;box-sizing:border-box}.section-header{text-align:center;margin-bottom:2rem;background:transparent}.section-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;background:transparent}.section-header p{font-size:1rem;color:var(--text-secondary);margin:0;background:transparent}.section-header.light h2{color:var(--text-primary)}.essential-courses{padding:2rem 1rem;background:var(--bg-secondary)}.essential-courses .section-header{max-width:1200px;margin:0 auto 2rem}.scroll-container{overflow-x:auto;padding:1rem 0}.scroll-content{display:flex;gap:1.5rem;padding:0 2rem;min-width:-moz-max-content;min-width:max-content}.motto-section{padding:4rem 0;background:var(--bg-primary)}.motto-header{text-align:center;margin-bottom:3rem}.motto-header h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.motto-header p{font-size:1.2rem;color:var(--text-secondary);margin:0}.motto-slider{overflow:hidden;padding:0 2rem}.motto-track{display:flex;gap:2rem;animation:scroll 20s linear infinite}.motto-slide{min-width:300px;background:var(--card-bg);border-radius:16px;padding:2rem;text-align:center;border:1px solid var(--border-color)}.motto-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.motto-slide h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.motto-slide p{color:var(--text-secondary);margin:0;line-height:1.6}@media(max-width:768px){.stats{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -1rem;padding:0 1rem}.stats::-webkit-scrollbar{display:none}.stats{display:flex!important;gap:1rem;min-width:-moz-max-content;min-width:max-content}.stat-item{min-width:140px;flex-shrink:0}.course-categories{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;margin:0 -1rem!important;padding:0 1rem 1rem!important;gap:1rem!important}.course-categories::-webkit-scrollbar{display:none}.course-card{min-width:280px!important;max-width:280px!important;flex-shrink:0!important}.trending-carousel-container{margin:0 -1rem;padding:0 1rem}.courses-hero .hero-text h1{font-size:1.75rem}.courses-hero .hero-text p{font-size:.9rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:.9rem}.course-type-buttons{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -1rem;padding:1rem}.course-type-buttons::-webkit-scrollbar{display:none}.type-btn{white-space:nowrap;flex-shrink:0;padding:.65rem 1rem}.tech-courses{padding:1.5rem 0}.tech-courses .container{padding:0}.essential-courses{padding:1.5rem 0}}@media(min-width:769px){.course-categories{display:grid!important;grid-template-columns:repeat(3,1fr)!important;overflow-x:visible!important;margin:0!important;padding:0!important}.course-card{min-width:auto!important;max-width:none!important}}@media(min-width:1024px){.course-categories{grid-template-columns:repeat(4,1fr)!important}}@media(max-width:600px){.course-card{min-width:260px!important;max-width:260px!important;padding:1rem;min-height:400px}.course-image{height:120px}.course-card h3{font-size:1rem}.course-card p{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.course-highlights li{font-size:.7rem;padding:.3rem .4rem}.course-btn{padding:.5rem .6rem;font-size:.8rem}.courses-hero .hero-text h1{font-size:1.5rem}.courses-hero .hero-text p{font-size:.85rem}.section-header h2{font-size:1.35rem}.section-header p{font-size:.85rem}}@media(max-width:768px){.course-categories{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:1rem!important;padding:0 1rem 1rem!important;scrollbar-width:thin!important;align-items:stretch!important}.course-categories::-webkit-scrollbar{height:6px}.course-categories::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.course-categories::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.course-card{min-width:280px!important;max-width:280px!important;min-height:360px!important;height:auto!important;flex-shrink:0!important;scroll-snap-align:start!important;padding:.85rem;border:none!important;box-shadow:0 2px 8px #0000001a!important}.course-card h3{font-size:1rem;margin-bottom:.5rem}.course-card p{font-size:.85rem;margin-bottom:.75rem;-webkit-line-clamp:2;line-clamp:2}.course-image{height:120px;margin-bottom:.75rem}.course-highlights{margin-bottom:.75rem}.course-highlights li{padding:.2rem 0;font-size:.75rem}.course-btn{padding:.65rem .75rem;font-size:.85rem;margin-top:.5rem}.tech-courses .container{padding:0;max-width:100%}}@media(max-width:480px){.course-card{min-width:260px!important;max-width:260px!important;min-height:340px!important;height:auto!important;border:none!important}.course-card h3{font-size:.95rem;margin-bottom:.5rem}.course-card p{font-size:.8rem;margin-bottom:.65rem}.course-image{height:120px;margin-bottom:.65rem}.course-highlights{margin-bottom:.65rem}.course-highlights li{padding:.15rem 0;font-size:.7rem}.course-btn{padding:.6rem .7rem;font-size:.8rem;margin-top:.5rem}}.blogs-page{padding-bottom:80px}.blogs-scroll,.categories-scroll{-webkit-overflow-scrolling:touch}.blogs-scroll::-webkit-scrollbar,.categories-scroll::-webkit-scrollbar{display:none}.blogs-grid,.categories-grid-blogs{display:flex;gap:12px;min-width:-moz-max-content;min-width:max-content}.categories-scroll{overflow-x:auto!important;margin:0 calc(var(--content-padding-mobile) * -1)!important;padding:0 var(--content-padding-mobile)!important;scrollbar-width:none!important}.categories-grid-blogs{display:flex!important;gap:12px!important;min-width:-moz-max-content!important;min-width:max-content!important}.categories-grid-blogs .category-card{min-width:240px!important;max-width:240px!important;flex-shrink:0!important}@media(min-width:640px){.blogs-scroll{overflow-x:visible!important;margin:0!important;padding:0!important}.blogs-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--card-spacing)!important;min-width:auto!important}.blogs-grid>div{min-width:auto!important;max-width:none!important}.categories-scroll{overflow-x:auto!important;margin:0!important;padding:0!important}.categories-grid-blogs{display:flex!important;gap:16px!important}.categories-grid-blogs .category-card{min-width:260px!important;max-width:260px!important}}@media(min-width:1024px){.blogs-grid{grid-template-columns:repeat(3,1fr)!important}.categories-grid-blogs{gap:20px!important}.categories-grid-blogs .category-card{min-width:280px!important;max-width:280px!important}}@media(max-width:480px){.blogs-grid>div{min-width:260px!important;max-width:260px!important}.categories-grid-blogs .category-card{min-width:220px!important;max-width:220px!important}}.certificate-courses-section{padding:60px 0;background:#f8fafc;overflow:hidden}.certificate-courses-section .container{max-width:1400px;margin:0 auto;padding:0}.certificate-courses-section .section-header{text-align:center;margin-bottom:40px;padding:0 20px}.certificate-courses-section .section-header h2{font-size:2.5rem;margin-bottom:1rem;color:#1e293b}.certificate-courses-section .section-header p{color:#64748b;font-size:1.1rem}.certificate-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:30px;padding:0 20px 20px;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.certificate-grid::-webkit-scrollbar{height:8px}.certificate-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.certificate-grid::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.certificate-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.certificate-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;min-width:380px;max-width:380px;flex-shrink:0;scroll-snap-align:start}.cert-thumb{height:180px;position:relative;overflow:hidden}.cert-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0ea5e9,#2563eb);display:flex;align-items:center;justify-content:center}.cert-level-badge{background:#ffffffe6;color:#0f172a;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cert-content{padding:24px;flex:1;display:flex;flex-direction:column}.cert-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cert-provider{color:#2563eb;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:6px}.cert-duration{color:#64748b;font-size:.9rem}.cert-content h3{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:#1e293b;line-height:1.4}.cert-description{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cert-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.cert-tag{background:#f1f5f9;color:#475569;font-size:.8rem;padding:4px 10px;border-radius:4px;font-weight:500}.cert-dates{margin-bottom:20px;padding:12px;background:#f8fafc;border-radius:8px;font-size:.85rem;color:#64748b;display:flex;flex-direction:column;gap:6px}.cert-date-item i{color:#94a3b8}.cert-date-item strong{color:#334155}.cert-btn{display:block;text-align:center;background:#2563eb;color:#fff;padding:12px;border-radius:8px;font-weight:600;text-decoration:none;transition:background .2s;border:none;width:100%;cursor:pointer}.cert-btn:hover{background:#1d4ed8}.cert-btn-disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.cert-btn-disabled:hover{background:#e2e8f0}@media(max-width:768px){.certificate-courses-section{padding:40px 0}.certificate-courses-section .section-header{padding:0 20px;margin-bottom:30px}.certificate-courses-section .section-header h2{font-size:1.75rem}.certificate-courses-section .section-header p{font-size:1rem}.certificate-grid{gap:20px;padding:0 20px 20px}.certificate-grid::-webkit-scrollbar{height:6px}.certificate-card{min-width:320px;max-width:320px}}@media(max-width:480px){.certificate-courses-section{padding:30px 0}.certificate-courses-section .section-header{padding:0 15px;margin-bottom:25px}.certificate-courses-section .section-header h2{font-size:1.5rem}.certificate-courses-section .section-header p{font-size:.9rem}.certificate-grid{padding:0 15px 15px;gap:15px}.certificate-card{min-width:280px;max-width:280px}}@media(max-width:768px){.courses-page .tech-courses,.courses-page .essential-courses{padding-top:.75rem!important;padding-bottom:.75rem!important}.courses-page .courses-hero{padding:3.25rem 0 2.25rem!important;min-height:320px!important}.courses-page .courses-hero .hero-content{padding:0 1rem!important}.courses-page .course-categories{margin-top:.35rem!important}.courses-page .section-header{margin-bottom:4px!important}.courses-page .section-header h2{margin:0!important}.courses-page .section-header p{margin:0!important;color:var(--text-secondary)!important;line-height:1.25!important}.courses-page .section-header.light p{color:var(--text-secondary)!important;opacity:1!important}.courses-page .certificate-courses-section{padding-top:20px!important;padding-bottom:20px!important}.courses-page .certificate-courses-section .section-header{margin-bottom:16px!important}.courses-page .course-type-buttons{max-width:100%!important;margin:0!important;padding:.5rem .75rem!important;overflow-x:visible!important;flex-wrap:nowrap!important;justify-content:stretch!important;gap:.5rem!important}.courses-page .type-btn{flex:1 1 0!important;justify-content:center!important;padding:.75rem!important;font-size:.85rem!important;min-width:0!important;min-height:44px!important;line-height:1.2!important;white-space:nowrap!important}.courses-page .type-btn i{font-size:1rem!important;line-height:1!important}.courses-page .trending-carousel-container{padding-top:.25rem!important;padding-bottom:.25rem!important}.courses-page .trending-carousel{padding-top:0!important;padding-bottom:0!important}.courses-page .essential-courses .section-header{margin-bottom:4px!important;padding-top:0!important;padding-bottom:0!important}.courses-page .essential-card h3{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-height:1.25!important;height:auto!important;margin-bottom:6px!important}}@media(max-width:480px){.courses-page .section-header{margin-bottom:6px!important}.courses-page .tech-courses,.courses-page .essential-courses{padding-top:.25rem!important;padding-bottom:.5rem!important}.courses-page .course-categories{margin-top:.2rem!important}.courses-page .course-type-buttons{padding:.5rem .75rem!important;flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.courses-page .type-btn{padding:.8rem .7rem!important;font-size:.84rem!important;width:100%!important}.courses-page .trending-carousel-container{padding-top:.15rem!important;padding-bottom:.15rem!important}}.course-sub-page{min-height:calc(100vh - 64px);background:var(--bg-primary);display:flex;flex-direction:column;padding-bottom:2rem}.main-container{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.course-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start}@media(max-width:1024px){.course-layout{grid-template-columns:1fr}.playlist-sidebar{order:2}}.main-content-area{display:flex;flex-direction:column;gap:1.5rem}.playlist-sidebar{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;position:sticky;top:100px;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:#6366f108}.sidebar-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.sidebar-header p{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.playlist-scroll{overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.playlist-item-sidebar{display:flex;gap:1rem;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;background:transparent}.playlist-item-sidebar:hover{background:#6366f10d;border-color:#6366f133}.playlist-item-sidebar.active{background:#6366f11a;border-color:var(--primary-color)}.playlist-thumb{width:120px;height:68px;flex-shrink:0;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(135deg,#667eea,#764ba2)}.playlist-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.playing-overlay{position:absolute;inset:0;background:#6366f166;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem}.playlist-meta h4{font-size:.9rem;margin:0 0 .25rem;line-height:1.3;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlist-meta span{font-size:.75rem;color:var(--text-muted)}.course-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-card{background:var(--card-bg);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color)}.full-width{grid-column:span 2}@media(max-width:640px){.course-info-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}.info-card h3{font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.info-card h3 i{color:var(--primary-color)}.outcomes-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.outcomes-list li{display:flex;gap:.75rem;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.outcomes-list i{color:#10b981;margin-top:3px}.level-badge,.credits-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.level-badge{background:#6366f11a;color:var(--primary-color)}.credits-badge{background:#f59e0b1a;color:#d97706}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--bg-secondary);color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:.8rem;border:1px solid var(--border-color)}.description-text{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.video-responsive{position:relative;width:100%;padding-bottom:56.25%;height:0;background:#000;border-radius:12px;overflow:hidden}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1a;color:#fff;gap:1rem}.video-error i{font-size:3rem;color:#ef4444}.video-error p{font-size:1rem;color:#9ca3af;margin:0}.course-hero{position:relative;width:100%;min-height:300px;overflow:hidden;margin-bottom:2rem}.course-hero.small{min-height:250px}.hero-background-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .5s ease}.hero-slide.active{opacity:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eeae6,#764ba2e6);z-index:1}.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.hero-text-container{max-width:1200px;width:100%;color:#fff}.breadcrumb-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem}.breadcrumb-nav button{background:none;border:none;color:#ffffffe6;cursor:pointer;padding:0;font-size:.9rem;transition:color .2s ease}.breadcrumb-nav button:hover{color:#fff;text-decoration:underline}.breadcrumb-nav i{font-size:.7rem;color:#ffffffb3}.breadcrumb-nav span{color:#fff;font-weight:500}.hero-text-container h1{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;color:#fff}.course-description{font-size:1.1rem;opacity:.9;margin:0}.video-player-section{background:var(--card-bg);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color)}.video-main-wrapper{display:flex;flex-direction:column;gap:1.5rem}.video-info h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.video-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.video-meta span{display:flex;align-items:center;gap:.5rem}.video-meta i{color:var(--primary-color)}.content-card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}.no-courses{background:var(--card-bg);border-radius:16px;padding:4rem 2rem;text-align:center;border:1px solid var(--border-color)}@media(max-width:1024px){.main-container{padding:1.5rem}.hero-text-container h1{font-size:2rem}.course-description{font-size:1rem}.course-sub-page{min-height:calc(100vh - 60px)}}@media(max-width:768px){.main-container{padding:1rem}.course-hero{min-height:200px}.course-hero.small{min-height:180px}.hero-text-container h1{font-size:1.5rem}.course-description{font-size:.9rem}.breadcrumb-nav{font-size:.8rem}.video-player-section{padding:1rem}.video-info h2{font-size:1.25rem}.video-meta{font-size:.85rem}.course-sub-page{min-height:calc(100vh - 56px - var(--bottom-nav-height, 60px));padding-bottom:1rem}}@media(max-width:480px){.hero-content{padding:1rem}.hero-text-container h1{font-size:1.25rem}.course-description{font-size:.85rem}.main-container{padding:.75rem}}.certificate-courses-section{margin-top:3rem;padding:3rem 0;background:var(--bg-secondary);border-radius:16px}.section-header-cert{text-align:center;margin-bottom:2.5rem}.section-header-cert h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.section-header-cert p{color:var(--text-secondary);font-size:1.1rem;margin:0}.certificate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:0 1.5rem}.certificate-card{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;border:1px solid var(--border-color)}.certificate-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px #00000026}.cert-thumb{height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0ea5e9,#2563eb)}.cert-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cert-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cert-thumb-placeholder i{font-size:4rem;color:#fff;opacity:.8}.cert-badges{position:absolute;top:12px;right:12px;display:flex;gap:8px}.cert-level-badge{background:#fffffff2;color:var(--text-primary);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cert-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:1rem}.cert-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.cert-provider{color:var(--primary-color);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:6px}.cert-duration{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:6px}.cert-content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.cert-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cert-tags{display:flex;flex-wrap:wrap;gap:8px}.cert-tag{background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;padding:4px 10px;border-radius:6px;font-weight:500;border:1px solid var(--border-color)}.cert-dates{padding:12px;background:var(--bg-secondary);border-radius:8px;font-size:.85rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;border:1px solid var(--border-color)}.cert-date-item{display:flex;align-items:center;gap:8px}.cert-date-item i{color:var(--primary-color);width:16px}.cert-date-item strong{color:var(--text-primary)}.cert-action{margin-top:auto}.cert-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--primary-color);color:#fff;padding:12px;border-radius:8px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-size:.95rem}.cert-btn:hover{background:var(--primary-dark);color:#fff}.cert-btn-disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.cert-btn-disabled:hover{transform:none;background:var(--bg-tertiary)}@media(max-width:1024px){.certificate-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.section-header-cert h2{font-size:1.75rem}}@media(max-width:768px){.certificate-courses-section{margin-top:2rem;padding:2rem 0;overflow:hidden}.certificate-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.5rem;padding:0 1rem 1rem;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.certificate-grid::-webkit-scrollbar{height:6px}.certificate-grid::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.certificate-grid::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.certificate-card{min-width:320px;max-width:320px;flex-shrink:0;scroll-snap-align:start}.section-header-cert h2{font-size:1.5rem}.section-header-cert p{font-size:1rem}.cert-thumb{height:160px}.cert-content{padding:1.25rem}.cert-content h3{font-size:1.1rem}}@media(max-width:480px){.certificate-courses-section{padding:1.5rem 0}.certificate-grid{padding:0 .75rem 1rem;gap:1rem}.certificate-card{min-width:280px;max-width:280px}.section-header-cert h2{font-size:1.35rem}.section-header-cert p{font-size:.9rem}.cert-thumb{height:140px}.cert-content{padding:1rem}.cert-meta{flex-direction:column;align-items:flex-start}}.blogs-scroll::-webkit-scrollbar{display:none}.blogs-scroll{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-card{animation:fadeInUp .5s ease-out}.blog-card img{will-change:transform}.filter-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:var(--card-bg);padding:8px 12px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.filter-controls:hover{box-shadow:0 4px 8px #0000001a;border-color:var(--border-hover)}.filter-dropdown-trigger{position:relative;overflow:hidden}.filter-dropdown-trigger:focus{outline:2px solid var(--primary-color);outline-offset:2px}.filter-dropdown-content{animation:fadeInScale .15s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.filter-dropdown-item{position:relative;overflow:hidden}.filter-dropdown-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.filter-dropdown-item:hover:before{left:100%}@media(max-width:768px){.filter-controls{width:100%;justify-content:flex-start;padding:12px;gap:8px}.filter-dropdown-trigger{font-size:.75rem!important;height:36px!important;padding:0 10px!important}@media(max-width:480px){.filter-controls{flex-direction:column;align-items:stretch}.filter-controls>*{width:100%}.filter-dropdown-trigger{width:100%!important;justify-content:space-between!important}}}@media(prefers-color-scheme:dark){.filter-dropdown-content{box-shadow:0 8px 24px #0000004d}.filter-dropdown-item:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}}@media(prefers-contrast:high){.filter-controls{border-width:2px}.filter-dropdown-trigger{border-width:2px!important}.filter-dropdown-content{border-width:2px}}@media(min-width:1024px){.blogs-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;min-width:auto!important}.blog-card{min-width:auto!important;max-width:none!important}.blogs-scroll{overflow-x:visible!important;margin:0!important;padding:0!important}}@media(min-width:768px)and (max-width:1023px){.blogs-grid{display:grid!important;grid-template-columns:repeat(2,1fr);gap:16px;min-width:auto!important}.blog-card{min-width:auto!important;max-width:none!important}.blogs-scroll{overflow-x:visible!important;margin:0!important;padding:0!important}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.no-data{width:100%;min-width:100%}.app-section:nth-child(2n){background:transparent}.you-may-like-section{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.blog-card [style*=FEATURED]{animation:pulse 2s ease-in-out infinite}.blog-card:hover [style*="rgba(0,0,0,0.7)"]{background:#000000d9}.blog-info span[style*="background: var(--bg-secondary)"]{transition:all .2s ease}.blog-info span[style*="background: var(--bg-secondary)"]:hover{background:var(--primary-color)!important;color:#fff!important;transform:translateY(-2px)}.btn-primary{position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}}.btn:active i.fa-heart{animation:heartBeat .5s ease}.blogs-scroll{scroll-behavior:smooth}.blog-card:focus-visible{outline:3px solid var(--primary-color);outline-offset:4px}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.filter-controls,.btn{display:none}.blog-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}.blog-detail-page{padding:0;max-width:none}.back-navigation{padding:var(--content-padding-mobile);padding-bottom:1rem;animation:slideDown .4s ease-out}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:all .3s ease;cursor:pointer;animation:fadeInUp .5s ease-out .2s both}.back-link:hover{color:var(--text-primary);text-decoration:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.back-link i{font-size:.8rem;transition:transform .3s ease}.back-link:hover i{transform:translate(-3px)}.back-link span{position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-link:focus{outline:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.3)}.blog-header-image{position:relative;height:300px;width:100%;overflow:hidden;margin-bottom:2rem}.blog-header-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.featured-badge{position:absolute;top:1rem;right:1rem;background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.25rem;box-shadow:var(--shadow-sm)}.blog-content-wrapper{padding:0 var(--content-padding-mobile);max-width:800px;margin:0 auto}.blog-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.meta-tags{display:flex;flex-wrap:wrap;gap:.75rem}.category-tag,.date-tag,.author-tag{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-muted);padding:.25rem .75rem;background:var(--bg-secondary);border-radius:15px}.category-tag{background:#6366f11a;color:var(--primary-color);font-weight:600}.engagement-stats{display:flex;gap:1rem}.stat{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-muted)}.blog-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.3}.blog-summary{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;margin-bottom:2rem;border-left:4px solid var(--primary-color)}.blog-summary p{font-size:1.1rem;color:var(--text-secondary);margin:0;font-style:italic}.blog-content{margin-bottom:2rem}.content-text{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);white-space:pre-line}.content-text p{margin-bottom:1.5rem}.content-text h1,.content-text h2,.content-text h3,.content-text h4,.content-text h5,.content-text h6{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem}.content-text ul,.content-text ol{margin-bottom:1.5rem;padding-left:2rem}.content-text li{margin-bottom:.5rem}.content-text blockquote{border-left:4px solid var(--primary-color);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--text-muted)}.content-text code{background:var(--bg-secondary);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}.content-text pre{background:var(--bg-secondary);padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.blog-tags{margin-bottom:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.blog-tags h4{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary)}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--bg-secondary);color:var(--text-secondary);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;transition:all .2s ease;cursor:default}.tag:hover{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transform:translateY(-1px)}.blog-actions{display:flex;gap:1rem;padding:2rem 0;border-top:1px solid var(--border-color);flex-wrap:wrap}.blog-actions .btn{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.blog-actions .btn:hover{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.blog-actions .btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.blog-actions .btn-primary:hover{background:#6366f1e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#6366f1cc}.blog-detail-skeleton{padding:var(--content-padding-mobile)}.skeleton-header,.skeleton-line{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}.skeleton-content{max-width:800px;margin:0 auto}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state{text-align:center;padding:4rem var(--content-padding-mobile);max-width:500px;margin:0 auto}.error-icon{font-size:4rem;color:var(--error-color);margin-bottom:1rem}.error-state h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.error-state p{color:var(--text-muted);margin-bottom:2rem}@media(max-width:768px){.blog-title{font-size:1.5rem}.blog-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.meta-tags{gap:.5rem}.blog-actions{flex-direction:column;gap:.75rem}.blog-actions .btn{flex:none;width:100%}.back-navigation{padding:1rem 1rem .75rem}.back-link{font-size:.85rem}}@media(min-width:769px){.blog-detail-page{padding-bottom:2rem}.blog-header-image{height:400px;border-radius:0 0 20px 20px}.blog-content-wrapper{padding:0 2rem}.back-navigation{padding:2rem 2rem 1.5rem}.blog-title{font-size:2.5rem}.blog-actions .btn{flex:none;min-width:140px}}@media print{.back-navigation,.blog-actions,.engagement-stats{display:none!important}.blog-header-image{height:200px}.blog-content-wrapper{padding:0}.blog-title{font-size:1.8rem}.content-text{font-size:1rem;line-height:1.6}}.communication-page{min-height:100%;background:var(--bg-secondary)}.comm-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#6366f1;font-weight:700;font-size:1rem}.communication-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 1.75rem;position:relative;overflow:hidden;min-height:auto}.communication-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-text h1{font-size:1.5rem;font-weight:800;margin-bottom:.25rem;line-height:1.2;letter-spacing:-.02em}.hero-text p{font-size:.85rem;margin-bottom:0;opacity:.9;line-height:1.5;font-weight:400}.section-header{text-align:left;margin-bottom:.875rem}.section-header h2{font-size:1rem!important;font-weight:800!important;color:var(--text-primary)!important;margin:0 0 2px!important}.section-header p{font-size:.78rem!important;color:var(--text-secondary)!important;margin:0!important}.skills-overview-section{padding:1.25rem 0;max-width:100%;margin:0;padding-left:0;padding-right:0}.skills-grid{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:.5rem 0 1rem;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;margin:0;box-sizing:border-box}.skills-grid::-webkit-scrollbar{display:none}.skill-card{background:var(--card-bg);border-radius:16px;padding:1.25rem;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;min-width:280px;max-width:280px;height:auto;flex-shrink:0;box-shadow:var(--shadow-sm);overflow:visible;display:flex;flex-direction:column}.skill-card:hover,.skill-card.active{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color);background:var(--card-bg)}.skill-card.active{background:var(--bg-tertiary);border-color:var(--primary-color)}.skill-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative;z-index:1;min-height:50px}.skill-icon{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:0 4px 15px #3b82f64d;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.skill-header h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;height:2.99rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skill-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5;font-size:.875rem;position:relative;z-index:1;height:2.625rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.target-audience-note{font-size:.75rem;color:#6366f1;background:#f5f7ff;padding:.5rem .75rem;border-radius:8px;margin-bottom:1rem;font-weight:500;display:flex;align-items:center;gap:.4rem;border:1px dashed rgba(99,102,241,.3);position:relative;z-index:1;min-height:32px}.skill-details{margin-bottom:1rem;position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.skill-meta{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;min-height:28px}.level-badge,.duration-badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(59,130,246,.2)}.level-badge{background:var(--primary-color-light);color:var(--primary-dark)}.duration-badge{color:var(--text-secondary)}.prereq-note{font-size:.75rem;color:#ef4444;background:#fef2f2;padding:.5rem .75rem;border-radius:8px;margin-bottom:.875rem;font-weight:600;display:flex;align-items:center;gap:.4rem;border:1px solid rgba(239,68,68,.1)}.modules-list h4{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0 0 .625rem}.modules-list ul{list-style:none;padding:0;margin:0}.modules-list li{color:var(--text-secondary);position:relative;padding:.375rem 0 .375rem 1rem;font-size:.8rem;font-weight:500;height:1.5rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.modules-list li:before{content:"✦";position:absolute;left:0;color:#3b82f6;font-weight:700;font-size:.75rem}.start-learning-btn{width:100%;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #4f46e533;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;overflow:hidden;margin-top:auto;height:42px}.start-learning-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.start-learning-btn:hover:before{left:100%}.start-learning-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.learning-resources-section{padding:1.25rem 0;max-width:100%;margin:0;padding-left:0;padding-right:0}.video-courses-scroll{overflow-x:auto;padding:0 0 .875rem;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.video-courses-scroll::-webkit-scrollbar{display:none}.video-courses-container{display:flex;gap:1rem;padding:0;min-width:-moz-max-content;min-width:max-content}.video-course-card{background:var(--bg-primary);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;min-width:280px;max-width:280px;flex-shrink:0}.video-course-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.course-thumbnail{position:relative;height:160px;overflow:hidden;background:#f1f5f9}.thumbnail-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.video-course-card:hover .thumbnail-img{transform:scale(1.1)}.course-duration{position:absolute;bottom:.75rem;right:.75rem;background:#0f172ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.35rem;z-index:2;border:1px solid rgba(255,255,255,.1)}.course-info{padding:1rem}.course-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.4}.course-instructor{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.course-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.75rem;flex-wrap:wrap}.course-rating{display:flex;align-items:center;gap:.25rem;color:#fbbf24}.course-level{background:var(--primary-color-light);color:var(--primary-dark);padding:.25rem .5rem;border-radius:12px;font-weight:500}.course-language{background:#f1f5f9;color:#475569;padding:.25rem .5rem;border-radius:12px;font-weight:500}.watch-course-btn{width:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.65rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.watch-course-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.ai-practice-section{padding:1.25rem 0;background:var(--bg-secondary);position:relative;overflow:hidden}.ai-practice-container{position:relative;z-index:1;max-width:100%;margin:0;padding:0}.ai-practice-content{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}.ai-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-color-light);color:var(--primary-color);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;border:1px solid var(--primary-color)}.ai-badge i{color:var(--primary-color)}.ai-practice-text h2{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.ai-practice-text p{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.55}.ai-cta-buttons{display:flex;gap:.625rem}.primary-cta-btn,.secondary-cta-btn{padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:.82rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;border:none}.primary-cta-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d}.primary-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.secondary-cta-btn{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.secondary-cta-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.ai-practice-visual{position:relative;display:flex;justify-content:center;align-items:center}.communication-images{position:relative;width:100%;max-width:450px;height:400px}.comm-image{position:absolute;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000026;transition:all .3s ease}.comm-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.comm-image:hover img{transform:scale(1.05)}.comm-image-1{width:200px;height:200px;top:0;left:0;z-index:3}.comm-image-2{width:180px;height:180px;top:50px;right:0;z-index:2}.comm-image-3{width:160px;height:160px;bottom:0;left:50%;transform:translate(-50%);z-index:1}.assessments-section{padding:1.25rem 0;background:var(--bg-secondary)}.assessments-section .section-header{max-width:100%;margin:0 0 .875rem;padding:0;text-align:left}.assessments-grid{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:.25rem 0 .875rem;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;margin:0;box-sizing:border-box}.assessments-grid::-webkit-scrollbar{display:none}.assessment-card{background:var(--card-bg);border-radius:14px;border:1px solid var(--border-color);transition:all .3s ease;overflow:hidden;min-width:260px;max-width:260px;flex-shrink:0;display:flex;flex-direction:column;height:auto}.assessment-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.assessment-cover{position:relative;height:160px;overflow:hidden;flex-shrink:0}.assessment-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.assessment-card:hover .assessment-cover img{transform:scale(1.05)}.assessment-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#3b82f6cc,#1d4ed8e6);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.assessment-card:hover .assessment-overlay{opacity:1}.assessment-overlay .assessment-icon{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.assessment-overlay .assessment-icon i{font-size:1.5rem;color:#fff}.assessment-content{padding:1.25rem;text-align:center;flex:1;display:flex;flex-direction:column;gap:.75rem;width:100%;box-sizing:border-box}.assessment-content h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.assessment-content p{color:var(--text-secondary);line-height:1.5;font-size:.85rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.assessment-card p{color:var(--text-secondary);line-height:1.6}.assessment-meta-row{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-secondary);font-weight:500}.meta-item i{font-size:.85rem;color:var(--primary-color)}.passing-score-row{font-size:.8rem;color:var(--text-secondary);font-weight:500;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:8px}.take-assessment-btn{width:100%;background:var(--primary-color);color:#fff;border:none;padding:.65rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto}.take-assessment-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}@media(max-width:768px){.communication-hero{padding:6rem 0 4rem;min-height:350px}.hero-content{padding:0 1.5rem}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.1rem}.skills-overview-section{padding-left:1rem;padding-right:1rem}.skills-grid{padding:.5rem 1rem 1.5rem;gap:1rem}.skill-card{min-width:260px;max-width:260px;padding:1.25rem;height:auto}.skill-card:first-child{margin-left:1rem}.skill-card:last-child{margin-right:1rem}.skill-header h3{font-size:1.1rem;height:auto}.skill-description{height:auto}.skill-icon{width:45px;height:45px;font-size:1.1rem}.assessments-section .section-header{padding:0 1rem}.assessments-grid{padding:.5rem 1rem 1.5rem;gap:1rem}.assessment-card{min-width:260px;max-width:260px;height:auto}.assessment-card:first-child{margin-left:1rem}.assessment-card:last-child{margin-right:1rem}.assessment-cover{height:140px}.assessment-content{padding:1rem}.assessment-content h3{font-size:1rem}.assessment-content p{font-size:.8rem}.video-courses-scroll{margin:0;padding:0 1rem 1rem}.video-courses-container{padding:0;gap:1rem}.video-course-card{min-width:240px;max-width:240px}.ai-practice-content{grid-template-columns:1fr;gap:2rem;text-align:center}.ai-practice-text h2{font-size:2.5rem}.ai-cta-buttons{justify-content:center;flex-wrap:wrap}.communication-images{max-width:350px;height:300px}.comm-image-1{width:150px;height:150px}.comm-image-2{width:130px;height:130px}.comm-image-3{width:110px;height:110px}}@media(max-width:480px){.communication-hero{padding:.5rem 0 .25rem;min-height:auto}.hero-text h1{font-size:1.3rem;margin-bottom:.25rem}.hero-text p{font-size:.75rem;line-height:1.25}.skills-overview-section{padding:1.5rem 0}.skills-grid{padding:.5rem 16px 1.5rem;gap:12px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.skill-card{min-width:240px;max-width:240px;padding:1rem;height:auto}.skill-card:first-child{margin-left:0}.skill-card:last-child{margin-right:16px}.skill-header{gap:.5rem;margin-bottom:.5rem}.skill-header h3{font-size:.95rem;height:auto}.skill-description{font-size:.78rem;height:auto;margin-bottom:.5rem}.skill-icon{width:38px;height:38px;font-size:1rem;border-radius:10px}.target-audience-note{font-size:.7rem;padding:.4rem .6rem}.level-badge,.duration-badge{font-size:.7rem;padding:.25rem .6rem}.modules-list h4{font-size:.82rem}.modules-list li{font-size:.75rem;height:auto}.start-learning-btn{font-size:.82rem;padding:.6rem 1rem;height:38px}.assessments-section{padding:1.5rem 0}.assessments-section .section-header{padding:0 16px;margin-bottom:1rem}.section-header h2{font-size:1.2rem;margin-bottom:.25rem}.section-header p{font-size:.78rem}.assessments-grid{padding:.5rem 16px 1.5rem;gap:12px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.assessment-card{min-width:230px;max-width:230px;height:auto}.assessment-card:first-child{margin-left:0}.assessment-card:last-child{margin-right:16px}.assessment-cover{height:120px}.assessment-content{padding:.75rem;gap:.5rem}.assessment-content h3{font-size:.88rem}.assessment-content p{font-size:.74rem}.meta-item{font-size:.7rem}.passing-score-row{font-size:.72rem}.take-assessment-btn{font-size:.82rem;padding:.55rem .75rem}.learning-resources-section{padding:1.5rem 0;padding-left:0;padding-right:0}.learning-resources-section .section-header{padding:0 16px;margin-bottom:1rem}.video-courses-scroll{padding:.5rem 16px 1.5rem;margin:0 -16px;padding-left:16px;padding-right:16px}.video-courses-container{padding:0;gap:12px}.video-course-card:last-child{margin-right:16px}.video-course-card{min-width:220px;max-width:220px}.course-thumbnail{height:130px}.course-info h4{font-size:.88rem}.course-instructor{font-size:.78rem}.course-meta{font-size:.7rem;gap:.5rem}.watch-course-btn{font-size:.82rem;padding:.55rem .75rem}.ai-practice-section{padding:.75rem 0}.ai-practice-container{padding:0 1rem}.ai-practice-text h2{font-size:1.1rem;margin-bottom:.25rem}.ai-practice-text p{font-size:.75rem;margin-bottom:.5rem}.ai-cta-buttons{flex-direction:column;gap:.3rem}.primary-cta-btn,.secondary-cta-btn{width:100%;justify-content:center;padding:.4rem .8rem;font-size:.75rem;height:32px}.communication-images{max-width:180px;height:150px;margin-top:.75rem}.comm-image-1{width:70px;height:70px}.comm-image-2{width:60px;height:60px}.comm-image-3{width:40px;height:40px}.analytics-section{padding:.25rem .5rem}.analytics-card{min-width:200px;max-width:200px}.analytics-header{padding:.5rem}.analytics-content{padding:.25rem .5rem;min-height:auto;gap:.25rem}.score-circle{width:80px;height:80px}.score-value{font-size:1.2rem}.score-description{font-size:.6rem}.stat-value{font-size:.9rem}}.video-modal-overlay{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:6rem 2rem 2rem;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.video-modal-clean{position:relative;max-width:70vw;max-height:70vh;width:100%;aspect-ratio:16/9;animation:modalSlideUp .4s ease-out}@keyframes modalSlideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.video-close-btn{position:absolute;top:-60px;right:0;width:40px;height:40px;border:none;background:#ffffffe6;border-radius:50%;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-close-btn:hover{background:#fff;transform:scale(1.1)}.video-close-btn i{font-size:1rem}.video-player{width:100%;height:100%;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #00000080}.video-player iframe{width:100%;height:100%;border:none}@media(max-width:768px){.video-modal-overlay{padding:5rem 1rem 1rem}.video-modal-clean{max-width:85vw;max-height:60vh}.video-close-btn{top:-55px;width:36px;height:36px}.video-close-btn i{font-size:.9rem}.video-player{border-radius:8px}}@media(max-width:480px){.video-modal-overlay{padding:4rem .5rem .5rem}.video-modal-clean{max-width:90vw;max-height:50vh}.video-close-btn{top:-50px;width:32px;height:32px}.video-close-btn i{font-size:.8rem}}.assessment-meta-row{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #eef2ff}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#475569}.meta-item i{color:#6366f1;font-size:.9rem}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px dashed #e2e8f0}.detail-item .label{font-size:.9rem;font-weight:700;color:#64748b}.detail-item .value{font-size:.95rem;font-weight:800;color:#1e293b}.no-results-placeholder{text-align:center;background:#fff;padding:3rem;border-radius:20px;border:1px dashed #e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-column:1 / -1;width:100%}.placeholder-icon{width:64px;height:64px;background:#f1f5f9;color:#94a3b8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1rem}.no-results-placeholder h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.no-results-placeholder p{color:#64748b;font-size:.95rem;margin:0}.score-circle .circle-progress{fill:none;stroke:url(#gradient-comm);stroke-width:10;stroke-linecap:round;stroke-dasharray:440;transition:stroke-dashoffset 1.5s ease-in-out;filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.score-circle .circle-progress.animated{animation:progressAnimation 1.5s ease-in-out}@keyframes progressAnimation{0%{stroke-dashoffset:440}}.score-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);position:relative;z-index:1}.stat-item{background:var(--bg-secondary);padding:1rem;border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.25rem}.stat-description{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.performance-breakdown{display:flex;flex-direction:column;gap:1.25rem}.performance-item{display:flex;flex-direction:column;gap:.5rem}.category-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.percentage{font-size:.9rem;font-weight:700}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:10px;transition:width 1s ease-in-out;position:relative}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.activity-item:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.activity-icon.warning{background:#f59e0b1a;color:#f59e0b}.activity-info h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.3}.activity-meta{font-size:.75rem;color:var(--text-muted);margin:0}.view-all-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}@media(max-width:768px){.analytics-grid-wrapper{margin:0 -1rem;padding:0 1rem 1rem;overflow-x:auto;scrollbar-width:none}.analytics-grid-wrapper::-webkit-scrollbar{display:none}.analytics-grid{display:flex!important;gap:1rem;padding-bottom:1rem}.analytics-card{min-width:300px;max-width:300px;flex-shrink:0}.analytics-card:last-child{margin-right:1rem}.analytics-section .section-header>div{flex-direction:column!important;align-items:flex-start!important}.analytics-section .view-all-btn{width:100%;justify-content:center}.score-circle{width:140px;height:140px}.score-value{font-size:2rem}.analytics-stats{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.analytics-grid-wrapper{margin:0!important;padding:0!important}.analytics-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1.5rem}.analytics-card{min-width:auto!important;max-width:none!important}}@media(min-width:1025px){.analytics-grid{grid-template-columns:repeat(3,1fr)!important}}.modules-page{min-height:100%;background:var(--bg-secondary);padding:2rem 0}.modules-container{max-width:1200px;margin:0 auto;padding:0 1rem}.comm-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.25rem;color:var(--text-secondary);font-weight:600;letter-spacing:.05em}.modules-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;background:var(--card-bg);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid var(--border-color)}.back-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-tertiary);border:none;border-radius:12px;cursor:pointer;color:var(--text-secondary);font-size:1.2rem;transition:all .3s ease;flex-shrink:0}.skill-info{display:flex;align-items:center;gap:1.5rem;flex:1}.skill-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;flex-shrink:0}.skill-details h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;color:var(--text-primary)}.skill-details p{margin:0 0 1rem;font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.skill-stats{display:flex;gap:2rem}.stat{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);font-weight:500}.stat i{color:var(--text-light)}.learning-path{margin-bottom:3rem}.learning-path h2{margin:0 0 2rem;font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center}.modules-timeline{display:flex;flex-direction:column;gap:0;position:relative}.module-item{display:flex;gap:2rem;align-items:flex-start;position:relative;margin-bottom:2rem}.module-item:last-child{margin-bottom:0}.module-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative;z-index:2}.module-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #3b82f64d;border:4px solid var(--card-bg)}.connector-line{width:3px;height:calc(100% + 2rem);background:linear-gradient(to bottom,#3b82f6,var(--border-color));position:absolute;top:48px;left:50%;transform:translate(-50%);z-index:1}.empty-modules{text-align:center;padding:4rem 2rem;background:var(--card-bg);border-radius:16px;border:2px dashed var(--border-color);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-modules i{font-size:3rem;opacity:.3}.module-card{flex:1;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid var(--border-color);overflow:hidden}.module-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.module-cover{position:relative;height:200px;overflow:hidden}.module-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.module-card:hover .module-cover img{transform:scale(1.05)}.module-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#0006);display:flex;align-items:flex-end;padding:1rem}.module-badges{display:flex;gap:.5rem;margin-left:auto}.module-content{padding:2rem}.module-header{margin-bottom:1rem}.module-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.level-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.duration-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;background:#ffffffe6;color:var(--text-primary);display:flex;align-items:center;gap:.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .duration-badge{background:#0009;color:var(--text-primary)}.module-description{margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.6;font-size:1rem}.module-actions{display:flex;justify-content:space-between;align-items:center}.start-module-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.start-module-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.completed-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dcfce7;color:#166534;border-radius:20px;font-size:.9rem;font-weight:600}.progress-summary{background:var(--card-bg);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid var(--border-color)}.progress-summary h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);text-align:center}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.progress-item{text-align:center}.progress-circle{width:80px;height:80px;border-radius:50%;background:conic-gradient(#3b82f6 0deg,var(--border-color) 0deg);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative}.progress-circle:before{content:"";width:60px;height:60px;border-radius:50%;background:var(--card-bg);position:absolute}.progress-circle span{position:relative;z-index:1;font-weight:700;color:var(--text-primary)}.progress-number{font-size:2.5rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.progress-item p{margin:0;color:var(--text-secondary);font-weight:500}.error-message{text-align:center;padding:4rem 2rem;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid var(--border-color)}.error-message h2{margin:0 0 1rem;color:var(--text-primary);font-size:2rem}.error-message p{margin:0 0 2rem;color:var(--text-secondary);font-size:1.25rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease}@media(max-width:768px){.modules-page{padding:1rem 0}.modules-container{padding:0 .5rem}.modules-header{flex-direction:column;gap:1rem;padding:1.5rem}.skill-info{flex-direction:column;text-align:center;gap:1rem}.skill-details h1{font-size:2rem}.skill-stats{justify-content:center;gap:1rem}.module-item{gap:1rem}.module-cover{height:150px}.module-content{padding:1.5rem}.module-header h3{font-size:1.25rem}.module-actions{flex-direction:column;gap:1rem;align-items:stretch}.progress-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.progress-circle{width:60px;height:60px}.progress-circle:before{width:45px;height:45px}.progress-number{font-size:2rem}.connector-line{height:calc(100% + 1rem)}}@media(max-width:480px){.skill-details h1{font-size:1.75rem}.learning-path h2{font-size:1.5rem}.module-header h3{font-size:1.1rem}.module-number{width:40px;height:40px;font-size:1rem}.module-cover{height:120px}.module-content{padding:1rem}.module-overlay{padding:.75rem}.module-badges{flex-direction:column;gap:.25rem}.connector-line{width:2px;top:40px}}[data-theme=dark] .modules-header,[data-theme=dark] .module-card{box-shadow:0 4px 20px #0003}[data-theme=dark] .module-card:hover{box-shadow:0 8px 30px #0000004d}[data-theme=dark] .progress-summary,[data-theme=dark] .error-message{box-shadow:0 4px 20px #0003}.module-detail-page{min-height:100%;background:var(--bg-secondary);padding:1rem 0}.module-container{max-width:1400px;margin:0 auto;padding:0 1rem}.module-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;background:var(--card-bg);padding:1.5rem 2rem;border-radius:12px;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color)}.back-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-tertiary);border:none;border-radius:10px;cursor:pointer;color:var(--text-secondary);font-size:1.1rem;transition:all .3s ease;flex-shrink:0}.back-button:hover{background:var(--hover-bg);color:var(--text-primary);transform:translate(-2px)}.module-info h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--text-primary)}.module-meta{display:flex;gap:1rem;align-items:center}.level-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.duration-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.progress-section{margin-bottom:2rem;background:var(--card-bg);padding:1.5rem 2rem;border-radius:12px;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary);font-weight:500;flex-wrap:wrap;gap:1rem}.mobile-nav-buttons{display:none;gap:.5rem}.objectives-link,.sections-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease}.objectives-link:hover,.sections-link:hover{background:var(--hover-bg);color:var(--primary-color)}.objectives-link i,.sections-link i{font-size:.8rem}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .5s ease}.module-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.module-sidebar{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color);position:sticky;top:2rem}.module-sidebar h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.module-sidebar h3:not(:first-child){margin-top:2rem}.objectives-list{list-style:none;padding:0;margin:0}.objectives-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.objectives-list i{color:#10b981;margin-top:.1rem;flex-shrink:0}.sections-list{display:flex;flex-direction:column;gap:.5rem}.section-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.section-item:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.section-item.active{background:#3b82f61a;border-color:#3b82f6}.section-item.completed{background:#10b9811a;border-color:#10b981}.section-number{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.section-item.active .section-number{background:#3b82f6;color:#fff}.section-item.completed .section-number{background:#10b981;color:#fff}.section-info{flex:1;min-width:0}.section-title{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-type{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.completion-check{color:#10b981;font-size:.9rem}.module-content{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color);overflow:hidden}.content-header{padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-color)}.content-header h2{margin:0 0 1rem;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.content-meta{display:flex;gap:1rem;align-items:center}.content-type,.content-duration{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);font-weight:500}.content-type i{color:#3b82f6}.content-body{padding:2rem;min-height:400px}.text-content p{margin:0 0 1.5rem;line-height:1.7;color:var(--text-primary);font-size:1rem}.text-content p:last-child{margin-bottom:0}.video-content{text-align:center}.video-placeholder{background:linear-gradient(135deg,var(--bg-dark),#334155);color:#fff;padding:4rem 2rem;border-radius:12px;margin-bottom:2rem}[data-theme=dark] .video-placeholder{background:linear-gradient(135deg,#1e293b,#334155)}.video-placeholder i{font-size:4rem;margin-bottom:1rem;opacity:.8}.video-placeholder p{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.video-placeholder span{font-size:.9rem;opacity:.8}.quiz-content{text-align:center}.quiz-placeholder{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:4rem 2rem;border-radius:12px;margin-bottom:2rem}.quiz-placeholder i{font-size:4rem;margin-bottom:1rem;opacity:.8}.quiz-placeholder p{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.quiz-placeholder span{font-size:.9rem;opacity:.8}.exercise-content{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:2rem}.exercise-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.exercise-header i{color:#f59e0b;font-size:1.25rem}.exercise-text p{margin:0 0 1rem;line-height:1.6;color:var(--text-primary)}.exercise-text p:last-child{margin-bottom:0}.content-actions{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.nav-btn:hover:not(:disabled){background:var(--hover-bg);color:var(--text-primary)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.complete-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.complete-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.complete-btn:disabled{background:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none}.error-message{text-align:center;padding:4rem 2rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color)}.error-message h2{margin:0 0 1rem;color:var(--text-primary)}.error-message p{margin:0 0 2rem;color:var(--text-secondary)}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;text-decoration:none;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#1d4ed8;transform:translateY(-2px)}@media(max-width:1024px){.module-layout{grid-template-columns:1fr;gap:1.5rem}.module-sidebar{position:static;order:2}.module-content{order:1}.mobile-nav-buttons{display:flex}.module-sidebar h3:first-child,.module-sidebar .objectives-list,.module-sidebar h3:nth-child(2),.module-sidebar .sections-list{display:none}.module-sidebar{display:none}}@media(max-width:768px){.module-container{padding:0 .5rem}.module-header{padding:1rem 1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.module-info h1{font-size:1.5rem}.progress-section{padding:1rem 1.5rem}.progress-info{flex-direction:column;align-items:flex-start;gap:.75rem}.mobile-nav-buttons{align-self:flex-end}.content-header{padding:1.5rem 1.5rem 1rem}.content-header h2{font-size:1.5rem}.content-body{padding:1.5rem}.content-actions{padding:1rem 1.5rem;flex-direction:column;gap:1rem}.nav-btn,.complete-btn{width:100%;justify-content:center}.video-placeholder,.quiz-placeholder{padding:3rem 1.5rem}.video-placeholder i,.quiz-placeholder i{font-size:3rem}.objectives-sidebar{width:100%;max-width:320px;top:var(--header-height-tablet);height:calc(100vh - var(--header-height-tablet))}.sidebar-tabs{flex-direction:row;gap:.5rem}.sidebar-tab{flex:1;padding:.4rem .8rem;font-size:.8rem;justify-content:center}}@media(max-width:480px){.module-detail-page{padding:.5rem 0}.content-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.exercise-content{padding:1.5rem}.objectives-sidebar{width:100vw;max-width:none;top:var(--header-height-mobile);height:calc(100vh - var(--header-height-mobile))}.mobile-nav-buttons{width:100%;justify-content:space-between}.objectives-link,.sections-link{flex:1;justify-content:center}.sidebar-tabs{width:100%;gap:.25rem}.sidebar-tab{flex:1;justify-content:center;padding:.5rem;font-size:.75rem}.sidebar-header-title{font-size:1rem}.objectives-sidebar-header{padding:.75rem 1rem}}[data-theme=dark] .module-header,[data-theme=dark] .progress-section,[data-theme=dark] .module-sidebar,[data-theme=dark] .module-content,[data-theme=dark] .error-message{box-shadow:0 2px 10px #0003}.objectives-overlay{position:fixed;inset:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.objectives-sidebar{position:fixed;top:var(--header-height-desktop);right:0;width:320px;height:calc(100vh - var(--header-height-desktop));background:var(--card-bg);border-left:1px solid var(--border-color);z-index:999;display:flex;flex-direction:column;animation:slideInRight .3s ease-out;box-shadow:-4px 0 20px #0000001a}[data-theme=dark] .objectives-sidebar{box-shadow:-4px 0 20px #0000004d}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.objectives-sidebar-header{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.sidebar-header-top{display:flex;justify-content:space-between;align-items:center}.sidebar-header-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.sidebar-tabs{display:flex;gap:.5rem;width:100%}.sidebar-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease}.sidebar-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.sidebar-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.sidebar-tab i{font-size:.8rem}.objectives-sidebar-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.close-objectives-btn{width:32px;height:32px;border:none;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-objectives-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.objectives-sidebar-content{flex:1;padding:1.5rem;overflow-y:auto}.objectives-sidebar .objectives-list{list-style:none;padding:0;margin:0}.objectives-sidebar .objectives-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:.95rem;color:var(--text-secondary);line-height:1.6;padding:.75rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.objectives-sidebar .objectives-list li:last-child{margin-bottom:0}.objectives-sidebar .objectives-list i{color:#10b981;margin-top:.1rem;flex-shrink:0}.objectives-sidebar .sections-list{display:flex;flex-direction:column;gap:.5rem}.objectives-sidebar .section-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.objectives-sidebar .section-item:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.objectives-sidebar .section-item.active{background:#3b82f61a;border-color:#3b82f6}.objectives-sidebar .section-item.completed{background:#10b9811a;border-color:#10b981}.objectives-sidebar .section-number{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.objectives-sidebar .section-item.active .section-number{background:#3b82f6;color:#fff}.objectives-sidebar .section-item.completed .section-number{background:#10b981;color:#fff}.objectives-sidebar .section-info{flex:1;min-width:0}.objectives-sidebar .section-title{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;line-height:1.3}.objectives-sidebar .section-type{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.objectives-sidebar .completion-check{color:#10b981;font-size:.9rem}.assessment-page{min-height:100%;background:var(--bg-primary);overflow:hidden;padding:0;position:relative}.split-assessment{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.split-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);height:70px;flex-shrink:0}.split-back-btn{width:40px;height:40px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:8px}.split-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.split-progress{flex:1;max-width:400px;margin:0 2rem}.progress-text{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;display:block;text-align:center}.progress-bar-thin{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-fill-thin{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .3s ease}.split-timer{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-weight:600;font-size:.875rem}.split-timer i{font-size:.875rem}.split-container{display:flex;flex:1;overflow:hidden}.split-left{flex:1;display:flex;flex-direction:column;padding:3rem;overflow-y:auto;background:var(--bg-primary)}.question-section{flex:1}.split-question-text{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 2.5rem;line-height:1.4}.question-number-inline{color:#6366f1;font-weight:700;margin-right:.5rem}.split-options{display:flex;flex-direction:column;gap:1rem}.split-option{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.split-option:hover{border-color:#6366f1;background:var(--bg-tertiary)}.split-option.selected{border-color:#6366f1;background:#6366f11a;box-shadow:0 4px 12px #6366f126}.option-box{width:48px;height:48px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.split-option.selected .option-box{background:#6366f1;border-color:#6366f1}.option-letter{font-weight:700;font-size:1.125rem;color:var(--text-secondary)}.split-option.selected .option-letter{color:#fff}.option-text{flex:1;font-size:1.0625rem;color:var(--text-primary);line-height:1.5;font-weight:500}.split-option.selected .option-text{color:var(--text-primary);font-weight:600}.option-check{color:#10b981;font-size:1.25rem;animation:checkBounce .3s ease}@keyframes checkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.split-navigation-bottom{padding:1.5rem 2rem;background:var(--bg-primary);border-top:1px solid var(--border-color);flex-shrink:0}.split-continue-btn,.split-submit-btn{width:100%;max-width:500px;margin:0 auto;display:block;padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f14d}.split-continue-btn:hover:not(:disabled),.split-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.split-continue-btn:disabled,.split-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.split-submit-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.split-submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #10b98166}.split-right{width:45%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.split-right:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="rgba(99,102,241,0.1)"/></svg>');background-size:20px 20px;opacity:.5}.image-container{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a;background:var(--card-bg)}.feedback-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.image-container:hover .feedback-image{transform:scale(1.02)}@media(max-width:1024px){.split-left{padding:2rem 1.5rem}.split-right{width:40%;padding:1.5rem}.split-question-text{font-size:1.5rem}.split-navigation-bottom{padding:1.25rem 1.5rem}}@media(max-width:768px){.split-header{padding:.875rem 1rem;height:60px}.split-progress{margin:0 1rem;max-width:250px}.progress-text{font-size:.75rem}.split-timer{padding:.375rem .75rem;font-size:.75rem}.split-container{flex-direction:row}.split-left{flex:1;padding:1.5rem 1rem}.split-right{width:35%;min-height:auto;padding:1rem}.split-question-text{font-size:1.25rem;margin-bottom:1.75rem}.question-number-inline{font-size:1.25rem}.split-option{padding:.875rem;gap:.75rem}.option-box{width:36px;height:36px}.option-letter{font-size:.9375rem}.option-text{font-size:.875rem}.split-navigation-bottom{padding:1rem}.split-continue-btn,.split-submit-btn{padding:.875rem 1.5rem;font-size:.9375rem;max-width:100%}}@media(max-width:640px){.split-header{padding:.75rem;flex-wrap:wrap;height:auto;gap:.5rem}.split-progress{order:3;width:100%;margin:.5rem 0 0;max-width:100%}.split-back-btn{width:36px;height:36px}.split-container{flex-direction:column}.split-left{padding:1rem;min-height:auto;flex:1}.split-right{width:100%;min-height:300px;padding:1.5rem;flex-shrink:0}.split-question-text{font-size:1.125rem;margin-bottom:1.5rem}.question-number-inline{font-size:1.125rem}.split-option{padding:.75rem}.option-box{width:32px;height:32px}.option-letter{font-size:.875rem}.option-text{font-size:.8125rem}.split-navigation-bottom{padding:.875rem}.split-continue-btn,.split-submit-btn{padding:.75rem 1.25rem;font-size:.875rem}}@media(max-width:768px)and (orientation:landscape){.split-container{flex-direction:row}.split-left{flex:1;min-height:auto}.split-right{width:40%;min-height:auto}.split-question-text{font-size:1.125rem;margin-bottom:1.25rem}.split-option{padding:.625rem}}.assessment-intro{min-height:100%;display:flex;flex-direction:column;padding:1rem 2rem 2rem;max-width:1200px;margin:0 auto;overflow-y:auto}.intro-header{position:sticky;top:0;background:#f8fafcf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;margin-bottom:1rem;z-index:10}.back-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;position:relative;overflow:hidden}.back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.back-btn:hover:before{left:100%}.back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.back-btn:active{transform:translateY(0)}.back-btn i{font-size:1rem}.intro-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:1rem 2rem;overflow-y:auto;max-height:calc(100vh - 120px)}.assessment-cover-image{width:200px;height:200px;border-radius:20px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 15px 30px #00000026;border:3px solid white}.assessment-cover-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.assessment-cover-image:hover img{transform:scale(1.05)}.intro-content h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 1rem;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.assessment-description{font-size:1.1rem;color:#64748b;margin:0 0 1.5rem;max-width:600px;line-height:1.6}.assessment-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;width:100%;max-width:600px}.detail-card{background:#ffffffe6;padding:1.5rem;border-radius:16px;border:1px solid rgba(59,130,246,.1);display:flex;align-items:center;gap:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0000001a;border-color:#3b82f6}.detail-card i{font-size:1.5rem;color:#3b82f6;width:50px;height:50px;background:#3b82f61a;border-radius:12px;display:flex;align-items:center;justify-content:center}.detail-card h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.detail-card p{font-size:.85rem;color:#64748b;margin:0}.assessment-instructions{background:#ffffffe6;padding:1.25rem;border-radius:16px;border:1px solid rgba(59,130,246,.1);margin-bottom:1.5rem;max-width:600px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.assessment-instructions h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.assessment-instructions h3 i{color:#3b82f6}.assessment-instructions ul{list-style:none;padding:0;margin:0}.assessment-instructions li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;color:#64748b;line-height:1.6;font-size:.9rem}.assessment-instructions li:before{content:"✓";color:#10b981;font-weight:700;flex-shrink:0;margin-top:.1rem}.start-assessment-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #10b9814d;margin-top:1rem}.start-assessment-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #10b98166}.start-assessment-btn i{font-size:1.2rem}.assessment-header{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(229,231,235,.8);padding:1.5rem 2rem;z-index:100}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.header-top h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0;flex:1;text-align:center}.timer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#dc2626;font-weight:600;font-size:1rem}.timer i{font-size:1.1rem}.progress-container{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.9rem;font-weight:500;color:#64748b;white-space:nowrap}.question-container{padding:2rem;max-width:1000px;margin:0 auto;min-height:calc(100vh - 200px);display:flex;flex-direction:column}.question-card{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 10px 30px #00000014;border:1px solid #f1f5f9;flex:1;display:flex;flex-direction:column;overflow:scroll}.question-text{font-size:1.75rem;font-weight:600;color:#1e293b;margin:0 0 2.5rem;line-height:1.4}.options-list{display:flex;flex-direction:column;gap:1rem;flex:1}.option-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.option-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease}.option-btn:hover:before{left:100%}.option-btn:hover{border-color:#3b82f6;background:#3b82f60d;transform:translate(5px)}.option-btn.selected{border-color:#3b82f6;background:#3b82f61a;box-shadow:0 5px 15px #3b82f633}.option-letter{width:40px;height:40px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#64748b;flex-shrink:0;transition:all .3s ease}.option-btn.selected .option-letter{background:#3b82f6;color:#fff}.option-text{flex:1;font-size:1.1rem;color:#374151;line-height:1.5}.option-check{opacity:0;color:#10b981;font-size:1.2rem;transition:all .3s ease}.option-btn.selected .option-check{opacity:1}.navigation-controls{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:2rem 3rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #10b9814d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.results-container{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:var(--bg-primary)}.results-header{margin-bottom:3rem}.score-circle{width:200px;height:200px;border:8px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;position:relative;background:var(--card-bg);box-shadow:0 20px 40px #0000001a}[data-theme=dark] .score-circle{box-shadow:0 20px 40px #0000004d}[data-theme=dark] .result-stat{box-shadow:0 5px 15px #0003}.score-number{font-size:3rem;font-weight:700;color:var(--text-primary)}.results-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.score-message{font-size:1.25rem;color:var(--text-secondary);margin:0;max-width:500px}.results-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem;width:100%;max-width:600px}.result-stat{background:var(--card-bg);padding:2rem;border-radius:15px;box-shadow:0 5px 15px #00000014;border:1px solid var(--border-color)}.result-stat h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.result-stat p{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.results-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.retake-btn,.continue-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.retake-btn{background:#ef44441a;color:#dc2626;border:2px solid rgba(239,68,68,.2)}.retake-btn:hover{background:#ef444433;transform:translateY(-2px)}.continue-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 5px 15px #3b82f64d}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}@media(max-width:768px){.results-container{padding:1.5rem}.score-circle{width:150px;height:150px;border-width:6px}.score-number{font-size:2.5rem}.results-header h1{font-size:2rem}.score-message{font-size:1.1rem}.results-details{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.result-stat{padding:1.5rem}.results-actions{flex-direction:column;width:100%;max-width:300px}.retake-btn,.continue-btn{width:100%;justify-content:center}}@media(max-width:480px){.results-container{padding:1rem}.score-circle{width:120px;height:120px;border-width:4px}.score-number{font-size:2rem}.results-header h1{font-size:1.75rem}.score-message{font-size:1rem}.result-stat{padding:1.25rem}.result-stat h3{font-size:.9rem}.result-stat p{font-size:1.25rem}}.clean-instruction-modal{background:var(--card-bg);border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .4s ease-out;position:relative;z-index:1001;border:1px solid var(--border-color)}.clean-modal-header{padding:2rem 2rem 1rem;text-align:center;position:relative;border-bottom:1px solid var(--border-color)}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.clean-modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.clean-modal-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.clean-modal-content{padding:2rem}.clean-instruction-list{display:flex;flex-direction:column;gap:1rem}.clean-instruction-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);transition:all .2s ease}.clean-instruction-item:hover{background:var(--hover-bg);border-color:var(--border-color)}.clean-instruction-icon{width:36px;height:36px;background:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clean-instruction-icon i{font-size:.9rem;color:#fff}.clean-instruction-text h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.clean-instruction-text p{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.5}.clean-modal-actions{display:flex;gap:.75rem;padding:1.5rem 2rem 2rem;justify-content:flex-end;border-top:1px solid var(--border-color)}.clean-cancel-btn{padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.clean-cancel-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.clean-start-btn{padding:.75rem 1.5rem;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.clean-start-btn:hover{background:#2563eb;transform:translateY(-1px)}.loading-container{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.loading-content{text-align:center;padding:3rem;background:var(--card-bg);border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;width:100%;border:1px solid var(--border-color)}.loading-spinner{position:relative;width:80px;height:80px;margin:0 auto 2rem}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring:nth-child(1){border-top-color:#3b82f6;animation-delay:0s}.spinner-ring:nth-child(2){border-right-color:#10b981;animation-delay:-.5s}.spinner-ring:nth-child(3){border-bottom-color:#f59e0b;animation-delay:-1s}.loading-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.loading-content p{color:var(--text-secondary);margin:0 0 2rem}.loading-progress{text-align:center}.progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:3px;animation:progressFill 2s ease-in-out}@keyframes progressFill{0%{width:0%}50%{width:60%}to{width:100%}}.progress-text{font-size:.85rem;color:var(--text-secondary)}.assessment-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#3b82f60d;border-radius:12px;border:1px solid rgba(59,130,246,.1)}.overview-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:10px;border:1px solid rgba(59,130,246,.1);transition:all .3s ease}.overview-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3b82f626}.overview-icon{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overview-icon i{font-size:1.25rem;color:#fff}.overview-text h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.overview-text p{font-size:.85rem;color:#64748b;margin:0}@media(max-width:768px){.instruction-modal{margin:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.assessment-overview{grid-template-columns:1fr;gap:.75rem;padding:1rem}.overview-item{padding:.75rem;flex-direction:column;text-align:center;gap:.5rem}.overview-icon{width:40px;height:40px;margin:0 auto}.overview-icon i{font-size:1rem}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-icon{width:60px;height:60px}.modal-icon i,.modal-header h2{font-size:1.5rem}.modal-content{padding:1.5rem}.instruction-grid{grid-template-columns:1fr;gap:1rem}.instruction-item{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.instruction-icon{width:40px;height:40px;margin:0 auto}.instruction-icon i{font-size:1rem}.modal-actions{padding:1rem 1.5rem 1.5rem;flex-direction:column}.cancel-modal-btn,.begin-assessment-btn{width:100%;justify-content:center}}@media(max-width:480px){.instruction-modal{margin:.5rem;max-width:calc(100vw - 1rem);border-radius:15px}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.modal-content{padding:1rem}.instruction-item{padding:.75rem}.instruction-text h4{font-size:.9rem}.instruction-text p{font-size:.8rem}.modal-warning{padding:.75rem 1rem}.modal-warning p{font-size:.8rem}.modal-actions{padding:1rem;gap:.75rem}.cancel-modal-btn,.begin-assessment-btn{padding:.75rem 1.25rem;font-size:.9rem}}.instruction-modal-overlay{animation:overlayFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.instruction-modal{animation:modalSlideUp .5s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{transform:translateY(100px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.instruction-item{position:relative;overflow:hidden}.instruction-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .6s ease}.instruction-item:hover:before{left:100%}.modal-actions button{position:relative;overflow:hidden}.modal-actions button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.modal-actions button:hover:before{left:100%}.cancel-modal-btn:focus,.begin-assessment-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.instruction-modal-overlay{z-index:9999}@media(max-width:768px){.assessment-intro{padding:.5rem 1rem 1rem;min-height:100%}.intro-header{padding:.75rem 0;margin-bottom:.5rem}.intro-content{padding:.5rem 1rem;max-height:calc(100vh - 100px);overflow-y:auto;justify-content:flex-start}.intro-content h1{font-size:2rem;margin-bottom:.75rem}.assessment-description{font-size:1rem;margin-bottom:1.5rem}.assessment-details{grid-template-columns:1fr;gap:1rem}.detail-card{padding:1.25rem}.detail-card i{width:40px;height:40px;font-size:1.25rem}.detail-card h3{font-size:1.1rem}.assessment-instructions{padding:1.25rem;margin-bottom:1.5rem}.start-assessment-btn{padding:.875rem 2rem;font-size:1rem;width:100%;justify-content:center}.question-container,.assessment-header{padding:1rem}.header-top{flex-direction:column;gap:1rem;align-items:stretch}.header-top h2{text-align:left;font-size:1.25rem}.question-card{padding:2rem}.question-text{font-size:1.5rem}.option-btn{padding:1rem}.option-text{font-size:1rem}.navigation-controls{padding:1.5rem;flex-direction:column;gap:1rem}.nav-btn,.submit-btn{width:100%;justify-content:center}.results-details{grid-template-columns:1fr}.results-actions{flex-direction:column;width:100%}.retake-btn,.continue-btn{width:100%;justify-content:center}}@media(max-width:480px){.assessment-intro{padding:.25rem .5rem .5rem}.intro-content{padding:.25rem .5rem}.assessment-cover-image{width:150px;height:150px}.intro-content h1{font-size:1.75rem}.assessment-description{font-size:.95rem}.detail-card{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.assessment-instructions{padding:1rem}.start-assessment-btn{padding:.75rem 1.5rem;font-size:.95rem}.score-circle{width:150px;height:150px}.score-number,.results-header h1{font-size:2rem}}.assessment-page{scroll-behavior:smooth;height:100vh;overflow-y:auto}.intro-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.intro-content::-webkit-scrollbar{width:6px}.intro-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.intro-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.intro-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.instruction-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.instruction-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .4s ease-out;border:1px solid rgba(255,255,255,.2)}@keyframes modalSlideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{text-align:center;padding:2rem 2rem 1rem;border-bottom:1px solid #f1f5f9}.modal-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 10px 25px #3b82f64d}.modal-icon i{font-size:2rem;color:#fff}.modal-header h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.modal-header p{color:#64748b;margin:0;font-size:1rem}.modal-content{padding:2rem}.instruction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.instruction-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.instruction-item:hover{background:#f1f5f9;border-color:#3b82f6;transform:translateY(-2px)}.instruction-icon{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.instruction-icon i{font-size:1.25rem;color:#fff}.instruction-text h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.instruction-text p{font-size:.9rem;color:#64748b;margin:0;line-height:1.5}.modal-warning{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:1rem}.modal-warning i{color:#dc2626;font-size:1.1rem;flex-shrink:0}.modal-warning p{color:#dc2626;margin:0;font-size:.9rem;font-weight:500}.modal-actions{display:flex;gap:1rem;padding:1.5rem 2rem 2rem;justify-content:center}.cancel-modal-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-modal-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.begin-assessment-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 2rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #10b9814d}.begin-assessment-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.begin-assessment-btn i{font-size:1rem}.assessment-page{scroll-behavior:smooth}.assessment-page::-webkit-scrollbar{width:8px}.assessment-page::-webkit-scrollbar-track{background:#f1f5f9}.assessment-page::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.assessment-page::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.clean-instruction-modal{margin:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.clean-modal-header{padding:1.5rem 1.5rem 1rem}.clean-modal-header h2{font-size:1.25rem}.clean-modal-content{padding:1.5rem}.clean-instruction-item{padding:.875rem;gap:.75rem}.clean-instruction-icon{width:32px;height:32px}.clean-instruction-icon i{font-size:.8rem}.clean-instruction-text h4{font-size:.9rem}.clean-instruction-text p{font-size:.8rem}.clean-modal-actions{padding:1rem 1.5rem 1.5rem;flex-direction:column}.clean-cancel-btn,.clean-start-btn{width:100%;justify-content:center}.loading-content{margin:1rem;padding:2rem}.loading-spinner{width:60px;height:60px}.loading-content h2{font-size:1.25rem}}@media(max-width:480px){.clean-instruction-modal{margin:.5rem;border-radius:8px}.clean-modal-header{padding:1rem}.clean-modal-header h2{font-size:1.1rem}.clean-modal-content{padding:1rem}.clean-instruction-item{padding:.75rem}.clean-instruction-text h4{font-size:.85rem}.clean-instruction-text p{font-size:.75rem}.clean-modal-actions{padding:1rem;gap:.5rem}.loading-content{margin:.5rem;padding:1.5rem}.loading-spinner{width:50px;height:50px}.loading-content h2{font-size:1.1rem}.loading-content p{font-size:.9rem}}.cap-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:capFadeIn .2s ease}@keyframes capFadeIn{0%{opacity:0}to{opacity:1}}.cap-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 32px 64px #00000059;animation:capSlideUp .25s ease;scrollbar-width:none}.cap-modal::-webkit-scrollbar{display:none}@keyframes capSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.cap-modal__close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .15s;z-index:2}.cap-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cap-modal__hero{padding:36px 28px 24px;text-align:center;border-bottom:1px solid var(--border-color)}.cap-modal__icon{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 24px #6366f14d}.cap-modal__icon i{font-size:1.6rem;color:#fff}.cap-modal__title{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.cap-modal__desc{font-size:.88rem;color:var(--text-muted);margin:0;line-height:1.55}.cap-modal__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-color)}.cap-modal__stat{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px}.cap-modal__stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem}.cap-modal__stat-icon--blue{background:#eff6ff;color:#3b82f6}.cap-modal__stat-icon--green{background:#ecfdf5;color:#10b981}.cap-modal__stat-icon--purple{background:#f5f3ff;color:#8b5cf6}.cap-modal__stat-icon--orange{background:#fff7ed;color:#f59e0b}.cap-modal__stat-label{display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:2px}.cap-modal__stat-value{display:block;font-size:1rem;font-weight:700;color:var(--text-primary)}.cap-modal__rules{list-style:none;margin:0;padding:16px 24px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border-color)}.cap-modal__rules li{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.cap-modal__rules li i{color:#10b981;font-size:.78rem;margin-top:2px;flex-shrink:0}.cap-modal__actions{display:flex;gap:10px;padding:16px 24px 20px;justify-content:flex-end}.cap-modal__btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:12px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s;border:none}.cap-modal__btn--cancel{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-secondary)}.cap-modal__btn--cancel:hover{border-color:var(--text-muted);color:var(--text-primary)}.cap-modal__btn--start{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f159}.cap-modal__btn--start:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f173}@media(max-width:480px){.cap-modal__hero{padding:28px 20px 18px}.cap-modal__stats{padding:16px;gap:10px}.cap-modal__rules{padding:14px 16px}.cap-modal__actions{padding:14px 16px 18px}.cap-modal__title{font-size:1.2rem}.cap-modal__btn{padding:10px 16px;font-size:.84rem}}.cap-result{min-height:100%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;padding:24px}.cap-result__card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;padding:40px 32px;max-width:440px;width:100%;text-align:center;box-shadow:0 16px 48px #0000001a;display:flex;flex-direction:column;align-items:center;gap:20px}.cap-result__ring{width:120px;height:120px;border-radius:50%;border:6px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.cap-result__ring--pass{border-color:#10b981;background:#ecfdf5}.cap-result__ring--fail{border-color:#ef4444;background:#fef2f2}.cap-result__score{font-size:1.8rem;font-weight:900;line-height:1}.cap-result__ring--pass .cap-result__score{color:#059669}.cap-result__ring--fail .cap-result__score{color:#dc2626}.cap-result__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.cap-result__ring--pass .cap-result__label{color:#059669}.cap-result__ring--fail .cap-result__label{color:#dc2626}.cap-result__title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0}.cap-result__sub{font-size:.88rem;color:var(--text-muted);margin:-8px 0 0;line-height:1.5}.cap-result__stats{display:flex;gap:12px;width:100%}.cap-result__stat{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:4px}.cap-result__stat-val{font-size:1.4rem;font-weight:800;color:var(--text-primary)}.cap-result__stat-lbl{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.cap-result__actions{display:flex;flex-direction:column;gap:10px;width:100%}.cap-result__btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s;border:none}.cap-result__btn--retry{background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca}.cap-result__btn--retry:hover{background:#fee2e2}.cap-result__btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f14d}.cap-result__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.cap-result__btn--ghost{background:transparent;color:var(--text-muted);border:1.5px solid var(--border-color)}.cap-result__btn--ghost:hover{border-color:var(--text-muted);color:var(--text-secondary)}.jobs-page{min-height:100%;background:var(--bg-secondary)}.jobs-tabs{display:flex;gap:1rem;margin:2rem 0;padding:0 2rem;max-width:1200px;margin-left:auto;margin-right:auto}.tab-button{padding:.75rem 1.5rem;border:none;background:var(--card-bg);color:var(--text-secondary);font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color)}.tab-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-button.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent;box-shadow:0 4px 12px #10b9814d}.bookmark-btn-mobile{background:transparent;border:none;cursor:pointer;font-size:1.25rem;color:var(--text-secondary);transition:all .3s ease;padding:.25rem}.bookmark-btn-mobile:hover,.bookmark-btn-mobile .fas{color:#10b981}.company-rating{margin-left:.5rem;font-size:.875rem;color:#f59e0b;font-weight:500}.company-rating i{margin-right:.25rem}.filter-experience-desktop,.filter-salary-desktop,.filter-work-mode-desktop,.filter-industry-desktop{margin-bottom:2rem}.experience-options-desktop,.salary-options-desktop,.work-mode-options-desktop,.industry-options-desktop{display:flex;flex-direction:column;gap:.75rem}.experience-option-desktop,.salary-option-desktop,.work-mode-option-desktop,.industry-option-desktop{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.filter-experience,.filter-salary,.filter-work-mode,.filter-industry{margin-bottom:2rem}.experience-options,.salary-options,.work-mode-options,.industry-options{display:flex;flex-direction:column;gap:.75rem}.experience-option,.salary-option,.work-mode-option,.industry-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.jobs-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 1.75rem;position:relative;overflow:hidden;min-height:auto}.jobs-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-text h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.02em}.hero-text p{font-size:1.25rem;margin-bottom:2rem;opacity:.95;line-height:1.6;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:400}.hero-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.btn{border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;white-space:nowrap;padding:1rem 2rem;font-size:1rem}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover{background:#059669;transform:translateY(-2px)}.btn-outline{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@media(max-width:768px){.jobs-hero{padding:6rem 0 4rem;min-height:350px}.hero-content{padding:0 1.5rem}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.1rem;margin-bottom:1.5rem}.hero-actions{flex-direction:column;gap:.75rem;width:100%}.btn{width:100%;max-width:280px;padding:.875rem 1.5rem;font-size:.95rem}}@media(max-width:480px){.jobs-hero{padding:.5rem 0 .25rem;min-height:auto}.hero-text h1{font-size:1.3rem;margin-bottom:.25rem}.hero-text p{font-size:.75rem;margin-bottom:.5rem;line-height:1.25}.btn{padding:.4rem .8rem;font-size:.75rem;width:100%;justify-content:center;height:32px}.hero-actions{gap:.25rem;margin-top:.25rem!important}.section-header{margin-bottom:.25rem}.section-header h2{font-size:1.1rem;margin-bottom:0;line-height:1.2}.section-header p{font-size:.7rem;margin-top:.1rem;margin-bottom:0}.featured-jobs-section,.top-companies-section,.job-banner-section{padding:.5rem 0 .25rem}.featured-job-card{min-width:200px;max-width:200px;height:auto;min-height:200px;padding:.5rem}.company-logo-item{margin:0 .25rem;min-width:50px}.company-logo-wrapper{width:36px;height:36px}.banner-content h2{font-size:1rem}.banner-content p{font-size:.75rem;margin-bottom:.5rem}.banner-slider{height:180px}}.jobs-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-text{text-align:center;max-width:900px}.hero-text h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2}.hero-text p{font-size:1.1rem;margin-bottom:0;opacity:.9;line-height:1.6}.job-search-bar{display:flex;background:#fff;border-radius:12px;padding:.5rem;margin-bottom:2rem;box-shadow:0 10px 30px #0003}.search-input-group,.location-input-group{flex:1;display:flex;align-items:center;padding:0 1rem;border-right:1px solid #e5e7eb}.location-input-group{border-right:none}.search-input-group i,.location-input-group i{color:#6b7280;margin-right:.75rem}.search-input-group input,.location-input-group input{border:none;outline:none;flex:1;padding:1rem 0;font-size:1rem;color:#374151}.search-input-group input::-moz-placeholder,.location-input-group input::-moz-placeholder{color:#9ca3af}.search-input-group input::placeholder,.location-input-group input::placeholder{color:#9ca3af}.search-btn{background:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.search-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.hero-stats{display:flex;gap:2rem}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#fff}.stat-label{font-size:.9rem;opacity:.8}.hero-image{height:350px;border-radius:12px;overflow:hidden}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.section-header p{font-size:1.2rem;color:var(--text-secondary);margin:0}.featured-jobs-section{padding:4rem 0;background:var(--bg-primary)}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:3rem}.header-text h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.header-text p{color:var(--text-secondary);margin:0;font-size:1rem}.featured-jobs-slider{overflow:hidden;margin-bottom:3rem;position:relative;width:100%}.featured-jobs-slider:before,.featured-jobs-slider:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.featured-jobs-slider:before{left:0;background:linear-gradient(to right,var(--bg-primary),transparent)}.featured-jobs-slider:after{right:0;background:linear-gradient(to left,var(--bg-primary),transparent)}.featured-jobs-track{display:flex;gap:2rem;animation:slide-jobs-infinite 40s linear infinite;width:-moz-fit-content;width:fit-content;will-change:transform}@keyframes slide-jobs-infinite{0%{transform:translate(0)}to{transform:translate(calc(-1280px - 8rem))}}@media(max-width:768px){@keyframes slide-jobs-infinite{0%{transform:translate(0)}to{transform:translate(calc(-1200px - 6rem))}}}@media(max-width:480px){@keyframes slide-jobs-infinite{0%{transform:translate(0)}to{transform:translate(calc(-1120px - 4rem))}}}.featured-jobs-slider:hover .featured-jobs-track{animation-play-state:paused}.featured-job-card{min-width:300px;max-width:300px;background:var(--card-bg);border-radius:16px;padding:1.25rem;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;height:300px;transform:translateZ(0);backface-visibility:hidden}.featured-job-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease}.featured-job-card:hover:before{opacity:1}.featured-job-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-4px) translateZ(0);border-color:var(--primary-color)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:1;flex-shrink:0}.company-info{display:flex;gap:1rem;flex:1}.company-logo{width:50px;height:50px;border-radius:8px;overflow:hidden;flex-shrink:0}.company-details h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.company-details p{font-size:.9rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.urgent-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:.25rem .75rem;border-radius:12px;display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;flex-shrink:0}.job-card-content{margin-bottom:1rem;position:relative;z-index:1;flex:1;min-height:0;overflow:hidden}.job-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);line-height:1.2}.meta-item i{width:16px;color:var(--primary-color)}.job-card-footer{display:flex;gap:.75rem;align-items:center;position:relative;z-index:1;margin-top:auto;flex-shrink:0;padding-top:.5rem}.apply-btn{background:#10b981;color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;font-size:.9rem;white-space:nowrap}.apply-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.featured-job-card .details-btn{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:45px;height:45px}.featured-job-card .details-btn:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}.section-footer{text-align:center}.top-companies-section{max-width:1200px;margin:0 auto;padding:4rem 2rem;overflow:hidden}.companies-ticker{overflow:hidden;position:relative;background:var(--card-bg);border-radius:16px;padding:2rem 0;border:1px solid var(--border-color)}.companies-ticker:before,.companies-ticker:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.companies-ticker:before{left:0;background:linear-gradient(to right,var(--card-bg),transparent)}.companies-ticker:after{right:0;background:linear-gradient(to left,var(--card-bg),transparent)}.companies-track{display:flex;animation:scroll 30s linear infinite;width:-moz-fit-content;width:fit-content}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.company-logo-item{display:flex;flex-direction:column;align-items:center;margin:0 3rem;min-width:120px;flex-shrink:0}.company-logo-wrapper{width:80px;height:80px;border-radius:12px;overflow:hidden;margin-bottom:1rem;transition:all .3s ease;border:2px solid var(--border-color)}.company-logo-item:hover .company-logo-wrapper{transform:scale(1.1);border-color:var(--primary-color);box-shadow:0 8px 25px #0000001a}.company-logo-item .company-name{font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:center;transition:all .3s ease}.company-logo-item:hover .company-name{color:var(--primary-color)}.companies-ticker:hover .companies-track{animation-play-state:paused}.job-banner-section{padding:4rem 0;background:var(--bg-primary)}.banner-slider{position:relative;height:400px;max-width:1200px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center;justify-content:center}.banner-slide.active{opacity:1}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#0000004d)}.banner-content{position:relative;z-index:2;text-align:center;color:#fff!important;max-width:600px;padding:0 2rem}.banner-content h2{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff!important}.banner-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.3);color:#fff!important}.banner-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff!important;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #10b9814d}.banner-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.banner-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:3}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff!important;transform:scale(1.2)}.indicator:hover{background:#fffc}@media(max-width:768px){.job-banner-section{padding:2rem 1rem}.banner-slider{height:300px;border-radius:15px}.banner-content h2{font-size:2rem}.banner-content p{font-size:1rem;margin-bottom:1.5rem}.banner-btn{padding:.8rem 1.5rem;font-size:1rem}}@media(max-width:480px){.banner-slider{height:250px;border-radius:10px}.banner-content{padding:0 1rem}.banner-content h2{font-size:1.5rem}.banner-content p{font-size:.9rem}.banner-btn{padding:.7rem 1.2rem;font-size:.9rem}.banner-indicators{bottom:1rem}.indicator{width:10px;height:10px}}.application-tracking-section{padding:4rem 0;background:var(--bg-secondary)}.application-tracking-section .section-header{max-width:1200px;margin:0 auto 3rem;padding:0 2rem}.tracking-dashboard{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.tracking-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.stat-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.stat-icon.applied{background:#3b82f6}.stat-icon.in-review{background:#f59e0b}.stat-icon.interview{background:#8b5cf6}.stat-icon.offer{background:#10b981}.stat-info .stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-info .stat-label{font-size:.9rem;color:var(--text-secondary)}.recent-applications{background:var(--card-bg);border-radius:16px;padding:2rem;border:1px solid var(--border-color)}.recent-applications h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.applications-list{display:flex;flex-direction:column;gap:1rem}.application-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-primary);border-radius:8px}.application-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.application-date{font-size:.8rem;color:var(--text-secondary)}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;color:#fff}.status-badge.in-review{background:#f59e0b}.status-badge.interview{background:#8b5cf6}.status-badge.offer{background:#10b981}@media(max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.job-search-bar{flex-direction:column;gap:.5rem}.search-input-group,.location-input-group{border-right:none;border-bottom:1px solid #e5e7eb}.location-input-group{border-bottom:none}.hero-stats{justify-content:center}.search-content{grid-template-columns:1fr;gap:2rem}.filters-sidebar{position:static;order:2}.search-main-content{order:1}.main-search-bar{flex-direction:column;gap:.5rem}.search-input-wrapper,.location-input-wrapper{border-right:none;border-bottom:1px solid var(--border-color)}.location-input-wrapper{border-bottom:none}.find-jobs-btn{width:100%;margin-top:.5rem}.section-header{text-align:center;margin-bottom:2rem}.header-text h2{font-size:1.5rem}.featured-jobs-slider:before,.featured-jobs-slider:after{width:50px}.featured-jobs-track{gap:1.5rem;animation:slide-jobs-infinite 35s linear infinite}.featured-job-card{min-width:280px;max-width:280px;display:flex;flex-direction:column;height:270px}.job-card-header{flex-direction:column;gap:1rem;align-items:flex-start;margin-bottom:1rem}.job-card-content{flex:1;margin-bottom:1rem}.job-card-footer{margin-top:auto;display:flex;flex-direction:row;gap:.75rem;align-items:center;justify-content:space-between}.apply-btn{flex:1;padding:.75rem 1rem;font-size:.9rem}.featured-job-card .details-btn{width:45px;height:45px;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center}.urgent-badge{align-self:flex-end}.companies-ticker{padding:1.5rem 0}.company-logo-item{margin:0 2rem;min-width:100px}.company-logo-wrapper{width:70px;height:70px}.company-logo-item .company-name{font-size:.85rem}.resources-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.jobs-hero,.top-companies-section,.career-resources-section,.featured-jobs-section{padding-left:1rem;padding-right:1rem}.search-container{padding:0 1rem}.filters-sidebar,.search-results-section{padding:1.5rem}.popular-job-card,.search-result-card{padding:1.25rem}.section-container{padding:0 1rem}.header-text h2{font-size:1.25rem}.featured-jobs-slider:before,.featured-jobs-slider:after{width:30px}.featured-jobs-track{gap:1rem;animation:slide-jobs-infinite 30s linear infinite}.featured-job-card{min-width:260px;padding:1.25rem;display:flex;flex-direction:column;height:320px}.job-card-footer{margin-top:auto;display:flex;flex-direction:row;gap:.75rem;align-items:center;justify-content:space-between}.apply-btn{flex:1;padding:.75rem 1rem;font-size:.85rem}.featured-job-card .details-btn{width:40px;height:40px;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center}.companies-ticker{padding:1rem 0}.companies-ticker:before,.companies-ticker:after{width:50px}.company-logo-item{margin:0 1.5rem;min-width:80px}.company-logo-wrapper{width:60px;height:60px}.company-logo-item .company-name{font-size:.8rem}.companies-track{animation-duration:25s}}.job-search-section{padding:4rem 0;background:var(--bg-primary)}.search-container{max-width:1200px;margin:0 auto;padding:0 2rem}.main-search-bar{display:flex;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:.5rem;margin-bottom:3rem;box-shadow:0 4px 20px #0000001a}.search-input-wrapper,.location-input-wrapper{flex:1;display:flex;align-items:center;padding:0 1rem;border-right:1px solid var(--border-color);position:relative;transition:all .3s ease}.search-input-wrapper{padding-left:1.5rem}.search-input-wrapper:focus-within,.location-input-wrapper:focus-within{background:transparent}.location-input-wrapper{border-right:none}.search-icon,.location-icon{color:#6b7280;margin-right:1rem;font-size:1rem;flex-shrink:0;width:16px;text-align:center}.main-search-input,.location-search-input{border:none;outline:none;flex:1;padding:1rem 0;font-size:1rem;color:var(--text-primary);background:transparent}.main-search-input{padding-left:0}.location-search-input{padding-left:.5rem}.main-search-input:focus,.location-search-input:focus{outline:none;box-shadow:none}.main-search-input::-moz-placeholder,.location-search-input::-moz-placeholder{color:var(--text-secondary)}.main-search-input::placeholder,.location-search-input::placeholder{color:var(--text-secondary)}.find-jobs-btn{background:#10b981;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.find-jobs-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.search-content{display:grid;grid-template-columns:280px 1fr 320px;gap:2rem}.filters-sidebar{background:var(--card-bg);border-radius:16px;padding:2rem;border:1px solid var(--border-color);max-height:calc(100vh - 5rem);overflow-y:auto;position:sticky;top:2rem}.filters-sidebar::-webkit-scrollbar{width:6px}.filters-sidebar::-webkit-scrollbar-track{background:transparent}.filters-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.filters-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.filter-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.reset-btn{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:4px}.reset-btn:hover{color:var(--primary-color);background:var(--primary-light)}.filter-group{margin-bottom:2rem}.filter-group h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;margin-right:.75rem;position:relative;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--text-primary);border-color:var(--text-primary)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.job-results-section{margin-top:0}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.results-header h2{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin:0}.sort-dropdown{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;position:relative}.sort-dropdown select{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-weight:500;cursor:pointer;outline:none;padding:.5rem 2rem .5rem .75rem;border-radius:8px;font-size:.9rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;transition:all .3s ease}.sort-dropdown select:hover{border-color:var(--primary-color)}.sort-dropdown select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a}.sort-dropdown i{display:none}.job-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.job-card{border-radius:20px;padding:1.5rem;position:relative;transition:all .3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.2);min-height:280px;display:flex;flex-direction:column}.job-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.orange-card{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#7c2d12}.green-card{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#14532d}.purple-card{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#581c87}.blue-card{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e3a8a}.pink-card{background:linear-gradient(135deg,#fce7f3,#f9a8d4);color:#831843}.gray-card{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}.job-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.job-date{font-size:.85rem;font-weight:500;opacity:.8}.bookmark-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;opacity:.6;transition:all .3s ease;padding:.25rem}.bookmark-btn:hover,.bookmark-btn.active{opacity:1;transform:scale(1.1)}.company-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.company-details{flex:1}.company-name{font-size:.9rem;font-weight:500;opacity:.8;margin-bottom:.5rem}.company-logo{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;flex-shrink:0}.amazon-logo{background:#232f3e}.google-logo{background:#4285f4}.dribbble-logo{background:#ea4c89}.twitter-logo{background:#1da1f2}.airbnb-logo{background:#ff5a5f}.apple-logo{background:#000}.job-title{font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;line-height:1.3}.job-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#fff6;padding:.3rem .8rem;border-radius:15px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.job-type{font-size:.85rem;font-weight:500;margin-bottom:1.5rem;opacity:.8;background:#fff6;padding:.3rem .8rem;border-radius:15px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.job-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem}.job-footer-left{display:flex;flex-direction:column}.salary{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.location{font-size:.8rem;opacity:.7}.job-card .details-btn{background:#000c;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;width:auto;height:auto}.job-card .details-btn:hover{background:#000000e6;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media(max-width:1024px){.search-content{grid-template-columns:250px 1fr;gap:2rem}.job-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.search-content{grid-template-columns:1fr;gap:2rem}.filters-sidebar{position:static;order:2}.job-results-section{order:1}.main-search-bar{flex-direction:column;gap:.5rem}.search-input-wrapper,.location-input-wrapper{border-right:none;border-bottom:1px solid var(--border-color)}.location-input-wrapper{border-bottom:none}.find-jobs-btn{width:100%;margin-top:.5rem}.results-header{flex-direction:column;gap:1rem;align-items:flex-start}.job-cards-grid{grid-template-columns:1fr}.job-card{padding:1.5rem;min-height:280px}}@media(max-width:480px){.search-container{padding:0 1rem}.job-card{padding:1.25rem;min-height:260px}.results-header h2{font-size:1.5rem}.filters-sidebar{padding:1.5rem}.job-title{font-size:1.2rem}.company-logo{width:40px;height:40px}}.job-description{margin-bottom:1rem}.job-description p{color:var(--text-secondary);line-height:1.6;margin:0}.no-results p,.job-description p{color:var(--text-secondary);line-height:1.6;margin:0}.result-footer{display:flex;justify-content:space-between;align-items:center}.detail-hiring-btn{background:none;border:none;color:#10b981;font-weight:500;cursor:pointer;transition:all .3s ease}.detail-hiring-btn:hover{color:#059669;text-decoration:underline}.posted-time{font-size:.8rem;color:var(--text-secondary)}.no-results{text-align:center;padding:3rem 2rem}.no-results-content{max-width:300px;margin:0 auto}.no-results-icon{font-size:3rem;color:var(--text-secondary);margin-bottom:1rem}.no-results h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.no-results p{color:var(--text-secondary);line-height:1.6;margin:0}@media(max-width:1024px){.search-content{grid-template-columns:250px 1fr;gap:2rem}.popular-jobs-grid{grid-template-columns:1fr}}@media(max-width:768px){.search-content{grid-template-columns:1fr;gap:2rem}.filters-sidebar{position:static;order:2}.search-main-content{order:1}.main-search-bar{flex-direction:column;gap:.5rem}.search-input-wrapper,.location-input-wrapper{border-right:none;border-bottom:1px solid var(--border-color)}.location-input-wrapper{border-bottom:none}.find-jobs-btn{width:100%;margin-top:.5rem}.result-header{flex-direction:column;gap:1rem}.job-badges{align-self:flex-start}.result-footer{flex-direction:column;gap:1rem;align-items:flex-start}}@media(max-width:480px){.search-container{padding:0 1rem}.filters-sidebar,.search-results-section{padding:1.5rem}.popular-job-card,.search-result-card{padding:1.25rem}.filter-group{margin-bottom:1.5rem}}.job-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding:6rem 2rem 2rem;overflow-y:auto}.job-modal{background:var(--card-bg);border-radius:16px;max-width:500px;width:100%;max-height:calc(100vh - 8rem);overflow-y:auto;box-shadow:0 10px 30px #0003;border:1px solid var(--border-color);position:relative;margin-top:2rem;scrollbar-width:none;-ms-overflow-style:none}.job-modal::-webkit-scrollbar{display:none}.job-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-color)}.job-modal-title h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.job-modal-title p{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500}.job-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.job-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.job-modal-content{padding:2rem}.job-modal-info{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.job-modal-info-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0}.job-modal-info-row i{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:1.1rem}.job-modal-info-row span{color:var(--text-primary);font-size:1rem;font-weight:500}.job-modal-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.modal-tag{background:#3b82f6;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}.job-modal-description,.job-modal-requirements,.job-modal-benefits{margin-bottom:2rem}.job-modal-description h3,.job-modal-requirements h3,.job-modal-benefits h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.job-modal-description p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.95rem}.job-modal-requirements ul,.job-modal-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.job-modal-requirements li,.job-modal-benefits li{color:var(--text-secondary);line-height:1.5;padding-left:1.5rem;position:relative;font-size:.9rem}.job-modal-requirements li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:1rem}.job-modal-benefits li:before{content:"•";position:absolute;left:0;color:#3b82f6;font-weight:700;font-size:1.2rem}.job-modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem 2rem;border-top:1px solid var(--border-color)}.job-modal-apply-btn{background:#10b981;color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;font-size:1rem}.job-modal-apply-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.job-modal-save-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:1.1rem}.job-modal-save-btn:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}@media(max-width:768px){.job-modal-overlay{padding:5rem 1rem 1rem}.job-modal{border-radius:12px;max-height:calc(100vh - 6rem);margin-top:1rem}.job-modal-header{padding:1.5rem 1.5rem 1rem}.job-modal-title h2{font-size:1.3rem}.job-modal-content{padding:1.5rem}.job-modal-footer{padding:1rem 1.5rem 1.5rem;flex-direction:column;gap:1rem}.job-modal-save-btn{width:100%;height:50px}}@media(max-width:480px){.job-modal-overlay{padding:4rem .5rem .5rem}.job-modal{border-radius:10px;margin-top:.5rem}.job-modal-header{padding:1rem 1rem .5rem}.job-modal-title h2{font-size:1.2rem}.job-modal-title p{font-size:.9rem}.job-modal-content,.job-modal-footer{padding:1rem}.job-modal-apply-btn{padding:.9rem 1.5rem;font-size:.95rem}}.mobile-filter-bar{display:none;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.mobile-filter-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;box-shadow:0 2px 8px #3b82f64d}.mobile-filter-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.results-count{font-size:.9rem;color:var(--text-secondary);font-weight:500}.job-results-grid-mobile{display:none;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.job-card-mobile{background:var(--card-bg);border-radius:16px;padding:1.25rem;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column}.job-card-mobile:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.job-card-header-mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.job-date-mobile{font-size:.75rem;color:var(--text-secondary);font-weight:500}.bookmark-btn-mobile{background:none;border:none;font-size:1rem;cursor:pointer;opacity:.6;transition:all .3s ease;padding:.25rem;color:var(--text-secondary)}.bookmark-btn-mobile:hover,.bookmark-btn-mobile.active{opacity:1;transform:scale(1.1);color:#fbbf24}.company-info-mobile{display:flex;gap:.75rem;margin-bottom:1rem;align-items:flex-start}.company-logo-mobile{width:35px;height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0}.company-details-mobile{flex:1;min-width:0}.company-name-mobile{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-bottom:.25rem}.job-title-mobile{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.job-meta-mobile{margin-bottom:1rem}.salary-mobile{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.location-mobile{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.location-mobile:before{content:"📍";font-size:.7rem}.job-tags-mobile{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tag-mobile{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .6rem;border-radius:12px;font-size:.7rem;font-weight:500;border:1px solid var(--border-color)}.job-card-footer-mobile{display:flex;gap:.75rem;align-items:center;margin-top:auto}.apply-btn-mobile{background:#10b981;color:#fff;border:none;padding:.75rem 1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.85rem;flex:1}.apply-btn-mobile:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.details-btn-mobile{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:45px;height:45px;flex-shrink:0}.details-btn-mobile:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}.filter-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:9999;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filter-modal{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px 20px 0 0;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 -10px 30px #0003;animation:slideUp .3s ease-out;color:var(--text-primary);border-top:2px solid rgba(59,130,246,.3)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(59,130,246,.1);background:linear-gradient(135deg,#3b82f60d,#93c5fd0d)}.filter-modal-header h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.filter-close-btn{background:#3b82f61a;border:none;color:#3b82f6;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.filter-close-btn:hover{background:#3b82f633;transform:scale(1.05)}.filter-modal-content{padding:1.5rem}.filter-search{margin-bottom:2rem}.filter-search .search-input-wrapper{background:#fffc;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.filter-search .search-input-wrapper:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.filter-search .search-input-wrapper i{color:#3b82f6;opacity:.7}.filter-search-input{border:none;outline:none;flex:1;background:transparent;color:var(--text-primary);font-size:1rem}.filter-search-input::-moz-placeholder{color:var(--text-secondary)}.filter-search-input::placeholder{color:var(--text-secondary)}.filter-categories{margin-bottom:2rem}.filter-categories h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.category-options{display:flex;flex-direction:column;gap:.75rem}.category-option{display:flex;align-items:center;cursor:pointer;font-size:.95rem;color:var(--text-primary);padding:.5rem 0;transition:all .3s ease}.category-option:hover{color:#3b82f6}.category-option input[type=radio]{display:none}.radio-custom{width:18px;height:18px;border:2px solid rgba(59,130,246,.4);border-radius:50%;margin-right:.75rem;position:relative;transition:all .3s ease}.category-option input[type=radio]:checked+.radio-custom{border-color:#3b82f6;background:#3b82f6}.category-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.count{margin-left:auto;font-size:.8rem;color:var(--text-secondary);font-weight:500}.filter-salary-range{margin-bottom:2rem}.filter-salary-range h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.salary-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.salary-input-group{display:flex;flex-direction:column;gap:.5rem}.salary-input-group label{font-size:.9rem;color:var(--text-primary);font-weight:500}.salary-input{background:#fffc;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:.95rem;outline:none;transition:all .3s ease}.salary-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.salary-input::-moz-placeholder{color:var(--text-secondary)}.salary-input::placeholder{color:var(--text-secondary)}.filter-job-type{margin-bottom:2rem}.filter-job-type h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.job-type-options{display:flex;flex-direction:column;gap:.75rem}.job-type-option{display:flex;align-items:center;cursor:pointer;font-size:.95rem;color:var(--text-primary);padding:.5rem 0;transition:all .3s ease}.job-type-option:hover{color:#3b82f6}.job-type-option input[type=checkbox]{display:none}.job-type-option .checkbox-custom{width:18px;height:18px;border:2px solid rgba(59,130,246,.4);border-radius:4px;margin-right:.75rem;position:relative;transition:all .3s ease}.job-type-option input[type=checkbox]:checked+.checkbox-custom{background:#3b82f6;border-color:#3b82f6}.job-type-option input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.filter-sort{margin-bottom:2rem}.filter-sort h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.sort-select{width:100%;background:#fffc;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:.75rem 2.5rem .75rem .75rem;color:var(--text-primary);font-size:.95rem;outline:none;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.sort-select:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.sort-select option{background:#fff;color:var(--text-primary);padding:.75rem}.filter-modal-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(59,130,246,.1);background:linear-gradient(135deg,#3b82f605,#93c5fd05)}.apply-filters-btn{background:#10b981;color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;font-size:1rem;box-shadow:0 4px 12px #10b9814d}.apply-filters-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}@media(min-width:769px){.search-content.desktop-only{display:grid!important;grid-template-columns:320px 1fr;gap:3rem}.filters-sidebar-desktop{background:var(--card-bg);border-radius:16px;padding:2rem;border:1px solid var(--border-color);height:-moz-fit-content;height:fit-content;position:sticky;top:2rem}.filter-header-desktop{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.filter-header-desktop h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.reset-btn-desktop{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:4px}.reset-btn-desktop:hover{color:var(--primary-color);background:var(--primary-light)}.filter-search-desktop{margin-bottom:2rem}.search-input-wrapper-desktop{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.search-input-wrapper-desktop:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a}.search-input-wrapper-desktop i{color:var(--text-secondary)}.filter-search-input-desktop{border:none;outline:none;flex:1;background:transparent;color:var(--text-primary);font-size:1rem}.filter-search-input-desktop::-moz-placeholder{color:var(--text-secondary)}.filter-search-input-desktop::placeholder{color:var(--text-secondary)}.filter-categories-desktop{margin-bottom:2rem}.filter-categories-desktop h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.category-options-desktop{display:flex;flex-direction:column;gap:.75rem}.category-option-desktop{display:flex;align-items:center;cursor:pointer;font-size:.95rem;color:var(--text-primary);padding:.5rem 0;transition:all .3s ease}.category-option-desktop:hover{color:var(--primary-color)}.category-option-desktop input[type=radio]{display:none}.radio-custom-desktop{width:18px;height:18px;border:2px solid var(--border-color);border-radius:50%;margin-right:.75rem;position:relative;transition:all .3s ease}.category-option-desktop input[type=radio]:checked+.radio-custom-desktop{border-color:var(--primary-color);background:var(--primary-color)}.category-option-desktop input[type=radio]:checked+.radio-custom-desktop:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.count-desktop{margin-left:auto;font-size:.8rem;color:var(--text-secondary);font-weight:500}.filter-salary-range-desktop{margin-bottom:2rem}.filter-salary-range-desktop h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.salary-inputs-desktop{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.salary-input-group-desktop{display:flex;flex-direction:column;gap:.5rem}.salary-input-group-desktop label{font-size:.9rem;color:var(--text-primary);font-weight:500}.salary-input-desktop{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:.95rem;outline:none;transition:all .3s ease}.salary-input-desktop:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a}.salary-input-desktop::-moz-placeholder{color:var(--text-secondary)}.salary-input-desktop::placeholder{color:var(--text-secondary)}.filter-job-type-desktop{margin-bottom:2rem}.filter-job-type-desktop h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.job-type-options-desktop{display:flex;flex-direction:column;gap:.75rem}.job-type-option-desktop{display:flex;align-items:center;cursor:pointer;font-size:.95rem;color:var(--text-primary);padding:.5rem 0;transition:all .3s ease}.job-type-option-desktop:hover{color:var(--primary-color)}.job-type-option-desktop input[type=checkbox]{display:none}.job-type-option-desktop .checkbox-custom-desktop{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;margin-right:.75rem;position:relative;transition:all .3s ease}.job-type-option-desktop input[type=checkbox]:checked+.checkbox-custom-desktop{background:var(--primary-color);border-color:var(--primary-color)}.job-type-option-desktop input[type=checkbox]:checked+.checkbox-custom-desktop:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.filter-sort-desktop{margin-bottom:1rem}.filter-sort-desktop h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.sort-select-desktop{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:.95rem;outline:none;cursor:pointer;transition:all .3s ease}.sort-select-desktop:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a}.results-count-desktop{font-size:.9rem;color:var(--text-secondary);font-weight:500}.job-results-section{margin-top:0}.job-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.job-card-mobile{min-height:320px;padding:1.5rem}.company-logo-mobile{width:45px;height:45px;font-size:1rem}.job-title-mobile{font-size:1.1rem}.salary-mobile{font-size:1.2rem}.apply-btn-mobile{padding:.8rem 1.2rem;font-size:.9rem}.details-btn-mobile{width:50px;height:50px}.mobile-filter-bar,.job-results-grid-mobile{display:none!important}}@media(min-width:1025px){.search-content.desktop-only{grid-template-columns:320px 1fr;gap:3rem}.job-cards-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.job-card-mobile{min-height:340px;padding:1.75rem}}@media(max-width:768px){.desktop-only{display:none!important}.mobile-filter-bar{display:flex!important}.job-results-grid-mobile{display:grid!important}.main-search-bar{margin-bottom:1.5rem}.search-content{display:block!important;grid-template-columns:none!important}.search-content.desktop-only{display:none!important}.filter-modal,.filter-modal-content{overflow-x:hidden}.sort-select{max-width:100%;font-size:.9rem}.sort-select option{font-size:.9rem}}@media(max-width:480px){.job-results-grid-mobile{grid-template-columns:repeat(2,1fr);gap:.75rem}.job-card-mobile{padding:1rem;min-height:280px}.company-logo-mobile{width:30px;height:30px;font-size:.75rem}.job-title-mobile{font-size:.9rem;line-height:1.2}.salary-mobile{font-size:.95rem}.apply-btn-mobile{padding:.6rem .8rem;font-size:.8rem}.details-btn-mobile{width:40px;height:40px;padding:.6rem}.filter-modal-content{padding:1rem}.filter-modal-header{padding:1rem 1rem .5rem}.filter-modal-footer{padding:1rem}}.popular-jobs-section{padding:4rem 0;background:var(--bg-primary)}.popular-jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.popular-job-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.popular-job-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001a;border-color:var(--primary-color)}.popular-job-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.popular-job-info{flex:1}.popular-job-info h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.popular-job-info p{font-size:.9rem;color:var(--text-secondary);margin:0}.popular-job-action .category-btn{background:var(--primary-light);color:var(--primary-color);border:none;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.popular-job-card:hover .category-btn{background:var(--primary-color);color:#fff}@media(max-width:768px){.popular-jobs-grid{grid-template-columns:1fr}}@media(max-width:480px){.jobs-hero{padding:.5rem 0!important;min-height:180px!important}.hero-text h1{font-size:1.3rem!important;margin-bottom:.25rem!important}.hero-text p{font-size:.75rem!important;margin-bottom:.5rem!important;line-height:1.25!important}.btn{padding:.4rem .8rem!important;font-size:.75rem!important;width:100%!important;justify-content:center!important;height:32px!important}.hero-actions{gap:.25rem!important;margin-top:.25rem!important}.section-header{margin-bottom:.25rem!important}.section-header h2{font-size:1.1rem!important;margin-bottom:0!important;line-height:1.2!important}.section-header p{font-size:.7rem!important;margin-top:.1rem!important;margin-bottom:0!important}.featured-jobs-section,.top-companies-section,.job-banner-section{padding:.25rem 0!important}section{padding:.25rem 0!important}.featured-job-card{min-width:200px!important;max-width:200px!important;height:auto!important;min-height:200px!important;padding:.5rem!important}.company-logo-item{margin:0 .25rem!important;min-width:50px!important}.company-logo-wrapper{width:36px!important;height:36px!important}.banner-content h2{font-size:1rem!important}.banner-content p{font-size:.75rem!important;margin-bottom:.5rem!important}.banner-slider{height:180px!important}}.saved-jobs-sidebar-desktop{background:var(--card-bg);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color);max-height:calc(100vh - 5rem);overflow-y:auto;position:sticky;top:2rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.saved-jobs-sidebar-desktop::-webkit-scrollbar{width:6px}.saved-jobs-sidebar-desktop::-webkit-scrollbar-track{background:transparent}.saved-jobs-sidebar-desktop::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.saved-header-desktop{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.saved-header-desktop h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.saved-header-desktop h3 i{color:#10b981}.clear-all-saved-btn{background:none;border:none;color:#ef4444;font-size:.75rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.clear-all-saved-btn:hover{background:#ef444414}.saved-jobs-list-mini{display:flex;flex-direction:column;gap:.75rem}.saved-job-item-mini{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.saved-job-item-mini:hover{transform:translateY(-2px);border-color:#10b981;box-shadow:0 4px 12px #10b9810d}.saved-job-item-header{display:flex;gap:.75rem;align-items:center}.saved-job-logo-mini{width:36px;height:36px;border-radius:8px;overflow:hidden;flex-shrink:0}.saved-job-details-mini{flex:1;min-width:0}.saved-job-title-mini{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.saved-job-title-mini:hover{color:#10b981}.saved-job-company-mini{font-size:.75rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-job-footer-mini{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:.5rem;margin-top:.25rem}.saved-job-days-badge{font-size:.68rem;font-weight:700;padding:.15rem .4rem;border-radius:20px}.saved-job-days-badge--soon{background:#fef2f2;color:#ef4444}.saved-job-days-badge--normal{background:#ecfdf5;color:#10b981}.saved-job-days-badge--expired{background:#f1f5f9;color:#64748b}.saved-job-actions-mini{display:flex;gap:.35rem}.saved-job-action-btn-mini{width:26px;height:26px;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .2s ease}.saved-job-action-btn-mini--apply:hover{background:#10b981;color:#fff;border-color:#10b981}.saved-job-action-btn-mini--remove:hover{background:#ef4444;color:#fff;border-color:#ef4444}.saved-jobs-empty-mini{padding:2rem 1rem;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:.5rem}.saved-jobs-empty-mini i{font-size:2rem;opacity:.3}.saved-jobs-empty-mini p{font-size:.8rem;margin:0;line-height:1.4}@media(max-width:1200px){.search-content{grid-template-columns:250px 1fr}.saved-jobs-sidebar-desktop{display:none}}.aptitude-page{min-height:100%;background:var(--bg-secondary);padding-bottom:24px}.aptitude-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8rem 0 6rem;min-height:400px;position:relative;overflow:hidden}.aptitude-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:center}.hero-text{text-align:center;max-width:800px}.hero-text h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em}.hero-text p{font-size:1.25rem;margin-bottom:0;opacity:.95;line-height:1.6;font-weight:400}.hero-stats,.stat-item,.stat-number,.stat-label,.hero-image{display:none}.section-header{text-align:center;margin-bottom:1.5rem;position:relative}.section-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.section-header p{font-size:1rem;color:var(--text-secondary);margin:0}.section-header span[onclick]:hover,.section-header span[onclick]:hover i{transform:translate(2px)}@media(max-width:768px){.section-header>div{flex-direction:column!important;align-items:flex-start!important;gap:1rem}.section-header span[onclick]{align-self:flex-end}}.view-all-btn{margin-top:1.5rem;padding:.875rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem}.view-all-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.view-all-btn i{transition:transform .3s ease}.view-all-btn:hover i{transform:translate(4px)}.categories-section{padding:2rem 1rem;max-width:1200px;margin:0 auto}.cards-scroll-wrapper{position:relative;margin-top:3rem}.modern-cards-container{display:flex;gap:2rem;overflow-x:auto;padding:1rem 0 2rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.modern-cards-container::-webkit-scrollbar{display:none}.modern-cards-container{-ms-overflow-style:none;scrollbar-width:none}.scroll-indicator{position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem;pointer-events:none;opacity:.7;animation:pulse 2s infinite}.scroll-indicator i{font-size:1rem}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.modern-card{position:relative;min-width:380px;width:380px;height:320px;border-radius:24px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 40px #00000026;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent}.modern-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px #00000040}.card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0009,#0006);z-index:1}.modern-card-content{position:relative;z-index:2;height:100%;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:transparent}.modern-card-content *{background:transparent}.modern-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;background:transparent}.modern-card .card-title{font-size:2rem;font-weight:700;color:#fff!important;margin:0;line-height:1.2;max-width:65%;flex:1;text-shadow:0 2px 4px rgba(0,0,0,.3);background:transparent}.card-arrow-btn{width:48px;height:48px;border-radius:50%;background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;margin-left:1rem}.card-arrow-btn:hover{background:#00000080;transform:scale(1.1);border-color:#fff6}.card-arrow-btn.category-done{background:#059669;border-color:#34d399;color:#fff}.card-arrow-btn.category-done:hover{background:#047857;transform:scale(1)}.modern-card .card-description{font-size:1.1rem;color:#fffffff2!important;line-height:1.6;margin:0;flex:1;margin-bottom:2rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modern-card .card-footer{margin-top:auto}.modern-card .card-stats{display:flex;align-items:center;gap:1rem}.topics-count{background:#fff3;padding:.75rem 1.25rem;border-radius:25px;font-size:.9rem;font-weight:600;color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.2)}[data-theme=dark] .modern-card{box-shadow:0 12px 40px #00000080}[data-theme=dark] .modern-card:hover{box-shadow:0 25px 50px #000000b3}@media(max-width:768px){.modern-cards-container{gap:1.5rem;padding-left:1rem;padding-right:1rem}.modern-card{min-width:320px;width:320px;height:280px}.modern-card-content{padding:2rem}.modern-card .card-title{font-size:1.6rem;max-width:70%}.card-arrow-btn{width:44px;height:44px;font-size:1.1rem}.modern-card .card-description{font-size:1rem}.scroll-indicator{right:1rem;font-size:.8rem}}@media(max-width:480px){.modern-cards-container{gap:1rem;padding-left:.5rem;padding-right:.5rem}.modern-card{min-width:280px;width:280px;height:260px}.modern-card-content{padding:1.75rem}.modern-card .card-title{font-size:1.4rem}.modern-card .card-description{font-size:.95rem;margin-bottom:1.5rem}.card-arrow-btn{width:40px;height:40px;font-size:1rem}.topics-count{padding:.6rem 1rem;font-size:.85rem}.scroll-indicator{display:none}}.study-materials-section{padding:2rem 1.5rem;max-width:1200px;margin:0 auto}.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:1024px){.materials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.materials-grid{grid-template-columns:1fr}}.material-card{background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 8px #0000000f}.material-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.material-icon{width:60px;height:60px;background:linear-gradient(135deg,#fff5f5,#fed7d7);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#e53e3e;font-size:2rem;flex-shrink:0;position:relative}.material-icon:after{content:"";position:absolute;top:-2px;right:-2px;width:20px;height:20px;background:#3b82f6;border-radius:6px;display:flex;align-items:center;justify-content:center}.material-info{flex:1;min-width:0}.material-info h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;line-height:1.4}.material-meta{display:flex;align-items:center;gap:1.5rem;font-size:.9rem}.file-type{background:var(--bg-secondary);color:var(--text-secondary);padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.file-type:before{content:"";width:8px;height:8px;background:#3b82f6;border-radius:50%}.file-size{color:var(--text-secondary);font-weight:500}.download-btn{background:var(--primary-color);color:#fff;border:none;width:48px;height:48px;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d}.download-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #3b82f666}.analytics-section{padding:2rem 1rem;background:var(--bg-secondary)}.analytics-section .section-header{max-width:1200px;margin:0 auto 1.5rem;padding:0}.analytics-grid-wrapper{position:relative;max-width:1200px;margin:0 auto}.analytics-grid{padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.analytics-card{background:var(--card-bg);border-radius:16px;padding:0;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease}.analytics-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.analytics-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.analytics-icon-wrapper{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f61a,#6366f11a);color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-icon-wrapper i{font-size:1.1rem}.analytics-header-text{flex:1;min-width:0}.analytics-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.2}.analytics-header-description{font-size:.7rem;color:var(--text-muted);margin:0;line-height:1.3;font-weight:400}.analytics-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:400px}.no-data-analytics{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-muted);flex:1;min-height:350px}.no-data-analytics i{font-size:2.5rem;opacity:.2;margin-bottom:1rem}.no-data-analytics p{font-size:.9rem;margin:0 0 1rem}.start-test-btn{background:var(--primary-color);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.start-test-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.score-circle-wrapper{display:flex;flex-direction:column;align-items:center;padding:1rem 0;position:relative;gap:.75rem}.score-circle{width:160px;height:160px;position:relative;display:flex;align-items:center;justify-content:center}.score-description{font-size:.8rem;color:var(--text-muted);text-align:center;margin:0;max-width:200px;line-height:1.4}.score-circle svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.score-circle .circle-bg{fill:none;stroke:var(--bg-secondary);stroke-width:10}.score-circle .circle-progress{fill:none;stroke:url(#gradient);stroke-width:10;stroke-linecap:round;stroke-dasharray:440;transition:stroke-dashoffset 1.5s ease-in-out;filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.score-value{font-size:2.5rem;font-weight:800;color:var(--primary-color);position:relative;z-index:1;text-shadow:0 2px 8px rgba(59,130,246,.2)}[data-theme=dark] .score-circle .circle-bg{stroke:#1e293b99}[data-theme=dark] .score-value{color:#60a5fa}.analytics-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{background:var(--bg-secondary);padding:1rem;border-radius:10px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;text-align:center}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-description{font-size:.7rem;color:var(--text-muted);font-weight:400;line-height:1.3}.performance-breakdown{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;max-height:350px;padding-right:.5rem;scrollbar-width:none;-ms-overflow-style:none}.performance-breakdown::-webkit-scrollbar{display:none}.performance-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);transition:all .3s ease;min-height:85px;overflow:visible}[data-theme=dark] .performance-item{background:#1e293b66;border-color:#4755694d}.performance-item:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:translate(4px)}[data-theme=dark] .performance-item:hover{background:#1e293b99}.performance-header{display:flex;justify-content:space-between;align-items:center}.category-name{font-size:1rem;color:var(--text-primary);font-weight:600;text-transform:capitalize;display:flex;align-items:center;gap:.5rem}.category-name:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary-color);flex-shrink:0}.progress-bar{width:100%;height:20px;background:#0000000d;border-radius:10px;overflow:visible;border:1px solid rgba(0,0,0,.08);position:relative;box-shadow:inset 0 2px 4px #00000014;display:block;flex-shrink:0;margin:0}[data-theme=dark] .progress-bar{background:#0000004d;border-color:#ffffff1a;box-shadow:inset 0 2px 4px #0000004d}.progress-fill{height:100%;border-radius:10px;transition:width 1s ease-in-out;position:relative;overflow:hidden;display:block}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.percentage{font-size:1.05rem;font-weight:700;min-width:55px;text-align:right;transition:color .3s ease}[data-theme=dark] .percentage{color:#60a5fa}.activity-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:350px;padding-right:.5rem;scrollbar-width:none;-ms-overflow-style:none}.activity-list::-webkit-scrollbar{display:none}.activity-item{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.75rem;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);transition:all .2s ease;min-height:90px}[data-theme=dark] .activity-item{background:#1e293b66;border-color:#4755694d}.activity-item:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:translate(4px)}[data-theme=dark] .activity-item:hover{background:#1e293b99}.activity-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.success{background:#22c55e1a;color:#22c55e}.activity-icon.warning{background:#fbbf241a;color:#f59e0b}.activity-icon i{font-size:1.25rem}.activity-info{flex:1;min-width:0}.activity-info h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{font-size:.8rem;color:var(--text-muted);margin:0}@media(max-width:768px){.aptitude-hero{padding:6rem 0 4rem;min-height:350px}.hero-content{padding:0 1.5rem}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.1rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:.9rem}.materials-grid{display:flex!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -1rem;padding:0 1rem 1rem;gap:1rem}.materials-grid::-webkit-scrollbar{display:none}.material-card{min-width:300px;max-width:300px;flex-shrink:0}.material-card:last-child{margin-right:1rem}.analytics-grid-wrapper{margin:0 -1rem;padding:0 1rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.analytics-grid{display:flex!important;gap:1rem;scrollbar-width:none}.analytics-grid::-webkit-scrollbar{display:none}.analytics-card{min-width:300px;max-width:300px;flex-shrink:0;min-height:350px;max-height:400px}.analytics-card:last-child{margin-right:1rem}.performance-breakdown,.activity-list{max-height:250px}.scroll-indicator-analytics{display:none!important}.analytics-section .section-header>div{flex-direction:column!important;align-items:flex-start!important}.analytics-section .view-all-btn{width:100%;justify-content:center}}@media(min-width:769px){.materials-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;overflow-x:visible!important;margin:0!important;padding:0!important}.material-card{min-width:auto!important;max-width:none!important}.analytics-grid-wrapper{margin:0!important;padding:0!important}.analytics-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;overflow-x:visible!important}.analytics-card{min-width:auto!important;max-width:none!important}}@media(min-width:1024px){.materials-grid,.analytics-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:480px){.aptitude-page{padding-bottom:20px}.aptitude-hero{padding:.5rem 0;min-height:auto}.hero-text h1{font-size:1.3rem;margin-bottom:.25rem}.hero-text p{font-size:.75rem;line-height:1.25;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.view-all-btn{margin-top:.25rem;padding:.4rem .8rem;font-size:.75rem;height:32px}.hero-actions{margin-top:.5rem!important}.section-header{margin-bottom:.25rem;padding-bottom:0}.section-header h2{font-size:1.1rem;margin-bottom:0;line-height:1.2}.section-header p{font-size:.7rem;margin-bottom:0;line-height:1.2;margin-top:.1rem;color:var(--text-secondary)}.section-header>div{gap:.25rem!important;margin-bottom:0!important}.section-header span[onclick]{font-size:.75rem!important;margin-top:.25rem}.categories-section,.study-materials-section,.analytics-section,.video-lessons-section{padding:.5rem .5rem .25rem}.cards-scroll-wrapper{margin-top:.25rem}.modern-cards-container{padding-top:0;padding-bottom:.5rem;gap:.5rem;margin-top:0}.modern-card{min-width:200px;width:200px;height:180px;border-radius:12px}.modern-card-content{padding:.75rem}.modern-card .card-title{font-size:1rem;margin-bottom:0;line-height:1.1}.modern-card .card-description{font-size:.7rem;margin-bottom:.4rem;line-height:1.2;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-arrow-btn{width:28px;height:28px;font-size:.8rem;margin-left:.25rem}.topics-count{padding:.25rem .5rem;font-size:.65rem}.video-grid-wrapper{margin-top:.25rem}.video-horizontal-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.video-horizontal-scroll::-webkit-scrollbar{display:none}.video-lesson-card{min-width:200px;width:200px;background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.video-thumb-container{height:110px;position:relative}.video-thumb-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-content-body{padding:.5rem}.video-content-body h3{font-size:.85rem;margin:.25rem 0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-category-badge{font-size:.6rem;padding:2px 6px;background:#3b82f61a;color:var(--primary-color);border-radius:4px;display:inline-block}.v-description-short,.v-tags-list,.v-instructor,.v-level-badge{display:none}.material-card{min-width:180px;max-width:180px;padding:.5rem;gap:.5rem}.material-icon{width:28px;height:28px;font-size:1rem}.material-info h4{font-size:.8rem;margin-bottom:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-type{padding:.1rem .3rem;font-size:.6rem}.download-btn{width:28px;height:28px;font-size:.8rem}.analytics-grid-wrapper{margin-top:.25rem}.analytics-card{min-width:200px;max-width:200px;padding:.5rem}.analytics-header{padding:.5rem;gap:.4rem}.analytics-header h3{font-size:.8rem}.analytics-content{padding:.25rem .5rem;gap:.25rem}.score-circle{width:80px;height:80px}.score-value{font-size:1.2rem}.score-circle .circle-bg,.score-circle .circle-progress{stroke-width:4}.stat-value{font-size:.9rem}.stat-label{font-size:.6rem}.performance-breakdown,.activity-list{max-height:140px;gap:.25rem}.performance-item{padding:.4rem;min-height:auto}}.exam-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.exam-modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;box-shadow:0 20px 40px #00000026;animation:slideUp .2s ease;position:relative;border:1px solid #e2e8f0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.exam-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.exam-modal-header h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.modal-close-btn{width:32px;height:32px;border-radius:6px;border:none;background:#f1f5f9;color:#64748b;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#e2e8f0;color:#334155}.exam-modal-body{padding:2rem}.form-row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;position:relative}.form-row:last-child{margin-bottom:0}.form-label{font-size:.95rem;font-weight:600;color:#374151;min-width:80px;padding-top:.75rem}.dropdown-container{flex:1;position:relative}.dropdown-selected{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease}.dropdown-selected:hover{border-color:#9ca3af}.dropdown-selected span{font-size:.95rem;color:#374151;font-weight:500}.dropdown-selected i{color:#6b7280;font-size:.85rem}.topics-container,.difficulty-container{flex:1;position:relative}.selected-topics,.selected-difficulties{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 3rem .75rem 1rem;background:#fff;border:2px solid #3b82f6;border-radius:8px;min-height:48px;align-items:center;position:relative}.topic-tag,.difficulty-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#fef3c7;color:#92400e;border-radius:6px;font-size:.85rem;font-weight:500}.remove-tag{background:none;border:none;color:#f59e0b;cursor:pointer;padding:0;font-size:.75rem;transition:color .2s ease}.remove-tag:hover{color:#d97706}.topics-count-inline{color:#6b7280;font-size:.85rem;font-weight:500}.dropdown-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;font-size:.85rem}.topics-dropdown,.difficulty-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:.25rem;display:none}.topics-container:hover .topics-dropdown,.difficulty-container:hover .difficulty-dropdown{display:block}.topic-option,.difficulty-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;font-size:.9rem;color:#374151}.topic-option:hover,.difficulty-option:hover{background:#f3f4f6}.topic-option.selected,.difficulty-option.selected{background:#eff6ff;color:#1d4ed8}.topic-option.completed-disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;opacity:.8}.completed-badge-small{background:#ecfdf5;color:#059669;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:700;display:flex;align-items:center;gap:.25rem}.topic-option.selected i,.difficulty-option.selected i{color:#3b82f6}.exam-modal-footer{padding:1.5rem 2rem;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;background:#f9fafb;border-radius:0 0 16px 16px}.modal-btn{padding:.875rem 2.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.modal-btn.primary{background:#ea580c;color:#fff;box-shadow:0 2px 8px #ea580c4d}.modal-btn.primary:hover{background:#dc2626;box-shadow:0 4px 12px #ea580c66}@media(max-width:640px){.exam-modal-content{border-radius:12px;margin:.5rem}.exam-modal-header,.exam-modal-body,.exam-modal-footer{padding:1.25rem}.exam-modal-header h2{font-size:1.35rem}.form-row{flex-direction:column;align-items:stretch;gap:.5rem}.form-label{min-width:auto;padding-top:0}.selected-topics,.selected-difficulties{padding:.75rem 3rem .75rem .75rem}.exam-modal-footer{flex-direction:column;gap:.75rem}.modal-btn{width:100%}}[data-theme=dark] .exam-modal-content{background:#1e293b;border-color:#334155}[data-theme=dark] .exam-modal-header{border-bottom-color:#334155}[data-theme=dark] .exam-modal-header h2{color:#f1f5f9}[data-theme=dark] .modal-close-btn{background:#0f172a;color:#94a3b8}[data-theme=dark] .modal-close-btn:hover{background:#334155;color:#cbd5e1}[data-theme=dark] .form-label{color:#e2e8f0}[data-theme=dark] .dropdown-selected{background:#0f172a;border-color:#475569;color:#e2e8f0}[data-theme=dark] .dropdown-selected:hover{border-color:#64748b}[data-theme=dark] .selected-topics,[data-theme=dark] .selected-difficulties{background:#1e293b;border-color:#3b82f6}[data-theme=dark] .topics-dropdown,[data-theme=dark] .difficulty-dropdown{background:#1e293b;border-color:#475569}[data-theme=dark] .topic-option,[data-theme=dark] .difficulty-option{color:#e2e8f0}[data-theme=dark] .topic-option:hover,[data-theme=dark] .difficulty-option:hover{background:#334155}[data-theme=dark] .topic-option.selected,[data-theme=dark] .difficulty-option.selected{background:#1e3a8a;color:#bfdbfe}[data-theme=dark] .exam-modal-footer{border-top-color:#334155;background:#0f172a}[data-theme=dark] .section-header h2{color:var(--text-primary)}[data-theme=dark] .section-header p{color:var(--text-secondary)}[data-theme=dark] .material-card{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .material-card:hover{border-color:var(--primary-color)}[data-theme=dark] .material-info h4{color:var(--text-primary)}[data-theme=dark] .file-type{background:var(--bg-secondary);color:var(--text-secondary)}[data-theme=dark] .file-size{color:var(--text-secondary)}[data-theme=dark] .download-btn{background:var(--primary-color)}[data-theme=dark] .download-btn:hover{background:var(--primary-dark)}.card-topics-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.topic-link-badge{background:#ffffff1a;padding:.4rem .8rem;border-radius:8px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.topic-link-badge:hover{background:#ffffff40;transform:translateY(-2px);border-color:#ffffff4d}.lessons-count{margin-left:auto;font-size:.85rem;opacity:.9;color:#fffffff2!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.more-count{font-size:.8rem;opacity:.7;align-self:center}.aptitude-topic-detail{max-width:1400px;margin:0 auto;padding:2rem}.topic-header-nav{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.back-link{background:none;border:none;color:var(--primary-color);font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:0;width:-moz-fit-content;width:fit-content}.topic-title-area{display:flex;align-items:center;gap:1.5rem}.topic-category-badge{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.topic-title-area h1{font-size:2rem;margin:0;color:var(--text-primary)}.topic-content-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem}.topic-main-stage{display:flex;flex-direction:column;gap:2rem}.video-player-container{background:#000;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.video-details-info{background:var(--card-bg);padding:1.5rem;border:1px solid var(--border-color);border-top:none}.video-details-info h3{margin:0 0 1rem}.video-meta-pills{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.html-content-card{background:var(--card-bg);padding:2.5rem;border-radius:16px;border:1px solid var(--border-color);line-height:1.8;color:var(--text-primary)}.topic-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-group{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.sidebar-group-header{background:var(--bg-secondary);padding:1rem 1.25rem;font-weight:700;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-color)}.sidebar-items-list{display:flex;flex-direction:column}.sidebar-item{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:1rem}.sidebar-item:last-child{border-bottom:none}.sidebar-item:hover{background:var(--bg-secondary)}.sidebar-item.active{background:var(--primary-light);border-left:4px solid var(--primary-color)}.play-icon{width:32px;height:32px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.item-txt{flex:1}.v-title{font-weight:600;font-size:.95rem}.v-meta{font-size:.8rem;color:var(--text-secondary)}.section-dot{width:8px;height:8px;background:var(--border-color);border-radius:50%}.active .section-dot{background:var(--primary-color)}.take-quiz-btn{width:100%;padding:1rem;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:transform .2s}.take-quiz-btn:hover{transform:translateY(-2px);background:var(--primary-dark)}@media(max-width:1024px){.topic-content-layout{grid-template-columns:1fr}}.video-lessons-section{padding:3rem 1rem;max-width:1200px;margin:0 auto}.video-grid-wrapper{margin-top:2rem;position:relative}.video-horizontal-scroll{display:flex;gap:1.5rem;overflow-x:auto;padding:.5rem .5rem 1.5rem;scroll-behavior:smooth}.video-horizontal-scroll::-webkit-scrollbar{height:6px}.video-horizontal-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.video-lesson-card{min-width:300px;width:300px;background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.video-lesson-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.video-thumb-container{position:relative;height:170px;overflow:hidden}.video-thumb-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.video-lesson-card:hover .video-thumb-container img{transform:scale(1.1)}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#111;font-size:1.2rem;opacity:0;transition:all .3s ease;z-index:2}.video-lesson-card:hover .play-button-overlay{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.duration-tag{position:absolute;bottom:10px;right:10px;background:#000c;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.video-content-body{padding:1.25rem}.v-category-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--primary-color);letter-spacing:.05em;margin-bottom:.5rem;display:block}.video-content-body h3{font-size:1.1rem;margin:0 0 1rem;line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3rem}.v-instructor{display:flex;align-items:center;gap:.75rem}.inst-avatar{width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.v-instructor span{font-size:.85rem;color:var(--text-secondary);font-weight:500}.view-all-btn-outline{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:.6rem 1.2rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.view-all-btn-outline:hover{background:var(--primary-color);color:#fff}.no-data-hint{padding:3rem;text-align:center;width:100%;color:var(--text-muted);font-style:italic;background:var(--bg-secondary);border-radius:12px}[data-theme=dark] .video-lesson-card{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .video-lesson-card:hover{border-color:var(--border-color);background:var(--card-bg)}[data-theme=dark] .inst-avatar{background:var(--primary-color)}.v-header-tags{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.v-level-badge{font-size:.65rem;font-weight:700;background:var(--bg-secondary);color:var(--text-secondary);padding:1px 6px;border-radius:4px}[data-theme=dark] .v-level-badge{background:var(--bg-secondary);color:var(--text-secondary)}.v-description-short{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.75rem;height:2.2rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.v-tags-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.v-mini-tag{font-size:.7rem;color:var(--primary-color);background:#3b82f614;padding:2px 6px;border-radius:4px;font-weight:600}[data-theme=dark] .v-mini-tag{background:#3b82f626;color:#60a5fa}@media(max-width:480px){.aptitude-page{padding-bottom:20px!important}.aptitude-hero{padding:.5rem 0!important;min-height:180px!important}.hero-text h1{font-size:1.3rem!important;margin-bottom:.25rem!important}.hero-text p{font-size:.75rem!important;line-height:1.25!important;margin-bottom:.5rem!important}.view-all-btn{margin-top:.25rem!important;padding:.4rem .8rem!important;font-size:.75rem!important;height:32px!important}.hero-actions{margin-top:.25rem!important}.section-header{margin-bottom:.25rem!important;padding-bottom:0!important}.section-header h2{font-size:1.1rem!important;margin-bottom:0!important;line-height:1.2!important}.section-header p{font-size:.7rem!important;margin-bottom:0!important;margin-top:.1rem!important}.section-header>div{gap:.25rem!important;margin-bottom:0!important}.section-header span[onclick]{font-size:.75rem!important;margin-top:.25rem!important}.categories-section,.study-materials-section,.analytics-section,.video-lessons-section{padding:.25rem .5rem!important}.cards-scroll-wrapper{margin-top:.25rem!important}.modern-cards-container{padding-top:0!important;padding-bottom:.5rem!important;gap:.5rem!important;margin-top:0!important}.modern-card{min-width:200px!important;width:200px!important;height:180px!important}.modern-card-content{padding:.75rem!important}.modern-card .card-description{font-size:.7rem!important;margin-bottom:.4rem!important}.video-grid-wrapper{margin-top:.25rem!important}.video-horizontal-scroll{gap:.75rem!important;padding-bottom:.5rem!important}.video-lesson-card{min-width:200px!important;width:200px!important}.video-thumb-container{height:110px!important}.video-content-body{padding:.5rem!important}.video-content-body h3{margin:.25rem 0!important}.material-card{min-width:180px!important;max-width:180px!important;padding:.5rem!important;gap:.5rem!important}.analytics-grid-wrapper{margin-top:.25rem!important}.analytics-card{min-width:200px!important;max-width:200px!important;padding:.5rem!important}.analytics-content{padding:.25rem .5rem!important;gap:.25rem!important}}.results-page{min-height:100%;background:#f5f7fa;padding:2rem}.results-header{margin-bottom:2rem;display:flex;align-items:center;gap:1.5rem}.results-page .back-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;width:auto;height:auto}.results-page .back-btn:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748;transform:translate(-4px)}.results-page .back-btn i{font-size:1rem}.results-header h1{font-size:2rem;font-weight:700;color:#2d3748;margin:0}.results-filters{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000000d}.filter-controls{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.filter-group label{font-size:.9rem;font-weight:500;color:#4a5568}.filter-select,.filter-date{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;color:#2d3748;background:#fff;transition:all .3s ease}.filter-select:focus,.filter-date:focus{outline:none;border-color:#ff6b6b}.clear-filter-btn{padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#ff6b6b;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.clear-filter-btn:hover{background:#fff5f5;border-color:#ff6b6b}.results-table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.results-table{width:100%;border-collapse:collapse}.results-table thead{background:#f7fafc}.results-table th{padding:1.25rem 1.5rem;text-align:left;font-size:.85rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.results-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .3s ease}.results-table tbody tr:hover{background:#f7fafc}.results-table tbody tr:last-child{border-bottom:none}.results-table td{padding:1.25rem 1.5rem;vertical-align:middle}.name-value{font-size:1.1rem;color:#2d3748;font-weight:600;display:block;margin-bottom:.25rem}.category-tag{display:inline-block;padding:.25rem .75rem;background:#edf2f7;color:#4a5568;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.loading-state,.empty-state{padding:4rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-state i,.empty-state i{font-size:3rem;color:#e2e8f0}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite}.cell-value{font-size:.95rem;color:#2d3748;font-weight:500;display:block}.score-value{color:#4299e1;font-weight:600}.percentage-value{color:#48bb78;font-weight:600}.view-details-btn{padding:.625rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.view-details-btn:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.primary-btn{padding:.875rem 2rem;background:#4299e1;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-btn:hover{background:#3182ce;transform:translateY(-2px);box-shadow:0 4px 12px #4299e14d}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #e2e8f0}.modal-header h2{font-size:1.75rem;font-weight:700;color:#2d3748;margin:0}.modal-close-btn{width:40px;height:40px;border-radius:50%;border:none;background:#f7fafc;color:#4a5568;font-size:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#e2e8f0;color:#2d3748;transform:rotate(90deg)}.modal-body{padding:2rem}.detail-section{margin-bottom:2rem;text-align:center}.detail-section h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.detail-subtitle{font-size:.95rem;color:#718096;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.detail-card{background:#f7fafc;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.detail-card:hover{background:#edf2f7;transform:translateY(-2px)}.detail-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.detail-card.highlight .detail-icon{background:#fff3;color:#fff}.detail-card.highlight .detail-label,.detail-card.highlight .detail-value{color:#fff}.detail-icon{width:50px;height:50px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#667eea;flex-shrink:0}.detail-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.detail-label{font-size:.85rem;color:#718096;font-weight:500}.detail-value{font-size:1.1rem;color:#2d3748;font-weight:700}.performance-breakdown-section{margin-bottom:2rem}.performance-breakdown-section h4{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0 0 1rem}.breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.breakdown-item{background:#f7fafc;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;transition:all .3s ease}.breakdown-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.breakdown-item i{font-size:2rem;margin-bottom:.5rem}.breakdown-item.correct{border:2px solid #48bb78}.breakdown-item.correct i{color:#48bb78}.breakdown-item.incorrect{border:2px solid #f56565}.breakdown-item.incorrect i{color:#f56565}.breakdown-item.unattempted{border:2px solid #ed8936}.breakdown-item.unattempted i{color:#ed8936}.breakdown-item.total{border:2px solid #4299e1}.breakdown-item.total i{color:#4299e1}.breakdown-label{font-size:.9rem;color:#718096;font-weight:500}.breakdown-value{font-size:1.75rem;color:#2d3748;font-weight:700}.accuracy-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;padding:1.5rem}.accuracy-label{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;font-weight:600;color:#2d3748}.accuracy-label i{color:#667eea;font-size:1.25rem}.accuracy-bar{height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:.75rem}.accuracy-fill{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:6px;transition:width .5s ease}.accuracy-value{display:block;text-align:right;font-size:1.25rem;font-weight:700;color:#48bb78}.modal-footer{padding:1.5rem 2rem;border-top:2px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end}.modal-action-btn{padding:.875rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem}.modal-action-btn.secondary{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.modal-action-btn.secondary:hover{background:#edf2f7;border-color:#cbd5e0}.modal-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media(max-width:1200px){.results-table th:nth-child(2),.results-table td:nth-child(2){display:none}}@media(max-width:968px){.results-page{padding:1rem}.results-header{flex-direction:column;align-items:flex-start;gap:1rem}.back-btn{width:100%;justify-content:center}.filter-controls{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.clear-filter-btn{width:100%}.results-table-container{overflow-x:auto}.results-table{min-width:800px}.detail-grid,.breakdown-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-action-btn{width:100%;justify-content:center}}@media(max-width:640px){.results-header h1{font-size:1.5rem}.back-btn{padding:.625rem 1.25rem;font-size:.9rem}.results-filters,.results-table th,.results-table td{padding:1rem}.view-details-btn{padding:.5rem 1rem;font-size:.85rem}.modal-header,.modal-body,.modal-footer{padding:1.5rem}.modal-header h2{font-size:1.5rem}.detail-section h3{font-size:1.25rem}.breakdown-value{font-size:1.5rem}}@media(max-width:480px){.results-page{padding:1rem .5rem}.results-header{gap:.75rem;margin-bottom:1.5rem}.results-header h1{font-size:1.25rem}.back-btn{padding:.5rem 1rem;font-size:.8rem}.results-filters{padding:.75rem;margin-bottom:1.5rem}.filter-select,.filter-date{padding:.6rem .75rem;font-size:.85rem}.clear-filter-btn{padding:.6rem 1rem;font-size:.85rem}.results-table th,.results-table td{padding:.75rem;font-size:.85rem}.name-value{font-size:.95rem}.category-tag{font-size:.65rem;padding:.2rem .5rem}.view-details-btn{padding:.4rem .75rem;font-size:.8rem}.modal-overlay{padding:.5rem}.modal-content{border-radius:12px}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-header h2{font-size:1.1rem}.modal-close-btn{width:32px;height:32px;font-size:1rem}.detail-section{margin-bottom:1.5rem}.detail-section h3{font-size:1.1rem}.detail-card{padding:1rem;gap:.75rem}.detail-icon{width:40px;height:40px;font-size:1.25rem}.detail-value{font-size:1rem}.breakdown-item{padding:1rem}.breakdown-value{font-size:1.25rem}.breakdown-label{font-size:.8rem}.accuracy-section{padding:1rem}.accuracy-value{font-size:1rem}.modal-action-btn{padding:.75rem 1rem;font-size:.9rem}}[data-theme=dark] .results-page{background:#0f172a}[data-theme=dark] .results-header h1{color:#f9fafb}[data-theme=dark] .results-filters,[data-theme=dark] .results-table-container{background:#1e293b}[data-theme=dark] .back-btn{background:#1e293b;border-color:#334155;color:#d1d5db}[data-theme=dark] .back-btn:hover{background:#334155;color:#f9fafb}[data-theme=dark] .filter-select,[data-theme=dark] .filter-date{background:#0f172a;border-color:#334155;color:#f9fafb}[data-theme=dark] .clear-filter-btn{background:#0f172a;border-color:#334155;color:#ff6b6b}[data-theme=dark] .clear-filter-btn:hover{background:#334155}[data-theme=dark] .results-table thead{background:#0f172a}[data-theme=dark] .results-table th{color:#9ca3af;border-bottom-color:#334155}[data-theme=dark] .results-table tbody tr{border-bottom-color:#334155}[data-theme=dark] .results-table tbody tr:hover{background:#334155}[data-theme=dark] .name-value,[data-theme=dark] .cell-value{color:#f9fafb}[data-theme=dark] .view-details-btn{background:#0f172a;border-color:#334155;color:#d1d5db}[data-theme=dark] .view-details-btn:hover{background:#334155;color:#f9fafb}[data-theme=dark] .modal-overlay{background:#000c}[data-theme=dark] .modal-content{background:#1e293b}[data-theme=dark] .modal-header{border-bottom-color:#334155}[data-theme=dark] .modal-header h2{color:#f9fafb}[data-theme=dark] .modal-close-btn{background:#0f172a;color:#d1d5db}[data-theme=dark] .modal-close-btn:hover{background:#334155;color:#f9fafb}[data-theme=dark] .detail-section h3{color:#f9fafb}[data-theme=dark] .detail-subtitle{color:#9ca3af}[data-theme=dark] .detail-card{background:#0f172a}[data-theme=dark] .detail-card:hover,[data-theme=dark] .detail-icon{background:#334155}[data-theme=dark] .detail-label{color:#9ca3af}[data-theme=dark] .detail-value,[data-theme=dark] .performance-breakdown-section h4{color:#f9fafb}[data-theme=dark] .breakdown-item{background:#0f172a}[data-theme=dark] .breakdown-label{color:#9ca3af}[data-theme=dark] .breakdown-value{color:#f9fafb}[data-theme=dark] .accuracy-section{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .accuracy-label{color:#f9fafb}[data-theme=dark] .accuracy-bar{background:#334155}[data-theme=dark] .modal-footer{border-top-color:#334155}[data-theme=dark] .modal-action-btn.secondary{background:#0f172a;border-color:#334155;color:#d1d5db}[data-theme=dark] .modal-action-btn.secondary:hover{background:#334155;color:#f9fafb}.assessment-page{background:var(--bg-secondary);font-family:var(--font-family);width:100%;min-height:100%;display:flex;flex-direction:column;padding-bottom:80px}.assessment-header{background:var(--card-bg);color:var(--text-primary);padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color);z-index:10;min-height:60px;box-sizing:border-box;flex-shrink:0;position:sticky;top:0}.header-left{display:flex;align-items:center;gap:1rem;flex:1}.back-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);width:10%;min-width:32px;max-width:50px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);font-size:.9rem;flex-shrink:0}.back-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.header-info{flex:1;min-width:0}.header-info h1{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-meta{display:none}.header-right{display:flex;gap:.5rem;flex-shrink:0}.header-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem .85rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:var(--transition-fast);font-size:.85rem;font-weight:500;white-space:nowrap}.header-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--text-primary)}.header-btn i{font-size:.85rem}.assessment-contents{display:flex;flex-direction:row;gap:1.5rem;max-width:1400px;margin:0 auto;align-items:flex-start;padding:1.5rem 1rem;width:100%;box-sizing:border-box;flex:1;min-height:0}.question-section{flex:1;min-width:0;padding:0;background:transparent;display:flex;flex-direction:column;height:calc(100vh - 160px);overflow-y:auto}.question-section::-webkit-scrollbar{width:6px}.question-section::-webkit-scrollbar-track{background:transparent}.question-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.question-section::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.question-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color);height:-moz-fit-content;height:fit-content;width:100%;max-width:100%}.question-header{background:var(--bg-tertiary);color:var(--text-primary);padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.question-header h2{font-size:var(--font-size-2xl);font-weight:600;margin:0;color:var(--text-primary)}.question-body{padding:2rem;background:var(--card-bg)}.question-text{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:1.5rem;line-height:1.6;font-weight:500}.question-image-container{display:flex;justify-content:center;margin-bottom:2rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.question-image{max-width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain}.formula{font-family:Courier New,monospace;background:var(--primary-color);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:700;color:#fff;border:1px solid var(--primary-color);display:inline-block;margin:0 .25rem}.options-list{display:flex;flex-direction:column;gap:1.25rem}.option-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);position:relative}.option-item:hover{background:var(--hover-bg);border-color:var(--primary-color)}.option-item.selected{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.option-radio{width:28px;height:28px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-fast);background:var(--card-bg)}.option-item.selected .option-radio{border-color:var(--primary-color);background:var(--primary-color)}.radio-dot{width:10px;height:10px;background:#fff;border-radius:50%}.option-text{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.question-actions{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.2rem;border-top:1px solid var(--border-color);gap:1rem;background:var(--card-bg);flex-wrap:wrap}.assessment-page .action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;min-width:auto;text-transform:capitalize;border:2px solid transparent;flex:0 0 auto;max-width:-moz-fit-content;max-width:fit-content}.assessment-page .action-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.assessment-page .action-btn.secondary:hover:not(:disabled){background:var(--hover-bg);color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-1px)}.assessment-page .action-btn.show-answer{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color);flex:0 0 auto}.assessment-page .action-btn.show-answer:hover:not(:disabled){background:var(--hover-bg);color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-1px)}.assessment-page .action-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.assessment-page .action-btn.primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.assessment-page .action-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-muted)}.assessment-page .action-btn i{font-size:.9rem}.assessment-sidebar{width:380px;flex-shrink:0;padding:0;display:flex;flex-direction:column;gap:1.5rem;background:transparent;border-left:none;position:sticky;top:2rem;max-height:calc(100vh - 120px);overflow-y:auto}.sidebar-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.sidebar-card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 1rem}.info-card{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;position:relative;overflow:hidden;border:none}.current-status{margin-bottom:1rem;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.current-status span{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:700;margin-left:.5rem}.info-card:before{content:"";position:absolute;top:-30px;right:-30px;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%}.info-card h3{color:#fff;position:relative;z-index:1;font-size:var(--font-size-xl);margin-bottom:.75rem}.info-card p{margin:0;line-height:1.6;opacity:.95;font-size:var(--font-size-sm);position:relative;z-index:1}.questions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.625rem;margin-bottom:1.5rem}.question-number{width:100%;aspect-ratio:1;border:2px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast);color:var(--text-muted);display:flex;align-items:center;justify-content:center}.question-number:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color);color:var(--text-primary)}.question-number.correct{background:var(--success-color);border-color:var(--success-color);color:#fff}.question-number.incorrect{background:var(--error-color);border-color:var(--error-color);color:#fff}.question-number.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 0 0 2px #3b82f64d;transform:scale(1.02)}.question-number.unanswered{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-muted)}.legend{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:.625rem;font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.legend-dot{width:16px;height:16px;border-radius:var(--radius-sm);flex-shrink:0}.legend-dot.correct{background:var(--success-color)}.legend-dot.incorrect{background:var(--error-color)}.legend-dot.active{background:var(--primary-color)}.legend-dot.unanswered{background:var(--bg-tertiary);border:1px solid var(--border-color)}[data-theme=dark] .assessment-page{background:#111827}[data-theme=dark] .assessment-header,[data-theme=dark] .question-card,[data-theme=dark] .question-body,[data-theme=dark] .question-actions,[data-theme=dark] .sidebar-card,[data-theme=dark] .option-radio{background:#1f2937;border-color:#374151}[data-theme=dark] .question-header,[data-theme=dark] .option-item,[data-theme=dark] .question-image-container,[data-theme=dark] .back-btn,[data-theme=dark] .header-btn,[data-theme=dark] .meta-badge,[data-theme=dark] .action-btn.secondary,[data-theme=dark] .action-btn.show-answer{background:#111827;border-color:#374151}[data-theme=dark] .question-number.unanswered{background:#1f2937;border-color:#374151;color:#9ca3af}[data-theme=dark] .question-text,[data-theme=dark] .option-text,[data-theme=dark] .header-info h1,[data-theme=dark] .question-header h2,[data-theme=dark] .sidebar-card h3{color:#f9fafb}[data-theme=dark] .option-item:hover,[data-theme=dark] .option-item.selected{background:#2d3748}[data-theme=dark] .option-item.selected{border-color:var(--primary-color)}[data-theme=dark] .back-btn:hover,[data-theme=dark] .header-btn:hover{background:#2d3748}@media(max-width:1200px){.assessment-sidebar{width:320px}.questions-grid{grid-template-columns:repeat(5,1fr)}.assessment-contents{padding:1.5rem 1rem}}@media(max-width:968px){.assessment-header{padding:.75rem;min-height:56px}.header-left{gap:.75rem}.back-btn{width:10%;min-width:30px;max-width:45px;height:30px;font-size:.85rem}.header-info h1{font-size:1rem}.header-right{gap:.5rem}.header-btn{padding:.45rem .75rem;font-size:.8rem}.assessment-contents{flex-direction:column;padding:1rem;gap:1.5rem;overflow-y:auto;height:auto}.question-section{width:100%;order:1;height:auto;min-height:auto;overflow-y:visible}.assessment-sidebar{width:100%;position:static;max-height:none;order:2}.questions-grid{grid-template-columns:repeat(8,1fr)}.legend{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.assessment-header{padding:.65rem;min-height:52px}.header-left{gap:.65rem}.back-btn{width:10%;min-width:28px;max-width:40px;height:28px;font-size:.8rem}.header-info h1{font-size:.95rem}.header-right{gap:.4rem}.header-btn{padding:.4rem .65rem;font-size:.75rem;gap:.3rem}.header-btn i{font-size:.75rem}.assessment-contents{padding:.75rem;gap:1rem}.question-card{border-radius:var(--radius-md)}.question-header{padding:.875rem 1rem}.question-header h2{font-size:var(--font-size-base)}.question-body{padding:1rem}.question-text{font-size:var(--font-size-sm);margin-bottom:1rem}.question-image-container{padding:.75rem;margin-bottom:1.25rem}.question-image{max-height:250px}.formula{font-size:var(--font-size-xs);padding:.4rem .7rem}.options-list{gap:.75rem}.option-item{padding:.875rem 1rem}.option-radio{width:22px;height:22px}.radio-dot{width:7px;height:7px}.option-text{font-size:var(--font-size-sm)}.question-actions{flex-direction:row;flex-wrap:wrap;gap:.6rem;justify-content:space-between}.assessment-page .action-btn{padding:.65rem 1rem;font-size:var(--font-size-xs);min-width:auto;flex:0 1 auto}.assessment-page .action-btn.show-answer{flex:0 0 auto;max-width:-moz-fit-content;max-width:fit-content;order:3}.assessment-sidebar{gap:1rem}.sidebar-card{padding:1rem;border-radius:var(--radius-md)}.sidebar-card h3{font-size:var(--font-size-sm);margin-bottom:.65rem}.info-card p{font-size:.7rem}.current-status{font-size:.7rem;margin-bottom:.65rem}.questions-grid{grid-template-columns:repeat(6,1fr);gap:.45rem}.question-number{font-size:.7rem}.legend{grid-template-columns:repeat(2,1fr);gap:.45rem;padding-top:.875rem}.legend-item{font-size:.65rem;gap:.35rem}.legend-dot{width:11px;height:11px}}@media(max-width:480px){.assessment-header{padding:.6rem;min-height:50px}.header-left{gap:.6rem}.back-btn{width:10%;min-width:26px;max-width:38px;height:26px;font-size:.75rem}.header-info h1{font-size:.9rem}.header-btn{padding:.35rem .6rem;font-size:.7rem;gap:.25rem}.header-btn i{font-size:.7rem}.assessment-contents{padding:.5rem;gap:.75rem}.question-card{border-radius:var(--radius-sm)}.question-header{padding:.75rem .875rem}.question-header h2{font-size:var(--font-size-sm)}.question-body{padding:.875rem}.question-text{font-size:.8rem;margin-bottom:.875rem}.question-image-container{padding:.5rem;margin-bottom:.875rem}.question-image{max-height:200px}.options-list{gap:.65rem}.option-item{padding:.75rem .875rem;gap:.65rem}.option-radio{width:20px;height:20px}.radio-dot{width:6px;height:6px}.option-text{font-size:.8rem}.question-actions{gap:.5rem}.assessment-page .action-btn{padding:.6rem .875rem;font-size:.7rem;gap:.35rem}.assessment-page .action-btn i{font-size:.7rem}.sidebar-card{padding:.875rem}.sidebar-card h3{font-size:.8rem;margin-bottom:.5rem}.info-card p,.current-status{font-size:.65rem}.questions-grid{grid-template-columns:repeat(5,1fr);gap:.4rem}.question-number{font-size:.65rem}.legend{gap:.4rem}.legend-item{font-size:.6rem;gap:.3rem}.legend-dot{width:10px;height:10px}}@media(max-width:360px){.assessment-header{padding:.55rem;min-height:48px}.back-btn{width:10%;min-width:24px;max-width:35px;height:24px;font-size:.7rem}.header-info h1{font-size:.85rem}.header-btn{padding:.3rem .5rem;font-size:.65rem}.assessment-contents{padding:.4rem}.question-header{padding:.65rem .75rem}.question-header h2{font-size:.8rem}.question-body{padding:.75rem}.option-item{padding:.65rem .75rem}.assessment-page .action-btn{padding:.55rem .75rem;font-size:.65rem}.questions-grid{grid-template-columns:repeat(5,1fr);gap:.35rem}.question-number{font-size:.6rem}}.video-player-modal-overlay{position:fixed;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-player-modal-split{display:grid;grid-template-columns:1fr 380px;width:100%;max-width:1400px;height:85vh;background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@media(min-width:1600px){.video-player-modal-split{grid-template-columns:1fr 420px;max-width:1600px}}@media(min-width:1800px){.video-player-modal-split{grid-template-columns:1fr 450px;max-width:1800px}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.video-player-left{display:flex;flex-direction:column;background:#000;position:relative}.video-player-header-split{position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);padding:1.5rem 2rem;display:flex;align-items:flex-start;justify-content:space-between}.video-title-section-split{flex:1;padding-right:1rem}.video-title-section-split h2{margin:0 0 .5rem;font-size:1.25rem;color:#fff;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5)}.video-topic-badge-split{display:inline-block;background:#3b82f6e6;color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.video-close-btn-split{width:40px;height:40px;border-radius:50%;border:none;background:#ef4444e6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.1rem;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.video-close-btn-split:hover{background:#dc2626;transform:rotate(90deg) scale(1.1)}.video-container-split{flex:1;display:flex;align-items:center;justify-content:center;background:#000}.video-wrapper-split{position:relative;width:100%;height:100%}.video-wrapper-split iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-instructor-section{background:#000000f2;padding:1.25rem 2rem;display:flex;align-items:center;gap:1rem;border-top:1px solid rgba(255,255,255,.1)}.instructor-avatar-split{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.instructor-info-split h4{margin:0 0 .25rem;font-size:1rem;color:#fff;font-weight:600}.level-badge-split{display:inline-block;background:#ffffff1a;color:#fffc;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.2)}.video-player-right{display:flex;flex-direction:column;background:var(--card-bg);border-left:1px solid var(--border-color)}.info-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.info-header i{font-size:1.25rem;color:var(--primary-color)}.info-header h3{margin:0;font-size:1rem;color:var(--text-primary);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.info-content{flex:1;overflow-y:auto;padding:2rem;scrollbar-width:none;-ms-overflow-style:none}.info-content::-webkit-scrollbar{display:none}.video-description-text{margin:0;font-size:.95rem;line-height:1.8;color:var(--text-secondary)}.no-content-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.no-content-message i{font-size:3rem;margin-bottom:1rem;opacity:.2}.no-content-message p{margin:0;font-size:.95rem;line-height:1.6}[data-theme=dark] .video-player-modal-split{background:#1e293b}[data-theme=dark] .video-player-right{background:#1e293b;border-left-color:#334155}[data-theme=dark] .info-header{background:#0f172a;border-bottom-color:#334155}@media(max-width:1200px){.video-player-modal-split{grid-template-columns:1fr 340px;max-width:95%}.info-content{padding:1.5rem}}@media(max-width:1024px){.video-player-modal-split{grid-template-columns:1fr;grid-template-rows:1fr auto;max-height:95vh}.video-player-right{border-left:none;border-top:1px solid var(--border-color);max-height:40vh}.video-player-header-split{position:relative;background:#000000f2}.info-header{padding:1.25rem 1.5rem}.info-content{padding:1.5rem}}@media(max-width:768px){.video-player-modal-overlay{padding:1rem}.video-player-modal-split{border-radius:16px;height:90vh}.video-player-header-split{padding:1rem 1.25rem}.video-title-section-split h2{font-size:1.1rem}.video-instructor-section{padding:1rem 1.25rem}.info-content{padding:1.5rem}.info-tab{font-size:.8rem;padding:.875rem .5rem}}@media(max-width:480px){.video-player-modal-overlay{padding:.5rem}.video-player-modal-split{border-radius:12px;height:95vh}.video-player-header-split{padding:.875rem 1rem}.video-title-section-split h2{font-size:1rem}.video-topic-badge-split{font-size:.65rem;padding:.25rem .65rem}.video-close-btn-split{width:36px;height:36px;font-size:1rem}.instructor-avatar-split{width:40px;height:40px;font-size:1rem}.info-content{padding:1rem}.info-header{padding:1rem 1.25rem}.info-header i{font-size:1.1rem}.info-header h3{font-size:.9rem}.video-description-text{font-size:.9rem;line-height:1.7}}@media(max-width:480px){.video-player-modal-overlay{padding:.5rem}.video-player-modal-split{border-radius:12px;height:95vh}.video-player-header-split{padding:.875rem 1rem}.video-title-section-split h2{font-size:1rem}.video-topic-badge-split{font-size:.65rem;padding:.25rem .65rem}.video-close-btn-split{width:36px;height:36px;font-size:1rem}.instructor-avatar-split{width:40px;height:40px;font-size:1rem}.info-content,.info-header{padding:1rem}.info-header i{font-size:1rem}.info-header h3,.video-description-text{font-size:.85rem}.no-content-message{padding:3rem 1.5rem}.no-content-message i{font-size:2.5rem}.no-content-message p{font-size:.85rem}}@media(min-width:1400px)and (max-width:1599px){.video-player-modal-split{max-width:90%}}@media(min-width:1200px)and (max-width:1399px){.video-player-modal-split{max-width:92%;grid-template-columns:1fr 360px}}.aptitude-explorer{display:flex;flex-direction:row;height:calc(100vh - 20px);background:var(--bg-secondary);overflow:hidden;margin-top:-20px;padding-top:80px;gap:0}.explorer-sidebar{width:280px;flex-shrink:0;background:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-top{padding:1rem 1rem 0;flex-shrink:0;border-bottom:1px solid var(--border-color)}.sidebar-view-toggle{display:flex;gap:.375rem;background:var(--bg-secondary);border-radius:10px;padding:.3rem;margin-bottom:1rem;border:1px solid var(--border-color)}.sidebar-view-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;border:none;border-radius:7px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:var(--text-secondary)}.sidebar-view-btn.active{background:var(--card-bg);color:var(--primary-color);box-shadow:0 1px 4px #0000001a}.sidebar-view-btn i{font-size:.85rem}.sidebar-categories{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.75rem}.sidebar-cat-btn{display:flex;align-items:center;gap:.75rem;padding:.6rem .875rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s;background:transparent;color:var(--text-secondary);text-align:left;width:100%}.sidebar-cat-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-cat-btn.active{background:#3b82f61a;color:var(--primary-color)}.sidebar-cat-btn i{width:18px;text-align:center;font-size:.9rem;opacity:.8}.sidebar-header-label{padding:.875rem 1rem .4rem;font-size:.68rem;font-weight:800;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}.sidebar-scroll{flex:1;overflow-y:auto;padding:.25rem 0 1rem;scrollbar-width:none;-ms-overflow-style:none}.sidebar-scroll::-webkit-scrollbar{display:none}.topic-container{margin-bottom:.125rem}.topic-header{display:flex;align-items:center;padding:.6rem .875rem;cursor:pointer;transition:all .18s;border-left:3px solid transparent;border-radius:0 8px 8px 0;margin-right:.5rem}.topic-header:hover{background:var(--bg-secondary)}.topic-header.active{background:#3b82f614;border-left-color:var(--primary-color);color:var(--primary-color)}.drop-icon-wrapper{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:.5rem;flex-shrink:0}.drop-icon{font-size:.7rem;opacity:.5}.topic-title-text{font-weight:600;font-size:.875rem;flex:1;color:var(--text-primary)}.topic-header.active .topic-title-text{color:var(--primary-color)}.section-dropdown-list{background:transparent;padding:.125rem 0}.section-row{padding:.5rem .875rem .5rem 2.5rem;display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .18s;border-radius:0 8px 8px 0;margin-right:.5rem;border-left:2px solid transparent}.section-row:hover{color:var(--primary-color);background:#3b82f60d}.section-row.active{color:var(--primary-color);font-weight:700;background:#3b82f61a;border-left-color:var(--primary-color)}.section-row i{font-size:.75rem;opacity:.45}.empty-sidebar-hint{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.85rem;line-height:1.6}.explorer-main{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;background:var(--bg-primary);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.explorer-main::-webkit-scrollbar{display:none}.explorer-main.full-width{padding:1.5rem 2rem}.html-document-mode{background:var(--card-bg);padding:2rem 2.5rem;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid var(--border-color);max-width:100%;margin:0}.doc-header{margin-bottom:2rem}.breadcrumb{font-size:.7rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;display:block}.doc-header h1{font-size:2rem;color:var(--text-primary);margin:0;font-weight:800}.doc-body{font-size:1rem;line-height:1.8;color:var(--text-primary)}.doc-body h2{font-size:1.4rem;margin:1.5rem 0 .75rem}.doc-body h3{font-size:1.1rem;margin:1.25rem 0 .5rem}.doc-body p{margin:0 0 1rem}.doc-body ul,.doc-body ol{padding-left:1.5rem;margin:0 0 1rem}.doc-body li{margin-bottom:.4rem}.doc-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:center}.practice-cta{background:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:all .2s}.practice-cta:hover{opacity:.9;transform:translateY(-1px)}.empty-explorer-state{height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;gap:.75rem}.empty-explorer-state i{font-size:3.5rem;opacity:.15;margin-bottom:.5rem}.empty-explorer-state h2{font-size:1.25rem;color:var(--text-primary);margin:0}.empty-explorer-state p{font-size:.9rem;margin:0;max-width:320px}.video-library-grid-view{max-width:100%}.library-intro{margin-bottom:1.5rem}.library-intro h2{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .25rem}.library-intro p{font-size:.875rem;color:var(--text-muted);margin:0}.yt-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.youtube-style-card{cursor:pointer;transition:all .25s;border-radius:12px;overflow:hidden;background:var(--card-bg);border:1px solid var(--border-color)}.youtube-style-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary-color)}.yt-card-thumb{position:relative;border-radius:12px 12px 0 0;overflow:hidden;aspect-ratio:16 / 9;background:#000}.yt-card-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.yt-card-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 7px;border-radius:4px;font-size:.7rem;font-weight:600}.yt-card-play-overlay{position:absolute;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;opacity:0;transition:opacity .25s}.youtube-style-card:hover .yt-card-play-overlay{opacity:1}.yt-card-details{display:flex;gap:.875rem;padding:.875rem}.yt-card-avatar{width:34px;height:34px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.yt-card-text h3{font-size:.9rem;margin:0 0 .3rem;line-height:1.4;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-card-meta{font-size:.78rem;color:var(--text-secondary);margin:0 0 .4rem}.yt-description-short{font-size:.78rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.yt-mini-tag{background:#3b82f61a;color:var(--primary-color);padding:1px 6px;border-radius:4px;font-size:.68rem;font-weight:600}.yt-card-tag{background:var(--bg-secondary);color:var(--text-muted);padding:1px 6px;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase}.no-videos-hint{grid-column:1 / -1;padding:4rem 2rem;text-align:center;color:var(--text-muted);font-size:1rem}[data-theme=dark] .topic-header.active,[data-theme=dark] .section-row.active{background:#3b82f626;color:#60a5fa}[data-theme=dark] .sidebar-view-btn.active{background:var(--bg-primary);color:#60a5fa}[data-theme=dark] .sidebar-cat-btn.active{background:#3b82f626;color:#60a5fa}[data-theme=dark] .yt-mini-tag{background:#3b82f633;color:#60a5fa}.mobile-sidebar-toggle{display:none;position:fixed;bottom:80px;right:1rem;z-index:999;background:var(--primary-color);color:#fff;border:none;border-radius:50px;padding:.75rem 1.25rem;box-shadow:0 4px 12px #3b82f666;cursor:pointer;font-weight:700;font-size:.85rem;gap:.5rem;align-items:center;transition:all .2s}.mobile-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}.mobile-sidebar-overlay.active{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:1024px){.aptitude-explorer{padding-top:70px;height:calc(100vh - 20px)}.explorer-sidebar{position:fixed;top:70px;left:-100%;width:300px;max-width:85vw;height:calc(100vh - 70px);z-index:1002;transition:left .3s ease;box-shadow:4px 0 16px #00000026}.explorer-sidebar.mobile-open{left:0}.mobile-sidebar-toggle{display:flex}.explorer-main{padding:1.25rem;height:calc(100vh - 70px)}.explorer-main.full-width{padding:1.25rem}}@media(max-width:768px){.aptitude-explorer{padding-top:60px;height:calc(100vh - 20px)}.explorer-sidebar{top:60px;height:calc(100vh - 60px)}.explorer-main{padding:1rem;height:calc(100vh - 60px)}.html-document-mode{padding:1.5rem;border-radius:12px}.doc-header h1{font-size:1.5rem}.yt-style-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.aptitude-explorer{padding-top:56px;height:calc(100vh - 20px)}.explorer-sidebar{top:56px;height:calc(100vh - 56px)}.explorer-main{padding:.875rem;height:calc(100vh - 56px)}}@media(max-width:1400px){.yt-style-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:900px){.yt-style-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}.mt-card__hero--mathematics,.mt-card__hero--quantitative-aptitude{background:linear-gradient(135deg,#818cf8,#c084fc)}.mt-card__hero--science,.mt-card__hero--logical-reasoning{background:linear-gradient(135deg,#2dd4bf,#34d399)}.mt-card__hero--social-science{background:linear-gradient(135deg,#f59e0b,#d97706)}.mt-card__hero--english,.mt-card__hero--verbal-ability{background:linear-gradient(135deg,#38bdf8,#818cf8)}.mt-card__hero--tamil,.mt-card__hero--technical-aptitude{background:linear-gradient(135deg,#f43f5e,#fb923c)}.mt-card{border:1.5px solid var(--border-color);background:var(--bg-primary);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.mt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:10}.mt-card--quantitative-aptitude:before,.mt-card--mathematics:before{background:linear-gradient(90deg,#818cf8,#c084fc)}.mt-card--logical-reasoning:before,.mt-card--science:before{background:linear-gradient(90deg,#2dd4bf,#34d399)}.mt-card--social-science:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.mt-card--verbal-ability:before,.mt-card--english:before{background:linear-gradient(90deg,#38bdf8,#818cf8)}.mt-card--technical-aptitude:before,.mt-card--tamil:before{background:linear-gradient(90deg,#f43f5e,#fb923c)}.mt-card--quantitative-aptitude:hover,.mt-card--mathematics:hover{border-color:#818cf8;box-shadow:0 12px 30px -5px #818cf833,0 8px 15px -6px #818cf826;transform:translateY(-4px)}.mt-card--logical-reasoning:hover,.mt-card--science:hover{border-color:#34d399;box-shadow:0 12px 30px -5px #34d39933,0 8px 15px -6px #34d39926;transform:translateY(-4px)}.mt-card--social-science:hover{border-color:#f59e0b;box-shadow:0 12px 30px -5px #f59e0b33,0 8px 15px -6px #f59e0b26;transform:translateY(-4px)}.mt-card--verbal-ability:hover,.mt-card--english:hover{border-color:#38bdf8;box-shadow:0 12px 30px -5px #38bdf833,0 8px 15px -6px #38bdf826;transform:translateY(-4px)}.mt-card--technical-aptitude:hover,.mt-card--tamil:hover{border-color:#f43f5e;box-shadow:0 12px 30px -5px #f43f5e33,0 8px 15px -6px #f43f5e26;transform:translateY(-4px)}.mt-card__hero-icon{font-size:2.4rem;color:#fffc}.mt-diff,.diff--easy,.diff--medium,.diff--hard{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:9999px;border:1px solid transparent}.diff--easy{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.diff--medium{background:#fef3c7;color:#92400e;border-color:#fde68a}.diff--hard{background:#fee2e2;color:#991b1b;border-color:#fecaca}.mt-card__meta-row{display:flex;gap:12px;font-size:.72rem;color:var(--text-muted);margin-top:4px}.mt-card__meta-row i{margin-right:3px;color:var(--primary-color)}.mt-card__best{font-size:.7rem;font-weight:700;color:#059669;background:#d1fae5;padding:2px 8px;border-radius:6px}.mt-card__cta{font-size:.75rem;font-weight:700}.mt-card__cta--start{color:var(--primary-color)}.mt-card__cta--retry{color:#f59e0b}.mt-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}@media(max-width:640px){.mt-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;padding-left:2px;padding-right:2px;margin-left:-2px;margin-right:-2px}.mt-filters::-webkit-scrollbar{display:none}.mt-filters .tasks-tab{flex-shrink:0}}.mt-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--primary-color);font-size:.85rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:20px;font-family:inherit}.mt-back:hover{opacity:.75}.mt-detail{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;padding:28px;max-width:560px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 20px #0000000f}.mt-detail__header{display:flex;flex-direction:column;gap:10px}.mt-detail__left{display:flex;align-items:center;gap:8px}.mt-detail__title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.mt-detail__desc{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.6}.mt-detail__tags{display:flex;flex-wrap:wrap;gap:6px}.mt-tag{font-size:.68rem;background:var(--bg-secondary);color:var(--text-muted);padding:2px 8px;border-radius:6px;border:1px solid var(--border-color)}.mt-detail__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--bg-secondary);border-radius:12px;padding:16px}.mt-detail__stat{display:flex;align-items:center;gap:10px;font-size:.82rem}.mt-detail__stat i{color:var(--primary-color);width:16px;text-align:center}.mt-detail__stat-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.mt-detail__stat-value{display:block;font-weight:700;color:var(--text-primary)}.mt-detail__best{display:flex;align-items:center;justify-content:space-between;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 16px;font-size:.85rem;color:#065f46}.mt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:12px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .2s;border:none}.mt-btn:hover{opacity:.9;transform:translateY(-1px)}.mt-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.mt-btn--primary{background:var(--primary-color);color:#fff}.mt-btn--outline{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-color)}.mt-btn--submit{background:#059669;color:#fff}.mt-btn--full{width:100%}.mt-quiz{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;padding:24px;max-width:640px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 20px #0000000f}.mt-quiz__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mt-quiz__title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:6px 0 0}.mt-quiz__exit{background:none;border:1.5px solid var(--border-color);border-radius:8px;padding:6px 12px;font-size:.78rem;color:var(--text-muted);cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0}.mt-quiz__exit:hover{border-color:#ef4444;color:#ef4444}.mt-quiz__progress{display:flex;flex-direction:column;gap:6px}.mt-quiz__progress-label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.mt-quiz__progress-bar{height:6px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.mt-quiz__progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#60a5fa);border-radius:9999px;transition:width .3s ease}.mt-quiz__card{background:var(--bg-secondary);border-radius:14px;padding:20px}.mt-quiz__q{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px;line-height:1.5}.mt-quiz__options{display:flex;flex-direction:column;gap:10px}.mt-quiz__option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.88rem;font-family:inherit;cursor:pointer;text-align:left;transition:all .15s ease}.mt-quiz__option:hover{border-color:var(--primary-color);background:#2563eb0a}.mt-quiz__option--selected{border-color:var(--primary-color);background:#2563eb14;color:var(--primary-color);font-weight:600}.mt-quiz__option-letter{width:26px;height:26px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.mt-quiz__option--selected .mt-quiz__option-letter{background:var(--primary-color);color:#fff}.mt-quiz__nav{display:flex;justify-content:space-between;gap:12px}.mt-quiz__dots{display:flex;flex-wrap:wrap;gap:6px}.mt-quiz__dot{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-muted);font-size:.72rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.mt-quiz__dot.answered{background:#dbeafe;border-color:var(--primary-color);color:var(--primary-color)}.mt-quiz__dot.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.mt-result{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;padding:32px 28px;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 4px 20px #0000000f;text-align:center}.mt-result__icon{font-size:3rem}.mt-result__title{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0}.mt-result__sub{font-size:.85rem;color:var(--text-muted);margin:0}.mt-result__score{display:flex;align-items:baseline;gap:4px;margin-top:8px}.mt-result__num{font-size:3rem;font-weight:900;color:var(--text-primary);line-height:1}.mt-result__total{font-size:1.2rem;color:var(--text-muted)}.mt-result__pct{font-size:1.1rem;font-weight:700;color:var(--primary-color)}.mt-result__bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;margin-bottom:8px}.mt-result__bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:9999px}.mt-review{width:100%;display:flex;flex-direction:column;gap:10px;text-align:left;margin-top:8px}.mt-review__item{padding:12px 14px;border-radius:10px;border:1px solid transparent}.mt-review__item--correct{background:#f0fdf4;border-color:#bbf7d0}.mt-review__item--wrong{background:#fff1f2;border-color:#fecdd3}.mt-review__q{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0 0 5px}.mt-review__num{color:var(--primary-color);margin-right:4px}.mt-review__ans{font-size:.78rem;color:var(--text-secondary);margin:0 0 4px}.mt-review__correct{color:#059669}.mt-review__exp{font-size:.75rem;color:var(--text-muted);font-style:italic;margin:0}.mock-dashboard-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.mock-main-col{min-width:0}.mock-sidebar-col{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}.mt-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.mt-loading,.mt-empty{color:var(--text-muted);text-align:center;padding:40px 20px;font-size:.88rem}.mt-card__hero--quantitative-aptitude{background:linear-gradient(135deg,#667eea,#764ba2)}.mt-card__hero--logical-reasoning{background:linear-gradient(135deg,#43e97b,#38f9d7)}.mt-card__hero--verbal-ability{background:linear-gradient(135deg,#fa709a,#fee140)}.mt-card__hero--technical-aptitude{background:linear-gradient(135deg,#4facfe,#00f2fe)}.mt-card__hero-icon{font-size:1.6rem;color:#ffffffd9}.mt-card__best{font-size:.65rem;font-weight:700;color:#10b981;background:#10b9811f;border-radius:6px;padding:2px 6px}.mt-card__meta-row{display:flex;gap:12px;font-size:.72rem;color:var(--text-muted);margin:8px 0}.mt-card__meta-row i{margin-right:4px}.mt-card__cta{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:6px}.mt-card__cta--start{color:var(--primary-color);background:rgba(var(--primary-rgb,99,102,241),.1)}.mt-card__cta--retry{color:#f59e0b;background:#f59e0b1a}.diff--easy{background:#d1fae5;color:#065f46}.diff--medium{background:#fef3c7;color:#92400e}.diff--hard{background:#fee2e2;color:#991b1b}[data-theme=dark] .diff--easy{background:#10b9812e;color:#6ee7b7}[data-theme=dark] .diff--medium{background:#f59e0b2e;color:#fcd34d}[data-theme=dark] .diff--hard{background:#ef44442e;color:#fca5a5}.mock-section-block{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:18px;padding:22px;margin-top:24px}.mock-section-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:8px}.mock-section-title i{color:var(--primary-color)}.mock-section-sub{font-size:.78rem;color:var(--text-muted);margin:0 0 16px}.qbank-accordion{display:flex;flex-direction:column;gap:8px}.qbank-item{border:1.5px solid var(--border-color);border-radius:10px;overflow:hidden}.qbank-header{width:100%;background:var(--bg-secondary);border:none;padding:12px 16px;font-size:.84rem;font-weight:600;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit;transition:background .18s}.qbank-header:hover,.qbank-header.active{background:rgba(var(--primary-rgb,99,102,241),.08);color:var(--primary-color)}.qbank-body{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.qbank-question{display:flex;gap:10px;font-size:.82rem;color:var(--text-secondary);padding:8px 10px;background:var(--bg-secondary);border-radius:8px;line-height:1.5}.qbank-qnum{font-weight:700;color:var(--primary-color);flex-shrink:0}.ai-generator-block{background:linear-gradient(135deg,#667eea0f,#764ba20a)}.ai-gen-input-row{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.ai-gen-input{flex:1;min-width:200px;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:10px;padding:10px 14px;font-size:.84rem;color:var(--text-primary);font-family:inherit;transition:border-color .18s}.ai-gen-input:focus{outline:none;border-color:var(--primary-color)}.ai-gen-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:.84rem;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px;transition:opacity .18s,transform .18s;white-space:nowrap}.ai-gen-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ai-gen-btn:disabled{opacity:.6;cursor:not-allowed}.ai-gen-results{display:flex;flex-direction:column;gap:8px}.ai-gen-question{display:flex;gap:10px;padding:10px 12px;background:var(--bg-secondary);border-radius:8px;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.ai-gen-num{font-weight:800;color:#667eea;flex-shrink:0;background:#667eea1f;border-radius:5px;padding:0 6px;display:flex;align-items:center}.mock-panel{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:16px;padding:18px}.mock-panel h3{font-size:.82rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:7px}.mock-panel h3 i{color:var(--primary-color)}.mock-panel-sub{font-size:.68rem;color:var(--text-muted);margin:0 0 14px}.flashcard{perspective:600px;height:120px;cursor:pointer;margin-bottom:12px}.flashcard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.flashcard-front{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.flashcard-back{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:rotateY(180deg)}.fc-icon{font-size:1.2rem;opacity:.8}.flashcard-front p,.flashcard-back p{font-size:.75rem;font-weight:600;line-height:1.4;margin:0}.flashcard-back p{font-size:.7rem}.flashcard-nav{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}.flashcard-nav button{background:none;border:1px solid var(--border-color);border-radius:6px;padding:4px 10px;font-size:.72rem;color:var(--text-secondary);cursor:pointer;transition:all .18s;font-family:inherit}.flashcard-nav button:hover{border-color:var(--primary-color);color:var(--primary-color)}.leaderboard-list{display:flex;flex-direction:column;gap:6px}.leaderboard-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:.78rem;border:1px solid var(--border-color);transition:background .15s}.leaderboard-row--top{background:linear-gradient(135deg,#f59e0b14,#ea580c0a);border-color:#f59e0b40}.lb-rank{font-size:1rem;flex-shrink:0;width:24px;text-align:center}.lb-name{flex:1;font-weight:600;color:var(--text-primary)}.lb-score{font-weight:800;color:var(--primary-color)}.exam-tips-list{display:flex;flex-direction:column;gap:6px}.exam-tip{font-size:.73rem;color:var(--text-secondary);line-height:1.5;padding:8px 10px;background:var(--bg-secondary);border-radius:8px;margin:0}@media(max-width:1024px){.mock-dashboard-layout{grid-template-columns:1fr 260px}}@media(max-width:768px){.mock-dashboard-layout{grid-template-columns:1fr}.mock-sidebar-col{position:static;display:grid;grid-template-columns:1fr 1fr}}@media(max-width:480px){.mock-sidebar-col{grid-template-columns:1fr}}.edp-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:60vh;color:var(--text-muted)}.edp-not-found i{font-size:3rem}.edp-not-found h2{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.edp-back-link{color:var(--primary-color);font-weight:600;text-decoration:none;font-size:.9rem}.edp-detail-page{max-width:760px;margin:0 auto;padding-bottom:60px}.edp-hero{border-radius:24px;overflow:hidden;position:relative;margin-bottom:0}.edp-hero__inner{padding:36px 32px 60px;display:flex;flex-direction:column;gap:14px}.edp-hero__back{display:inline-flex;align-items:center;gap:6px;color:#ffffffd9;text-decoration:none;font-size:.82rem;font-weight:600;width:-moz-fit-content;width:fit-content;transition:color .15s}.edp-hero__back:hover{color:#fff}.edp-hero__icon-wrap{width:64px;height:64px;background:#fff3;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edp-hero__badges{display:flex;gap:8px;flex-wrap:wrap}.edp-diff-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:9999px}.diff--easy,.diff--medium,.diff--hard{background:#ffffff40;color:#fff}.edp-subject-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:9999px;background:#ffffff26;color:#ffffffe6;border:1px solid rgba(255,255,255,.3)}.edp-hero__title{font-size:1.5rem;font-weight:800;color:#fff;margin:0;line-height:1.3}.edp-hero__desc{font-size:.9rem;color:#ffffffd9;margin:0;line-height:1.6;max-width:520px}.edp-hero__tags{display:flex;flex-wrap:wrap;gap:6px}.edp-hero__tag{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:6px;background:#ffffff26;color:#ffffffe6;border:1px solid rgba(255,255,255,.25)}.edp-hero__wave{margin-top:-2px;line-height:0}.edp-hero__wave svg{width:100%;height:48px;display:block}.edp-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:-8px 0 20px}.edp-stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 2px 8px #0000000a;text-align:center}.edp-stat-card__icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem}.edp-stat-card__val{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.edp-stat-card__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.edp-best-score{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:16px;padding:16px 20px;margin-bottom:16px}[data-theme=dark] .edp-best-score{background:#10b9811a;border-color:#10b98140}.edp-best-score__left{display:flex;align-items:center;gap:12px}.edp-best-score__left>i{font-size:1.4rem;color:#f59e0b}.edp-best-score__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:#059669;font-weight:700;margin:0}.edp-best-score__val{font-size:1rem;font-weight:800;color:#065f46;margin:2px 0 0}[data-theme=dark] .edp-best-score__val{color:#34d399}.edp-best-score__badge{font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:9999px;background:#059669;color:#fff}.edp-instructions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px 24px;margin-bottom:20px}.edp-instructions__heading{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0 0 12px;display:flex;align-items:center;gap:8px}.edp-instructions__heading i{color:var(--primary-color)}.edp-instructions__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.edp-instructions__list li{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.edp-instructions__list li i{color:#10b981;font-size:.75rem;flex-shrink:0}.edp-cta{display:flex;gap:12px;flex-wrap:wrap}.edp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .15s;border:none;text-decoration:none}.edp-btn:hover{opacity:.9;transform:translateY(-1px)}.edp-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.edp-btn--start{color:#fff;padding:14px 32px;font-size:1rem;border-radius:14px}.edp-btn--primary{background:var(--primary-color);color:#fff}.edp-btn--outline{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-color)}.edp-btn--submit{background:#059669;color:#fff}.edp-btn--full{width:100%}.edp-quiz-page{height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.edp-quiz-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-primary);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:100;gap:12px}.edp-quiz-topbar__left{display:flex;align-items:center;gap:12px;min-width:0}.edp-quiz-topbar__subject{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.edp-quiz-topbar__name{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0}.edp-quiz-topbar__title{font-size:.88rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.edp-quiz-topbar__right{display:flex;align-items:center;gap:12px;flex-shrink:0}.edp-quiz-timer{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:800;color:var(--text-primary);background:var(--bg-secondary);padding:6px 14px;border-radius:10px;border:1.5px solid var(--border-color);font-variant-numeric:tabular-nums}.edp-quiz-timer--warn{color:#ef4444;border-color:#fecaca;background:#fff1f2;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.7}}.edp-quiz-exit{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .15s}.edp-quiz-exit:hover{border-color:#ef4444;color:#ef4444;background:#fff1f2}.edp-quiz-layout{display:grid;grid-template-columns:220px 1fr;flex:1;min-height:0;overflow:hidden;height:100%}.edp-quiz-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:20px 16px;display:flex;flex-direction:column;gap:14px;overflow:hidden;height:100%}.edp-quiz-sidebar__header{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.edp-quiz-sidebar__bar{height:6px;background:var(--border-color);border-radius:9999px;overflow:hidden}.edp-quiz-sidebar__fill{height:100%;border-radius:9999px;transition:width .3s ease}.edp-quiz-sidebar__dots{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.edp-quiz-sidebar__dots::-webkit-scrollbar{width:4px}.edp-quiz-sidebar__dots::-webkit-scrollbar-track{background:transparent}.edp-quiz-sidebar__dots::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.edp-quiz-sidebar .edp-btn--submit{flex-shrink:0;margin-top:auto}.edp-quiz-dot{width:100%;height:36px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-muted);font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edp-quiz-dot--answered{background:var(--bg-primary)}.edp-quiz-dot--active{color:#fff}.edp-quiz-main{display:flex;flex-direction:column;padding:32px 48px;gap:20px;overflow-y:auto;max-width:760px;width:100%;margin:0 auto}.edp-quiz-progress-strip{height:4px;background:var(--border-color);border-radius:9999px;overflow:hidden}.edp-quiz-progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.edp-quiz-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:28px}.edp-quiz-card__qnum{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.edp-quiz-card__of{color:var(--text-muted)}.edp-quiz-card__q{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 20px;line-height:1.5}.edp-quiz-options{display:flex;flex-direction:column;gap:10px}.edp-quiz-option{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;font-family:inherit;cursor:pointer;text-align:left;transition:all .15s ease;font-weight:500}.edp-quiz-option:hover{border-color:var(--primary-color);background:#2563eb0a}.edp-quiz-option--selected{font-weight:600}.edp-quiz-option__letter{width:30px;height:30px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;flex-shrink:0;transition:all .15s}.edp-quiz-nav{display:flex;justify-content:space-between;gap:12px}.edp-result-page{max-width:680px;margin:0 auto;padding-bottom:60px}.edp-result-hero{border-radius:24px;overflow:hidden;margin-bottom:24px}.edp-result-hero__inner{padding:40px 32px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.edp-result-hero__grade-icon{font-size:3.5rem}.edp-result-hero__grade{font-size:1.6rem;font-weight:900;color:#fff;margin:0}.edp-result-hero__title{font-size:.85rem;color:#fffc;margin:0}.edp-result-hero__score{display:flex;align-items:baseline;gap:4px;margin-top:12px}.edp-result-hero__num{font-size:4rem;font-weight:900;color:#fff;line-height:1}.edp-result-hero__denom{font-size:1.5rem;color:#ffffffb3}.edp-result-hero__pct{font-size:1.2rem;font-weight:800;color:#ffffffe6;background:#fff3;padding:4px 16px;border-radius:9999px}.edp-result-body{display:flex;flex-direction:column;gap:20px}.edp-result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.edp-result-stat{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.edp-result-stat i{font-size:1.2rem}.edp-result-stat__val{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.edp-result-stat__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.edp-review-heading{font-size:1rem;font-weight:800;color:var(--text-primary);margin:0}.edp-review{display:flex;flex-direction:column;gap:10px}.edp-review__item{padding:14px 16px;border-radius:12px;border:1px solid transparent}.edp-review__item--correct{background:#f0fdf4;border-color:#bbf7d0}.edp-review__item--wrong{background:#fff1f2;border-color:#fecdd3}[data-theme=dark] .edp-review__item--correct{background:#10b98114;border-color:#10b98133}[data-theme=dark] .edp-review__item--wrong{background:#ef444414;border-color:#ef444433}.edp-review__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.edp-review__qnum{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.edp-review__item--correct .edp-review__item-header i{color:#10b981}.edp-review__item--wrong .edp-review__item-header i{color:#ef4444}.edp-review__q{font-size:.88rem;font-weight:600;color:var(--text-primary);margin:0 0 5px}.edp-review__ans{font-size:.8rem;color:var(--text-secondary);margin:0 0 5px}.edp-review__correct{color:#059669}.edp-review__exp{font-size:.78rem;color:var(--text-muted);font-style:italic;margin:0;display:flex;align-items:flex-start;gap:6px}.edp-review__exp i{color:#f59e0b;margin-top:2px;flex-shrink:0}.edp-result-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:768px){.edp-quiz-layout{grid-template-columns:1fr}.edp-quiz-sidebar{display:none}.edp-quiz-main{padding:16px}.edp-stats-row,.edp-result-stats{grid-template-columns:repeat(2,1fr)}.edp-hero__title{font-size:1.2rem}.edp-quiz-topbar__title{max-width:180px}}.analytics-dashboard{padding:2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;width:100%;box-sizing:border-box}.analytics-welcome-banner{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:var(--radius-xl, 16px);padding:1.75rem 2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1))}[data-theme=dark] .analytics-welcome-banner{background:linear-gradient(135deg,#0f172a,#1e3a8a);border-color:#ffffff1a;border-width:1px}.welcome-text h2{margin:0 0 .5rem;font-size:1.8rem;font-weight:800;letter-spacing:-.025em}.welcome-text p{margin:0;font-size:1rem;opacity:.9}.welcome-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff26;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-cap-icon{width:1.25rem;height:1.25rem}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.kpi-card{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:1.5rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .05));display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform var(--transition-fast, .2s) ease,box-shadow var(--transition-fast, .2s) ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}[data-theme=dark] .kpi-card{background:var(--bg-secondary, #1e293b);border-color:#ffffff0d}.kpi-card-header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:700;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.kpi-icon{width:1.25rem;height:1.25rem}.kpi-value-container{display:flex;flex-direction:column;margin-bottom:.75rem}.kpi-val{font-size:2.25rem;font-weight:900;color:var(--text-primary, #0f172a);margin:0;line-height:1}[data-theme=dark] .kpi-val{color:#f8fafc}.val-max{font-size:1.125rem;color:var(--text-secondary, #64748b);font-weight:500}.kpi-lbl{font-size:.85rem;color:var(--text-secondary, #64748b);margin-top:.25rem}.kpi-sub-text{font-size:.75rem;color:var(--text-muted, #94a3b8);margin-top:auto}.kpi-trend-pill{align-self:flex-start;font-size:.75rem;font-weight:700;padding:.25rem .625rem;border-radius:9999px;margin-top:auto}.kpi-trend-pill.positive{background:#dcfce7;color:#15803d}[data-theme=dark] .kpi-trend-pill.positive{background:#15803d33;color:#4ade80}.kpi-status-badge{align-self:flex-start;font-size:.75rem;font-weight:700;padding:.25rem .625rem;border-radius:9999px;margin-top:auto;display:flex;align-items:center;gap:.25rem}.kpi-status-badge.success-bg{background:#dcfce7;color:#15803d}[data-theme=dark] .kpi-status-badge.success-bg{background:#15803d33;color:#4ade80}.kpi-status-badge.danger-bg{background:#fee2e2;color:#b91c1c}[data-theme=dark] .kpi-status-badge.danger-bg{background:#b91c1c33;color:#f87171}.credit-progress-bar-wrap{margin-top:auto;display:flex;align-items:center;gap:.75rem;width:100%}.credit-bar{flex:1;height:6px;background:var(--bg-tertiary, #e2e8f0);border-radius:9999px;overflow:hidden}[data-theme=dark] .credit-bar{background:#ffffff1a}.credit-bar-fill{height:100%;background:#6366f1;border-radius:9999px;transition:width .5s ease-in-out}.credit-pct-lbl{font-size:.75rem;font-weight:700;color:#6366f1;min-width:28px;text-align:right}.kpi-mini-chart{display:flex;align-items:center;gap:.75rem;margin-top:auto}.kpi-radial-svg{width:24px;height:24px}.kpi-radial-svg .radial-bg{fill:none;stroke:var(--bg-tertiary, #e2e8f0);stroke-width:3.8}[data-theme=dark] .kpi-radial-svg .radial-bg{stroke:#ffffff1a}.kpi-radial-svg .radial-fill{fill:none;stroke-width:3.8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.analytics-details-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}@media(max-width:1024px){.analytics-details-grid{grid-template-columns:1fr}}.details-col-left,.details-col-right{display:flex;flex-direction:column;gap:2rem}.dashboard-chart-card,.dashboard-subcard,.placement-readiness-card,.degree-progress-card,.scholarship-check-card,.backlog-tracker-card,.mentor-feedback-card,.achievement-wall-card{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-xl, 16px);padding:1.75rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .05));box-sizing:border-box}[data-theme=dark] .dashboard-chart-card,[data-theme=dark] .dashboard-subcard,[data-theme=dark] .placement-readiness-card,[data-theme=dark] .degree-progress-card,[data-theme=dark] .scholarship-check-card,[data-theme=dark] .backlog-tracker-card,[data-theme=dark] .mentor-feedback-card,[data-theme=dark] .achievement-wall-card{background:var(--bg-secondary, #1e293b);border-color:#ffffff0d}.card-sec-header{margin-bottom:1.5rem}.card-sec-header h3{margin:0 0 .25rem;font-size:1.2rem;font-weight:800;color:var(--text-primary, #0f172a);letter-spacing:-.02em}[data-theme=dark] .card-sec-header h3{color:#f8fafc}.card-sec-header p{margin:0;font-size:.875rem;color:var(--text-secondary, #64748b)}.chart-container{padding:.5rem 0;background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-lg, 12px);border:1px dashed var(--border-color, #cbd5e1);overflow:hidden}[data-theme=dark] .chart-container{background:var(--bg-tertiary, #0f172a);border-color:#ffffff1a}.chart-dot{transition:r .2s ease,stroke-width .2s ease;cursor:pointer}.chart-dot:hover{r:7;stroke-width:3px}.chart-legend-info{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.8rem;font-weight:600;color:var(--text-secondary, #64748b)}.legend-indicator{width:10px;height:10px;border-radius:9999px;display:inline-block}.prediction-list{display:flex;flex-direction:column;gap:1rem}.prediction-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .prediction-item{background:var(--bg-tertiary, #0f172a);border-color:#ffffff0d}.pred-subj-info{display:flex;flex-direction:column}.pred-subj-name{font-size:.95rem;font-weight:700;color:var(--text-primary, #1e293b)}[data-theme=dark] .pred-subj-name{color:#f1f5f9}.pred-subj-code{font-size:.75rem;color:var(--text-secondary, #64748b);font-weight:500}.pred-value-box{display:flex;align-items:center;gap:.5rem}.pred-val-num{font-size:1.5rem;font-weight:900;color:#3b82f6}.pred-val-pct{font-size:.875rem;font-weight:700;color:#3b82f6;margin-right:.5rem}.confidence-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.25rem .5rem;border-radius:var(--radius-sm, 4px)}.confidence-very-high{background:#dcfce7;color:#166534}[data-theme=dark] .confidence-very-high{background:#16653433;color:#4ade80}.confidence-high{background:#dbeafe;color:#1e40af}[data-theme=dark] .confidence-high{background:#1e40af33;color:#60a5fa}.confidence-medium{background:#fef3c7;color:#854d0e}[data-theme=dark] .confidence-medium{background:#854d0e33;color:#fbbf24}.prediction-footer-note{margin-top:1.25rem;font-size:.75rem;color:var(--text-muted, #94a3b8);line-height:1.4}.placement-gauge-section{display:flex;gap:2rem;align-items:center}@media(max-width:640px){.placement-gauge-section{flex-direction:column;align-items:center}}.radial-large-gauge{position:relative;width:150px;height:150px;flex-shrink:0}.radial-large-svg{width:100%;height:100%}.radial-large-svg .gauge-bg{fill:none;stroke:var(--bg-secondary, #f1f5f9);stroke-width:8}[data-theme=dark] .radial-large-svg .gauge-bg{stroke:var(--bg-tertiary, #0f172a)}.radial-large-svg .gauge-fill{fill:none;stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .8s ease}.gauge-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.gauge-val{font-size:2.25rem;font-weight:900;color:var(--text-primary, #0f172a)}[data-theme=dark] .gauge-val{color:#fff}.gauge-total{font-size:.8rem;color:var(--text-secondary, #64748b);font-weight:600}.gauge-status-lbl{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--text-muted, #94a3b8);margin-top:.25rem}.placement-breakdown{flex:1;display:flex;flex-direction:column;gap:.875rem;width:100%}.breakdown-item{display:flex;flex-direction:column;gap:.35rem}.breakdown-info{display:flex;justify-content:space-between;font-size:.825rem;font-weight:700;color:var(--text-primary, #334155)}[data-theme=dark] .breakdown-info{color:#cbd5e1}.breakdown-name{color:var(--text-secondary, #64748b);font-weight:500}.breakdown-bar{height:6px;background:var(--bg-secondary, #f1f5f9);border-radius:9999px;overflow:hidden}[data-theme=dark] .breakdown-bar{background:var(--bg-tertiary, #0f172a)}.breakdown-bar-fill{height:100%;border-radius:9999px;transition:width .5s ease}.degree-progress-bar-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.degree-bar-labels{display:flex;justify-content:space-between;font-size:.875rem;font-weight:700}.degree-bar-title{color:var(--text-secondary, #64748b)}.degree-bar-percentage{color:#3b82f6}.degree-progress-bar-wrapper{height:10px;background:var(--bg-secondary, #f1f5f9);border-radius:9999px;overflow:hidden;border:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .degree-progress-bar-wrapper{background:var(--bg-tertiary, #0f172a);border-color:#ffffff0d}.degree-progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:9999px;transition:width .5s ease}.degree-breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.degree-grid-item{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}[data-theme=dark] .degree-grid-item{background:var(--bg-tertiary, #0f172a);border-color:#ffffff0d}.degree-item-num{font-size:1.5rem;font-weight:900;color:var(--text-primary, #0f172a)}[data-theme=dark] .degree-item-num{color:#fff}.degree-item-lbl{font-size:.75rem;font-weight:600;color:var(--text-secondary, #64748b);margin-top:.25rem;text-align:center}.scholarship-list{display:flex;flex-direction:column;gap:1rem}.scholarship-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:var(--radius-lg, 12px);border:1px solid var(--border-color, #e2e8f0)}.scholarship-item.eligible{background:#f0fdf4;border-color:#bbf7d0}[data-theme=dark] .scholarship-item.eligible{background:#16a34a1a;border-color:#16a34a4d}.scholarship-item.ineligible{background:#fef2f2;border-color:#fecaca}[data-theme=dark] .scholarship-item.ineligible{background:#dc26261a;border-color:#dc26264d}.schol-left{display:flex;align-items:center;gap:.75rem}.schol-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.eligible .schol-icon{color:#16a34a}.ineligible .schol-icon{color:#dc2626}.schol-info h4{margin:0;font-size:.925rem;font-weight:700;color:var(--text-primary, #0f172a)}[data-theme=dark] .schol-info h4{color:#fff}.schol-info p{margin:.25rem 0 0;font-size:.775rem;color:var(--text-secondary, #64748b)}.status-label{font-size:.75rem;font-weight:800;text-transform:uppercase;padding:.25rem .625rem;border-radius:9999px}.eligible .status-label{background:#dcfce7;color:#15803d}[data-theme=dark] .eligible .status-label{background:#1665344d;color:#4ade80}.ineligible .status-label{background:#fee2e2;color:#b91c1c}[data-theme=dark] .ineligible .status-label{background:#b91c1c4d;color:#f87171}.no-backlogs-view{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#f0fdf4;border:1px dashed #bbf7d0;border-radius:var(--radius-lg, 12px)}[data-theme=dark] .no-backlogs-view{background:#16a34a0d;border-color:#16a34a33}.success-check-circle{width:40px;height:40px;border-radius:9999px;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.25rem;margin-bottom:.75rem}[data-theme=dark] .success-check-circle{background:#16a34a33;color:#4ade80}.no-backlogs-view h4{margin:0;font-size:1rem;font-weight:700;color:#16a34a}[data-theme=dark] .no-backlogs-view h4{color:#4ade80}.no-backlogs-view p{margin:.25rem 0 0;font-size:.8rem;color:var(--text-secondary, #64748b)}.backlog-list{display:flex;flex-direction:column;gap:1rem}.backlog-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary, #fcfcfd);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px)}[data-theme=dark] .backlog-item{background:var(--bg-tertiary, #0f172a);border-color:#ffffff0d}.backlog-details h4{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a)}.backlog-details p{margin:.25rem 0 0;font-size:.775rem;color:var(--text-secondary, #64748b)}.exam-date-badge{font-size:.75rem;font-weight:700;background:#fef3c7;color:#b45309;padding:.25rem .5rem;border-radius:var(--radius-sm, 4px)}[data-theme=dark] .exam-date-badge{background:#b4530933;color:#fbbf24}.mentor-box{display:flex;gap:1rem;padding:1rem;background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .mentor-box{background:var(--bg-tertiary, #0f172a);border-color:#ffffff0d}.mentor-avatar-icon{font-size:2.25rem;line-height:1}.mentor-feedback-content{flex:1}.mentor-name{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a)}[data-theme=dark] .mentor-name{color:#fff}.mentor-role{margin:0;font-size:.75rem;color:var(--text-secondary, #64748b);font-weight:500}.mentor-quote{margin:.75rem 0 0;font-size:.85rem;font-style:italic;color:var(--text-primary, #334155);line-height:1.5;border-left:3px solid #3b82f6;padding-left:.75rem}[data-theme=dark] .mentor-quote{color:#cbd5e1}.achievements-timeline{display:flex;flex-direction:column;gap:1.25rem;position:relative;padding-left:.5rem}.achievement-item{display:flex;gap:1rem;align-items:flex-start}.ach-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;color:#3b82f6;background:#3b82f61a;padding:.25rem .5rem;border-radius:var(--radius-sm, 4px);min-width:55px;text-align:center;flex-shrink:0;margin-top:.25rem}[data-theme=dark] .ach-badge{background:#3b82f633;color:#60a5fa}.ach-details h4{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a)}[data-theme=dark] .ach-details h4{color:#fff}.ach-details p{margin:.25rem 0 0;font-size:.775rem;color:var(--text-secondary, #64748b);line-height:1.4}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;gap:.5rem}.analytics-loading p{font-size:.875rem;color:var(--text-secondary, #64748b);font-weight:600}@media(max-width:768px){.analytics-dashboard{padding:1rem;gap:1.25rem}.analytics-welcome-banner{padding:1.25rem 1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.welcome-text h2{font-size:1.5rem}}.internals-tab-page{padding:2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;width:100%;box-sizing:border-box}.internals-tab-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:1.5rem}@media(max-width:768px){.internals-tab-header{flex-direction:column;align-items:flex-start;gap:1rem}}.title-left h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:800;color:var(--text-primary, #0f172a)}[data-theme=dark] .title-left h2{color:#f8fafc}.title-left p{margin:0;font-size:.9rem;color:var(--text-secondary, #64748b)}.filter-select-wrapper{display:flex;align-items:center;gap:.75rem}.filter-select-wrapper label{font-size:.875rem;font-weight:700;color:var(--text-secondary, #64748b)}.filter-select{padding:.5rem 2rem .5rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b);background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);cursor:pointer;outline:none;transition:border-color var(--transition-fast, .2s) ease}[data-theme=dark] .filter-select{background:var(--bg-secondary, #1e293b);border-color:#ffffff1a;color:#f1f5f9}.filter-select:focus{border-color:var(--primary-color, #3b82f6)}.internals-overview-pills{display:flex;gap:1.5rem;flex-wrap:wrap}.overview-pill{flex:1;min-width:200px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:1.25rem;display:flex;align-items:center;gap:1rem}[data-theme=dark] .overview-pill{background:var(--bg-secondary, #1e293b);border-color:#ffffff0d}.pill-icon{width:2.25rem;height:2.25rem;padding:.5rem;border-radius:var(--radius-md, 8px);flex-shrink:0}.overview-pill.text-blue .pill-icon{background:#3b82f61a;color:#3b82f6}.overview-pill.text-green .pill-icon{background:#22c55e1a;color:#22c55e}.overview-pill.text-red .pill-icon{background:#ef44441a;color:#ef4444}.pill-info{display:flex;flex-direction:column}.pill-lbl{font-size:.8rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.025em}.pill-val{font-size:1.25rem;font-weight:800;color:var(--text-primary, #0f172a)}[data-theme=dark] .pill-val{color:#fff}.internals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:2rem}@media(max-width:480px){.internals-grid{grid-template-columns:1fr}}.internal-subject-card{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-xl, 16px);padding:1.75rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .05));display:flex;flex-direction:column;gap:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.internal-subject-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}[data-theme=dark] .internal-subject-card{background:var(--bg-secondary, #1e293b);border-color:#ffffff0d}.subject-card-title-row{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-color, #f1f5f9);padding-bottom:1rem}[data-theme=dark] .subject-card-title-row{border-bottom-color:#ffffff0d}.sub-name{margin:0;font-size:1.125rem;font-weight:800;color:var(--text-primary, #0f172a);line-height:1.3}[data-theme=dark] .sub-name{color:#fff}.sub-code{font-size:.775rem;color:var(--text-secondary, #64748b);font-weight:600;text-transform:uppercase}.sub-score-circle{width:50px;height:50px;border-radius:9999px;border:3px solid;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1}.score-num{font-size:1.15rem;font-weight:950}.score-max{font-size:.65rem;color:var(--text-secondary, #64748b);font-weight:500}.internal-components-grid{display:flex;flex-direction:column;gap:1rem}.component-row{display:flex;flex-direction:column;gap:.3rem}.comp-info{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;color:var(--text-secondary, #64748b)}.comp-val{color:var(--text-primary, #1e293b)}[data-theme=dark] .comp-val{color:#cbd5e1}.comp-progress-bar{height:6px;background:var(--bg-secondary, #f1f5f9);border-radius:9999px;overflow:hidden}[data-theme=dark] .comp-progress-bar{background:var(--bg-tertiary, #0f172a)}.comp-progress-fill{height:100%;border-radius:9999px}.components-sub-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}.sub-item-box{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.625rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}[data-theme=dark] .sub-item-box{background:var(--bg-tertiary, #0f172a);border-color:#ffffff0d}.sub-item-lbl{font-size:.7rem;font-weight:600;color:var(--text-muted, #94a3b8);text-transform:uppercase}.sub-item-val{font-size:.875rem;font-weight:800;color:var(--text-primary, #1e293b);margin-top:.25rem}[data-theme=dark] .sub-item-val{color:#e2e8f0}.lab-status-panel{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:.875rem 1rem;display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}[data-theme=dark] .lab-status-panel{background:var(--bg-tertiary, #0f172a);border-color:#ffffff0d}.lab-status-left{display:flex;align-items:center;gap:.75rem}.lab-icon{width:1.25rem;height:1.25rem;color:#3b82f6;flex-shrink:0}.lab-text{display:flex;flex-direction:column}.lab-title-lbl{font-size:.7rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase}.lab-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;padding:.125rem .5rem;border-radius:9999px;align-self:flex-start;margin-top:.125rem}.lab-badge.badge-submitted{background:#dcfce7;color:#166534}[data-theme=dark] .lab-badge.badge-submitted{background:#16653433;color:#4ade80}.lab-badge.badge-pending{background:#fee2e2;color:#991b1b}[data-theme=dark] .lab-badge.badge-pending{background:#991b1b33;color:#f87171}.lab-status-right{display:flex;flex-direction:column;align-items:flex-end}.lab-score-text{font-size:1.125rem;font-weight:900;color:var(--text-primary, #0f172a);margin-top:.125rem}[data-theme=dark] .lab-score-text{color:#fff}.internals-card-warning{display:flex;gap:.75rem;align-items:flex-start;padding:.875rem;background:#fffbeb;border:1px solid #fef3c7;border-radius:var(--radius-md, 8px);color:#92400e;font-size:.75rem;font-weight:600;line-height:1.4}[data-theme=dark] .internals-card-warning{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.warn-icon{width:1rem;height:1rem;color:#d97706;flex-shrink:0}.internals-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;gap:.5rem}.internals-loading p{font-size:.875rem;color:var(--text-secondary, #64748b);font-weight:600}.attendance-analytics-tab{padding:2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;width:100%;box-sizing:border-box}.tab-intro-row h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:800;color:var(--text-primary, #0f172a)}[data-theme=dark] .tab-intro-row h2{color:#f8fafc}.tab-intro-row p{margin:0;font-size:.9rem;color:var(--text-secondary, #64748b)}.attendance-summary-cards{display:flex;gap:1.5rem;flex-wrap:wrap}.sum-card{flex:1;min-width:240px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .05))}[data-theme=dark] .sum-card{background:var(--bg-secondary, #1e293b);border-color:#ffffff0d}.sum-card-icon{width:2rem;height:2rem;padding:.5rem;border-radius:var(--radius-md, 8px);flex-shrink:0}.sum-card.text-blue .sum-card-icon{background:#3b82f61a;color:#3b82f6}.sum-card.text-green .sum-card-icon{background:#22c55e1a;color:#22c55e}.sum-card.text-red .sum-card-icon{background:#ef44441a;color:#ef4444}.sum-card-info{display:flex;flex-direction:column}.sum-card-lbl{font-size:.775rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase}.sum-card-val{font-size:1.25rem;font-weight:850;color:var(--text-primary, #0f172a)}[data-theme=dark] .sum-card-val{color:#fff}.attendance-shortage-alert-box{background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-xl, 16px);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}[data-theme=dark] .attendance-shortage-alert-box{background:#ef44441a;border-color:#ef444440}.alert-header{display:flex;align-items:center;gap:.5rem;color:#991b1b}[data-theme=dark] .alert-header{color:#f87171}.alert-header h3{margin:0;font-size:1.15rem;font-weight:800}.alert-header-icon{width:1.5rem;height:1.5rem}.alert-description{margin:0;font-size:.875rem;color:#7f1d1d;line-height:1.5}[data-theme=dark] .alert-description{color:#fca5a5}.shortage-subjs-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.shortage-subj-item{display:flex;justify-content:space-between;align-items:center;background:#fff9;padding:.75rem 1rem;border-radius:var(--radius-md, 8px);font-size:.85rem}[data-theme=dark] .shortage-subj-item{background:#0003}.subj-title{font-weight:750;color:#7f1d1d}[data-theme=dark] .subj-title{color:#fca5a5}.subj-action-badge{color:#991b1b}[data-theme=dark] .subj-action-badge{color:#fca5a5}@media(max-width:640px){.shortage-subj-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.attendance-grid-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem}@media(max-width:1024px){.attendance-grid-layout{grid-template-columns:1fr}}.att-subjs-table-container,.att-simulator-container{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-xl, 16px);padding:1.75rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .05));box-sizing:border-box}[data-theme=dark] .att-subjs-table-container,[data-theme=dark] .att-simulator-container{background:var(--bg-secondary, #1e293b);border-color:#ffffff0d}.att-subjs-table-container h3,.att-simulator-container h3{margin:0 0 1.25rem;font-size:1.15rem;font-weight:800;color:var(--text-primary, #0f172a)}[data-theme=dark] .att-subjs-table-container h3,[data-theme=dark] .att-simulator-container h3{color:#fff}.table-responsive{overflow-x:auto;border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .table-responsive{border-color:#ffffff0d}.att-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.att-table th{background:var(--bg-secondary, #f8fafc);padding:.875rem 1rem;font-weight:700;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .att-table th{background:var(--bg-tertiary, #0f172a);border-bottom-color:#ffffff0d}.att-table td{padding:1rem;border-bottom:1px solid var(--border-color, #f1f5f9);color:var(--text-primary, #334155)}[data-theme=dark] .att-table td{border-bottom-color:#ffffff0d;color:#cbd5e1}.att-table tr:last-child td{border-bottom:none}.att-table tr.row-danger td{background:#fff5f5}[data-theme=dark] .att-table tr.row-danger td{background:#ef444408}.subj-cell{font-weight:700}.pct-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.775rem}.status-lbl{font-size:.8rem;font-weight:700}.status-lbl.text-green{color:#16a34a}.status-lbl.text-red{color:#dc2626}.sim-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.sim-icon{width:1.25rem;height:1.25rem;color:#3b82f6}.sim-sub{margin:0 0 1.5rem;font-size:.8rem;color:var(--text-secondary, #64748b);line-height:1.4}.sim-form{display:flex;flex-direction:column;gap:1.25rem}.sim-field{display:flex;flex-direction:column;gap:.5rem}.sim-field label{font-size:.8rem;font-weight:700;color:var(--text-secondary, #64748b);text-transform:uppercase}.sim-field select,.sim-field input{padding:.625rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b);background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);outline:none}[data-theme=dark] .sim-field select,[data-theme=dark] .sim-field input{background:var(--bg-tertiary, #0f172a);border-color:#ffffff1a;color:#f1f5f9}.sim-fields-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.simulate-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem;font-size:.875rem;font-weight:700;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background var(--transition-fast, .2s) ease}.simulate-btn:hover{background:#2563eb}.sim-result-box{border:1px solid;border-radius:var(--radius-lg, 12px);padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.result-lbl{font-size:.775rem;font-weight:700;color:var(--text-secondary, #64748b);text-transform:uppercase}.result-val{font-size:2.25rem;font-weight:900;margin:.25rem 0;line-height:1}.result-descr{margin:.25rem 0 0;font-size:.8rem;font-weight:600}.simulator-help-box{margin-top:1rem;display:flex;gap:.5rem;align-items:flex-start}.help-icon{width:1rem;height:1rem;color:var(--text-muted, #94a3b8);flex-shrink:0;margin-top:.125rem}.simulator-help-box p{margin:0;font-size:.75rem;color:var(--text-muted, #94a3b8);line-height:1.4}.attendance-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;gap:.5rem}.attendance-loading p{font-size:.875rem;color:var(--text-secondary, #64748b);font-weight:600}.unified-perf-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary, #f8fafc);transition:background-color .3s ease}[data-theme=dark] .unified-perf-page{background:var(--bg-primary, #0f172a)}.unified-perf-tabs-container{background:var(--card-bg, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);padding:1rem 2rem 0;transition:all .3s ease}[data-theme=dark] .unified-perf-tabs-container{background:var(--card-bg, #1e293b);border-bottom-color:var(--border-color, rgba(255, 255, 255, .1))}.unified-perf-tabs-wrapper{max-width:1400px;margin:0 auto}.unified-perf-tabs{display:flex;gap:1.5rem}.unified-perf-tab{padding:.75rem 1rem;font-size:.925rem;font-weight:600;color:var(--text-secondary, #64748b);border:none;background:transparent;cursor:pointer;position:relative;transition:color .2s ease,transform .2s ease;display:flex;align-items:center}.unified-perf-tab i{font-size:1rem}.unified-perf-tab:hover{color:var(--text-primary, #1e293b);transform:translateY(-1px)}[data-theme=dark] .unified-perf-tab:hover{color:var(--text-primary, #f1f5f9)}.unified-perf-tab--active{color:var(--primary-color, #3b82f6)!important}.unified-perf-tab--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-color, #3b82f6);border-radius:3px 3px 0 0;box-shadow:0 -2px 10px #3b82f666}.unified-perf-content{flex:1}@media(max-width:768px){.unified-perf-tabs-container{padding:.5rem 1rem 0}.unified-perf-tabs{gap:.5rem;overflow-x:auto;scrollbar-width:none}.unified-perf-tabs::-webkit-scrollbar{display:none}.unified-perf-tab{padding:.625rem .75rem;font-size:.85rem;flex-shrink:0}}.unified-att-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary, #f8fafc);transition:background-color .3s ease}[data-theme=dark] .unified-att-page{background:var(--bg-primary, #0f172a)}.unified-att-tabs-container{background:var(--bg-primary, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);padding:1rem 2rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}[data-theme=dark] .unified-att-tabs-container{background:var(--bg-primary, rgba(15, 23, 42, .8));border-bottom-color:var(--border-color, rgba(255, 255, 255, .1))}.unified-att-tabs-wrapper{max-width:1400px;margin:0 auto}.unified-att-tabs{display:flex;gap:1.5rem}.unified-att-tab{padding:.75rem 1rem;font-size:.925rem;font-weight:600;color:var(--text-secondary, #64748b);border:none;background:transparent;cursor:pointer;position:relative;transition:color .2s ease,transform .2s ease;display:flex;align-items:center}.unified-att-tab i{font-size:1rem}.unified-att-tab:hover{color:var(--text-primary, #1e293b);transform:translateY(-1px)}[data-theme=dark] .unified-att-tab:hover{color:var(--text-primary, #f1f5f9)}.unified-att-tab--active{color:var(--primary-color, #3b82f6)!important}.unified-att-tab--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-color, #3b82f6);border-radius:3px 3px 0 0;box-shadow:0 -2px 10px #3b82f666}.unified-att-content{flex:1}@media(max-width:768px){.unified-att-tabs-container{padding:.5rem 1rem 0;top:0}.unified-att-tabs{gap:.5rem;overflow-x:auto;scrollbar-width:none}.unified-att-tabs::-webkit-scrollbar{display:none}.unified-att-tab{padding:.625rem .75rem;font-size:.85rem;flex-shrink:0}}.cr-layout{position:fixed;inset:64px 0 0;display:flex;background:var(--bg-secondary);overflow:hidden;z-index:100}.cr-layout--admin{position:relative;top:0;height:calc(100vh - 100px);z-index:1}.cr-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-primary);border-right:1px solid var(--border-color)}.cr-header{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0}.cr-back{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:background .15s;flex-shrink:0}.cr-back:hover{background:var(--bg-secondary)}.cr-header__avatar{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff;flex-shrink:0}.cr-header__info{flex:1;min-width:0}.cr-header__info h3{font-size:.92rem;font-weight:700;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-header__info span{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted)}.cr-sidebar-toggle{background:none;border:1.5px solid var(--border-color);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .15s;flex-shrink:0}.cr-sidebar-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.cr-messages{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.cr-messages::-webkit-scrollbar{width:4px}.cr-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.cr-date-divider{display:flex;align-items:center;gap:10px;margin:14px 0 8px}.cr-date-divider:before,.cr-date-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.cr-date-divider span{font-size:.68rem;font-weight:600;color:var(--text-muted);padding:2px 10px;background:var(--bg-secondary);border-radius:9999px;border:1px solid var(--border-color);white-space:nowrap}.cr-msg{display:flex;align-items:flex-start;gap:9px;margin-bottom:8px}.cr-msg--me{flex-direction:row-reverse}.cr-msg__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:2px}.cr-msg__body{display:flex;flex-direction:column;gap:3px;max-width:68%}.cr-msg--me .cr-msg__body{align-items:flex-end}.cr-msg__sender{font-size:.7rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:5px}.cr-msg__sender--teacher{color:#6366f1}.cr-msg__tag{background:#ede9fe;color:#6366f1;font-size:.58rem;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.cr-msg__bubble{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0 12px 12px;padding:9px 13px;font-size:.84rem;color:var(--text-primary);line-height:1.55;word-break:break-word}.cr-msg__bubble--me{background:var(--primary-color);border-color:var(--primary-color);color:#fff;border-radius:12px 0 12px 12px}.cr-msg__link{display:flex;align-items:center;gap:9px;background:var(--bg-primary);border:1px solid var(--border-color);border-left:3px solid var(--primary-color);border-radius:10px;padding:9px 11px;text-decoration:none;max-width:300px;transition:background .15s}.cr-msg__link:hover{background:var(--bg-secondary)}.cr-msg__link-icon{width:30px;height:30px;border-radius:7px;background:#ede9fe;color:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cr-msg__link-label{font-size:.78rem;font-weight:600;color:var(--text-primary);margin:0 0 2px;line-height:1.3}.cr-msg__link-url{font-size:.65rem;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.cr-msg__file{display:flex;align-items:center;gap:9px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:9px 11px;max-width:260px}.cr-msg__file-icon{width:34px;height:34px;border-radius:7px;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cr-msg__file-name{font-size:.76rem;font-weight:600;color:var(--text-primary);margin:0 0 2px;word-break:break-all}.cr-msg__file-size{font-size:.65rem;color:var(--text-muted);margin:0}.cr-msg__file-dl{margin-left:auto;background:var(--primary-color);color:#fff;border:none;border-radius:7px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;flex-shrink:0}.cr-msg__time{font-size:.62rem;color:var(--text-muted);margin-top:1px}.cr-input-bar{display:flex;flex-direction:column;border-top:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0;position:sticky;bottom:0;left:0;right:0}.cr-attach{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px;border-radius:7px;display:flex;align-items:center;transition:color .15s;flex-shrink:0}.cr-attach:hover{color:var(--primary-color)}.cr-input{flex:1;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:22px;padding:10px 18px;font-size:.86rem;color:var(--text-primary);font-family:inherit;outline:none;transition:border-color .15s;min-height:42px}.cr-input:focus{border-color:var(--primary-color)}.cr-input::-moz-placeholder{color:var(--text-muted)}.cr-input::placeholder{color:var(--text-muted)}.cr-send{width:38px;height:38px;border-radius:50%;border:none;background:var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s;flex-shrink:0}.cr-send--active{background:var(--primary-color);color:#fff;box-shadow:0 3px 10px #2563eb4d}.cr-sidebar{width:250px;flex-shrink:0;background:var(--bg-primary);border-left:1px solid var(--border-color);overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:18px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.cr-sidebar__heading{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);margin-bottom:8px}.cr-sidebar__heading span{background:var(--bg-secondary);color:var(--text-muted);font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:9999px;border:1px solid var(--border-color)}.cr-sidebar__empty{font-size:.75rem;color:var(--text-muted);font-style:italic;margin:0}.cr-sidebar__link{display:flex;align-items:flex-start;gap:7px;padding:8px;border-radius:9px;border:1px solid var(--border-color);text-decoration:none;margin-bottom:6px;transition:background .15s}.cr-sidebar__link:hover{background:var(--bg-secondary)}.cr-sidebar__link-icon{width:26px;height:26px;border-radius:6px;background:#ede9fe;color:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cr-sidebar__link-label{font-size:.72rem;font-weight:600;color:var(--text-primary);margin:0 0 2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cr-sidebar__link-time{font-size:.62rem;color:var(--text-muted);margin:0}.cr-sidebar__file{display:flex;align-items:center;gap:7px;padding:8px;border-radius:9px;border:1px solid var(--border-color);margin-bottom:6px}.cr-sidebar__file-icon{width:26px;height:26px;border-radius:6px;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cr-sidebar__file-name{font-size:.72rem;font-weight:600;color:var(--text-primary);margin:0 0 2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cr-sidebar__file-meta{font-size:.62rem;color:var(--text-muted);margin:0}.cr-sidebar-backdrop{display:none}@media(max-width:640px){.cr-sidebar-backdrop{display:block;position:fixed;inset:0 0 60px;background:#0006;z-index:199}}.cr-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:var(--text-muted)}.cr-not-found button{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-family:inherit}@media(max-width:640px){.cr-layout{bottom:60px}.cr-sidebar{position:fixed;inset:auto 0 60px;width:100%;height:55vh;max-height:55vh;border-left:none;border-top:1px solid var(--border-color);border-radius:20px 20px 0 0;z-index:200;box-shadow:0 -8px 32px #00000026;padding:8px 16px 16px;overflow-y:auto;flex-direction:column;gap:0}.cr-sidebar:before{content:"";display:block;width:36px;height:4px;background:var(--border-color);border-radius:9999px;margin:0 auto 12px;flex-shrink:0}.cr-msg__body{max-width:82%}.cr-header{padding:10px 12px;gap:8px}.cr-header__info h3{font-size:.82rem}.cr-header__info span{font-size:.65rem}.cr-header__avatar{width:32px;height:32px;font-size:.85rem}.cr-input-bar{padding:10px 12px 12px;gap:8px}.cr-input{padding:10px 14px;font-size:.9rem}.cr-send{width:42px;height:42px}.cr-messages{padding:12px}}.cr-msg__reply-preview{display:flex;gap:.5rem;padding:.35rem .6rem;background:#0000000f;border-radius:6px;margin-bottom:.4rem;cursor:pointer;transition:background .15s}.cr-msg__reply-preview:hover{background:#0000001a}.cr-msg__bubble--me .cr-msg__reply-preview{background:#ffffff26}.cr-msg__bubble--me .cr-msg__reply-preview:hover{background:#ffffff38}.cr-msg__reply-bar{width:3px;background:#6366f1;border-radius:2px;flex-shrink:0}.cr-msg__bubble--me .cr-msg__reply-bar{background:#fffc}.cr-msg__reply-name{font-size:.68rem;font-weight:700;color:#6366f1;display:block;margin-bottom:1px}.cr-msg__bubble--me .cr-msg__reply-name{color:#ffffffe6}.cr-msg__reply-text{font-size:.68rem;color:#6b7280;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cr-msg__bubble--me .cr-msg__reply-text{color:#ffffffbf}.cr-msg__deleted{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:10px;font-size:.75rem;color:var(--text-muted);font-style:italic}.cr-msg__deleted i{font-size:.7rem;opacity:.6}.cr-msg__hover-actions{display:flex;gap:2px;margin-bottom:2px;align-self:flex-start}.cr-msg__hover-actions--me{align-self:flex-end}.cr-msg__action-btn{width:26px;height:26px;border-radius:50%;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.65rem;transition:all .15s;box-shadow:0 1px 3px #00000014}.cr-msg__action-btn:hover{background:#ede9fe;color:#6366f1;border-color:#c4b5fd}.cr-msg__action-btn--danger:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.cr-msg__reactions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}.cr-reaction-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .4rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:.7rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s}.cr-reaction-badge:hover{background:#ede9fe;border-color:#c4b5fd}.cr-reaction-badge--mine{background:#ede9fe;border-color:#c4b5fd;color:#6366f1}.cr-reactions-picker{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;padding:.35rem;display:flex;gap:.2rem;box-shadow:0 4px 16px #0000001f;z-index:20;animation:crReactPop .18s cubic-bezier(.16,1,.3,1)}@keyframes crReactPop{0%{opacity:0;transform:scale(.88) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.cr-reaction-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.cr-reaction-btn:hover{background:var(--bg-secondary);transform:scale(1.2)}.cr-input-bar{display:flex;flex-direction:column;border-top:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0}.cr-reply-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:.75rem}.cr-reply-bar__content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.cr-reply-bar__content>i{color:#6366f1;font-size:.75rem;flex-shrink:0}.cr-reply-bar__name{font-size:.7rem;font-weight:700;color:#6366f1;display:block}.cr-reply-bar__text{font-size:.7rem;color:var(--text-muted);margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-reply-bar__close{width:22px;height:22px;border-radius:50%;background:var(--border-color);border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.65rem;flex-shrink:0;transition:all .15s}.cr-reply-bar__close:hover{background:#e5e7eb;color:#111827}.cr-input-row{display:flex;align-items:center;gap:9px;padding:10px 14px}.cr-msg--highlight .cr-msg__bubble{animation:crHighlight 1.5s ease}@keyframes crHighlight{0%{box-shadow:0 0 0 3px #6366f180}to{box-shadow:none}}.cr-msg__bubble{position:relative}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-shrink-0{flex-shrink:0!important}.flex-1{flex:1 1 0%!important}@media(min-width:768px){.md\:flex-row{flex-direction:row!important}}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-baseline{align-items:baseline!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:col-span-2{grid-column:span 2 / span 2!important}}.col-span-1{grid-column:span 1 / span 1!important}.gap-1{gap:.25rem!important}.gap-1\.5{gap:.375rem!important}.gap-2{gap:.5rem!important}.gap-2\.5{gap:.625rem!important}.gap-3{gap:.75rem!important}.gap-3\.5{gap:.875rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.gap-6{gap:1.5rem!important}.border{border:1px solid var(--border-color, rgba(226, 232, 240, .8))!important}.border-2{border-width:2px!important}.border-slate-950{border-color:#020617!important}.border-slate-200\/40{border-color:#e2e8f066!important}.border-slate-800\/30{border-color:#1e293b4d!important}.border-slate-200\/50{border-color:#e2e8f080!important}.border-slate-800\/50{border-color:#1e293b80!important}.border-slate-200{border-color:#e2e8f0!important}.border-slate-800{border-color:#1e293b!important}.rounded-lg{border-radius:var(--radius-lg, 12px)!important}.rounded-xl{border-radius:var(--radius-xl, 16px)!important}.rounded-2xl{border-radius:var(--radius-2xl, 20px)!important}.rounded-3xl{border-radius:24px!important}.rounded-full{border-radius:9999px!important}.w-full{width:100%!important}.h-full{height:100%!important}.w-3{width:.75rem!important}.h-3{height:.75rem!important}.w-3\.5{width:.875rem!important}.h-3\.5{height:.875rem!important}.w-4{width:1rem!important}.h-4{height:1rem!important}.w-6{width:1.5rem!important}.h-6{height:1.5rem!important}.w-7{width:1.75rem!important}.h-7{height:1.75rem!important}.w-9{width:2.25rem!important}.h-9{height:2.25rem!important}.w-10{width:2.5rem!important}.h-10{height:2.5rem!important}.w-12{width:3rem!important}.h-12{height:3rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-2\.5{padding:.625rem!important}.p-3\.5{padding:.875rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}.py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.mt-1{margin-top:.25rem!important}.mt-0\.5{margin-top:.125rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-5{margin-top:1.25rem!important}.mt-6{margin-top:1.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-3\.5{margin-bottom:.875rem!important}.bg-emerald-500{background-color:#10b981!important}.bg-emerald-500\/10{background-color:#10b9811a!important}.bg-blue-500\/20{background-color:#3b82f633!important}.bg-blue-500\/10{background-color:#3b82f61a!important}.bg-blue-600{background-color:#2563eb!important}.hover\:bg-blue-700:hover{background-color:#1d4ed8!important}.bg-purple-500\/15{background-color:#8b5cf626!important}.bg-purple-500\/10{background-color:#8b5cf61a!important}.bg-slate-200\/50{background-color:#e2e8f080!important}.bg-slate-200\/30{background-color:#e2e8f04d!important}.bg-slate-200\/20{background-color:#e2e8f033!important}.bg-slate-800\/10{background-color:#1e293b1a!important}.bg-slate-50\/50{background-color:#f8fafc80!important}.bg-yellow-500\/10{background-color:#f59e0b1a!important}.text-blue-300{color:#93c5fd!important}.text-purple-300{color:#c084fc!important}.text-slate-300\/90{color:#cbd5e1e6!important}.text-slate-900{color:#0f172a!important}.text-slate-100{color:#f1f5f9!important}.text-slate-400{color:#94a3b8!important}.text-slate-500{color:#64748b!important}.text-slate-550{color:#4b5563!important}.text-slate-800{color:#1e293b!important}.text-slate-200{color:#e2e8f0!important}.text-slate-850{color:#0f172a!important}.text-yellow-550,.text-yellow-600{color:#d97706!important}.text-yellow-400{color:#facc15!important}.text-yellow-500{color:#f59e0b!important}.text-white{color:#fff!important}.text-blue-500{color:#3b82f6!important}.text-emerald-500{color:#10b981!important}.text-purple-500{color:#8b5cf6!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-lg{font-size:1.125rem!important}.font-extrabold{font-weight:800!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-black{font-weight:900!important}.font-medium{font-weight:500!important}.uppercase{text-transform:uppercase!important}.tracking-wide{letter-spacing:.025em!important}.tracking-wider{letter-spacing:.05em!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.min-w-0{min-width:0!important}.line-clamp-1{display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.line-clamp-2{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.inset-0{inset:0!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-auto{overflow-x:auto!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-50{z-index:50!important}.bottom-0{bottom:0!important}.right-0{right:0!important}.top-4{top:1rem!important}.right-4{right:1rem!important}.top-2{top:.5rem!important}.right-2{right:.5rem!important}.scrollbar-none::-webkit-scrollbar{display:none!important}.scrollbar-none{scrollbar-width:none!important;-ms-overflow-style:none!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040!important}[data-theme=dark] .bg-slate-50\/50{background-color:#1e293b4d!important}[data-theme=dark] .border-slate-200\/40,[data-theme=dark] .border-slate-200\/50{border-color:#ffffff14!important}[data-theme=dark] .bg-slate-200\/50{background-color:#1e293b66!important}[data-theme=dark] .bg-slate-200\/30{background-color:#1e293b4d!important}[data-theme=dark] .bg-slate-200\/20{background-color:#1e293b33!important}[data-theme=dark] .text-slate-800{color:#f1f5f9!important}[data-theme=dark] .text-slate-900{color:#fff!important}:root{--primary-color: #2563eb;--primary-color-rgb: 37, 99, 235;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--primary-color-light: #dbeafe;--secondary-color: #1e40af;--accent-color: #60a5fa;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--text-light: #9ca3af;--text-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-dark: #111827;--card-bg: #ffffff;--section-bg: #f9fafb;--hover-bg: #f3f4f6;--border-color: #e5e7eb;--border-hover: #d1d5db;--success-color: #10b981;--success-color-rgb: 16, 185, 129;--warning-color: #f59e0b;--warning-color-rgb: 245, 158, 11;--error-color: #ef4444;--error-color-rgb: 239, 68, 68;--info-color: #3b82f6;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 50%;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-md: 0 1px 3px rgba(0, 0, 0, .02), 0 4px 12px rgba(0, 0, 0, .03);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .02), 0 10px 20px rgba(0, 0, 0, .04);--shadow-xl: 0 6px 12px rgba(0, 0, 0, .03), 0 16px 32px rgba(0, 0, 0, .05);--shadow-2xl: 0 20px 48px -10px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem;--font-size-5xl: 2rem;--container-max-width: 1400px;--header-height-mobile: 56px;--header-height-tablet: 60px;--header-height-desktop: 64px;--sidebar-width-mobile: 280px;--sidebar-width-tablet: 240px;--sidebar-width-desktop: 280px;--sidebar-width-collapsed: 72px;--bottom-nav-height: 60px;--content-padding-mobile: 12px;--content-padding-tablet: 16px;--content-padding-desktop: 24px;--card-spacing: 16px}[data-theme=dark]{--primary-color: #3b82f6;--primary-color-rgb: 59, 130, 246;--primary-dark: #2563eb;--primary-light: #60a5fa;--primary-color-light: #1e3a8a;--secondary-color: #3b82f6;--accent-color: #60a5fa;--text-primary: #e5e5e5;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-light: #6b7280;--text-white: #ffffff;--bg-primary: #0c0c0c;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--bg-dark: #000000;--card-bg: #1a1a1a;--section-bg: #0c0c0c;--hover-bg: #262626;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--success-color: #10b981;--success-color-rgb: 16, 185, 129;--warning-color: #f59e0b;--warning-color-rgb: 245, 158, 11;--error-color: #ef4444;--error-color-rgb: 239, 68, 68;--info-color: #3b82f6;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .55);--shadow-2xl: 0 24px 60px rgba(0, 0, 0, .65)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:14px}@media(min-width:768px){html{font-size:15px}}@media(min-width:1024px){html{font-size:16px}}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-text-size-adjust:100%;transition:background-color var(--transition-normal),color var(--transition-normal);overscroll-behavior:none;touch-action:pan-y}@media(min-width:768px){body{line-height:1.6}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:var(--spacing-sm)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}@media(min-width:768px){h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}}@media(min-width:1024px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--primary-dark)}ul,ol{margin-bottom:var(--spacing-md)}li{margin-bottom:var(--spacing-xs)}img{max-width:100%;height:auto;display:block}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}::-moz-selection{background-color:var(--primary-color);color:var(--text-white)}::selection{background-color:var(--primary-color);color:var(--text-white)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--text-light) var(--bg-tertiary)}.dashboard-layout *{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@supports (backdrop-filter: blur(20px)){.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@supports not (backdrop-filter: blur(20px)){.header{background:#fffffffa}}.dashboard-layout:focus-within{outline:none}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}.loading{opacity:.6;pointer-events:none}.loading *{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.desktop-only{display:none}.mobile-only{display:block}@media(min-width:768px){.desktop-only{display:block}.mobile-only{display:none}}@media(prefers-contrast:high){:root{--text-primary: #000000;--text-secondary: #000000;--bg-primary: #ffffff;--bg-secondary: #ffffff;--primary-color: #0000ff}}@media print{@page{margin:1.5cm;size:auto}*,*:before,*:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}:root,[data-theme=dark],body{--bg-primary: #ffffff !important;--bg-secondary: #ffffff !important;--bg-tertiary: #f8fafc !important;--card-bg: #ffffff !important;--text-primary: #0f172a !important;--text-secondary: #475569 !important;--text-muted: #64748b !important;--border-color: #e2e8f0 !important;background-color:#fff!important;color:#0f172a!important}.admin-header,.admin-sidebar,.admin-tabs-header,.header,.sidebar,.footer,.no-print,.no-print *,.global-loader-wrapper,.fab,.quick-actions,.theme-toggle-container,.period-limit-control,.timetable-header,.arc-preview-head,.idc-preview-head,.modal-header,.modal-footer,button:not(.btn-print):not([class*=print]),input[type=button],input[type=submit]{display:none!important}html,body,#root,.app-content,.dashboard-layout,.layout-container,.main-content,.content-wrapper,.admin-layout,.admin-main-content,.admin-content-area{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;position:static!important;margin:0!important;padding:0!important;width:100%!important;background:#fff!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important}body:has(.ent-modal-overlay) .dashboard-layout,body:has(.arc-preview-overlay) .dashboard-layout,body:has(.idc-preview-overlay) .dashboard-layout,body:has(.modal-overlay) .dashboard-layout,body:has(.ent-modal-overlay) .enterprise-fee-layout,body:has(.arc-preview-overlay) .arc-page,body:has(.idc-preview-overlay) .idc-page{display:none!important}.ent-modal-overlay,.arc-preview-overlay,.idc-preview-overlay,.modal-overlay{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:auto!important;background:transparent!important;padding:0!important;margin:0!important;display:block!important;z-index:auto!important;overflow:visible!important;box-shadow:none!important}.ent-modal,.arc-preview-modal,.idc-preview-modal,.modal-content,.arc-preview-body,.idc-preview-body{background:transparent!important;box-shadow:none!important;border:none!important;max-width:100%!important;width:100%!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:0!important;margin:0!important}.timetable-management-container,.timetable-grid{display:grid!important;width:100%!important;color:#000!important;background:#fff!important}.admin-main-content,.main-content,.content-wrapper{margin:0!important;padding:0!important;top:0!important;left:0!important}}.fas,.far,.fab,.fal,.fad,.fa{font-family:"Font Awesome 6 Free","Font Awesome 6 Pro",FontAwesome!important;font-weight:900!important;font-style:normal!important;display:inline-block!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}i[class*=fa-]{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;display:inline-block!important}@font-face{font-family:FontAwesome;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2) format("woff2");font-weight:900;font-style:normal}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}.mobile-only{display:block!important}.tablet-only,.desktop-only{display:none!important}@media(min-width:768px){.mobile-only{display:none!important}.tablet-only{display:block!important}}@media(min-width:1024px){.tablet-only{display:none!important}.desktop-only{display:block!important}}@media(max-width:767px){button,.btn,a[role=button],input[type=button],input[type=submit]{min-height:44px;min-width:44px}}@media(max-width:767px){input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{font-size:16px}}@supports (padding: max(0px)){.safe-area-inset-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-area-inset-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-area-inset-left{padding-left:max(1rem,env(safe-area-inset-left))}.safe-area-inset-right{padding-right:max(1rem,env(safe-area-inset-right))}}@media(max-width:767px){*:focus{outline:3px solid var(--primary-color);outline-offset:2px}}.scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media(max-width:767px){.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;overflow-y:auto}.hide-scrollbar::-webkit-scrollbar{display:none}}.app-page{width:100%;min-height:100%;display:flex;flex-direction:column;gap:var(--card-spacing)}.app-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.app-card:hover{box-shadow:var(--shadow-md)}.app-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.app-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.app-card-body{color:var(--text-secondary);line-height:1.6}.app-section{margin-bottom:var(--card-spacing)}.app-section-title{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-left:4px}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + 16px);right:16px;width:56px;height:56px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;box-shadow:0 4px 12px #3b82f666;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .3s ease;z-index:999}.fab:hover{transform:scale(1.1);box-shadow:0 6px 16px #3b82f680}.fab:active{transform:scale(.95)}@media(min-width:768px){.fab{bottom:24px;right:24px}}.app-list{list-style:none;padding:0;margin:0}.app-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card-bg);border-radius:var(--radius-md);margin-bottom:8px;border:1px solid var(--border-color);transition:all .2s ease;cursor:pointer}.app-list-item:hover{background:var(--hover-bg);transform:translate(4px)}.app-list-item:active{transform:scale(.98)}.app-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--bg-tertiary);border-radius:16px;font-size:.8rem;font-weight:500;color:var(--text-secondary);border:1px solid var(--border-color)}.app-chip.primary{background:#3b82f61a;color:var(--primary-color);border-color:#3b82f633}.app-chip.success{background:#10b9811a;color:var(--success-color);border-color:#10b98133}.app-chip.warning{background:#f59e0b1a;color:var(--warning-color);border-color:#f59e0b33}.app-chip.error{background:#ef44441a;color:var(--error-color);border-color:#ef444433}.app-divider{height:1px;background:var(--border-color);margin:16px 0}.app-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-muted)}.app-empty-state i{font-size:3rem;margin-bottom:16px;opacity:.5}.app-empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.app-empty-state p{font-size:.9rem;color:var(--text-muted)}.app-grid{display:grid;gap:var(--card-spacing);grid-template-columns:1fr}@media(min-width:640px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.app-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.app-grid{grid-template-columns:repeat(4,1fr)}}.app-stat-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-color);transition:all .3s ease}.app-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.app-stat-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.app-stat-change{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;margin-top:8px}.app-stat-change.positive{color:var(--success-color)}.app-stat-change.negative{color:var(--error-color)}.pull-to-refresh{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:top .3s ease}.pull-to-refresh.active{top:10px}.pull-to-refresh i{font-size:1.5rem;color:var(--primary-color);animation:spin 1s linear infinite}.app-tabs{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-lg);margin-bottom:16px}.app-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius-md);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.app-tab.active{background:var(--card-bg);color:var(--primary-color);box-shadow:var(--shadow-sm)}.app-tab:hover:not(.active){background:#00000008}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .2s ease}@media(prefers-reduced-motion:reduce){.fab,.app-card,.app-list-item,.app-stat-card,.page-transition-enter-active,.page-transition-exit-active{transition:none}}.courses-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.courses-scroll::-webkit-scrollbar{display:none}.courses-grid{display:flex;gap:12px;min-width:-moz-max-content;min-width:max-content}@media(min-width:768px){.courses-scroll{overflow-x:visible!important;margin:0!important;padding:0!important}.courses-scroll .courses-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--card-spacing)!important;min-width:auto!important}.courses-scroll .courses-grid>div{min-width:auto!important;max-width:none!important}}@media(min-width:1024px){.courses-scroll .courses-grid{grid-template-columns:repeat(3,1fr)!important}}@media(min-width:1280px){.courses-scroll .courses-grid{grid-template-columns:repeat(4,1fr)!important}}.blog-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.blog-scroll::-webkit-scrollbar{display:none}.blog-grid{display:flex;gap:12px;min-width:-moz-max-content;min-width:max-content}@media(min-width:768px){.blog-scroll{overflow-x:visible!important;margin:0!important;padding:0!important}.blog-scroll .blog-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--card-spacing)!important;min-width:auto!important}.blog-scroll .blog-grid>div{min-width:auto!important;max-width:none!important}}@media(min-width:1024px){.blog-scroll .blog-grid{grid-template-columns:repeat(3,1fr)!important}}@media(min-width:1280px){.blog-scroll .blog-grid{grid-template-columns:repeat(3,1fr)!important}}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-normal);border:2px solid transparent;cursor:pointer;text-align:center;white-space:nowrap}.btn-primary{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.btn-secondary{background:transparent;color:var(--text-white);border-color:#ffffff4d}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.btn-outline{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--text-white)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:2px solid transparent;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-header{padding:var(--spacing-xl);border-bottom:1px solid var(--bg-tertiary)}.card-body{padding:var(--spacing-xl)}.card-footer{padding:var(--spacing-xl);border-top:1px solid var(--bg-tertiary);background:var(--bg-secondary)}.grid{display:grid;gap:var(--spacing-xl)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.m-0{margin:0}.m-auto{margin:auto}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-sm{margin-top:var(--spacing-sm)}.mb-sm{margin-bottom:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-white)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.border{border:1px solid var(--bg-tertiary)}.border-t{border-top:1px solid var(--bg-tertiary)}.border-b{border-bottom:1px solid var(--bg-tertiary)}.border-l{border-left:1px solid var(--bg-tertiary)}.border-r{border-right:1px solid var(--bg-tertiary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale:hover{transform:scale(1.05)}.hover-shadow:hover{box-shadow:var(--shadow-xl)}.trending-scroll{overflow-x:auto;padding-bottom:var(--spacing-md)}.trending-content{display:flex;gap:var(--spacing-xl);min-width:-moz-max-content;min-width:max-content;padding:0 var(--spacing-md)}.trending-card{min-width:300px;background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:2px solid transparent;transition:all var(--transition-normal)}.trending-card:hover{background:var(--bg-primary);border-color:var(--primary-color);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.course-tag{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.course-tag.beginner{background:#dcfce7;color:#166534}.course-tag.foundation{background:#fef3c7;color:#92400e}.course-tag.core{background:#e0e7ff;color:#3730a3}.course-tag.advanced{background:#fce7f3;color:#be185d}.course-meta{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.course-meta span{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:var(--font-size-sm)}.course-meta i{color:var(--primary-color)}.course-rating{display:flex;align-items:center;gap:var(--spacing-sm)}.stars{display:flex;gap:.2rem}.stars i{color:#d1d5db;font-size:var(--font-size-sm)}.stars i.filled{color:#fbbf24}.course-rating span{font-weight:600;color:var(--text-primary)}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.mission-card{background:var(--bg-primary);padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.mission-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.mission-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:var(--font-size-3xl);margin:0 auto var(--spacing-lg)}.mission-card h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.mission-card p{color:var(--text-muted);line-height:1.6}.trending-scroll::-webkit-scrollbar{height:8px}.trending-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:var(--radius-sm)}.trending-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-sm)}.trending-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.feature-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.feature-tag{background:#fff3;color:var(--text-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:500}.activity-timeline{display:flex;flex-direction:column;gap:var(--spacing-lg)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.activity-item:hover{background:var(--bg-tertiary);transform:translate(4px)}.activity-icon{width:40px;height:40px;background:var(--primary-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:var(--font-size-sm);flex-shrink:0}.activity-content h4{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.activity-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.activity-time{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-normal)}.action-btn:hover{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color);transform:translateY(-2px)}.action-btn i{font-size:var(--font-size-xl)}.action-btn span{font-size:var(--font-size-sm);font-weight:500}.calendar-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.calendar-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.calendar-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.calendar-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:var(--primary-color);color:var(--text-white);border-radius:var(--radius-lg);flex-shrink:0}.calendar-date .date{font-size:var(--font-size-xl);font-weight:700;line-height:1}.calendar-date .month{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.calendar-content h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.calendar-content p{font-size:var(--font-size-sm);color:var(--text-secondary)}.companies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.company-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);text-align:center}.company-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.company-logo{width:60px;height:60px;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.company-info h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.company-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.company-details .package{font-size:var(--font-size-sm);font-weight:600;color:var(--success-color)}.company-details .positions{font-size:var(--font-size-xs);color:var(--text-muted)}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.event-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.event-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.event-icon{width:50px;height:50px;background:var(--primary-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:var(--font-size-lg);flex-shrink:0}.event-content{flex:1}.event-type{display:inline-block;background:var(--bg-secondary);color:var(--primary-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.event-content h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.event-company{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.event-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.event-details span{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.event-details i{color:var(--primary-color)}.event-action{flex-shrink:0}.success-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.success-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.success-card:hover{transform:translateY(-4px);background:#ffffff26;border-color:#ffffff4d}.success-avatar{width:80px;height:80px;background:#fff3;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);margin:0 auto var(--spacing-lg)}.success-content h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-white);margin-bottom:var(--spacing-md)}.success-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.success-details .company{font-size:var(--font-size-lg);font-weight:600;color:var(--text-white)}.success-details .role{font-size:var(--font-size-sm);color:#fffc}.success-details .package{font-size:var(--font-size-lg);font-weight:700;color:#fbbf24}.success-card blockquote{font-size:var(--font-size-sm);font-style:italic;color:#ffffffe6;line-height:1.6;margin:0}@media(max-width:768px){.quick-actions,.calendar-grid{grid-template-columns:1fr}.companies-grid{grid-template-columns:repeat(2,1fr)}.events-grid{grid-template-columns:1fr}.event-card{flex-direction:column;text-align:center}.success-grid{grid-template-columns:1fr}}@media(max-width:480px){.companies-grid{grid-template-columns:1fr}.activity-item,.calendar-card{flex-direction:column;text-align:center}}.attendance-circle{position:relative;width:150px;height:150px;margin:0 auto}.circle-progress{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--primary-color) 0deg,var(--primary-color) calc(var(--progress, 0%) * 3.6deg),var(--bg-tertiary) calc(var(--progress, 0%) * 3.6deg),var(--bg-tertiary) 360deg);display:flex;align-items:center;justify-content:center;position:relative}.circle-progress:before{content:"";position:absolute;width:120px;height:120px;background:var(--bg-primary);border-radius:50%}.circle-progress .percentage{position:relative;z-index:1;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.attendance-status{display:flex;flex-direction:column;gap:var(--spacing-lg)}.status-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.status-item{display:flex;align-items:center;gap:var(--spacing-md)}.status-indicator{width:12px;height:12px;border-radius:50%}.attendance-badge{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-2xl);font-weight:600;font-size:var(--font-size-sm)}.attendance-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.attendance-fill{height:100%;background:linear-gradient(90deg,var(--success-color),var(--primary-color));border-radius:var(--radius-sm);transition:width var(--transition-normal)}.attendance-timeline{display:flex;flex-direction:column;gap:var(--spacing-lg)}.timeline-item{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.timeline-item:hover{background:var(--bg-tertiary);transform:translate(4px)}.timeline-marker{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:var(--font-size-sm);flex-shrink:0}.timeline-marker.present{background:var(--success-color)}.timeline-marker.absent{background:var(--error-color)}.timeline-content{flex:1}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.status-badge.present{background:var(--success-light);color:var(--success-color)}.status-badge.absent{background:var(--error-light);color:var(--error-color)}.text-success-color{color:#10b981}.text-warning-color{color:#f59e0b}.text-error-color{color:#ef4444}.text-info-color{color:#3b82f6}.text-primary-color{color:var(--primary-color)}.bg-success-light{background:#10b9811a}.bg-warning-light{background:#f59e0b1a}.bg-error-light{background:#ef44441a}.bg-info-light{background:#3b82f61a}.bg-primary-light{background:#2563eb1a}.bg-success-color{background:#10b981}.bg-warning-color{background:#f59e0b}.bg-error-color{background:#ef4444}.job-search-header{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.search-bar{display:flex;align-items:center;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-sm);box-shadow:var(--shadow-md)}.search-input{flex:1;border:none;background:transparent;font-size:var(--font-size-base);color:var(--text-primary);outline:none}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-btn{padding:var(--spacing-md);background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.search-btn:hover{background:var(--primary-dark)}.job-filters{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.filter-select{padding:var(--spacing-md);border:2px solid var(--bg-tertiary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal)}.filter-select:hover,.filter-select:focus{border-color:var(--primary-color);outline:none}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl)}.job-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:2px solid transparent}.job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.company-info{display:flex;align-items:center;gap:var(--spacing-md)}.company-logo{width:50px;height:50px;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.company-info h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.company-name{font-size:var(--font-size-sm);color:var(--text-secondary)}.job-meta{display:flex;gap:var(--spacing-sm)}.job-type{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.job-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-row{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.detail-row i{color:var(--primary-color);width:16px}.job-description{margin-bottom:var(--spacing-lg)}.job-description p{color:var(--text-secondary);line-height:1.6}.job-skills h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.skills-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.skill-tag{background:var(--bg-secondary);color:var(--primary-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:500}.job-timeline{display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.timeline-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timeline-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.deadline{color:var(--error-color);font-weight:600}.job-actions{display:flex;gap:var(--spacing-md)}.flex-1{flex:1}.applications-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.application-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.application-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.application-info h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.application-info .company{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.applied-date{font-size:var(--font-size-sm);color:var(--text-muted)}.application-progress{margin-bottom:var(--spacing-lg)}.progress-steps{display:flex;justify-content:space-between;position:relative;margin-bottom:var(--spacing-lg)}.progress-steps:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:var(--bg-tertiary);z-index:1}.step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);position:relative;z-index:2}.step i{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);transition:all var(--transition-normal)}.step.completed i{background:var(--success-color);color:var(--text-white)}.step.active i{background:var(--primary-color);color:var(--text-white)}.step.pending i{background:var(--bg-tertiary);color:var(--text-muted)}.step span{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.next-step h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.next-step p{color:var(--text-secondary)}.drives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.drive-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.drive-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.drive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.drive-header h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.drive-date{display:flex;flex-direction:column;align-items:center;background:var(--primary-color);color:var(--text-white);padding:var(--spacing-md);border-radius:var(--radius-lg);min-width:60px}.drive-date .date{font-size:var(--font-size-xl);font-weight:700;line-height:1}.drive-date .month{font-size:var(--font-size-xs);text-transform:uppercase}.drive-details{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.positions-offered h4,.eligibility h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.positions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.position-tag{background:var(--primary-light);color:var(--primary-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:500}.eligibility p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.w-full{width:100%}@media(max-width:768px){.job-search-header{gap:var(--spacing-md)}.job-filters,.jobs-grid,.job-details{grid-template-columns:1fr}.job-actions{flex-direction:column}.progress-steps{flex-direction:column;gap:var(--spacing-lg)}.progress-steps:before{display:none}.drives-grid{grid-template-columns:1fr}}.quick-access-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-primary);border-radius:var(--radius-xl);text-decoration:none;color:inherit;box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:2px solid transparent;position:relative;overflow:hidden}.quick-access-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color);transform:scaleX(0);transition:transform var(--transition-normal)}.quick-access-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.quick-access-card:hover:before{transform:scaleX(1)}.quick-access-card.blue{--accent-color: #3b82f6}.quick-access-card.green{--accent-color: #10b981}.quick-access-card.purple{--accent-color: #8b5cf6}.quick-access-card.blue:before{background:#3b82f6}.quick-access-card.green:before{background:#10b981}.quick-access-card.purple:before{background:#8b5cf6}.quick-access-card .card-icon{width:60px;height:60px;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);color:var(--primary-color);flex-shrink:0;transition:all var(--transition-normal)}.quick-access-card:hover .card-icon{background:var(--primary-color);color:var(--text-white);transform:scale(1.1)}.quick-access-card .card-content{flex:1}.quick-access-card .card-content h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.quick-access-card .card-content p{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.quick-access-card .card-arrow{width:40px;height:40px;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-normal);flex-shrink:0}.quick-access-card:hover .card-arrow{background:var(--primary-color);color:var(--text-white);transform:translate(4px)}.page-placeholder{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:var(--font-size-xl);color:var(--text-muted);text-align:center}@media(max-width:768px){.quick-access-grid{grid-template-columns:1fr}.quick-access-card{flex-direction:column;text-align:center;gap:var(--spacing-md)}.quick-access-card .card-arrow{transform:rotate(90deg)}.quick-access-card:hover .card-arrow{transform:rotate(90deg) translate(4px)}}.page-content{padding:0;width:100%;height:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.header-content h1{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.header-content p{color:#64748b;font-size:1rem;margin:0}.header-actions{display:flex;gap:.75rem}.content-section{margin-bottom:3rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.filters{display:flex;gap:.75rem}.filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.material-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.material-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#3b82f6}.material-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.material-icon{width:40px;height:40px;background:#fef2f2;color:#dc2626;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.material-type{background:#f1f5f9;color:#475569;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.material-content h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;line-height:1.4}.material-subject{color:#64748b;font-size:.875rem;margin-bottom:1rem}.material-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#eff6ff;color:#1d4ed8;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.material-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.meta-item i{width:14px;text-align:center;color:#94a3b8}.material-actions{display:flex;gap:.75rem}.recent-materials{display:flex;flex-direction:column;gap:.75rem}.material-list-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.material-list-item:hover{background:#f8fafc;border-color:#cbd5e1}.item-icon{width:40px;height:40px;background:#fef3c7;color:#d97706;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.item-content{flex:1}.item-content h4{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.item-content p{color:#64748b;font-size:.875rem;margin:0}.item-actions{display:flex;gap:.5rem}.btn-icon{width:36px;height:36px;background:#f1f5f9;color:#475569;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#e2e8f0;color:#334155}@media(max-width:768px){.page-content{padding:0}.page-header,.section-header{flex-direction:column;gap:1rem;align-items:stretch}.filters{flex-direction:column}.materials-grid{grid-template-columns:1fr}.material-actions{flex-direction:column}.material-list-item{flex-direction:column;align-items:flex-start;gap:.75rem}.item-actions{align-self:stretch;justify-content:flex-end}}.auth-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:9999}.loading-spinner{text-align:center;color:var(--text-secondary)}.loading-spinner i{font-size:2rem;color:var(--primary-color);margin-bottom:var(--spacing-md);animation:spin 1s linear infinite}.loading-spinner p{font-size:var(--font-size-lg);font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--app-bg-secondary: #f0f4f8;--app-primary: #3b82f6;--app-primary-dark: #1d4ed8;--app-text-primary: #1f2937;--app-text-muted: #6b7280;--app-card-bg: #ffffff;--app-border-color: #e5e7eb;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-active: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-dark: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--gradient-glass: linear-gradient(145deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .85) 100%)}[data-theme=dark]{--app-bg-secondary: #0a0a0a;--app-card-bg: #1a1a1a;--app-primary: #60a5fa;--app-primary-dark: #3b82f6;--app-text-primary: #f1f5f9;--app-text-muted: #94a3b8;--app-border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .8);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .8), 0 2px 4px -1px rgba(0, 0, 0, .6);--gradient-dark: linear-gradient(135deg, #0a0a0a 0%, #000000 100%);--gradient-glass: linear-gradient(145deg, rgba(26, 26, 26, .95) 0%, rgba(10, 10, 10, .85) 100%)}.admin-layout{background-color:var(--app-bg-secondary)!important;font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:.75rem!important}.admin-sidebar .sidebar-item{border-radius:10px!important;margin:.1rem .75rem .1rem .625rem!important;padding:.6rem 1rem .6rem 1.25rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.admin-sidebar .sidebar-item.active{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important;box-shadow:0 4px 12px #4f46e54d!important}.admin-sidebar .sidebar-item.active:before{display:none}.role-page-content{background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important}.role-page-header{background:var(--app-card-bg);margin-bottom:1rem;padding:.75rem 1.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--app-border-color)}.role-page-header h2{font-size:1.1rem;font-weight:700;background:var(--gradient-dark);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;border-bottom:none!important;padding-bottom:0!important;margin-bottom:0!important}.admin-card{background:var(--app-card-bg)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--app-border-color)!important;box-shadow:var(--shadow-sm)!important;padding:.75rem!important;transition:transform .2s,box-shadow .2s}.admin-card:hover{box-shadow:var(--shadow-md)!important}.admin-card h3{font-size:.9rem!important;font-weight:600!important;color:var(--app-text-primary)!important;margin-bottom:.75rem!important;display:flex;align-items:center;gap:.5rem}.btn-primary{background:var(--gradient-primary)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 6px -1px #3b82f64d!important;font-weight:600!important;letter-spacing:.01em!important;font-size:.75rem!important;padding:.35rem .75rem!important}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#fff!important;border:1px solid var(--app-border-color)!important;color:var(--app-text-primary)!important;border-radius:var(--radius-md)!important;font-weight:500!important}.btn-secondary:hover{background:#f9fafb!important;border-color:#d1d5db!important}.table-container,.admin-table-container{border:1px solid var(--app-border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;background:#fff;overflow:hidden}.data-table th,.admin-table th{background:#f8fafc!important;color:#64748b!important;font-weight:600!important;text-transform:uppercase!important;font-size:.6rem!important;letter-spacing:.05em!important;padding:.5rem .75rem!important;border-bottom:1px solid var(--app-border-color)!important}.data-table td,.admin-table td{padding:.5rem .75rem!important;border-bottom:1px solid #f1f5f9!important;color:#334155!important;font-size:.75rem!important}.data-table tbody tr:last-child td,.admin-table tbody tr:last-child td{border-bottom:none!important}.data-table tr:hover,.admin-table tr:hover{background-color:#f8fafc!important}.quick-actions-grid{gap:1.25rem!important}.quick-action-btn{background:#fff!important;border-radius:var(--radius-lg)!important;border:1px solid var(--app-border-color)!important;box-shadow:var(--shadow-sm)!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.quick-action-btn:hover{background:#fff!important;border-color:var(--app-primary)!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-3px)!important}.quick-action-btn i{font-size:1.75rem!important;margin-bottom:.5rem;background:#eff6ff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--app-primary)!important}.form-control{border-radius:var(--radius-sm)!important;border:1px solid #d1d5db!important;padding:.5rem .75rem!important;background-color:#fff!important;color:#000!important}.form-control:focus{background:#fff!important;border-color:var(--app-primary)!important;box-shadow:0 0 0 3px #3b82f61a!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-sidebar{width:220px;height:100vh;background:#fff;display:flex!important;flex-direction:column!important;position:fixed;left:0;top:0;bottom:0;z-index:100;overflow:hidden;box-shadow:2px 0 16px #0000000f;transition:transform .3s ease,top .2s ease,height .2s ease;border-right:1px solid #f0f0f5}[data-theme=dark] .admin-sidebar{background:#111827;border-right:1px solid rgba(255,255,255,.07);box-shadow:2px 0 16px #0006}.sidebar-header{padding:1.25rem 1.25rem 1rem;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sidebar-collapse-btn{width:26px;height:26px;border:1px solid #e5e7eb;border-radius:8px;background:#f5f5fa;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0;transition:all .2s ease}.sidebar-collapse-btn:hover{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}[data-theme=dark] .sidebar-collapse-btn{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}[data-theme=dark] .sidebar-collapse-btn:hover{background:#4f46e533;color:#a5b4fc;border-color:#4f46e54d}.admin-sidebar.collapsed{width:64px}.admin-sidebar.collapsed .sidebar-header{padding:1.25rem .75rem 1rem;justify-content:center;flex-direction:column;gap:.625rem}.admin-sidebar.collapsed .sidebar-logo{justify-content:center}.admin-sidebar.collapsed .sidebar-user-info{justify-content:center;padding:.5rem;margin:0 .5rem .5rem}.admin-sidebar.collapsed .sidebar-item{padding:.6rem;margin:.1rem .5rem;width:calc(100% - 1rem);justify-content:center}.admin-sidebar.collapsed .sidebar-item-content{justify-content:center;gap:0}.admin-sidebar.collapsed .nav-section{padding:.25rem 0 .5rem}.sidebar-logo{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.logo-icon{width:38px;height:38px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 4px 12px #4f46e559;flex-shrink:0}.sidebar-logo-img{width:38px;height:38px;-o-object-fit:contain;object-fit:contain;border-radius:10px;background:#fff;padding:3px;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.logo-text{display:flex;flex-direction:column;min-width:0}.logo-title{font-size:1rem;font-weight:800;color:#111827;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .logo-title{color:#f9fafb}.logo-subtitle{font-size:.65rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.sidebar-user-info{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;margin:0 .875rem .5rem;border-radius:12px;background:#f5f3ff;border:1px solid #ede9fe;flex-shrink:0}[data-theme=dark] .sidebar-user-info{background:#4f46e51f;border-color:#4f46e533}.user-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #4f46e54d}.user-details{flex:1;min-width:0;display:flex;flex-direction:column}.user-name{font-size:.8rem;font-weight:700;color:#111827;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .user-name{color:#f9fafb}.user-role{font-size:.65rem;color:#6b7280;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{display:flex;align-items:center;flex-shrink:0}.status-indicator{width:7px;height:7px;border-radius:50%;background:#10b981}.status-indicator.online{background:#10b981;box-shadow:0 0 #10b981b3;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 5px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.sidebar-nav{flex:1 1 auto;min-height:0;padding:.25rem 0;overflow-y:auto}.nav-section{padding:.25rem 0 .75rem}.nav-section-title{display:block;padding:.5rem 1.25rem .375rem;font-size:.6rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em}.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem .6rem 1.25rem;margin:.1rem .75rem .1rem .625rem;color:#6b7280;text-decoration:none;border:none;background:transparent;width:calc(100% - 1.375rem);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.8rem;font-weight:500;border-radius:10px;text-align:left}[data-theme=dark] .sidebar-item{color:#9ca3af}.sidebar-item:hover{background:#f5f3ff;color:#4f46e5}[data-theme=dark] .sidebar-item:hover{background:#4f46e51a;color:#a5b4fc}.sidebar-item.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:600;box-shadow:0 4px 12px #4f46e54d}.sidebar-item.active i,.sidebar-item.active .sidebar-label{color:#fff}.sidebar-item.active:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 16px #4f46e566}.sidebar-item-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.sidebar-item-content i{width:18px;font-size:.9rem;text-align:center;flex-shrink:0;transition:all .2s ease}.sidebar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.nav-arrow{font-size:.65rem;opacity:.5;flex-shrink:0;transition:transform .2s}.sidebar-item:hover .nav-arrow{opacity:1;transform:translate(2px)}.sidebar-item-skeleton{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;margin:.1rem .75rem;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-icon{width:18px;height:18px;background:#e5e7eb;border-radius:4px;flex-shrink:0}.skeleton-text{flex:1;height:14px;background:#e5e7eb;border-radius:4px;max-width:110px}[data-theme=dark] .skeleton-icon,[data-theme=dark] .skeleton-text{background:#ffffff14}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.sidebar-dropdown{margin:0}.sidebar-dropdown:has(.sidebar-dropdown-toggle i.fa-layer-group){margin-top:.25rem;padding-top:.25rem;border-top:1px solid #f3f4f6}[data-theme=dark] .sidebar-dropdown:has(.sidebar-dropdown-toggle i.fa-layer-group){border-top-color:#ffffff0f}.sidebar-dropdown-toggle{position:relative}.lms-arrow{font-size:.6rem;color:#ffffffb3;flex-shrink:0;transition:transform .2s ease;margin-left:auto}.lms-arrow.open{transform:rotate(180deg);color:#fffffff2}.sidebar-dropdown-toggle:not(.active) .lms-arrow{color:#9ca3af}.sidebar-dropdown-toggle:not(.active) .lms-arrow.open{color:#4f46e5}.sidebar-dropdown-content{overflow:hidden;animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sidebar-dropdown-item{padding-left:2.75rem!important;font-size:.78rem;background:transparent;margin:.05rem .75rem .05rem .625rem;border-radius:8px;width:calc(100% - 1.375rem);color:var(--sidebar-text-muted, #6b7280);border:1.5px solid transparent}.sidebar-dropdown-item:hover{background:#f5f3ff;color:#4f46e5;padding-left:2.75rem!important;border-color:transparent}[data-theme=dark] .sidebar-dropdown-item:hover{background:#4f46e51a;color:#a5b4fc}.sidebar-dropdown-item.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 3px 8px #4f46e540;border-color:transparent;font-weight:700}.sidebar-dropdown-item.active:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}[data-theme=dark] .sidebar-dropdown-item.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.sidebar-dropdown .sidebar-dropdown-item.active,.admin-sidebar .sidebar-dropdown .sidebar-dropdown-item.active{background:linear-gradient(135deg,#fbbf242e,#f59e0b1f)!important;color:#92400e!important;border-color:#fbbf2473!important;box-shadow:none!important;font-weight:700}.sidebar-dropdown .sidebar-dropdown-item.active i,.admin-sidebar .sidebar-dropdown .sidebar-dropdown-item.active i{color:#d97706!important}.sidebar-dropdown .sidebar-dropdown-item.active .sidebar-label,.admin-sidebar .sidebar-dropdown .sidebar-dropdown-item.active .sidebar-label{color:#92400e!important}.sidebar-dropdown .sidebar-dropdown-item.active:hover,.admin-sidebar .sidebar-dropdown .sidebar-dropdown-item.active:hover{background:linear-gradient(135deg,#fbbf2442,#f59e0b2e)!important}[data-theme=dark] .sidebar-dropdown .sidebar-dropdown-item.active,[data-theme=dark] .admin-sidebar .sidebar-dropdown .sidebar-dropdown-item.active{background:linear-gradient(135deg,#fbbf2433,#f59e0b24)!important;color:#fbbf24!important;border-color:#fbbf2459!important}[data-theme=dark] .sidebar-dropdown .sidebar-dropdown-item.active i,[data-theme=dark] .admin-sidebar .sidebar-dropdown .sidebar-dropdown-item.active i,[data-theme=dark] .sidebar-dropdown .sidebar-dropdown-item.active .sidebar-label,[data-theme=dark] .admin-sidebar .sidebar-dropdown .sidebar-dropdown-item.active .sidebar-label{color:#fbbf24!important}.sidebar-dropdown-toggle.active:not(.premium-item){background:transparent!important;color:#4f46e5!important;border:1.5px solid #4f46e5!important;box-shadow:none!important}[data-theme=dark] .sidebar-dropdown-toggle.active:not(.premium-item){color:#a5b4fc!important;border-color:#6366f1!important;background:transparent!important}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#d1d5db}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-mobile-close{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;border-radius:8px;background:#f5f5fa;color:#6b7280;cursor:pointer;font-size:.75rem;flex-shrink:0;transition:all .2s ease}.sidebar-mobile-close:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}[data-theme=dark] .sidebar-mobile-close{background:#ffffff0f;border-color:#ffffff1a;color:#9ca3af}@media(max-width:1024px){.admin-sidebar{width:220px}}@media(max-width:768px){.admin-sidebar{transform:translate(-100%);box-shadow:none;z-index:1050;width:260px}.admin-sidebar.mobile-open{transform:translate(0);box-shadow:8px 0 24px #00000026}.sidebar-collapse-btn{display:none}.sidebar-mobile-close{display:flex}}.admin-sidebar-overlay{display:none}@media(max-width:768px){.admin-sidebar-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:1040;animation:fadeInOverlay .2s ease}}.nav-section-title.premium-section-title{color:#b45309;display:flex;align-items:center;gap:5px;margin-top:6px}[data-theme=dark] .nav-section-title.premium-section-title{color:#fbbf24}.sidebar-item.premium-item{background:linear-gradient(135deg,#fbbf2412,#f59e0b0a);border:1px solid rgba(251,191,36,.22);color:#92400e}[data-theme=dark] .sidebar-item.premium-item{background:linear-gradient(135deg,#fbbf2417,#f59e0b0d);border-color:#fbbf2433;color:#fcd34d}.sidebar-item.premium-item:hover{background:linear-gradient(135deg,#fbbf2429,#f59e0b1f);color:#78350f;border-color:#fbbf2473}[data-theme=dark] .sidebar-item.premium-item:hover{background:linear-gradient(135deg,#fbbf242e,#f59e0b21);color:#fbbf24;border-color:#fbbf2461}.sidebar-item.premium-item.active,.admin-sidebar .sidebar-item.premium-item.active{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 4px 12px #f59e0b59!important}.sidebar-item.premium-item.active i,.admin-sidebar .sidebar-item.premium-item.active i,.sidebar-item.premium-item.active .sidebar-label,.admin-sidebar .sidebar-item.premium-item.active .sidebar-label{color:#fff!important}.sidebar-item.premium-item.active:hover,.admin-sidebar .sidebar-item.premium-item.active:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;box-shadow:0 6px 16px #f59e0b73!important}.sidebar-dropdown-toggle.premium-item.active,.admin-sidebar .sidebar-dropdown-toggle.premium-item.active{background:transparent!important;color:#d97706!important;border:1.5px solid #f59e0b!important;box-shadow:none!important}.sidebar-dropdown-toggle.premium-item.active i,.admin-sidebar .sidebar-dropdown-toggle.premium-item.active i,.sidebar-dropdown-toggle.premium-item.active .sidebar-label,.admin-sidebar .sidebar-dropdown-toggle.premium-item.active .sidebar-label{color:#d97706!important}.sidebar-dropdown-toggle.premium-item.active:hover,.admin-sidebar .sidebar-dropdown-toggle.premium-item.active:hover{background:#fbbf241f!important;color:#92400e!important;border-color:#f59e0b!important;box-shadow:none!important}.sidebar-dropdown-toggle.premium-item.active:hover i,.admin-sidebar .sidebar-dropdown-toggle.premium-item.active:hover i,.sidebar-dropdown-toggle.premium-item.active:hover .sidebar-label,.admin-sidebar .sidebar-dropdown-toggle.premium-item.active:hover .sidebar-label{color:#92400e!important}[data-theme=dark] .sidebar-dropdown-toggle.premium-item.active,[data-theme=dark] .admin-sidebar .sidebar-dropdown-toggle.premium-item.active{color:#fbbf24!important;border-color:#f59e0b!important;background:transparent!important}[data-theme=dark] .sidebar-dropdown-toggle.premium-item.active i,[data-theme=dark] .admin-sidebar .sidebar-dropdown-toggle.premium-item.active i,[data-theme=dark] .sidebar-dropdown-toggle.premium-item.active .sidebar-label,[data-theme=dark] .admin-sidebar .sidebar-dropdown-toggle.premium-item.active .sidebar-label{color:#fbbf24!important}[data-theme=dark] .sidebar-dropdown-toggle.premium-item.active:hover,[data-theme=dark] .admin-sidebar .sidebar-dropdown-toggle.premium-item.active:hover{background:#fbbf2426!important;color:#fbbf24!important;border-color:#f59e0b!important;box-shadow:none!important}[data-theme=dark] .sidebar-dropdown-toggle.premium-item.active:hover i,[data-theme=dark] .admin-sidebar .sidebar-dropdown-toggle.premium-item.active:hover i,[data-theme=dark] .sidebar-dropdown-toggle.premium-item.active:hover .sidebar-label,[data-theme=dark] .admin-sidebar .sidebar-dropdown-toggle.premium-item.active:hover .sidebar-label{color:#fbbf24!important}.admin-header{height:60px;background:#fff;border-bottom:1px solid #f0f0f5;position:fixed;top:0;left:220px;right:0;z-index:90;display:flex;align-items:center;box-shadow:0 1px 8px #0000000a;transition:left .3s cubic-bezier(.4,0,.2,1),top .2s ease,background .2s ease}.admin-header.sidebar-collapsed{left:64px}[data-theme=dark] .admin-header{background:#111827;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 1px 8px #0000004d}.header-content{display:flex;align-items:center;width:100%;padding:0 1.5rem;height:100%;gap:1rem}.header-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.header-greeting{display:flex;flex-direction:column;justify-content:center;margin-left:1rem;min-width:0}.header-greeting-text{font-size:.7rem;color:#9ca3af;font-weight:400}.header-greeting-name{font-size:.9rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .header-greeting-name{color:#f9fafb}.header-search{display:flex;align-items:center;gap:.5rem;background:#f5f5fa;border:1px solid #ebebf5;border-radius:10px;padding:0 .875rem;height:36px;width:200px;transition:all .2s ease;flex-shrink:0}.header-search:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;width:240px}[data-theme=dark] .header-search{background:#1f2937;border-color:#ffffff14}[data-theme=dark] .header-search:focus-within{background:#1f2937;border-color:#4f46e5}.header-search i{color:#9ca3af;font-size:.8rem;flex-shrink:0}.header-search input{border:none;background:transparent;outline:none;font-size:.8rem;color:#374151;width:100%;font-family:inherit}[data-theme=dark] .header-search input{color:#d1d5db}.header-search input::-moz-placeholder{color:#9ca3af}.header-search input::placeholder{color:#9ca3af}.header-actions{display:flex;align-items:center;gap:.625rem;flex-shrink:0;height:100%;margin-left:auto}.theme-toggle-container,.notification-dropdowns,.profile-dropdown{display:flex;align-items:center;height:100%}.theme-toggle-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.theme-toggle-track{width:46px;height:24px;background:#f1f5f9;border-radius:99px;position:relative;transition:background .3s ease;border:1px solid #e5e7eb;overflow:hidden}[data-theme=dark] .theme-toggle-track{background:#1f2937;border-color:#ffffff1a}.theme-toggle-thumb{width:17px;height:17px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000026}.theme-toggle-thumb i{font-size:10px;color:#f59e0b}.theme-toggle-thumb.dark{transform:translate(22px);background:#374151;border:1px solid rgba(255,255,255,.15)}.theme-toggle-thumb.dark i{color:#fcd34d}.notification-btn{width:36px;height:36px;border:1px solid #ebebf5;border-radius:10px;background:#f5f5fa;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease;padding:0}[data-theme=dark] .notification-btn{background:#1f2937;border-color:#ffffff14;color:#9ca3af}.notification-btn i{font-size:.95rem}.notification-btn:hover{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}[data-theme=dark] .notification-btn:hover{background:#4f46e526;color:#a5b4fc;border-color:#4f46e54d}.notification-badge{position:absolute;top:-3px;right:-3px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;padding:.1rem .3rem;border-radius:8px;border:2px solid white;min-width:16px;text-align:center;line-height:1.2;animation:pulse-badge 2s infinite}[data-theme=dark] .notification-badge{border-color:#111827}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 8px #ef444480}}.notification-panel{position:absolute;top:calc(100% + 12px);right:-8px;width:360px;background:#fff;border:1px solid #f0f0f5;border-radius:16px;box-shadow:0 16px 40px #0000001f;z-index:1001;overflow:hidden;animation:slideDownFade .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .notification-panel{background:#1f2937;border-color:#ffffff14;box-shadow:0 16px 40px #00000080}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f0f0f5;background:#fafafa}[data-theme=dark] .notification-header{background:#111827;border-bottom-color:#ffffff12}.notification-header h3{font-size:.9rem;font-weight:700;color:#111827;margin:0}[data-theme=dark] .notification-header h3{color:#f9fafb}.mark-all-read{font-size:.72rem;color:#4f46e5;background:none;border:none;cursor:pointer;padding:.2rem .5rem;border-radius:6px;font-weight:600}.mark-all-read:hover{background:#ede9fe}.notification-list{max-height:320px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1.25rem;border-bottom:1px solid #f5f5fa;transition:background .15s;position:relative;cursor:pointer}[data-theme=dark] .notification-item{border-bottom-color:#ffffff0d}.notification-item:hover{background:#fafafa}[data-theme=dark] .notification-item:hover{background:#ffffff08}.notification-item.unread{background:#faf5ff;border-left:3px solid #4f46e5}[data-theme=dark] .notification-item.unread{background:#4f46e514;border-left-color:#6366f1}.notification-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem}.notification-icon.urgent{background:#fee2e2;color:#ef4444}.notification-icon.warning{background:#ffedd5;color:#f97316}.notification-icon.info{background:#ede9fe;color:#4f46e5}.notification-content{flex:1;min-width:0}.notification-title{font-size:.82rem;font-weight:600;color:#111827;margin-bottom:.2rem}[data-theme=dark] .notification-title{color:#f9fafb}.notification-message{font-size:.72rem;color:#6b7280;line-height:1.4;margin-bottom:.2rem}.notification-time{font-size:.65rem;color:#9ca3af}.unread-dot{width:7px;height:7px;background:#4f46e5;border-radius:50%;flex-shrink:0;margin-top:4px}.empty-notifications{padding:2rem;text-align:center;color:#9ca3af;font-size:.82rem}.notification-footer{padding:.75rem 1.25rem;border-top:1px solid #f0f0f5;text-align:center}[data-theme=dark] .notification-footer{border-top-color:#ffffff12}.view-all-notifications{color:#4f46e5;font-size:.8rem;font-weight:600;background:none;border:none;cursor:pointer}.profile-btn{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem .3rem .3rem;border:1px solid #ebebf5;border-radius:99px;background:#f5f5fa;cursor:pointer;transition:all .2s ease}[data-theme=dark] .profile-btn{background:#1f2937;border-color:#ffffff14}.profile-btn:hover{background:#ede9fe;border-color:#c4b5fd}[data-theme=dark] .profile-btn:hover{background:#4f46e526;border-color:#4f46e54d}.profile-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #4f46e54d;flex-shrink:0}.profile-info{text-align:left}.profile-name{font-size:.8rem;font-weight:600;color:#111827;white-space:nowrap}[data-theme=dark] .profile-name{color:#f9fafb}.profile-role{font-size:.65rem;color:#6b7280;white-space:nowrap}.profile-chevron{font-size:.65rem;color:#9ca3af}.profile-panel{position:absolute;top:calc(100% + 12px);right:0;width:260px;background:#fff;border:1px solid #f0f0f5;border-radius:16px;box-shadow:0 16px 40px #0000001f;z-index:1001;overflow:hidden;animation:slideDownFade .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .profile-panel{background:#1f2937;border-color:#ffffff14;box-shadow:0 16px 40px #00000080}.profile-panel-header{display:flex;align-items:center;gap:.875rem;padding:1.25rem;border-bottom:1px solid #f0f0f5;background:#fafafa}[data-theme=dark] .profile-panel-header{background:#111827;border-bottom-color:#ffffff12}.profile-panel-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #4f46e54d;flex-shrink:0}.user-avatar-initials{border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}.user-avatar-img{display:block;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-panel-info{flex:1;min-width:0}.profile-panel-name{font-size:.9rem;font-weight:700;color:#111827;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .profile-panel-name{color:#f9fafb}.profile-panel-email{font-size:.7rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-panel-menu{padding:.5rem}.profile-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;background:none;border:none;color:#6b7280;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;border-radius:8px}[data-theme=dark] .profile-menu-item{color:#9ca3af}.profile-menu-item:hover{background:#f5f5fa;color:#111827}[data-theme=dark] .profile-menu-item:hover{background:#ffffff0d;color:#f9fafb}.profile-menu-item i{width:16px;text-align:center;font-size:.85rem}.profile-menu-item.logout{color:#ef4444}.profile-menu-item.logout:hover{background:#fef2f2;color:#dc2626}[data-theme=dark] .profile-menu-item.logout:hover{background:#ef44441a}.profile-menu-divider{height:1px;background:#f0f0f5;margin:.375rem 0}[data-theme=dark] .profile-menu-divider{background:#ffffff12}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ebebf5;border-radius:10px;background:#f5f5fa;color:#6b7280;cursor:pointer;font-size:1rem;flex-shrink:0;transition:all .2s ease}.mobile-menu-btn:hover{background:#ede9fe;color:#4f46e5;border-color:#c4b5fd}[data-theme=dark] .mobile-menu-btn{background:#1f2937;border-color:#ffffff14;color:#9ca3af}.header-mobile-logo{display:none;align-items:center;gap:.5rem;flex:1}.header-mobile-logo-img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;border-radius:7px;background:#fff;padding:2px;box-shadow:0 1px 4px #0000001a}.header-mobile-logo-name{font-size:.95rem;font-weight:800;color:#111827;letter-spacing:-.01em}[data-theme=dark] .header-mobile-logo-name{color:#f9fafb}@media(max-width:1024px){.admin-header{left:220px}.header-content{padding:0 1.25rem;gap:.75rem}.profile-info,.profile-chevron{display:none}.profile-btn{padding:.3rem;background:transparent;border:none}}@media(max-width:900px){.header-search{width:160px}.header-search:focus-within{width:200px}.header-actions{gap:.5rem}}@media(max-width:768px){.admin-header{left:0;right:0;width:100%}.header-content{padding:0 .875rem;gap:.5rem}.header-search,.header-greeting{display:none}.mobile-menu-btn,.header-mobile-logo{display:flex}.notification-panel{position:fixed;top:60px;left:.75rem;right:.75rem;width:auto;max-width:none}.profile-panel{position:fixed;top:60px;right:.75rem;width:calc(100vw - 1.5rem);max-width:300px}}@media(max-width:480px){.header-content{padding:0 .75rem}.header-actions{gap:.375rem}}.adm-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.adm-modal{background:#fff;border-radius:18px;width:100%;max-width:480px;box-shadow:0 24px 60px #0000002e;overflow:hidden;animation:slideUpModal .25s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .adm-modal{background:#1f2937;box-shadow:0 24px 60px #0009}@keyframes slideUpModal{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.adm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f0f0f5;background:#fafafa}[data-theme=dark] .adm-modal-header{background:#111827;border-bottom-color:#ffffff12}.adm-modal-header h3{font-size:1rem;font-weight:700;color:#111827;margin:0}[data-theme=dark] .adm-modal-header h3{color:#f9fafb}.adm-modal-close{width:30px;height:30px;border:none;border-radius:8px;background:#f0f0f5;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .15s ease}.adm-modal-close:hover{background:#ede9fe;color:#4f46e5}[data-theme=dark] .adm-modal-close{background:#ffffff14;color:#9ca3af}[data-theme=dark] .adm-modal-close:hover{background:#4f46e533;color:#a5b4fc}.adm-modal-body{padding:1.25rem 1.5rem}.adm-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.adm-help-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.875rem;background:#f5f3ff;border:1px solid #ede9fe;border-radius:12px;cursor:pointer;transition:all .15s ease}.adm-help-card:hover{background:#ede9fe;border-color:#c4b5fd;transform:translateY(-1px)}[data-theme=dark] .adm-help-card{background:#4f46e51a;border-color:#4f46e533}[data-theme=dark] .adm-help-card:hover{background:#4f46e52e}.adm-help-card-icon{width:32px;height:32px;background:#4f46e5;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;margin-bottom:.25rem}.adm-help-card-label{font-size:.82rem;font-weight:600;color:#111827}[data-theme=dark] .adm-help-card-label{color:#f9fafb}.adm-help-card-desc{font-size:.7rem;color:#6b7280}.adm-help-tips{margin-bottom:1rem}.adm-help-tips h4{font-size:.8rem;font-weight:700;color:#374151;margin:0 0 .625rem;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .adm-help-tips h4{color:#d1d5db}.adm-help-tips ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.adm-help-tips li{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#6b7280}.adm-help-tips li i{color:#4f46e5;font-size:.75rem}.adm-help-contact{display:flex;gap:1rem;padding:.875rem;background:#f5f5fa;border-radius:10px;border:1px solid #ebebf5}[data-theme=dark] .adm-help-contact{background:#ffffff0a;border-color:#ffffff12}.adm-help-contact div{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.adm-help-contact i{color:#4f46e5}.admin-layout{display:flex;height:100vh;overflow:hidden;background:var(--app-bg-secondary);transition:background-color .2s ease;font-family:Inter,system-ui,-apple-system,sans-serif}.admin-main-content{flex:1;margin-left:220px;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding-top:60px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),padding-top .2s ease}.admin-main-content.sidebar-collapsed{margin-left:64px}.admin-main-content.with-tabs{padding-top:100px}.admin-content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;background:transparent;transition:background-color .2s ease}@media(max-width:1024px){.admin-main-content{margin-left:220px}.admin-tabs-header{left:220px}}@media(max-width:768px){.admin-main-content{margin-left:0;width:100%}.admin-tabs-header{left:0}.admin-content-area{padding:1rem}}@media(max-width:480px){.admin-content-area{padding:.75rem}}@media print{.admin-header,.admin-sidebar,.admin-tabs-header,.no-print{display:none!important}.admin-layout,.admin-main-content,.admin-content-area{margin-left:0!important;padding-top:0!important;overflow:visible!important;height:auto!important;display:block!important}}.page,.page-content{min-height:100vh;padding:0}.page-placeholder{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:var(--font-size-xl);color:var(--text-muted);background:var(--bg-primary);margin:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hero{position:relative;min-height:80vh;max-height:80vh;display:flex;align-items:center;background:var(--gradient-primary);color:var(--text-white);overflow:hidden}.hero[style*=backgroundImage]{background-attachment:fixed}.hero-compact{min-height:400px;padding:4rem 0}.hero-compact .container{position:relative;z-index:2;text-align:center}.hero-compact h1{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.hero-compact p{font-size:1.25rem;margin-bottom:2rem;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.5);max-width:800px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-actions .btn{padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;min-width:180px;max-width:260px;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.hero-actions .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.hero-background{position:absolute;inset:0;opacity:.1}.hero-particles{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{position:relative;z-index:2;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xl);text-align:center}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.hero-text h1{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--spacing-md);line-height:1.1}.hero-text h2{font-size:var(--font-size-2xl);font-weight:400;margin-bottom:var(--spacing-lg);opacity:.9}.hero-text p{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-2xl);opacity:.8}.hero-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.hero-stats{display:flex;justify-content:center;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.hero-illustration{width:300px;height:300px;background:#ffffff1a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);margin:0 auto}.hero-illustration i{font-size:8rem;opacity:.8}.section{padding:var(--spacing-4xl) 0}.section-primary{background:var(--bg-primary)}.section-secondary{background:var(--bg-secondary)}.section-gradient{background:var(--gradient-primary);color:var(--text-white)}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-header h2{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.section-header p{font-size:var(--font-size-lg);color:var(--text-secondary)}.section-gradient .section-header h2,.section-gradient .section-header p{color:var(--text-white)}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.quick-access-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-primary);border-radius:var(--radius-xl);text-decoration:none;color:inherit;box-shadow:var(--shadow-md);border:2px solid transparent;transition:all var(--transition-normal);position:relative;overflow:hidden}.quick-access-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-color),var(--card-color-light))}.quick-access-card.purple{--card-color: #8b5cf6;--card-color-light: #a78bfa}.quick-access-card.blue{--card-color: #3b82f6;--card-color-light: #60a5fa}.quick-access-card.green{--card-color: #10b981;--card-color-light: #34d399}.quick-access-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--card-color)}.card-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--card-color),var(--card-color-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:var(--font-size-2xl)}.card-content h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.card-content p{color:var(--text-muted);line-height:1.5}.card-arrow{margin-left:auto;color:var(--card-color);font-size:var(--font-size-lg);transition:transform var(--transition-normal)}.quick-access-card:hover .card-arrow{transform:translate(4px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.stat-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:var(--font-size-lg)}.stat-content h3{font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.stat-content p{color:var(--text-muted);font-weight:500}.stat-item{text-align:center}.stat-item h3{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-sm)}.stat-item p{font-size:var(--font-size-base);opacity:.8}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.feature-card{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);background:var(--bg-primary)}.feature-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:var(--font-size-3xl);margin:0 auto var(--spacing-lg)}.feature-card h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.feature-card p{color:var(--text-muted);line-height:1.6}.course-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--spacing-xl)}.course-card{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:2px solid transparent}.course-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.course-image{position:relative;height:200px;overflow:hidden}.course-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-normal)}.course-card:hover .course-image img{transform:scale(1.05)}.course-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#2563ebcc,#3b82f699);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.course-card:hover .course-overlay{opacity:1}.course-overlay .card-icon{width:80px;height:80px;background:#fff3;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:var(--font-size-3xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.course-content{padding:var(--spacing-xl)}.course-content h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.course-content p{color:var(--text-muted);line-height:1.6;margin-bottom:var(--spacing-lg)}.course-highlights{list-style:none;margin:0 0 var(--spacing-xl) 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.course-highlights li{background:#eff6ff;color:var(--primary-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);font-weight:500}.course-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-color);color:var(--text-white);text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-normal)}.course-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}@media(max-width:768px){.hero-grid{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.hero-text h1{font-size:var(--font-size-4xl)}.hero-text h2{font-size:var(--font-size-xl)}.hero-illustration{width:200px;height:200px}.hero-illustration i{font-size:5rem}.hero-stats{flex-direction:column;gap:var(--spacing-lg)}.quick-access-grid{grid-template-columns:1fr}.quick-access-card{flex-direction:column;text-align:center}.card-arrow{margin-left:0;margin-top:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid,.course-categories{grid-template-columns:1fr}.section-header h2{font-size:var(--font-size-3xl)}.hero-compact{min-height:300px;padding:3rem 1rem;background-attachment:scroll!important}.hero-compact h1{font-size:2rem}.hero-compact p{font-size:1rem}.hero-actions{flex-direction:column;gap:.75rem}.hero-actions .btn{width:100%;max-width:300px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.hero-buttons{flex-direction:column;align-items:center}.course-card{margin:0 var(--spacing-md)}.hero-compact{min-height:250px;padding:2rem 1rem}.hero-compact h1{font-size:1.75rem}.hero-compact p{font-size:.9rem}.hero-actions .btn{padding:.75rem 1.5rem;font-size:.9rem}}.hero-home{background-color:#667eea;background-image:url(/src/assets/images/home\ image.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:4rem 2rem;min-height:70vh;display:flex;align-items:center;position:relative;margin-top:0}.hero-overlay{position:absolute;inset:0;background:#00000080;z-index:1}.hero-content-wrapper{max-width:1200px;margin:0 auto;position:relative;z-index:2}.hero-text h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;margin-bottom:1rem;color:#e0e7ff;font-weight:500}.hero-description{font-size:1.125rem;line-height:1.6;margin-bottom:2rem;color:#ffffffe6}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.preview-cards-scroll{overflow-x:auto;padding-bottom:1rem}.preview-cards-container{display:flex;gap:1.5rem;min-width:-moz-max-content;min-width:max-content;padding:0 .5rem}.preview-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--bg-tertiary);transition:all .3s ease;min-width:320px;max-width:320px;flex-shrink:0}.preview-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--bg-tertiary)}.preview-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.preview-link{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease}.preview-link:hover{color:var(--primary-dark);transform:translate(4px)}.notification-count{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.preview-content{display:flex;flex-direction:column;gap:1rem}.skeleton-chart{height:120px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.material-category{background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--bg-tertiary)}.material-category h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.material-list{display:flex;flex-direction:column;gap:.75rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.achievement-card{background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-xl);padding:1.5rem;text-align:center;transition:all .3s ease;box-shadow:var(--shadow-md)}.achievement-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.achievement-rank{font-size:3rem;margin-bottom:1rem}.achievement-content{display:flex;flex-direction:column;gap:1rem}.achievement-stats{display:flex;justify-content:space-around}.leaderboard-preview{background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md)}.leaderboard-preview h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.section-footer{display:flex;justify-content:center;margin-top:2rem}@media(max-width:768px){.hero-home{padding:2rem 1rem;min-height:60vh}.hero-content-wrapper{text-align:center}.hero-text h1{font-size:2.5rem}.hero-buttons{justify-content:center}.preview-card{min-width:280px;max-width:280px}.materials-grid,.achievements-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero-text h1{font-size:2rem}.hero-buttons{flex-direction:column;align-items:center}.preview-card{min-width:260px;max-width:260px}.preview-header{flex-direction:column;gap:.75rem;align-items:flex-start}}.page-home{padding-top:0!important}.page-home .hero-home{margin-top:0}.preview-cards-scroll::-webkit-scrollbar{height:8px}.preview-cards-scroll::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.preview-cards-scroll::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}.preview-cards-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}[data-theme=dark] .page,[data-theme=dark] .section{background:#0c0c0c}[data-theme=dark] .section-primary{background:#1a1a1a}[data-theme=dark] .section-secondary{background:#0c0c0c}[data-theme=dark] .section-header h2{color:#e5e5e5}[data-theme=dark] .section-header p{color:#9ca3af}[data-theme=dark] .card,[data-theme=dark] .stat-card,[data-theme=dark] .preview-card,[data-theme=dark] .analytics-card,[data-theme=dark] .performance-card{background:#1a1a1a;border-color:#ffffff1a}[data-theme=dark] .card:hover,[data-theme=dark] .stat-card:hover,[data-theme=dark] .preview-card:hover{border-color:#fff3;box-shadow:0 8px 24px #0009}[data-theme=dark] .stat-card h3,[data-theme=dark] .card h3,[data-theme=dark] .preview-card h3{color:#e5e5e5}[data-theme=dark] .stat-card p,[data-theme=dark] .card p,[data-theme=dark] .preview-card p{color:#9ca3af}[data-theme=dark] .stat-icon{background:#3b82f626;color:#60a5fa}[data-theme=dark] .btn{color:#e5e5e5}[data-theme=dark] .btn-primary{background:#3b82f6;color:#fff}[data-theme=dark] .btn-primary:hover{background:#2563eb}[data-theme=dark] .btn-outline{border-color:#fff3;color:#d1d5db;background:transparent}[data-theme=dark] .btn-outline:hover{background:#262626;border-color:#ffffff4d;color:#e5e5e5}[data-theme=dark] .table-container{background:#1a1a1a;border-color:#ffffff1a}[data-theme=dark] table{color:#d1d5db}[data-theme=dark] table thead{background:#0c0c0c;color:#e5e5e5}[data-theme=dark] table tbody tr{border-bottom-color:#ffffff1a}[data-theme=dark] table tbody tr:hover{background:#262626}[data-theme=dark] .badge{background:#262626;color:#d1d5db}[data-theme=dark] .badge.success{background:#10b98133;color:#10b981}[data-theme=dark] .badge.warning{background:#f59e0b33;color:#f59e0b}[data-theme=dark] .badge.error{background:#ef444433;color:#ef4444}[data-theme=dark] .badge.info{background:#3b82f633;color:#60a5fa}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#0c0c0c;border-color:#ffffff1a;color:#e5e5e5}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:#3b82f6;background:#1a1a1a}[data-theme=dark] input::-moz-placeholder,[data-theme=dark] textarea::-moz-placeholder{color:#6b7280}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#6b7280}[data-theme=dark] .preview-header{border-bottom-color:#ffffff1a}[data-theme=dark] .analytics-header h3,[data-theme=dark] .performance-header{color:#e5e5e5}[data-theme=dark] .activity-item{border-bottom-color:#ffffff1a}[data-theme=dark] .activity-content h4{color:#e5e5e5}[data-theme=dark] .activity-content p{color:#9ca3af}@-o-viewport{width: device-width; initial-scale: 1; maximum-scale: 5; user-scalable: yes;}@viewport{width:device-width;initial-scale:1;maximum-scale:5;user-scalable:yes}@media(max-width:767px){*{will-change:auto}.preview-card,.sidebar-link,.btn{transform:translateZ(0)}.preview-cards-scroll,.courses-scroll{transform:translateZ(0);-webkit-overflow-scrolling:touch}.header,.modern-sidebar,.btn,.preview-link{-webkit-user-select:none;-moz-user-select:none;user-select:none}*{-webkit-tap-highlight-color:rgba(59,130,246,.2)}.btn,.sidebar-link,.preview-link,.notification-bell,.profile-icon{position:relative}.btn:after,.sidebar-link:after,.preview-link:after{content:"";position:absolute;inset:-8px;z-index:-1}}@supports (-webkit-touch-callout: none){.header{-webkit-backdrop-filter:blur(20px)}input,textarea,select{font-size:16px!important}}@media screen and (-webkit-min-device-pixel-ratio:1)and (max-width:767px){.header{transform:translateZ(0)}.content-wrapper{overflow-x:clip;overflow-y:auto}}@media(max-width:767px)and (-webkit-min-device-pixel-ratio:2){.logo-link,.sidebar-title h3,.hero-text h1{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.preview-card,.material-category,.achievement-card{border-width:.5px}}@media(max-width:767px)and (orientation:landscape){.hero-home{min-height:50vh;padding:1.5rem 1rem}.hero-text h1{font-size:1.5rem}.section{padding:1.5rem 0}.preview-card{min-width:240px;max-width:240px}}@media(max-width:359px){.container{padding:0 .5rem}.hero-home{padding:1rem .5rem}.hero-text h1{font-size:1.5rem}.preview-card{min-width:240px;max-width:240px;padding:.875rem}.section-header h2{font-size:1.25rem}.nav-right{gap:.125rem}.sidebar-toggle,.notification-bell,.profile-icon{width:28px;height:28px;font-size:.8rem}}@media(max-width:767px){*:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}.preview-link,.footer-links a,.contact-item{font-weight:500}.hero-subtitle,.section-header p{color:#fffffff2}}@media(max-width:767px){.preview-card,.material-category,.achievement-card{background:#fff;border-color:#e5e7eb;color:#1f2937}.section-secondary{background:#fff}}@media print{.mobile-only,.tablet-only{display:none!important}.preview-cards-container{display:block!important}.preview-card{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem}}@media(prefers-reduced-motion:reduce)and (max-width:767px){.preview-cards-scroll{scroll-behavior:auto}.preview-card,.btn,.sidebar-link{transition:none;transform:none}.skeleton-chart{animation:none;background:#f0f0f0}}@media(prefers-reduced-data:reduce){.hero-home{background-image:none;background:linear-gradient(135deg,#667eea,#764ba2)}.skeleton-chart{animation:none;background:#f0f0f0}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(hover:none)and (pointer:coarse){.preview-card:hover,.btn:hover,.sidebar-link:hover{transform:none;box-shadow:inherit}.preview-card:active{transform:scale(.98)}.btn:active{transform:scale(.95)}}@media(max-width:767px){.header{z-index:1003}.mobile-sidebar-overlay,.modern-sidebar.mobile{z-index:1002}}@media(max-width:767px){.dashboard-layout,.content-wrapper,.preview-cards-scroll,.courses-scroll{-webkit-overflow-scrolling:touch}body{overscroll-behavior:contain}.preview-card,.header,.modern-sidebar{contain:layout style paint}}@media(max-width:767px){.header{z-index:1003}.mobile-nav-overlay{z-index:1004}.mobile-nav-menu{z-index:1005}body.mobile-nav-open{overflow:hidden;position:fixed;width:100%}}@media(max-width:767px){.mobile-nav-main-link{position:relative}.mobile-nav-main-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3b82f6}.mobile-nav-sub-link:active{transform:scale(.98)}}@media(max-width:767px){.mobile-nav-toggle,.sidebar-toggle{min-height:44px;min-width:44px}.mobile-nav-main-link,.mobile-nav-sub-link{min-height:48px}}:root{--lms-radius-card: 12px;--lms-radius-pill: 9999px;--lms-radius-btn: 8px;--lms-radius-badge: 4px;--lms-shadow-card: 0 1px 3px rgba(0,0,0,.03), 0 4px 12px rgba(0,0,0,.03);--lms-shadow-hover: 0 1px 3px rgba(0,0,0,.02), 0 12px 24px rgba(0,0,0,.08);--lms-section-gap: 1.25rem;--lms-card-pad: 1.25rem;--lms-accent: var(--primary-color, #2563eb)}[data-theme=dark]{--lms-shadow-card: 0 1px 3px rgba(0,0,0,.25), 0 4px 12px rgba(0,0,0,.35);--lms-shadow-hover: 0 1px 3px rgba(0,0,0,.2), 0 12px 24px rgba(0,0,0,.5)}.lms-page,.page.app-page{display:flex;flex-direction:column;gap:var(--lms-section-gap);background:var(--bg-secondary);min-height:100%;padding-bottom:2rem}.academic-hero-section{border-radius:var(--lms-radius-card);box-shadow:0 1px 3px #00000005,0 10px 30px #0000000f;overflow:hidden}.academic-hero-container{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:100%;text-align:left;flex-wrap:wrap}.academic-hero-container>*:not(.academic-hero-stats):not(.academic-hero-cta){flex:1;min-width:0}.academic-hero-eyebrow{font-size:.72rem!important;padding:.25rem .65rem!important;margin-bottom:.5rem!important;letter-spacing:.05em!important;font-weight:600!important}.academic-hero-title{font-size:clamp(1.2rem,2.5vw,1.7rem)!important;margin-bottom:.35rem!important;line-height:1.2!important;font-weight:700!important}.academic-hero-subtitle{font-size:.82rem!important;margin:0 0 .75rem!important;max-width:520px!important;line-height:1.5!important;opacity:.88}.academic-hero-stats{gap:.625rem!important;margin-bottom:0!important;flex-shrink:0}.academic-hero-stat{padding:.5rem .875rem!important;min-width:100px!important;border-radius:8px!important;gap:.5rem!important;border:1px solid rgba(255,255,255,.15)!important}.academic-hero-stat-icon{width:28px!important;height:28px!important;border-radius:6px!important;font-size:.85rem!important}.academic-hero-stat-value{font-size:1rem!important}.academic-hero-stat-label{font-size:.65rem!important;margin-top:1px!important}.academic-hero-cta{margin-bottom:0!important}.academic-hero-button{padding:.5rem 1.25rem!important;font-size:.82rem!important;border-radius:6px!important}.academic-hero-bottom{height:40px!important}.app-section,.categories-section,.study-materials-section,.analytics-section,.featured-jobs-section,.skills-overview-section,.learning-resources-section,.assessments-section,.ai-practice-section,.video-lessons-section{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:var(--lms-radius-card)!important;padding:var(--lms-card-pad)!important;box-shadow:var(--lms-shadow-card)!important;max-width:100%!important;margin:0!important}[data-theme=dark] .app-section,[data-theme=dark] .categories-section,[data-theme=dark] .analytics-section,[data-theme=dark] .skills-overview-section,[data-theme=dark] .assessments-section,[data-theme=dark] .ai-practice-section,[data-theme=dark] .video-lessons-section,[data-theme=dark] .study-materials-section,[data-theme=dark] .featured-jobs-section,[data-theme=dark] .learning-resources-section{background:#161616!important;border-color:#ffffff12!important}.section-header,.app-section-title{text-align:left!important;margin-bottom:1rem!important}.section-header h2,.app-section-title,.app-section>h2{font-size:.95rem!important;font-weight:600!important;color:var(--text-primary)!important;margin:0 0 4px!important;text-transform:none!important;letter-spacing:normal!important;display:flex;align-items:center;gap:6px}.section-header p,.app-section>p:first-of-type{font-size:.78rem!important;color:var(--text-muted)!important;margin:0!important;line-height:1.5!important}.section-header>div{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;gap:1rem!important}.section-header span[style*="cursor: pointer"],.section-header a[style]{font-size:.75rem!important;font-weight:500!important;color:var(--primary-color)!important;background:#2563eb0d!important;border:1px solid rgba(37,99,235,.1)!important;border-radius:6px!important;padding:.25rem .65rem!important;display:inline-flex!important;align-items:center!important;gap:4px!important;text-decoration:none!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;white-space:nowrap!important}.section-header span[style*="cursor: pointer"]:hover{background:#2563eb1a!important}.att-tabs,.results-tab-bar,.tasks-tabs,.lb-filters,.rc-controls__tabs,.att-selector-buttons,.exp-type-filters,.lms-filter-bar{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:2px!important}.att-tab,.results-tab,.tasks-tab,.lb-filter,.rc-tab,.att-selector-btn,.exp-type-btn,.lms-filter-pill{padding:5px 12px!important;border-radius:6px!important;border:1px solid var(--border-color)!important;background:var(--bg-primary)!important;color:var(--text-secondary)!important;font-size:.76rem!important;font-weight:600!important;cursor:pointer!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;white-space:nowrap!important;flex-shrink:0!important;font-family:inherit!important;display:inline-flex!important;align-items:center!important;gap:5px!important}.att-tab:hover,.results-tab:hover,.tasks-tab:hover,.lb-filter:hover,.rc-tab:hover,.att-selector-btn:hover,.exp-type-btn:hover,.lms-filter-pill:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important}.att-tab--active,.results-tab--active,.tasks-tab--active,.lb-filter--active,.rc-tab--active,.att-selector-btn--active,.exp-type-btn--active,.lms-filter-pill--active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important;box-shadow:0 1px 3px #2563eb26!important}button[style*="border-radius: 9999px"][style*="cursor: pointer"]{font-size:.76rem!important;padding:5px 12px!important;font-weight:600!important;border-radius:6px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.archive-card,.material-card{border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;background:var(--bg-primary)!important;box-shadow:var(--lms-shadow-card)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s!important}[data-theme=dark] .archive-card,[data-theme=dark] .material-card{background:#1a1a1a!important;border-color:#ffffff14!important}.archive-card:hover,.material-card:hover{transform:translateY(-3px)!important;box-shadow:var(--lms-shadow-hover)!important;border-color:color-mix(in srgb,var(--primary-color) 35%,transparent)!important}[style*="overflow-x: auto"][style*="margin: 0 -16px"],[style*="overflowX: auto"][style*="margin: 0 -16px"],.tasks-scroll-wrapper,.video-courses-scroll,.modern-cards-container{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:4px!important}[style*="overflow-x: auto"][style*="margin: 0 -16px"]::-webkit-scrollbar,[style*="overflowX: auto"][style*="margin: 0 -16px"]::-webkit-scrollbar,.tasks-scroll-wrapper::-webkit-scrollbar,.video-courses-scroll::-webkit-scrollbar,.modern-cards-container::-webkit-scrollbar{display:none!important}.materials-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:1rem!important;overflow:visible!important;padding:0!important;margin:0!important}.analytics-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:1rem!important;padding:0!important}.modern-cards-container{display:flex!important;gap:.875rem!important;padding-top:0!important;padding-bottom:.5rem!important}.modern-card{min-width:240px!important;width:240px!important;height:188px!important;border-radius:14px!important;box-shadow:0 6px 20px #0000002e!important;transition:transform .25s ease,box-shadow .25s ease!important}.modern-card:hover{transform:translateY(-5px)!important;box-shadow:0 14px 36px #00000042!important}.modern-card-content{padding:1.125rem!important}.modern-card .card-title{font-size:1.05rem!important}.modern-card .card-description{font-size:.76rem!important;margin-bottom:.625rem!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.card-arrow-btn{width:34px!important;height:34px!important;font-size:.85rem!important}.topics-count{padding:.35rem .7rem!important;font-size:.7rem!important}.analytics-card{border-radius:14px!important;box-shadow:var(--lms-shadow-card)!important;border:1px solid var(--border-color)!important;overflow:hidden!important;transition:transform .2s,box-shadow .2s!important}.analytics-card:hover{transform:translateY(-2px)!important;box-shadow:var(--lms-shadow-hover)!important}.analytics-header{padding:.875rem 1.125rem!important;display:flex!important;align-items:center!important;gap:.75rem!important;border-bottom:1px solid var(--border-color)!important;background:var(--bg-secondary)!important}.analytics-icon-wrapper{width:36px!important;height:36px!important;border-radius:9px!important}.analytics-header h3{font-size:.85rem!important;font-weight:700!important;margin:0 0 2px!important}.analytics-header-description{font-size:.68rem!important}.analytics-content{padding:1rem 1.125rem!important;min-height:auto!important;gap:.875rem!important}.performance-item{padding:.75rem .875rem!important;min-height:auto!important;border-radius:10px!important;gap:.625rem!important}.performance-item .category-name{font-size:.84rem!important}.progress-bar{height:14px!important;border-radius:8px!important}.percentage{font-size:.86rem!important;min-width:46px!important}.activity-item{padding:.75rem .875rem!important;min-height:auto!important;border-radius:10px!important}.activity-icon{width:34px!important;height:34px!important;border-radius:8px!important}.activity-icon i{font-size:.95rem!important}.activity-info h4{font-size:.82rem!important}.activity-meta{font-size:.7rem!important}.performance-breakdown,.activity-list{max-height:260px!important;gap:.5rem!important}.score-circle{width:110px!important;height:110px!important}.score-value{font-size:1.6rem!important}.score-description{font-size:.75rem!important;max-width:160px!important}.no-data-analytics{min-height:auto!important;padding:1.5rem 1rem!important}.no-data-analytics i{font-size:2rem!important}.no-data-analytics p{font-size:.82rem!important}.start-test-btn{padding:.45rem 1rem!important;font-size:.8rem!important;border-radius:8px!important}.stat-item{padding:.75rem!important;border-radius:10px!important}.stat-value{font-size:1.4rem!important}.stat-label{font-size:.7rem!important}.stat-description{font-size:.65rem!important}.task-card{border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s!important}.task-card:hover{transform:translateY(-4px)!important;box-shadow:var(--lms-shadow-hover)!important;border-color:color-mix(in srgb,var(--primary-color) 35%,transparent)!important}.task-card__hero{height:96px!important}.tasks-grid{gap:14px!important}@media(min-width:768px){.tasks-grid{grid-template-columns:repeat(4,1fr)!important}}.tasks-sidebar-card{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--lms-radius-card)!important;padding:1.125rem!important;box-shadow:var(--lms-shadow-card)!important;transition:box-shadow .2s!important}.tasks-sidebar-card:hover{box-shadow:var(--lms-shadow-hover)!important}.tasks-sidebar-card h3{font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.6px!important;color:var(--text-secondary)!important;margin:0 0 12px!important}[data-theme=dark] .tasks-sidebar-card{background:#161616!important;border-color:#ffffff12!important}.kanban-column{border-radius:14px!important;border:1px solid var(--border-color)!important;padding:12px!important}.kanban-task-card{border-radius:10px!important;border:1px solid var(--border-color)!important;padding:10px 12px!important}.skill-card{min-width:260px!important;max-width:260px!important;height:auto!important;border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important;padding:1.125rem!important}.skill-card:hover,.skill-card.active{transform:translateY(-3px)!important;box-shadow:var(--lms-shadow-hover)!important;border-color:var(--primary-color)!important}.skill-header h3{font-size:1rem!important;height:auto!important}.skill-description{height:auto!important;font-size:.82rem!important}.skills-grid{gap:.875rem!important;padding:.25rem 0 .875rem!important}.assessment-card{min-width:240px!important;max-width:240px!important;border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important}.assessment-card:hover{transform:translateY(-3px)!important;box-shadow:var(--lms-shadow-hover)!important;border-color:color-mix(in srgb,var(--primary-color) 35%,transparent)!important}.assessments-grid{gap:.875rem!important;padding:.25rem 0 .875rem!important}.featured-job-card{border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important;min-height:200px!important;height:auto!important}.featured-job-card:hover{transform:translateY(-3px)!important;box-shadow:var(--lms-shadow-hover)!important;border-color:var(--primary-color)!important}.banner-slider{height:200px!important;border-radius:var(--lms-radius-card)!important}.banner-content h2{font-size:1.4rem!important}.banner-content p{font-size:.85rem!important;margin-bottom:.75rem!important}.banner-btn{padding:.5rem 1.125rem!important;font-size:.82rem!important}.companies-ticker{padding:.75rem 0!important;border-radius:var(--lms-radius-card)!important}.company-logo-wrapper{width:52px!important;height:52px!important;border-radius:10px!important;margin-bottom:.5rem!important}.company-logo-item{margin:0 1.25rem!important;min-width:70px!important}.job-search-section{padding-top:0!important}.main-search-bar{margin-bottom:1rem!important;border-radius:var(--lms-radius-card)!important}.search-content{grid-template-columns:220px 1fr!important;gap:1.25rem!important}.filters-sidebar{max-height:calc(100vh - 200px)!important;border-radius:var(--lms-radius-card)!important;padding:1.125rem!important}.exp-channel-card{border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important}.exp-channel-card:hover{transform:translateY(-4px)!important;box-shadow:var(--lms-shadow-hover)!important}.exp-channel-card__banner{height:120px!important}.exp-resource-card{border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important}.exp-resource-card:hover{transform:translateY(-3px)!important;box-shadow:var(--lms-shadow-hover)!important}.exp-hero__title{font-size:clamp(1.2rem,2.5vw,1.7rem)!important;margin-bottom:4px!important}.exp-hero__sub{font-size:.82rem!important}.gc-card{border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important;transition:transform .2s ease,box-shadow .2s ease!important}.gc-card:hover:not(.gc-card--locked){transform:translateY(-3px)!important;box-shadow:var(--lms-shadow-hover)!important;border-color:color-mix(in srgb,var(--primary-color) 35%,transparent)!important}.gc-card__banner{height:120px!important}.gc-grid{gap:14px!important}.lb-podium-card,.lb-table-wrap{border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important}.lb-highlight{border-radius:12px!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important}.results-exam-group{border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important;margin-bottom:1rem!important}.result-card{transition:background .15s!important}.sp-card{border-radius:12px!important;border:1px solid var(--border-color)!important;box-shadow:0 1px 6px #0000000a!important}.att-calendar-wrap{border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important}.att-subject-card{border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important;transition:transform .2s,box-shadow .2s!important}.att-subject-card:hover{transform:translateY(-2px)!important;box-shadow:var(--lms-shadow-hover)!important}.att-accordion-card,.ml-mat-card{border-radius:var(--lms-radius-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--lms-shadow-card)!important}.ml-mat-card:hover{transform:translateY(-3px)!important;box-shadow:var(--lms-shadow-hover)!important;border-color:color-mix(in srgb,var(--primary-color) 35%,transparent)!important}.ml-class-card{border-radius:var(--lms-radius-card)!important;min-height:160px!important}.lms-banner{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;border-radius:var(--lms-radius-card);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 20px -4px #0000001f;flex-shrink:0}.lms-banner:before{content:"";position:absolute;top:-50px;right:-50px;width:220px;height:220px;background:#ffffff12;border-radius:50%;pointer-events:none}.lms-banner--aptitude{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.lms-banner--jobs{background:linear-gradient(135deg,#0284c7,#1d4ed8)}.lms-banner--results{background:linear-gradient(135deg,#059669,#0d9488)}.lms-banner--tasks{background:linear-gradient(135deg,#d97706,#dc2626)}.lms-banner--courses{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.lms-banner--default{background:linear-gradient(135deg,#1e3a8a,#4f46e5)}.lms-banner__left{flex:1;min-width:0}.lms-banner__eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffffbf;display:block;margin-bottom:.3rem}.lms-banner__title{font-size:1.4rem;font-weight:700;margin:0 0 .2rem;color:#fff;letter-spacing:-.2px}.lms-banner__sub{font-size:.82rem;color:#fffc;margin:0}.lms-banner__stats{display:flex;gap:.625rem;flex-shrink:0;flex-wrap:wrap}.lms-banner__stat{display:flex;flex-direction:column;align-items:center;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:.5rem .875rem;min-width:64px;text-align:center}.lms-banner__stat-val{font-size:1.1rem;font-weight:700;color:#fff;line-height:1}.lms-banner__stat-lbl{font-size:.6rem;color:#ffffffbf;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.lms-kpi-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.75rem}.lms-kpi{display:flex;align-items:center;gap:.75rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:.8rem 1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 2px #00000005}[data-theme=dark] .lms-kpi{background:#161616;border-color:#ffffff12}.lms-kpi:hover{transform:translateY(-2px);box-shadow:var(--lms-shadow-hover)}.lms-kpi__icon{width:36px;height:36px;border-radius:6px;background:color-mix(in srgb,var(--kc,#6366f1) 14%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lms-kpi__icon i{color:var(--kc,#6366f1);font-size:.95rem}.lms-kpi__val{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1}.lms-kpi__lbl{font-size:.68rem;color:var(--text-secondary);margin-top:2px}.lms-sidebar-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;box-shadow:var(--lms-shadow-card);transition:box-shadow .2s}[data-theme=dark] .lms-sidebar-panel{background:#161616;border-color:#ffffff12}.lms-sidebar-panel:hover{box-shadow:var(--lms-shadow-hover)}.lms-sidebar-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}[data-theme=dark] .lms-sidebar-panel__header{background:#0f0f0f;border-bottom-color:#ffffff0f}.lms-sidebar-panel__title{font-size:.8rem;font-weight:600;text-transform:none;letter-spacing:normal;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:6px}.lms-sidebar-panel__title i{color:var(--primary-color);font-size:.75rem}.lms-sidebar-panel__body{padding:1rem}.lms-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.lms-section-head__left{display:flex;flex-direction:column;gap:2px}.lms-section-head__title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:6px;text-transform:none;letter-spacing:normal}.lms-section-head__title i{color:var(--primary-color)}.lms-section-head__sub{font-size:.72rem;color:var(--text-muted);margin:0}.lms-section-head__action{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:500;color:var(--primary-color);background:#2563eb0d;border:1px solid rgba(37,99,235,.1);border-radius:6px;padding:.25rem .6rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit;flex-shrink:0}.lms-section-head__action:hover{background:#2563eb1a}.lms-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.2px}.lms-badge--success{background:#10b98114;color:#059669}.lms-badge--warn{background:#f59e0b14;color:#d97706}.lms-badge--danger{background:#ef444414;color:#dc2626}.lms-badge--info{background:#2563eb0f;color:#2563eb}.lms-badge--neutral{background:var(--bg-tertiary);color:var(--text-muted)}.lms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;color:var(--text-muted);text-align:center;gap:.625rem;background:var(--bg-secondary);border-radius:14px;border:1px dashed var(--border-color)}.lms-empty i{font-size:2rem;opacity:.3}.lms-empty p{font-size:.8rem;margin:0}.view-all-btn{display:inline-flex!important;align-items:center!important;gap:.4rem!important;padding:.45rem 1rem!important;font-size:.8rem!important;font-weight:600!important;border-radius:9px!important;margin-top:.75rem!important;border:none!important;cursor:pointer!important;transition:all .2s!important}[data-theme=dark] .section-header h2,[data-theme=dark] .app-section-title,[data-theme=dark] .app-section>h2{color:#f1f5f9!important}[data-theme=dark] .section-header p,[data-theme=dark] .app-section>p:first-of-type{color:#9ca3af!important}[data-theme=dark] .task-card,[data-theme=dark] .gc-card,[data-theme=dark] .lb-highlight{background:#161616!important;border-color:#ffffff12!important}[data-theme=dark] .analytics-header{background:#0f0f0f!important}[data-theme=dark] .skill-card,[data-theme=dark] .assessment-card,[data-theme=dark] .featured-job-card,[data-theme=dark] .exp-channel-card{background:#1a1a1a!important;border-color:#ffffff14!important}@media(max-width:1024px){.tasks-dashboard-layout{grid-template-columns:1fr 240px!important}.results-layout-new{grid-template-columns:1fr!important}.search-content{grid-template-columns:180px 1fr!important}}@media(max-width:768px){.lms-page,.page.app-page{gap:.875rem!important}.app-section,.categories-section,.analytics-section,.skills-overview-section,.assessments-section,.study-materials-section,.featured-jobs-section,.learning-resources-section,.ai-practice-section,.video-lessons-section{padding:1rem!important}.academic-hero-section{padding:1rem 1rem 2.5rem!important;border-radius:10px!important}.academic-hero-container{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;text-align:left!important}.academic-hero-title{font-size:clamp(1.1rem,4vw,1.4rem)!important;margin-bottom:.25rem!important}.academic-hero-subtitle{font-size:.78rem!important;max-width:100%!important;margin:0 0 .5rem!important}.academic-hero-eyebrow{font-size:.62rem!important;padding:.2rem .5rem!important;margin-bottom:.375rem!important}.academic-hero-stats{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;width:100%!important;gap:.4rem!important;padding-bottom:2px!important}.academic-hero-stats::-webkit-scrollbar{display:none!important}.academic-hero-stat{flex:0 0 auto!important;min-width:90px!important;padding:.375rem .625rem!important}.academic-hero-stat-value{font-size:.9rem!important}.academic-hero-stat-label{font-size:.6rem!important}.academic-hero-stat-icon{width:24px!important;height:24px!important;font-size:.72rem!important}.academic-hero-bottom{height:30px!important}.academic-hero-cta{margin-bottom:0!important}.academic-hero-button{padding:.45rem 1rem!important;font-size:.78rem!important}.lms-banner{padding:1rem 1.25rem!important;flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.lms-banner__title{font-size:1.1rem!important}.lms-banner__sub{font-size:.78rem!important}.lms-banner__stats{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;width:100%!important}.lms-banner__stats::-webkit-scrollbar{display:none!important}.lms-banner__stat{flex:0 0 auto!important;min-width:60px!important}.lms-kpi-bar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;scroll-snap-type:x mandatory!important;padding-bottom:4px!important}.lms-kpi-bar::-webkit-scrollbar{display:none!important}.lms-kpi{flex:0 0 auto!important;min-width:130px!important;scroll-snap-align:start!important}.materials-grid{grid-template-columns:repeat(2,1fr)!important}.analytics-grid,.search-content{grid-template-columns:1fr!important}.filters-sidebar{position:static!important;max-height:none!important}.gc-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.skills-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}.skill-card{min-width:0!important;max-width:100%!important;width:100%!important}.assessments-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;overflow:visible!important;gap:.75rem!important}.assessment-card{min-width:0!important;max-width:100%!important;width:100%!important}.tasks-dashboard-layout{grid-template-columns:1fr!important}.tasks-sidebar-col{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important}.modern-card{min-width:210px!important;width:210px!important;height:172px!important}.split-assessment{flex-direction:column!important}.split-right{display:none!important}.cap-modal{padding:1.25rem!important;margin:1rem!important;border-radius:16px!important}.cap-modal__stats{grid-template-columns:repeat(2,1fr)!important;gap:.625rem!important}.jobs-layout{flex-direction:column!important}.saved-jobs-panel{width:100%!important;max-width:100%!important;position:static!important}}@media(max-width:480px){.lms-page,.page.app-page{gap:.75rem!important}.app-section,.categories-section,.analytics-section,.skills-overview-section,.assessments-section,.study-materials-section,.featured-jobs-section,.learning-resources-section,.ai-practice-section,.video-lessons-section{padding:.75rem!important}.academic-hero-section{padding:.875rem .875rem 2.25rem!important}.academic-hero-title{font-size:1rem!important}.academic-hero-subtitle{font-size:.74rem!important}.academic-hero-stats{display:none!important}.academic-hero-button{width:100%!important;justify-content:center!important}.lms-banner__title{font-size:1rem!important}.lms-banner__stats{display:none!important}.modern-card{min-width:185px!important;width:185px!important;height:158px!important}.modern-card .card-title{font-size:.95rem!important}.materials-grid,.assessments-grid{grid-template-columns:1fr!important}.gc-grid{grid-template-columns:1fr!important;gap:8px!important}.gc-card__banner{height:100px!important}.tasks-sidebar-col{grid-template-columns:1fr!important}.score-circle{width:90px!important;height:90px!important}.score-value{font-size:1.3rem!important}.section-header>div{flex-direction:column!important;align-items:flex-start!important}.view-all-btn{margin-top:.5rem!important;font-size:.74rem!important}.cap-modal{padding:1rem!important;margin:.5rem!important}.cap-modal__stats{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.cap-modal__stat-value{font-size:1rem!important}.cap-result__card{padding:1.25rem!important}.cap-result__stats{gap:.75rem!important}.exp-channel-card__banner{height:100px!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .8s ease-out forwards;animation-delay:.2s}.animate-fade-up{animation:fade-up 1s ease-out forwards;animation-delay:.4s}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.duration-1000{transition-duration:1s}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bg-gradient-orbital{background:linear-gradient(to bottom right,#6366f1,#3b82f6,#14b8a6)}.z-10{z-index:10}.z-50{z-index:50}.shadow-orbital{box-shadow:0 0 15px #ffffff1a}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.opacity-70{opacity:.7}.opacity-50{opacity:.5}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/40{border-color:#fff6}.bg-black\/90{background-color:#000000e6}.bg-white\/50{background-color:#ffffff80}.bg-white\/80{background-color:#fffc}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.curved-hero-section{position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 2rem 8rem}.curved-hero-container{max-width:1200px;width:100%;text-align:center;z-index:2;position:relative}.curved-hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#64748b;margin-bottom:2rem;letter-spacing:.05em}.curved-hero-eyebrow i{font-size:.75rem;transition:transform .2s ease}.curved-hero-eyebrow:hover i{transform:translate(2px)}.curved-hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1;color:#1e293b;margin-bottom:1.5rem;letter-spacing:-.02em}.curved-hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#64748b;max-width:600px;margin:0 auto 3rem;line-height:1.6}.curved-hero-cta{margin-bottom:2rem}.curved-hero-button{background:#1e293b;color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #1e293b33}.curved-hero-button:hover{background:#334155;transform:translateY(-2px);box-shadow:0 8px 25px #1e293b4d}.curved-hero-bottom{position:absolute;bottom:0;left:0;width:100%;height:120px;color:#f8fafc;z-index:1}.curved-hero-svg{width:100%;height:100%;display:block}[data-theme=dark] .curved-hero-section{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .curved-hero-title{color:#f8fafc}.curved-hero-typed{display:inline;color:inherit}.curved-hero-cursor{display:inline-block;color:inherit;font-weight:300;margin-left:2px;animation:ch-blink .75s step-end infinite}@keyframes ch-blink{0%,to{opacity:1}50%{opacity:0}}[data-theme=dark] .curved-hero-subtitle{color:#94a3b8}[data-theme=dark] .curved-hero-eyebrow{background:#1e293bcc;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .curved-hero-button{background:#f8fafc;color:#1e293b}[data-theme=dark] .curved-hero-button:hover{background:#e2e8f0}[data-theme=dark] .curved-hero-bottom{color:#0f172a}@media(max-width:768px){.curved-hero-section{min-height:45vh;padding:2.5rem 1.25rem 6rem}.curved-hero-eyebrow{font-size:.7rem;padding:.35rem .75rem;margin-bottom:1rem}.curved-hero-title{font-size:clamp(1.75rem,7vw,2.5rem)!important;margin-bottom:.75rem;line-height:1.2}.curved-hero-subtitle{font-size:.9rem!important;margin-bottom:1.5rem}.curved-hero-cta{margin-bottom:1rem}.curved-hero-button{padding:.75rem 1.5rem;font-size:.875rem}.curved-hero-bottom{height:60px}}.courses-grid .workflow-builder-card{flex:0 0 auto;width:100%;max-width:350px}.section .courses-grid{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem}.text-muted-foreground{color:#6b7280}[data-theme=dark] .text-muted-foreground{color:#9ca3af}.text-card-foreground{color:#1f2937}[data-theme=dark] .text-card-foreground{color:#f9fafb}.bg-muted{background-color:#f3f4f6}[data-theme=dark] .bg-muted{background-color:#374151}.border-border{border-color:#e5e7eb}[data-theme=dark] .border-border{border-color:#4b5563}.bg-card{background-color:#fff}[data-theme=dark] .bg-card{background-color:#1f2937}.workflow-builder-card .fas{font-size:10px!important}.academic-hero-section{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);min-height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1.5rem 1.75rem 3.5rem;color:#fff}.academic-hero-container{max-width:1200px;width:100%;text-align:center;z-index:2;position:relative}.academic-hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.3rem .75rem;font-size:.72rem;font-weight:600;color:#ffffffe6;margin-bottom:.875rem;letter-spacing:.08em}.academic-hero-eyebrow i{font-size:.75rem;transition:transform .2s ease}.academic-hero-eyebrow:hover i{transform:translate(2px)}.academic-hero-title{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;line-height:1.15;color:#fff;margin-bottom:.625rem;letter-spacing:-.02em}.academic-hero-subtitle{font-size:clamp(.8rem,2vw,.95rem);color:#ffffffd9;max-width:600px;margin:0 auto 1rem;line-height:1.55}.academic-hero-stats{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.academic-hero-stat{display:flex;align-items:center;gap:.5rem;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.5rem .875rem;min-width:110px}.academic-hero-stat-icon{width:30px;height:30px;background:#ffffff2e;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff}.academic-hero-stat-content{display:flex;flex-direction:column;align-items:flex-start}.academic-hero-stat-value{font-size:1.1rem;font-weight:700;color:#fff;line-height:1}.academic-hero-stat-label{font-size:.68rem;color:#fffc;margin-top:.1rem}.academic-hero-cta{margin-bottom:.5rem}.academic-hero-button{background:#fff;color:#667eea;border:none;padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #0000001a}.academic-hero-bottom{position:absolute;bottom:0;left:0;width:100%;height:50px;color:#f8fafc;z-index:1}.academic-hero-svg{width:100%;height:100%;display:block}[data-theme=dark] .academic-hero-section{background:linear-gradient(135deg,#1e293b,#334155)}[data-theme=dark] .academic-hero-button{background:#f1f5f9;color:#1e293b}[data-theme=dark] .academic-hero-button:hover{background:#e2e8f0}[data-theme=dark] .academic-hero-bottom{color:#0f172a}@media(max-width:768px){.academic-hero-section{min-height:auto;padding:1.25rem 1.25rem 3rem}.academic-hero-stats{gap:.5rem}.academic-hero-stat{min-width:100px;padding:.5rem .75rem}.academic-hero-stat-value{font-size:.95rem}.academic-hero-eyebrow{font-size:.65rem;padding:.25rem .625rem;margin-bottom:.625rem}.academic-hero-button{padding:.5rem 1.25rem;font-size:.82rem}.academic-hero-bottom{height:36px}}.app-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100001;padding:20px;animation:appModalFadeIn .18s ease}@keyframes appModalFadeIn{0%{opacity:0}to{opacity:1}}.app-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0003;animation:appModalSlideUp .22s ease;scrollbar-width:none}.app-modal::-webkit-scrollbar{display:none}@keyframes appModalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.app-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color)}.app-modal__title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.app-modal__close{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-secondary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.app-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.app-modal__body{padding:24px}.help-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.help-modal__card{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;text-decoration:none;transition:all .15s;cursor:pointer}.help-modal__card:hover{border-color:var(--primary-color);background:var(--bg-tertiary);transform:translateY(-1px)}.help-modal__card-icon{color:var(--primary-color);margin-bottom:4px}.help-modal__card-label{font-size:.85rem;font-weight:700;color:var(--text-primary)}.help-modal__card-desc{font-size:.72rem;color:var(--text-muted)}.help-modal__section{margin-bottom:20px}.help-modal__section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 10px}.help-modal__tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.help-modal__tips li{display:flex;align-items:flex-start;gap:8px;font-size:.84rem;color:var(--text-secondary);line-height:1.45}.help-modal__tips li svg{color:#10b981;flex-shrink:0;margin-top:2px}.help-modal__contact{display:flex;gap:16px;flex-wrap:wrap;padding:14px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.help-modal__contact-item{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--text-secondary)}.help-modal__contact-item svg{color:var(--primary-color)}.pw-modal{display:flex;flex-direction:column;gap:16px}.pw-modal__field{display:flex;flex-direction:column;gap:6px}.pw-modal__label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.pw-modal__input-wrap{position:relative;display:flex;align-items:center}.pw-modal__input{width:100%;padding:10px 40px 10px 14px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:10px;font-size:.88rem;color:var(--text-primary);font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.pw-modal__input:focus{border-color:var(--primary-color)}.pw-modal__input::-moz-placeholder{color:var(--text-muted)}.pw-modal__input::placeholder{color:var(--text-muted)}.pw-modal__eye{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;transition:color .15s}.pw-modal__eye:hover{color:var(--text-primary)}.pw-modal__error{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;margin:0}.pw-modal__actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.pw-modal__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;font-size:.86rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;border:none}.pw-modal__btn--cancel{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-secondary)}.pw-modal__btn--cancel:hover{border-color:var(--text-muted);color:var(--text-primary)}.pw-modal__btn--primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #2563eb4d}.pw-modal__btn--primary:hover{opacity:.9;transform:translateY(-1px)}.pw-modal__success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:12px 0 4px}.pw-modal__success-icon{width:64px;height:64px;border-radius:50%;background:#ecfdf5;display:flex;align-items:center;justify-content:center;color:#10b981;margin-bottom:4px}.pw-modal__success h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.pw-modal__success p{font-size:.85rem;color:var(--text-muted);margin:0}