@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..900;1,9..40,100..900&family=Geist:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";.sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;background:var(--bark);padding:32px 20px;z-index:10;display:flex;flex-direction:column;overflow:scroll}.sidebar::-webkit-scrollbar{display:none}.sidebar-logo-link{text-decoration:none;display:block}.sidebar .logo{font-family:Playfair Display,serif;font-size:22px;color:var(--cream);margin-bottom:6px;letter-spacing:-.5px}.sidebar .logo img{width:100px}.sidebar .logo-sub{font-size:11px;color:#faf7f266;letter-spacing:2px;text-transform:uppercase;margin-bottom:40px}.nav-role-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--role-color, #e8a030);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:3px 10px;margin-bottom:28px;font-family:DM Sans,sans-serif}.nav-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);margin-bottom:8px}.nav-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--sun),var(--rose));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;font-family:DM Sans,sans-serif}.nav-user-info{flex:1;min-width:0}.nav-user-name{font-size:12.5px;font-weight:600;color:var(--cream);font-family:DM Sans,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-email{font-size:10.5px;color:#faf7f259;font-family:DM Sans,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-section{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#faf7f24d;margin-bottom:12px;margin-top:20px}.role-switcher{display:flex;flex-direction:column;gap:4px}.rs-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:transparent;font-family:DM Sans,sans-serif;font-size:12.5px;color:#faf7f280;cursor:pointer;transition:all .18s;text-align:left}.rs-btn:hover:not(:disabled):not(.active){background:rgba(255,255,255,.06);color:#faf7f2d9;border-color:#ffffff1f}.rs-btn.active{background:rgba(255,255,255,.07);border-color:var(--rs-accent, #e8a030);color:var(--cream);font-weight:600}.rs-btn:disabled{opacity:.5;cursor:not-allowed}.rs-icon{font-size:14px;width:20px;text-align:center;flex-shrink:0}.rs-label{flex:1}.rs-spinner{width:14px;height:14px;border:1.5px solid rgba(255,255,255,.2);border-top-color:var(--cream);border-radius:50%;animation:spin .5s linear infinite;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;color:#faf7f299;font-size:13.5px;font-family:DM Sans,sans-serif;font-weight:400;text-decoration:none;transition:all .2s;margin-bottom:3px;position:relative}.nav-item .icon{font-size:16px}.nav-item:hover,.nav-item.hov{color:var(--cream);background:rgba(255,255,255,.06)}.nav-item.active{color:var(--cream);background:rgba(232,160,48,.18)}.nav-item.active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--sun);border-radius:3px 0 0 3px}.nav-badge{margin-left:auto;font-size:10px;font-weight:700;background:var(--rose);color:#fff;border-radius:20px;padding:1px 6px;line-height:1.6;font-family:DM Sans,sans-serif}.nav-logout{margin-top:4px}.nav-logout:hover,.nav-logout.hov{background:rgba(201,107,90,.12);color:var(--rose)}.children-section{margin-top:auto}.child-pill{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:50px;cursor:pointer;margin-bottom:6px;border:1.5px solid transparent;transition:all .2s}.child-pill:hover{background:rgba(255,255,255,.06)}.child-pill.active{border-color:var(--sun);background:rgba(232,160,48,.1)}.child-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;flex-shrink:0}.child-info{flex:1}.child-name{font-size:13px;color:var(--cream);font-weight:500;font-family:DM Sans,sans-serif}.child-grade{font-size:11px;color:#faf7f266;font-family:DM Sans,sans-serif}.nav-hamburger{display:none;position:fixed;top:14px;left:14px;z-index:200;width:40px;height:40px;border-radius:10px;background:var(--bark, #2c2016);border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;box-shadow:0 2px 12px #2c20162e}.nav-hamburger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(44,32,22,.45);z-index:250;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 900px){.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:300}.sidebar.open{transform:translate(0)}.nav-hamburger{display:flex}}:root{--cream: #faf7f2;--warm: #f0e9dc;--bark: #2c2016;--bark-light: #3e2e1e;--moss: #3d5a3e;--sky: #4a7fa5;--sun: #e8a030;--rose: #c96b5a;--sage: #8aad8b;--border: #e0d5c5;--shadow: 0 8px 40px rgba(44, 32, 22, .1)}.auth-root{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--bark);min-height:100vh;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.left-panel{background:var(--bark);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 52px;overflow:hidden;min-height:100vh}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.18;pointer-events:none}.blob-1{width:340px;height:340px;background:var(--sun);top:-80px;right:-80px;animation:drift 8s ease-in-out infinite}.blob-2{width:260px;height:260px;background:var(--moss);bottom:60px;left:-60px;animation:drift 10s ease-in-out infinite reverse}.blob-3{width:180px;height:180px;background:var(--sky);top:50%;left:40%;animation:drift 12s ease-in-out infinite 2s}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.05)}66%{transform:translate(-10px,20px) scale(.97)}}.dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(250,247,242,.08) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.left-top,.left-bottom{position:relative;z-index:2}.left-mid{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.logo{font-family:Playfair Display,serif;font-size:26px;color:var(--cream);letter-spacing:-.5px}.logo img{width:100px}.logo span{color:var(--sun)}.logo-sub{font-size:11px;color:#faf7f259;letter-spacing:2.5px;text-transform:uppercase;margin-top:4px}.headline{font-family:Playfair Display,serif;font-size:42px;line-height:1.18;color:var(--cream);font-weight:700;margin-bottom:18px}.headline em{font-style:italic;color:var(--sun)}.subline{font-size:15px;color:#faf7f28c;line-height:1.65;max-width:360px;margin-bottom:40px}.feature-list{display:flex;flex-direction:column;gap:14px}.feature-item{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 18px;animation:fadeUp .5s ease both}.fi-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.fi-text{flex:1}.fi-title{font-size:13.5px;font-weight:600;color:var(--cream);margin-bottom:2px}.fi-sub{font-size:11.5px;color:#faf7f273}.testimonial{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 22px}.testi-text{font-family:Playfair Display,serif;font-size:14.5px;font-style:italic;color:#faf7f2bf;line-height:1.6;margin-bottom:14px}.testi-author{display:flex;align-items:center;gap:10px}.testi-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--sun),var(--rose));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.testi-name{font-size:12.5px;font-weight:600;color:var(--cream)}.testi-role{font-size:11px;color:#faf7f266}.testi-stars{margin-left:auto;font-size:13px}.right-panel{display:flex;flex-direction:column;justify-content:center;padding:48px 64px;overflow-y:auto;background:var(--cream);position:relative}.right-panel:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.form-wrap{position:relative;z-index:1;max-width:420px;width:100%}.step-indicator{display:flex;align-items:center;gap:8px;margin-bottom:36px;animation:fadeUp .4s ease both}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .3s}.step-dot.active{background:var(--bark);width:24px;border-radius:4px}.step-dot.done{background:var(--moss)}.step-label{font-size:12px;color:#a09080;margin-left:4px}.step-label strong{color:var(--bark)}.form-step{display:none}.form-step.active{display:block}.form-title{font-family:Playfair Display,serif;font-size:28px;font-weight:700;margin-bottom:6px;animation:fadeUp .4s ease .05s both}.form-subtitle{font-size:13.5px;color:#a09080;margin-bottom:32px;line-height:1.5;animation:fadeUp .4s ease .1s both}.social-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;animation:fadeUp .4s ease .12s both}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:12px;border:1.5px solid var(--border);background:#fff;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--bark);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2c20160d}.social-btn:hover{border-color:var(--bark);transform:translateY(-1px);box-shadow:0 4px 14px #2c20161a}.social-icon{font-size:16px}.divider{display:flex;align-items:center;gap:14px;margin-bottom:24px;animation:fadeUp .4s ease .15s both}.divider-line{flex:1;height:1px;background:var(--border)}.divider-text{font-size:12px;color:#b0a090;white-space:nowrap}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:16px;animation:fadeUp .4s ease both}.field.bt{margin-bottom:40px}.field-label{font-size:12.5px;font-weight:600;color:var(--bark);display:block;margin-bottom:7px;letter-spacing:.2px}.field-input-wrap{position:relative}.field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:15px;pointer-events:none}.field-input{width:100%;padding:12px 14px 12px 40px;border:1.5px solid var(--border);border-radius:12px;background:#fff;font-family:DM Sans,sans-serif;font-size:14px;color:var(--bark);outline:none;transition:all .2s;box-shadow:0 2px 6px #2c20160a}.field-input:focus{border-color:var(--bark);box-shadow:0 0 0 3px #2c201612}.field-input.error{border-color:var(--rose)}.field-input.success{border-color:var(--moss)}.field-input.success:focus{box-shadow:0 0 0 3px #3d5a3e14}.eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:#b0a090;padding:4px}.field-hint{font-size:11.5px;color:#b0a090;margin-top:5px}.field-error{font-size:11.5px;color:var(--rose);margin-top:5px;display:none}.pw-strength{margin-top:8px}.pw-bars{display:flex;gap:4px;margin-bottom:5px}.pw-bar{flex:1;height:3px;border-radius:3px;background:var(--border);transition:background .3s}.pw-bar.weak{background:var(--rose)}.pw-bar.fair{background:var(--sun)}.pw-bar.strong{background:var(--moss)}.pw-label{font-size:11px;color:#b0a090}.agree-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px;animation:fadeUp .4s ease both}.custom-checkbox{position:relative;flex-shrink:0;margin-top:1px}.custom-checkbox input{opacity:0;width:0;height:0;position:absolute}.cb-box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:11px;color:transparent}.cb-box.checked{background:var(--bark);border-color:var(--bark);color:#fff}.agree-text{font-size:12.5px;color:#8a7a6a;line-height:1.55}.agree-text a{color:var(--bark);font-weight:600;text-decoration:underline;cursor:pointer}.submit-btn{width:100%;padding:15px;background:var(--bark);color:var(--cream);border:none;border-radius:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px #2c20162e;animation:fadeUp .4s ease .45s both;position:relative;overflow:hidden}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2c201638}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-arrow{font-size:18px;transition:transform .2s}.submit-btn:hover .btn-arrow{transform:translate(4px)}.signin-link{text-align:center;font-size:13px;color:#a09080;margin-top:18px;animation:fadeUp .4s ease .5s both}.signin-link a{color:var(--bark);font-weight:600;cursor:pointer;text-decoration:none;border-bottom:1.5px solid var(--bark)}.trust-row{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border);animation:fadeUp .4s ease .55s both}.trust-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#b0a090}.trust-icon{font-size:14px}.back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;color:#a09080;padding:0;margin-bottom:28px;transition:color .2s;animation:fadeUp .3s ease both}.back-btn:hover{color:var(--bark)}.children-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:16px;animation:fadeUp .4s ease .35s both}.children-left{display:flex;align-items:center;gap:10px}.children-icon{font-size:20px}.children-label{font-size:13.5px;font-weight:500}.children-sub{font-size:11.5px;color:#a09080}.mini-stepper{display:flex;align-items:center;gap:8px}.ms-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--border);background:var(--warm);cursor:pointer;font-size:16px;color:var(--bark);display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:DM Sans,sans-serif}.ms-btn:hover{background:var(--border)}.ms-val{font-size:15px;font-weight:700;width:24px;text-align:center}.child-setup-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:18px 20px;margin-bottom:12px;animation:fadeUp .3s ease both}.child-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.child-card-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.child-num{width:24px;height:24px;border-radius:50%;background:var(--bark);color:var(--cream);font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.child-card-body{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-field-label{font-size:11.5px;font-weight:600;display:block;margin-bottom:5px;color:var(--bark)}.mini-input{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:9px;background:var(--cream);font-family:DM Sans,sans-serif;font-size:13px;color:var(--bark);outline:none;transition:border-color .2s}.mini-input:focus{border-color:var(--bark)}.mini-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%232c2016' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:28px}.adhd-note{background:linear-gradient(135deg,rgba(232,160,48,.1),rgba(138,173,139,.1));border:1.5px solid rgba(232,160,48,.25);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;animation:fadeUp .4s ease .38s both}.adhd-icon{font-size:20px;flex-shrink:0;margin-top:1px}.adhd-text{font-size:12.5px;color:#7a6040;line-height:1.55}.adhd-text strong{color:var(--bark)}.success-wrap{text-align:center;padding:20px 0}.success-ring{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--moss),var(--sage));display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 24px;box-shadow:0 8px 30px #3d5a3e40;animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both}.success-actions{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:32px}.success-action-card{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;gap:14px;align-items:center;animation:fadeUp .4s ease both;cursor:pointer;transition:all .2s}.success-action-card:hover{border-color:var(--bark);transform:translate(3px)}.sa-icon{font-size:24px}.sa-body{flex:1}.sa-title{font-size:13.5px;font-weight:600;margin-bottom:2px}.sa-sub{font-size:12px;color:#a09080}.sa-arrow{font-size:18px;color:#c0b0a0}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.role-select-row{display:flex;gap:8px}.role-btn{flex:1;padding:10px 8px;border-radius:10px;border:1.5px solid var(--border);background:#fff;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--bark);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.role-btn:hover{border-color:var(--bark)}.role-btn.selected{background:var(--bark);color:var(--cream);border-color:var(--bark)}.demo-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;animation:fadeUp .4s ease .12s both}.demo-label-line{flex:1;height:1px;background:var(--border)}.demo-label-text{font-size:11.5px;color:#b0a090;white-space:nowrap;font-weight:500;letter-spacing:.3px}.demo-cards{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;animation:fadeUp .4s ease .15s both}.demo-card{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;border:1.5px solid rgba(44,32,22,.1);cursor:pointer;font-family:DM Sans,sans-serif;transition:all .2s;text-align:left}.demo-card:hover:not(:disabled){border-color:var(--demo-accent, var(--bark));transform:translate(3px);box-shadow:0 4px 16px #2c201614}.demo-card:disabled{opacity:.6;cursor:not-allowed}.demo-card-icon{font-size:22px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.6);flex-shrink:0}.demo-card-body{flex:1}.demo-card-role{font-size:13.5px;font-weight:600;color:var(--bark);margin-bottom:1px}.demo-card-desc{font-size:11.5px;color:#a09080}.demo-card-arrow{font-size:16px;color:var(--demo-accent, #c0b0a0);transition:transform .2s}.demo-card:hover:not(:disabled) .demo-card-arrow{transform:translate(3px)}.demo-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--bark);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@media (max-width: 900px){.auth-root{grid-template-columns:1fr}.left-panel{display:none}.right-panel{padding:40px 28px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-main{margin-left:220px;padding:36px 40px;min-height:100vh;background:var(--cream);font-family:DM Sans,sans-serif;color:var(--bark);width:calc(100vw - 220px)}.header-child-tag{display:inline-block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:4px 14px;border-radius:50px;margin-left:12px;vertical-align:middle;letter-spacing:0}.export-btn{display:flex;align-items:center;gap:6px;background:var(--bark);color:var(--cream);border:none;border-radius:50px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #2c201626}.export-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2c201633}.subject-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.faculty-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.faculty-tabs::-webkit-scrollbar{display:none}.subject-tab{flex:0 0 auto;min-width:215px;background:#fff;border:1.5px solid var(--border, #e0d5c5);border-radius:14px;padding:14px 16px;cursor:pointer;text-align:left;transition:all .2s;box-shadow:0 2px 8px #2c20160d;animation:fadeUp .4s ease both}.subject-tab:hover{border-color:var(--tab-color);transform:translateY(-2px);box-shadow:0 6px 20px #2c201617}.subject-tab.active{border-color:var(--tab-color);background:var(--tab-bg);box-shadow:0 4px 16px #2c20161a}.tab-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#a09080;margin-bottom:6px}.tab-score{font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1;margin-bottom:4px}.tab-trend{font-size:11.5px;font-weight:600}.tab-trend.up{color:var(--moss)}.tab-trend.down{color:var(--rose)}.main-chart-card{margin-bottom:20px;animation:fadeUp .5s ease .15s both}.chart-kpi-val{font-family:Playfair Display,serif;font-size:26px;font-weight:700;line-height:1;margin-bottom:3px}.recharts-text.recharts-cartesian-axis-tick-value{font-size:10px;color:#c0b0a0}.perf-chart-wrap{width:100%;overflow:hidden}.perf-svg{width:100%;height:180px;display:block;overflow:visible}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trend-card{animation:fadeUp .5s ease .2s both}.performance-trend-card{height:100%}.trend-stat-row{display:flex;gap:0;margin-bottom:20px}.trend-stat{flex:1;text-align:center;padding:10px 0;border-right:1px solid var(--warm)}.trend-stat:last-child{border-right:none}.trend-stat-val{font-family:Playfair Display,serif;font-size:22px;font-weight:700;margin-bottom:4px}.trend-stat-label{font-size:10.5px;color:#a09080;text-transform:uppercase;letter-spacing:1px}.trend-divider{height:1px;background:var(--warm);margin-bottom:16px}.trend-insights{display:flex;flex-direction:column;gap:10px}.trend-insight{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px}.trend-insight.plateau{background:#fef3e2}.trend-insight.struggling{background:#fde8e4}.trend-insight.improving{background:#e8f4e8}.trend-insight.declining{background:#fde8e4}.insight-icon{font-size:17px;flex-shrink:0;margin-top:1px}.insight-title{font-size:13px;font-weight:600;margin-bottom:2px}.insight-sub{font-size:11.5px;color:#a09080;line-height:1.5}.video-card{animation:fadeUp .5s ease .25s both}.video-donut-row{display:flex;align-items:center;gap:20px;margin-bottom:20px}.video-counts{display:flex;flex-direction:column}.video-count-val{font-family:Playfair Display,serif;font-size:32px;font-weight:700;line-height:1}.video-count-label{font-size:12px;color:#a09080;margin-top:2px}.video-count-of{font-size:11px;color:#c0b0a0;margin-top:1px}.video-recent-label{font-size:10.5px;text-transform:uppercase;letter-spacing:1.5px;color:#a09080;margin-bottom:10px}.video-recent-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--warm)}.video-recent-row:last-child{border-bottom:none}.video-recent-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.video-recent-name{flex:1;font-size:13px;font-weight:400}.video-recent-check{font-size:13px}.quiz-card{animation:fadeUp .5s ease .3s both}.quiz-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--warm)}.quiz-row:last-child{border-bottom:none}.quiz-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.quiz-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.quiz-status-dot.passed{background:var(--moss)}.quiz-status-dot.failed{background:var(--rose)}.quiz-info{flex:1;min-width:0}.quiz-topic{font-size:13px;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-meta{font-size:11px;color:#a09080}.quiz-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.quiz-score{font-size:12px;font-weight:700;padding:3px 10px;border-radius:50px}.quiz-attempts-pips{display:flex;align-items:center;gap:3px}.quiz-pip{width:8px;height:8px;border-radius:50%;transition:background .2s}.quiz-pip-more{font-size:10px;color:#a09080;margin-left:2px}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;animation:fadeUp .5s ease both}.badge{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--warm);border-radius:50px;padding:8px 16px;font-size:13px;cursor:pointer;color:var(--bark);box-shadow:0 4px 24px #2c201614;font-family:DM Sans,sans-serif}.course-rate-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--warm)}.course-rate-row:last-child{border-bottom:none}.course-rate-name{font-size:12px;font-weight:500;flex:0 0 130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-rate-bar-wrap{flex:1;height:5px;background:#f0e9dc;border-radius:50px;overflow:hidden}.course-rate-bar{height:100%;border-radius:50px;transition:width .4s ease}.course-rate-pct{font-size:11px;font-weight:700;flex:0 0 34px;text-align:right}.no-risk-msg{text-align:center;padding:32px 0 16px}.quiz-status-dot.warning{background:#f59e0b}@media (max-width: 1100px){.progress-main{padding:28px 24px}.progress-grid{grid-template-columns:1fr}.progress-grid>div[style*="1 / 3"]{grid-column:1 / 2!important}.subject-tabs{gap:8px}.subject-tab{min-width:100px}}.lecturers-main{margin-left:220px;padding:36px 40px;min-height:100vh;background:var(--cream);font-family:DM Sans,sans-serif;color:var(--bark);width:calc(100vw - 220px)}.lec-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;animation:lec-fadeUp .4s ease both}.lec-heading{font-family:Playfair Display,serif;font-size:30px;font-weight:700;color:var(--bark);margin-bottom:4px}.lec-heading-tag{display:inline-block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:4px 14px;border-radius:50px;margin-left:10px;vertical-align:middle;background:#e8a03022;color:var(--sun)}.lec-heading-sub{font-size:13px;color:#a09080}.lec-header-actions{display:flex;gap:12px;align-items:center}.lec-badge{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #e0d5c5;border-radius:50px;padding:8px 16px;font-size:13px;color:var(--bark);box-shadow:0 4px 24px #2c201614}.lec-export-btn{display:flex;align-items:center;gap:6px;background:var(--bark);color:var(--cream);border:none;border-radius:50px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #2c201626}.lec-export-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2c201633}.lec-filters-row{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px;animation:lec-fadeUp .4s ease .05s both}.lec-filters-row::-webkit-scrollbar{display:none}.lec-filter-pill{flex:0 0 auto;background:#fff;border:1.5px solid #e0d5c5;border-radius:50px;padding:6px 16px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;color:#a09080;cursor:pointer;transition:all .18s;white-space:nowrap}.lec-filter-pill:hover{border-color:var(--bark);color:var(--bark)}.lec-filter-pill.active{font-weight:600}.lec-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:24px;animation:lec-fadeUp .4s ease .1s both}.lec-search-wrap{flex:1;position:relative;display:flex;align-items:center}.lec-search-icon{position:absolute;left:14px;font-size:14px;color:#a09080;pointer-events:none}.lec-search{width:100%;background:#fff;border:1.5px solid #e0d5c5;border-radius:50px;padding:10px 40px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--bark);outline:none;transition:border-color .18s;box-shadow:0 2px 8px #2c20160a}.lec-search:focus{border-color:var(--bark)}.lec-search::placeholder{color:#c0b0a0}.lec-search-clear{position:absolute;right:14px;background:none;border:none;font-size:13px;color:#a09080;cursor:pointer;padding:2px 4px;line-height:1}.lec-search-clear:hover{color:var(--rose)}.lec-sort-select{background:#fff;border:1.5px solid #e0d5c5;border-radius:50px;padding:10px 36px 10px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--bark);outline:none;cursor:pointer;transition:border-color .18s;box-shadow:0 2px 8px #2c20160a;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a09080' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.lec-sort-select:focus{border-color:var(--bark)}.lec-count{font-size:12.5px;color:#a09080;white-space:nowrap;flex-shrink:0}.lec-list{background:#fff;border-radius:20px;box-shadow:0 4px 24px #2c201614;overflow:hidden;animation:lec-fadeUp .4s ease .15s both}.lec-list-header,.lec-row{display:grid;grid-template-columns:2.4fr 1fr 1.2fr 1.6fr .7fr .7fr 1.3fr;align-items:center;gap:0}.lec-list-header{padding:12px 20px;border-bottom:1.5px solid #f0e9dc;font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:#a09080;font-weight:600}.lec-row{padding:14px 20px;border-bottom:1px solid #f5f0e8;cursor:pointer;transition:background .15s}.lec-row:last-child{border-bottom:none}.lec-row:hover{background:#faf7f2}.lec-row-name-cell{display:flex;align-items:center;gap:12px;min-width:0;padding-right:16px}.lec-avatar-sm{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:14px;font-weight:700;flex-shrink:0}.lec-row-name-info{min-width:0}.lec-row-name{font-size:13.5px;font-weight:600;color:var(--bark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.lec-row-role{font-size:11px;color:#a09080}.lec-row-cell{padding-right:12px}.lec-faculty-tag{display:inline-block;font-size:10.5px;font-weight:600;padding:3px 10px;border-radius:50px;letter-spacing:.2px;white-space:nowrap}.lec-list-header .lec-row-email,.lec-list-header .lec-row-dept{font-size:10.5px;color:#a09080}.lec-row-dept,.lec-row-email{font-size:12px;color:#a09080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lec-row-num{text-align:center}.lec-row-num-val{font-family:Playfair Display,serif;font-size:16px;font-weight:700;color:var(--bark);line-height:1}.lec-row-num-label{font-size:10px;color:#c0b0a0;text-transform:uppercase;letter-spacing:.8px}.lec-row-att-cell{width:100%;text-align:center;gap:4px;padding-left:4px}.lec-row-att-top{gap:8px}.lec-row-att-pct{font-size:13px;font-weight:700;flex-shrink:0;width:38px;text-align:right}.lec-att-bar{height:100%;border-radius:50px;transition:width .4s ease}.lec-att-trend{font-size:11px;font-weight:600}.lec-att-trend.up{color:var(--moss)}.lec-att-trend.down{color:var(--rose)}.lec-empty{text-align:center;padding:80px 0 40px}.lec-empty-icon{font-size:40px;margin-bottom:12px;opacity:.4}.lec-empty-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;margin-bottom:6px;color:var(--bark)}.lec-empty-sub{font-size:13px;color:#a09080}.lec-back-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #e0d5c5;border-radius:50px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:var(--bark);cursor:pointer;margin-bottom:24px;transition:all .18s;box-shadow:0 2px 8px #2c20160f;animation:lec-fadeUp .3s ease both}.lec-back-btn:hover{background:var(--bark);color:var(--cream);border-color:var(--bark)}.lec-profile-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;animation:lec-fadeUp .4s ease .05s both}.lec-hero-left{display:flex;gap:20px;align-items:flex-start;flex:1}.lec-hero-avatar{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:26px;font-weight:700;flex-shrink:0}.lec-hero-info{flex:1}.lec-hero-name{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:var(--bark);margin-bottom:4px}.lec-hero-sub{font-size:13.5px;color:#a09080;margin-bottom:10px}.lec-hero-contact{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:12.5px;color:#a09080}.lec-hero-kpis{display:flex;gap:0;border-left:1px solid #f0e9dc;padding-left:24px;flex-shrink:0}.lec-kpi{padding:4px 20px;text-align:center;border-right:1px solid #f0e9dc}.lec-kpi:last-child{border-right:none}.lec-kpi-val{font-family:Playfair Display,serif;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.lec-kpi-label{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:#a09080}.lec-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lec-chart-card{animation:lec-fadeUp .4s ease .1s both}.lec-card-title{font-family:Playfair Display,serif;font-size:17px;font-weight:700;margin-bottom:4px}.lec-card-sub{font-size:12px;color:#a09080;margin-bottom:16px}.lec-trend-kpis{display:flex;align-items:center;gap:20px;margin-bottom:4px}.lec-trend-kpi{text-align:left}.lec-trend-kpi-val{font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1;margin-bottom:2px}.lec-trend-kpi-label{font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:#a09080}.lec-trend-kpi-divider{width:1px;height:32px;background:#e0d5c5}.lec-courses-card{animation:lec-fadeUp .4s ease .15s both}.lec-course-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #f0e9dc}.lec-course-row:last-child{border-bottom:none}.lec-course-left{flex:1;min-width:0}.lec-course-name{font-size:13px;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lec-course-meta{font-size:11px;color:#a09080}.lec-course-right{display:flex;align-items:center;gap:10px;flex-shrink:0;width:140px}.lec-course-bar-wrap{flex:1;height:5px;background:#f0e9dc;border-radius:50px;overflow:hidden}.lec-course-bar{height:100%;border-radius:50px;transition:width .4s ease}.lec-course-pct{font-size:12px;font-weight:700;flex:0 0 34px;text-align:right}.lec-insights-card{grid-column:1 / 3;animation:lec-fadeUp .4s ease .2s both}.lec-insights-list{display:flex;flex-wrap:wrap;gap:12px}.lec-insight{flex:1;min-width:220px;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px}.lec-insight.plateau{background:#fef3e2}.lec-insight.struggling{background:#fde8e4}.lec-insight.improving{background:#e8f4e8}.lec-insight.declining{background:#fde8e4}.lec-insight-icon{font-size:18px;flex-shrink:0;margin-top:1px}.lec-insight-title{font-size:13px;font-weight:600;margin-bottom:3px}.lec-insight-sub{font-size:11.5px;color:#a09080;line-height:1.5}@keyframes lec-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.lec-list-header,.lec-row{grid-template-columns:2fr 1fr 1.1fr .8fr .8fr 1.2fr}.lec-row-email,.lec-list-header .lec-row-email{display:none}}@media (max-width: 1100px){.lecturers-main{padding:28px 24px}.lec-profile-grid{grid-template-columns:1fr}.lec-insights-card{grid-column:1 / 2}.lec-hero-kpis{display:none}}@media (max-width: 900px){.lecturers-main{margin-left:0;width:100%;padding:20px 16px}.lec-list-header,.lec-row{grid-template-columns:1fr 1fr .6fr .6fr 1fr}.lec-row-dept,.lec-list-header .lec-row-dept{display:none}.lec-profile-hero{flex-direction:column}.lec-toolbar{flex-wrap:wrap}}.prof .main{margin:30px;background:white;padding:20px;border-radius:10px;box-shadow:0 2px 5px #0000001a}.prof .main .up{display:flex;align-items:center;justify-content:space-between}.prof .up .dwn{display:flex}.prof .up .btn{background:#f28b26;padding:10px 15px;color:#fff;border-radius:20px;font-size:13px;font-weight:500;display:flex;margin-left:15px}.prof .up .btn img{width:18px;margin-right:5px}.prof .dwn select{padding:8px 12px;color:#505050;background:#f8f8f8;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.prof .main .slane{display:flex;align-items:center;margin:20px 0}.prof .slane img{width:100px;height:100px;border-radius:50%;margin-right:30px}.prof .slane .deri .deet{display:flex}.prof .slane .deri .name{margin-bottom:15px;font-weight:500;font-size:19px;color:#000c22}.prof .slane .deri .deet .info{margin-right:40px}.prof .slane .deri .deet .info .label{font-size:12px;margin-bottom:5px;color:#6e6e6e;font-weight:500}.prof .slane .deri .deet .info .fad{font-size:13px;font-weight:500;color:#000c22}.prof .main .stat{display:flex;justify-content:space-between;margin:10px 0}.prof .main .stat .item{width:calc(25% - 20px);padding:15px;background:#f8f8f8;border-radius:15px;display:flex;align-items:center}.prof .main .stat .item .icon{background:#cce6ff;width:45px;height:45px;margin-right:15px}.prof .main .stat .item .icon.org{background:#fef7ed}.prof .main .stat .item .icon.rd{background:#f7dfdd}.prof .main .stat .item .icon.lg{background:#cffccf}.prof .main .stat .item .icon svg{width:18px}.prof .main .stat .item .num{font-weight:500;font-size:17px;color:#000c22;margin-bottom:5px}.prof .main .stat .item .lab{font-size:13px;color:#6e6e6e}.prof .lec .hoz .item{font-size:14px}.prof .lec .bd .hoz .item{font-size:13px}.lec .hoz{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.course.frame.lec{margin:-10px 30px 30px}.lec .hoz .item{width:calc((100% - 270px)/4);margin:0 5px;font-weight:600;font-size:15px}.lec .bd .item{color:#6e6e6e;font-size:14px;font-weight:400;cursor:pointer}.lec .bd .hoz{border-top:1px solid #e0e0e0;cursor:pointer;transition:all .3s ease;text-transform:capitalize}.lec .bd .hoz:hover{background:#f9f9f9}.lec .hoz .item.no{width:80px;text-align:center}.lec .hoz .item.fig{font-weight:700;color:#000}.lec .hoz .item.em{word-break:break-all;text-transform:lowercase}.lec .hoz .item span{width:13px;height:13px;border-radius:50%;margin-right:5px;background:gray;display:inline-block}.lec .hoz .item span.rd{background:red}.lec .hoz .item span.gr{background:green}.frame .nil p{text-align:center;padding:30px}.frame.lec{background:white;border-radius:10px;box-shadow:0 2px 5px #0000001a;margin:30px;padding:0}@media (max-width: 960px){.lec .hoz .item:nth-child(3){display:none}}@media (max-width: 768px){.lec .hoz .item:nth-child(4){display:none}.lec .hoz .item.no{width:60px}.lec .hoz .item{width:calc((100% - 140px)/2)}.lec.tri .hoz .item{width:calc((100% - 140px) / 3)}}@media (max-width: 600px){.course.frame.lec,.frame.lec{margin:0}}.home{width:83vw;margin-left:17vw;padding:0 0 15px}.header .bottom,.header{justify-content:space-between;display:flex;align-items:center}.home .header{background-color:#fff;padding:25px 30px;margin-right:10px;box-shadow:0 2px 14px #32313112}.home .header.alter{display:flex;justify-content:end}.header h1.title{color:#f28b26;font-weight:600;font-size:20px}.header .subtitle{color:#453e3e;opacity:.8;font-weight:500;font-size:13px}.header .icon,.home .icon{background:#fdeaea;border-radius:50%;display:flex;align-items:center;justify-content:center}.header .bottom .icon{cursor:pointer;position:relative;background:transparent;margin-right:6px}.header .bottom .icon img{width:17px}.header .bottom .icon svg text{font-size:123px;font-weight:700;transform:translateY(-75px)}.header .bottom .info{display:flex}.header .bottom .info .img{width:30px;height:30px;background:#8f1e1d;border-radius:50%;margin-right:10px}.header .bottom .info .name{color:#373232;font-weight:600;font-size:13px}.header .bottom .info .desc{color:#8f8b8b;font-weight:400;font-size:12px}.header .bottom .select{padding:10px 15px;width:max-content;display:flex;border-radius:10px;background:#f28b26;height:fit-content;cursor:pointer;align-items:center;font-size:13px;color:#fff;transition:all ease .5s}.header .bottom .select:hover{background:#a05911}.header .bottom .select .iad{font-weight:500;margin:0 5px}.header .bottom .select select{color:#002461;border:none;cursor:pointer;font-size:13px;background:#e6efff;font-weight:700}.header .btn{cursor:pointer;text-align:center;color:#fff8f8;border:1px solid #ef2e2c;border-radius:5px;padding:5px 20px;height:40px;font-size:10px;display:flex;align-items:center;background:#ef2e2c;font-weight:600;transition:all ease .5s}.header .btn:hover{border:1px solid #bd2624;background:#bd2624}.header .filter{position:relative;display:flex}.header .filter .mob-filter{display:none}.header .filter input{width:230px;height:38px;padding:5px 15px 5px 30px;background:#e6efff;border:none;border-radius:10px;color:#231f1f;font-weight:400;margin-right:15px;font-size:13px}.header.alt .filter input{width:100%;height:40px;padding:5px 15px 5px 40px}.header .filter input::placeholder{font-size:13px;color:#b5b2b2}.header .filter img{position:absolute;left:11px;width:11px;top:13px}.header.alt .filter img{left:15px;width:13px;top:13px}.header.alt{margin:0 0 20px}.header.alt .filter{width:600px}.tabs{margin:20px 35px 20px 20px;display:flex;justify-content:space-between;overflow-x:scroll}.tabs::-webkit-scrollbar{display:none}.tabs .card{border-radius:10px;background:url(../assets/card.png) no-repeat center;background-size:cover;box-shadow:0 4px 4px #ffeeee78;padding:20px;min-width:200px;width:calc(25% - 10px)}.tabs .card .title{color:#453e3e;font-weight:500;font-size:13px}.tabs .card .state{display:flex;margin:15px 0;justify-content:space-between;align-items:center}.card .top{display:flex;justify-content:space-between;align-items:center;margin:7px 0 3px}.tabs .icon{width:35px;height:35px;border-radius:5px;background-color:#e6efff}.tabs .icon img{width:16px}.tabs .top .state{margin:0;color:#002461;font-weight:600}.tabs .card .title{color:#a4a4a4;font-size:12px;margin:25px 0 3px}.tabs .bottom{display:flex;justify-content:space-between;align-items:center}.tabs .card .no{color:#002461;font-weight:600;font-size:24px}.tabs .card .no span{color:#a4a4a4;font-weight:600;font-size:14px;margin-left:5px}.tabs .card .no.od span{margin-left:0}.tabs .bottom img{width:40px}.tabs .report{display:flex;align-items:center}.tabs .report .stat{background:#deffee;border-radius:6px;padding:3px 8px 4px;color:#66cb9f;font-weight:700;font-size:10px;margin-right:5px}.tabs .report .stat.neg{background:#fdeaea;color:#ef2e2c}.tabs .report .desc{color:#3e0e0e7d;font-weight:500;font-size:10px}.tabs .btn{cursor:pointer;background:#fff8f8;border:1px solid #fdeaea;border-radius:5px;padding:5px 10px;font-size:10px;display:flex;align-items:center;color:#ef2e2c;font-weight:600;width:fit-content;text-decoration:none}.graph{box-shadow:0 4px 4px #ffeeee78;background:#ffffff;border:1px solid #fdeaea;border-radius:10px;margin:15px 35px 15px 20px;height:440px;padding:20px;position:relative}.graph .top{display:flex;justify-content:space-between;align-items:center}.graph .top .title{color:#16192c;font-size:20px;font-weight:700;position:relative;top:unset;left:unset}.graph.azh .top .title{top:0}.graph.azh .switch{display:none}.graph.azh .line{margin:35px 20px 20px -20px}.graph .top select{box-shadow:0 3px 8px -1px #3232470d,0 0 1px #0c1a4b3d;width:150px;padding:11px 15px;font-size:13px;color:#8f8e89;font-weight:700;border-radius:10px;cursor:pointer;border:1px solid #e9e8e7}.graph .top .export{border:1px solid #edf2f7;font-size:12px;padding:5px 10px;border-radius:3px;cursor:pointer}.graph .top .export.nil{border:none;width:180px}.graph .top .export .key{position:absolute;padding:0 30px}.graph .top .export .key .item{margin-bottom:10px;display:flex;align-items:center}.graph .top .export .key .item .col{width:8px;height:8px;border-radius:50%;margin-right:8px}.graph .top .export .key .item .name{color:#81807b}.dobs .title,.graph .title{font-weight:600;font-size:18px;color:#002461;position:absolute;z-index:2500;top:10px;left:20px}.leaflet-container{border-radius:10px}.leaflet-tooltip.custom-tooltip{background-color:#e6efff;color:#000;font-size:14px;padding:10px;border-radius:4px;box-shadow:1px 1px 4px 4px #00000040}.leaflet-tooltip.custom-tooltip .item .top,.leaflet-tooltip.custom-tooltip .item .bottom .lines,.leaflet-tooltip.custom-tooltip .item{display:flex;justify-content:space-between;align-items:center}.leaflet-tooltip.custom-tooltip .item .top img{margin-right:10px}.leaflet-tooltip.custom-tooltip .item .top{margin-right:20px}.leaflet-tooltip.custom-tooltip .item .top .name{color:#002461;font-size:13px;font-weight:700}.leaflet-tooltip.custom-tooltip .item .top .pen{color:#002461;font-size:16px;font-weight:700}.leaflet-tooltip.custom-tooltip .item .bottom{color:#00000080;font-weight:300;font-size:13px}.leaflet-tooltip.custom-tooltip .item .bottom .lines{min-width:140px}.leaflet-tooltip.custom-tooltip .item .bottom .lines .no{color:#ff3b30}.leaflet-tooltip.custom-tooltip .item .bottom .lines:nth-child(1) .no{color:#34c759}.leaflet-tooltip.custom-tooltip:before{border-top-color:#e6efff}.graph .key{display:flex;margin:10px 0 20px}.graph .key .item{display:flex;align-items:center;margin-right:25px}.graph .key .item .cir{width:8px;height:8px;background:#fac0c0;border-radius:50%;margin-right:8px}.graph .key .item:nth-child(2) .cir{background:#ef2e2c}.graph .key p{color:#453e3e;font-size:12px}.dobs{display:flex;justify-content:space-between;margin:15px 0}.home .charts{display:flex;width:calc(100% - 30px);margin:15px 35px 15px 20px}.charts .top{width:100%;margin-right:25px}.charts .graph{margin:0;border:none;height:440px}.charts .graph .title{top:40px}.charts .ranking{box-shadow:0 3px 8px -1px #3232470d,0 0 1px #0c1a4b3d;padding:20px;background:white;border-radius:10px;width:calc(30% - 25px);height:440px;overflow:scroll}.charts .ranking::-webkit-scrollbar{display:none}.charts .ranking .title{font-weight:600;font-size:18px;color:#002461}.ranking .items{margin-top:15px}.ranking .deet{display:flex;margin:15px 0;justify-content:space-between;align-items:center}.deet .outer{width:calc(100% - 130px);height:20px;background:linear-gradient(to left,#e0e0e0,#c2c2c2);border-radius:3px;box-shadow:0 3px 8px -1px #3232470d,0 0 1px #0c1a4b3d;overflow:hidden}.deet .inner{background:linear-gradient(to right,#002461 0%,#0041b3 39%,#80aeff 70%);height:100%}.deet .inner.red{background:linear-gradient(to right,#4e1515 0%,#931414 39%,#b15e5e 70%)}.deet .name{color:#a4a4a4;font-size:12px;width:50px;cursor:default}.deet .rate{cursor:default;color:#002461;font-weight:600;font-size:15px;width:51px}.graph .switch{display:flex;margin:20px 0 30px;box-shadow:0 3px 8px -1px #3232470d,0 0 1px #0c1a4b3d;padding:10px 0;width:max-content;border:1px solid #e9e8e7;border-radius:10px;position:relative;overflow:hidden;top:25px;left:calc(100% - 245px)}.graph .switch .item{font-size:13px;color:#8f8e89;font-weight:700;padding:5px 20px;text-align:center;cursor:pointer;z-index:1}.graph .switch .item.active{color:#002461}.graph .switch .bord{background:#e6efff;width:2px;margin:-10px 0;z-index:1}.graph .switch .activ{position:absolute;height:100%;width:100px;background:#e6efff;top:0;z-index:0;transition:all ease .5s;left:0}.graph .switch .activ.bt{width:127px;left:97px}.graph .recharts-surface{height:320px!important}.graph .line{margin:25px 25px 25px 20px}.graph .line.area{margin:25px 25px 25px -25px}.dobs .ongoing{width:100%;box-shadow:0 4px 4px #ffeeee78;background:#ffffff;border:1px solid #fdeaea;border-radius:10px}.dobs .ongoing .switch{display:flex;box-shadow:0 3px 8px -1px #3232470d,0 0 1px #0c1a4b3d;padding:7px 0;width:max-content;border:1px solid #fdeaea;border-radius:10px;position:relative;overflow:hidden}.dobs .ongoing .switch .item{font-size:13px;color:#8f8e89;font-weight:500;padding:5px 20px;text-align:center;cursor:pointer;border:none;z-index:1;margin:0!important}.dobs .ongoing .switch .item.active{color:#8f1e1d}.dobs .ongoing .switch .bord{background:#fdeaea;width:2px;margin:-10px 0;z-index:1}.dobs .ongoing .switch .activ{position:absolute;height:100%;width:113px;background:#fdeaea;top:0;z-index:0;transition:all ease .5s;left:0}.dobs .ongoing .switch .activ.bt{width:95px;left:113px}.dobs .fulfil{width:calc(30% - 10px);box-shadow:0 4px 4px #ffeeee78;background:#ffffff;border:1px solid #fdeaea;border-radius:10px;padding:20px;display:flex;flex-direction:column}.dobs .ongoing .item{border:1px solid #fdeaea;border-bottom:none;border-left:none;border-right:none;justify-content:space-between;display:flex;align-items:center;padding:15px 20px;text-decoration:none}.dobs .ongoing .item.bod div{margin:0 5px}.dobs .ongoing .item:nth-child(1){border:none;margin:5px 0}.dobs .ongoing .btn{cursor:pointer;background:#fff8f8;border:1px solid #fdeaea;border-radius:5px;padding:5px 10px;font-size:10px;display:flex;align-items:center;color:#ef2e2c;font-weight:500;text-decoration:none}.dobs .ongoing .item{color:#373232;font-size:14px;position:relative;cursor:pointer}.dobs .ongoing .item.bod{cursor:pointer}.dobs .ongoing .item.bod:hover{background:#fff8f8}.dobs .ongoing .item.head{font-weight:500}.dobs .ongoing .item .status.pro{background:#fff3e8;padding:4px 8px;border-radius:15px;color:#b94f00;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;height:23px}.dobs .ongoing .item .status{width:11%;min-width:81px;justify-content:center;background:#b94f00;color:#fff3e8}.dobs .ongoing .item .status.dis{background:#66cb9f}.dobs .ongoing .item .status.comp{background:black}.dobs .ongoing .item .status.sent{opacity:.5}.dobs .ongoing .item .status.flicker{background:#f6f7f8}.dobs .ongoing .item .group,.dobs .ongoing .item .type,.dobs .ongoing .item .ref{width:6%}.dobs .ongoing .item.bod .ref{text-transform:uppercase}.dobs .ongoing .item .name{width:20%}.dobs .ongoing .item .phone{width:125px}.dobs .ongoing .item .pints{width:5%}.dobs .ongoing .item .time{width:147px}.dobs .ongoing .item img{position:absolute;right:19px;top:18px}.dobs p{font-weight:400;font-size:14px;color:#6a6565;margin:15px 0}.dobs .fulfil .pie{height:100%;display:flex}.dobs .fulfil .pie .stat{display:flex;flex-direction:column;justify-content:center;min-width:88px}.dobs .fulfil .pie .stat .val .cir{background:#f14341;width:8px;height:8px;border-radius:50%;margin-right:8px}.dobs .fulfil .pie .stat .val:nth-child(3) .cir{background:#fdeaea}.dobs .fulfil .pie .stat .val:nth-child(2) .cir{background:#fca5a5}.dobs .fulfil .pie .stat .val .no{color:#27272e;font-size:13px}.dobs .fulfil .pie .deet{display:flex;align-items:center}.dobs .fulfil .pie .text{font-size:12px;color:#8f8b8b;margin:5px 0}.dobs .fulfil .pie .val{margin:10px 0}.powered{color:#bf2523;font-size:14px;text-align:center;width:calc(100% + 17vw);margin-left:-17vw;margin-top:20px}.cont{overflow-x:scroll}.cont::-webkit-scrollbar{display:none}.line{margin:25px 0;min-width:500px}.line text{color:#8f8b8b;font-size:12px}.line .recharts-dot.recharts-line-dot,.line .recharts-cartesian-axis-tick-line,.line .recharts-cartesian-grid-vertical,.line .recharts-cartesian-axis-line{display:none}.line text[orientation=bottom]{transform:translateY(15px)}.line text[orientation=left]{transform:translate(-2px)}.line .recharts-curve.recharts-tooltip-cursor{stroke:#002461}.line .recharts-default-tooltip{background:linear-gradient(180deg,#e6efff 0%,rgba(240,255,238,.72) 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;padding:20px!important;border:none!important}.line .recharts-tooltip-wrapper:focus-visible,.line .recharts-tooltip-wrapper{outline:none!important}.line .recharts-default-tooltip p{font-weight:500;font-size:14px;color:#002461;margin-bottom:10px!important}.line .recharts-default-tooltip ul li{font-size:10px;line-height:12px;color:#27272e!important}.recharts-rectangle.recharts-tooltip-cursor{opacity:.5}.pie .chart{position:relative;width:calc(100% - 88px);height:100%}.pie .chart svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie .chart circle{transition:all ease 2s}.pie .chart .perc{font-weight:600;font-size:26px;color:#002461;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.search{display:flex;justify-content:space-between;margin:20px 35px 20px 20px}.search .input{width:500px;position:relative}.search .input input{width:100%;outline:none;height:40px;padding:10px 0 10px 20px;background:#fff;border-radius:5px;border:none}.search .input input::placeholder{color:#aaa;font-size:12px}.search .input label{position:absolute;right:17px;top:10px;cursor:pointer}.search .regis{background:#f28b26;display:flex;align-items:center;border-radius:5px;padding:0 20px;color:#fff;cursor:pointer;transition:all .5s ease}.search .regis span{font-size:14px;margin-left:10px}.search .regis:hover{background:#083f11}.popup{width:100vw;height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);z-index:10000;transition:all ease .5s}.popup.hide .lin,.popup.hide{z-index:0;background:rgba(0,0,0,0);pointer-events:none;display:none}.popup .lin{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.25)}.popup .inner{width:500px;background:white;max-height:calc(100vh - 20px);border-radius:10px;padding:30px;z-index:101;position:relative;overflow:scroll;transform:scale(1);transition:all ease .5s}.popup .inner::-webkit-scrollbar{display:none}.popup.hide .inner{transform:scale(0);transition:all ease .1s}.popup .inner .cancel{position:absolute;right:25px;cursor:pointer}.popup .inner .cancel:hover{background:none}.popup .inner .internal .input{width:100%;display:flex;flex-direction:column}.popup .inner .internal .input.pig{margin:0}.popup .inner .internal .category{display:flex;flex-wrap:wrap;margin-top:10px}.popup .inner .internal .category .item{display:flex;align-items:center;padding:10px 20px;border-radius:10px;margin:0 10px 10px 0;border:1px solid #083f11}.popup .inner .internal .category .item P{width:unset;margin:0 15px 0 0}.popup .inner .internal .category .item img{width:10px;height:10px;margin:0;cursor:pointer}.popup .inner .internal .input.pig .ins{flex-direction:row;display:flex}.popup .inner .internal .input.pig img{width:40px;height:40px;margin:0 0 0 15px;cursor:pointer}.popup .inner .internal .input label{font-size:14px;margin:0 0 6px;font-weight:500;color:#595959}.popup .inner .internal .duo .input{width:48%}.popup .inner .internal .duo{display:flex;justify-content:space-between}.popup .inner .internal .input select,.popup .inner .internal .input input{width:100%;outline:none;height:40px;padding:10px 0 10px 20px;background:#fff;border-radius:5px;color:#595959;border:1px solid #c4c4c4}.popup .inner .internal .pig p{margin:10px 0 5px;text-align:left;color:#000}.popup .inner .internal .pig .items{display:flex;flex-wrap:wrap;margin:0 -5px}.popup .inner .internal .pig .items .input{width:calc(33.3% - 10px);margin:0 5px 10px}.popup .inner .internal .pig .items.duo .input{width:calc(50% - 10px)}.popup .inner .internal img{width:100px;margin:30px 0 10px}.popup .inner .internal .title{font-weight:500;font-size:18px;text-align:center}.popup .inner .internal p{font-size:14px;width:300px;text-align:center;margin:5px 0 10px;color:#453e3e}.popup .inner .internal p span{font-weight:600;color:#000}.popup .inner .internal .regis{background:#f28b26;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;padding:10px;width:200px;border-radius:6px;margin:25px auto;transition:all ease .5s}.popup .inner .internal .regis:hover{background:#e67318}.popup .inner .internal .regis img{width:20px;margin:0}.popup .inner .internal h3{font-size:17px;font-weight:600}.popup .inner .internal .btn img{width:15px;margin:0 10px 0 0}.popup .inner .internal .btn:hover{background-color:#d76a04}.popup .inner .internal .btn{cursor:pointer;border:none;padding:10px;background-color:#f28b26;color:#fff;border-radius:5px;width:100%;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:15px;font-weight:600;transition:all ease .3s}.popup .inner .internal .btn.inactive{background-color:#f7b97b}.popup .inner .slots{display:flex;flex-wrap:wrap;margin-top:10px}.popup .inner .slots .time{border-radius:5px;padding:10px 15px;margin:0 10px 10px 0;font-size:12px;color:#fff;background:rgba(53,73,107,.8);cursor:pointer;display:flex;align-items:center;justify-content:center}.popup .inner .slots .time svg{width:10px;margin:0 0 0 10px}.popup .inner .internal .input.file{position:relative}.popup .inner .internal .input.file .bgg{width:100%;height:150px;border:1px solid #c4c4c4;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:10px 0}.popup .inner .internal .input.file .ins{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:180px}.popup .inner .internal .input.file h4{font-weight:500}.popup .inner .internal .input.file .ins img{width:25px}.popup .inner .internal .input.file a{font-size:13px;text-decoration:none;color:#002461}.popup .inner .internal .input.file .ins input{position:absolute;top:32px;height:150px;opacity:0;cursor:pointer}.popup .inner .internal .input .tp{color:#595959;display:flex;justify-content:space-between;font-size:14px}.popup .inner .internal .input span{color:#000;font-weight:500;font-size:16px}.chat{position:fixed;bottom:45px;right:45px;z-index:10000;height:70px;width:70px;background:white;border-radius:5px;box-shadow:0 2px 4px 1px #00000040;transition:all ease .5s}.chat.open{width:500px;height:500px;max-height:calc(100vh - 60px)}.chat .icon{padding:15px;cursor:pointer;background:#fff}.chat .icon img{width:40px;height:40px}.chat .input img{width:30px;height:30px;cursor:pointer}.chat .inner{position:relative;display:none;height:100%}.chat.open .inner{display:block}.chat .input{position:absolute;bottom:0;width:100%;padding:20px;align-items:center;display:flex;justify-content:space-between}.chat input{width:calc(100% - 50px);padding:10px 15px;border-radius:5px;border:1px solid rgb(129,129,129);height:40px}.chat .canc{position:absolute;top:20px;right:20px;cursor:pointer}.chat .ins{display:flex;align-items:center;justify-content:center;height:calc(100% - 65px);overflow:scroll}.chat .ins::-webkit-scrollbar{display:none}.chat .ins.ch{display:block;padding:50px 20px 20px}.chat .ins .lien{display:flex;justify-content:end;margin:10px 0}.chat .ins .lien.cp{justify-content:start}.chat .ins .comp.btn-load{padding:25px}.chat .ins .user{background:#042464;padding:10px 15px;border-radius:5px;color:#fff;width:fit-content;max-width:50%}.chat .ins .comp{background:#04b8f4;padding:10px 15px;border-radius:5px;color:#042464;width:fit-content;max-width:50%}@media (max-width: 1200px){.dobs .ongoing .item .group,.dobs .ongoing .item .pints,.dobs .ongoing .item .ref,.dobs .ongoing .item .status.pro{display:none}.dobs .ongoing .item .type,.dobs .ongoing .item .name{width:33%;padding-right:10px}.home{width:calc(100vw - 204px);margin-left:204px}.header h1.title{margin-bottom:10px}.header .filter img{top:15px}}@media (max-width: 960px){.header.mob{margin-bottom:20px}.home .header.alter{display:none}.header .filter img{top:11px}.header .filter.tin .mob-filter{width:30px;height:30px;position:relative;right:0;background:#fdeaea;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header .filter.tin{justify-content:space-between}.header .filter.tin input{width:calc(100% - 50px)}.header .filter{display:none}}@media (max-width: 768px){.dobs .fulfil{width:100%}.dobs .ongoing .item .phone{display:none}.dobs .ongoing .item{overflow:scroll}.dobs .ongoing .item::-webkit-scrollbar{display:none}.dobs .ongoing .item.head div,.dobs .ongoing .item.bod div{margin:0 10px}.dobs .ongoing .item.head div:nth-child(1),.dobs .ongoing .item.bod div:nth-child(1){margin:0 10px 0 0}.dobs .ongoing .item .name,.dobs .ongoing .item .status{width:103px;min-width:103px}}@media (max-width: 600px){.header .bottom .select .iad{display:none}.header .top{padding-right:10px}.popup .inner{width:calc(100vw - 30px)}.popup .inner .internal .regis{width:100%}.home{width:100vw;margin:40px 0 0;padding:30px 15px 15px}.tabs{margin:20px -20px 0 0;flex-direction:column}.tabs .card .no{font-size:24px}.tabs .icon img{width:13px}.tabs .icon{width:37px;height:37px}.tabs .card .state{display:flex;margin:10px 0}.tabs .card{min-width:235px;margin:10px 0;width:calc(100% - 20px)}.home .header{padding:13px;display:none}.home .header.teker{display:block}.header h1.title{margin:5px 0}.home .charts{flex-direction:column-reverse;margin:0}.graph{margin:0}.charts .ranking{width:calc(100% + 30px)!important;height:275px;margin-bottom:20px}.charts .top{width:calc(100% + 30px)!important}.cont{margin-top:80px}.graph .switch{top:80px;left:unset;right:-21px;opacity:0;margin:0;height:0;padding:0}.charts .graph{height:490px}.chat{bottom:20px;right:15px}.chat.open{width:calc(100vw - 30px);max-height:calc(100vh - 50px)}.chat .ins .comp,.chat .ins .user{max-width:70%}.chat .ins .lien{margin:15px 0}.home .frame{padding:0}.frame .tabis .deet{padding:15px}}@media (max-width: 480px){.frame .tabis .deet{width:calc(50% - 5px)}.frame .line-nav .item:nth-child(1){margin:0 8px 0 0}.frame .line-nav .item{margin:0 8px}}@media (max-width: 400px){.dobs .fulfil .pie{flex-direction:column;height:unset}.dobs .fulfil .pie .stat{flex-direction:row;justify-content:space-around;min-width:unset}.pie .chart{width:100%;height:145px}.dobs .title{display:none}}.dash-main{margin-left:220px;padding:36px 40px;min-height:100vh;background:var(--cream);font-family:DM Sans,sans-serif;color:var(--bark)}.wave{display:inline-block;animation:wave 1.5s ease-in-out infinite;transform-origin:70% 70%}.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--rose)}.kpi-card{background:var(--card, #fff);border-radius:18px;padding:22px 24px;box-shadow:var(--shadow);position:relative;overflow:hidden;animation:fadeUp .5s ease both;cursor:default;transition:transform .2s,box-shadow .2s}.grid-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:30px 0}.card{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow, 0 4px 24px rgba(44, 32, 22, .08))}.study-chart-card{padding-bottom:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.chart-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.chart-toggle{display:flex;background:var(--warm);border-radius:8px;padding:3px;gap:2px}.chart-toggle button{border:none;background:transparent;padding:5px 14px;border-radius:6px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;color:#a09080;transition:all .18s}.chart-toggle button.active{background:#fff;color:var(--bark);box-shadow:0 1px 4px #2c201614}.chart-nav{display:flex;align-items:center;gap:8px}.nav-arrow{width:26px;height:26px;border-radius:7px;border:1.5px solid var(--border, #e0d5c5);background:#fff;font-size:14px;cursor:pointer;color:var(--bark);display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:DM Sans,sans-serif}.nav-arrow:hover:not(:disabled){background:var(--warm)}.nav-arrow:disabled{opacity:.3;cursor:default}.chart-period-label{font-size:12.5px;font-weight:600;color:var(--bark);min-width:72px;text-align:center}.chart-legend{display:flex;gap:16px;margin:12px 0 16px}.legend-pill{display:flex;align-items:center;gap:6px;font-size:12px;color:#a09080}.legend-pill span{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}.week-chart{display:flex;gap:8px;align-items:flex-end;position:relative;margin:40px 0 20px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;height:160px;padding-bottom:0;flex-shrink:0}.y-axis span{font-size:10px;color:#c0b0a0;text-align:right;min-width:28px}.week-bars-wrap{flex:1;position:relative}.week-bars{display:flex;align-items:flex-end;gap:8px;height:160px}.week-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.week-bar-total{font-size:10px;font-weight:600;color:var(--bark)}.week-bar-stack{width:100%;display:flex;align-items:flex-end}.stacked-bar-wrap{width:100%;display:flex;flex-direction:column-reverse;border-radius:5px 5px 0 0;overflow:hidden}.stacked-bar-wrap>div{width:100%;min-height:0;transition:height .8s cubic-bezier(.34,1.2,.64,1)}.week-bar-label{font-size:11px;color:#a09080;position:absolute;bottom:-24px}.week-bars-baseline{height:1px;background:var(--warm);margin-top:2px}.day-chart{display:flex;gap:8px;align-items:flex-start;margin:40px 0 0}.day-chart-inner{flex:1}.day-bars{display:flex;align-items:flex-end;gap:2px;height:160px}.day-bar-col{flex:1;display:flex;align-items:flex-end}.day-bar-stack{width:100%;display:flex;align-items:flex-end}.day-bars-baseline{height:1px;background:var(--warm);margin-top:2px}.day-hour-labels{display:flex;justify-content:space-between;margin-top:6px}.day-hour-labels span{font-size:10px;color:#c0b0a0}.heatmap-card{grid-row:span 2}.heatmap-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.heatmap-grid.day-labels{margin-bottom:4px}.day-label{font-size:10px;color:#c0b0a0;text-align:center;padding-bottom:2px}.heat-cell{aspect-ratio:1;border-radius:4px;cursor:pointer;transition:transform .15s;position:relative}.heat-cell:hover{transform:scale(1.3);z-index:2}.heat-cell.current-week{outline:1.5px solid rgba(232,160,48,.5);outline-offset:1px}.heatmap-legend{margin-top:16px;display:flex;align-items:center;gap:6px;font-size:11px;color:#a09080}.heatmap-swatches{display:flex;gap:3px}.heatmap-swatches div{width:12px;height:12px;border-radius:3px}.snapshot-card{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;height:100%}.snapshot-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.snapshot-body{flex:1}.focus-window-time{font-family:Playfair Display,serif;font-size:20px;font-weight:700;color:var(--bark);margin-bottom:6px}.focus-window-note{font-size:12px;color:#a09080;line-height:1.55}.struggled-subject{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.struggled-name{font-size:15px;font-weight:700;font-family:Playfair Display,serif}.struggled-score{font-size:13px;font-weight:600}.struggled-bar-wrap{height:5px;background:var(--warm);border-radius:5px;overflow:hidden}.struggled-bar-fill{height:100%;border-radius:5px;transition:width 1s ease}.session-stat-row{display:flex;gap:0;margin-bottom:20px}.session-stat{flex:1;text-align:center;padding:12px 0;border-right:1px solid var(--warm)}.session-stat:last-child{border-right:none}.session-stat-val{font-family:Playfair Display,serif;font-size:24px;font-weight:700;margin-bottom:4px}.session-stat-label{font-size:11px;color:#a09080}.session-divider{height:1px;background:var(--warm);margin-bottom:16px}.session-topic-label{font-size:11.5px;text-transform:uppercase;letter-spacing:1.5px;color:#a09080;margin-bottom:12px}.session-topic-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--warm)}.session-topic-row:last-child{border-bottom:none}.session-topic-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.session-topic-info{flex:1}.session-topic-name{font-size:13px;font-weight:500}.session-topic-subject{font-size:11.5px;color:#a09080;margin-top:1px}.session-topic-score{font-size:12px;font-weight:700;padding:4px 10px;border-radius:50px}.subject-card{grid-column:1 / 3;animation-delay:.25s;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.subject-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.subject-name{font-size:13px;font-weight:500;width:130px;flex-shrink:0}.subject-bar-wrap{flex:1;height:10px;background:var(--warm);border-radius:50px;overflow:hidden}.subject-bar-fill{height:100%;border-radius:50px;transition:width 1.2s cubic-bezier(.34,1.56,.64,1)}.subject-score{font-size:13px;font-weight:600;width:40px;text-align:right;flex-shrink:0}.subject-change{font-size:11px;width:30px;text-align:right;flex-shrink:0}.subject-show-more{display:block;width:100%;margin-top:16px;padding:8px;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:12px;color:#b0a090;cursor:pointer;letter-spacing:.3px;transition:color .2s}.subject-show-more:hover{color:var(--bark)}.donut-card{height:100%;display:flex;flex-direction:column}.donut-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.donut-wrap{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:1;margin-top:12px;gap:16px}.donut-svg{width:200px;height:200px;flex-shrink:0}.donut-legend{display:flex;flex-direction:row;gap:32px;justify-content:center;padding-bottom:4px}.donut-legend-item{display:flex;align-items:center;gap:10px}.donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.donut-legend-label{font-size:11.5px;color:#a09080;margin-bottom:1px}.donut-legend-val{font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1;margin-bottom:3px}.donut-legend-pct{font-size:11px;color:#a09080}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}@media (max-width: 1100px){.kpi-row,.kpi-row-4{grid-template-columns:repeat(2,1fr)}.grid-layout{grid-template-columns:1fr 1fr}.heatmap-card{grid-column:1 / 3;grid-row:auto}}:root{--cream: #faf7f2;--warm: #f0e9dc;--bark: #2c2016;--moss: #3d5a3e;--sky: #4a7fa5;--sun: #e8a030;--rose: #c96b5a;--sage: #8aad8b;--card: #ffffff;--shadow: 0 4px 24px rgba(44, 32, 22, .08);--border: #e0d5c5}.att-main{margin-left:220px;padding:36px 40px;min-height:100vh;background:var(--cream);font-family:DM Sans,sans-serif;color:var(--bark)}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px;animation:fadeUp .5s ease both;position:relative;z-index:100}.wave{display:inline-block}.badge{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--warm);border-radius:50px;padding:8px 16px;font-size:13px;cursor:pointer;color:var(--bark);box-shadow:var(--shadow);font-family:DM Sans,sans-serif}.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--rose);flex-shrink:0}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.kpi-card{background:var(--card);border-radius:18px;padding:22px 24px;box-shadow:var(--shadow);position:relative;overflow:hidden;animation:fadeUp .5s ease both;cursor:default;transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #2c20161f}.kpi-label{font-size:11.5px;text-transform:uppercase;letter-spacing:1.5px;color:#a09080;margin-bottom:10px}.kpi-value{font-family:Playfair Display,serif;font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.kpi-sub{font-size:12px;color:#a09080;display:flex;align-items:center;gap:4px}.kpi-trend{font-size:12px;font-weight:600}.up{color:var(--moss)}.down{color:var(--rose)}.kpi-bg-icon{position:absolute;right:16px;bottom:-4px;font-size:64px;opacity:.07}.kpi-bar{height:4px;background:var(--warm);border-radius:4px;margin-top:12px;overflow:hidden}.kpi-bar-fill{height:100%;border-radius:4px;transition:width 1s ease}.card{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow)}.mid-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.faculty-card{height:100%}.faculty-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.faculty-row{display:flex;align-items:center;gap:12px}.faculty-code-badge{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 9px;border-radius:6px;flex-shrink:0;min-width:42px;text-align:center}.faculty-info{flex:1;min-width:0}.faculty-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faculty-count{font-size:11px;color:#a09080;margin-top:1px}.faculty-rate-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.faculty-bar-track{width:90px;height:5px;background:var(--warm);border-radius:5px;overflow:hidden}.faculty-bar-fill{height:100%;border-radius:5px;transition:width .8s ease}.faculty-rate-pct{font-size:12px;font-weight:700;min-width:32px;text-align:right}.view-more-btn{width:100%;padding:10px;border:1.5px dashed var(--border);border-radius:10px;background:transparent;font-family:DM Sans,sans-serif;font-size:12.5px;color:#a09080;cursor:pointer;transition:all .2s;margin-top:4px}.view-more-btn:hover{background:var(--warm);color:var(--bark);border-color:var(--warm)}.breakdown-card{height:100%;display:flex;flex-direction:column}.breakdown-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.period-select{font-family:DM Sans,sans-serif;font-size:12px;padding:7px 28px 7px 12px;border:1.5px solid var(--border);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a09080' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--bark);cursor:pointer;transition:border-color .2s}.period-select:focus{outline:none;border-color:var(--sky)}.pie-wrap{display:flex;align-items:center;gap:24px;flex:1;margin:16px 0}.pie-svg{width:130px;height:130px;flex-shrink:0}.pie-legend{display:flex;flex-direction:column;gap:14px;flex:1}.pie-legend-item{display:flex;align-items:center;gap:10px}.pie-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pie-legend-label{font-size:11.5px;color:#a09080;margin-bottom:1px}.pie-legend-val{font-family:Playfair Display,serif;font-size:19px;font-weight:700;line-height:1}.breakdown-total{margin-top:auto;padding-top:16px;border-top:1px solid var(--warm)}.breakdown-total-bar{height:7px;border-radius:7px;background:var(--warm);display:flex;overflow:hidden;margin-bottom:8px}.breakdown-total-label{font-size:11px;color:#a09080;text-align:center}.today-card{margin-bottom:40px}.today-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.today-controls{display:flex;align-items:center;gap:10px}.today-stat-row{display:flex;gap:0;margin:20px 0}.today-stat{flex:1;text-align:center;padding:12px 0;border-right:1px solid var(--warm)}.today-stat:last-child{border-right:none}.today-stat-val{font-family:Playfair Display,serif;font-size:26px;font-weight:700;margin-bottom:4px}.today-stat-label{font-size:11px;color:#a09080}.today-divider{height:1px;background:var(--warm);margin-bottom:16px}.today-class-label{font-size:11.5px;text-transform:uppercase;letter-spacing:1.5px;color:#a09080;margin-bottom:12px}.today-class-list{display:flex;flex-direction:column}.class-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--warm);transition:background .15s}.class-row:last-child{border-bottom:none}.class-row:hover{background:var(--cream);margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:10px;border-bottom-color:transparent}.class-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.class-info{flex:1;min-width:0}.class-name{font-size:13.5px;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#a09080;flex-wrap:wrap}.class-code-badge{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:5px;letter-spacing:.5px}.class-meta-sep{color:#d0c0b0}.class-attendance{display:flex;align-items:center;gap:10px;flex-shrink:0}.class-count{font-size:12px;color:#a09080;min-width:52px;text-align:right}.class-rate-badge{font-size:12px;font-weight:700;padding:5px 12px;border-radius:50px;display:flex;align-items:center;gap:5px;min-width:58px;justify-content:center}.at-risk-dot{width:6px;height:6px;background:var(--rose);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media (max-width: 1100px){.kpi-row,.kpi-row-4{grid-template-columns:repeat(2,1fr)}.mid-grid,.schedule-grid{grid-template-columns:1fr}}@media (max-width: 900px){.dash-main,.att-main{margin-left:0;padding:72px 28px 28px}}@media (max-width: 768px){.att-main,.dash-main{margin-left:0;padding:68px 16px 20px}.kpi-row,.kpi-row-3,.kpi-row-4{grid-template-columns:1fr 1fr!important;gap:12px}.kpi-card{padding:20px 18px}.grid-layout{grid-template-columns:1fr!important}.grid-layout>*{grid-column:1 / -1!important}.schedule-grid{grid-template-columns:1fr!important}.header{flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap}.class-meta{display:none}.greeting{font-size:22px}.session-topic-name{font-size:0}.session-topic-name>*{font-size:12px}.enrolled-label,.topic-extra{display:none}}@media (max-width: 480px){.dash-main,.att-main{padding:64px 14px 16px}.card{padding:16px;border-radius:14px}.kpi-row,.kpi-row-3,.kpi-row-4{grid-template-columns:1fr 1fr!important;gap:10px}.kpi-card{padding:24px 20px}.kpi-value{font-size:30px}.greeting{font-size:20px}.header-chips{display:none!important}.header-chip{font-size:10.5px;padding:3px 10px}.session-stat:nth-child(3),.kpi-sub,.badge{display:none!important}.session-topic-subject{margin-top:5px}}.uni-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--sky);font-weight:700;margin-bottom:4px}.header-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.header-chip{font-size:11.5px;background:#fff;border:1.5px solid var(--warm);border-radius:50px;padding:4px 12px;color:var(--bark);white-space:nowrap}.role-switcher{position:relative;z-index:200}.role-btn{display:flex;align-items:center;gap:8px;background:#fff;color:var(--bark);border:1.5px solid var(--warm);border-radius:50px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;box-shadow:var(--shadow);transition:background .2s,border-color .2s;white-space:nowrap}.role-btn:hover{background:var(--warm);border-color:var(--border)}.role-chevron{font-size:9px;opacity:.7}.role-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1.5px solid var(--warm);border-radius:14px;box-shadow:0 8px 32px #2c201624;min-width:220px;padding:8px;z-index:100;animation:fadeUp .18s ease both}.role-dropdown-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#b0a090;padding:6px 10px 4px;font-weight:600}.role-option{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;cursor:pointer;transition:background .15s;font-size:13.5px;color:var(--bark)}.role-option:hover{background:var(--warm)}.role-option.active{background:var(--warm);font-weight:600}.role-opt-icon{font-size:16px;flex-shrink:0}.role-opt-label{flex:1}.role-opt-arrow{font-size:16px;color:#b0a090}.role-back{display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:12.5px;color:var(--sky);cursor:pointer;border-radius:8px;font-weight:600}.role-back:hover{background:var(--warm)}.kpi-row-3{grid-template-columns:repeat(3,1fr)}.kpi-row-4{grid-template-columns:repeat(4,1fr)}.schedule-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:start;animation:fadeUp .5s ease .1s both}.kpi-extra{font-size:11.5px;color:#a09080;margin-bottom:6px;font-style:italic}.session-topic-meta{flex-shrink:0;text-align:right}.session-enrolled{font-size:11.5px;color:#a09080}.home .frame{padding:10px 30px}.frame .h4{color:#6e6e6e;margin:10px 0;font-size:15px;font-weight:500}.frame .line-nav{display:flex;margin:10px 0;padding:10px 0;border-bottom:1px solid #e0e0e0}.frame .line-nav .item{color:#6e6e6e;margin:0 12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.frame .line-nav .item.active,.frame .line-nav .item:hover{color:#f28b26}.frame .line-nav .item:nth-child(1){margin:0 12px 0 0}.frame .tabis{display:flex;flex-wrap:wrap;justify-content:space-between;margin:15px 0;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.frame .tabis .deet{width:calc(33% - 15px);margin:15px 0;background:white;display:flex;justify-content:space-between;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:20px}.frame .tabis .deet .icon{background:#eff6f1;width:45px;height:45px;border-radius:20px;margin-bottom:20px}.frame .tabis .deet .icon.rd{background:#f7dfdd}.frame .tabis .deet .icon.org{background:#fef7ed}.frame .tabis .deet .icon svg{width:20px;height:20px}.frame .tabis .deet .no{font-weight:600;font-size:17px}.frame .tabis .deet p{font-size:13px;color:#6e6e6e;font-weight:500}.frame .tabis .deet .rgt{background:#f28b26;width:60px;height:20px;border-radius:20px}.frame .duo{display:flex;justify-content:space-between;margin:20px 0}.home .frame .charts{width:calc(50% - 15px);margin:0;background:white;border-radius:10px;box-shadow:0 2px 5px #0000001a}.home .frame .charts:nth-child(2){padding:20px}.home .frame .charts:nth-child(2) .top .top,.home .frame .charts .graph .title{font-size:18px;font-weight:600}.home .frame .charts:nth-child(2) .top{margin-bottom:10px}.frame .charts .top .top .title{font-size:18px;font-weight:600}@media (max-width: 960px){.frame .tabis .deet{width:calc(33% - 5px);margin:5px 0;position:relative}.home .frame .charts{width:calc(50% - 5px)}.frame .tabis .deet .rgt{position:absolute;right:20px}}@media (max-width: 760px){.frame .tabis .deet .rgt{display:none}.frame .duo{flex-direction:column}.home .frame .charts{width:100%;margin:10px 0}}@media (max-width: 600px){.home .frame .charts{display:none}}.pops{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.pops.hide{display:none}.lin{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;animation:fadeIn .3s ease-out}.inner{position:relative;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:40px;max-width:500px;width:90%;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.18);z-index:1001;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.cancel{position:absolute;top:20px;right:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s ease}.cancel:hover{background:rgba(0,0,0,.05)}.internal{display:flex;flex-direction:column;gap:20px;padding-top:10px}.title{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1.3}.subtitle{font-size:16px;color:#666;line-height:1.6;margin-bottom:10px}.regis{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#f28b26 0%,#e67318 100%);color:#fff;padding:16px 32px;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:10px;position:relative;overflow:hidden}.regis:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f28b2666}.regis:active{transform:translateY(0)}.btn_text{font-size:16px;font-weight:600}.regis img{width:20px;height:20px;transition:transform .3s ease}.regis:hover img{transform:translate(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.inner{padding:30px 24px;max-width:90%}.title{font-size:24px}.subtitle{font-size:14px}}.students-main{margin-left:220px;padding:36px 40px;min-height:100vh;background:var(--cream);font-family:DM Sans,sans-serif;color:var(--bark);width:calc(100vw - 220px)}.stu-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;animation:stu-fadeUp .4s ease both}.stu-heading{font-family:Playfair Display,serif;font-size:30px;font-weight:700;color:var(--bark);margin-bottom:4px}.stu-heading-tag{display:inline-block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:4px 14px;border-radius:50px;margin-left:10px;vertical-align:middle;background:#e8a03022;color:var(--sun)}.stu-heading-sub{font-size:13px;color:#a09080}.stu-header-actions{display:flex;gap:12px;align-items:center}.stu-badge{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #e0d5c5;border-radius:50px;padding:8px 16px;font-size:13px;color:var(--bark);box-shadow:0 4px 24px #2c201614}.stu-export-btn{display:flex;align-items:center;gap:6px;background:var(--bark);color:var(--cream);border:none;border-radius:50px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #2c201626}.stu-export-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2c201633}.stu-filters-row{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px;animation:stu-fadeUp .4s ease .05s both}.stu-filters-row::-webkit-scrollbar{display:none}.stu-filter-pill{flex:0 0 auto;background:#fff;border:1.5px solid #e0d5c5;border-radius:50px;padding:6px 16px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;color:#a09080;cursor:pointer;transition:all .18s;white-space:nowrap}.stu-filter-pill:hover{border-color:var(--bark);color:var(--bark)}.stu-filter-pill.active{font-weight:600}.stu-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:24px;animation:stu-fadeUp .4s ease .1s both}.stu-search-wrap{flex:1;position:relative;display:flex;align-items:center}.stu-search-icon{position:absolute;left:14px;font-size:14px;color:#a09080;pointer-events:none}.stu-search{width:100%;background:#fff;border:1.5px solid #e0d5c5;border-radius:50px;padding:10px 40px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--bark);outline:none;transition:border-color .18s;box-shadow:0 2px 8px #2c20160a}.stu-search:focus{border-color:var(--bark)}.stu-search::placeholder{color:#c0b0a0}.stu-search-clear{position:absolute;right:14px;background:none;border:none;font-size:13px;color:#a09080;cursor:pointer;padding:2px 4px;line-height:1}.stu-search-clear:hover{color:var(--rose)}.stu-sort-select{background:#fff;border:1.5px solid #e0d5c5;border-radius:50px;padding:10px 36px 10px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--bark);outline:none;cursor:pointer;transition:border-color .18s;box-shadow:0 2px 8px #2c20160a;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a09080' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.stu-sort-select:focus{border-color:var(--bark)}.stu-count{font-size:12.5px;color:#a09080;white-space:nowrap;flex-shrink:0}.stu-list{background:#fff;border-radius:20px;box-shadow:0 4px 24px #2c201614;overflow:hidden;animation:stu-fadeUp .4s ease .15s both}.stu-list-header,.stu-row{display:grid;grid-template-columns:2.4fr 1fr 1.2fr .6fr 1.6fr 1.4fr;align-items:center}.stu-list-header{padding:12px 20px;border-bottom:1.5px solid #f0e9dc;font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:#a09080;font-weight:600}.stu-row{padding:14px 20px;border-bottom:1px solid #f5f0e8;cursor:pointer;transition:background .15s}.stu-row:last-child{border-bottom:none}.stu-row:hover{background:#faf7f2}.stu-row-name-cell{display:flex;align-items:center;gap:12px;min-width:0;padding-right:16px}.stu-avatar-sm{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:14px;font-weight:700;flex-shrink:0}.stu-row-name-info{min-width:0}.stu-row-name{font-size:13.5px;font-weight:600;color:var(--bark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.stu-row-sub{font-size:11px;color:#a09080}.stu-row-cell{padding-right:12px}.stu-faculty-tag{display:inline-block;font-size:10.5px;font-weight:600;padding:3px 10px;border-radius:50px;letter-spacing:.2px;white-space:nowrap}.stu-list-header .stu-row-dept,.stu-list-header .stu-row-email,.stu-list-header .stu-row-level{font-size:10.5px;color:#a09080}.stu-row-dept,.stu-row-email{font-size:12px;color:#a09080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stu-row-level{font-size:12.5px;font-weight:600;color:var(--bark)}.stu-row-att-cell{display:flex;flex-direction:column;gap:5px}.stu-row-att-pct{font-size:13px;font-weight:700}.stu-row-att-bar-wrap{height:4px;background:#f0e9dc;border-radius:50px;overflow:hidden;width:100%}.stu-row-att-bar{height:100%;border-radius:50px;transition:width .4s ease}.stu-empty{text-align:center;padding:80px 0 40px}.stu-empty-icon{font-size:40px;margin-bottom:12px;opacity:.4}.stu-empty-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;margin-bottom:6px;color:var(--bark)}.stu-empty-sub{font-size:13px;color:#a09080}.stu-back-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #e0d5c5;border-radius:50px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:var(--bark);cursor:pointer;margin-bottom:24px;transition:all .18s;box-shadow:0 2px 8px #2c20160f;animation:stu-fadeUp .3s ease both}.stu-back-btn:hover{background:var(--bark);color:var(--cream);border-color:var(--bark)}.stu-profile-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;animation:stu-fadeUp .4s ease .05s both}.stu-hero-left{display:flex;gap:20px;align-items:flex-start;flex:1}.stu-hero-avatar{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:26px;font-weight:700;flex-shrink:0}.stu-hero-info{flex:1}.stu-hero-name{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:var(--bark);margin-bottom:4px}.stu-hero-sub{font-size:13.5px;color:#a09080;margin-bottom:10px}.stu-hero-contact{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:12.5px;color:#a09080}.stu-hero-kpis{display:flex;gap:0;border-left:1px solid #f0e9dc;padding-left:24px;flex-shrink:0}.stu-kpi{padding:4px 20px;text-align:center;border-right:1px solid #f0e9dc}.stu-kpi:last-child{border-right:none}.stu-kpi-val{font-family:Playfair Display,serif;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.stu-kpi-label{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:#a09080}.stu-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stu-chart-card{animation:stu-fadeUp .4s ease .1s both}.stu-card-title{font-family:Playfair Display,serif;font-size:17px;font-weight:700;margin-bottom:4px}.stu-card-sub{font-size:12px;color:#a09080;margin-bottom:16px}.stu-trend-kpis{display:flex;align-items:center;gap:20px;margin-bottom:4px}.stu-trend-kpi{text-align:left}.stu-trend-kpi-val{font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1;margin-bottom:2px}.stu-trend-kpi-label{font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:#a09080}.stu-trend-kpi-divider{width:1px;height:32px;background:#e0d5c5}.stu-up{color:var(--moss)}.stu-down{color:var(--rose)}.stu-insights-card{animation:stu-fadeUp .4s ease .15s both}.stu-insights-list{display:flex;flex-direction:column;gap:10px}.stu-insight{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px}.stu-insight.improving{background:#e8f4e8}.stu-insight.plateau{background:#fef3e2}.stu-insight.struggling,.stu-insight.declining{background:#fde8e4}.stu-insight-icon{font-size:18px;flex-shrink:0;margin-top:1px}.stu-insight-title{font-size:13px;font-weight:600;margin-bottom:3px}.stu-insight-sub{font-size:11.5px;color:#a09080;line-height:1.5}.stu-sessions-card{grid-column:1 / 3;animation:stu-fadeUp .4s ease .2s both}.stu-course-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.stu-course-tab{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #e0d5c5;border-radius:12px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:12.5px;color:#a09080;cursor:pointer;transition:all .18s}.stu-course-tab:hover{border-color:var(--bark);color:var(--bark)}.stu-course-tab.active{font-weight:600}.stu-tab-code{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.stu-tab-name{white-space:nowrap}.stu-tab-pct{font-size:11.5px;font-weight:700;margin-left:2px}.stu-session-log{padding-top:4px}.stu-session-summary{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#a09080;margin-bottom:16px}.stu-session-pct{font-size:12px;font-weight:700;padding:3px 12px;border-radius:50px}.stu-session-grid{display:flex;flex-wrap:wrap;gap:8px}.stu-session-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1.5px solid #e0d5c5;background:#faf7f2;transition:opacity .15s}.stu-session-chip.absent{border-color:#fac8c0;background:#fde8e4}.stu-session-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.stu-session-date{font-size:11.5px;font-weight:600;letter-spacing:.2px;white-space:nowrap}@keyframes stu-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.stu-list-header,.stu-row{grid-template-columns:2fr 1fr 1.1fr .6fr 1.3fr}.stu-row-email,.stu-list-header .stu-row-email{display:none}}@media (max-width: 1100px){.students-main{padding:28px 24px}.stu-profile-grid{grid-template-columns:1fr}.stu-sessions-card{grid-column:1 / 2}.stu-hero-kpis{display:none}}@media (max-width: 900px){.students-main{margin-left:0;width:100%;padding:20px 16px}.stu-list-header,.stu-row{grid-template-columns:1fr 1fr .6fr 1fr}.stu-row-dept,.stu-list-header .stu-row-dept{display:none}.stu-profile-hero{flex-direction:column}.stu-toolbar{flex-wrap:wrap}}.ar-main{margin-left:220px;padding:36px 40px;min-height:100vh;background:var(--cream);font-family:DM Sans,sans-serif;color:var(--bark);width:calc(100vw - 220px)}.card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 24px #2c201614}.card-title{font-family:Playfair Display,serif;font-size:17px;font-weight:700;margin-bottom:4px}.card-sub{font-size:12px;color:#a09080;margin-bottom:20px}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;animation:arFadeUp .5s ease both}.greeting{font-family:Playfair Display,serif;font-size:30px;font-weight:700;color:var(--bark);margin-bottom:4px}.date-text{font-size:13px;color:#a09080}.header-actions{display:flex;gap:12px;align-items:center}.badge{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--warm);border-radius:50px;padding:8px 16px;font-size:13px;color:var(--bark);box-shadow:0 4px 24px #2c201614;font-family:DM Sans,sans-serif}.header-child-tag{display:inline-block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:4px 14px;border-radius:50px;margin-left:12px;vertical-align:middle}.main-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.main-chart-kpis{display:flex;align-items:center;gap:20px}.chart-view-toggle{display:flex;background:#f5efe6;border-radius:50px;padding:3px;gap:2px}.chart-toggle-btn{border:none;background:transparent;border-radius:50px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#a09080;cursor:pointer;transition:all .18s}.chart-toggle-btn.active{background:#fff;color:var(--bark);box-shadow:0 2px 6px #2c20161a}.chart-kpi{text-align:right}.chart-kpi-val{font-family:Playfair Display,serif;font-size:26px;font-weight:700;line-height:1;margin-bottom:3px;animation:arNumPop .4s ease both}.chart-kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#a09080}.chart-kpi-divider{width:1px;height:36px;background:var(--border, #e0d5c5)}.ar-live-badge{display:flex;align-items:center;gap:7px;background:#e8f4e8;color:var(--moss);border-radius:50px;padding:6px 14px;font-size:12px;font-weight:600;letter-spacing:.3px}.ar-live-dot-icon{color:var(--moss);animation:arPulse 1.6s ease-in-out infinite;flex-shrink:0}@keyframes arPulse{0%,to{filter:drop-shadow(0 0 0px rgba(61,90,62,.6))}50%{filter:drop-shadow(0 0 4px rgba(61,90,62,.8))}}.ar-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;animation:arFadeUp .5s ease .1s both}.ar-stat-card{background:#fff;border-radius:16px;padding:20px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #2c201612;transition:transform .2s}.ar-stat-card:hover{transform:translateY(-2px)}.ar-stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.ar-stat-val{font-family:Playfair Display,serif;font-size:26px;font-weight:700;line-height:1;margin-bottom:4px;animation:arNumPop .35s ease both}.ar-stat-label{font-size:11px;color:#a09080;text-transform:uppercase;letter-spacing:1px}@keyframes arNumPop{0%{opacity:.3;transform:scale(.93) translateY(3px)}to{opacity:1;transform:scale(1) translateY(0)}}.ar-graph-card{margin-bottom:24px;animation:arFadeUp .5s ease .2s both}.ar-tooltip{background:#4a7fa5;border-radius:8px;padding:6px 12px;box-shadow:0 4px 12px #2c201626}.ar-tooltip-val{color:#fff;font-size:13px;font-weight:700;font-family:DM Sans,sans-serif}.ar-tooltip-label{color:#ffffffb3;font-size:10px;font-family:DM Sans,sans-serif}.ar-feed-card{animation:arFadeUp .5s ease .3s both}.ar-feed-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ar-feed-cols{display:grid;grid-template-columns:2fr 2fr 1.6fr 1fr .7fr;gap:12px;padding:0 12px 10px;border-bottom:1.5px solid var(--warm, #f0e9dc);font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#b0a090;font-weight:600}.ar-feed-list{display:flex;flex-direction:column;gap:0;overflow:hidden}.ar-feed-row{display:grid;grid-template-columns:2fr 2fr 1.6fr 1fr .7fr;gap:12px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--warm, #f0e9dc);transition:background .3s}.ar-feed-row:last-child{border-bottom:none}.ar-feed-row:hover{background:#faf7f3}.ar-feed-row--new{animation:arRowSlideIn .55s cubic-bezier(.22,1,.36,1) both;background:#f0f8f0}@keyframes arRowSlideIn{0%{opacity:0;transform:translateY(-18px);background:#d4eed4}60%{background:#e8f4e8}to{opacity:1;transform:translateY(0);background:#f0f8f0}}.ar-feed-student{display:flex;align-items:center;gap:10px;min-width:0}.ar-feed-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.ar-feed-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-feed-faculty{font-size:10.5px;font-weight:600;margin-top:1px}.ar-feed-course{font-size:12.5px;color:var(--bark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-feed-lecturer{font-size:12px;color:#7a6a5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-feed-room{display:flex;align-items:center}.ar-room-pill{background:#f0e9dc;color:#7a6a5a;border-radius:50px;padding:3px 10px;font-size:11px;font-weight:600;white-space:nowrap}.ar-feed-time{font-size:12px;font-weight:600;color:#a09080;text-align:right}@keyframes arFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.ar-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1100px){.ar-main{padding:28px 24px}.ar-feed-cols,.ar-feed-row{grid-template-columns:2fr 2fr 1.4fr .9fr .6fr}}@media (max-width: 800px){.ar-stats-row{grid-template-columns:1fr 1fr}.ar-feed-cols{display:none}.ar-feed-row{grid-template-columns:1fr 1fr;row-gap:4px}.ar-feed-lecturer,.ar-feed-room{display:none}}*{margin:0;padding:0;box-sizing:border-box;outline:none}body,html{overflow-x:hidden;font-family:Geist,sans-serif;background:#f8f8f8;scroll-behavior:smooth}.hai-con{width:83vw;margin-left:17vw;padding:35px 30px 15px}.table{box-shadow:0 4px 4px #ffeeee78;background:#ffffff;border:1px solid #fdeaea;border-radius:10px;min-height:80vh;margin:10px 0}.table .list{border:1px solid #fdeaea;border-bottom:none;border-left:none;border-right:none;justify-content:space-between;display:flex;padding:15px 20px;font-size:12px;color:#373232;align-items:center;text-decoration:none}.table .list:nth-child(1){border:none}.table .list.head{font-weight:600;color:#6a6565}.table .sched{padding:4px 8px;background:#eef6e9;border-radius:999px;color:#278500;font-size:10px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;justify-content:center}.table .list.bod{cursor:pointer;text-transform:capitalize}.table .list.bod:hover{background:#fff8f8}.btn_text{transition:all .2s}.btn-load{position:relative}.btn-load .btn_text{visibility:hidden;opacity:0}.btn-load:after{content:"";position:absolute;width:16px;height:16px;top:0;left:0;right:0;bottom:0;margin:auto;border:4px solid transparent;border-top-color:#fff;border-radius:50%;animation:button-loading-spinner 1s ease infinite}.subscribe .btn-load:after{border-top-color:#000}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.flicker{animation-duration:.8s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right,#d5d5d5 8%,#f2f2f2 38%,#d5d5d5 54%);background-size:1000px 640px;position:relative}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.flick.flicker{height:20px}.error{background:red;color:#fff;opacity:.9;font-weight:300;padding:10px;border-radius:5px;margin:15px 10px}.load-container{display:flex;align-items:center;justify-content:center;width:calc(100% - 60px);margin:30px}.lds-ring{display:inline-block;position:relative;width:30px;height:30px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:25px;height:25px;margin:2px;border:2px solid #18a0fb;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#18a0fb transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.hai-con{width:calc(100vw - 204px);margin-left:204px}}@media (max-width: 960px){.table .list{overflow:scroll}.table .list::-webkit-scrollbar{display:none}.table .list div{margin-right:10px}.table .list .date{width:75px;min-width:75px}.table .list .address,.table .list .name{width:125px;min-width:125px}.table .rider{width:80px;min-width:80px}}@media (max-width: 600px){.hai-con{width:100vw;margin:70px 0 0}}