@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.erp-sidebar{background:var(--surface-bg);border-right:1px solid var(--border-color);z-index:50;-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;height:100vh;padding:18px 12px;transition:padding .2s,border-color .2s;display:flex;overflow:hidden}.erp-sidebar.no-border{box-shadow:none!important;border-right:none!important}.erp-sidebar.is-collapsed{padding:18px 6px}.erp-brand{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;width:100%;min-height:50px;margin-bottom:14px;padding:4px 4px 14px;display:flex;position:relative}.erp-sidebar.is-collapsed .erp-brand{justify-content:center;padding:4px 0 14px}.erp-brand.header-fixed{background:var(--surface-bg);z-index:10;position:sticky;top:0}.erp-logo-brand-wrap{flex:1;align-items:center;min-width:0;max-width:calc(100% - 38px);height:42px;display:flex}.erp-full-brand-logo{object-fit:contain;object-position:left center;max-width:100%;height:38px;display:block}.erp-logo-fallback{align-items:center;gap:8px;display:flex}.erp-fallback-fav-img{object-fit:cover;border-radius:8px;width:32px;height:32px}.erp-fallback-brand-name{color:var(--text-main);letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.sidebar-collapse-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:6px;transition:all .14s;display:inline-flex}.sidebar-collapse-toggle-btn:hover{background:var(--card-bg-soft);color:var(--text-main)}.sidebar-mobile-close-btn{background:var(--card-bg-soft);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;transition:all .14s;display:none}.sidebar-mobile-close-btn:hover{background:var(--card-hover-bg);color:var(--text-main);border-color:var(--accent-color)}.sidebar-collapsed-expand-btn{cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto;padding:0;transition:transform .14s,box-shadow .14s;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000026}.sidebar-collapsed-expand-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #6366f173}.erp-collapsed-brand-img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.erp-nav{flex-direction:column;flex:1;gap:3px;width:100%;padding-right:2px;display:flex;overflow-y:auto}.erp-menu-group{flex-direction:column;width:100%;display:flex}.erp-nav-item{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:9px 10px;font-size:.86rem;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.erp-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;transition:color .14s;display:inline-flex}.erp-nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.erp-shortcut-hint{color:var(--text-sub);background:var(--card-bg);border:1px solid var(--border-color);opacity:.8;border-radius:4px;margin-left:auto;padding:1px 5px;font-family:monospace;font-size:.65rem;font-weight:700}.collapsed-mini-label{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:44px;margin-top:2px;font-size:.62rem;line-height:1;overflow:hidden}.erp-nav-item:hover{background:var(--card-bg-soft);color:var(--text-main)}.erp-nav-item.is-active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #6366f159}.erp-nav-item.elevated-item{box-shadow:0 4px 16px #6366f173,inset 0 1px 1px #fff3}.erp-sidebar.is-collapsed .erp-nav-item{flex-direction:column;justify-content:center;gap:2px;width:44px;margin:0 auto;padding:8px 0}.erp-submenu-arrow{opacity:.7;margin-left:6px}.erp-submenu{border-left:1px solid var(--border-color);flex-direction:column;gap:2px;margin:3px 0 5px;padding-left:32px;display:flex}.erp-submenu-item{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:.78rem;font-weight:500;transition:all .12s;display:block}.erp-submenu-item:hover,.erp-submenu-item.active-sub{color:var(--text-main);background:var(--card-bg-soft)}.erp-sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;width:100%;padding-top:10px;display:flex}.erp-sidebar.is-collapsed .footer-link{justify-content:center;width:44px;margin:0 auto}.erp-appearance-controls{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.theme-toggle-btn,.palette-toggle-btn,.dock-quick-btn{border:1px solid var(--border-color);background:var(--card-bg);min-width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;transition:all .14s;display:inline-flex}.dock-quick-btn.dock-btn-active{background:var(--accent-color);color:#fff;border-color:#0000;box-shadow:0 0 10px #6366f166}.theme-toggle-btn:hover,.palette-toggle-btn:hover,.dock-quick-btn:hover{color:var(--text-main);background:var(--card-hover-bg);border-color:var(--border-color-light)}.accent-picker-container{flex:1;position:relative}.accent-menu{background:var(--surface-bg);border:1px solid var(--border-color-light);z-index:100;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 10px 30px #00000040}.accent-swatch{cursor:pointer;border:1px solid #0000;border-radius:6px;width:22px;height:22px;transition:transform .12s}.accent-swatch:hover{transform:scale(1.15)}.selected-swatch{border-color:var(--text-main);box-shadow:0 0 8px #6366f166}.erp-profile-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:10px;width:100%;margin-top:4px;padding:8px 10px;transition:all .14s;display:flex}.erp-sidebar.is-collapsed .erp-profile-card{justify-content:center;width:44px;margin:4px auto 0;padding:6px 0}.erp-profile-card:hover{background:var(--card-hover-bg);border-color:var(--border-color-light)}.erp-avatar-wrapper{flex-shrink:0;width:36px;height:36px;position:relative}.erp-avatar-img{object-fit:cover;border:1px solid var(--border-color-light);border-radius:50%;width:36px;height:36px}.erp-avatar-fallback{color:#fff;background:#334155;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.online-indicator{background:var(--success-color);border:2px solid var(--surface-bg);border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.erp-profile-details{flex-direction:column;flex:1;min-width:0;display:flex}.profile-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.profile-role{color:var(--text-muted);font-size:.72rem}.profile-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .14s;display:flex}.profile-action-btn:hover{color:var(--text-main);background:var(--card-bg-soft)}@media (width<=992px){.desktop-only-btn{display:none!important}.sidebar-mobile-close-btn{display:flex!important}.erp-sidebar{z-index:300!important;background:var(--surface-bg)!important;width:290px!important;max-width:85vw!important;height:100vh!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-105%)!important;box-shadow:0 0 40px #0009!important}.erp-sidebar.mobile-active{transform:translate(0)!important}}.erp-footer{border-top:1px solid var(--border-color);color:var(--text-muted);text-align:center;margin-top:32px;padding-top:16px;padding-bottom:24px;font-size:.78rem}.erp-footer p{line-height:1.4}.shortcuts-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.16s ease-out fadeInBackdrop;display:flex;position:fixed;inset:0}.shortcuts-modal-card{background:var(--surface-bg);border:1px solid var(--border-color-light);border-radius:20px;flex-direction:column;width:100%;max-width:620px;animation:.2s cubic-bezier(.16,1,.3,1) scaleUpModal;display:flex;overflow:hidden;box-shadow:0 24px 60px #0006}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.shortcuts-modal-header{border-bottom:1px solid var(--border-color);background:var(--card-bg);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.shortcuts-header-title{align-items:center;gap:12px;display:flex}.shortcuts-icon-pill{background:var(--accent-gradient);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 14px #6366f159}.shortcuts-header-title h3{color:var(--text-main);letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.shortcuts-header-title p{color:var(--text-muted);margin-top:1px;font-size:.78rem}.shortcuts-close-btn{background:var(--card-bg-soft);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .14s;display:flex}.shortcuts-close-btn:hover{background:var(--card-hover-bg);color:var(--text-main);border-color:var(--accent-color)}.shortcuts-modal-body{flex-direction:column;gap:20px;max-height:60vh;padding:20px 22px;display:flex;overflow-y:auto}.shortcuts-group-block{flex-direction:column;gap:10px;display:flex}.shortcuts-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-sub);font-size:.74rem;font-weight:800}.shortcuts-items-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=640px){.shortcuts-items-grid{grid-template-columns:1fr}}.shortcut-row-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.shortcut-label{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.shortcut-keys-combo{flex-shrink:0;align-items:center;gap:4px;display:flex}.key-cap{background:var(--card-bg-soft);border:1px solid var(--border-color-light);border-bottom:2px solid var(--border-color-light);min-width:24px;height:24px;color:var(--text-main);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-family:monospace;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0000001a}.key-plus{color:var(--text-muted);font-size:.7rem;font-weight:700}.shortcuts-modal-footer{background:var(--card-bg);border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding:14px 22px;font-size:.78rem;display:flex}.mini-kbd{background:var(--card-bg-soft);border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;padding:1px 5px;font-family:monospace;font-weight:700}.shortcuts-done-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:6px 16px;font-size:.82rem;font-weight:700;transition:all .14s}.shortcuts-done-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}:root{--sidebar-width:260px;--sidebar-collapsed-width:72px}.erp-container{grid-template-columns:var(--sidebar-width,260px) minmax(0, 1fr);background:var(--canvas-bg);width:100vw;height:100vh;color:var(--text-main);transition:grid-template-columns .22s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden}.erp-container.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width,72px) minmax(0, 1fr)!important}.erp-main{background:var(--canvas-bg);scroll-behavior:smooth;width:100%;min-width:0;height:100vh;padding:24px 32px 40px;transition:padding .2s;overflow:hidden auto}[data-content-layout=edge-to-edge] .erp-main{padding:16px 16px 40px}[data-content-layout=framed] .erp-main{padding:24px 32px 40px}.erp-mobile-header{background:var(--surface-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:14px;justify-content:space-between;align-items:center;height:56px;margin-bottom:18px;padding:0 14px;display:none;box-shadow:0 4px 20px #00000026}.mobile-menu-trigger{background:var(--card-bg);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .14s;display:flex}.mobile-menu-trigger:hover,.mobile-menu-trigger:active{background:var(--card-hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.mobile-brand-wrapper{align-items:center;height:38px;display:flex}.erp-mobile-full-logo{object-fit:contain;object-position:left center;max-width:160px;height:34px;display:block}.mobile-brand-fallback{align-items:center;gap:8px;display:flex}.mobile-fav-img{object-fit:cover;border-radius:8px;width:28px;height:28px}.mobile-brand-title{color:var(--text-main);letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.mobile-header-right{align-items:center;gap:10px;display:flex}.mobile-bell-btn{background:var(--card-bg);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.mobile-bell-dot{border:2px solid var(--surface-bg);background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.mobile-avatar-pill{border:1.5px solid var(--accent-color);cursor:pointer;border-radius:50%;width:34px;height:34px;overflow:hidden}.mobile-avatar-img{object-fit:cover;width:100%;height:100%}.mobile-sidebar-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:250;background:#000000b3;animation:.2s ease-out fadeInBackdrop;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@media (width<=992px){.erp-container{grid-template-columns:1fr!important}.erp-main{padding:14px 14px 80px!important}.erp-mobile-header{display:flex!important}}@media (width<=640px){.erp-main{padding:12px 10px 84px!important}}.erp-top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.header-greeting-area{align-items:center;gap:14px;display:flex}.header-desktop-sidebar-btn{background:var(--card-bg);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .14s;display:flex}.header-desktop-sidebar-btn:hover{background:var(--card-hover-bg);border-color:var(--accent-color);color:var(--text-main)}.greeting-text-wrap{flex-direction:column;display:flex}.greeting-title{color:var(--text-main);letter-spacing:-.03em;align-items:center;gap:8px;font-size:2.1rem;font-weight:800;line-height:1.15;display:flex}.wave-emoji{transform-origin:70% 70%;animation:2s ease-in-out infinite waveAnimation;display:inline-block}@keyframes waveAnimation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.greeting-subtitle{color:var(--text-muted);margin-top:3px;font-size:.92rem;font-weight:400}.header-actions-area{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.global-search-container{align-items:center;display:flex;position:relative}.global-search-container input{background:var(--card-bg);border:1px solid var(--border-color);height:42px;color:var(--text-main);border-radius:12px;outline:none;min-width:310px;padding:0 54px 0 42px;font-size:.86rem;transition:all .18s}.global-search-container input:focus{border-color:var(--accent-color);background:var(--card-hover-bg);box-shadow:0 0 0 3px #6366f133}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.search-shortcut{background:var(--card-bg-soft);color:var(--text-muted);border:1px solid var(--border-color);pointer-events:none;border-radius:6px;padding:3px 6px;font-size:.68rem;font-weight:600;position:absolute;right:10px}.search-results-modal{background:var(--surface-bg);border:1px solid var(--border-color-light);z-index:120;border-radius:12px;width:360px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #00000040}.search-modal-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.8rem;font-weight:600;display:flex}.search-modal-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.search-modal-body{flex-direction:column;gap:5px;max-height:260px;padding:10px;display:flex;overflow-y:auto}.search-result-category{text-transform:uppercase;color:var(--text-sub);letter-spacing:.05em;padding:3px 5px;font-size:.7rem;font-weight:700}.search-result-item{background:var(--card-bg);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.search-result-item:hover{background:var(--card-hover-bg)}.student-search-row{justify-content:space-between;align-items:center;display:flex}.student-search-row strong{color:var(--text-main);font-size:.85rem}.badge-tag{border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:600}.badge-tag.warning{color:#f59e0b;background:#f59e0b26}.badge-tag.danger{color:#ef4444;background:#ef444426}.badge-tag.info{color:#38bdf8;background:#38bdf826}.search-result-item .sub{color:var(--text-muted);font-size:.72rem}.notification-icon-wrap{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;width:42px;height:42px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;transition:all .14s;display:flex;position:relative}.notification-icon-wrap:hover{background:var(--card-hover-bg);color:var(--text-main);border-color:var(--border-color-light)}.notification-icon-wrap .badge{color:#fff;border:2px solid var(--surface-bg);background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.68rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.notifications-dropdown{background:var(--surface-bg);border:1px solid var(--border-color-light);z-index:120;border-radius:12px;width:300px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #00000040}.notif-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.notif-header strong{color:var(--text-main);font-size:.85rem}.notif-count{color:var(--accent-color);background:#6366f133;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.notif-list{flex-direction:column;gap:3px;padding:6px;display:flex}.notif-item{background:var(--card-bg);border-radius:8px;align-items:flex-start;gap:8px;padding:8px;display:flex}.notif-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.notif-dot.success{background:var(--success-color)}.notif-dot.warning{background:var(--warning-color)}.notif-dot.info{background:var(--blue-color)}.notif-text p{color:var(--text-main);font-size:.78rem;line-height:1.25}.notif-text small{color:var(--text-muted);font-size:.68rem}.quick-add-wrap{position:relative}.quick-add-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:12px;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:.86rem;font-weight:700;transition:all .14s;display:flex;box-shadow:0 4px 14px #6366f166}.quick-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f18c}.quick-add-dropdown{background:var(--surface-bg);border:1px solid var(--border-color-light);z-index:120;border-radius:12px;flex-direction:column;gap:2px;width:180px;padding:5px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000040}.quick-add-dropdown button{color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:9px 10px;font-size:.82rem;font-weight:500;display:flex}.quick-add-dropdown button:hover{background:var(--card-hover-bg);color:var(--accent-color)}.institute-swapper-wrap{position:relative}.institute-swapper-btn{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:9px;height:42px;padding:5px 12px 5px 9px;transition:all .14s;display:flex}.institute-swapper-btn:hover{background:var(--card-hover-bg);border-color:var(--border-color-light)}.institute-icon-box{color:#f43f5e;background:#f43f5e26;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.institute-details{flex-direction:column;line-height:1.15;display:flex}.inst-name{color:var(--text-main);white-space:nowrap;font-size:.82rem;font-weight:700}.inst-session{color:var(--text-muted);font-size:.68rem}.inst-caret{color:var(--text-muted);margin-left:2px}.institute-dropdown-menu{background:var(--surface-bg);border:1px solid var(--border-color-light);z-index:120;border-radius:12px;flex-direction:column;gap:2px;width:230px;padding:5px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000040}.inst-dropdown-header{text-transform:uppercase;color:var(--text-sub);padding:6px 10px 4px;font-size:.7rem;font-weight:700}.inst-dropdown-item{color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.inst-dropdown-item:hover,.inst-dropdown-item.active-inst{background:var(--card-hover-bg)}.inst-dropdown-item strong{color:var(--text-main);font-size:.82rem;display:block}.inst-dropdown-item small{color:var(--text-muted);font-size:.7rem}@media (width<=992px){.header-desktop-sidebar-btn{display:none!important}.greeting-title{font-size:1.55rem}.greeting-subtitle{font-size:.82rem}.global-search-container{width:100%}.global-search-container input{width:100%;min-width:0}.header-actions-area{grid-template-columns:1fr 1fr auto;gap:8px;width:100%;display:grid}.quick-add-btn,.institute-swapper-btn{justify-content:center;width:100%}}@media (width<=640px){.greeting-title{font-size:1.35rem}.header-actions-area{grid-template-columns:1fr 1fr}.notification-icon-wrap{display:none}}.creator-dashboard{flex-direction:column;gap:22px;max-width:1650px;margin:0 auto;display:flex}.creator-kpi-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.creator-kpi-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;justify-content:space-between;padding:14px 12px 10px;transition:transform .16s,border-color .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.creator-kpi-card:hover{border-color:var(--border-color-light);transform:translateY(-2px)}.kpi-left-content{align-items:flex-start;gap:10px;display:flex}.kpi-icon-box{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-icon-box.tone-violet{color:#818cf8;background:#6366f12e}.kpi-icon-box.tone-green{color:#34d399;background:#10b9812e}.kpi-icon-box.tone-amber{color:#fbbf24;background:#f59e0b2e}.kpi-icon-box.tone-danger{color:#f87171;background:#ef44442e}.kpi-icon-box.tone-blue{color:#38bdf8;background:#38bdf82e}.kpi-icon-box.tone-emerald{color:#34d399;background:#10b9812e}.kpi-text-info{flex-direction:column;flex:1;min-width:0;display:flex}.kpi-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:600;overflow:hidden}.kpi-value{color:var(--text-main);letter-spacing:-.03em;white-space:nowrap;margin:3px 0 1px;font-size:1.35rem;font-weight:800}.trend-badge{white-space:nowrap;align-items:center;gap:3px;font-size:.66rem;font-weight:700;display:inline-flex}.trend-up{color:var(--success-color)}.trend-down{color:var(--danger-color)}.kpi-sparkline-wrap{width:100%;height:34px;margin-top:3px}.dashboard-main-grid-layout{grid-template-columns:1.35fr 1fr 1.05fr;gap:16px;display:grid}.creator-dashboard-panel{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;padding:18px;transition:border-color .16s;display:flex;box-shadow:0 4px 24px #00000014}.creator-dashboard-panel:hover{border-color:var(--border-color-light)}.creator-panel-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-title-with-icon{align-items:center;gap:9px;display:flex}.panel-header-icon{border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.panel-header-icon.tone-violet-icon{color:#818cf8;background:#6366f126}.panel-header-icon.tone-blue-icon{color:#38bdf8;background:#38bdf826}.panel-header-icon.tone-orange-icon{color:#fb923c;background:#f9731626}.panel-header-icon.tone-danger-icon{color:#f87171;background:#ef444426}.creator-panel-heading h2{color:var(--text-main);letter-spacing:-.01em;font-size:.96rem;font-weight:700}.creator-panel-link{color:var(--accent-color);cursor:pointer;background:0 0;border:0;font-size:.76rem;font-weight:600}.creator-panel-link:hover{text-decoration:underline}.classes-timeline-list{flex-direction:column;gap:10px;display:flex}.timeline-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:14px 72px 1.5fr 56px 115px;align-items:center;gap:10px;padding:10px 12px;transition:all .14s;display:grid}.timeline-item:hover{background:var(--card-hover-bg);border-color:var(--border-color-light)}.timeline-bullet-col{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.timeline-bullet{border-radius:50%;width:8px;height:8px}.dot-blue{background:#38bdf8;box-shadow:0 0 8px #38bdf899}.dot-red{background:#f87171;box-shadow:0 0 8px #f8717199}.timeline-time{flex-direction:column;line-height:1.2;display:flex}.timeline-time strong{color:var(--text-main);font-size:.82rem;font-weight:700}.timeline-time small{color:var(--text-muted);font-size:.68rem}.timeline-details{flex-direction:column;min-width:0;display:flex}.timeline-details strong{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.timeline-sub{color:var(--text-muted);margin-top:2px;font-size:.72rem}.sep{color:var(--text-sub);margin:0 3px}.timeline-students{flex-direction:column;align-items:center;line-height:1.1;display:flex}.timeline-students strong{color:var(--text-main);font-size:.9rem;font-weight:800}.timeline-students small{color:var(--text-muted);font-size:.65rem}.timeline-action-btn{background:var(--card-bg-soft);border:1px solid var(--border-color);height:30px;color:var(--accent-color);cursor:pointer;white-space:nowrap;border-radius:8px;font-size:.75rem;font-weight:700;transition:all .14s}.timeline-action-btn:hover{background:var(--accent-color);color:#fff;border-color:#0000}.attendance-donut-wrapper{justify-content:space-around;align-items:center;gap:16px;padding:8px 0;display:flex}.donut-chart-container{justify-content:center;align-items:center;width:135px;height:135px;display:flex;position:relative}.donut-inner-data{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.donut-rate{color:var(--text-main);letter-spacing:-.03em;font-size:1.4rem;font-weight:800}.donut-sub{color:var(--text-muted);font-size:.65rem;font-weight:500}.attendance-legend-column{flex-direction:column;gap:9px;min-width:125px;display:flex}.legend-stat-row{color:var(--text-muted);align-items:center;gap:7px;font-size:.8rem;display:flex}.legend-indicator{border-radius:50%;width:8px;height:8px}.dot-present{background:var(--success-color);box-shadow:0 0 6px #10b98199}.dot-absent{background:var(--danger-color);box-shadow:0 0 6px #ef444499}.dot-leave{background:var(--warning-color);box-shadow:0 0 6px #f59e0b99}.legend-stat-row strong{color:var(--text-main);margin-left:auto;font-weight:700}.legend-divider{background:var(--border-color);height:1px;margin:1px 0}.legend-total-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.legend-total-row strong{color:var(--text-main);font-size:.92rem;font-weight:800}.events-vertical-list{flex-direction:column;gap:10px;display:flex}.event-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;transition:all .14s;display:flex}.event-item:hover{background:var(--card-hover-bg);border-color:var(--border-color-light)}.event-date-box{background:var(--card-bg-soft);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:44px;padding:3px 7px;display:flex}.event-month{color:var(--text-muted);letter-spacing:.06em;font-size:.6rem;font-weight:800}.event-day{color:var(--text-main);margin-top:1px;font-size:1.1rem;font-weight:800;line-height:1}.event-text{flex-direction:column;min-width:0;display:flex}.event-text strong{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;font-weight:700;overflow:hidden}.event-text small{color:var(--text-muted);margin-top:2px;font-size:.7rem}.event-badge{border-radius:6px;margin-left:auto;padding:3px 7px;font-size:.7rem;font-weight:700}.badge-exam{color:#818cf8;background:#6366f126;border:1px solid #6366f140}.badge-meeting{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b40}.badge-important{color:#ef4444;background:#ef444426;border:1px solid #ef444440}.pending-fee-summary-header{align-items:baseline;gap:9px;margin-bottom:12px;display:flex}.pending-sum-amount{color:var(--danger-color);letter-spacing:-.03em;font-size:1.7rem;font-weight:800}.pending-sum-count{color:var(--text-muted);font-size:.8rem;font-weight:500}.pending-students-list{flex-direction:column;gap:8px;display:flex}.pending-student-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:all .12s;display:flex}.pending-student-row:hover{background:var(--card-hover-bg)}.pending-avatar{background:var(--accent-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.78rem;font-weight:700;display:flex}.pending-student-info{flex-direction:column;min-width:0;display:flex}.pending-student-info strong{color:var(--text-main);font-size:.83rem}.pending-student-info small{color:var(--text-muted);font-size:.7rem}.pending-due-col{text-align:right;flex-direction:column;margin-left:auto;display:flex}.pending-due-col strong{color:var(--danger-color);font-size:.85rem;font-weight:700}.pending-due-col small{color:var(--text-muted);font-size:.66rem}.pending-fees-actions{gap:8px;margin-top:14px;display:flex}.btn-send-reminders{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;flex:1.6;justify-content:center;align-items:center;gap:7px;height:36px;font-size:.8rem;font-weight:700;transition:all .14s;display:flex}.btn-send-reminders:hover{background:var(--danger-color);color:#fff;border-color:#0000}.btn-view-all-fees{background:var(--card-bg);border:1px solid var(--border-color);height:36px;color:var(--text-main);cursor:pointer;border-radius:8px;flex:1;font-size:.8rem;font-weight:600;transition:all .14s}.btn-view-all-fees:hover{background:var(--card-hover-bg)}.performance-select-filter{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;padding:4px 8px;font-size:.76rem;font-weight:600}.chart-legend-top{color:var(--text-muted);gap:16px;margin-bottom:6px;font-size:.76rem;display:flex}.chart-legend-item{align-items:center;gap:5px;display:flex}.dot-avg{background:#3b82f6;border-radius:50%;width:7px;height:7px}.dot-top{background:#10b981;border-radius:50%;width:7px;height:7px}.recharts-performance-container{width:100%;height:160px;margin-bottom:10px}.performance-stats-boxes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.perf-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;padding:8px 10px;display:flex}.perf-box-title{font-size:.7rem;font-weight:700}.box-top .perf-box-title{color:#34d399}.box-attention .perf-box-title{color:#fbbf24}.box-improving .perf-box-title{color:#38bdf8}.perf-box-count{color:var(--text-main);margin:2px 0 1px;font-size:.9rem;font-weight:800}.perf-box-sub{color:var(--text-muted);font-size:.66rem}.side-column-cards{flex-direction:column;gap:16px;display:flex}.activity-timeline-feed{flex-direction:column;gap:10px;display:flex}.activity-feed-item{align-items:center;gap:10px;display:flex;position:relative}.activity-icon-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.tone-green-bg{color:#34d399;background:#10b98133}.tone-blue-bg{color:#38bdf8;background:#38bdf833}.tone-purple-bg{color:#818cf8;background:#818cf833}.tone-orange-bg{color:#fb923c;background:#f9731633}.activity-copy{flex-direction:column;flex:1;min-width:0;display:flex}.activity-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.activity-meta{color:var(--text-muted);font-size:.68rem}.activity-status-dot{border-radius:50%;width:6px;height:6px;margin-left:auto}.green-dot{background:var(--success-color)}.blue-dot{background:var(--blue-color)}.purple-dot{background:var(--accent-color)}.orange-dot{background:var(--warning-color)}.ai-assistant-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000014}.ai-card-header{justify-content:space-between;align-items:center;display:flex}.ai-header-left{color:var(--accent-color);align-items:center;gap:7px;display:flex}.ai-spark-box{background:var(--card-bg-soft);width:20px;height:20px;color:var(--accent-color);border-radius:6px;justify-content:center;align-items:center;display:flex}.ai-header-left strong{color:var(--text-main);font-size:.92rem}.ai-beta-tag{color:var(--accent-color);background:#6366f126;border-radius:4px;padding:1px 5px;font-size:.62rem;font-weight:800}.ai-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.ai-card-content-grid{justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-card-left-chat{flex-direction:column;flex:1;gap:8px;display:flex}.ai-chat-bubble-stream{flex-direction:column;gap:5px;max-height:90px;display:flex;overflow-y:auto}.ai-bubble{color:var(--text-main);font-size:.76rem;line-height:1.3}.ai-bubble.assistant{color:var(--text-main)}.ai-bubble.user{background:var(--card-bg-soft);border-radius:7px;align-self:flex-start;padding:5px 8px}.ai-insights-trigger-btn{background:var(--card-bg-soft);border:1px solid var(--border-color);width:fit-content;color:var(--accent-color);cursor:pointer;border-radius:8px;padding:5px 12px;font-size:.74rem;font-weight:700;transition:all .14s}.ai-insights-trigger-btn:hover{background:var(--accent-color);color:#fff;border-color:#0000}.ai-robot-graphic-wrap{flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.ai-robot-svg{width:100%;height:100%;animation:3s ease-in-out infinite floatRobot}@keyframes floatRobot{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.ai-input-form-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:5px;padding:2px 4px 2px 10px;display:flex}.ai-input-form-row input{height:30px;color:var(--text-main);background:0 0;border:0;outline:none;flex:1;font-size:.76rem}.ai-send-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.quick-actions-banner{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:18px;padding:16px 20px;box-shadow:0 4px 24px #00000014}.quick-actions-title{color:var(--text-main);letter-spacing:-.01em;margin-bottom:12px;font-size:.98rem;font-weight:800}.quick-actions-grid-row{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.quick-action-btn{background:var(--card-bg);border:1px solid var(--border-color);height:44px;color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:.83rem;font-weight:700;transition:all .14s cubic-bezier(.4,0,.2,1);display:flex}.qa-icon-wrap{justify-content:center;align-items:center;display:inline-flex}.quick-action-btn.action-add-student .qa-icon-wrap{color:#818cf8}.quick-action-btn.action-take-att .qa-icon-wrap{color:#34d399}.quick-action-btn.action-collect-fee .qa-icon-wrap{color:#fbbf24}.quick-action-btn.action-create-hw .qa-icon-wrap{color:#38bdf8}.quick-action-btn.action-create-exam .qa-icon-wrap{color:#f472b6}.quick-action-btn.action-send-notice .qa-icon-wrap{color:#c084fc}.quick-action-btn:hover{background:var(--card-hover-bg);border-color:var(--border-color-light);transform:translateY(-2px);box-shadow:0 4px 14px #0000001a}@media (width<=1400px){.creator-kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-main-grid-layout{grid-template-columns:1.2fr 1fr}.side-column-cards{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.quick-actions-grid-row{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.creator-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.dashboard-main-grid-layout{grid-template-columns:1fr!important;gap:16px!important}.side-column-cards{flex-direction:column;grid-column:auto;display:flex}.quick-actions-grid-row{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.creator-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.creator-kpi-card{padding:12px 10px 8px!important}.kpi-value{font-size:1.2rem!important}.kpi-label{font-size:.7rem!important}.quick-actions-grid-row{grid-template-columns:repeat(2,1fr)!important}.timeline-item{grid-template-columns:1fr!important;gap:8px!important;padding:12px!important}.timeline-item .timeline-bullet-col{display:none}.timeline-students{flex-direction:row;align-items:center;gap:6px}.timeline-action-btn{margin-top:4px;width:100%!important;height:34px!important}.attendance-donut-wrapper{text-align:center;flex-direction:column;gap:12px}.performance-stats-boxes{grid-template-columns:1fr!important}}.sub-billing-container{color:#0f172a;flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex}.sub-toast-notification{color:#065f46;z-index:9999;background:#fff;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:13.5px;font-weight:600;animation:.25s ease-out slideInToast;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}@keyframes slideInToast{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sub-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:20px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -4px #0f172a0d}.sub-hero-main-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.sub-hero-info{align-items:center;gap:16px;display:flex}.sub-crown-badge{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 6px 16px #2563eb4d}.sub-plan-title-block{flex-direction:column;gap:3px;display:flex}.sub-label-muted{color:#64748b;font-size:12px;font-weight:600}.sub-plan-name-row{align-items:center;gap:10px;display:flex}.sub-plan-name{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.sub-popular-badge{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:100px;padding:2px 10px;font-size:11px;font-weight:700}.sub-price-row{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.sub-price-row strong{color:#0f172a;font-size:14px;font-weight:800}.sub-bullet{color:#cbd5e1}.sub-billed-text{color:#64748b;font-weight:500}.sub-hero-actions{align-items:center;gap:12px;display:flex}.btn-sub-outline{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.btn-sub-outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-sub-primary{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:10px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.btn-sub-primary:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.sub-hero-stats-grid{border-top:1px solid #f1f5f9;grid-template-columns:repeat(5,1fr);gap:16px;padding-top:14px;display:grid}@media (width<=860px){.sub-hero-stats-grid{grid-template-columns:repeat(2,1fr)}}.sub-stat-item{flex-direction:column;gap:4px;display:flex}.sub-stat-label{color:#64748b;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:flex}.sub-active-pill{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:100px;width:fit-content;padding:2px 10px;font-size:11.5px;font-weight:700}.sub-stat-value{color:#0f172a;font-size:13.5px;font-weight:700}.sub-hero-bottom-bar{background:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex}.sub-bottom-status-left{color:#166534;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.sub-auto-renew-toggle{align-items:center;gap:10px;display:flex}.sub-toggle-label{color:#166534;font-size:12px;font-weight:700}.sub-switch{width:38px;height:22px;display:inline-block;position:relative}.sub-switch input{opacity:0;width:0;height:0}.sub-slider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .25s;position:absolute;inset:0}.sub-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}input:checked+.sub-slider{background-color:#2563eb}input:checked+.sub-slider:before{transform:translate(16px)}.sub-three-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=960px){.sub-three-cards-grid{grid-template-columns:1fr}}.sub-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;gap:16px;padding:22px 24px;display:flex;box-shadow:0 4px 16px -4px #0f172a0a}.sub-card-header h3{color:#0f172a;margin:0 0 2px;font-size:15.5px;font-weight:800}.sub-card-header p{color:#64748b;margin:0;font-size:12px}.sub-usage-list{flex-direction:column;gap:12px;display:flex}.sub-usage-item{flex-direction:column;gap:4px;display:flex}.sub-usage-labels{color:#475569;justify-content:space-between;align-items:center;font-size:12px;display:flex}.sub-usage-labels strong{color:#0f172a;font-size:12px}.sub-percent-muted{color:#94a3b8;margin-left:4px;font-weight:500}.sub-progress-track{background:#f1f5f9;border-radius:100px;width:100%;height:6px;overflow:hidden}.sub-progress-fill{background:#3b82f6;border-radius:100px;height:100%;transition:width .3s}.sub-keyvalue-list{flex-direction:column;gap:11px;display:flex}.sub-keyvalue-row{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.sub-key{color:#64748b;font-weight:500}.sub-val{color:#0f172a;font-weight:700}.sub-pill-badge{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.sub-pill-badge.green{color:#059669;background:#ecfdf5}.sub-pill-badge.gray{color:#64748b;background:#f1f5f9}.sub-payment-method-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.sub-card-brand-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sub-visa-logo-wrap{color:#fff;letter-spacing:.05em;background:#1e3a8a;border-radius:4px;padding:2px 6px;font-size:10px;font-style:italic;font-weight:900}.sub-card-number{color:#0f172a;font-size:13.5px;font-weight:700}.sub-primary-badge{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.sub-card-expiry-row{color:#64748b;font-size:11.5px}.sub-payment-note{color:#64748b;margin:0;font-size:11.5px;line-height:1.4}.sub-card-footer{border-top:1px solid #f1f5f9;padding-top:10px}.sub-link-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12.5px;font-weight:700;transition:gap .15s;display:inline-flex}.sub-link-btn:hover{color:#1d4ed8;gap:8px}.sub-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;padding:22px 24px;display:flex;box-shadow:0 4px 20px -4px #0f172a0d}.sub-table-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.sub-table-header h3{color:#0f172a;margin:0 0 2px;font-size:16px;font-weight:800}.sub-table-header p{color:#64748b;margin:0;font-size:12px}.sub-table-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sub-search-input-wrap{align-items:center;display:flex;position:relative}.sub-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.sub-search-input-wrap input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:170px;height:34px;padding:0 12px 0 32px;font-size:12px}.sub-search-input-wrap input:focus{border-color:#3b82f6}.sub-select-wrap{align-items:center;display:flex;position:relative}.sub-select-wrap select{color:#334155;cursor:pointer;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:34px;padding:0 26px 0 10px;font-size:12px;font-weight:600}.sub-select-caret{color:#94a3b8;pointer-events:none;position:absolute;right:8px}.sub-table-responsive{width:100%;overflow-x:auto}.sub-data-table{border-collapse:collapse;text-align:left;width:100%}.sub-data-table th{color:#64748b;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:11.5px;font-weight:700}.sub-data-table td{color:#334155;border-bottom:1px solid #f8fafc;padding:12px;font-size:12.5px}.sub-td-date{color:#0f172a;font-weight:600}.sub-td-id{color:#475569;font-weight:700}.sub-td-plan{color:#334155;font-weight:500}.sub-td-amount{color:#0f172a;font-weight:800}.sub-method-tag{color:#475569;align-items:center;gap:6px;font-size:12px;display:inline-flex}.sub-upi-badge{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 4px;font-size:9.5px;font-weight:800}.sub-visa-badge{color:#1e40af;background:#eff6ff;border-radius:4px;padding:1px 4px;font-size:9.5px;font-weight:900}.sub-status-paid{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:700}.sub-action-btns{align-items:center;gap:6px;display:inline-flex}.btn-view-invoice{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .15s}.btn-view-invoice:hover{background:#eff6ff;border-color:#bfdbfe}.btn-download-icon{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-download-icon:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.sub-table-bottom-bar{border-top:1px solid #f1f5f9;padding-top:10px}.sub-three-cards-grid.bottom{margin-top:4px}.sub-invoices-mini-list{flex-direction:column;gap:8px;display:flex}.sub-invoice-mini-row{background:#fafafa;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.sub-inv-left{flex-direction:column;gap:1px;display:flex}.sub-inv-left strong{color:#0f172a;font-size:12px}.sub-inv-left span{color:#64748b;font-size:10.5px}.sub-inv-right{align-items:center;gap:12px;display:flex}.sub-inv-price-col{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.sub-inv-price-col strong{color:#0f172a;font-size:12px}.sub-mini-paid{color:#059669;font-size:9.5px;font-weight:700}.sub-inv-actions-col{align-items:center;gap:4px;display:flex}.btn-mini-view{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:700}.btn-mini-dl{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.sub-compare-plans-list{flex-direction:column;gap:10px;display:flex}.sub-plan-mini-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;transition:all .2s}.sub-plan-mini-card.active-plan{background:#f8faff;border:2px solid #3b82f6}.sub-plan-mini-header{justify-content:space-between;align-items:center;display:flex}.sub-plan-mini-header h4{color:#0f172a;margin:0 0 2px;font-size:13.5px;font-weight:800}.sub-plan-mini-price{color:#64748b;font-size:12px}.sub-plan-mini-price strong{color:#0f172a;font-size:13px}.sub-plan-mini-desc{color:#64748b;margin:2px 0 0;font-size:11px}.sub-btn-current-plan{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.btn-plan-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;transition:all .15s}.btn-plan-action:hover{background:#f1f5f9}.btn-plan-action.primary{color:#fff;background:#2563eb;border-color:#2563eb}.btn-plan-action.primary:hover{background:#1d4ed8}.sub-activity-timeline{flex-direction:column;gap:12px;display:flex}.sub-timeline-item{align-items:flex-start;gap:10px;display:flex}.sub-timeline-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sub-timeline-icon.green{color:#059669;background:#ecfdf5}.sub-timeline-icon.teal{color:#0d9488;background:#f0fdfa}.sub-timeline-icon.purple{color:#7c3aed;background:#f5f3ff}.sub-timeline-icon.blue{color:#2563eb;background:#eff6ff}.sub-timeline-content{flex-direction:column;gap:1px;display:flex}.sub-timeline-content strong{color:#0f172a;font-size:12px}.sub-timeline-subtext{color:#64748b;font-size:11px}.sub-timeline-time{color:#94a3b8;margin-top:1px;font-size:10.5px}.sub-secure-footer-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.sub-secure-left{align-items:center;gap:14px;display:flex}.sub-secure-shield-icon{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sub-secure-text h4{color:#0f172a;margin:0 0 2px;font-size:13.5px;font-weight:800}.sub-secure-text p{color:#64748b;margin:0;font-size:12px}.sub-secure-right{align-items:center;gap:18px;display:flex}.sub-badge-razorpay{flex-direction:column;align-items:flex-end;display:flex}.sub-power-label{color:#94a3b8;font-size:10px}.sub-razorpay-logo{color:#0c2340;letter-spacing:-.02em;font-size:15px;font-weight:900}.sub-badge-pci{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;display:flex}.sub-pci-icon{color:#059669;font-size:11px;font-weight:900}.sub-pci-text{flex-direction:column;line-height:1;display:flex}.sub-pci-text strong{color:#0f172a;font-size:9px}.sub-pci-text span{color:#64748b;font-size:7px;font-weight:700}.sub-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.sub-modal-window{background:#fff;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:840px;max-height:90vh;padding:28px;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.sub-modal-window.payment-modal{max-width:460px}.sub-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.sub-modal-header h3{color:#0f172a;margin:0 0 3px;font-size:18px;font-weight:800}.sub-modal-header p{color:#64748b;margin:0;font-size:12.5px}.sub-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.sub-modal-close:hover{color:#0f172a;background:#e2e8f0}.sub-modal-plans-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.sub-modal-plans-grid{grid-template-columns:1fr}}.sub-plan-choice-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;gap:14px;padding:20px;display:flex;position:relative}.sub-plan-choice-card.selected{background:#f8faff;border:2px solid #3b82f6}.sub-choice-popular-tag{color:#fff;background:#2563eb;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:-10px;right:14px}.sub-choice-price strong{color:#0f172a;font-size:20px;font-weight:800}.sub-choice-price span{color:#64748b;font-size:12px}.sub-choice-desc{color:#64748b;margin:0;font-size:12px}.sub-choice-features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sub-choice-features li{color:#334155;align-items:center;gap:8px;font-size:11.5px;display:flex}.btn-choose-plan{cursor:pointer;border-radius:8px;height:38px;font-size:12.5px;font-weight:700;transition:all .15s}.btn-choose-plan.current{color:#2563eb;cursor:default;background:#eff6ff;border:1px solid #bfdbfe}.btn-choose-plan.action{color:#fff;background:#2563eb;border:1px solid #2563eb}.btn-choose-plan.action:hover{background:#1d4ed8}.sub-modal-invoice-window{background:#fff;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:580px;padding:24px;display:flex;box-shadow:0 25px 50px -12px #00000040}.sub-invoice-paper{background:#fafafa;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.sub-invoice-top-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.sub-invoice-table-wrap table{border-collapse:collapse;width:100%;font-size:12px}.sub-invoice-table-wrap th{text-align:left;color:#64748b;border-bottom:1px solid #e2e8f0;padding:6px 0}.sub-invoice-table-wrap td{color:#0f172a;padding:10px 0}.sub-invoice-total-section{border-top:1px solid #e2e8f0;flex-direction:column;gap:6px;padding-top:10px;display:flex}.sub-total-row{color:#64748b;justify-content:space-between;font-size:12px;display:flex}.sub-total-row.grand-total{color:#0f172a;border-top:1px solid #cbd5e1;margin-top:4px;padding-top:8px;font-size:14px;font-weight:800}.sub-invoice-footer-note{color:#94a3b8;text-align:center;font-size:11px;line-height:1.4}.sub-invoice-actions-footer{justify-content:flex-end;gap:10px;display:flex}.sub-modal-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:13px}.sub-modal-input:focus{border-color:#3b82f6}.settings-page-wrapper{flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;padding-bottom:40px;display:flex}.settings-main-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-header-left{flex-direction:column;display:flex}.settings-page-title{color:var(--text-main);letter-spacing:-.03em;font-size:2.2rem;font-weight:800;line-height:1.1}.settings-page-subtitle{color:var(--text-muted);margin-top:5px;font-size:.92rem}.settings-header-right-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-quick-search-box{align-items:center;display:flex;position:relative}.settings-quick-search-box input{background:var(--card-bg);border:1px solid var(--border-color);height:40px;color:var(--text-main);border-radius:12px;outline:none;min-width:240px;padding:0 65px 0 38px;font-size:.85rem;transition:all .16s}.settings-quick-search-box input:focus{border-color:var(--accent-color);background:var(--card-hover-bg);box-shadow:0 0 0 3px #6366f133}.search-box-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.search-box-kbd{background:var(--card-bg-soft);color:var(--text-sub);border:1px solid var(--border-color);pointer-events:none;border-radius:6px;padding:2px 6px;font-size:.68rem;font-weight:700;position:absolute;right:10px}.settings-notif-btn{background:var(--card-bg);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .14s;display:flex;position:relative}.settings-notif-btn:hover{background:var(--card-hover-bg);color:var(--text-main);border-color:var(--border-color-light)}.notif-badge-pill{color:#fff;border:2px solid var(--surface-bg);background:#ef4444;border-radius:10px;padding:1px 5px;font-size:.65rem;font-weight:800;line-height:1;position:absolute;top:-4px;right:-4px}.settings-top-save-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:12px;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:.86rem;font-weight:700;transition:all .14s;display:inline-flex;box-shadow:0 4px 14px #6366f166}.settings-top-save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f199}.settings-nav-tabs-bar{border-bottom:1px solid var(--border-color);scrollbar-width:thin;scrollbar-color:#6366f166 var(--card-bg-soft);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;display:flex;overflow:auto hidden}.settings-nav-tabs-bar::-webkit-scrollbar{height:6px}.settings-nav-tabs-bar::-webkit-scrollbar-track{background:var(--card-bg-soft);border-radius:6px;margin:0 4px}.settings-nav-tabs-bar::-webkit-scrollbar-thumb{border:1px solid var(--border-color);background:#6366f159;border-radius:6px;transition:background .14s}.settings-nav-tabs-bar::-webkit-scrollbar-thumb:hover{background:var(--accent-color);box-shadow:0 0 8px #6366f180}.settings-nav-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px 8px 0 0;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:600;transition:all .14s;display:flex;position:relative}.settings-nav-tab-btn:hover{color:var(--text-main);background:var(--card-bg-soft)}.settings-nav-tab-btn.is-active-tab{color:var(--accent-color);font-weight:700}.active-tab-glow-indicator{background:var(--accent-color);height:3px;box-shadow:0 -2px 10px var(--accent-color);border-radius:3px;position:absolute;bottom:-4px;left:0;right:0}.settings-toast-banner{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:.88rem;font-weight:600;animation:.2s ease-out fadeInDown;display:flex}.settings-toast-banner.info-toast{color:var(--accent-color);background:#6366f126;border-color:#6366f159}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-tab-two-col-grid{grid-template-columns:350px minmax(0,1fr);align-items:start;gap:22px;display:grid}.profile-left-column,.profile-right-column{flex-direction:column;gap:20px;display:flex}.profile-overview-card{background:var(--surface-bg);border:1px solid var(--border-color);text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:28px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.profile-avatar-center-wrap{border:3px solid var(--border-color);border-radius:50%;width:104px;height:104px;margin-bottom:14px;position:relative;box-shadow:0 8px 24px #0000001f}.profile-center-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-camera-btn{background:var(--accent-gradient);color:#fff;border:2px solid var(--surface-bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .12s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #0003}.avatar-camera-btn:hover{transform:scale(1.1)}.profile-identity-info{flex-direction:column;align-items:center;gap:4px;display:flex}.profile-name-verified-row{align-items:center;gap:6px;display:flex}.profile-name-verified-row h2{color:var(--text-main);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.verified-blue-badge{color:#38bdf8}.profile-handle-text{color:var(--text-muted);font-size:.82rem;font-weight:500}.profile-role-pill-badge{color:var(--accent-color);background:#6366f126;border:1px solid #6366f140;border-radius:20px;margin-top:4px;padding:2px 10px;font-size:.72rem;font-weight:700}.profile-summary-bio{color:var(--text-muted);text-align:center;margin:14px 0 18px;font-size:.82rem;line-height:1.45}.profile-meta-list-block{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;width:100%;padding-top:16px;display:flex}.profile-meta-row{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.meta-label-left{color:var(--text-muted);align-items:center;gap:8px;display:flex}.meta-value-right{color:var(--text-main);font-size:.82rem;font-weight:600}.monospace-val{font-family:monospace;font-weight:700}.status-pill.active-pill{color:#10b981;background:#10b98126;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.status-pill.disabled-pill{background:var(--card-bg-soft);color:var(--text-sub);border:1px solid var(--border-color);border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:600}.green-check-icon{color:#10b981}.institute-summary-card{position:relative}.institute-top-tag-row{justify-content:flex-start;width:100%;margin-bottom:8px;display:flex}.your-institute-pill{color:var(--accent-color);background:#6366f11f;border:1px solid #6366f140;border-radius:20px;padding:2px 10px;font-size:.72rem;font-weight:700}.institute-emblem-center-wrap{border:3px solid var(--border-color);background:var(--card-bg);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:14px;display:flex;position:relative;box-shadow:0 8px 24px #0000001f}.institute-emblem-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.institute-emblem-vector{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.emblem-stars-row{color:var(--accent-color);letter-spacing:2px;font-size:.65rem}.emblem-main-icon{color:var(--accent-color)}.emblem-wreath-arc{color:var(--text-sub);letter-spacing:2px;font-size:.55rem}.institute-pencil-btn{background:var(--card-hover-bg)!important;color:var(--text-main)!important;border-color:var(--border-color-light)!important}.institute-pencil-btn:hover{background:var(--accent-gradient)!important;color:#fff!important}.institute-tagline-text{color:var(--text-muted);margin-top:2px;font-size:.8rem}.mt-4{margin-top:4px}.meta-link-right{color:var(--accent-color);align-items:center;gap:4px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.meta-link-right:hover{text-decoration:underline}.plan-upgrade-inline-wrap{align-items:center;gap:8px;display:flex}.plan-name-txt{color:var(--text-main);font-size:.82rem;font-weight:700}.upgrade-plan-pill-btn{color:var(--accent-color);cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700;transition:all .12s}.upgrade-plan-pill-btn:hover{background:var(--accent-gradient);color:#fff;border-color:#0000}.profile-quick-actions-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 4px 20px #00000014}.quick-actions-card-title{color:var(--text-main);font-size:1rem;font-weight:800}.quick-actions-list-stack{flex-direction:column;gap:8px;display:flex}.quick-action-row-btn{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-main);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:.84rem;font-weight:600;transition:all .14s;display:flex}.quick-action-row-btn:hover{background:var(--card-hover-bg);border-color:var(--border-color-light);transform:translate(2px)}.action-left-icon-label{align-items:center;gap:10px;display:flex}.qa-row-icon{color:var(--text-muted)}.qa-row-arrow.rotate-270{color:var(--text-sub);transform:rotate(-90deg)}.quick-action-row-btn.destructive:hover{background:#ef444414;border-color:#ef44444d}.red-icon,.red-text{color:#ef4444!important}.profile-details-form-card,.profile-social-links-card,.settings-single-column-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:18px;padding:24px 26px;display:flex;box-shadow:0 4px 20px #00000014}.form-card-header-block h3{color:var(--text-main);letter-spacing:-.01em;font-size:1.12rem;font-weight:800}.form-card-header-block p{color:var(--text-muted);margin-top:2px;font-size:.82rem}.profile-form-grid-stack{flex-direction:column;gap:16px;display:flex}.form-two-cols-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-three-cols-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.form-four-cols-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.profile-field-group{flex-direction:column;gap:6px;display:flex}.profile-field-group label{color:var(--text-main);font-size:.83rem;font-weight:700}.label-with-char-counter{justify-content:space-between;align-items:center;display:flex}.bio-char-count{color:var(--text-sub);font-family:monospace;font-size:.72rem;font-weight:600}.profile-styled-input{background:var(--card-bg);border:1px solid var(--border-color);height:44px;color:var(--text-main);border-radius:12px;outline:none;width:100%;padding:0 14px;font-size:.88rem;transition:all .16s}.profile-styled-input.text-xs{font-size:.8rem}.profile-styled-textarea{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);resize:none;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:.88rem;transition:all .16s}.profile-styled-input:focus,.profile-styled-textarea:focus,.profile-styled-select:focus{border-color:var(--accent-color);background:var(--card-hover-bg);box-shadow:0 0 0 3px #6366f133}.profile-input-with-prefix{align-items:center;display:flex;position:relative}.input-prefix-tag{color:var(--text-muted);pointer-events:none;font-size:.88rem;font-weight:700;position:absolute;left:14px}.profile-styled-input.prefix-padded{padding-left:32px!important}.profile-input-badge-wrap{align-items:center;display:flex;position:relative}.input-left-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.input-left-icon.tone-amber{color:#fbbf24}.profile-styled-input.icon-padded{padding-left:40px!important;padding-right:14px!important}.input-right-badge.verified{color:#10b981;pointer-events:none;background:#10b98126;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700;position:absolute;right:12px}.profile-select-wrap{align-items:center;display:flex;position:relative}.profile-styled-select{background:var(--card-bg);border:1px solid var(--border-color);height:44px;color:var(--text-main);cursor:pointer;appearance:none;border-radius:12px;outline:none;width:100%;padding:0 34px 0 40px;font-size:.88rem;transition:all .16s}.profile-styled-select.no-left-icon{padding-left:14px!important}.profile-styled-select.text-xs{font-size:.8rem}.profile-select-wrap:after{content:"▾";color:var(--text-muted);pointer-events:none;font-size:.8rem;position:absolute;right:14px}.institute-three-subcards-row{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.institute-subcard-item{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:16px;padding:22px 20px;display:flex;box-shadow:0 4px 20px #00000014}.subcard-fields-stack{flex-direction:column;gap:14px;display:flex}.subcard-two-cols{grid-template-columns:1fr 1fr;gap:10px;display:grid}.currency-label-row{justify-content:space-between;align-items:center;display:flex}.currency-icon-badge{color:var(--text-sub);font-size:.72rem}.social-platform-icon.facebook-color{color:#1877f2}.social-platform-icon.instagram-color{color:#e4405f}.social-platform-icon.youtube-color{color:red}.social-platform-icon.twitter-color{color:#1da1f2}.social-platform-icon.linkedin-color{color:#0ea5e9}.social-platform-icon.github-color{color:var(--text-main)}.social-platform-icon.globe-color{color:#10b981}.social-fields-three-col-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.social-col-field{flex-direction:column;gap:6px;display:flex}.social-label-toggle-row{justify-content:space-between;align-items:center;display:flex}.social-label-toggle-row label{color:var(--text-main);font-size:.82rem;font-weight:700}.show-public-checkbox-label{cursor:pointer;color:var(--text-muted);align-items:center;gap:5px;font-size:.72rem;display:flex}.show-public-checkbox-label input{accent-color:var(--accent-color);cursor:pointer}.social-input-icon-wrap{align-items:center;display:flex;position:relative}.appearance-settings-stack{flex-direction:column;gap:20px;display:flex}.appearance-card-section{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 4px 20px #00000014}.section-header-row{justify-content:space-between;align-items:center;display:flex}.sec-title-with-icon{align-items:center;gap:12px;display:flex}.sec-icon-pill{background:var(--card-bg-soft);border:1px solid var(--border-color);width:36px;height:36px;color:var(--accent-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.section-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.1rem;font-weight:800}.section-title.mb-0{margin-bottom:0}.section-subtitle{color:var(--text-muted);margin-top:2px;font-size:.82rem}.sub-section-block{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding-top:10px;display:flex}.sub-section-header-flex{justify-content:space-between;align-items:center;gap:12px;display:flex}.sub-section-title-wrap{flex-direction:column;display:flex}.sub-section-title-wrap strong{color:var(--text-main);font-size:.88rem;font-weight:700}.sub-section-title-wrap small{color:var(--text-muted);margin-top:2px;font-size:.74rem}.info-notice-pill{color:var(--text-muted);background:var(--card-bg-soft);border:1px solid var(--border-color);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;display:inline-flex}.pill-metric-badge{background:var(--card-bg-soft);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;padding:3px 10px;font-size:.76rem;font-weight:700}.mini-icon-preview-box{background:var(--card-bg-soft);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;justify-content:center;gap:6px;height:84px;padding:8px 12px;display:flex}.mini-preview-menu-row{align-items:center;gap:8px;display:flex}.dot-icon{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot-icon.dot-blue{background:#3b82f6}.dot-icon.dot-pink{background:#ec4899}.dot-icon.dot-purple{background:#8b5cf6}.dot-icon.dot-teal{background:#14b8a6}.dot-icon.dot-mono{background:var(--accent-color)}.preview-label{color:var(--text-main);font-size:.76rem;font-weight:600}.mini-layout-preview{background:var(--card-bg-soft);border:1px solid var(--border-color);border-radius:8px;gap:8px;height:64px;padding:6px;display:flex}.layout-sidebar-lines{flex-direction:column;justify-content:center;gap:4px;width:25%;display:flex}.layout-content-box{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:6px;flex:1;justify-content:center;align-items:center;padding:4px;display:flex}.framed-inner-window{background:var(--card-bg-soft);border:1px solid var(--border-color-light);border-radius:4px;width:80%;height:80%}.edgetoedge-content-box{border-radius:6px;padding:0}.edgetoedge-inner-window{background:var(--card-bg-soft);border-radius:6px;width:100%;height:100%}.display-mode-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.display-mode-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.display-mode-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:14px;flex-direction:column;gap:10px;padding:14px;transition:all .14s cubic-bezier(.4,0,.2,1);display:flex}.display-mode-card:hover{border-color:var(--border-color-light);background:var(--card-hover-bg)}.display-mode-card.is-selected{border-color:var(--accent-color);background:var(--card-hover-bg);box-shadow:0 0 16px #6366f133}.mini-ui-preview{border:1px solid var(--border-color);border-radius:8px;gap:8px;height:64px;padding:8px;display:flex;position:relative;overflow:hidden}.mini-ui-preview.mode-light{background:#f8fafc;border-color:#cbd5e1}.mini-ui-preview.mode-dark{background:#090d16;border-color:#1e293b}.mini-ui-preview.mode-device-split{border-color:#334155;padding:0;display:flex}.split-half{flex:1;gap:6px;height:100%;padding:8px;display:flex}.split-half.light-half{background:#f8fafc;border-right:1px solid #cbd5e1}.split-half.dark-half{background:#090d16}.mini-preview-sidebar{flex-direction:column;justify-content:center;gap:4px;width:28%;display:flex}.mini-line{border-radius:2px;height:3px;display:block}.mode-light .mini-line,.light-half .mini-line{background:#94a3b8}.mode-dark .mini-line,.dark-half .mini-line{background:#475569}.mini-line.w40{width:40%}.mini-line.w50{width:50%}.mini-line.w60{width:60%}.mini-line.w80{width:80%}.mini-preview-content{flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.mini-panel{border-radius:4px;flex:1}.mode-light .mini-panel,.light-half .mini-panel{background:#e2e8f0}.mode-dark .mini-panel,.dark-half .mini-panel{background:#1e293b}.mode-card-footer{align-items:center;gap:10px;display:flex}.custom-radio-circle{border:1.5px solid var(--border-color-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.is-selected .custom-radio-circle,.active-tile .custom-radio-circle{border-color:var(--accent-color)}.inner-checked-dot{background:var(--accent-color);border-radius:50%;width:10px;height:10px}.mode-text{flex-direction:column;display:flex}.mode-text strong{color:var(--text-main);font-size:.86rem;font-weight:700}.mode-text small{color:var(--text-muted);font-size:.72rem}.color-theme-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.theme-card-tile{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:14px;flex-direction:column;padding:12px;transition:all .14s;display:flex}.theme-card-tile:hover{border-color:var(--border-color-light);background:var(--card-hover-bg);transform:translateY(-2px)}.theme-card-tile.is-active-theme{border-color:var(--accent-color);background:var(--card-hover-bg);box-shadow:0 0 16px #6366f12e}.theme-card-preview-window{background:#090d16;border:1px solid #ffffff14;border-radius:8px;gap:8px;height:62px;margin-bottom:10px;padding:8px;display:flex}.theme-mini-sidebar{flex-direction:column;justify-content:center;gap:4px;width:26%;display:flex}.theme-bar{border-radius:2px;width:80%;height:3px}.theme-mini-content{flex-direction:column;flex:1;gap:4px;display:flex}.theme-box{border-radius:4px;flex:1}.theme-box.main-box{width:100%}.theme-box.sub-box{width:60%}.theme-card-body{flex-direction:column;display:flex}.theme-radio-row{align-items:center;gap:8px;display:flex}.theme-name-text{color:var(--text-main);font-size:.88rem;font-weight:700}.theme-note-text{color:var(--text-muted);margin-top:3px;font-size:.72rem}.reading-mode-card-section{position:relative}.reading-mode-header-row{justify-content:space-between;align-items:flex-start;display:flex}.reading-mode-preview-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.preview-top-badge-row{color:var(--text-sub);justify-content:space-between;align-items:center;font-size:.74rem;font-weight:700;display:flex}.preview-pill-tag{background:var(--card-bg-soft);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px}.reading-mode-mock-viewport{border:1px solid var(--border-color);background-color:#0b0f19;border-radius:10px;gap:12px;height:120px;padding:12px;display:flex;position:relative;overflow:hidden}.mock-reading-sidebar{border-right:1px solid #ffffff1a;flex-direction:column;gap:6px;width:25%;padding-right:10px;display:flex}.mock-bar{background:#fff3;border-radius:2px;height:4px}.mock-bar.w50{width:50%}.mock-bar.w80{width:80%}.mock-bar.w65{width:65%}.mock-reading-body{flex-direction:column;flex:1;gap:4px;display:flex}.mock-reading-body h4{margin:0;font-size:.92rem;font-weight:800;color:#f8fafc!important}.mock-reading-body p{margin:0;font-size:.74rem;color:#94a3b8!important}.mock-reading-cards-row{gap:8px;margin-top:auto;display:flex}.mock-card-block{background:#ffffff14;border:1px solid #ffffff14;border-radius:6px;flex:1;height:30px}.mock-card-block.active-purple{background:#6366f166;border-color:#6366f199}.preview-guide-note{color:var(--text-sub);text-align:center;font-size:.72rem}.settings-controls-substack{border-top:1px solid var(--border-color);flex-direction:column;gap:16px;padding-top:14px;display:flex}.restore-defaults-row{justify-content:flex-start;padding-top:4px;display:flex}.restore-defaults-btn{background:var(--card-bg-soft);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:all .14s;display:inline-flex}.restore-defaults-btn:hover{background:var(--card-hover-bg);border-color:var(--border-color-light);color:var(--accent-color)}.colors-mode-selector-wrap .appearance-select-styled{background:var(--card-bg-soft);border:1px solid var(--border-color);height:34px;color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;padding:0 12px;font-size:.82rem;font-weight:600}.interface-controls-list{flex-direction:column;gap:0;display:flex}.interface-controls-list .setting-control-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.interface-controls-list .setting-control-row:last-child{border-bottom:0;padding-bottom:0}.interface-controls-list .setting-control-row:first-child{padding-top:0}.setting-control-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.control-label-wrap{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.control-icon-pill{background:var(--card-bg-soft);border:1px solid var(--border-color);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--accent-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.control-text{flex-direction:column;gap:1px;display:flex}.control-text strong{color:var(--text-main);font-size:.88rem;font-weight:700;line-height:1.3}.control-text small{color:var(--text-muted);font-size:.74rem;line-height:1.3}.toggle-switch-wrapper{flex-shrink:0;width:42px;height:24px;display:inline-block;position:relative}.toggle-switch-wrapper input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--card-bg-soft);border:1px solid var(--border-color-light);border-radius:24px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px}.toggle-switch-wrapper input:checked+.toggle-slider{background:var(--accent-gradient);border-color:#0000}.toggle-switch-wrapper input:checked+.toggle-slider:before{background-color:#fff;transform:translate(18px)}.setting-control-row-range{flex-direction:column;gap:8px;display:flex}.range-title-info{align-items:center;gap:10px;display:flex}.range-slider-interactive-wrap{flex-direction:column;gap:6px;padding-left:44px;display:flex}.range-top-indicator{color:var(--text-muted);justify-content:space-between;font-size:.74rem;font-weight:600;display:flex}.temperature-gradient-slider{cursor:pointer;appearance:none;background:linear-gradient(90deg,#60a5fa 0%,#e2e8f0 50%,#f59e0b 100%);border-radius:4px;outline:none;width:100%;height:6px}.temperature-gradient-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent-color);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #00000040}.paper-texture-slider{cursor:pointer;background:var(--card-bg-soft);border:1px solid var(--border-color);appearance:none;border-radius:4px;outline:none;width:100%;height:6px}.paper-texture-slider::-webkit-slider-thumb{appearance:none;background:var(--text-main);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #00000040}.range-bottom-ticks{color:var(--text-sub);justify-content:space-between;font-size:.68rem;display:flex}.segmented-button-group{background:var(--card-bg-soft);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.segment-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:6px 14px;font-size:.78rem;font-weight:600;line-height:1.2;transition:all .14s}.segment-btn:hover{color:var(--text-main);background:#ffffff0d}.segment-btn.active-seg{background:var(--accent-color);color:#fff;font-weight:700;box-shadow:0 2px 8px #6366f159}.settings-card-bottom-actions{justify-content:space-between;align-items:center;gap:16px;padding:18px 0 32px;display:flex}.settings-reset-defaults-btn{background:var(--surface-bg);border:1px solid var(--border-color);height:42px;color:var(--text-main);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 18px;font-size:.86rem;font-weight:600;transition:all .14s;display:inline-flex;box-shadow:0 2px 6px #0000000a}.settings-save-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 22px;font-size:.88rem;font-weight:700;transition:all .14s;display:inline-flex;box-shadow:0 4px 14px #6366f166}.icon-color-modes-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.color-choice-tile{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px;transition:all .14s;display:flex}.color-choice-tile:hover{border-color:var(--border-color-light);background:var(--card-hover-bg)}.color-choice-tile.active-tile{border-color:var(--accent-color);background:var(--card-hover-bg)}.color-choice-tile strong{color:var(--text-main);font-size:.84rem;display:block}.color-choice-tile small{color:var(--text-muted);font-size:.7rem}.quick-color-row-wrap{justify-content:space-between;align-items:center;gap:16px;padding-top:10px;display:flex}.quick-colors-list{align-items:center;gap:10px;display:flex}.quick-color-label{color:var(--text-main);font-size:.8rem;font-weight:700}.swatches-bubbles{gap:8px;display:flex}.preset-circle-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .14s}.preset-circle-btn:hover{transform:scale(1.15)}.preset-circle-btn.is-selected{border-color:var(--text-main);box-shadow:0 0 10px #6366f180}.custom-hex-input-wrap{align-items:center;gap:10px;display:flex}.hex-input-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:6px;padding:2px 6px 2px 10px;display:flex}.hex-input-box input{width:75px;color:var(--text-main);background:0 0;border:0;outline:none;font-family:monospace;font-size:.82rem}.hex-color-square{border:1px solid var(--border-color);border-radius:4px;width:18px;height:18px}.dock-items-reorderable-list{flex-direction:column;gap:8px;display:flex}.dock-setting-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.dock-drag-handle{color:var(--text-sub);cursor:grab}.ml-auto{margin-left:auto}.settings-card-bottom-actions{align-items:center;gap:14px;margin-top:10px;display:flex}.settings-card-bottom-actions.flex-between{justify-content:space-between}.settings-save-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .14s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #6366f166}.settings-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.settings-reset-defaults-btn{background:var(--card-bg-soft);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .14s;display:inline-flex}.settings-reset-defaults-btn:hover{background:var(--card-hover-bg);border-color:var(--border-color-light);color:var(--text-main)}.settings-outline-action-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .14s}.settings-outline-action-btn:hover{background:var(--card-hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.settings-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.16s ease-out fadeInBackdrop;display:flex;position:fixed;inset:0}.settings-dialog-card{background:var(--surface-bg);border:1px solid var(--border-color-light);border-radius:20px;flex-direction:column;width:100%;max-width:520px;animation:.18s ease-out scaleUpModal;display:flex;overflow:hidden;box-shadow:0 24px 60px #0006}.settings-dialog-card.upgrade-plan-modal{max-width:680px}.settings-dialog-card.preview-institute-modal{max-width:620px}.settings-dialog-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.dialog-icon-badge{background:var(--accent-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dialog-icon-badge.red-badge{background:#ef4444}.dialog-title-with-icon h4{color:var(--text-main);font-size:1.05rem;font-weight:800}.dialog-title-with-icon p{color:var(--text-muted);margin-top:1px;font-size:.76rem}.dialog-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;display:flex}.settings-dialog-footer{background:var(--card-bg);border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:12px;padding:14px 22px;display:flex}.dialog-cancel-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:.86rem;font-weight:600}.dialog-cancel-btn.text-danger{color:#ef4444;margin-right:auto}.plan-tiers-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.plan-tier-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:10px;padding:18px;display:flex;position:relative}.plan-tier-card.featured-pro{border-color:var(--accent-color);background:var(--card-hover-bg);box-shadow:0 0 20px #6366f133}.tier-tag{text-transform:uppercase;color:var(--text-sub);font-size:.68rem;font-weight:800}.tier-tag.popular{color:var(--accent-color)}.plan-tier-card h5{color:var(--text-main);font-size:1.1rem;font-weight:800}.tier-price{color:var(--text-main);font-size:1.5rem;font-weight:800}.tier-price span{color:var(--text-muted);font-size:.8rem}.tier-features-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tier-features-list li{color:var(--text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.choose-plan-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:auto;padding:10px;font-size:.86rem;font-weight:700;transition:all .14s}.public-institute-preview-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.preview-hero-banner{background:var(--accent-gradient);opacity:.7;height:80px}.preview-institute-header-row{align-items:flex-end;gap:14px;margin-top:-30px;padding:0 20px;display:flex}.preview-institute-emblem{background:var(--surface-bg);border:3px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.preview-institute-emblem img{object-fit:cover;width:100%;height:100%}.preview-institute-titles h4{color:var(--text-main);align-items:center;gap:6px;font-size:1.1rem;font-weight:800;display:flex}.preview-institute-titles p{color:var(--text-muted);font-size:.78rem}.preview-institute-titles small{color:var(--text-sub);font-size:.72rem}.preview-institute-about{color:var(--text-muted);padding:14px 20px;font-size:.82rem;line-height:1.45}.preview-contact-chips{flex-wrap:wrap;gap:8px;padding:0 20px 18px;display:flex}.preview-contact-chips span{background:var(--card-bg-soft);border:1px solid var(--border-color);color:var(--text-main);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;display:inline-flex}.sessions-list-stack{flex-direction:column;gap:10px;display:flex}.session-item-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.session-item-row.active-current{border-color:var(--accent-color);background:var(--card-hover-bg)}.session-device-icon{color:var(--accent-color);flex-shrink:0}.session-info{flex-direction:column;flex:1;display:flex}.session-info strong{color:var(--text-main);font-size:.84rem}.session-info small{color:var(--text-muted);font-size:.72rem}.current-badge{color:#10b981;background:#10b98126;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.68rem;font-weight:700}.session-revoke-btn{background:var(--card-bg-soft);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.74rem;font-weight:600}.session-revoke-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.export-options-list{flex-direction:column;gap:10px;display:flex}.export-item-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.export-item-card strong{color:var(--text-main);font-size:.84rem;display:block}.export-item-card small{color:var(--text-muted);font-size:.72rem}.delete-warning-text{color:var(--text-main);font-size:.86rem;line-height:1.4}.delete-confirm-input{border-color:#ef444466!important}.delete-permanently-btn{color:#fff;cursor:pointer;background:#ef4444;border:0;border-radius:10px;padding:10px 18px;font-size:.86rem;font-weight:700}.delete-permanently-btn:disabled{opacity:.4;cursor:not-allowed}.account-tier-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:16px 20px}.tier-badge-row{color:var(--text-main);align-items:center;gap:8px;margin-bottom:4px;font-size:.95rem;display:flex}.account-tier-box p{color:var(--text-muted);font-size:.82rem}.notif-config-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 4px 20px #00000014}.notif-channels-list{flex-direction:column;gap:12px;display:flex}.notif-inapp-pill{color:#6366f1!important;background:#6366f126!important}.notif-email-pill{color:#38bdf8!important;background:#38bdf826!important}.notif-wa-pill{color:#10b981!important;background:#10b98126!important}.notif-push-pill{color:#ec4899!important;background:#ec489926!important}.icon-padded-right{padding-right:36px!important}.input-right-ambient-icon{color:var(--text-muted);pointer-events:none;position:absolute;right:14px}.notif-summary-radio-list{flex-direction:column;gap:10px;display:flex}.summary-radio-item{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .14s;display:flex}.summary-radio-item:hover{background:var(--card-hover-bg);border-color:var(--border-color-light)}.summary-radio-item.selected-radio{border-color:var(--accent-color);background:var(--card-hover-bg)}.radio-text{flex-direction:column;gap:1px;display:flex}.radio-text strong{color:var(--text-main);font-size:.86rem;font-weight:700}.radio-text small{color:var(--text-muted);font-size:.72rem}.notif-matrix-main-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 4px 20px #00000014}.notif-matrix-header-bar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.notif-matrix-tabs-row{gap:8px;display:flex}.notif-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 14px;font-size:.86rem;font-weight:600;transition:all .14s;position:relative}.notif-tab-btn:hover{color:var(--text-main);background:var(--card-bg-soft)}.notif-tab-btn.is-active-ntab{color:var(--accent-color);font-weight:700}.ntab-active-bar{background:var(--accent-color);height:3px;box-shadow:0 -2px 8px var(--accent-color);border-radius:3px;position:absolute;bottom:-13px;left:0;right:0}.notif-category-filter-wrap{color:var(--text-muted);align-items:center;gap:8px;font-size:.82rem;display:flex}.notif-category-dropdown{background:var(--card-bg);border:1px solid var(--border-color);height:36px;color:var(--text-main);border-radius:8px;outline:none;padding:0 10px;font-size:.82rem}.notif-matrix-table-scroll-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#6366f159 var(--card-bg-soft);width:100%;padding-bottom:6px;overflow-x:auto}.notif-matrix-table-scroll-wrap::-webkit-scrollbar{height:5px}.notif-matrix-table-scroll-wrap::-webkit-scrollbar-track{background:var(--card-bg-soft);border-radius:4px}.notif-matrix-table-scroll-wrap::-webkit-scrollbar-thumb{background:#6366f159;border-radius:4px}.notif-matrix-table-scroll-wrap .notif-matrix-table-head,.notif-matrix-table-scroll-wrap .notif-matrix-body-stack{min-width:500px}.notif-matrix-table-head{background:var(--card-bg);text-transform:uppercase;letter-spacing:.04em;color:var(--text-sub);border-radius:10px;align-items:center;margin-top:4px;padding:10px 16px;font-size:.74rem;font-weight:700;display:flex}.col-type-title{flex:1}.col-channel-title{text-align:center;width:75px}.notif-matrix-body-stack{flex-direction:column;gap:20px;margin-top:6px;display:flex}.notif-category-block{flex-direction:column;gap:10px;display:flex}.category-section-banner{color:var(--text-main);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:6px 0;font-size:.9rem;font-weight:800;display:flex}.cat-icon.students-tone{color:#818cf8}.cat-icon.attendance-tone{color:#10b981}.cat-icon.fees-tone{color:#ec4899}.cat-icon.academics-tone{color:#a78bfa}.category-matrix-rows{flex-direction:column;gap:8px;display:flex}.matrix-item-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .14s;display:flex}.matrix-item-row:hover{border-color:var(--border-color-light);background:var(--card-hover-bg)}.matrix-row-info{flex-direction:column;flex:1;display:flex}.matrix-row-info strong{color:var(--text-main);font-size:.88rem;font-weight:700}.matrix-row-info small{color:var(--text-muted);margin-top:2px;font-size:.74rem}.matrix-row-toggles{justify-content:flex-end;align-items:center;gap:33px;display:flex}.toggle-slider.green-slider{background-color:var(--card-bg-soft)}input:checked+.toggle-slider.green-slider{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border-color:#0000!important}.users-stat-kpi-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;justify-content:space-between;align-items:center;padding:16px;display:flex}.users-kpi-left{flex-direction:column;gap:4px;display:flex}.users-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.74rem;font-weight:700}.users-kpi-val-row{align-items:baseline;gap:8px;display:flex}.users-kpi-number{color:var(--text-main);font-size:1.85rem;font-weight:800;line-height:1}.users-kpi-growth-badge{color:#10b981;font-size:.72rem;font-weight:700}.users-kpi-icon-pill{width:44px;height:44px;color:var(--accent-color);background:#6366f11f;border-radius:12px;justify-content:center;align-items:center;display:flex}.users-breakdown-list{flex-direction:column;gap:10px;padding-top:6px;display:flex}.users-breakdown-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.84rem;display:flex}.breakdown-dot-label{align-items:center;gap:8px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-green{background:#10b981;box-shadow:0 0 6px #10b98199}.dot-orange{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.dot-purple{background:#8b5cf6;box-shadow:0 0 6px #8b5cf699}.breakdown-val{color:var(--text-main);font-weight:700}.roles-overview-list{flex-direction:column;gap:8px;display:flex}.role-overview-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.role-badge-label-left{align-items:center;gap:10px;display:flex}.role-badge-label-left strong{color:var(--text-main);font-size:.84rem;font-weight:700}.role-icon-pill{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.role-icon-pill.role-pink{color:#f43f5e;background:#f43f5e26}.role-icon-pill.role-blue{color:#38bdf8;background:#38bdf826}.role-icon-pill.role-orange{color:#f59e0b;background:#f59e0b26}.role-icon-pill.role-green{color:#10b981;background:#10b98126}.role-icon-pill.role-teal{color:#14b8a6;background:#14b8a626}.role-icon-pill.role-purple{color:#8b5cf6;background:#8b5cf626}.role-users-count{color:var(--text-muted);font-size:.78rem;font-weight:600}.manage-roles-btn{justify-content:center;width:100%}.users-table-header-row{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.users-table-controls-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.users-search-input-wrap{align-items:center;display:flex;position:relative}.users-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.users-search-input{background:var(--card-bg);border:1px solid var(--border-color);height:36px;color:var(--text-main);border-radius:8px;outline:none;width:180px;padding:0 12px 0 32px;font-size:.82rem;transition:all .14s}.users-search-input:focus{border-color:var(--accent-color);background:var(--card-hover-bg)}.users-role-filter-dropdown{background:var(--card-bg);border:1px solid var(--border-color);height:36px;color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;padding:0 10px;font-size:.82rem}.users-filter-btn{background:var(--card-bg);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .14s;display:flex}.users-filter-btn:hover{color:var(--text-main);background:var(--card-hover-bg);border-color:var(--border-color-light)}.users-table-responsive-wrapper{width:100%;overflow-x:auto}.users-data-table{border-collapse:collapse;text-align:left;width:100%}.users-data-table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-sub);border-bottom:1px solid var(--border-color);padding:10px 12px;font-size:.74rem;font-weight:700}.users-data-table tbody tr{border-bottom:1px solid var(--border-color-light);transition:background .14s}.users-data-table tbody tr:hover{background:var(--card-hover-bg)}.users-data-table tbody td{vertical-align:middle;padding:12px;font-size:.84rem}.user-profile-cell{align-items:center;gap:10px;display:flex}.user-row-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:34px;height:34px}.user-row-name-email{flex-direction:column;display:flex}.user-row-name-email strong{color:var(--text-main);font-size:.86rem;font-weight:700}.user-row-name-email small{color:var(--text-muted);font-size:.74rem}.user-role-badge{border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.role-tag-teacher{color:#38bdf8;background:#38bdf826}.role-tag-admin{color:#f43f5e;background:#f43f5e26}.role-tag-accountant{color:#a78bfa;background:#8b5cf626}.role-tag-receptionist{color:#f59e0b;background:#f59e0b26}.role-tag-student-advisor{color:#14b8a6;background:#14b8a626}.dept-label-text{color:var(--text-main);font-size:.82rem;font-weight:600}.status-chip{border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.chip-active{color:#10b981;background:#10b98126}.chip-inactive{color:#f59e0b;background:#f59e0b26}.last-active-text{color:var(--text-muted);font-size:.78rem}.user-row-actions-wrap{display:inline-block;position:relative}.user-row-menu-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .12s;display:flex}.user-row-menu-btn:hover{background:var(--card-bg-soft);color:var(--text-main)}.user-dropdown-popover{background:var(--surface-bg);border:1px solid var(--border-color);z-index:50;border-radius:10px;flex-direction:column;width:140px;animation:.14s ease-out fadeInDown;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #0000004d}.user-dropdown-popover button{text-align:left;color:var(--text-main);cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:.78rem;font-weight:600;transition:background .12s}.user-dropdown-popover button:hover{background:var(--card-hover-bg)}.users-table-pagination-footer{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:12px;font-size:.8rem;display:flex}.pagination-pages-stack{align-items:center;gap:4px;display:flex}.page-num-btn,.page-nav-btn{background:var(--card-bg);border:1px solid var(--border-color);min-width:28px;height:28px;color:var(--text-main);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.76rem;font-weight:600;transition:all .12s;display:flex}.page-num-btn:hover,.page-nav-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.page-num-btn.active-page{background:var(--accent-gradient);color:#fff;border-color:#0000;font-weight:700}.page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.roles-and-permissions-split-grid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:20px;margin-top:6px;display:grid}.role-selector-left-subpanel{flex-direction:column;gap:10px;display:flex}.role-selector-head-label{text-transform:uppercase;color:var(--text-sub);font-size:.76rem;font-weight:700}.role-selector-cards-stack{flex-direction:column;gap:8px;display:flex}.role-select-item-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .14s;display:flex}.role-select-item-card:hover{background:var(--card-hover-bg);border-color:var(--border-color-light)}.role-select-item-card.is-active-role-card{border-color:var(--accent-color);background:var(--card-hover-bg);box-shadow:0 0 12px #6366f133}.role-card-inner-left{align-items:center;gap:8px;display:flex}.role-card-icon-bubble{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.role-card-icon-bubble.pink{color:#f43f5e;background:#f43f5e26}.role-card-icon-bubble.blue{color:#38bdf8;background:#38bdf826}.role-card-icon-bubble.orange{color:#f59e0b;background:#f59e0b26}.role-card-icon-bubble.green{color:#10b981;background:#10b98126}.role-card-icon-bubble.purple{color:#8b5cf6;background:#8b5cf626}.role-card-text{flex-direction:column;display:flex}.role-card-text strong{color:var(--text-main);font-size:.84rem;font-weight:700}.role-card-text small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.68rem;overflow:hidden}.role-card-count-badge{background:var(--card-bg-soft);color:var(--text-sub);border:1px solid var(--border-color);border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:700}.create-new-role-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:6px;padding:10px;font-size:.82rem;font-weight:700;transition:all .14s}.create-new-role-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.permissions-right-subpanel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;gap:14px;padding:16px;display:flex}.perms-subpanel-header h4{color:var(--text-main);font-size:.95rem;font-weight:800}.perms-subpanel-header p{color:var(--text-muted);margin-top:1px;font-size:.74rem}.perms-five-categories-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.perm-category-column{flex-direction:column;gap:10px;display:flex}.perm-cat-title{color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:4px;font-size:.82rem;font-weight:800}.perm-checkboxes-stack{flex-direction:column;gap:8px;display:flex}.perm-check-item{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:.76rem;display:flex}.perm-check-item:hover{color:var(--text-main)}.perm-check-item input{accent-color:var(--accent-color);cursor:pointer}.edit-perms-btn.active-editing{background:var(--accent-gradient);color:#fff;border-color:#0000}.privacy-security-tab-container{flex-direction:column;gap:20px;display:flex}.privacy-three-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.privacy-card-item{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 4px 20px #00000014}.security-meter-center-wrap{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:8px 0;display:flex}.circular-score-gauge{width:116px;height:116px;position:relative}.gauge-val-circle{fill:none;stroke:var(--accent-color);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .4s}.gauge-center-text{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.gauge-score-number{color:var(--text-main);margin-top:2px;font-size:1.35rem;font-weight:800}.gauge-score-tier{color:var(--accent-color);font-size:.72rem;font-weight:700}.meter-caption-text{color:var(--text-muted);text-align:center;font-size:.8rem;font-weight:500}.security-checklist-stack{flex-direction:column;gap:8px;padding-top:4px;display:flex}.sec-check-row{color:var(--text-main);align-items:center;gap:8px;font-size:.8rem;display:flex}.sec-dot-green{color:#10b981;flex-shrink:0}.sec-dot-amber{color:#f59e0b;flex-shrink:0}.justify-center{justify-content:center}.auth-method-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:all .14s;display:flex}.auth-icon-pill{width:32px;height:32px;color:var(--accent-color);background:#6366f11f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-icon-pill.red-auth-icon{color:#ef4444;background:#ef44441f}.auth-method-text{flex-direction:column;min-width:0;display:flex}.auth-badge-pill.verified{color:#10b981;background:#10b98126;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700}.auth-action-arrow-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:4px 6px;font-size:.78rem;font-weight:700;transition:all .12s;display:flex}.auth-action-arrow-btn:hover{background:var(--card-bg-soft)}.device-session-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.device-info-middle{flex-direction:column;flex:1;min-width:0;display:flex}.device-name-this-badge{align-items:center;gap:6px;display:flex}.device-name-this-badge strong{color:var(--text-main);font-size:.82rem;font-weight:700}.this-device-tag{color:var(--accent-color);background:#6366f126;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:700}.session-live-active-tag{color:#10b981;font-size:.72rem;font-weight:700}.session-last-active-tag{color:var(--text-muted);font-size:.7rem}.session-dots-menu-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px}.logout-all-devices-link-btn{color:#ef4444;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:.78rem;font-weight:700;display:flex}.logout-all-devices-link-btn:hover{text-decoration:underline}.mini-privacy-select{background:var(--card-bg-soft);border:1px solid var(--border-color);height:30px;color:var(--text-main);cursor:pointer;border-radius:6px;outline:none;padding:0 8px;font-size:.76rem;font-weight:600}.privacy-outline-action-btn{background:var(--card-bg-soft);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .12s;display:flex}.privacy-outline-action-btn:hover{background:var(--card-hover-bg);border-color:var(--border-color-light)}.privacy-danger-outline-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:700;display:flex}.privacy-danger-outline-btn:hover{background:#ef444426}.privacy-external-link-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:.76rem;font-weight:700;display:flex}.privacy-external-link-btn:hover{text-decoration:underline}.compliance-green-badge{color:#10b981;background:#10b98126;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.security-tips-list-stack{flex-direction:column;gap:10px;display:flex}.security-tip-row{align-items:flex-start;gap:10px;display:flex}.tip-round-icon-pill{width:28px;height:28px;color:var(--accent-color);background:#6366f11f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tip-row-text{flex-direction:column;display:flex}.tip-row-text strong{color:var(--text-main);font-size:.8rem;font-weight:700}.tip-row-text small{color:var(--text-muted);font-size:.7rem}.learn-more-security-btn{background:var(--card-bg-soft);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.78rem;font-weight:700;transition:all .12s;display:flex}.learn-more-security-btn:hover{background:var(--card-hover-bg);border-color:var(--border-color-light);color:var(--accent-color)}.privacy-danger-zone-banner{background:#ef44440d;border:1px solid #ef444440;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.danger-title-red{color:#ef4444;font-size:.95rem;font-weight:800;display:block}.danger-subtitle-text{color:var(--text-muted);font-size:.78rem}.danger-zone-actions-right{align-items:center;gap:12px;display:flex}.danger-export-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .12s;display:flex}.danger-export-btn:hover{background:var(--card-hover-bg);border-color:var(--border-color-light)}.danger-delete-btn{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .12s;display:flex}.danger-delete-btn:hover{color:#fff;background:#ef4444}.two-fa-modal-content{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-code-placeholder-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:16px;display:flex}.qr-code-key-code{color:var(--text-muted);font-size:.76rem}.security-audit-list-stack{flex-direction:column;gap:10px;display:flex}.sec-audit-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.sec-audit-item strong{color:var(--text-main);font-size:.86rem;display:block}.sec-audit-item small{color:var(--text-muted);font-size:.74rem}.integrations-tab-container{flex-direction:column;gap:20px;display:flex}.integrations-top-subheader-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.integrations-subheader-left{flex-direction:column;gap:2px;display:flex}.integrations-page-heading{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:800}.integrations-page-subtext{color:var(--text-muted);margin:0;font-size:.8rem}.view-integration-guide-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:.82rem;font-weight:700;transition:all .14s;display:flex}.view-integration-guide-btn:hover{text-decoration:underline}.integrations-two-col-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.integrations-main-left-col{flex-direction:column;gap:14px;display:flex}.integrations-section-title{color:var(--text-main);margin:0;font-size:.95rem;font-weight:800}.integrations-cards-three-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.integration-item-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:12px;padding:18px;transition:all .16s;display:flex;position:relative;box-shadow:0 4px 16px #0000000f}.integration-item-card:hover{border-color:var(--border-color-light);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.integration-card-top-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.integration-brand-left{align-items:center;gap:10px;display:flex}.integration-logo-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.logo-blue{background:#0284c71f}.logo-green{background:#22c55e1f}.logo-purple{background:#8b5cf61f}.logo-pink{background:#ec48991f}.logo-amber{background:#f59e0b1f}.logo-sky{background:#0ea5e91f}.logo-multi{background:var(--card-bg-soft)}.gcal-logo-box{color:#fff;background:#2563eb;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:800;display:flex}.ms-four-squares{grid-template-columns:repeat(2,8px);gap:2px;display:grid}.sq-red{background:#f25022;width:8px;height:8px}.sq-green{background:#7fba00;width:8px;height:8px}.sq-blue{background:#00a4ef;width:8px;height:8px}.sq-yellow{background:#ffb900;width:8px;height:8px}.integration-title-text{color:var(--text-main);font-size:.86rem;font-weight:700}.integration-status-pill{white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:700}.pill-connected{color:#10b981;background:#10b98126}.pill-not-connected{color:#f59e0b;background:#f59e0b26}.integration-card-desc{color:var(--text-muted);min-height:38px;margin:0;font-size:.76rem;line-height:1.4}.integration-connected-meta{color:var(--text-sub);align-items:center;gap:6px;margin-top:auto;font-size:.72rem;display:flex}.live-green-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981cc}.integration-card-footer-actions{align-items:center;gap:8px;margin-top:auto;padding-top:6px;display:flex}.integration-configure-btn{background:var(--card-bg-soft);border:1px solid var(--border-color);height:32px;color:var(--text-main);cursor:pointer;border-radius:8px;flex:1;font-size:.78rem;font-weight:700;transition:all .12s}.integration-configure-btn:hover{background:var(--card-hover-bg);border-color:var(--border-color-light)}.integration-connect-primary-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:0;border-radius:8px;flex:1;height:32px;font-size:.78rem;font-weight:700;transition:all .12s}.integration-connect-primary-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #6366f166}.integration-more-dots-btn{background:var(--card-bg-soft);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.integration-more-dots-btn:hover{color:var(--text-main);background:var(--card-hover-bg)}.integration-request-dashed-card{border:1.5px dashed var(--border-color-light);text-align:center;background:var(--card-bg-soft);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 18px;display:flex}.request-plus-icon-pill{background:var(--card-bg);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;display:flex}.request-card-title{color:var(--text-main);font-size:.86rem;font-weight:700}.request-card-desc{color:var(--text-muted);margin:0;font-size:.74rem;line-height:1.35}.request-integration-action-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:8px;margin-top:4px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .12s}.request-integration-action-btn:hover{background:var(--card-hover-bg);border-color:var(--border-color-light);color:var(--accent-color)}.integrations-sidebar-right-col{flex-direction:column;gap:16px;display:flex}.integrations-sidebar-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 4px 16px #0000000f}.sidebar-card-title{color:var(--text-main);margin:0;font-size:.88rem;font-weight:800}.sidebar-card-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.72rem}.connected-services-list-stack{flex-direction:column;gap:8px;display:flex}.connected-service-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.connected-row-left{align-items:center;gap:8px;min-width:0;display:flex}.connected-mini-logo{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.connected-row-texts{flex-direction:column;min-width:0;display:flex}.connected-row-texts strong{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.connected-row-texts small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.connected-text-green{color:#10b981;flex-shrink:0;font-size:.72rem;font-weight:700}.sidebar-card-footer-link-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;padding-top:4px;font-size:.76rem;font-weight:700;display:flex}.sidebar-card-footer-link-btn:hover{text-decoration:underline}.usage-meter-split-row{justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.usage-donut-wrap{flex-shrink:0;width:84px;height:84px;position:relative}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-bg-circle{fill:none;stroke:var(--card-bg-soft);stroke-width:10px}.donut-fill-circle{fill:none;stroke:var(--accent-color);stroke-width:10px;stroke-linecap:round}.donut-center-stat{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.donut-count-val{color:var(--text-main);font-size:1.25rem;font-weight:800}.donut-label-sub{color:var(--text-muted);font-size:.62rem;font-weight:600}.usage-legend-list{flex-direction:column;flex:1;gap:6px;display:flex}.usage-legend-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.legend-dot-label{align-items:center;gap:6px;display:flex}.legend-bullet{border-radius:50%;width:8px;height:8px;display:inline-block}.bullet-blue{background:var(--accent-color)}.bullet-gray{background:var(--text-muted);opacity:.4}.bullet-pink{opacity:.4;background:#ef4444}.legend-val{color:var(--text-main);font-weight:700}.webhooks-card-header-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.add-webhook-header-btn{background:var(--card-bg-soft);border:1px solid var(--border-color);color:var(--accent-color);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.74rem;font-weight:700;display:flex}.add-webhook-header-btn:hover{background:var(--card-hover-bg);border-color:var(--border-color-light)}.webhooks-endpoints-list-stack{flex-direction:column;gap:8px;display:flex}.webhook-endpoint-item-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.webhook-item-info{flex-direction:column;min-width:0;display:flex}.webhook-item-info strong{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.webhook-url-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.68rem;overflow:hidden}.webhook-active-chip{color:#10b981;background:#10b98126;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.68rem;font-weight:700}@media (width<=1200px){.integrations-two-col-layout{grid-template-columns:1fr}.integrations-cards-three-grid,.privacy-three-cards-grid{grid-template-columns:repeat(2,1fr)}.color-theme-grid{grid-template-columns:repeat(3,1fr)}.institute-three-subcards-row,.roles-and-permissions-split-grid{grid-template-columns:1fr}.perms-five-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.profile-tab-two-col-grid,.notif-tab-layout{grid-template-columns:1fr}.notif-matrix-header-bar{flex-direction:column;align-items:flex-start;gap:12px}.notif-matrix-tabs-row{flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.notif-category-filter-wrap{justify-content:flex-start;width:100%}.privacy-three-cards-grid,.social-fields-three-col-row,.form-three-cols-row{grid-template-columns:1fr}.form-four-cols-row{grid-template-columns:1fr 1fr}.display-mode-grid,.icon-color-modes-grid{grid-template-columns:1fr}.color-theme-grid{grid-template-columns:repeat(2,1fr)}.form-two-cols-row{grid-template-columns:1fr}.perms-five-categories-grid{grid-template-columns:repeat(2,1fr)}.users-table-header-row{flex-direction:column;align-items:flex-start;gap:10px}.users-table-controls-right{width:100%}.setting-control-row.flex-between{flex-direction:column;align-items:flex-start;gap:10px}.segmented-button-group{width:100%;overflow-x:auto}.settings-header-right-actions{justify-content:space-between;width:100%}.settings-quick-search-box{flex:1}.settings-quick-search-box input{width:100%;min-width:0}.privacy-danger-zone-banner{flex-direction:column;align-items:flex-start;gap:14px}.danger-zone-actions-right{flex-direction:column;width:100%}.danger-export-btn,.danger-delete-btn{justify-content:center;width:100%}}@media (width<=640px){.settings-page-title{font-size:1.45rem}.notif-config-card,.notif-matrix-main-card,.privacy-card-item{border-radius:16px;padding:16px 14px}.matrix-item-row{padding:12px 14px}.matrix-row-toggles{gap:20px}.auth-method-row{flex-direction:column;align-items:flex-start;gap:10px}.auth-method-left{width:100%}.auth-method-right{border-top:1px dashed var(--border-color);justify-content:space-between;width:100%;padding-top:8px}.device-session-row{flex-direction:column;align-items:flex-start;gap:10px}.device-info-middle{width:100%}.device-session-row .session-dots-menu-btn{align-self:flex-end}.sec-check-row{font-size:.76rem}.security-meter-center-wrap{padding:10px 0}.privacy-danger-zone-banner{border-radius:14px;padding:14px 16px}.integrations-cards-three-grid,.perms-five-categories-grid{grid-template-columns:1fr}.users-search-input{width:100%}.form-four-cols-row,.plan-tiers-grid,.color-theme-grid{grid-template-columns:1fr}.range-slider-interactive-wrap{padding-left:0}.quick-color-row-wrap{flex-direction:column;align-items:flex-start;gap:10px}}.settings-modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:99999;background:#0f172aad;justify-content:center;align-items:center;padding:16px;animation:.22s cubic-bezier(.16,1,.3,1) forwards modalBackdropFadeIn;display:flex;position:fixed;inset:0}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}.settings-dialog-card{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:520px;animation:.26s cubic-bezier(.16,1,.3,1) forwards modalScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a59,0 0 0 1px #e2e8f0e6}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}[data-theme=dark] .settings-dialog-card{background:#0f172a;box-shadow:0 25px 60px -15px #000000b3,0 0 0 1px #334155cc}.settings-dialog-header{border-bottom:1px solid var(--border-color,#f1f5f9);justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex}.dialog-title-with-icon{align-items:center;gap:14px;display:flex}.dialog-icon-badge{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.luxury-key-badge{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 8px 16px -4px #6366f166}.dialog-title-with-icon h4{color:var(--text-main,#0f172a);letter-spacing:-.015em;margin:0;font-size:1.15rem;font-weight:800}.dialog-title-with-icon p{color:var(--text-muted,#64748b);margin:2px 0 0;font-size:.82rem;line-height:1.4}.dialog-close-btn{border:1px solid var(--border-color,#e2e8f0);background:var(--card-hover-bg,#f8fafc);width:34px;height:34px;color:var(--text-muted,#64748b);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.dialog-close-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca;transform:scale(1.05)}.settings-dialog-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.modal-security-banner{border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.85rem;line-height:1.45;animation:.2s modalBackdropFadeIn;display:flex}.modal-security-banner.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2}.modal-security-banner.error-banner .banner-icon{color:#ef4444;flex-shrink:0;margin-top:1px}.modal-security-banner.success-banner{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.modal-security-banner.success-banner .banner-icon{color:#10b981;flex-shrink:0;margin-top:1px}.banner-text{flex-direction:column;gap:2px;display:flex}.banner-text strong{font-size:.9rem;font-weight:700}.countdown-pill{color:#047857;background:#fff;border:1px solid #6ee7b7;border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #10b98126}.modal-field-block{flex-direction:column;gap:6px;display:flex}.modal-field-header-row{justify-content:space-between;align-items:center;display:flex}.modal-field-header-row label{color:var(--text-main,#0f172a);font-size:.84rem;font-weight:700}.field-required-tag{color:var(--text-muted,#94a3b8);font-size:.72rem;font-weight:600}.modal-input-composite-wrap{align-items:center;width:100%;display:flex;position:relative}.composite-left-icon{color:var(--text-muted,#94a3b8);pointer-events:none;transition:color .15s;position:absolute;left:14px}.composite-input-field{background:var(--input-bg,#f8fafc);border:1.5px solid var(--border-color,#e2e8f0);width:100%;height:48px;color:var(--text-main,#0f172a);border-radius:14px;outline:none;padding:0 46px 0 44px;font-family:inherit;font-size:.92rem;transition:all .18s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .composite-input-field{color:#f8fafc;background:#1e293b;border-color:#334155}.composite-input-field:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f124}[data-theme=dark] .composite-input-field:focus{background:#0f172a;border-color:#818cf8;box-shadow:0 0 0 4px #818cf833}.modal-input-composite-wrap:focus-within .composite-left-icon{color:#6366f1}.composite-eye-btn{width:34px;height:34px;color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;right:10px}.composite-eye-btn:hover{background:var(--card-hover-bg,#f1f5f9);color:var(--text-main,#0f172a)}.strength-label-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.strength-label-tag.strength-weak{color:#ef4444;background:#fef2f2}.strength-label-tag.strength-medium{color:#d97706;background:#fffbeb}.strength-label-tag.strength-strong{color:#059669;background:#ecfdf5}.pw-strength-bars-track{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.strength-bar-step{background:var(--border-color,#e2e8f0);border-radius:999px;height:4px;transition:all .25s}.strength-bar-step.active-step-1{background:#ef4444}.strength-bar-step.active-step-2{background:#f59e0b}.strength-bar-step.active-step-3{background:#3b82f6}.strength-bar-step.active-step-4{background:#10b981}.pw-security-checklist-grid{background:var(--card-hover-bg,#f8fafc);border:1px solid var(--border-color,#f1f5f9);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:10px;padding:10px 12px;display:grid}[data-theme=dark] .pw-security-checklist-grid{background:#1e293b;border-color:#334155}.checklist-item{color:var(--text-muted,#94a3b8);align-items:center;gap:7px;font-size:.76rem;font-weight:600;transition:all .18s;display:flex}.checklist-item.passed{color:#059669}[data-theme=dark] .checklist-item.passed{color:#34d399}.match-status-tag{border-radius:6px;padding:2px 8px;font-size:.74rem;font-weight:700}.match-status-tag.matched{color:#059669;background:#ecfdf5}.match-status-tag.mismatched{color:#dc2626;background:#fef2f2}.settings-dialog-footer{border-top:1px solid var(--border-color,#f1f5f9);background:var(--card-hover-bg,#fcfdfd);justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px 22px;display:flex}[data-theme=dark] .settings-dialog-footer{background:#0b1120;border-color:#1e293b}.dialog-cancel-btn{border:1.5px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-main,#334155);cursor:pointer;border-radius:12px;padding:11px 18px;font-size:.88rem;font-weight:700;transition:all .15s}[data-theme=dark] .dialog-cancel-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}.dialog-cancel-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.settings-save-btn.luxury-pw-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 24px;font-size:.88rem;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 16px -2px #6366f173}.settings-save-btn.luxury-pw-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 10px 22px -4px #6366f18c}.settings-save-btn.luxury-pw-submit-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.privacy-tab-grid-layout,.privacy-security-tab-container{flex-direction:column;gap:24px;width:100%;min-width:0;padding-bottom:30px;display:flex}.privacy-three-cards-grid{grid-template-columns:minmax(280px,1fr) minmax(360px,1.35fr) minmax(320px,1.15fr);align-items:stretch;gap:20px;width:100%;display:grid}@media (width<=1380px){.privacy-three-cards-grid{grid-template-columns:1fr 1fr}.privacy-three-cards-grid>.privacy-card-item:nth-child(3){grid-column:span 2}}@media (width<=900px){.privacy-three-cards-grid{grid-template-columns:1fr}.privacy-three-cards-grid>.privacy-card-item:nth-child(3){grid-column:span 1}}.privacy-bottom-cards-grid{margin-top:4px}.privacy-card-item{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:18px;flex-direction:column;min-width:0;padding:22px;transition:all .2s;display:flex;box-shadow:0 4px 14px -2px #0f172a0a}.privacy-card-item:hover{box-shadow:0 8px 24px -4px #0f172a14}[data-theme=dark] .privacy-card-item{background:#0f172a;border-color:#1e293b;box-shadow:0 4px 20px #00000059}.card-bottom-button-wrap{width:100%;margin-top:auto;padding-top:14px}.security-gauge-center-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:10px 0 6px;display:flex}.security-gauge-circle-wrap{justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-bg-circle{fill:none;stroke:var(--card-hover-bg,#f1f5f9);stroke-width:9px}[data-theme=dark] .gauge-bg-circle{stroke:#1e293b}.gauge-val-circle{fill:none;stroke-width:9px;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1),stroke .3s}.gauge-center-text{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute}.gauge-score-number{color:var(--text-main,#0f172a);font-size:1.45rem;font-weight:800;line-height:1.1}[data-theme=dark] .gauge-score-number{color:#f8fafc}.gauge-score-tier{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#64748b);font-size:.72rem;font-weight:700}.meter-caption-text{color:var(--text-main,#334155);margin-top:8px;font-size:.84rem;font-weight:600}[data-theme=dark] .meter-caption-text{color:#cbd5e1}.security-checklist-stack{border-top:1px dashed var(--border-color,#e2e8f0);flex-direction:column;gap:10px;padding:12px 0 6px;display:flex}[data-theme=dark] .security-checklist-stack{border-color:#1e293b}.sec-check-row{color:var(--text-main,#334155);align-items:flex-start;gap:10px;font-size:.82rem;font-weight:600;line-height:1.35;display:flex}[data-theme=dark] .sec-check-row{color:#cbd5e1}.sec-check-text{word-break:break-word;overflow-wrap:anywhere;flex:1;min-width:0}.sec-dot-green{color:#10b981;flex-shrink:0;margin-top:2px}.sec-dot-amber{color:#f59e0b;flex-shrink:0;margin-top:2px}.sec-dot-red{color:#ef4444;flex-shrink:0;margin-top:2px}.auth-methods-list-stack{flex-direction:column;gap:12px;display:flex}.auth-method-row{background:var(--card-hover-bg,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:12px 14px;transition:all .15s;display:flex}.auth-method-row:hover{background:#fff;border-color:#cbd5e1}[data-theme=dark] .auth-method-row{background:#1e293b;border-color:#334155}[data-theme=dark] .auth-method-row:hover{background:#243248}.auth-method-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.auth-icon-pill{color:#6366f1;background:#6366f11f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.auth-method-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.auth-method-text strong{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}[data-theme=dark] .auth-method-text strong{color:#f8fafc}.auth-method-text small{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.auth-method-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.auth-badge-pill{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.auth-badge-pill.verified{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}[data-theme=dark] .auth-badge-pill.verified{color:#34d399;background:#05966933;border-color:#05966966}.auth-badge-pill.disabled{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}[data-theme=dark] .auth-badge-pill.disabled{color:#94a3b8;background:#1e293b;border-color:#334155}.auth-action-arrow-btn{color:var(--text-muted,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 6px;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.auth-action-arrow-btn:hover{color:#6366f1;background:#6366f11a}.active-devices-list-stack{flex-direction:column;gap:10px;display:flex}.device-session-row{background:var(--card-hover-bg,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:all .15s;display:flex}[data-theme=dark] .device-session-row{background:#1e293b;border-color:#334155}.device-session-left-meta{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.device-session-right-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.device-logo-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.device-logo-wrap.windows-color{color:#0284c7;background:#e0f2fe}.device-logo-wrap.android-color{color:#16a34a;background:#dcfce7}.device-logo-wrap.apple-color{color:#334155;background:#f1f5f9}[data-theme=dark] .device-logo-wrap.apple-color{color:#f1f5f9;background:#334155}.device-logo-wrap.tablet-color{color:#9333ea;background:#f3e8ff}.device-info-middle{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.device-name-this-badge{align-items:center;gap:6px;min-width:0;display:flex}.device-info-middle strong{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}[data-theme=dark] .device-info-middle strong{color:#f8fafc}.this-device-tag{color:#4338ca;white-space:nowrap;background:#e0e7ff;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.65rem;font-weight:700}.device-info-middle small{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.71rem;overflow:hidden}.session-live-active-tag{color:#10b981;white-space:nowrap;font-size:.72rem;font-weight:700}.session-last-active-tag{color:var(--text-muted,#64748b);white-space:nowrap;font-size:.72rem;font-weight:500}.session-revoke-icon-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.session-revoke-icon-btn:hover{color:#991b1b;background:#fca5a5;transform:scale(1.05)}[data-theme=dark] .session-revoke-icon-btn{color:#f87171;background:#dc262633;border-color:#dc262659}[data-theme=dark] .session-revoke-icon-btn:hover{background:#dc262666}.sessions-footer-actions-stack{flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;display:flex}.logout-all-devices-link-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.logout-all-devices-link-btn:hover{background:#fee2e2}[data-theme=dark] .logout-all-devices-link-btn:hover{background:#dc262633}.twofa-modal-card{width:100%;max-width:520px!important}.twofa-stepper-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex;position:relative}.twofa-step-node{z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.step-num-pill{color:#64748b;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:800;transition:all .2s;display:flex}.twofa-step-node.active .step-num-pill{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 0 12px #6366f166}.twofa-step-node.completed .step-num-pill{color:#fff;background:#10b981;border-color:#10b981}.twofa-step-label{color:var(--text-muted,#64748b);font-size:.72rem;font-weight:700}.twofa-step-node.active .twofa-step-label{color:#6366f1}.twofa-step-line{z-index:1;background:#e2e8f0;height:2px;position:absolute;top:15px;left:30px;right:30px}[data-theme=dark] .twofa-step-line{background:#334155}.twofa-qr-container{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex}[data-theme=dark] .twofa-qr-container{background:#1e293b;border-color:#334155}.qr-code-frame{background:#fff;border-radius:12px;padding:12px;box-shadow:0 4px 12px #00000014}.twofa-secret-box{background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}[data-theme=dark] .twofa-secret-box{background:#0f172a;border-color:#334155}.twofa-secret-key-code{letter-spacing:.15em;color:#4f46e5;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:800}[data-theme=dark] .twofa-secret-key-code{color:#818cf8}.copy-secret-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:.76rem;font-weight:700;display:flex}.copy-secret-btn:hover{background:#dbeafe}.twofa-otp-inputs-row{justify-content:center;align-items:center;gap:10px;margin:20px 0;display:flex}.twofa-otp-digit-input{text-align:center;border:2px solid var(--border-color,#cbd5e1);background:var(--card-bg,#fff);width:48px;height:56px;color:var(--text-main,#0f172a);border-radius:12px;outline:none;font-size:1.5rem;font-weight:800;transition:all .15s}.twofa-otp-digit-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .twofa-otp-digit-input{color:#f8fafc;background:#1e293b;border-color:#334155}.twofa-backup-codes-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid}[data-theme=dark] .twofa-backup-codes-grid{background:#1e293b;border-color:#334155}.backup-code-pill{text-align:center;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.88rem;font-weight:700}[data-theme=dark] .backup-code-pill{color:#e2e8f0;background:#0f172a;border-color:#334155}.change-pwd-container{color:#0f172a;width:100%;max-width:1120px;margin:0 auto;padding:24px 28px 48px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}@media (width<=768px){.change-pwd-container{padding:16px 14px 32px}}.change-pwd-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.change-pwd-breadcrumb a{color:#64748b;font-weight:500;text-decoration:none;transition:color .15s}.change-pwd-breadcrumb a:hover{color:#2563eb}.change-pwd-breadcrumb .divider{color:#cbd5e1}.change-pwd-breadcrumb .active-crumb{color:#2563eb;font-weight:700}.change-pwd-header{margin-bottom:24px}.change-pwd-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 6px;font-size:28px;font-weight:800}.change-pwd-subtitle{color:#64748b;margin:0;font-size:14px}.change-pwd-alert-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;align-items:flex-start;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex}.change-pwd-alert-icon{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.change-pwd-alert-content h4{color:#0f172a;margin:0 0 3px;font-size:14px;font-weight:700}.change-pwd-alert-content p{color:#475569;margin:0;font-size:13px;line-height:1.4}.change-pwd-grid{grid-template-columns:1.85fr 1.15fr;align-items:start;gap:24px;display:grid}@media (width<=960px){.change-pwd-grid{grid-template-columns:1fr}}.change-pwd-form-card{background:#fff;border:1px solid #e8edf5;border-radius:20px;flex-direction:column;gap:20px;padding:32px 32px 28px;display:flex;box-shadow:0 4px 20px -4px #0f172a0a}@media (width<=640px){.change-pwd-form-card{padding:20px 16px}}.pwd-field-group{flex-direction:column;gap:7px;display:flex}.pwd-field-label{color:#334155;font-size:13px;font-weight:700}.pwd-input-wrapper{align-items:center;display:flex;position:relative}.pwd-input-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.pwd-input-field{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:48px;padding:0 44px 0 42px;font-family:inherit;font-size:14px;transition:all .2s}.pwd-input-field:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb33}.pwd-input-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.pwd-input-toggle:hover{color:#334155}.pwd-strength-block{flex-direction:column;gap:8px;margin-top:-4px;display:flex}.pwd-strength-top-row{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.pwd-strength-label{color:#64748b;font-weight:500}.pwd-strength-value{font-weight:700}.pwd-strength-track{grid-template-columns:1fr 1fr 1fr;gap:8px;height:5px;display:grid}.pwd-strength-bar{background:#e2e8f0;border-radius:3px;height:100%;transition:background .25s}.pwd-reqs-grid{grid-template-columns:1fr 1fr;gap:10px 16px;margin:4px 0;display:grid}@media (width<=640px){.pwd-reqs-grid{grid-template-columns:1fr;gap:8px}}.pwd-req-item{color:#64748b;align-items:center;gap:8px;font-size:12.5px;font-weight:500;transition:color .2s;display:flex}.pwd-req-item.satisfied{color:#0f172a}.pwd-req-circle{border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;transition:all .2s;display:flex}.pwd-req-item.satisfied .pwd-req-circle{color:#fff;background:#10b981;border-color:#10b981}.btn-update-pwd{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:6px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #2563eb40}.btn-update-pwd:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.btn-update-pwd:disabled{opacity:.65;cursor:not-allowed}.change-pwd-logout-box{background:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;align-items:flex-start;gap:12px;margin-top:24px;padding:14px 18px;display:flex}.change-pwd-logout-icon{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.change-pwd-logout-content h4{color:#0f172a;margin:0 0 3px;font-size:13.5px;font-weight:700}.change-pwd-logout-content p{color:#475569;margin:0;font-size:12.5px}.security-tips-card{background:#fff;border:1px solid #e8edf5;border-radius:20px;flex-direction:column;padding:24px 22px;display:flex;box-shadow:0 4px 20px -4px #0f172a0a}.security-tips-title{color:#0f172a;margin:0 0 16px;font-size:16px;font-weight:800}.security-tips-list{flex-direction:column;gap:16px;display:flex}.security-tip-item{align-items:flex-start;gap:12px;display:flex}.security-tip-icon-wrap{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.security-tip-text{color:#475569;margin:0;font-size:12.5px;line-height:1.45}.security-tip-text strong{color:#0f172a;font-weight:600}.pwd-alert-banner{border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.pwd-alert-banner.error{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}.pwd-alert-banner.success{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}:root{--setup-bg:#f8fafc;--setup-card-bg:#fff;--setup-card-border:#e2e8f0;--setup-primary:#6366f1;--setup-primary-hover:#4f46e5;--setup-primary-glow:#6366f140;--setup-text-dark:#0f172a;--setup-text-muted:#64748b;--setup-text-light:#94a3b8;--setup-input-bg:#fff;--setup-input-border:#e2e8f0;--setup-input-focus:#6366f1}.portal-setup-viewport{width:100%;min-height:100vh;color:var(--setup-text-dark);background-color:#f1f5f9;background-image:radial-gradient(at 10% 10%,#6366f112 0,#0000 50%),radial-gradient(at 90% 90%,#a855f70f 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;padding:32px 20px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex}@media (width<=640px){.portal-setup-viewport{align-items:flex-start;padding:16px 12px}}.portal-setup-master-card{background:var(--setup-card-bg);border:1px solid #e8edf5;border-radius:28px;grid-template-columns:1.05fr 1fr;width:100%;max-width:1060px;min-height:640px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #0f172a14,0 4px 16px #00000005}@media (width<=960px){.portal-setup-master-card{border-radius:20px;grid-template-columns:1fr;max-width:520px;min-height:auto}}.portal-setup-left-panel{background:linear-gradient(#fff 0%,#faf8ff 100%);border-right:1px solid #f1f5f9;flex-direction:column;justify-content:space-between;padding:40px 40px 0;display:flex;position:relative;overflow:hidden}@media (width<=960px){.portal-setup-left-panel{display:none}}.portal-setup-brand-top{margin-bottom:20px}.portal-setup-tagline-pill{color:#6366f1;letter-spacing:.02em;background:#f5f3ff;border:1px solid #ede9fe;border-radius:20px;align-items:center;width:fit-content;margin-bottom:14px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-flex}.portal-setup-hero-heading{color:#0f172a;letter-spacing:-.03em;margin:0 0 10px;font-size:30px;font-weight:800;line-height:1.22}.portal-setup-hero-heading .gradient-text{background:linear-gradient(135deg,#6366f1 0%,#9333ea 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.portal-setup-hero-desc{color:var(--setup-text-muted);max-width:400px;margin:0 0 24px;font-size:13.5px;line-height:1.5}.portal-setup-feature-list{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.portal-setup-feature-item{align-items:flex-start;gap:14px;display:flex}.portal-setup-feature-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.portal-setup-feature-icon-wrap.purple{color:#7c3aed;background:#f5f3ff}.portal-setup-feature-icon-wrap.blue{color:#2563eb;background:#eff6ff}.portal-setup-feature-icon-wrap.green{color:#16a34a;background:#f0fdf4}.portal-setup-feature-content h4{color:#0f172a;margin:0 0 2px;font-size:13.5px;font-weight:700}.portal-setup-feature-content p{color:var(--setup-text-muted);margin:0;font-size:12px;line-height:1.35}.portal-setup-illustration-container{width:calc(100% + 80px);margin-top:auto;margin-left:-40px;line-height:0}.portal-setup-right-panel{background:#fff;flex-direction:column;justify-content:space-between;padding:36px 44px 32px;display:flex}@media (width<=640px){.portal-setup-right-panel{padding:24px 18px}}.portal-setup-mobile-brand{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:none}@media (width<=960px){.portal-setup-mobile-brand{display:flex}}.portal-setup-top-bar{justify-content:flex-end;margin-bottom:12px;display:flex}@media (width<=960px){.portal-setup-top-bar{display:none}}.portal-setup-form-header{text-align:center;margin-bottom:18px}.portal-setup-form-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 6px;font-size:24px;font-weight:800}@media (width<=640px){.portal-setup-form-title{font-size:21px}}.portal-setup-form-subtitle{color:var(--setup-text-muted);max-width:380px;margin:0 auto;font-size:13px;line-height:1.45}.portal-setup-info-box{background:#faf5ff;border:1px solid #f3e8ff;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.portal-setup-info-icon{color:#7c3aed;flex-shrink:0;margin-top:1px}.portal-setup-info-text{color:#581c87;margin:0;font-size:12px;line-height:1.4}.portal-setup-meta-card{background:#fff;flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.portal-setup-meta-row{align-items:center;gap:12px;display:flex}.portal-setup-meta-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.portal-setup-meta-icon.purple{color:#7c3aed;background:#f5f3ff}.portal-setup-meta-icon.blue{color:#2563eb;background:#eff6ff}.portal-setup-meta-details{flex-direction:column;display:flex}.portal-setup-meta-label{color:#64748b;font-size:11px;font-weight:500;line-height:1.2}.portal-setup-meta-val{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.3}.portal-setup-form{flex-direction:column;gap:14px;display:flex}.portal-setup-group{flex-direction:column;gap:6px;display:flex}.portal-setup-label{color:#334155;font-size:13px;font-weight:700}.portal-setup-input-wrap{align-items:center;display:flex;position:relative}.portal-setup-input-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.portal-setup-input-field{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:46px;padding:0 44px 0 42px;font-family:inherit;font-size:14px;transition:all .2s}.portal-setup-input-field:focus{border-color:var(--setup-primary);box-shadow:0 0 0 3px var(--setup-primary-glow);outline:none}.portal-setup-input-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.portal-setup-input-toggle:hover{color:#334155}.password-requirements-grid{grid-template-columns:1fr 1fr;gap:6px 12px;margin:4px 0 6px;display:grid}@media (width<=480px){.password-requirements-grid{grid-template-columns:1fr}}.requirement-item{color:#64748b;align-items:center;gap:7px;font-size:11.5px;transition:color .2s;display:flex}.requirement-item.met{color:#059669;font-weight:600}.req-circle{border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;transition:all .2s;display:flex}.requirement-item.met .req-circle{background:#10b981;border-color:#10b981}.req-check-icon{color:#fff;width:8px;height:8px}.btn-setup-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:4px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #6366f14d}.btn-setup-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-setup-primary:disabled{opacity:.65;cursor:not-allowed}.portal-setup-footer{text-align:center;color:#64748b;margin-top:18px;font-size:13px}.portal-setup-footer a{color:#6366f1;font-weight:700;text-decoration:none}.portal-setup-footer a:hover{text-decoration:underline}.portal-setup-error-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;display:flex}:root{--portal-bg:#f8fafc;--portal-card-bg:#fff;--portal-card-border:#e2e8f0;--portal-primary:#6366f1;--portal-primary-hover:#4f46e5;--portal-primary-glow:#6366f140;--portal-text-dark:#0f172a;--portal-text-muted:#64748b;--portal-text-light:#94a3b8;--portal-input-bg:#fff;--portal-input-border:#e2e8f0;--portal-input-focus:#6366f1}.portal-login-viewport{width:100%;min-height:100vh;color:var(--portal-text-dark);background-color:#f1f5f9;background-image:radial-gradient(at 10% 10%,#6366f114 0,#0000 50%),radial-gradient(at 90% 90%,#a855f70f 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;padding:20px 16px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex}@media (width<=640px){.portal-login-viewport{align-items:flex-start;padding:16px 12px}}.portal-login-master-card{background:var(--portal-card-bg);border:1px solid #e2e8f0;border-radius:24px;grid-template-columns:1.02fr 1fr;width:100%;max-width:1020px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px -12px #0f172a14,0 4px 16px #00000005}@media (width<=960px){.portal-login-master-card{border-radius:20px;grid-template-columns:1fr;max-width:480px}}.portal-left-panel{background:linear-gradient(#fff 0%,#faf8ff 100%);border-right:1px solid #f1f5f9;flex-direction:column;justify-content:space-between;padding:32px 32px 0;display:flex;position:relative}@media (width<=960px){.portal-left-panel{display:none}}.portal-brand-top{margin-bottom:12px}.portal-tagline-pill{color:#6366f1;letter-spacing:.02em;background:#f5f3ff;border:1px solid #ede9fe;border-radius:20px;align-items:center;width:fit-content;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.portal-hero-heading{color:#0f172a;letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800;line-height:1.22}.portal-hero-heading .gradient-text{background:linear-gradient(135deg,#6366f1 0%,#9333ea 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.portal-hero-desc{color:var(--portal-text-muted);max-width:380px;margin:0 0 16px;font-size:12.5px;line-height:1.45}.portal-feature-list{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.portal-feature-item{align-items:flex-start;gap:12px;display:flex}.portal-feature-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.portal-feature-icon-wrap.purple{color:#7c3aed;background:#f5f3ff}.portal-feature-icon-wrap.blue{color:#2563eb;background:#eff6ff}.portal-feature-icon-wrap.green{color:#16a34a;background:#f0fdf4}.portal-feature-icon-wrap.amber{color:#d97706;background:#fffbeb}.portal-feature-content{flex-direction:column;gap:2px;display:flex}.portal-feature-content h4{color:#0f172a;margin:0;font-size:12.5px;font-weight:700;line-height:1.25}.portal-feature-content p{color:var(--portal-text-muted);margin:0;font-size:11px;line-height:1.35}.portal-illustration-container{width:calc(100% + 64px);margin-top:auto;margin-left:-32px;line-height:0}.portal-right-panel{background:#fff;flex-direction:column;justify-content:space-between;padding:32px 36px;display:flex}@media (width<=640px){.portal-right-panel{padding:24px 18px}}.portal-mobile-brand{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:none}@media (width<=960px){.portal-mobile-brand{display:flex}}.portal-top-bar{justify-content:flex-end;margin-bottom:12px;display:flex}@media (width<=960px){.portal-top-bar{display:none}}.lang-selector-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.lang-selector-btn:hover{background:#f8fafc;border-color:#cbd5e1}.portal-form-header{margin-bottom:16px}.portal-form-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 3px;font-size:24px;font-weight:800}@media (width<=640px){.portal-form-title{font-size:21px}}.portal-form-subtitle{color:var(--portal-text-muted);margin:0;font-size:13px}.portal-error-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12.5px;line-height:1.4;display:flex}.portal-login-form{flex-direction:column;gap:13px;display:flex}.portal-field-group{flex-direction:column;gap:5px;display:flex}.portal-field-label{color:#334155;font-size:12.5px;font-weight:700}.role-dropdown-container{width:100%;position:relative}.role-dropdown-trigger{color:#0f172a;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:44px;padding:0 14px;font-size:13.5px;transition:all .2s;display:flex}.role-dropdown-trigger:hover{border-color:#cbd5e1}.role-dropdown-trigger.open{border-color:var(--portal-primary);box-shadow:0 0 0 3px var(--portal-primary-glow)}.role-trigger-left{align-items:center;gap:10px;font-weight:600;display:flex}.role-trigger-icon{color:#64748b;align-items:center;display:flex}.role-trigger-caret{color:#94a3b8;transition:transform .2s}.role-trigger-caret.open{transform:rotate(180deg)}.role-options-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:4px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:50px;left:0;right:0;box-shadow:0 14px 32px -4px #0f172a24,0 4px 12px #0000000a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.role-option-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.role-option-card:hover{background:#f8fafc}.role-option-card.selected{background:#faf5ff;border-color:#ddd6fe}.role-option-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.role-option-icon.owner{color:#7c3aed;background:#f5f3ff}.role-option-icon.teacher{color:#2563eb;background:#eff6ff}.role-option-icon.student{color:#16a34a;background:#f0fdf4}.role-option-icon.parent{color:#ea580c;background:#fff7ed}.role-option-info{flex-direction:column;display:flex}.role-option-title{color:#0f172a;font-size:13px;font-weight:700}.role-option-desc{color:#64748b;font-size:11px}.portal-input-wrap{align-items:center;display:flex;position:relative}.portal-input-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.portal-input-field{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:44px;padding:0 42px 0 40px;font-family:inherit;font-size:13.5px;transition:all .2s}.portal-input-field:focus{border-color:var(--portal-primary);box-shadow:0 0 0 3px var(--portal-primary-glow);outline:none}.portal-input-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.portal-input-toggle:hover{color:#334155}.portal-options-row{justify-content:space-between;align-items:center;margin-top:1px;font-size:12.5px;display:flex}.portal-checkbox-label{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-weight:500;display:flex}.portal-checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--portal-primary);cursor:pointer}.portal-forgot-link{color:var(--portal-primary);font-size:12.5px;font-weight:700;text-decoration:none;transition:color .2s}.portal-forgot-link:hover{color:var(--portal-primary-hover);text-decoration:underline}.btn-portal-primary,.portal-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:4px;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #6366f14d}.btn-portal-primary:hover:not(:disabled),.portal-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-portal-primary:disabled,.portal-submit-btn:disabled{opacity:.65;cursor:not-allowed}.btn-spinner{animation:.8s linear infinite btnSpin}@keyframes btnSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portal-form-footer,.portal-footer-notice{text-align:center;color:#64748b;margin-top:14px;font-size:12px}.portal-form-footer p,.portal-footer-notice p{margin:0}.portal-form-footer a,.portal-footer-notice a,.portal-footer-notice .support-link{color:#6366f1;font-weight:700;text-decoration:none}.portal-form-footer a:hover,.portal-footer-notice a:hover,.portal-footer-notice .support-link:hover{text-decoration:underline}:root{--forgot-bg:#f8fafc;--forgot-card-bg:#fff;--forgot-card-border:#e2e8f0;--forgot-primary:#6366f1;--forgot-primary-hover:#4f46e5;--forgot-primary-glow:#6366f140;--forgot-text-dark:#0f172a;--forgot-text-muted:#64748b;--forgot-text-light:#94a3b8;--forgot-input-bg:#fff;--forgot-input-border:#e2e8f0;--forgot-input-focus:#6366f1}.portal-forgot-viewport{width:100%;min-height:100vh;color:var(--forgot-text-dark);background-color:#f1f5f9;background-image:radial-gradient(at 10% 10%,#6366f112 0,#0000 50%),radial-gradient(at 90% 90%,#a855f70f 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;padding:32px 20px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex}@media (width<=640px){.portal-forgot-viewport{align-items:flex-start;padding:16px 12px}}.portal-forgot-master-card{background:var(--forgot-card-bg);border:1px solid #e8edf5;border-radius:28px;grid-template-columns:1.05fr 1fr;width:100%;max-width:1060px;min-height:640px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #0f172a14,0 4px 16px #00000005}@media (width<=960px){.portal-forgot-master-card{border-radius:20px;grid-template-columns:1fr;max-width:520px;min-height:auto}}.portal-forgot-left-panel{background:linear-gradient(#fff 0%,#faf8ff 100%);border-right:1px solid #f1f5f9;flex-direction:column;justify-content:space-between;padding:40px 40px 0;display:flex;position:relative;overflow:hidden}@media (width<=960px){.portal-forgot-left-panel{display:none}}.portal-forgot-brand-top{margin-bottom:20px}.portal-forgot-tagline-pill{color:#6366f1;letter-spacing:.02em;background:#f5f3ff;border:1px solid #ede9fe;border-radius:20px;align-items:center;width:fit-content;margin-bottom:14px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-flex}.portal-forgot-hero-heading{color:#0f172a;letter-spacing:-.03em;margin:0 0 10px;font-size:30px;font-weight:800;line-height:1.22}.portal-forgot-hero-heading .gradient-text{background:linear-gradient(135deg,#6366f1 0%,#9333ea 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.portal-forgot-hero-desc{color:var(--forgot-text-muted);max-width:400px;margin:0 0 24px;font-size:13.5px;line-height:1.5}.portal-forgot-feature-list{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.portal-forgot-feature-item{align-items:flex-start;gap:14px;display:flex}.portal-forgot-feature-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.portal-forgot-feature-icon-wrap.purple{color:#7c3aed;background:#f5f3ff}.portal-forgot-feature-icon-wrap.blue{color:#2563eb;background:#eff6ff}.portal-forgot-feature-icon-wrap.green{color:#16a34a;background:#f0fdf4}.portal-forgot-feature-icon-wrap.amber{color:#d97706;background:#fffbeb}.portal-forgot-feature-content h4{color:#0f172a;margin:0 0 2px;font-size:13.5px;font-weight:700}.portal-forgot-feature-content p{color:var(--forgot-text-muted);margin:0;font-size:12px;line-height:1.35}.portal-forgot-illustration-container{width:calc(100% + 80px);margin-top:auto;margin-left:-40px;line-height:0}.portal-forgot-right-panel{background:#fff;flex-direction:column;justify-content:space-between;padding:32px 44px 28px;display:flex}@media (width<=640px){.portal-forgot-right-panel{padding:24px 18px}}.portal-forgot-top-bar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.portal-back-btn{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.portal-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(-2px)}.portal-forgot-mobile-brand{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:none}@media (width<=960px){.portal-forgot-mobile-brand{display:flex}}.portal-forgot-header{text-align:center;margin-bottom:18px}.portal-forgot-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800}@media (width<=640px){.portal-forgot-title{font-size:22px}}.portal-forgot-subtitle{color:var(--forgot-text-muted);max-width:360px;margin:0 auto;font-size:13.5px;line-height:1.45}.portal-forgot-form{flex-direction:column;gap:14px;display:flex}.portal-forgot-group{flex-direction:column;gap:6px;display:flex}.portal-forgot-label{color:#334155;font-size:13px;font-weight:700}.portal-forgot-input-wrap{align-items:center;display:flex;position:relative}.portal-forgot-input-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.portal-forgot-input-field{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:48px;padding:0 16px 0 42px;font-family:inherit;font-size:14px;transition:all .2s}.portal-forgot-input-field:focus{border-color:var(--forgot-primary);box-shadow:0 0 0 3px var(--forgot-primary-glow);outline:none}.portal-forgot-notice-box{background:#faf5ff;border:1px solid #f3e8ff;border-radius:12px;align-items:flex-start;gap:12px;margin:2px 0 4px;padding:13px 16px;display:flex}.portal-forgot-notice-icon{color:#7c3aed;flex-shrink:0;margin-top:1px}.portal-forgot-notice-content h4{color:#0f172a;margin:0 0 3px;font-size:13px;font-weight:700}.portal-forgot-notice-content p{color:var(--forgot-text-muted);margin:0;font-size:12px;line-height:1.45}.btn-forgot-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:4px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #6366f14d}.btn-forgot-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-forgot-primary:disabled{opacity:.65;cursor:not-allowed}.portal-forgot-divider{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:14px 0;font-size:11.5px;font-weight:700;display:flex}.portal-forgot-divider:before,.portal-forgot-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.portal-forgot-divider span{padding:0 12px}.btn-forgot-support{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-forgot-support:hover{background:#f8fafc;border-color:#cbd5e1}.btn-forgot-support .support-icon{color:#6366f1}.portal-forgot-expiry-box{text-align:center;background:#f0f7ff;border:1px solid #e0f2fe;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;display:flex}.portal-forgot-expiry-icon{color:#2563eb;flex-shrink:0}.portal-forgot-expiry-text{color:#475569;margin:0;font-size:12px;line-height:1.35}.portal-forgot-error-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:12.5px;display:flex}:root{--reset-bg:#f8fafc;--reset-card-bg:#fff;--reset-card-border:#e2e8f0;--reset-primary:#2563eb;--reset-primary-hover:#1d4ed8;--reset-primary-glow:#2563eb40;--reset-text-dark:#0f172a;--reset-text-muted:#64748b;--reset-text-light:#94a3b8;--reset-input-bg:#fff;--reset-input-border:#e2e8f0;--reset-input-focus:#2563eb}.portal-reset-viewport{width:100%;min-height:100vh;color:var(--reset-text-dark);background-color:#f1f5f9;background-image:radial-gradient(at 10% 10%,#2563eb12 0,#0000 50%),radial-gradient(at 90% 90%,#6366f10f 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;padding:32px 20px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex}@media (width<=640px){.portal-reset-viewport{align-items:flex-start;padding:16px 12px}}.portal-reset-master-card{background:var(--reset-card-bg);border:1px solid #e8edf5;border-radius:28px;grid-template-columns:1.05fr 1fr;width:100%;max-width:1060px;min-height:640px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #0f172a14,0 4px 16px #00000005}@media (width<=960px){.portal-reset-master-card{border-radius:20px;grid-template-columns:1fr;max-width:520px;min-height:auto}}.portal-reset-left-panel{background:linear-gradient(#fff 0%,#f8fbff 100%);border-right:1px solid #f1f5f9;flex-direction:column;justify-content:space-between;padding:40px 40px 0;display:flex;position:relative;overflow:hidden}@media (width<=960px){.portal-reset-left-panel{display:none}}.portal-reset-brand-top{margin-bottom:20px}.portal-reset-tagline-pill{color:#2563eb;letter-spacing:.02em;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-bottom:14px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-flex}.portal-reset-hero-heading{color:#0f172a;letter-spacing:-.03em;margin:0 0 10px;font-size:30px;font-weight:800;line-height:1.22}.portal-reset-hero-heading .gradient-text{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.portal-reset-hero-desc{color:var(--reset-text-muted);max-width:400px;margin:0 0 24px;font-size:13.5px;line-height:1.5}.portal-reset-feature-list{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.portal-reset-feature-item{align-items:flex-start;gap:14px;display:flex}.portal-reset-feature-icon-wrap{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.portal-reset-feature-content h4{color:#0f172a;margin:0 0 2px;font-size:13.5px;font-weight:700}.portal-reset-feature-content p{color:var(--reset-text-muted);margin:0;font-size:12px;line-height:1.35}.portal-reset-illustration-container{width:calc(100% + 80px);margin-top:auto;margin-left:-40px;line-height:0}.portal-reset-right-panel{background:#fff;flex-direction:column;justify-content:space-between;padding:32px 44px 28px;display:flex}@media (width<=640px){.portal-reset-right-panel{padding:24px 18px}}.portal-reset-top-bar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.portal-back-link{color:#2563eb;align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.portal-back-link:hover{text-decoration:underline;transform:translate(-2px)}.portal-reset-mobile-brand{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:none}@media (width<=960px){.portal-reset-mobile-brand{display:flex}}.portal-reset-header{text-align:center;margin-bottom:18px}.portal-reset-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 6px;font-size:24px;font-weight:800}@media (width<=640px){.portal-reset-title{font-size:21px}}.portal-reset-subtitle{color:var(--reset-text-muted);max-width:380px;margin:0 auto;font-size:13px;line-height:1.45}.portal-reset-form{flex-direction:column;gap:13px;display:flex}.portal-reset-group{flex-direction:column;gap:6px;display:flex}.portal-reset-label{color:#334155;font-size:13px;font-weight:700}.portal-reset-input-wrap{align-items:center;display:flex;position:relative}.portal-reset-input-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.portal-reset-input-field{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:46px;padding:0 44px 0 42px;font-family:inherit;font-size:14px;transition:all .2s}.portal-reset-input-field:focus{border-color:var(--reset-primary);box-shadow:0 0 0 3px var(--reset-primary-glow);outline:none}.portal-reset-input-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.portal-reset-input-toggle:hover{color:#334155}.strength-indicator-section{flex-direction:column;gap:6px;margin-top:2px;display:flex}.strength-header-row{justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.strength-label-text{color:#64748b;font-weight:500}.strength-status-text{font-weight:700;transition:color .2s}.strength-segments-bar{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.strength-segment{background:#e2e8f0;border-radius:4px;height:4px;transition:background-color .25s}.reset-requirements-grid{grid-template-columns:1fr 1fr;gap:6px 12px;margin:2px 0 4px;display:grid}@media (width<=480px){.reset-requirements-grid{grid-template-columns:1fr}}.reset-req-item{color:#64748b;align-items:center;gap:7px;font-size:11.5px;transition:color .2s;display:flex}.reset-req-item.met{color:#059669;font-weight:600}.reset-req-circle{border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;transition:all .2s;display:flex}.reset-req-item.met .reset-req-circle{background:#10b981;border-color:#10b981}.reset-req-check{color:#fff;width:8px;height:8px}.btn-reset-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:4px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #2563eb4d}.btn-reset-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.btn-reset-primary:disabled{opacity:.65;cursor:not-allowed}.portal-reset-notice-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;display:flex}.portal-reset-notice-icon{color:#2563eb;flex-shrink:0}.portal-reset-notice-text{color:#475569;margin:0;font-size:12px;line-height:1.4}.portal-reset-error-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:12.5px;display:flex}:root{--verify-bg:#f8fafc;--verify-card-bg:#fff;--verify-card-border:#e2e8f0;--verify-primary:#6366f1;--verify-primary-hover:#4f46e5;--verify-primary-glow:#6366f140;--verify-text-dark:#0f172a;--verify-text-muted:#64748b;--verify-text-light:#94a3b8}*{box-sizing:border-box}.portal-verify-viewport{width:100%;min-height:100vh;color:var(--verify-text-dark);background-color:#f1f5f9;background-image:radial-gradient(at 10% 10%,#6366f112 0,#0000 50%),radial-gradient(at 90% 90%,#a855f70f 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;padding:32px 20px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex}@media (width<=640px){.portal-verify-viewport{align-items:flex-start;padding:16px 12px}}.portal-verify-master-card{background:var(--verify-card-bg);border:1px solid #e8edf5;border-radius:28px;grid-template-columns:1.05fr 1fr;width:100%;max-width:1060px;min-height:640px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #0f172a14,0 4px 16px #00000005}@media (width<=960px){.portal-verify-master-card{border-radius:20px;grid-template-columns:1fr;max-width:520px;min-height:auto}}.portal-verify-left-panel{background:linear-gradient(#fff 0%,#faf8ff 100%);border-right:1px solid #f1f5f9;flex-direction:column;justify-content:space-between;padding:40px 40px 0;display:flex;position:relative;overflow:hidden}@media (width<=960px){.portal-verify-left-panel{display:none}}.portal-verify-brand-top{margin-bottom:20px}.portal-verify-tagline-pill{color:#6366f1;letter-spacing:.02em;background:#f5f3ff;border:1px solid #ede9fe;border-radius:20px;align-items:center;width:fit-content;margin-bottom:14px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-flex}.portal-verify-hero-heading{color:#0f172a;letter-spacing:-.03em;margin:0 0 10px;font-size:30px;font-weight:800;line-height:1.22}.portal-verify-hero-heading .gradient-text{background:linear-gradient(135deg,#6366f1 0%,#9333ea 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.portal-verify-hero-desc{color:var(--verify-text-muted);max-width:400px;margin:0 0 24px;font-size:13.5px;line-height:1.5}.portal-verify-feature-list{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.portal-verify-feature-item{align-items:flex-start;gap:14px;display:flex}.portal-verify-feature-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.portal-verify-feature-icon-wrap.purple{color:#7c3aed;background:#f5f3ff}.portal-verify-feature-icon-wrap.blue{color:#2563eb;background:#eff6ff}.portal-verify-feature-icon-wrap.green{color:#16a34a;background:#f0fdf4}.portal-verify-feature-content h4{color:#0f172a;margin:0 0 2px;font-size:13.5px;font-weight:700}.portal-verify-feature-content p{color:var(--verify-text-muted);margin:0;font-size:12px;line-height:1.35}.portal-verify-illustration-container{width:calc(100% + 80px);margin-top:auto;margin-left:-40px;line-height:0}.portal-verify-right-panel{background:#fff;flex-direction:column;justify-content:space-between;padding:36px 44px 32px;display:flex}@media (width<=640px){.portal-verify-right-panel{padding:24px 18px}}.portal-verify-mobile-brand{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:none}@media (width<=960px){.portal-verify-mobile-brand{display:flex}}.portal-verify-top-bar{justify-content:flex-end;margin-bottom:12px;display:flex}@media (width<=960px){.portal-verify-top-bar{display:none}}.portal-verify-header{text-align:center;margin-bottom:18px}.portal-verify-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 8px;font-size:26px;font-weight:800}@media (width<=640px){.portal-verify-title{font-size:22px}}.portal-verify-subtitle-top{color:var(--verify-text-muted);margin:0 0 4px;font-size:13.5px}.portal-verify-email-highlight{color:#6366f1;word-break:break-all;margin:0 0 6px;font-size:15px;font-weight:700;display:block}.portal-verify-subtitle-bottom{color:var(--verify-text-muted);max-width:380px;margin:0 auto;font-size:13px;line-height:1.45}.portal-verify-info-box{background:#faf5ff;border:1px solid #f3e8ff;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.portal-verify-info-icon{color:#7c3aed;flex-shrink:0;margin-top:2px}.portal-verify-info-content h4{color:#0f172a;margin:0 0 3px;font-size:13px;font-weight:700}.portal-verify-info-content p{color:var(--verify-text-muted);margin:0;font-size:12px;line-height:1.4}.portal-verify-divider{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:16px 0;font-size:11.5px;font-weight:700;display:flex}.portal-verify-divider:before,.portal-verify-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.portal-verify-divider span{padding:0 12px}.btn-verify-resend{color:#6366f1;cursor:pointer;background:#fff;border:1.5px solid #c7d2fe;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:14.5px;font-weight:700;transition:all .2s;display:flex}.btn-verify-resend:hover:not(:disabled){background:#faf5ff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 14px #6366f126}.btn-verify-resend:disabled{opacity:.65;cursor:not-allowed}.portal-verify-security-note{color:var(--verify-text-muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:12.5px;display:flex}.portal-verify-security-note svg{color:#6366f1;flex-shrink:0}.portal-verify-footer{text-align:center;color:#64748b;margin-top:20px;font-size:13px}.portal-verify-footer a{color:#6366f1;font-weight:700;text-decoration:none}.portal-verify-footer a:hover{text-decoration:underline}.portal-verify-alert{border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:12.5px;display:flex}.portal-verify-alert.success{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.portal-verify-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}:root{--canvas-bg:#0b0f19;--surface-bg:#111728;--card-bg:#131b2e;--card-bg-soft:#172138;--card-hover-bg:#1b2640;--border-color:#ffffff14;--border-color-light:#ffffff24;--text-main:#fff;--text-muted:#8e9db7;--text-sub:#64748b;--accent-color:#6366f1;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--blue-color:#38bdf8;--sidebar-width:260px;--sidebar-collapsed-width:72px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--canvas-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .2s,color .2s;overflow:hidden}[data-reduce-animations=true] *,[data-reduce-animations=true] :before,[data-reduce-animations=true] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-hide-scrollbars=true] *{scrollbar-width:none!important;-ms-overflow-style:none!important}[data-hide-scrollbars=true] ::-webkit-scrollbar{scrollbar-width:none!important;-ms-overflow-style:none!important}[data-hide-scrollbars=true] body::-webkit-scrollbar{scrollbar-width:none!important;-ms-overflow-style:none!important}[data-hide-scrollbars=true] ::-webkit-scrollbar{display:none!important}[data-compact=true] .creator-kpi-card{padding:10px 8px 6px!important}[data-compact=true] .timeline-item{padding:6px 10px!important}[data-compact=true] .creator-dashboard{gap:14px!important}[data-high-contrast=true]{--border-color:#ffffff47!important;--border-color-light:#ffffff73!important}[data-theme=light][data-high-contrast=true]{--border-color:#64748b!important;--border-color-light:#334155!important}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.mobile-app-bottom-bar{background:var(--surface-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color-light);z-index:150;justify-content:space-around;align-items:center;width:100vw;height:64px;padding:0 12px;display:none;position:fixed;bottom:0;left:0}.mob-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;font-size:.68rem;font-weight:600;transition:all .12s;display:flex}.mob-nav-btn.active{color:var(--accent-color)}.erp-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.erp-modal-window{background:var(--surface-bg);border:1px solid var(--border-color-light);border-radius:16px;width:100%;max-width:500px;animation:.2s ease-out modalFadeIn;overflow:hidden;box-shadow:0 24px 60px #000000b3}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-top-bar{background:var(--card-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-top-bar h3{color:var(--text-main);font-size:.95rem;font-weight:700}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.modal-inner-body{padding:18px}.modal-sub-info{color:var(--text-muted);margin-bottom:12px;font-size:.82rem}.quick-attendance-picker{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.att-sample-row{background:var(--card-bg);color:var(--text-main);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.82rem;display:flex}.status-options{gap:5px;display:flex}.att-pill{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:600}.att-pill.active-p{background:var(--success-color);color:#fff;border-color:#0000}.att-pill.active-a{background:var(--danger-color);color:#fff;border-color:#0000}.modal-submit-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;height:40px;font-size:.86rem;font-weight:700}.modal-submit-btn.wa-submit{background:#25d366;box-shadow:0 4px 16px #25d36659}.whatsapp-preview-card{background:#25d36614;border:1px solid #25d36633;border-radius:10px;margin:12px 0;padding:10px 12px}.wa-header{color:#25d366;align-items:center;gap:6px;margin-bottom:5px;font-size:.8rem;font-weight:700;display:flex}.wa-body{color:var(--text-main);font-size:.8rem;line-height:1.35}.modal-input-field{background:var(--card-bg);border:1px solid var(--border-color);width:100%;height:40px;color:var(--text-main);border-radius:8px;outline:none;margin:12px 0;padding:0 12px;font-size:.86rem}.insight-card-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;margin-bottom:8px;padding:10px}.insight-card-item strong{color:var(--text-main);font-size:.85rem}.insight-card-item p{color:var(--text-muted);margin-top:3px;font-size:.78rem;line-height:1.3}.placeholder-page{background:var(--surface-bg);border:1px solid var(--border-color);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:32px;display:flex}.placeholder-page h2{color:var(--text-main);margin-bottom:8px;font-size:1.5rem}.placeholder-page p{color:var(--text-muted);font-size:.9rem}@media (width<=992px){.mobile-app-bottom-bar{display:flex}}