@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&family=Anonymous+Pro:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@400;600;700;800;900&display=swap";:root{--bg-page: #0B0F19;--bg-card: #151B2B;--bg-card-hover: #1E2538;--primary: #3B82F6;--primary-hover: #2563EB;--primary-glow: rgba(59, 130, 246, .4);--accent: #8B5CF6;--accent-glow: rgba(139, 92, 246, .4);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-tertiary: #64748B;--border-subtle: rgba(255, 255, 255, .06);--border-highlight: rgba(255, 255, 255, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--nav-height: 80px}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,sans-serif;background-color:var(--bg-page);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body ::selection{color:#fff;background:var(--primary)}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;color:#fff;letter-spacing:-.02em}button{font-family:Plus Jakarta Sans,sans-serif;cursor:pointer}a{text-decoration:none;color:inherit;transition:all .2s ease}.container{max-width:1280px;margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:#334155;border-radius:5px;border:2px solid var(--bg-page)}::-webkit-scrollbar-thumb:hover{background:#475569}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes glow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.unique-code-text{font-family:Anonymous Pro,monospace!important;font-weight:700;font-size:1.2rem;letter-spacing:2px}: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)}}.main-header{position:fixed;top:0;left:0;width:100%;height:60px;background:#0b0f19!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;z-index:1000;display:flex;align-items:center;box-shadow:0 4px 6px -1px #0000004d}.header-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.brand-section{display:flex;align-items:center;gap:12px}.logo-text{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.03em}.nav-actions{display:flex;align-items:center;gap:16px}.nav-link-item{color:var(--text-secondary);font-weight:500;font-size:.95rem;padding:8px 16px;transition:color .2s ease}.nav-link-item:hover{color:#fff}.btn-download-nav{background:linear-gradient(135deg,gold,orange);color:#000;border:none;padding:8px 16px;border-radius:var(--radius-md);font-weight:700;font-size:.85rem;transition:all .2s ease;box-shadow:0 4px 12px #ffa50033}.btn-download-nav:hover{transform:translateY(-1px);box-shadow:0 6px 15px #ffa5004d;filter:brightness(1.1)}.btn-login-minimal{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle);padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;transition:all .2s ease}.btn-login-minimal:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);color:#fff}.mobile-menu-toggle{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;z-index:1001}@media(max-width:768px){.header-inner{padding:0 16px}.logo-text{font-size:1.25rem}.mobile-menu-toggle{display:block}.nav-actions{display:none;position:fixed;top:60px;left:0;width:100%;background:#0b0f19;flex-direction:column;padding:20px;gap:20px;border-bottom:1px solid var(--border-subtle);box-shadow:0 10px 15px #00000080}.nav-actions.mobile-open{display:flex}.nav-link-item{width:100%;text-align:center;padding:12px;font-size:1.1rem}.btn-download-nav,.btn-login-minimal{width:100%;padding:12px}}.download-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.download-dialog-content{background:var(--bg-card);width:90%;max-width:450px;padding:40px 32px;border-radius:24px;border:1px solid var(--border-highlight);position:relative;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-dialog-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-tertiary);font-size:24px;transition:color .2s}.close-dialog-btn:hover{color:#fff}.app-icon-container{display:flex;justify-content:center;margin-bottom:24px}.app-icon-preview{width:80px;height:80px;background:linear-gradient(135deg,gold,orange);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:#0b0f19;box-shadow:0 10px 20px #ffa5004d}.dialog-title{font-size:1.75rem;margin-bottom:12px;background:linear-gradient(to right,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dialog-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:32px;line-height:1.5}.download-instructions{background:#ffd7000d;border-left:3px solid #FFD700;padding:12px 16px;border-radius:0 8px 8px 0;margin-bottom:32px;text-align:left}.download-instructions p{font-size:.85rem;color:var(--text-secondary);margin:0}.btn-download-primary{width:100%;background:linear-gradient(135deg,gold,orange);color:#000;border:none;padding:16px;border-radius:12px;font-weight:700;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #ffa50033}.btn-download-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ffa50066;filter:brightness(1.1)}.btn-download-primary:disabled{opacity:.7;cursor:not-allowed}.hero-section{position:relative;padding:120px 0 100px;min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.08),transparent 25%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:10}.hero-content-left{max-width:600px}.hero-headline{font-size:3.5rem;line-height:1.1;font-weight:800;margin-bottom:24px;letter-spacing:-.02em}.headline-gradient{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:40px}.hero-cta-group{display:flex;gap:16px;align-items:center}.btn-primary{background:var(--primary);color:#fff;padding:14px 32px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;border:none;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #3b82f64d}.btn-secondary{background:transparent;color:var(--text-primary);padding:14px 32px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;border:1px solid var(--border-subtle);transition:all .2s ease}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-secondary)}.hero-visual-right{position:relative;perspective:1000px}.dashboard-mockup{background:var(--bg-card);border:1px solid var(--border-highlight);border-radius:16px;padding:24px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a,0 0 0 1px #ffffff0d;transform:rotateY(-5deg) rotateX(2deg);transition:transform .5s ease}.dashboard-mockup:hover{transform:rotateY(0) rotateX(0)}.mockup-header{display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.mockup-dot-group{display:flex;gap:6px}.mock-dot{width:10px;height:10px;border-radius:50%;background:var(--bg-card-hover)}.mock-search{width:200px;height:10px;background:var(--bg-card-hover);border-radius:4px}.mockup-body{display:grid;grid-template-columns:200px 1fr;gap:24px}.mock-sidebar{display:flex;flex-direction:column;gap:12px}.mock-line{height:8px;background:var(--bg-card-hover);border-radius:4px;width:60%}.mock-line.long{width:80%}.mock-line.full{width:100%}.mock-content{background:var(--bg-page);border-radius:8px;padding:16px;border:1px solid var(--border-subtle)}.mock-graph{height:120px;background:linear-gradient(180deg,rgba(59,130,246,.1) 0%,transparent 100%);border-bottom:2px solid var(--primary);position:relative}.floating-card{position:absolute;bottom:-30px;left:-30px;background:var(--bg-card);border:1px solid var(--border-highlight);padding:16px;border-radius:12px;box-shadow:0 10px 15px -3px #0000004d;display:flex;align-items:center;gap:12px;animation:float 6s ease-in-out infinite}.floating-icon{width:40px;height:40px;background:var(--accent-glow);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent)}@keyframes pulse{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.5}}@media(max-width:968px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:40px}.hero-content-left{margin:0 auto}.hero-cta-group{justify-content:center}.hero-visual-right{display:none}}.features-section{padding:100px 0;position:relative;background:#0b0f19!important;overflow:hidden;display:block!important}.features-header{text-align:center;max-width:900px;margin:0 auto 80px;position:relative;z-index:10;display:block!important}.features-section .features-section-title{font-size:clamp(2.2rem,5vw,3.5rem)!important;font-weight:800!important;line-height:1.2!important;margin-bottom:24px!important;letter-spacing:-.03em!important;color:#fff!important;display:block!important}.features-section .features-section-subtitle{font-size:clamp(1.1rem,2vw,1.3rem)!important;color:#94a3b8!important;line-height:1.6!important;max-width:700px!important;margin:0 auto!important;font-weight:400!important;display:block!important}.features-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;position:relative;z-index:10}.feature-card{background:#151b2b!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;padding:32px!important;transition:all .3s ease!important;display:flex!important;flex-direction:column!important;gap:16px!important}.feature-card:hover{transform:translateY(-8px)!important;border-color:#3b82f666!important;background:#1e2538!important;box-shadow:0 20px 25px -5px #0003!important}.feature-icon-wrapper{width:48px!important;height:48px!important;background:#3b82f61a!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#3b82f6!important}.feature-card:hover .feature-icon-wrapper{background:#3b82f6!important;color:#fff!important}.feature-title{font-size:1.25rem!important;font-weight:700!important;color:#fff!important;margin:0!important}.feature-description{font-size:.95rem!important;color:#94a3b8!important;line-height:1.6!important;margin:0!important}@media(max-width:768px){.features-section{padding:60px 0!important}.features-grid{grid-template-columns:1fr!important}}.main-footer{padding:40px 0 24px;background:radial-gradient(circle at top right,#111827,#0b0f19);border-top:1px solid rgba(255,255,255,.03);position:relative;overflow:hidden;width:100%}.main-footer:before{content:"";position:absolute;top:0;left:10%;width:200px;height:200px;background:var(--primary);filter:blur(100px);opacity:.05;pointer-events:none}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:32px;position:relative;z-index:1}.footer-brand{display:flex;flex-direction:column;gap:16px}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#fff;text-decoration:none}.logo-highlight{color:var(--primary)}.footer-tagline{color:#fff9;font-size:.9rem;line-height:1.6;max-width:320px;font-weight:400}.social-links{display:flex;gap:12px}.social-icon{width:34px;height:34px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:all .4s cubic-bezier(.4,0,.2,1)}.social-icon:hover{color:#fff;background:var(--primary);border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 15px -5px #3b82f666}.footer-title{font-size:.8rem;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:.1em;text-transform:uppercase;opacity:.9}.footer-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.footer-links a{color:#ffffff80;font-size:.85rem;text-decoration:none;transition:all .3s ease;display:inline-block}.footer-links a:hover{color:#fff;transform:translate(4px)}.contact-list li{display:flex;align-items:center;gap:10px;color:#ffffff80;font-size:.85rem}.contact-list li svg{color:var(--primary);opacity:.8}.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.copyright{color:#fff6;font-size:.9rem;font-weight:400}.brand-accent{color:#ffffffb3;font-weight:600}.status-indicator{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;color:#34d399;background:#34d39914;padding:6px 16px;border-radius:100px;font-weight:600;letter-spacing:.02em;border:1px solid rgba(52,211,153,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b98180;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}@media(max-width:1024px){.footer-grid{gap:40px;grid-template-columns:2fr 1fr 1fr}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:50px;text-align:center}.footer-brand{align-items:center}.footer-tagline{max-width:450px}.social-links{justify-content:center}.footer-bottom{flex-direction:column;gap:24px;text-align:center}.contact-list li{justify-content:center}.footer-links a:hover{transform:translateY(-2px)}}.login-overlay{position:fixed!important;inset:0!important;background:#020617f2!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:9999!important}.login-modal-wrapper{background:#0f172a!important;width:95%!important;max-width:900px!important;height:600px!important;border-radius:24px!important;position:relative!important;box-shadow:0 50px 100px -20px #000000b3,0 0 40px #3b82f61a!important;border:1px solid rgba(255,255,255,.1)!important;overflow:hidden!important;display:block!important;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)!important}.login-modal-wrapper::-webkit-scrollbar{display:none!important}@keyframes modalScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-close-icon{position:absolute!important;top:24px!important;right:24px!important;background:#ffffff0d!important;color:#94a3b8!important;width:36px!important;height:36px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1001!important;transition:all .2s ease!important}.modal-close-icon:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;transform:rotate(90deg)!important;box-shadow:0 0 15px #ef444466!important}.login-dual-layout{display:flex!important;width:100%!important;height:100%!important}.login-role-sidebar{width:320px!important;background:#1e293b!important;border-right:1px solid rgba(255,255,255,.08)!important;padding:50px 30px!important;display:flex!important;flex-direction:column!important;position:relative!important}.login-role-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.05) 0%,transparent 70%);pointer-events:none}.sidebar-branding{margin-bottom:40px!important;position:relative!important}.brand-text{font-size:2rem!important;font-weight:800!important;color:#fff!important;margin-bottom:8px!important;letter-spacing:-.05em!important;display:flex!important;align-items:center!important;gap:10px!important}.brand-text:after{content:"";width:8px;height:8px;background:#3b82f6;border-radius:50%;display:inline-block}.logo-accent{color:#60a5fa!important}.login-hint{color:#64748b!important;font-size:.8rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.15em!important;margin-top:24px!important;margin-bottom:24px!important}.role-nav-container{display:flex!important;flex-direction:column!important;gap:12px!important;flex:1!important}.role-nav-card{display:flex!important;align-items:center!important;gap:16px!important;padding:14px 20px!important;border-radius:16px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;border:1px solid transparent!important;background:#ffffff05!important}.role-nav-card:hover{background:#ffffff0d!important;transform:translate(5px)!important}.role-nav-card.active{background:#3b82f61a!important;border-color:#3b82f64d!important;box-shadow:0 4px 20px #0003!important}.role-card-icon{width:44px!important;height:44px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.role-card-icon.blue{color:#60a5fa!important;background:#3b82f61f!important}.role-card-icon.purple{color:#a78bfa!important;background:#8b5cf61f!important}.role-card-icon.pink{color:#f472b6!important;background:#ec48991f!important}.role-card-icon.orange{color:#fb923c!important;background:#f973161f!important}.role-nav-card.active .role-card-icon.blue{background:#3b82f6!important;color:#fff!important;box-shadow:0 0 15px #3b82f666!important}.role-nav-card.active .role-card-icon.purple{background:#8b5cf6!important;color:#fff!important;box-shadow:0 0 15px #8b5cf666!important}.role-nav-card.active .role-card-icon.pink{background:#ec4899!important;color:#fff!important;box-shadow:0 0 15px #ec489966!important}.role-nav-card.active .role-card-icon.orange{background:#f97316!important;color:#fff!important;box-shadow:0 0 15px #f9731666!important}.role-card-text{display:flex!important;flex-direction:column!important;gap:2px!important;flex:1!important}.role-card-label{font-weight:700!important;color:#e2e8f0!important;font-size:.95rem!important;transition:all .3s ease!important}.role-card-subtitle{font-size:.75rem!important;color:#64748b!important;font-weight:500!important}.role-nav-card.active .role-card-label{color:#fff!important}.role-nav-card.active .role-card-subtitle{color:#fff9!important}.selection-indicator{position:absolute!important;right:20px!important;width:6px!important;height:20px!important;background:#3b82f6!important;border-radius:4px!important}.sidebar-tagline{margin-top:auto!important;font-size:.8rem!important;color:#64748b!important}.login-form-area{flex:1!important;background:#0f172a!important;padding:30px 60px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;position:relative!important;overflow-y:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.login-form-area::-webkit-scrollbar{display:none!important}.login-form-area:after{content:"";position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(59,130,246,.03) 0%,transparent 70%);pointer-events:none}.form-wrapper-box{width:100%!important;max-width:380px!important;margin:0 auto!important}@media(max-width:768px){.login-modal-wrapper{height:100vh!important;width:100%!important;max-width:100%!important;border-radius:0!important;max-height:100vh!important}.login-dual-layout{flex-direction:column!important}.login-role-sidebar{width:100%!important;padding:50px 15px 15px!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important;background:#1e293b!important;flex-shrink:0!important}.sidebar-branding,.login-hint,.sidebar-tagline{display:none!important}.role-nav-container{flex-direction:row!important;justify-content:center!important;gap:8px!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:none!important}.role-nav-container::-webkit-scrollbar{display:none!important}.role-nav-card{flex-direction:column!important;padding:8px 12px!important;gap:6px!important;min-width:75px!important;background:transparent!important;border:none!important;align-items:center!important;text-align:center!important}.role-nav-card:hover{transform:none!important;background:#ffffff0d!important}.role-card-icon{width:32px!important;height:32px!important}.role-card-text{align-items:center!important}.role-card-label{font-size:.75rem!important;white-space:nowrap!important}.role-card-subtitle{display:none!important}.selection-indicator{position:absolute!important;inset:auto 0 0!important;width:100%!important;height:3px!important;border-radius:3px 3px 0 0!important}.login-form-area{padding:40px 20px 20px!important;justify-content:flex-start!important}.form-wrapper-box{max-width:100%!important}.modal-close-icon{top:10px!important;right:10px!important;width:28px!important;height:28px!important;background:#0003!important}}.auth-step-container{animation:slideInRight .3s cubic-bezier(.16,1,.3,1);height:100%}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.step-back-btn{position:absolute;top:30px;left:30px;display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;padding:6px 12px;z-index:10}.step-back-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:translate(-2px)}.auth-view-header,.split-view-header{text-align:center;margin-bottom:1.5rem}.split-view-header{margin-top:1rem;margin-bottom:1rem;animation:fadeInDown .5s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-view-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#60a5fa;box-shadow:0 8px 16px -4px #3b82f633;transition:all .3s ease}.auth-view-icon.blue{color:#60a5fa;background:#3b82f61a}.auth-view-icon.purple{color:#a78bfa;background:#8b5cf61a;border-color:#8b5cf633}.auth-view-icon.pink{color:#f472b6;background:#ec48991a;border-color:#ec489933}.auth-view-icon.orange{color:#fb923c;background:#f973161a;border-color:#f9731633}.auth-view-title{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.03em}.auth-view-subtitle{color:#94a3b8;font-size:.9rem;line-height:1.4}.auth-view-form{display:flex;flex-direction:column;gap:1.25rem}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-input-group label{font-size:.8rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.auth-input-wrapper{display:flex;align-items:center;gap:1rem;padding:0 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);height:52px}.auth-input-wrapper:focus-within{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.auth-input-wrapper input{flex:1;background:transparent;border:none;outline:none;font-size:.95rem;color:#fff;font-weight:500}.access-code-container{position:relative;margin:10px 0}.access-code-input{width:100%;padding:16px;font-size:1.75rem;font-weight:800;text-align:center;letter-spacing:10px;color:#3b82f6;background:#ffffff05;border:2px solid rgba(255,255,255,.08);border-radius:16px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.access-code-input:focus{border-color:#3b82f6;background:#3b82f60d;box-shadow:0 0 0 4px #3b82f61a;transform:scale(1.01)}.auth-submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.75rem;border-radius:12px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;margin-top:.5rem;display:flex;align-items:center;justify-content:center;height:52px;box-shadow:0 10px 20px -5px #3b82f666}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px #3b82f680}.auth-view-footer{margin-top:1.25rem;text-align:center;font-size:.9rem;color:#94a3b8;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.auth-view-footer a{color:#3b82f6;font-weight:700;text-decoration:none;margin-left:6px}.selection-list-container{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding-right:8px;margin-top:5px}.selection-list-container::-webkit-scrollbar{width:4px}.selection-list-container::-webkit-scrollbar-track{background:#ffffff05}.selection-list-container::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:10px}.selection-card.modern-card{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.selection-card.modern-card:hover{background:#3b82f614;border-color:#3b82f6;transform:translate(4px)}.selection-logo.modern-logo{width:36px;height:36px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.selection-logo.modern-logo img{width:100%;height:100%;object-fit:cover}.selection-info{flex:1}.selection-info h3{font-size:.9rem;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.selection-info p{font-size:.75rem;color:#94a3b8;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.selected-profile.modern-profile{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:16px;text-align:center;margin-bottom:12px}.profile-photo{width:72px;height:72px;border-radius:50%;margin:0 auto 10px;border:2px solid #3B82F6;overflow:hidden;background:#ffffff0d}.profile-photo img{width:100%;height:100%;object-fit:cover;display:block}.selected-profile h3{font-size:1.1rem;color:#fff;margin-bottom:4px}.selected-profile p{color:#94a3b8;font-size:.85rem}.placeholder-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.placeholder-avatar.student-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.placeholder-avatar.teacher-avatar{background:linear-gradient(135deg,#ec4899,#f43f5e)}@media(max-width:768px){.auth-view-icon{width:48px!important;height:48px!important;margin-bottom:.5rem!important}.split-view-header .auth-view-icon{display:none!important}.auth-view-title{font-size:1.4rem!important}.auth-view-subtitle{font-size:.85rem!important}.auth-view-form{gap:1rem!important}.auth-input-wrapper,.auth-submit-btn{height:48px!important}.step-back-btn{top:-30px!important;left:0!important;padding:4px 10px!important;font-size:.75rem!important;background:#ffffff1a!important}.selection-list-container{max-height:300px!important}.access-code-input{font-size:1.5rem!important;padding:12px!important}}.principal-dashboard{min-height:100vh;--text-primary: #0f172a;--text-secondary: #64748b;--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--border-color: #e2e8f0;--sidebar-bg: #ffffff;--sidebar-border: #e2e8f0;--sidebar-nav-text: #64748b;--sidebar-nav-hover: #f8fafc;background:var(--bg-secondary);color:var(--text-primary);display:flex;position:relative}.principal-dashboard.theme-dark{--text-primary: #f8fafc;--text-secondary: #94a3b8;--bg-primary: #0f172a;--bg-secondary: #020617;--border-color: rgba(255, 255, 255, .1);--sidebar-bg: #0f172a;--sidebar-border: rgba(255, 255, 255, .05);--sidebar-nav-text: #94a3b8;--sidebar-nav-hover: rgba(255, 255, 255, .03)}.principal-dashboard body::-webkit-scrollbar,.principal-dashboard .dashboard-main-container::-webkit-scrollbar,.principal-dashboard::-webkit-scrollbar{width:0px!important;display:none!important}.sidebar-nav{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.sidebar-nav::-webkit-scrollbar-thumb{background:transparent!important;border-radius:10px!important;border-right:4px solid transparent;border-left:2px solid transparent;background-clip:content-box;transition:background .3s ease}.dashboard-header-modern{height:70px;background:var(--bg-primary);padding:0 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;width:100%;z-index:10002;gap:1.5rem}.header-left-section{flex:1}.header-center-section{flex:2;display:flex;justify-content:center;align-items:center;min-width:0}.inst-meta-inline-centered{display:flex;align-items:center;gap:.75rem;max-width:100%;overflow:hidden}.inst-logo-raw{height:36px;width:auto;max-width:120px;object-fit:contain;flex-shrink:0}.inst-logo-placeholder-raw{width:36px;height:36px;background:#6366f1;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}.inst-name-raw{font-size:1.4rem;font-weight:900;color:var(--text-primary);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.header-right-section{flex:1;display:flex;justify-content:flex-end;align-items:center;min-width:0}.header-profile-trigger-premium{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.4rem .8rem;border-radius:12px;transition:background .2s;max-width:100%}.header-profile-trigger-premium:hover{background:var(--bg-secondary)}.header-user-info-group{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.header-session-badge{display:flex;align-items:center;gap:4px;background:#6366f115;color:#6366f1;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:800;border:1px solid #6366f130}.header-session-badge svg{opacity:.8}.header-avatar-premium{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.profile-name-text-premium{font-weight:700;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-sidebar{position:fixed!important;top:0!important;left:0!important;width:280px!important;height:100vh!important;background:var(--sidebar-bg)!important;z-index:9999!important;display:flex!important;flex-direction:column!important;border-right:1px solid var(--sidebar-border)!important;border-top-right-radius:24px;box-shadow:4px 0 15px #0000000d!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.dashboard-sidebar.collapsed{width:110px!important}.sidebar-header-spacer{height:70px;flex-shrink:0}.sidebar-nav{flex:1;padding:0 .6rem 1.5rem;display:flex;flex-direction:column;gap:.3rem;overflow-y:auto}.collapsed .sidebar-nav{padding:0 15px 1.5rem 0!important}.sidebar-nav-btn{display:flex;align-items:center;gap:1.25rem;padding:10px 16px;background:transparent!important;border:none;border-radius:12px;color:var(--sidebar-nav-text)!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);height:44px;width:100%;position:relative;margin-bottom:4px}.sidebar-nav-btn:hover{background:#6366f11a!important;color:#6366f1!important;transform:translate(4px)}.sidebar-nav-btn.active{background:#6366f1!important;color:#fff!important;box-shadow:0 8px 20px #6366f133!important;transform:scale(1.02)}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.sidebar-png-icon{width:24px;height:24px;object-fit:contain;transition:all .3s ease;filter:grayscale(.2) brightness(.9)}.sidebar-nav-btn:hover .sidebar-png-icon{transform:scale(1.1);filter:grayscale(0) brightness(1)}.sidebar-nav-btn.active .sidebar-png-icon{filter:brightness(0) invert(1);transform:scale(1.1)}.sidebar-nav-btn:hover .nav-icon{transform:scale(1.1)}.nav-text{font-weight:700;font-size:.9rem;white-space:nowrap;opacity:1}.collapsed .nav-text{display:none}.collapsed .sidebar-nav-btn{justify-content:center;padding:0;gap:0;width:44px;height:44px;margin:0 0 8px 4px}.dashboard-main-container{flex:1;min-width:0;display:flex;flex-direction:column}.dashboard-view-content{padding-top:70px;padding-left:280px;flex:1;display:flex;flex-direction:column;transition:padding-left .4s ease}.sidebar-collapsed .dashboard-view-content{padding-left:110px}@media(max-width:1024px){.dashboard-view-content{padding-left:110px!important}}.mobile-header-inst-name{display:none}@media(max-width:768px){.dashboard-view-content{padding-left:0!important;padding-top:60px}.dashboard-header-modern{height:60px;padding:0 .5rem;position:relative}.header-center-section{display:none!important}.mobile-header-inst-name{display:flex!important;align-items:center;gap:6px;position:absolute;top:16px;left:1rem;font-size:.75rem;font-weight:900;color:var(--text-primary);letter-spacing:.02em;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;z-index:10005;pointer-events:none}.inst-name-raw{font-size:1rem}.header-avatar-premium{width:32px;height:32px}.header-session-badge{padding:1px 4px!important;font-size:.55rem!important}.header-session-badge svg{width:8px!important;height:8px!important}.profile-name-text-premium{display:none}.header-profile-trigger-premium{padding-top:10px!important}.dashboard-sidebar{transform:translate(-100%);transition:transform .3s ease}.dashboard-sidebar.mobile-open{transform:translate(0);width:260px!important}}.dashboard-view-content:has(.result-dashboard),.dashboard-view-content:has(.data-entry-container),.dashboard-view-content:has(.report-card-page-wrapper){padding-left:130px!important}.dashboard-view-content:has(.stats-page-container){padding-left:160px!important}@media(max-width:768px){.dashboard-view-content:has(.result-dashboard),.dashboard-view-content:has(.data-entry-container),.dashboard-view-content:has(.report-card-page-wrapper),.dashboard-view-content:has(.stats-page-container){padding-left:0!important}}.sidebar-collapsed .dashboard-view-content:has(.result-dashboard),.sidebar-collapsed .dashboard-view-content:has(.data-entry-container),.sidebar-collapsed .dashboard-view-content:has(.report-card-page-wrapper){padding-left:10px!important}.sidebar-collapsed .dashboard-view-content:has(.stats-page-container){padding-left:40px!important}.overview-container{padding:2.5rem}.overview-header-row{display:flex;justify-content:flex-start;gap:2.5rem;margin-bottom:2.5rem;margin-left:-50px}@media(max-width:1200px){.overview-header-row{margin-left:0;gap:1.5rem}}@media(max-width:768px){.overview-container{padding:1.25rem}.overview-header-row{flex-direction:column-reverse;gap:1.5rem;margin-bottom:1.5rem}}.dashboard-flashcard{flex:0 0 auto;width:650px;height:350px;border-radius:36px;padding:2.2rem 2.8rem;color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000026;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:all .6s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.dashboard-flashcard{width:100%!important;height:220px!important;padding:1.5rem!important;border-radius:24px}.card-main-text{font-size:2.2rem!important}.card-sub-text{font-size:.9rem!important}.card-side-clock{display:none!important}}.principal-dashboard:not(.sidebar-collapsed) .dashboard-flashcard{width:550px;height:300px;padding:1.8rem 2.2rem}.principal-dashboard:not(.sidebar-collapsed) .card-main-text{font-size:3.2rem}.principal-dashboard:not(.sidebar-collapsed) .card-sub-text{font-size:1rem}.principal-dashboard:not(.sidebar-collapsed) .subscription-info-card{flex:0 0 300px;min-height:200px;padding:1.5rem}.dashboard-flashcard:hover{transform:translateY(-8px);box-shadow:0 45px 80px #00000040}.animate-card{animation:cardSlideIn .8s cubic-bezier(.16,1,.3,1)}@keyframes cardSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.card-footer-dots{display:flex;gap:10px}.card-dot{width:10px;height:10px;background:#ffffff40;border-radius:5px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card-dot.active{width:36px;background:#fff}.card-glass-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.card-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:skew(-20deg);animation:shimmer 4s infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.card-top{display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.card-badge-container{display:flex;align-items:center;gap:8px}.card-title-tag{font-size:.85rem;font-weight:800;letter-spacing:.15em;opacity:.9;text-transform:uppercase}.card-icon-circle{width:48px;height:48px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;overflow:hidden}.card-custom-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dashboard-flashcard:hover .card-icon-circle{background:#ffffff40;transform:translateY(-2px) rotate(-5deg)}.card-body{margin:1.5rem 0;z-index:2}.card-main-container{display:flex;flex-direction:column;gap:10px}.card-main-text{font-size:3.8rem;font-weight:900;margin:0;letter-spacing:-.02em;text-shadow:0 10px 20px rgba(0,0,0,.15)}.card-sub-text{font-size:1.15rem;font-weight:700;opacity:.9;margin:0}.revenue-card .card-body{margin-top:-15px}.revenue-card .card-sub-text{font-weight:900;opacity:1}.revenue-card .revenue-progress-wrapper{margin-top:-4px}.revenue-progress-wrapper{margin-top:10px;width:100%}.revenue-progress-info{display:flex;justify-content:flex-end;margin-bottom:4px}.revenue-percent-text{font-size:.65rem;font-weight:800;letter-spacing:.05em;opacity:.9}.revenue-progress-mini{width:100%;height:8px;background:#ffffff26;border-radius:100px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #0000001a;position:relative}.revenue-progress-fill{height:100%!important;width:0%;background-color:#10b981!important;background-image:none!important;border-radius:100px!important;position:relative;box-shadow:0 0 10px #10b98180!important;transition:width 1.5s cubic-bezier(.16,1,.3,1);z-index:10!important;display:block!important}.card-bottom-actions{display:flex;justify-content:flex-end;align-items:center;z-index:2}.card-view-details{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:800;background:#ffffff1a;padding:6px 12px;border-radius:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.card-view-details:hover{background:#fff3;transform:translate(3px)}z-index: 5; background: rgba(255,255,255,.1); padding: 1rem; border-radius: 20px; backdrop-filter: blur(15px); border: 1px solid rgba(255,255,255,.1); } .card-date-day-bold{font-size:1rem;font-weight:900;text-transform:uppercase;line-height:1.2;opacity:.8}.card-time-bold{font-size:1.8rem;font-weight:900;color:#fff;margin-top:4px;line-height:1.2}.card-lock-overlay{position:absolute;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;z-index:10;color:#fff}.lock-icon-wrap{width:80px;height:80px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);animation:lock-float 3s ease-in-out infinite}@keyframes lock-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-lock-overlay span{font-size:1rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;opacity:.9}.action-center-row{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 1rem;padding-right:2rem;z-index:100;position:relative}@media(max-width:768px){.action-center-row{padding-right:0;margin:1rem 0}.action-center-header h2{font-size:1rem!important}}.action-center-header-group{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;padding-right:40px}@media(max-width:1024px){.action-center-header-group{padding-right:20px}}@media(max-width:768px){.action-center-header-group{padding-right:0;gap:1rem}}.action-center-header h2{font-size:1.4rem;font-weight:900;letter-spacing:.15em;color:var(--text-primary);opacity:.8;margin:0;white-space:nowrap}.action-grid-horizontal{display:flex;gap:1.25rem;overflow-x:auto;overflow-y:visible;padding:1.5rem 5rem 1.5rem 0;margin-left:-50px;margin-top:-1rem;scrollbar-width:none}@media(max-width:768px){.action-grid-horizontal{margin-left:0;padding:1rem 0;gap:.75rem;flex-direction:column;overflow-x:hidden}.action-flashcard-small{width:100%!important;min-width:100%!important;max-width:100%!important;height:70px!important;flex-direction:row!important;justify-content:flex-start!important;padding:0 1.5rem!important;gap:1.5rem!important;border-radius:18px!important}.action-title-text{font-size:1rem!important;font-weight:800!important;letter-spacing:.05em}.action-icon-wrap svg{width:20px!important;height:20px!important}}.action-flashcard-small{flex:0 0 auto;min-width:180px;max-width:220px;height:110px;border-radius:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 20px #0000001a}.action-flashcard-small:hover{transform:translateY(-15px);box-shadow:0 20px 40px #00000040;z-index:50}.principal-dashboard:not(.sidebar-collapsed) .action-flashcard-small{min-width:155px;height:100px;padding:.75rem}.subscription-info-card{flex:0 0 360px;min-height:240px;background:linear-gradient(135deg,#1e1b4b,#0f172a,#020617);border-radius:32px;padding:2.2rem;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px 2px #ffffff0d;border:1px solid rgba(251,146,60,.1);transition:all .6s cubic-bezier(.2,1,.2,1);position:relative;overflow:hidden}@media(max-width:768px){.subscription-info-card{flex:0 0 auto!important;width:100%!important;padding:1.5rem!important;min-height:auto!important;border-radius:24px}.sub-timer-text{font-size:.75rem!important}}.subscription-info-card:hover{transform:translateY(-10px);border-color:#fb923c4d;background:linear-gradient(135deg,#25215a,#161d33,#050a1f)}.subscription-info-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(251,146,60,.05) 0%,transparent 60%);pointer-events:none;z-index:1}.sub-card-header{display:flex;justify-content:space-between;align-items:center;z-index:2}.sub-status-badge{font-size:.65rem;font-weight:900;text-transform:uppercase;padding:6px 16px;border-radius:12px;background:#fb923c1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(251,146,60,.2);letter-spacing:.12em;color:#fb923c!important}.sub-timer-text{font-size:.9rem;font-weight:800;color:#f1f5f9;letter-spacing:-.01em;font-family:Inter,sans-serif}.sub-card-track{width:100%;height:8px;background:#0009;border-radius:100px;margin:1.8rem 0;overflow:hidden;border:1px solid rgba(251,146,60,.05);z-index:2}.sub-card-fill{height:100%;border-radius:100px;transition:width 1.5s cubic-bezier(.16,1,.3,1);background-color:#fb923c}.sub-meta-container{display:flex;flex-direction:column;gap:.75rem;z-index:2}.sub-meta-row{display:flex;align-items:center;gap:1.2rem;background:#ffffff05;padding:.8rem 1.2rem;border-radius:18px;border:1px solid rgba(255,255,255,.03);transition:all .4s ease}.sub-meta-row:hover{background:#fb923c08;border-color:#fb923c26;transform:translate(5px)}.sub-meta-icon{width:32px;height:32px;border-radius:10px;background:#fb923c0d;border:1px solid rgba(251,146,60,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s ease;color:#fb923c}.sub-meta-row:hover .sub-meta-icon{background:#fb923c;color:#000;transform:scale(1.1)}.sub-meta-content{display:flex;flex-direction:column}.sub-meta-label{font-size:.55rem;font-weight:900;text-transform:uppercase;color:#94a3b8;opacity:.5;letter-spacing:.15em;margin-bottom:1px}.sub-meta-value{font-size:.75rem;font-weight:700;color:#cbd5e1;line-height:1.2}.sub-meta-row:hover .sub-meta-value{color:#fff}.danger-blink{background-color:#ef4444!important;animation:rose-danger-pulse 2s infinite ease-in-out}@keyframes rose-danger-pulse{0%{opacity:1}50%{opacity:.7;transform:scale(1.02)}to{opacity:1}}.dashboard-search-wrapper{position:relative;margin-left:auto}.dashboard-search-container{display:flex;flex-direction:row;align-items:center;background:var(--bg-primary)!important;border:1.5px solid var(--border-color)!important;border-radius:100px;padding:4px;transition:all .5s cubic-bezier(.4,0,.2,1);width:48px;min-width:48px;height:48px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.dashboard-search-container:hover{border-color:#6366f1!important;box-shadow:0 8px 24px #6366f126!important;transform:translateY(-1px)}.dashboard-search-container.expanded{width:350px;overflow:visible!important;border-color:#6366f1!important;box-shadow:0 12px 35px #6366f133!important}.search-results-dropdown{position:absolute;top:calc(100% + 15px);left:0;width:350px;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:20px!important;box-shadow:0 15px 45px #6366f126!important;z-index:10005!important;max-height:450px;overflow-y:auto;padding:.75rem!important}@media(max-width:768px){.dashboard-search-wrapper{position:static}.dashboard-search-container{position:absolute!important;right:0;top:50%;transform:translateY(-50%)!important;flex-direction:row-reverse!important;transition:width .4s cubic-bezier(.4,0,.2,1),border-color .3s,box-shadow .3s!important;width:48px;z-index:10006}.dashboard-search-container:hover{transform:translateY(-50%)!important}.dashboard-search-container.expanded{left:0;width:100%!important;border-radius:12px;background:var(--bg-primary)!important;transform:translateY(-50%)!important}.dashboard-search-container:not(.expanded) .dashboard-search-input{display:none}.search-results-dropdown{width:100%!important;right:0;left:0!important;top:calc(100% + 5px);border-radius:12px!important}.expanded .dashboard-search-input{padding-left:1rem;padding-right:.5rem;text-align:left;opacity:1;width:100%;display:block!important}}.dashboard-search-trigger-v2{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:#94a3b8!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;z-index:2}.dashboard-search-container:hover .dashboard-search-trigger-v2,.dashboard-search-container.expanded .dashboard-search-trigger-v2{color:#6366f1!important}.dashboard-search-input{flex:1;border:none;background:transparent;padding:0;width:0;font-size:.95rem;font-weight:600;color:var(--text-primary);outline:none;opacity:0;transition:all .4s}.expanded .dashboard-search-input{padding-left:1rem;width:100%;opacity:1}.search-result-item{display:flex!important;align-items:center!important;gap:1rem!important;padding:.8rem!important;border-radius:12px!important;cursor:pointer!important;transition:all .2s ease!important}.search-result-item:hover{background:var(--bg-secondary)!important;transform:translate(5px)!important}.result-avatar{width:44px!important;height:44px!important;border-radius:12px!important;overflow:hidden!important;background:#f1f5f9!important;flex-shrink:0!important}.result-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.result-info{display:flex!important;flex-direction:column!important;flex:1!important}.result-name{font-weight:700!important;font-size:.95rem!important;color:var(--text-primary)!important}.result-meta{font-size:.75rem!important;color:var(--text-secondary)!important}.result-type-tag{font-size:.65rem!important;font-weight:800!important;text-transform:uppercase!important;padding:4px 10px!important;border-radius:100px!important}.result-type-tag.student{background:#10b9811a!important;color:#10b981!important}.result-type-tag.teacher{background:#6366f11a!important;color:#6366f1!important}.profile-popup{position:absolute;top:calc(100% + 15px);right:2rem;width:300px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 50px #0000001a,0 0 0 1px #6366f10d;padding:.75rem;z-index:10001;animation:popupReveal .4s cubic-bezier(.16,1,.3,1);overflow:visible}@keyframes popupReveal{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header-premium{padding:1.25rem;background:var(--bg-secondary);border-radius:18px;margin-bottom:.75rem;border:1px solid var(--border-color)}.popup-user-details h3{margin:0;font-size:1.1rem;font-weight:800;color:var(--text-primary)}.badge-principal{font-size:.7rem;font-weight:900;text-transform:uppercase;background:#6366f1;color:#fff;padding:3px 10px;border-radius:100px;display:inline-block;margin-top:6px}.popup-quick-contact{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem}.quick-row{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--text-secondary);font-weight:600}.quick-row svg{color:#6366f1;opacity:.8}.popup-divider{height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent);margin:.75rem .5rem}.popup-item{width:100%;padding:.9rem 1.25rem;display:flex;align-items:center;gap:1rem;border:none;background:transparent;border-radius:14px;color:var(--text-primary);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.popup-item:hover{background:var(--bg-secondary);color:#6366f1;transform:translate(6px)}.popup-item.logout{color:#ef4444;margin-top:4px}.popup-item.has-flyout{position:relative}.item-content-row{display:flex;align-items:center;gap:1rem;width:100%}.chevron-left-icon{margin-left:auto;opacity:.5;transition:transform .3s ease}.popup-item.has-flyout:hover .chevron-left-icon{transform:translate(-3px);opacity:1}.session-flyout-menu{position:absolute;top:-10px;right:calc(100% + 15px);width:240px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;box-shadow:-15px 10px 40px #0000001f;padding:.75rem;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate(10px) scale(.95);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:10002}.popup-item.has-flyout:hover .session-flyout-menu{opacity:1;visibility:visible;transform:translate(0) scale(1)}@media(max-width:768px){.session-flyout-menu{position:static!important;width:100%!important;opacity:1!important;visibility:visible!important;display:none!important;transform:none!important;box-shadow:none!important;border:1px solid var(--border-color)!important;margin-top:.5rem;padding:.5rem!important;background:var(--bg-secondary)!important}.session-flyout-menu.open{display:flex!important;animation:slideDownFade .3s ease-out}.chevron-left-icon.rotated{transform:rotate(-90deg)!important}.popup-item.has-flyout:hover .session-flyout-menu{opacity:0;visibility:hidden}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.popup-item.has-flyout:before{content:"";position:absolute;top:0;right:100%;width:20px;height:100%}.flyout-header{padding:.5rem .75rem;font-size:.75rem;font-weight:800;color:#6366f1;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.session-list-scrollable{max-height:250px;overflow-y:auto;padding-right:4px}.session-list-scrollable::-webkit-scrollbar{width:4px}.session-list-scrollable::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.flyout-session-item{border-radius:12px;margin-bottom:2px;transition:all .2s}.flyout-session-item:hover{background:var(--bg-secondary)}.flyout-session-item.active{background:#6366f110}.flyout-session-item .session-view-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem}.session-info{display:flex;align-items:center;gap:.6rem;flex:1}.active-dot{width:6px;height:6px;background:#27ae60;border-radius:50%;box-shadow:0 0 8px #27ae6066}.flyout-session-item .session-name{font-size:.85rem;font-weight:700;color:var(--text-primary)}.flyout-session-item.active .session-name{color:#6366f1}.session-actions{display:flex;gap:2px;opacity:0;transition:opacity .2s}.flyout-session-item:hover .session-actions{opacity:1}.session-actions button{background:transparent;border:none;width:24px;height:24px;border-radius:6px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.session-actions button:hover{background:var(--bg-primary);color:#6366f1}.flyout-footer{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.add-session-inline-btn{width:100%;padding:.5rem;background:transparent;border:1px dashed var(--border-color);border-radius:10px;color:#6366f1;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.add-session-inline-btn:hover{background:#6366f105;border-color:#6366f1}.session-add-row,.session-edit-row{display:flex;align-items:center;gap:.4rem;padding:.25rem}.session-add-row input,.session-edit-row input{flex:1;min-width:0;background:var(--bg-primary);border:1.5px solid #6366f1;border-radius:8px;padding:.35rem .5rem;font-size:.8rem;font-weight:600;color:var(--text-primary);outline:none}.session-add-row button,.session-edit-row button{background:#6366f1;color:#fff;border:none;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.session-add-row button.cancel-btn{background:var(--bg-secondary);color:var(--text-secondary)}.theme-dark .profile-popup{background:#0f172ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.sidebar-footer{padding:1rem;border-top:1px solid var(--sidebar-border)}.collapse-toggle-btn{display:flex;align-items:center;gap:1.25rem;padding:12px 16px;background:var(--sidebar-nav-hover);border:1px solid var(--sidebar-border);border-radius:12px;color:var(--sidebar-nav-text);cursor:pointer;width:100%;transition:all .3s}.collapse-toggle-btn:hover{background:#f1f5f9;color:#6366f1}.collapsed .collapse-toggle-btn{justify-content:center;padding:12px 0}.collapse-text{font-weight:700;font-size:.9rem;white-space:nowrap}.lock-icon{margin-left:auto;color:#ef4444;display:flex;align-items:center}.dashboard-locked-overlay{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0f172a0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:calc(100vh - 70px)}.locked-card{max-width:500px;width:100%;background:var(--bg-primary);padding:3.5rem;border-radius:40px;text-align:center;box-shadow:0 30px 60px -15px #0003;border:1px solid var(--border-color);animation:lockFadeIn .5s cubic-bezier(.16,1,.3,1)}@keyframes lockFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.locked-icon-pulse{width:96px;height:96px;background:#ef44441a;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 20px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.locked-card h2{font-size:2rem;font-weight:900;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.02em}.locked-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:2.5rem;font-size:1.05rem;font-weight:500}.go-to-sub-btn{background:#6366f1;color:#fff;padding:1.1rem 2.5rem;border-radius:18px;border:none;font-weight:800;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -5px #6366f166}.go-to-sub-btn:hover{transform:translateY(-3px) scale(1.02);background:#4f46e5;box-shadow:0 20px 35px -5px #6366f180}.dashboard-flashcard.locked{position:relative;cursor:not-allowed;filter:grayscale(.5) brightness(.7);transition:filter .3s ease}.dashboard-flashcard.locked .card-body,.dashboard-flashcard.locked .card-top,.dashboard-flashcard.locked .card-side-clock,.dashboard-flashcard.locked .card-bottom-actions{opacity:.15;pointer-events:none}.action-flashcard-small.locked{position:relative;cursor:not-allowed;filter:grayscale(.4) brightness(.8);opacity:.9}.action-flashcard-small.locked .action-lock-badge{position:absolute;top:10px;right:10px;background:#0000004d;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.card-side-clock{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;text-align:right;z-index:5;background:#ffffff14;padding:.6rem .8rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.card-date-day-bold{font-size:.75rem;font-weight:900;text-transform:uppercase;line-height:1.2;opacity:.7}.card-time-bold{font-size:1.2rem;font-weight:900;color:#fff;margin-top:2px;line-height:1.2}.card-lock-overlay{position:absolute;inset:0;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;z-index:10;color:#fff;border-radius:inherit}.lock-icon-wrap{width:44px;height:44px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);animation:lock-float 3s ease-in-out infinite}@keyframes lock-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.card-lock-overlay span{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.p-modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.p-modal-container{background:linear-gradient(135deg,#fff,#fafbfc);width:100%;max-width:1200px;max-height:92vh;border-radius:28px;display:flex;overflow:hidden;box-shadow:0 30px 60px -15px #0000004d,0 0 0 1px #00000014;animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.p-modal-sidebar{width:360px;background:linear-gradient(180deg,#0f172a,#020617);padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;position:relative;overflow:hidden}.p-modal-sidebar:before{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.2) 0%,transparent 60%);animation:pulseGlow 10s ease-in-out infinite}.p-modal-sidebar:after{content:"";position:absolute;bottom:-30%;right:-30%;width:160%;height:160%;background:radial-gradient(circle at 70% 70%,rgba(139,92,246,.15) 0%,transparent 60%);animation:pulseGlow 12s ease-in-out infinite reverse}@keyframes pulseGlow{0%,to{transform:scale(1) rotate(0);opacity:.6}50%{transform:scale(1.15) rotate(5deg);opacity:.9}}.sidebar-logo-section{width:100%;position:relative;z-index:1;margin-bottom:2rem}.logo-display{position:relative;width:160px;height:160px;margin:0 auto 1.5rem;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.15);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a inset;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.logo-display:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 50px #0006,0 0 0 1px #fff3 inset}.logo-display img{width:100%;height:100%;object-fit:contain;padding:20px}.logo-edit-btn{position:absolute;bottom:10px;right:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 16px #6366f180}.logo-edit-btn:hover{transform:scale(1.2) rotate(15deg);box-shadow:0 12px 24px #6366f1b3}.institute-name{font-size:1.5rem;font-weight:900;margin:0;letter-spacing:-.03em;line-height:1.3;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(255,255,255,.1)}.sidebar-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);margin:2rem 0;position:relative;z-index:1}.sidebar-profile{width:100%;position:relative;z-index:1}.profile-img-preview{position:relative;width:120px;height:120px;margin:0 auto 1.25rem}.profile-img-preview:before{content:"";position:absolute;inset:-5px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899,#f59e0b);border-radius:50%;z-index:-1;animation:rotateGradient 4s linear infinite}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-img-preview img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:6px solid #020617;box-shadow:0 15px 35px #0006}.sidebar-profile h3{font-size:1.375rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.02em;color:#fff}.role-text{font-size:.8125rem;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:.5rem 1.25rem;background:#6366f133;border-radius:24px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.3)}.img-edit-btn{position:absolute;bottom:5px;right:5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:4px solid #020617;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 16px #6366f180}.img-edit-btn:hover{transform:scale(1.2) rotate(15deg);box-shadow:0 8px 20px #6366f1b3}.p-modal-main{flex:1;display:flex;flex-direction:column;background:#fff;position:relative}.close-btn-floating{position:absolute;top:1rem;right:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #e5e7eb;color:#64748b;cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:10;box-shadow:0 4px 12px #00000014}.close-btn-floating:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444;transform:rotate(90deg) scale(1.1);box-shadow:0 6px 20px #ef444440}.main-body{padding:3rem;overflow-y:auto;background:transparent}.main-body::-webkit-scrollbar{width:10px}.main-body::-webkit-scrollbar-track{background:#e5e7eb;border-radius:5px}.main-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:5px}.main-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.info-item{display:flex;flex-direction:column;gap:.75rem;background:#fff;padding:1.5rem;border-radius:20px;border:2px solid #e5e7eb;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000000a}.info-item:hover{border-color:#6366f1;box-shadow:0 8px 24px #6366f126;transform:translateY(-2px)}.info-item.full-width{grid-column:1 / -1}.info-item label{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;font-weight:800;color:#6366f1;text-transform:uppercase;letter-spacing:.12em}.info-item label svg{opacity:.8}.info-item p{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0;min-height:1.75rem;line-height:1.5}.info-item input,.info-item textarea{width:100%;padding:1rem 1.25rem;background:#f8fafc;border:2px solid #e5e7eb;border-radius:14px;font-size:1.0625rem;color:#0f172a;font-weight:600;transition:all .3s;font-family:inherit;pointer-events:auto;cursor:text}.info-item input:focus,.info-item textarea:focus{border-color:#6366f1;background:#fff;outline:none;box-shadow:0 0 0 4px #6366f126;transform:translateY(-1px)}.info-item textarea{resize:none;min-height:90px;line-height:1.6;overflow-y:auto}.info-item.action-buttons{background:transparent;border:none;box-shadow:none;padding:1rem 0 0;margin-top:1rem}.info-item.action-buttons:hover{transform:none;border-color:transparent;box-shadow:none}.button-group{display:flex;gap:1rem;width:100%}.edit-btn-integrated,.save-btn-integrated,.cancel-btn-integrated{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:16px;font-weight:800;font-size:1rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.edit-btn-integrated{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;width:100%;box-shadow:0 6px 16px #6366f14d}.edit-btn-integrated:hover{transform:translateY(-3px);box-shadow:0 10px 24px #6366f173}.cancel-btn-integrated{background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0;flex:1}.cancel-btn-integrated:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-2px)}.save-btn-integrated{background:linear-gradient(135deg,#10b981,#059669);color:#fff;flex:2;box-shadow:0 6px 16px #10b9814d}.save-btn-integrated:hover{transform:translateY(-3px);box-shadow:0 10px 24px #10b98173}.save-btn-integrated:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:1024px){.p-modal-container{max-width:95%}.p-modal-sidebar{width:320px}.info-grid{grid-template-columns:1fr}}@media(max-width:768px){.p-modal-overlay{padding:1rem}.p-modal-container{flex-direction:column;max-height:95vh;border-radius:24px}.p-modal-sidebar{width:100%;padding:2rem 1.5rem}.logo-display{width:120px;height:120px}.profile-img-preview{width:90px;height:90px}.sidebar-profile h3{font-size:1.125rem}.role-text{font-size:.75rem;padding:.375rem 1rem}.main-header{padding:1.75rem;flex-direction:column;align-items:flex-start;gap:1.25rem}.title-group h2{font-size:1.5rem}.close-btn-floating{top:.75rem;right:.75rem;width:40px;height:40px}.main-body{padding:1.75rem}.info-grid{gap:1.5rem}.info-item{padding:1.25rem}.button-group{flex-direction:column}.edit-btn-integrated,.save-btn-integrated,.cancel-btn-integrated{padding:.875rem 1.5rem;font-size:.9375rem}}.theme-dark .p-modal-container{background:linear-gradient(135deg,#1e293b,#0f172a)}.theme-dark .p-modal-main{background:#1e293b}.theme-dark .close-btn-floating{background:#1e293be6;border-color:#334155;color:#94a3b8}.theme-dark .close-btn-floating:hover{background:#ef444426;border-color:#ef4444;color:#ef4444}.theme-dark .main-body{background:transparent}.theme-dark .info-item{background:#1e293b;border-color:#334155}.theme-dark .info-item:hover{border-color:#6366f1;box-shadow:0 8px 24px #6366f140}.theme-dark .info-item p{color:#e2e8f0}.theme-dark .info-item input,.theme-dark .info-item textarea{background:#0f172a;border-color:#334155;color:#f1f5f9}.theme-dark .info-item input:focus,.theme-dark .info-item textarea:focus{background:#1e293b;border-color:#6366f1}.theme-dark .cancel-btn-integrated{background:#334155;color:#cbd5e1;border-color:#475569}.theme-dark .cancel-btn-integrated:hover{background:#475569;border-color:#64748b}.students-page{padding:1.5rem 1rem 2rem 0;height:100%;display:flex;flex-direction:column}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-top:.5rem}.header-title-container{display:flex;align-items:center;gap:1rem;margin-left:0}.back-to-dash-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:translate(3px);box-shadow:0 4px 12px #6366f133}.total-count-pill{background:#6366f11a;color:#6366f1;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:700;border:1px solid rgba(99,102,241,.2)}.students-table{width:100%;border-collapse:collapse;min-width:800px}.students-table th,.students-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.students-table th{background:var(--bg-primary);color:var(--text-secondary);font-weight:600;font-size:.875rem}.students-table td{color:var(--text-primary)}.student-table-photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.add-student-container{background:var(--bg-secondary);padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.form-section{margin-bottom:2rem}.form-section h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:1.5px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000005}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#6366f166}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;background:var(--bg-secondary);box-shadow:0 0 0 4px #6366f11a,0 4px 12px #0000000d;transform:translateY(-1px)}.photo-upload-group{align-items:center;grid-row:span 3}.photo-preview{width:120px;height:120px;border-radius:12px;overflow:hidden;margin-bottom:.5rem;border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center}.photo-preview img{width:100%;height:100%;object-fit:cover}.placeholder{color:var(--text-secondary);font-size:.875rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-cancel{padding:.75rem 1.5rem;border:1px solid var(--border-color);background:transparent;border-radius:8px;cursor:pointer;font-weight:500;color:var(--text-secondary)}.btn-submit{padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.btn-submit:hover{background:#4f46e5}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.filters-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;flex:1;min-width:150px;outline:none;transition:all .3s ease}.filter-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:var(--hover-color, rgba(0, 0, 0, .05))}.student-details-view{animation:fadeIn .3s ease-out}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.back-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.details-actions{display:flex;gap:1rem}.btn-edit,.btn-delete{padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-edit{background:#4f46e5;color:#fff}.btn-edit:hover{background:#4338ca}.btn-delete{background:#ef44441a;color:#ef4444}.btn-delete:hover{background:#ef444433}.details-card{background:var(--bg-secondary);border-radius:20px;padding:2rem;box-shadow:0 1px 3px #0000001a}.details-profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.details-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--bg-primary)}.details-title h2{font-size:2rem;margin:0 0 .5rem;color:var(--text-primary)}.details-title .subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.detail-item label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.detail-item p{color:var(--text-primary);font-size:1.1rem;margin:0;font-weight:500}.detail-item.full{grid-column:1 / -1}.edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.btn-cancel-sm{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-cancel-sm:hover{background:var(--bg-primary);color:var(--text-primary)}.modern-toggle-container{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0}.modern-toggle-track{width:52px;height:28px;background:#e2e8f0;border-radius:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:1.5px solid transparent}.modern-toggle-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2.5px;left:4px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.active .modern-toggle-thumb{left:calc(100% - 24px)}.toggle-label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.animate-slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.student-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20000;padding:1rem;animation:fadeInOverlay .3s ease-out}.student-modal-content{background:var(--bg-secondary);width:100%;max-width:1100px;min-height:600px;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:slideUpModal .4s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-color)}.modal-body-premium{display:flex;flex-direction:column;min-height:auto}.modal-header-section.minimal .modal-student-name{font-size:1.5rem;font-weight:700}.modal-scrollable-form{flex:1;overflow-y:auto;padding-right:1rem;scrollbar-width:thin;scrollbar-color:#6366f1 transparent}.modal-scrollable-form::-webkit-scrollbar-thumb{background:#6366f1;border-radius:10px}.form-in-modal .form-section{background:var(--bg-primary);padding:1.25rem;border-radius:18px;border:1px solid var(--border-color);margin-bottom:1.5rem}.form-in-modal .form-section h3{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6366f1;margin-bottom:1.25rem;border-bottom:1px dashed var(--border-color);padding-bottom:.5rem}.form-in-modal .form-group label{font-size:.75rem;margin-bottom:.4rem}.form-in-modal .form-group input,.form-in-modal .form-group select,.form-in-modal .form-group textarea{padding:.6rem .8rem;font-size:.9rem}.form-in-modal .form-actions{position:sticky;bottom:-1px;background:var(--bg-secondary);padding:1.25rem 0;margin-top:1rem;z-index:10;border-top:1.5px solid var(--border-color);flex-shrink:0;justify-content:flex-end}.modal-intro{flex:1}.modal-student-name{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.modal-meta-row{display:flex;align-items:center;gap:1.5rem;margin-top:.5rem;flex-wrap:wrap}.modal-quick-nav-btns{display:flex;gap:.75rem}.nav-pill-btn{display:flex;align-items:center;gap:.5rem;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.02em}.nav-pill-btn svg{transition:transform .2s}.nav-pill-btn:hover svg{transform:scale(1.1)}.nav-pill-btn.attendance{background:#8b5cf61a;color:#8b5cf6;border:1.5px solid rgba(139,92,246,.2)}.nav-pill-btn.attendance:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.nav-pill-btn.fees{background:#10b9811a;color:#10b981;border:1.5px solid rgba(16,185,129,.2)}.nav-pill-btn.fees:hover{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.attendance-container-box{padding:1rem!important;background:var(--bg-primary)!important;max-height:380px;overflow:hidden}.attendance-history-embedded{display:flex;flex-direction:column;height:100%;width:100%}.attendance-split-layout{display:grid;grid-template-columns:340px 1fr;gap:2rem;height:350px}.attendance-calendar-side{display:flex;flex-direction:column}.absent-notes-side{display:flex;flex-direction:column;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:20px;overflow:hidden}.notes-header{padding:.75rem 1.25rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem;color:#f97316}.notes-header h3{margin:0;font-size:.9rem;font-weight:700;color:var(--text-primary)}.notes-scroll-area{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin}.absent-note-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:.75rem;position:relative;transition:all .2s}.absent-note-card:hover{transform:translate(4px);border-color:#f973164d}.absent-note-card.approved{border-left:4px solid #10b981}.absent-note-card.pending{border-left:4px solid #f59e0b}.absent-note-card.rejected{border-left:4px solid #ef4444}.note-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.note-date{display:flex;flex-direction:column}.note-date strong{font-size:.85rem;color:var(--text-primary)}.note-date span{font-size:.7rem;color:var(--text-secondary);opacity:.7}.note-status-pill{font-size:.6rem;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:6px}.note-status-pill.approved{background:#10b9811a;color:#10b981}.note-status-pill.pending{background:#f59e0b1a;color:#f59e0b}.note-status-pill.rejected{background:#ef44441a;color:#ef4444}.note-reason{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin:0;line-height:1.4}.note-approved-by{margin-top:.5rem;font-size:.7rem;font-weight:700;color:#10b981;display:flex;align-items:center;gap:.25rem}.notes-scroll-area::-webkit-scrollbar{width:5px}.notes-scroll-area::-webkit-scrollbar-track{background:transparent}.notes-scroll-area::-webkit-scrollbar-thumb{background:#6366f11a;border-radius:10px}.notes-scroll-area::-webkit-scrollbar-thumb:hover{background:#6366f14d}.attendance-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border-color)}.month-nav{display:flex;align-items:center;gap:.75rem}.month-nav h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary);min-width:140px;text-align:center}.month-nav button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.attendance-mini-stats{display:flex;gap:.5rem}.mini-stat{display:flex;align-items:center;gap:.35rem;padding:4px 10px;border-radius:8px;font-size:.8rem}.mini-stat.present{background:#10b9811a;color:#10b981}.mini-stat.absent{background:#ef44441a;color:#ef4444}.calendar-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.grid-day-head{text-align:center;font-size:.7rem;font-weight:800;color:var(--text-secondary);padding:4px 0;opacity:.5}.grid-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border-radius:10px;background:var(--bg-secondary);border:1.5px solid var(--border-color)}.grid-day.empty{visibility:hidden}.grid-day.present{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 2px 4px #10b98133}.grid-day.absent{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 2px 4px #ef444433}.fees-container-box{padding:1.5rem!important;background:var(--bg-primary)!important}.fees-history-embedded{display:flex;flex-direction:column;height:100%;min-height:320px}.fees-columns-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;height:320px;width:100%}.fees-column-box{display:flex;flex-direction:column;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #00000008}.column-header{padding:1rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.column-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.column-header svg{color:#6366f1}.column-scroll-area{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent}.column-scroll-area::-webkit-scrollbar{width:6px}.column-scroll-area::-webkit-scrollbar-track{background:transparent}.column-scroll-area::-webkit-scrollbar-thumb{background:#6366f133;border-radius:10px;transition:all .3s}.column-scroll-area::-webkit-scrollbar-thumb:hover{background:#6366f180}.mini-fee-card-v2{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:1rem;transition:all .2s}.mini-fee-card-v2:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.fee-card-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.m-info{display:flex;flex-direction:column}.m-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.m-type{font-size:.75rem;color:var(--text-secondary)}.status-tag{font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:6px;text-transform:uppercase}.status-tag.paid{background:#10b98126;color:#10b981}.status-tag.pending{background:#f59e0b26;color:#f59e0b}.fee-card-footer{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);border-top:1px dashed var(--border-color);margin-top:.5rem;padding-top:.5rem}.ot-progress-bar{height:4px;background:var(--border-color);border-radius:2px;margin:.5rem 0;overflow:hidden}.progress-fill{height:100%;background:#6366f1;border-radius:2px}.mini-fee-card-v2.paid{border-left:4px solid #10b981}.mini-fee-card-v2.pending{border-left:4px solid #f59e0b}.mini-fee-card-v2.partial{border-left:4px solid #3b82f6}.animate-fade-in{animation:fadeIn .3s ease-out}.modal-quick-actions{display:flex;gap:.75rem}.modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.modal-action-btn.edit{color:#4f46e5}.modal-action-btn.edit:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}.modal-action-btn.delete{color:#ef4444}.modal-action-btn.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.info-group-box{background:var(--bg-primary);border-radius:20px;padding:1.25rem;border:1.5px solid var(--border-color);display:flex;flex-direction:column}.info-group-box.full{grid-column:1 / -1}.info-row-item:last-child{border-bottom:none;padding-bottom:0}.info-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.info-value{color:var(--text-primary);font-weight:700;font-size:1rem;text-align:right}.info-value.currency{color:#10b981}.info-split-row{display:flex;flex-direction:column;gap:0}.info-row-item.address{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1.5px dashed var(--border-color);border-bottom:none}.info-row-item.address .info-label{font-weight:700;font-size:.8rem;text-transform:uppercase;opacity:.6}.info-row-item.address .info-value{text-align:left;line-height:1.5;color:var(--text-primary);font-size:.95rem;word-break:break-word;white-space:pre-wrap}.edit-modal-size .modal-main-details{padding:1.5rem 2rem}.form-in-modal .form-section{background:var(--bg-secondary);padding:1rem 1.25rem;border-radius:14px;border:1px solid var(--border-color);margin-bottom:1rem}.form-in-modal .form-grid{gap:1rem}.form-in-modal .form-group{gap:.25rem}.form-in-modal .form-actions{padding:1rem 0}.edit-modal-size{max-width:1100px;max-height:90vh;display:flex;flex-direction:column}.modal-header-section.minimal{margin-bottom:2rem;padding-bottom:1.5rem}.modal-scrollable-form{flex:1;overflow-y:auto;padding-right:1rem;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.modal-scrollable-form::-webkit-scrollbar{width:6px}.modal-scrollable-form::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.form-in-modal{padding:0!important;box-shadow:none!important;background:transparent!important}.form-in-modal .form-section{background:var(--bg-secondary);padding:1.5rem;border-radius:18px;border:1px solid var(--border-color);margin-bottom:1.5rem}.form-in-modal .form-section h3{font-size:1rem;margin-bottom:1.25rem}.form-in-modal .form-actions{position:sticky;bottom:0;background:var(--bg-secondary);padding:1.5rem 0;margin-top:0;z-index:5;border-top:1.5px solid var(--border-color)}@media(max-width:768px){.modal-body-premium{flex-direction:column}.modal-side-accent{width:100%;height:6px}.modal-header-section{flex-direction:column;align-items:center;text-align:center}.modal-info-grid{grid-template-columns:1fr}.info-split-row{grid-template-columns:1fr;gap:0}}.unique-code-text{font-family:JetBrains Mono,monospace;letter-spacing:.5px;font-weight:600}.teachers-page{padding:2rem;height:100%;display:flex;flex-direction:column}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-title-container{display:flex;align-items:center;gap:1rem}.back-to-dash-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-to-dash-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:translate(-3px);box-shadow:0 4px 12px #6366f133}.page-header h2{margin:0;color:var(--text-primary);font-size:1.5rem}.header-actions{display:flex;gap:1rem;background:var(--bg-secondary);padding:.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.tab-btn{padding:.5rem 1rem;border:none;background:transparent;cursor:pointer;font-weight:500;color:var(--text-secondary);border-radius:6px;transition:all .2s}.tab-btn.active{background:#6366f1;color:#fff;box-shadow:0 2px 4px #6366f14d}.table-responsive{overflow-x:auto;background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #0000001a}.teachers-table{width:100%;border-collapse:collapse;min-width:800px}.teachers-table th,.teachers-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.teachers-table th{background:var(--bg-primary);color:var(--text-secondary);font-weight:600;font-size:.875rem}.teachers-table td{color:var(--text-primary)}.teacher-table-photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.teacher-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20000;padding:1rem;animation:fadeInOverlay .3s ease-out}.teacher-modal-content{background:var(--bg-secondary);width:100%;max-width:1100px;min-height:600px;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:slideUpModal .4s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-color)}.edit-modal-size{height:95vh;display:flex;flex-direction:column}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:var(--bg-primary);border:1.5px solid var(--border-color);color:var(--text-secondary);width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10001}.modal-close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:rotate(90deg)}.modal-main-details{flex:1;display:flex;flex-direction:column;padding:2rem 2.5rem;overflow:hidden}.modal-header-section{display:flex;align-items:center;gap:2.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1.5px solid var(--border-color);flex-shrink:0}.modal-header-section.minimal{margin-bottom:1.5rem;padding-bottom:1rem}.modal-photo-wrapper{position:relative;width:110px;height:110px}.modal-photo-wrapper img{width:100%;height:100%;border-radius:20px;object-fit:cover;position:relative;z-index:2;border:3px solid var(--bg-secondary)}.modal-photo-ring{position:absolute;inset:-5px;border-radius:24px;background:linear-gradient(135deg,#6366f1,#a855f7);z-index:1}.modal-student-name{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem}.modal-id-badge{display:inline-flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.badge-label{background:var(--border-color);color:var(--text-secondary);padding:4px 10px;font-size:.7rem;font-weight:700;text-transform:uppercase}.badge-value{padding:4px 12px;color:#6366f1;font-weight:800;font-family:JetBrains Mono,monospace;font-size:.9rem}.modal-quick-actions{display:flex;gap:.75rem;margin-left:auto}.modal-action-btn{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--border-color);background:var(--bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-action-btn:hover{transform:translateY(-2px)}.modal-info-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:1.5rem}.info-group-box{background:var(--bg-primary);border-radius:20px;padding:1.25rem;border:1.5px solid var(--border-color)}.info-group-box label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1rem;letter-spacing:.05em;opacity:.8}.info-row-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1.5px solid var(--border-color)}.info-row-item:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:.9rem}.info-value{color:var(--text-primary);font-weight:700;font-size:1rem}.info-value.highlight{color:#6366f1}.info-row-item.address{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.75rem;border-top:1.5px dashed var(--border-color);border-bottom:none}.modal-scrollable-form{flex:1;overflow-y:auto;padding-right:1rem}.form-in-modal{padding:0!important}.form-in-modal .form-section{background:var(--bg-primary);padding:1.25rem;border-radius:18px;border:1.5px solid var(--border-color);margin-bottom:1.5rem}.form-in-modal .form-section h3{font-size:.9rem;color:#6366f1;margin-bottom:1rem;border-bottom:1px dashed var(--border-color);padding-bottom:.5rem}.form-in-modal .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.form-in-modal .form-actions{position:sticky;bottom:-1px;background:var(--bg-secondary);padding:1rem 0;border-top:1.5px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.modern-toggle-container{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.modern-toggle-track{width:44px;height:24px;background:#e2e8f0;border-radius:20px;position:relative;transition:all .3s}.modern-toggle-track.active{background:#10b981}.modern-toggle-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:all .3s}.active .modern-toggle-thumb{left:23px}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filters-bar{display:flex;gap:1rem;margin-bottom:2rem}.filter-input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);flex:1;outline:none}.clickable-row{cursor:pointer}.unique-code-text{font-family:JetBrains Mono,monospace;font-weight:600}:root{--att-primary: #3b82f6;--att-primary-light: #60a5fa;--att-primary-dark: #1e40af;--att-primary-soft: rgba(59, 130, 246, .1);--att-primary-softer: rgba(59, 130, 246, .05);--att-success: #10b981;--att-success-soft: rgba(16, 185, 129, .1);--att-danger: #ef4444;--att-danger-soft: rgba(239, 68, 68, .1);--att-warning: #f59e0b;--att-warning-soft: rgba(245, 158, 11, .1);--att-card-bg: #ffffff;--att-page-bg: #fdfdfd;--att-nebula-bg: radial-gradient(at 0% 0%, rgba(99, 102, 241, .03) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(139, 92, 246, .03) 0px, transparent 50%);--att-border: #e2e8f0;--att-text: #0f172a;--att-text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .3)}.theme-dark{--att-card-bg: #151b2b;--att-page-bg: #020617;--att-nebula-bg: radial-gradient(at 0% 0%, rgba(99, 102, 241, .05) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(139, 92, 246, .05) 0px, transparent 50%);--att-border: rgba(255, 255, 255, .08);--att-text: #f8fafc;--att-text-muted: #94a3b8;--glass-bg: rgba(21, 27, 43, .95);--glass-border: rgba(255, 255, 255, .08)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.header-toolbar-free{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding:1rem 1.5rem;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1)}.header-left-side{display:flex;align-items:center;gap:1rem}.header-left-side h1{font-size:1.8rem;font-weight:800;color:var(--att-text);margin:0;letter-spacing:-.02em}.back-btn-minimal{background:transparent;border:none;color:var(--att-text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:all .2s ease;border-radius:8px}.back-btn-minimal:hover{background:var(--att-primary-soft);color:var(--att-primary);transform:translate(-3px)}.ist-timer-badge{display:inline-flex;align-items:center;gap:.6rem;background:var(--att-primary-soft);padding:.4rem 1rem;border-radius:100px;margin-top:.75rem;border:1.5px solid rgba(59,130,246,.1)}.ist-timer-badge span{font-size:.8rem;font-weight:600;color:var(--att-primary)}.pulse-dot{width:8px;height:8px;background:var(--att-primary);border-radius:50%;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}.premium-date-picker{display:flex;align-items:center;gap:1.5rem;background:var(--att-page-bg);padding:.75rem 1.5rem;border-radius:18px;border:1.5px solid var(--att-border);transition:all .3s ease}.premium-date-picker:hover{border-color:var(--att-primary);box-shadow:0 8px 20px #3b82f614}.premium-date-picker-mini{display:flex;align-items:center;background:var(--att-border);padding:.5rem 1rem;border-radius:12px;border:1px solid var(--att-border);transition:all .3s ease}.premium-date-picker-mini:hover{border-color:var(--att-primary);background:var(--att-card-bg)}.date-labels{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.current-date-label{font-size:1rem;font-weight:800;color:var(--att-text)}.timezone-info{font-size:.7rem;font-weight:700;color:var(--att-text-muted);text-transform:uppercase;letter-spacing:.05em}.date-input-wrapper{display:flex;align-items:center;gap:.75rem;padding-left:1.25rem;border-left:2px solid var(--att-border)}.calendar-icon-vibe{color:var(--att-primary)}.ist-date-input{background:transparent;border:none;font-size:1.1rem;font-weight:700;color:var(--att-primary);cursor:pointer;outline:none;font-family:Inter,sans-serif}.ist-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5) sepia(1) saturate(5) hue-rotate(200deg)}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem;padding:0 1.5rem 1.5rem;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1)}.empty-state-card{padding:0 1.5rem 1.5rem;text-align:center;margin-top:3rem;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1)}.back-btn{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--att-border);background:var(--att-card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--att-text);flex-shrink:0}.back-btn:hover{background:var(--att-primary);border-color:var(--att-primary);color:#fff;transform:translateY(-2px)}.class-card{border-radius:18px;padding:1.4rem 1.2rem;box-shadow:0 6px 16px #00000014;transition:all .35s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;border:1.5px solid var(--att-border);background:var(--att-card-bg)!important}.class-card:before{content:"";position:absolute;top:-50%;right:-20%;width:250px;height:250px;background:radial-gradient(circle,var(--att-primary) 0%,transparent 70%);opacity:.05;z-index:0}.class-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:var(--att-primary)}.class-card.color-0{border-top:5px solid #3b82f6!important}.class-card.color-1{border-top:5px solid #e91e63!important}.class-card.color-2{border-top:5px solid #1976d2!important}.class-card.color-3{border-top:5px solid #00897b!important}.class-card.color-4{border-top:5px solid #ff6f00!important}.class-card.color-5{border-top:5px solid #7e57c2!important}.class-header{position:relative;z-index:2;display:flex;align-items:center;gap:.9rem;margin-bottom:1.2rem}.class-header h2{font-size:1.4rem;font-weight:800;margin:0;color:var(--att-text)!important}.sec-name{font-size:1rem;font-weight:700;color:var(--att-text)!important}.sec-count{font-size:.85rem;font-weight:700;padding:.4rem .8rem;background:var(--att-primary-soft)!important;color:var(--att-primary)!important;border-radius:8px}.section-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--att-page-bg)!important;border:1px solid var(--att-border)!important;border-radius:12px}.theme-dark .section-item{background:#ffffff08!important}.section-item:hover{background:var(--att-card-bg)!important;border-color:var(--att-primary)!important;transform:translate(6px);box-shadow:0 8px 20px #3b82f61a}.section-item.marked{border-color:var(--att-success)!important;background:var(--att-success-soft)!important}.marked-check{width:20px;height:20px;background:var(--att-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff!important;box-shadow:0 2px 6px #10b9814d}.class-icon{width:40px;height:40px;background:var(--att-primary-soft);color:var(--att-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800}.theme-dark .class-icon{background:#ffffff0d;color:#fff}align-items: center; padding: .8rem 1rem; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.15); border-radius: 10px; cursor: pointer; transition: all .3s cubic-bezier(.175,.885,.32,1.275); backdrop-filter: blur(10px); } .theme-dark .section-item{background:#ffffff0d;border-color:#ffffff1a}.section-item:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translate(6px);box-shadow:0 8px 20px #0000001a}.theme-dark .section-item:hover{background:#ffffff14}.section-item.marked{border-color:var(--att-success)!important;background:#10b9811a!important}.theme-dark .section-item.marked{background:#10b98126!important}.marked-check{width:20px;height:20px;background:var(--att-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #10b9814d;animation:slideUpFade .3s ease}.marked-check svg{width:12px;height:12px}.sec-name{font-size:1rem;font-weight:700;position:relative;z-index:1;letter-spacing:.3px;color:inherit}.sec-count{font-size:.9rem;font-weight:500;position:relative;z-index:1;padding:.4rem .8rem;background:#fff3;border-radius:8px;min-width:90px;text-align:center}.empty-state-card{text-align:center;padding:3rem 2rem;background:var(--att-card-bg);border:1.5px dashed var(--att-border);border-radius:16px}.empty-icon-vibe{font-size:3rem;margin-bottom:1rem;display:inline-block;animation:float-subtle 3s ease-in-out infinite}.empty-state-card h3{font-size:1.3rem;font-weight:700;color:var(--att-text);margin-bottom:.5rem}.empty-state-card p{font-size:.95rem;color:var(--att-text-muted)}.attendance-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh;gap:1.5rem}.spinner{width:40px;height:40px;border:3px solid var(--att-border);border-top-color:var(--att-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.attendance-loading p{font-size:1rem;color:var(--att-text-muted);font-weight:600}.back-btn-free{width:44px;height:44px;border-radius:10px;background:var(--att-border);border:none;color:var(--att-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);margin:.5rem 0 2rem}.back-btn-free:hover{background:var(--att-text-muted);transform:scale(1.05)}.back-btn-free:active{transform:scale(.95)}.back-btn-free svg{width:20px;height:20px}.text-block-free{display:flex;flex-direction:column;margin:-1.2rem 0 0 1.2rem;background:transparent;align-items:flex-start;justify-content:center}.text-block-free h1{font-size:1.6rem;font-weight:700;color:var(--att-text);margin:0}.text-block-free p{font-size:.95rem;color:var(--att-text-muted);margin:.3rem 0 0;font-weight:500}.date-selector-free{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;background:var(--att-border);border-radius:10px;margin:0 0 0 auto;width:fit-content}.date-selector-free label{display:flex;align-items:center;cursor:pointer;color:var(--att-text)}.date-selector-free label svg{width:18px;height:18px}.date-selector-free .date-input-minimal{background:transparent;border:none;color:var(--att-text);font-weight:500;cursor:pointer;font-size:.95rem;outline:none;width:auto;min-width:140px;padding:.5rem}.date-selector-free .date-input-minimal::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--att-text);filter:brightness(.8)}.save-btn-free{background:linear-gradient(135deg,var(--att-primary) 0%,var(--att-primary-dark) 100%);color:#fff;padding:.8rem 1.8rem;border-radius:10px;border:none;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;box-shadow:0 4px 12px #3b82f640;transition:all .25s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;margin:0}.save-btn-free:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.save-btn-free:active:not(:disabled){transform:translateY(0)}.save-btn-free:disabled{opacity:.6;cursor:not-allowed}.attendance-top-header{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:flex-start;padding:2rem;background:var(--att-page-bg);border-bottom:1px solid var(--att-border);position:sticky;top:0;z-index:1000}.header-left-section{display:flex;gap:1.5rem;align-items:flex-start}.back-btn-top{width:44px;height:44px;border-radius:10px;background:var(--att-border);border:none;color:var(--att-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0}.back-btn-top:hover{background:var(--att-text-muted);transform:scale(1.05)}.back-btn-top:active{transform:scale(.95)}.back-btn-top svg{width:20px;height:20px}.header-text-block{display:flex;flex-direction:column;gap:.4rem}.header-text-block h1{font-size:1.6rem;font-weight:700;color:var(--att-text);margin:0}.header-text-block p{font-size:.95rem;color:var(--att-text-muted);margin:0;font-weight:500}.header-right-section{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}.date-selector-top{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;background:var(--att-border);border-radius:10px}.date-selector-top label{display:flex;align-items:center;cursor:pointer;color:var(--att-text)}.date-selector-top label svg{width:18px;height:18px}.date-selector-top .date-input-minimal{background:transparent;border:none;color:var(--att-text);font-weight:500;cursor:pointer;font-size:.95rem;outline:none;width:auto;min-width:140px}.date-selector-top .date-input-minimal::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;position:absolute}.save-btn-top{background:linear-gradient(135deg,var(--att-primary) 0%,var(--att-primary-dark) 100%);color:#fff;padding:.8rem 1.8rem;border-radius:10px;border:none;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;box-shadow:0 4px 12px #3b82f640;transition:all .25s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.save-btn-top:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.save-btn-top:active:not(:disabled){transform:translateY(0)}.save-btn-top:disabled{opacity:.6;cursor:not-allowed}.back-btn-free-flow{width:44px;height:44px;border-radius:10px;background:var(--att-border);border:none;color:var(--att-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);margin:1.5rem 0 0 2rem;position:sticky;top:1.5rem;z-index:100}.back-btn-free-flow:hover{background:var(--att-text-muted);transform:scale(1.05)}.back-btn-free-flow:active{transform:scale(.95)}.back-btn-free-flow svg{width:20px;height:20px}.header-info-free-flow{padding:1rem 2rem 0;position:sticky;top:6.5rem;z-index:99;background:var(--att-page-bg)}.header-info-free-flow h1{font-size:1.6rem;font-weight:700;color:var(--att-text);margin:0 0 .3rem}.header-info-free-flow p{font-size:.95rem;color:var(--att-text-muted);margin:0;font-weight:500}.header-date-selector-free-flow{display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.2rem 1rem 2rem;background:var(--att-border);border-radius:10px;margin:1rem 2rem 0;width:fit-content;position:sticky;top:10.5rem;z-index:98}.header-date-selector-free-flow label{display:flex;align-items:center;cursor:pointer;color:var(--att-text)}.header-date-selector-free-flow label svg{width:18px;height:18px}.header-date-selector-free-flow .date-input-minimal{background:transparent;border:none;color:var(--att-text);font-weight:500;cursor:pointer;font-size:.95rem;outline:none;width:auto;min-width:140px;padding:.5rem}.header-date-selector-free-flow .date-input-minimal::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--att-text);filter:brightness(.8)}.save-btn-free-flow{background:linear-gradient(135deg,var(--att-primary) 0%,var(--att-primary-dark) 100%);color:#fff;padding:.8rem 1.8rem;border-radius:10px;border:none;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;box-shadow:0 4px 12px #3b82f640;transition:all .25s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;margin:1rem 2rem 0 1rem;position:sticky;top:1.5rem;z-index:100}.save-btn-free-flow:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.save-btn-free-flow:active:not(:disabled){transform:translateY(0)}.save-btn-free-flow:disabled{opacity:.6;cursor:not-allowed}.take-attendance-header-flow{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem;padding:1.5rem 2rem;background:var(--att-card-bg);border-bottom:1px solid var(--att-border);position:sticky;top:0;z-index:1000;flex-wrap:wrap}.back-btn-attendance{width:44px;height:44px;border-radius:10px;background:var(--att-border);border:none;color:var(--att-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0}.back-btn-attendance:hover{background:var(--att-text-muted);transform:scale(1.05)}.back-btn-attendance:active{transform:scale(.95)}.back-btn-attendance svg{width:20px;height:20px}.header-info{flex:0 1 auto;min-width:0}.header-info h1{font-size:1.6rem;font-weight:700;color:var(--att-text);margin:0}.header-info p{font-size:.95rem;color:var(--att-text-muted);margin:.5rem 0 0;font-weight:500}.header-date-selector{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;background:var(--att-border);border-radius:10px;flex-shrink:0}.header-date-selector label{display:flex;align-items:center;cursor:pointer;color:var(--att-text)}.header-date-selector label svg{width:18px;height:18px}.header-date-selector .date-input-minimal{background:transparent;border:none;color:var(--att-text);font-weight:500;cursor:pointer;font-size:.95rem;outline:none;width:auto;min-width:140px;padding:.5rem}.header-date-selector .date-input-minimal::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--att-text);filter:brightness(.8)}.save-btn-header{background:linear-gradient(135deg,var(--att-primary) 0%,var(--att-primary-dark) 100%);color:#fff;padding:.8rem 1.8rem;border-radius:10px;border:none;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;box-shadow:0 4px 12px #3b82f640;transition:all .25s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;flex-shrink:0}.save-btn-header:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.save-btn-header:active:not(:disabled){transform:translateY(0)}.save-btn-header:disabled{opacity:.6;cursor:not-allowed}.take-attendance-header .attendance-content-area{padding:2rem;display:flex;flex-direction:column;gap:2rem}.take-attendance-header .stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.take-attendance-header .stats-cards-row{display:grid!important;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:1.5rem 2rem 2rem;padding:0;max-width:100%;width:100%;overflow:visible}.take-attendance-header .stats-cards-row .stat-card{padding:1.5rem;gap:0;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:12px;border-width:2px}.take-attendance-header .stats-cards-row .stat-icon{width:45px;height:45px;font-size:1.8rem;margin-bottom:.8rem;border-radius:8px}.take-attendance-header .stats-cards-row .stat-info{display:flex;flex-direction:column;gap:.4rem}.take-attendance-header .stats-cards-row .stat-value{font-size:1.4rem;font-weight:800;color:#fff!important}.take-attendance-header .stats-cards-row .stat-label{font-size:.8rem;font-weight:600;color:#ffffffe6!important}.take-attendance-header .stat-card{background:var(--att-card-bg);border-radius:16px;padding:1.5rem;border:1px solid var(--att-border);display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.take-attendance-header .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #3b82f61a;border-color:var(--att-primary)}.take-attendance-header .stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.take-attendance-header .stat-card.total{background:linear-gradient(135deg,#4f46e5,#3b82f6);border-color:#3b82f6}.take-attendance-header .stat-card.total .stat-icon{background:#ffffff4d;color:#fff}.take-attendance-header .stat-card.total .stat-value,.take-attendance-header .stat-card.total .stat-label{color:#fff}.take-attendance-header .stat-card.present{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669}.take-attendance-header .stat-card.present .stat-icon{background:#ffffff4d;color:#fff}.take-attendance-header .stat-card.present .stat-value,.take-attendance-header .stat-card.present .stat-label{color:#fff}.take-attendance-header .stat-card.absent{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626}.take-attendance-header .stat-card.absent .stat-icon{background:#ffffff4d;color:#fff}.take-attendance-header .stat-card.absent .stat-value,.take-attendance-header .stat-card.absent .stat-label{color:#fff}.take-attendance-header .stat-card.unmarked{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706}.take-attendance-header .stat-card.unmarked .stat-icon{background:#ffffff4d;color:#fff}.take-attendance-header .stat-card.unmarked .stat-value,.take-attendance-header .stat-card.unmarked .stat-label{color:#fff}.take-attendance-header .stat-value{font-size:2.2rem;font-weight:800;color:var(--att-text);line-height:1;margin-bottom:2px}.take-attendance-header .stat-label{font-size:.8rem;font-weight:700;color:var(--att-text-muted);text-transform:uppercase;letter-spacing:.08em}.take-attendance-header .date-selector-container{display:flex;align-items:center;gap:1rem;background:var(--att-card-bg);padding:.75rem 1.5rem;border-radius:12px;border:1.5px solid var(--att-border);width:fit-content;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.take-attendance-header .date-selector-container:focus-within{border-color:var(--att-primary);box-shadow:0 4px 12px #3b82f626}.take-attendance-header .date-input-minimal{border:none;background:transparent;font-size:1.1rem;font-weight:600;color:var(--att-primary);cursor:pointer;outline:none}.take-attendance-header .attendance-main-content{display:block;padding:0 2rem 2rem;flex:1}.take-attendance-header .attendance-main-content-new{display:flex;gap:2rem;padding:2rem;max-width:1400px}.take-attendance-header .students-list-wrapper{flex:1;min-width:0}.take-attendance-header .list-title{font-size:1.3rem;font-weight:700;color:var(--att-text);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--att-border)}.take-attendance-header .empty-state-simple{text-align:center;padding:3rem 2rem;color:var(--att-text-muted);background:var(--att-page-bg);border-radius:10px}.take-attendance-header .students-list{display:flex;flex-direction:column;gap:.75rem}.take-attendance-header .student-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--att-card-bg);border:1.5px solid var(--att-border);border-radius:10px;transition:all .2s ease}.take-attendance-header .student-row:hover{border-color:var(--att-primary);box-shadow:0 4px 12px #3b82f61a}.take-attendance-header .student-row.present{border-color:var(--att-success);background:linear-gradient(90deg,var(--att-card-bg) 0%,var(--att-success-soft) 100%)}.take-attendance-header .student-row.absent{border-color:var(--att-danger);background:linear-gradient(90deg,var(--att-card-bg) 0%,var(--att-danger-soft) 100%)}.take-attendance-header .row-photo{width:50px;height:50px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--att-page-bg);border:1px solid var(--att-border)}.take-attendance-header .row-photo img{width:100%;height:100%;object-fit:cover}.take-attendance-header .photo-placeholder-row{font-size:1.5rem}.take-attendance-header .row-info{flex:1;min-width:0}.take-attendance-header .row-name-roll{display:flex;align-items:center;gap:.5rem}.take-attendance-header .row-name{font-size:.95rem;font-weight:700;color:var(--att-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.take-attendance-header .row-roll{font-size:.8rem;color:var(--att-text-muted);font-weight:600;white-space:nowrap}.take-attendance-header .row-status{flex-shrink:0}.take-attendance-header .badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap}.take-attendance-header .badge-present{background:var(--att-success-soft);color:var(--att-success)}.take-attendance-header .badge-absent{background:var(--att-danger-soft);color:var(--att-danger)}.take-attendance-header .badge-unmarked{background:#e2e8f0;color:#64748b}.take-attendance-header .row-request{flex-shrink:0}.take-attendance-header .badge-request{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:700;background:var(--att-warning-soft);color:var(--att-warning);white-space:nowrap}.take-attendance-header .row-actions{display:flex;gap:.5rem;flex-shrink:0}.take-attendance-header .btn-mark{width:36px;height:36px;border:2px solid var(--att-border);background:var(--att-page-bg);border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.take-attendance-header .btn-mark:hover{transform:scale(1.05)}.take-attendance-header .present-btn{color:var(--att-success)}.take-attendance-header .present-btn:hover,.take-attendance-header .present-btn.active{background:var(--att-success);border-color:var(--att-success);color:#fff;box-shadow:0 4px 12px #10b9814d}.take-attendance-header .absent-btn{color:var(--att-danger)}.take-attendance-header .absent-btn:hover,.take-attendance-header .absent-btn.active{background:var(--att-danger);border-color:var(--att-danger);color:#fff;box-shadow:0 4px 12px #ef44444d}.take-attendance-header .btn-view-request{width:36px;height:36px;border:2px solid var(--att-warning);background:var(--att-warning-soft);border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.take-attendance-header .btn-view-request:hover{background:var(--att-warning);transform:scale(1.05)}.take-attendance-header .history-section{width:280px;flex-shrink:0;background:var(--att-card-bg);border:1px solid var(--att-border);border-radius:10px;padding:1.5rem;height:fit-content;position:sticky;top:100px}.take-attendance-header .history-title{font-size:.9rem;font-weight:700;text-transform:uppercase;color:var(--att-text-muted);margin:0 0 1rem;letter-spacing:.05em}.take-attendance-header .history-list{display:flex;flex-direction:column;gap:1rem}.take-attendance-header .history-item{padding:.8rem;background:var(--att-page-bg);border-radius:6px;font-size:.8rem}.take-attendance-header .history-time{font-weight:700;color:var(--att-primary);margin-bottom:.3rem}.take-attendance-header .history-user{font-weight:600;color:var(--att-text);margin-bottom:.3rem}.take-attendance-header .history-stats{display:flex;gap:.5rem;font-size:.75rem;color:var(--att-text-muted)}.take-attendance-header .history-stats span{background:var(--att-card-bg);padding:.2rem .4rem;border-radius:4px}.take-attendance-header .logs-sidebar{background:var(--att-card-bg);border-radius:16px;border:1px solid var(--att-border);padding:1.5rem;height:calc(100vh - 200px);position:sticky;top:100px;box-shadow:0 4px 12px #0000000d;overflow-y:auto;transition:all .3s ease}.take-attendance-header .logs-sidebar:hover{box-shadow:0 8px 20px #3b82f61a}.take-attendance-header .history-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--att-text-muted);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.take-attendance-header .activity-feed{display:flex;flex-direction:column;gap:1.5rem}.take-attendance-header .activity-item{position:relative;padding-left:2rem}.take-attendance-header .activity-item:before{content:"";position:absolute;left:7px;top:20px;bottom:-25px;width:2px;background:var(--att-border)}.take-attendance-header .activity-item:last-child:before{display:none}.take-attendance-header .activity-dot{position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--att-card-bg);border:3px solid var(--att-primary);z-index:2;box-shadow:0 0 0 4px var(--att-primary-softer)}.take-attendance-header .activity-user{display:block;font-size:.95rem;font-weight:700;margin-bottom:2px;color:var(--att-text)}.take-attendance-header .activity-time{font-size:.75rem;font-weight:600;color:var(--att-text-muted)}.take-attendance-header .mini-pill-row{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.take-attendance-header .mini-pill{padding:.3rem .7rem;border-radius:8px;font-size:.65rem;font-weight:700;background:var(--att-page-bg);text-transform:uppercase;letter-spacing:.05em}.take-attendance-header .mini-pill.p{color:var(--att-success);background:var(--att-success-soft)}.take-attendance-header .mini-pill.a{color:var(--att-danger);background:var(--att-danger-soft)}.take-attendance-header .logs-sidebar::-webkit-scrollbar{width:6px}.take-attendance-header .logs-sidebar::-webkit-scrollbar-track{background:var(--att-page-bg);border-radius:10px}.take-attendance-header .logs-sidebar::-webkit-scrollbar-thumb{background:var(--att-border);border-radius:10px}.take-attendance-header .logs-sidebar::-webkit-scrollbar-thumb:hover{background:var(--att-primary)}@media(max-width:1400px){.take-attendance-header .attendance-main-content{grid-template-columns:1fr}.take-attendance-header .logs-sidebar{position:static;height:auto;margin-top:2rem;max-height:400px}.take-attendance-header .stats-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.take-attendance-header .class-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.take-attendance-header .date-stats-section{padding:1.5rem}.take-attendance-header .header-toolbar,.take-attendance-header .classes-floating-area{padding:0}}@media(max-width:768px){.take-attendance-header .back-btn-free{width:40px;height:40px;margin:1.5rem 0 1.5rem 1.5rem}.take-attendance-header .text-block-free{margin:0 0 0 .4rem}.take-attendance-header .text-block-free h1{font-size:1.4rem}.take-attendance-header .text-block-free p{font-size:.9rem}.take-attendance-header .date-selector-free{margin:0 0 1.5rem 1.5rem;padding:.7rem 1rem}.take-attendance-header .save-btn-free{margin:0 1.5rem 1.5rem 0;padding:.7rem 1.5rem;font-size:.9rem}.take-attendance-header .stats-cards-row{grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 1.5rem 1.5rem}.take-attendance-header .stats-cards-row .stat-card{padding:1.2rem}.take-attendance-header .stats-cards-row .stat-icon{width:40px;height:40px;font-size:1.5rem}.take-attendance-header .stats-cards-row .stat-value{font-size:1.2rem}.take-attendance-header .stats-cards-row .stat-label{font-size:.7rem}.take-attendance-header .attendance-top-header{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.take-attendance-header .header-right-section{align-items:flex-start}.take-attendance-header .back-btn-top{width:40px;height:40px}.take-attendance-header .header-text-block h1{font-size:1.4rem}.take-attendance-header .header-text-block p{font-size:.9rem}.take-attendance-header .date-selector-top{padding:.7rem 1rem}.take-attendance-header .save-btn-top{padding:.7rem 1.5rem;font-size:.9rem}.take-attendance-header .back-btn-free-flow{width:40px;height:40px;margin:1.2rem 0 0 1.5rem}.take-attendance-header .header-info-free-flow{padding:.8rem 1.5rem 0;top:5.8rem}.take-attendance-header .header-info-free-flow h1{font-size:1.4rem}.take-attendance-header .header-info-free-flow p{font-size:.9rem}.take-attendance-header .header-date-selector-free-flow{margin:.8rem 1.5rem 0;padding:.9rem 1rem .8rem 1.5rem;top:9.5rem}.take-attendance-header .save-btn-free-flow{margin:.8rem 1.5rem 0 1rem;padding:.7rem 1.5rem;font-size:.9rem}.take-attendance-header .header-toolbar{padding:1rem .75rem;padding-bottom:0;margin-bottom:2rem;gap:1rem}.take-attendance-header .header-toolbar h1{font-size:1.6rem}.take-attendance-header .class-grid{padding:0 .75rem 1rem;grid-template-columns:1fr;gap:2rem}.take-attendance-header .empty-state-card{padding:0 .75rem 1rem}.take-attendance-header .stats-cards,.take-attendance-header .section-grid{grid-template-columns:1fr}.take-attendance-header .take-attendance-header-flow{flex-wrap:wrap;padding:1.2rem;gap:1rem;align-items:flex-start}.take-attendance-header .take-attendance-header-flow .back-btn-attendance{width:40px;height:40px;margin-top:.2rem}.take-attendance-header .take-attendance-header-flow .header-info{flex:0 1 calc(100% - 60px)}.take-attendance-header .take-attendance-header-flow .header-info h1{font-size:1.4rem}.take-attendance-header .take-attendance-header-flow .header-info p{font-size:.9rem}.take-attendance-header .take-attendance-header-flow .header-date-selector{flex:0 1 100%;gap:.6rem;padding:.7rem 1rem;margin-top:.5rem}.take-attendance-header .take-attendance-header-flow .save-btn-header{flex:0 1 100%;padding:.7rem 1.2rem;font-size:.9rem;justify-content:center;margin-top:.5rem}.take-attendance-header .take-attendance-header{flex-wrap:wrap;padding:1.2rem;gap:1rem}.take-attendance-header .back-btn-attendance{width:40px;height:40px}.take-attendance-header .header-info h1{font-size:1.4rem}.take-attendance-header .header-info p{font-size:.9rem}.take-attendance-header .save-btn-header{padding:.7rem 1.5rem;font-size:.9rem}.take-attendance-header .attendance-header-new{flex-direction:column;gap:1rem;padding:1.25rem}.take-attendance-header .header-left{flex-direction:column;width:100%}.take-attendance-header .save-btn-header{width:100%;justify-content:center}.take-attendance-header .attendance-main-content-new{flex-direction:column;gap:1.5rem;padding:1rem}.take-attendance-header .students-list-wrapper{width:100%}.take-attendance-header .list-title{font-size:1.1rem;margin-bottom:1rem}.take-attendance-header .student-row{padding:.8rem;gap:.8rem;flex-wrap:wrap}.take-attendance-header .row-photo{width:45px;height:45px}.take-attendance-header .row-name{font-size:.9rem}.take-attendance-header .row-roll{font-size:.75rem}.take-attendance-header .badge{font-size:.7rem;padding:.35rem .6rem}.take-attendance-header .btn-mark{width:32px;height:32px;font-size:.9rem}.take-attendance-header .history-section{width:100%;position:relative;top:auto;sticky:none}.take-attendance-header .date-selector-container{width:100%;justify-content:center}.take-attendance-header .class-card{padding:1.5rem}.take-attendance-header .class-header{gap:.75rem;margin-bottom:1rem}.take-attendance-header .class-icon{width:36px;height:36px;font-size:1rem}.take-attendance-header .class-header h2{font-size:1.2rem}.take-attendance-header .stat-value{font-size:1.8rem}}@media(max-width:480px){.take-attendance-header{padding-bottom:0;margin-bottom:1.5rem}.take-attendance-header .back-btn-free{width:38px;height:38px;margin:1.2rem 0 1.2rem 1.2rem}.take-attendance-header .text-block-free{margin:0 0 0 .3rem}.take-attendance-header .text-block-free h1{font-size:1.3rem}.take-attendance-header .text-block-free p{font-size:.85rem}.take-attendance-header .date-selector-free{margin:1rem 1.2rem;width:calc(100% - 2.4rem);padding:.65rem .9rem}.take-attendance-header .date-selector-free .date-input-minimal{min-width:120px;font-size:.9rem}.take-attendance-header .save-btn-free{margin:.5rem 1.2rem 1.5rem;width:calc(100% - 2.4rem);padding:.65rem 1rem;font-size:.85rem;justify-content:center}.take-attendance-header .stats-cards-row{grid-template-columns:repeat(2,1fr);gap:.8rem;margin:.8rem 1.2rem 1.2rem}.take-attendance-header .stats-cards-row .stat-card{padding:.8rem;aspect-ratio:1 / 1}.take-attendance-header .stats-cards-row .stat-icon{width:30px;height:30px;font-size:1.2rem;margin-bottom:.5rem}.take-attendance-header .stats-cards-row .stat-value{font-size:1rem}.take-attendance-header .stats-cards-row .stat-label{font-size:.65rem}.take-attendance-header .attendance-top-header{grid-template-columns:1fr;gap:1.2rem;padding:1.2rem}.take-attendance-header .header-left-section{gap:1.2rem}.take-attendance-header .back-btn-top{width:38px;height:38px}.take-attendance-header .header-text-block h1{font-size:1.3rem}.take-attendance-header .header-text-block p{font-size:.85rem}.take-attendance-header .header-right-section{width:100%;align-items:flex-start;gap:.8rem}.take-attendance-header .date-selector-top{width:100%;padding:.65rem .9rem}.take-attendance-header .date-selector-top .date-input-minimal{min-width:120px;font-size:.9rem}.take-attendance-header .save-btn-top{width:100%;padding:.65rem 1rem;font-size:.85rem;justify-content:center}.take-attendance-header .back-btn-free-flow{width:38px;height:38px;margin:1rem 0 0 1.2rem}.take-attendance-header .header-info-free-flow{padding:.7rem 1.2rem 0;top:5.2rem}.take-attendance-header .header-info-free-flow h1{font-size:1.3rem}.take-attendance-header .header-info-free-flow p{font-size:.85rem}.take-attendance-header .header-date-selector-free-flow{margin:.7rem 1.2rem 0;padding:.8rem .9rem .7rem 1.2rem;top:8.5rem}.take-attendance-header .header-date-selector-free-flow .date-input-minimal{min-width:120px;font-size:.9rem}.take-attendance-header .save-btn-free-flow{margin:.7rem 1.2rem 0 .9rem;padding:.65rem 1rem;font-size:.85rem}.take-attendance-header .take-attendance-header-flow{padding:1rem .75rem;gap:.75rem;flex-direction:column;align-items:stretch}.take-attendance-header .take-attendance-header-flow .back-btn-attendance{width:38px;height:38px;align-self:flex-start}.take-attendance-header .take-attendance-header-flow .header-info{flex:1;width:100%;margin-top:.3rem}.take-attendance-header .take-attendance-header-flow .header-info h1{font-size:1.3rem}.take-attendance-header .take-attendance-header-flow .header-info p{font-size:.85rem}.take-attendance-header .take-attendance-header-flow .header-date-selector{flex:1;width:100%;padding:.65rem .9rem;margin:0;gap:.5rem}.take-attendance-header .take-attendance-header-flow .header-date-selector .date-input-minimal{min-width:120px;font-size:.9rem}.take-attendance-header .take-attendance-header-flow .save-btn-header{flex:1;width:100%;padding:.65rem 1rem;font-size:.85rem;margin:0}.take-attendance-header .students-table-section{border-radius:10px}.take-attendance-header .section-header{padding:.7rem .8rem;gap:.5rem}.take-attendance-header .section-header h2{font-size:.85rem}.take-attendance-header .student-count-badge{padding:.3rem .6rem;font-size:.75rem}.take-attendance-header .attendance-main-content-new{flex-direction:column;gap:1rem;padding:.75rem}.take-attendance-header .students-list-wrapper{width:100%}.take-attendance-header .list-title{font-size:1rem;margin-bottom:.8rem}.take-attendance-header .student-row{padding:.7rem;gap:.6rem}.take-attendance-header .row-photo{width:40px;height:40px}.take-attendance-header .row-name{font-size:.85rem}.take-attendance-header .row-roll{font-size:.7rem}.take-attendance-header .badge,.take-attendance-header .badge-request{font-size:.65rem;padding:.3rem .5rem}.take-attendance-header .btn-mark{width:30px;height:30px;font-size:.85rem}.take-attendance-header .btn-view-request{width:30px;height:30px}.take-attendance-header .history-section{width:100%;position:relative;top:auto}.take-attendance-header .history-title{font-size:.85rem}.take-attendance-header .history-item{padding:.6rem;font-size:.75rem}}.take-attendance-header .header-toolbar h1{font-size:1.3rem}.take-attendance-header .class-grid{padding:0 .5rem 1rem;grid-template-columns:1fr;gap:1.5rem}.take-attendance-header .empty-state-card{padding:0 .5rem 1rem}.take-attendance-header .back-btn{width:40px;height:40px}.take-attendance-header .stat-card{gap:.75rem;padding:1rem}.take-attendance-header .stat-icon{width:44px;height:44px;font-size:1.3rem}.take-attendance-header .stat-value{font-size:1.5rem}.take-attendance-header .students-table th,.take-attendance-header .students-table td{padding:.75rem;font-size:.8rem}.take-attendance-header .student-photo-small{width:40px;height:40px}.take-attendance-header .action-buttons-table{gap:.5rem}.take-attendance-header .action-btn-table{width:40px;height:40px;font-size:1rem}.take-attendance-header .section-btn{padding:1rem;gap:.5rem}.take-attendance-header .student-count{font-size:1rem}.att-stat-card{border-radius:24px;padding:1.4rem 1.6rem;display:flex;align-items:center;gap:1.25rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);color:#fff;cursor:pointer;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.att-stat-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 25px 50px #00000026}.att-stat-card.enrollment{background:radial-gradient(at 0% 0%,#ff0080 0px,transparent 50%),radial-gradient(at 100% 0%,#7928ca 0px,transparent 50%),radial-gradient(at 100% 100%,#0070f3 0px,transparent 50%),#2d3436}.att-stat-card.present{background:radial-gradient(at 0% 0%,#00dfd8 0px,transparent 50%),radial-gradient(at 100% 0%,#007cf0 0px,transparent 50%),radial-gradient(at 100% 100%,#ffffff 0px,transparent 50%),#0052d4}.att-stat-card.absent{background:radial-gradient(at 0% 0%,#ff4d4d 0px,transparent 50%),radial-gradient(at 100% 0%,#f9cb28 0px,transparent 50%),radial-gradient(at 100% 100%,#ff0080 0px,transparent 50%),#c0392b}.att-stat-card.unmarked{background:radial-gradient(at 0% 0%,#ffffff 0px,transparent 50%),radial-gradient(at 100% 0%,#00dfd8 0px,transparent 50%),radial-gradient(at 100% 100%,#7928ca 0px,transparent 50%),#6c5ce7}.stat-icon-bg{width:46px;height:46px;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0000001a}.att-stat-card .stat-label{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.4);margin-bottom:2px}.stat-value{font-size:1.8rem;font-weight:900;margin:0;line-height:1;letter-spacing:-.02em;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3)}.attendance-content-area,.attendance-main-content,.take-attendance-header-flow,.attendance-top-header{background-color:var(--att-page-bg)!important;background-image:var(--att-nebula-bg)!important;background-attachment:fixed!important}.attendance-page-wrapper{min-height:100vh;width:100%;background-color:var(--att-page-bg);background-image:var(--att-nebula-bg);background-attachment:fixed;padding:0 2rem 2rem 1.5rem}.take-attendance-header-modern{display:flex;align-items:center;justify-content:space-between;padding:1rem 0 2.5rem;background:transparent!important}.attendance-stats-shelf{padding:2rem 5%;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1.5px solid rgba(255,255,255,.1);margin-bottom:3rem;display:flex;justify-content:center;box-shadow:0 15px 35px #00000008;width:100%}.theme-dark .attendance-stats-shelf{background:#0003;border-color:#ffffff0d}.attendance-stats-shelf>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:1.25rem;width:100%;max-width:1400px}.attendance-main-split{display:flex;gap:2rem;padding:2rem 0;align-items:flex-start;flex-wrap:wrap}.attendance-table-side{flex:1.5;min-width:350px}.attendance-logs-side{flex:1;min-width:300px}@media(max-width:1100px){.attendance-main-split{flex-direction:column}.attendance-table-side,.attendance-logs-side{width:100%}}.principal-dashboard:has(.attendance-page-wrapper){background-color:var(--att-page-bg)!important;background-image:var(--att-nebula-bg)!important;background-attachment:fixed!important}.dashboard-view-content:has(.attendance-page-wrapper){background:transparent!important}:root{--att-nebula-bg: radial-gradient(at 0% 0%, rgba(99, 102, 241, .3) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(236, 72, 153, .3) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(139, 92, 246, .2) 0px, transparent 50%)}.theme-dark{--att-nebula-bg: radial-gradient(at 0% 0%, rgba(99, 102, 241, .25) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(236, 72, 153, .25) 0px, transparent 50%)}#root,.app-container{background:transparent!important}body:has(.attendance-page-wrapper){background-color:var(--att-page-bg)!important;background-image:var(--att-nebula-bg)!important;background-attachment:fixed!important}.sub-bento-wrapper{position:fixed;inset:0;z-index:10000;height:100vh;width:100vw;background:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);background-color:#0f172a;padding:1rem;display:flex;flex-direction:column;overflow-y:auto;font-family:Inter,system-ui,sans-serif;color:#f8fafc}.sub-page-title{text-align:center;font-size:1.1rem;font-weight:700;margin:1.5rem 0 1rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;z-index:50;flex-shrink:0}.floating-back-btn{position:absolute;top:1.25rem;left:1rem;width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s;z-index:100}.bento-grid{display:grid;grid-template-columns:260px 1fr 300px;grid-template-rows:auto 1fr;gap:1rem;flex:1;min-height:0;max-width:1400px;margin:0 auto;width:100%}.area-plan{grid-column:1 / 2;grid-row:1 / 3}.area-action{grid-column:2 / 3;grid-row:1 / 3}.area-history{grid-column:3 / 4;grid-row:1 / 3}@media(max-width:1100px){.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.area-plan{grid-column:1 / 2;grid-row:1 / 2}.area-action{grid-column:2 / 3;grid-row:1 / 2}.area-history{grid-column:1 / 3;grid-row:2 / 3;max-height:400px}}@media(max-width:768px){.sub-bento-wrapper{padding:.75rem}.sub-page-title{font-size:.9rem;margin-top:4rem}.floating-back-btn{top:1rem;left:1rem}.bento-grid{display:flex;flex-direction:column;padding-top:0;gap:1rem}.bento-item{width:100%;flex-shrink:0}.area-history{max-height:500px;margin-bottom:2rem}.plan-title{font-size:1.75rem}.plan-price-row .amount{font-size:2rem}.interactive-counter{gap:1rem}.counter-btn{width:42px;height:42px}.counter-display .count{font-size:2.25rem}}.bento-item{background:#ffffff12;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.25rem;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s ease}.bento-item:hover{border-color:#fff3;transform:translateY(-2px)}.area-plan{background:linear-gradient(145deg,#4f46e5cc,#818cf866);border:1px solid rgba(255,255,255,.2);justify-content:space-between}.area-plan .glass-overlay{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-label{color:#fffc;font-size:.8rem;font-weight:500}.plan-status-badge{background:#ffffff1a;padding:.25rem .75rem;border-radius:100px;font-size:.7rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.plan-status-badge.active{background:#10b98133;color:#34d399;border-color:#10b9814d}.plan-status-badge.trial{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b4d}.plan-status-badge.expired{background:#ef444433;color:#fca5a5;border-color:#ef44444d}.plan-status-badge.disabled{background:#64748b4d;color:#cbd5e1;border-color:#64748b66;text-transform:uppercase;letter-spacing:.05em}.plan-title{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2);font-size:2rem;font-weight:800;line-height:1.1;margin:1.5rem 0}.plan-price-row{color:#fff;margin-bottom:2rem}.plan-price-row .currency{font-size:1.5rem;font-weight:600;opacity:.8}.plan-price-row .amount{font-size:2.5rem;font-weight:800}.plan-price-row .period{font-size:.9rem;opacity:.7}.plan-features-list{display:flex;flex-direction:column;gap:.5rem}.plan-features-list span{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:12px;font-size:.8rem;font-weight:500}.area-trial{flex-direction:row;align-items:center;gap:1rem;padding:1rem 1.5rem}.trial-icon-box{background:#f9731633;color:#fb923c;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.trial-icon-box svg{width:20px;height:20px}.trial-info h3{color:#fff;margin:0;font-size:.95rem}.trial-info .expired{color:#fca5a5;font-weight:700;margin:0;font-size:.85rem}.area-action{justify-content:space-between;gap:.75rem;padding:1.25rem 1.75rem}.action-header h3{color:#fff;font-size:1.25rem;margin:0;font-weight:800}.action-header p{color:#fff9;margin:.25rem 0 0;font-size:.9rem}.interactive-counter{background:#0003;border-radius:16px;padding:.75rem;margin:.25rem 0;display:flex;align-items:center;justify-content:center;gap:1.5rem}.counter-btn{background:#ffffff1a;color:#fff;width:48px;height:48px;font-size:1.5rem;line-height:1;border-radius:14px;border:none;cursor:pointer;transition:all .2s}.counter-btn:hover:not(:disabled){background:#4f46e5;transform:scale(1.1);box-shadow:0 10px 20px #4f46e54d}.counter-display{text-align:center}.counter-display .count{color:#fff;font-size:2.75rem;font-weight:900;line-height:1;display:block}.counter-display .label{color:#ffffff80;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.bill-preview{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:1rem}.bill-row{color:#ffffffb3;display:flex;justify-content:space-between;font-size:.9rem}.bill-divider{background:#ffffff1a;height:1px;margin:.75rem 0}.bill-row.total{color:#a5b4fc;font-weight:800;font-size:1.1rem}.action-pay-btn{background:#6366f1;box-shadow:0 4px 15px #6366f166;margin-top:auto;border-radius:12px;padding:.85rem;width:100%;color:#fff;border:none;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .3s}.action-pay-btn:hover{background:#4f46e5;transform:translateY(-3px)}.action-pay-btn svg{width:18px;height:18px}.area-history{padding:0}.history-head{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.history-head h3{color:#fff;margin:0;font-size:1rem;font-weight:700}.history-badge{background:#ffffff1a;color:#fff;padding:.15rem .4rem;border-radius:6px;font-size:.7rem;font-weight:700}.history-scroll-area{padding:1rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.6rem}.history-scroll-area::-webkit-scrollbar{width:4px}.history-scroll-area::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.history-row-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#fff;display:flex;align-items:center;gap:.75rem;padding:.7rem;border-radius:14px;transition:all .2s}.history-row-item:hover{background:#ffffff1a;border-color:#fff3}.row-icon-status{width:28px;height:28px;background:#10b9811a;color:#10b981;border-radius:8px;display:flex;align-items:center;justify-content:center}.row-icon-status svg{width:14px;height:14px}.row-info{flex:1;display:flex;flex-direction:column}.row-date{font-size:.8rem;font-weight:600;color:#fff}.row-id{color:#fff6;font-size:.65rem}.row-amount{color:#fff;font-weight:700;font-size:.85rem}.stats-page-container{padding:2.5rem 3rem;width:100%;margin:0;animation:fadeIn .4s ease-out}.stats-header{margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:center;width:100%}.header-left-group{display:flex;align-items:center;gap:1.5rem}.stats-header h1{font-size:2rem;font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.02em}.stats-back-btn{padding:.6rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.date-picker-wrap{position:relative;display:flex;align-items:center}.custom-date-selector{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:14px;color:#6366f1;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000008;position:relative}.custom-date-selector:hover{border-color:#6366f1;background:#6366f105;transform:translateY(-2px);box-shadow:0 8px 20px #6366f11a}.selected-date-display{font-weight:800;font-size:.95rem;color:var(--text-primary);letter-spacing:.5px}.stats-hidden-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.stats-tabs-container{display:flex;gap:.75rem;margin-bottom:2.5rem;background:var(--bg-secondary);padding:.5rem;border-radius:18px;width:fit-content;border:1px solid var(--border-color)}.stats-tab-btn{padding:.8rem 2.2rem;border-radius:14px;border:none;background:transparent;color:var(--text-secondary);font-weight:700;cursor:pointer;transition:all .25s ease}.stats-tab-btn.active{background:var(--bg-primary);color:var(--primary-color);box-shadow:0 4px 12px #00000014}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:3rem}.summary-item{padding:2rem;border-radius:28px;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:.8rem;min-height:160px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px -10px #0000004d;border:1px solid rgba(255,255,255,.1)}.summary-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);z-index:1}.summary-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -10px #0006}.summary-item.blue{background:linear-gradient(135deg,#ff3cac,#784ba0,#2b86c5)}.summary-item.green{background:linear-gradient(135deg,#0093e9,#80d0c7,#74ebd5)}.summary-item.purple{background:linear-gradient(135deg,#8ec5fc,#e0c3fc,#d9afd9)}.summary-item.orange{background:linear-gradient(135deg,#fad961,#f76b1c)}.summary-label{font-size:.8rem;font-weight:900;color:#fff!important;opacity:1;text-transform:uppercase;letter-spacing:1.5px;z-index:2;display:flex;align-items:center;gap:8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.summary-value{font-size:2.8rem;font-weight:900;color:#fff!important;letter-spacing:-1.5px;z-index:2;text-shadow:0 4px 15px rgba(0,0,0,.2)}.attendance-summary-card{background:var(--bg-primary);border-radius:32px;border:1px solid var(--border-color);margin-top:2rem;overflow:hidden;box-shadow:0 10px 40px #0000000a}.stats-card-header{padding:2rem 2.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.stats-card-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:800}.attendance-table{width:100%;border-collapse:collapse}.class-cell-v2{width:120px;text-align:center;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1.5rem!important}.class-name-v2{font-size:1.5rem;font-weight:900;color:var(--text-primary)}.sections-grid-v2{display:flex;flex-wrap:wrap;width:100%}.section-cell-v2{padding:1.5rem 2rem;border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:all .2s ease;min-width:120px}.section-letter-v2{font-size:.9rem;font-weight:800;color:var(--primary-color);text-transform:uppercase}.section-ratio-v2{font-size:1.2rem;font-weight:900;color:var(--text-primary)}.teacher-list{display:flex;flex-direction:column;gap:.5rem}.teacher-item{display:flex;align-items:center;padding:1.2rem 1.5rem;background:var(--bg-primary);border-radius:20px;border:1px solid var(--border-color)}.teacher-photo,.teacher-placeholder-photo{width:48px;height:48px;border-radius:14px;margin-right:1.2rem}.teacher-info{flex:1}.teacher-info h4{margin:0;font-size:1.1rem;font-weight:800}.status-badge-v2{padding:.5rem 1rem;border-radius:10px;font-size:.75rem;font-weight:800;text-transform:uppercase}.status-badge-v2.present{background:#10b98115;color:#10b981}.status-badge-v2.absent{background:#ef444415;color:#ef4444}.stats-grid-revenue{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-top:1rem}.revenue-card{background:var(--bg-primary);border-radius:24px;padding:2rem;border:1px solid var(--border-color)}.revenue-progress-bar{height:24px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;margin:0 0 .8rem;position:relative}.revenue-progress-fill{height:100%;background:#10b981;transition:width .5s ease-out}.progress-overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:800;color:var(--text-primary);text-shadow:0 0 4px rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.5px;z-index:2;white-space:nowrap}.revenue-details{display:flex;justify-content:space-between;font-weight:700}.stats-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:9999}.stats-modal-card{background:var(--bg-primary);width:90%;max-width:550px;border-radius:32px;overflow:hidden}.stats-modal-header{padding:1.8rem 2.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.stats-modal-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:800}.modal-tabs{display:flex;background:var(--bg-secondary)}.modal-tab-btn{flex:1;padding:1.2rem;border:none;background:transparent;font-weight:800;color:var(--text-secondary);cursor:pointer;position:relative}.modal-tab-btn.active{color:var(--primary-color)}.modal-tab-btn.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:4px;background:var(--primary-color);border-radius:4px 4px 0 0}.modal-student-list{max-height:450px;overflow-y:auto;padding:1rem 2rem}.modal-student-item{display:flex;align-items:center;gap:1.2rem;padding:1rem 0;border-bottom:1px solid var(--border-color)}.modal-student-photo{width:48px;height:48px;border-radius:14px;object-fit:cover}.modal-student-info h4{margin:0;font-size:1rem;font-weight:800}@media(max-width:768px){.stats-page-container{padding:1.5rem 1rem}.stats-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.date-picker-wrap,.stats-date-input{width:100%}.stats-tabs-container{width:100%;overflow-x:auto;padding:.4rem}.stats-tab-btn{flex:1;padding:.7rem 1rem;font-size:.85rem;white-space:nowrap}.summary-grid{grid-template-columns:1fr}.attendance-summary-card{padding:0;border-radius:24px}.class-cell-v2{width:70px;padding:1rem!important}.class-name-v2{font-size:1.1rem}.section-cell-v2{padding:1rem;min-width:100px}.section-ratio-v2{font-size:1rem}.stats-grid-revenue{grid-template-columns:1fr;gap:1.5rem}.teacher-item{padding:1rem}.teacher-photo,.teacher-placeholder-photo{width:40px;height:40px}.teacher-info h4{font-size:1rem}}.fadeIn{animation:fadeIn .4s ease-out}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.1);border-top:5px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9f7aea4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9f7aea80}body{margin:0;padding:0}.routine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;padding:10px 0}.routine-card{background:var(--bg-primary);border-radius:24px;padding:25px;cursor:pointer;border:1px solid var(--border-color);transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 6px -1px #0000000d}.theme-dark .routine-card{background:#1e293b}.routine-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#6366f1}.routine-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);transform:rotate(45deg);transition:.6s;pointer-events:none;z-index:1}.routine-card:hover:before{left:100%}.routine-card-header{display:flex;justify-content:space-between;align-items:flex-start}.routine-icon-box{width:54px;height:54px;background:#6366f11a;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;transition:all .3s ease}.routine-card:hover .routine-icon-box{background:#6366f1;transform:scale(1.1) rotate(-5deg)}.routine-card:hover .routine-icon-box span{filter:brightness(0) invert(1)}.routine-info h3{margin:0;font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.routine-info p{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--text-secondary)}.routine-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;width:fit-content;margin-top:5px}.status-published{background:#10b9811a;color:#10b981}.status-draft{background:#f59e0b1a;color:#f59e0b}.status-dot{width:8px;height:8px;border-radius:50%}.status-published .status-dot{background:#10b981;box-shadow:0 0 8px #10b98180}.status-draft .status-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.routine-actions{position:absolute;top:20px;right:20px;display:flex;gap:8px;opacity:0;transform:translate(10px);transition:all .3s ease}.routine-card:hover .routine-actions{opacity:1;transform:translate(0)}.btn-delete-routine{background:#fff1f2;color:#e11d48;border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-delete-routine:hover{background:#e11d48;color:#fff;transform:scale(1.1)}.btn-create-routine{background:#6366f1;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:800;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 15px #6366f14d;transition:all .3s;font-size:15px}.btn-create-routine:hover{transform:translateY(-2px);background:#4f46e5;box-shadow:0 8px 25px #6366f166}.routine-footer{margin-top:auto;display:flex;justify-content:flex-end}.view-btn-arrow{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease}.routine-card:hover .view-btn-arrow{background:#6366f1;color:#fff;transform:translate(5px)}.admit-card-container h2{color:#0f172a}.admit-card-container h3,.admit-card-container h4{color:#1e293b}.theme-dark .admit-card-container h2,.theme-dark .admit-card-container h3,.theme-dark .admit-card-container h4{color:#f8fafc}.theme-dark .pill-chip{border-color:#ffffff1a;color:#94a3b8}.theme-dark .pill-chip:hover{border-color:#6366f1;color:#6366f1}.theme-dark .pill-chip.selected{background:#6366f1;color:#fff}.theme-dark .btn-secondary{background:#ffffff0d;color:#cbd5e1}.theme-dark .btn-secondary:hover{background:#ffffff1a}.theme-dark .event-title-stack h3{color:#f8fafc}.theme-dark .loader-box{color:#94a3b8}.theme-dark .selected-card{background:#6366f11a!important;border-color:#6366f1!important}.admit-card-container{padding:0 24px 24px;height:100%;background-color:transparent;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.principal-dashboard .admit-card-container{padding-top:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-top:0}.header-title-container{display:flex;align-items:center;gap:1.5rem}.back-btn-minimal{background:transparent;border:none;color:var(--text-primary, #0f172a);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:all .2s ease;border-radius:8px}.theme-dark .back-btn-minimal{color:#f8fafc}.back-btn-minimal:hover{background:#6366f11a;color:#6366f1;transform:translate(-3px)}.back-btn-minimal svg{width:24px;height:24px}.page-header h2{font-size:32px;font-weight:800;margin:0;color:#0f172a;letter-spacing:-1px}.theme-dark .page-header h2{color:#f8fafc}.page-header p{color:#64748b;margin:8px 0 0;font-size:16px;font-weight:500}.creation-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5000;display:flex;align-items:flex-start;justify-content:center;padding:120px 20px 60px;overflow-y:auto}.creation-flow-card{width:100%;max-width:800px;max-height:85vh;background:#fff;border-radius:32px;box-shadow:0 50px 100px -20px #00000026;border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column;animation:dialogAppear .4s cubic-bezier(.16,1,.3,1)}.theme-dark .creation-flow-card{background:#1e293b;border-color:#ffffff0d}@keyframes dialogAppear{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.creation-header{padding:24px 40px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.theme-dark .creation-header{border-color:#ffffff0d}.creation-header h3{margin:0;font-size:22px;font-weight:800;color:#0f172a}.theme-dark .creation-header h3{color:#f8fafc}.close-btn{background:#0f172a0d;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.theme-dark .close-btn{background:#ffffff0d;color:#fff}.close-btn:hover{background:#ef4444;color:#fff}.creation-content{padding:32px 40px;overflow-y:auto;flex:1}.flow-stepper{display:flex;gap:12px;margin-bottom:40px}.step-indicator{flex:1;height:6px;border-radius:10px;background:#f1f5f9;transition:.4s}.theme-dark .step-indicator{background:#ffffff0d}.step-indicator.active{background:#6366f1}.form-section{display:grid;grid-template-columns:1fr;gap:32px}.form-group-modern{display:flex;flex-direction:column;gap:10px}.form-group-modern label{font-size:14px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.premium-input{padding:16px 20px;border-radius:16px;border:2px solid #e2e8f0;background:#fff;font-size:16px;font-weight:600;color:#0f172a;transition:all .3s;width:100%;box-sizing:border-box}.premium-input::placeholder{color:#94a3b8}.theme-dark .premium-input{background:#0f172a!important;border-color:#ffffff1a;color:#f8fafc!important}.premium-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.multi-select-container{display:flex;flex-direction:column;gap:12px;background:#f8fafc;padding:16px;border-radius:20px;border:2px solid #e2e8f0}.theme-dark .multi-select-container{background:#ffffff05;border-color:#ffffff1a}.selected-tags-area{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;align-items:center}.selected-tag{display:flex;align-items:center;gap:8px;background:#6366f1;color:#fff;padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700;animation:tagIn .2s ease-out}@keyframes tagIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tag-remove{background:#fff3;border:none;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:.2s}.tag-remove:hover{background:#fff;color:#6366f1}.placeholder-text{color:#94a3b8;font-size:14px;font-style:italic}.premium-select{padding:12px 16px;border-radius:12px;border:1.5px solid #cbd5e1;background:#fff;color:#0f172a;font-size:14px;font-weight:700;cursor:pointer;outline:none;transition:all .2s}.theme-dark .premium-select{background:#0f172a;color:#f8fafc;border-color:#ffffff1a}.premium-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.class-chips-box{display:flex;flex-wrap:wrap;gap:12px}.pill-chip{padding:10px 24px;border-radius:50px;border:2px solid #e2e8f0;font-weight:700;font-size:14px;cursor:pointer;transition:.2s;color:#64748b}.theme-dark .pill-chip{border-color:#ffffff1a}.pill-chip:hover{border-color:#6366f1;color:#6366f1}.pill-chip.selected{background:#6366f1!important;border-color:#6366f1!important;color:#fff!important;box-shadow:0 10px 20px #6366f133}.theme-dark .pill-chip.selected{background:#6366f1!important;color:#fff!important}.schedule-list{display:flex;flex-direction:column;gap:16px}.schedule-row-card{display:grid;grid-template-columns:120px 100px 2.5fr 1.8fr 44px;gap:12px;align-items:end;background:#f8fafc;padding:20px;border-radius:20px;border:1px solid #e2e8f0;animation:rowIn .3s ease-out}@keyframes rowIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.theme-dark .schedule-row-card{background:#ffffff05;border-color:#ffffff0d}.tiny-label{font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;margin-bottom:6px}.premium-input-small{padding:12px 14px;border-radius:12px;border:1.5px solid #cbd5e1;background:#fff;color:#0f172a;font-size:14px;font-weight:600;width:100%;transition:all .2s;box-sizing:border-box}.premium-input-small:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f114}.theme-dark .premium-input-small{background:#0f172a;color:#f8fafc;border-color:#ffffff1a}.row-delete-icon{width:44px;height:44px;border-radius:12px;background:#ef44440d;color:#ef4444;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.row-delete-icon:hover{background:#ef4444;color:#fff}.add-subject-btn{width:100%;padding:16px;border-radius:16px;border:2px dashed #cbd5e1;background:transparent;color:#6366f1;font-weight:800;cursor:pointer;margin-top:20px;transition:.2s}.add-subject-btn:hover{background:#6366f10d;border-color:#6366f1}.footer-action-bar{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:24px;border-top:1px solid #f1f5f9}.theme-dark .footer-action-bar{border-color:#ffffff0d}.btn-secondary{padding:14px 28px;border-radius:14px;background:#f1f5f9;color:#475569;border:none;font-weight:700;cursor:pointer}.btn-primary-gradient{padding:14px 40px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;border:none;font-weight:800;cursor:pointer;box-shadow:0 10px 20px -5px #6366f166}.btn-success{padding:14px 40px;border-radius:14px;background:#10b981;color:#fff;border:none;font-weight:800;cursor:pointer;box-shadow:0 10px 20px -5px #10b98166}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.exam-event-card{background:#fff;padding:24px;border-radius:24px;border:1px solid #e2e8f0;cursor:pointer;transition:.3s;position:relative;display:flex;flex-direction:column;gap:16px}.theme-dark .exam-event-card{background:#1e293b;border-color:#ffffff0d}.exam-event-card:hover{transform:translateY(-8px);border-color:#6366f1;box-shadow:0 20px 40px -10px #0000001a}.event-icon-box{width:60px;height:60px;background:#6366f11a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#6366f1}.event-title-stack h3{margin:0;font-size:18px;font-weight:800;color:#0f172a}.theme-dark .event-title-stack h3{color:#fff}.event-title-stack p{margin:4px 0 0;font-size:14px;color:#64748b;font-weight:600}.professional-card-print{width:210mm;min-height:297mm;background:#fff;margin:0 auto;padding:15mm;color:#000;font-family:Inter,-apple-system,sans-serif;position:relative;box-sizing:border-box}.professional-card-print:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23000' fill-opacity='0.05' /%3E%3C/svg%3E");pointer-events:none;z-index:0}.card-top-header{margin-bottom:30px;position:relative;z-index:10}.header-main-row{display:flex;justify-content:space-between;align-items:flex-start}.logo-name-group{display:flex;align-items:center;gap:20px}.inst-logo-fresh{width:100px;height:100px;object-fit:contain}.institute-title-main{font-size:28px;font-weight:900;margin:0;color:#000}.institute-address-block{margin-top:5px}.institute-address-block p{margin:2px 0;font-size:13px;font-weight:700;color:#333}.header-date-badge{text-align:right;display:flex;flex-direction:column}.header-divider-line{height:3px;background:#000;margin:20px 0}.student-info-section{position:relative;z-index:10}.details-table-simple{width:100%;border-collapse:collapse}.details-table-simple td{padding:10px 0;font-size:14px;border-bottom:1.5px solid #eee}.details-table-simple td:first-child{font-weight:800;color:#666;width:180px}.details-table-simple td:last-child{font-weight:900;color:#000}.photo-box-card{position:relative;background:#fff;z-index:10}.student-id-badge{background:#000;color:#fff;display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:900}.exam-schedule-container{margin-top:40px;position:relative;z-index:10}.exam-schedule-table th{background:#000;color:#fff;font-weight:900}.admit-instructions-box{margin-top:30px;border:2px solid #000;padding:15px;border-radius:8px;position:relative;z-index:10}.bullet-instructions{margin:10px 0 0;padding-left:20px}.bullet-instructions li{font-size:11px;font-weight:700;margin-bottom:4px;color:#222}.card-footer-signatures{margin-top:60px;position:relative;z-index:10}.sig-line{border-top:2px solid #000;margin-bottom:8px}.sig-block span{font-size:11px;font-weight:900;color:#000}@media print{body *{visibility:hidden}.admit-card-viewer,.admit-card-viewer *{visibility:visible}.admit-card-viewer{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff!important;padding:0!important;margin:0!important}.viewer-actions,.no-print{display:none!important}.professional-card-print{box-shadow:none!important;border:none!important;padding:10mm!important;width:210mm!important;height:297mm!important;margin:0!important}}.selected-card{border-color:#6366f1!important;background:#6366f10d!important;box-shadow:0 0 0 2px #6366f133,0 20px 40px -10px #0000001a!important}.theme-dark .selected-card{background:#6366f126!important;border-color:#6366f1!important}.card-checkbox{position:absolute;top:15px;right:15px;width:24px;height:24px;borderRadius:6px;border:2px solid #6366f1;display:flex;align-items:center;justify-content:center;z-index:5;background:transparent}.card-checkbox.active{background:#6366f1}.card-checkbox span{color:#fff!important;font-size:14px;font-weight:700}.fadeIn{animation:fadeIn .4s ease forwards}.id-global-overlay{position:fixed;inset:0;background:#0f172af2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;color:#fff}.id-pulse-loader{width:100px;height:100px;border:3px solid rgba(99,102,241,.1);border-top:3px solid #6366f1;border-radius:50%;animation:spin-pulse 1s cubic-bezier(.5,0,.5,1) infinite;position:relative;margin-bottom:3rem}.id-pulse-loader:after{content:"";position:absolute;inset:10px;border:3px solid rgba(236,72,153,.1);border-top:3px solid #ec4899;border-radius:50%;animation:spin-pulse 1.5s linear infinite reverse}@keyframes spin-pulse{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:8000}.export-modal{background:#1e293b;padding:3rem;border-radius:32px;width:450px;border:1px solid rgba(255,255,255,.1);color:#fff;text-align:center;animation:dialogAppear .4s cubic-bezier(.16,1,.3,1)}.export-option-card{background:#1e293b;padding:1.5rem;border-radius:20px;display:flex;align-items:center;gap:1.5rem;cursor:pointer;transition:.2s;border:1px solid #334155;margin-bottom:1rem;text-align:left}.export-option-card:hover{border-color:#6366f1;background:#232f44;transform:translateY(-2px)}.export-option-icon{font-size:2rem}.export-option-text div:first-child{font-weight:700}.export-option-text div:last-child{font-size:.8rem;opacity:.6}.modern-toggle-mini{width:32px;height:18px;background:#e2e8f0;border-radius:10px;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-toggle-mini.active{background:#10b981}.toggle-thumb-mini{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.active .toggle-thumb-mini{left:calc(100% - 16px)}.pill-selection-system{display:flex;flex-direction:column;gap:1.25rem;background:#00000005;padding:1.25rem;border-radius:20px;border:1px solid var(--border-color)}.selection-summary-strip{display:flex;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1.5px dashed var(--border-color)}.summary-label{font-size:.75rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;margin-top:6px}.summary-tags{display:flex;flex-wrap:wrap;gap:.5rem}.mini-tag{background:#6366f1;color:#fff;padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:6px}.mini-tag i{cursor:pointer;font-style:normal;opacity:.7}.none-text{font-size:.85rem;color:var(--text-secondary);font-style:italic}.class-pills-row{display:flex;flex-wrap:wrap;gap:.75rem}.class-main-pill{background:#fff;border:1.5px solid var(--border-color);padding:10px 18px;border-radius:14px;font-weight:700;font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;gap:8px;transition:all .3s ease}.class-main-pill:hover{border-color:#6366f1;transform:translateY(-2px)}.class-main-pill.expanded{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 8px 20px #6366f140}.class-main-pill.has-selection{border-color:#6366f1;background:#6366f108}.section-reveal-box{background:#fff;border:1.5px solid #6366f1;border-radius:18px;padding:1.25rem;box-shadow:0 12px 30px #6366f11a}.reveal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.reveal-header span{font-size:.85rem;font-weight:800;color:#6366f1}.done-btn-pill{background:#10b981;color:#fff;border:none;padding:6px 16px;border-radius:10px;font-weight:700;font-size:.8rem;cursor:pointer}.section-pills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.section-pill{background:#f1f5f9;border:1px solid #e2e8f0;padding:8px 20px;border-radius:12px;font-weight:800;color:#475569;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.section-pill:hover{background:#e2e8f0}.section-pill.active{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 4px 12px #10b98133}.schedule-time-actions-group{display:flex;align-items:flex-end;gap:.75rem;background:#6366f108;padding:.5rem .75rem;border-radius:12px;border:1px dashed var(--border-color)}.flex-2{flex:2!important}.premium-input-small.clock-picker{width:130px!important;cursor:pointer}.clock-picker::-webkit-datetime-edit-ampm-field{display:inline-block!important}.custom-time-picker-12{display:flex;flex-direction:column;gap:4px}.time-parts-row{display:flex;align-items:center;gap:4px;background:#fff;padding:4px 8px;border-radius:10px;border:1.5px solid var(--border-color)}.time-parts-row select{border:none;background:transparent;font-size:.85rem;font-weight:700;color:var(--text-primary);cursor:pointer;outline:none;padding:2px}.time-parts-row span{font-weight:900;color:#6366f1;font-size:.85rem}.period-select{color:#6366f1!important;margin-left:4px;border-left:1px solid var(--border-color)!important;padding-left:8px!important}.modern-clock-wrapper{position:relative;display:flex;flex-direction:column;gap:4px}.time-display-trigger{background:#fff;border:1.5px solid var(--border-color);padding:6px 12px;border-radius:10px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;min-width:90px;justify-content:center}.time-display-trigger:hover{border-color:#6366f1;background:#6366f105}.time-display-trigger.active{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.time-display-trigger .val{font-weight:800;color:var(--text-primary);font-size:.9rem}.time-display-trigger .period{font-weight:900;color:#6366f1;font-size:.75rem}.clock-popover{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 15px 40px #00000026;padding:12px;z-index:1000;width:200px}.popover-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.period-toggle-row{display:flex;background:#f1f5f9;padding:3px;border-radius:8px;margin-bottom:10px}.period-toggle-row button{flex:1;border:none;padding:4px;font-size:.75rem;font-weight:800;border-radius:6px;background:transparent;color:#64748b;cursor:pointer}.period-toggle-row button.active{background:#fff;color:#6366f1;box-shadow:0 2px 6px #0000000d}.popover-grid{display:grid;gap:4px;margin-bottom:8px}.popover-grid.hours{grid-template-columns:repeat(4,1fr)}.popover-grid.minutes{grid-template-columns:repeat(4,1fr);margin-bottom:0;padding-top:8px;border-top:1px solid #f1f5f9}.popover-grid button{border:none;background:transparent;padding:6px 0;border-radius:6px;font-size:.8rem;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .2s}.popover-grid button:hover{background:#f1f5f9;color:#6366f1}.popover-grid button.selected{background:#6366f1;color:#fff}.creation-flow-card,.creation-content{overflow:visible!important}.clock-popover{z-index:9999!important}.schedule-list{overflow:visible!important;padding-bottom:50px}.flex-3{flex:3!important}.registry-search-hub{display:flex;align-items:center;background:#00000008;border-radius:12px;padding:4px;margin-left:1rem;border:1.5px solid transparent;transition:all .4s cubic-bezier(.16,1,.3,1);width:44px;overflow:hidden}.registry-search-hub.active{width:300px;background:#fff;border-color:#6366f1;box-shadow:0 8px 20px #6366f11a}.theme-dark .registry-search-hub.active{background:#0f172a}.filter-trigger-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.registry-search-hub.active .filter-trigger-btn{color:#6366f1}.registry-search-input{border:none;background:transparent;padding:0 12px;font-size:.9rem;font-weight:600;color:var(--text-primary);outline:none;width:100%;opacity:0;transition:opacity .3s}.registry-search-hub.active .registry-search-input{opacity:1}.registry-filter-hub{position:relative;margin-left:1rem}.active-filter-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}.filter-dropdown-popover{position:absolute;top:calc(100% + 12px);left:0;width:240px;background:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 15px 40px #0000001f;z-index:1000;padding:8px;overflow:hidden}.theme-dark .filter-dropdown-popover{background:#1e293b}.filter-option{padding:10px 16px;border-radius:10px;font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s}.filter-option:hover{background:var(--bg-secondary);color:#6366f1}.filter-option.selected{background:#6366f110;color:#6366f1}.id-card-view-container{padding:2rem;color:var(--text-light);animation:fadeIn .4s ease-out}.theme-dark .id-card-view-container{color:var(--text-dark)}.id-view-header{margin-bottom:3rem}.id-view-header h2{font-size:2.25rem;font-weight:800;margin-bottom:.5rem;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.id-view-header p{color:#64748b;font-size:1.1rem}.id-section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.id-section-flashcard{background:#fff;padding:1.5rem;border-radius:24px;display:flex;align-items:center;gap:1.25rem;border:1.5px solid #e2e8f0;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.theme-dark .id-section-flashcard{background:#1e293b;border-color:#ffffff0d}.id-section-flashcard:hover{transform:translateY(-5px);border-color:#6366f1;box-shadow:0 12px 24px #6366f11a}.flash-icon{width:52px;height:52px;background:#6366f11a;color:#6366f1;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.flash-content{flex:1}.student-count-tag{font-size:.7rem;font-weight:800;text-transform:uppercase;color:#6366f1;background:#6366f10d;padding:2px 10px;border-radius:100px}.flash-content h3{margin:4px 0 2px;font-size:1.15rem;font-weight:800;color:var(--text-light)}.theme-dark .flash-content h3{color:var(--text-dark)}.flash-content p{margin:0;font-size:.8rem;color:#64748b;font-weight:600}.flash-arrow{color:#cbd5e1;transition:all .3s}.id-section-flashcard:hover .flash-arrow{color:#6366f1;transform:translate(5px)}.id-student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-top:1rem}.id-student-card{background:#fff;padding:1rem;border-radius:20px;display:flex;align-items:center;gap:1rem;border:1.5px solid #e2e8f0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.theme-dark .id-student-card{background:#1e293b;border-color:#ffffff0d}.id-student-card:hover{transform:translateY(-3px);border-color:#6366f1;box-shadow:0 8px 20px #0000000d}.id-student-card.selected{background:#6366f10d;border-color:#6366f1;border-width:2px}.card-checkbox-corner{position:absolute;top:10px;right:10px;width:20px;height:20px;background:#6366f1;border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:5}.id-student-avatar{width:52px;height:52px;border-radius:14px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid #e2e8f0}.theme-dark .id-student-avatar{background:#0f172a;border-color:#334155}.id-student-avatar span{font-size:1.2rem;font-weight:800;color:#6366f1}.id-student-info{flex:1}.id-student-info h3{margin:0;font-size:1rem;font-weight:800;color:var(--text-light)}.theme-dark .id-student-info h3{color:var(--text-dark)}.id-student-info p{margin:2px 0 0;font-size:.8rem;color:#64748b;font-weight:600}.id-student-action{color:#cbd5e1;display:flex;align-items:center}.select-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:#94a3b8}.select-label.active{color:#6366f1}.id-selection-wrapper{background:transparent}.selection-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.selection-title-group{display:flex;align-items:center;gap:1.5rem}.back-btn-classic{background:#6366f11a;color:#6366f1;border:none;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.back-btn-classic:hover{background:#6366f1;color:#fff}.selection-stats h3{margin:0;font-size:1.75rem;font-weight:800}.selection-stats span{color:#64748b;font-size:.9rem}.id-share-btn{background:var(--primary-gradient);color:#fff;border:none;padding:.8rem 1.8rem;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:.75rem;cursor:pointer;box-shadow:0 10px 20px #6366f133;transition:all .3s}.id-share-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #6366f14d}.student-data-table{width:100%;border-collapse:separate;border-spacing:0 1rem}.student-data-table th{text-align:left;padding:0 1.5rem;font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.student-row{background:var(--card-light);transition:all .3s;cursor:pointer;border-radius:16px;box-shadow:0 2px 10px #00000005}.theme-dark .student-row{background:var(--card-dark);box-shadow:0 4px 20px #0003}.student-row:hover{transform:scale(1.01)}.student-row.selected{border:2px solid #6366f1;background:#6366f10d}.student-row td{padding:1.25rem 1.5rem}.student-row td:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}.student-row td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}.student-cell-profile{display:flex;align-items:center;gap:1.25rem}.student-avatar-frame{width:55px;height:55px;border-radius:14px;overflow:hidden;background:#f1f5f9;flex-shrink:0;position:relative;border:1px solid #e2e8f0}.theme-dark .student-avatar-frame{background:#0f172a;border-color:#334155}.student-avatar-frame img{width:100%;height:100%;object-fit:cover}.student-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#6366f1;font-size:1.25rem}.student-name-main{font-weight:700;font-size:1.1rem;color:var(--text-light)}.theme-dark .student-name-main{color:var(--text-dark)}.roll-badge{background:#f1f5f9;padding:.4rem .8rem;border-radius:8px;font-weight:800;font-size:.85rem;color:#475569}.theme-dark .roll-badge{background:#1e293b;color:#94a3b8}.action-btn-text{color:#6366f1;font-weight:700;font-size:.9rem;background:none;border:none;cursor:pointer}.selection-batch-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;border-radius:100px;display:flex;align-items:center;gap:2rem;z-index:2000;box-shadow:0 20px 40px #0006;border:1px solid rgba(255,255,255,.1);color:#fff;animation:slideUpCenter .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpCenter{0%{transform:translate(-50%,50px);opacity:0}to{transform:translate(-50%);opacity:1}}.selection-checkbox{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.student-row.selected .selection-checkbox{background:#6366f1;border-color:#6366f1}.batch-btn-primary{background:#6366f1;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:50px;font-weight:700;cursor:pointer}.batch-btn-cancel{background:transparent;color:#94a3b8;border:none;font-weight:700;cursor:pointer}.id-global-overlay{position:fixed;inset:0;background:#0f172af2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5000;color:#fff}.id-pulse-loader{width:100px;height:100px;border:3px solid rgba(99,102,241,.1);border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s cubic-bezier(.5,0,.5,1) infinite;position:relative;margin-bottom:3rem}.id-pulse-loader:after{content:"";position:absolute;inset:10px;border:3px solid rgba(236,72,153,.1);border-top:3px solid #ec4899;border-radius:50%;animation:spin 1.5s linear infinite reverse}.progress-container-pro{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:2.5rem;border-radius:32px;width:400px;text-align:center;box-shadow:0 40px 100px #0006}.progress-track-pro{width:100%;height:8px;background:#ffffff0d;border-radius:10px;overflow:hidden;margin:1.5rem 0;position:relative}.progress-fill-pro{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);background-size:200% 100%;animation:gradientMove 2s linear infinite;transition:width .4s cubic-bezier(.4,0,.2,1)}@keyframes gradientMove{0%{background-position:0% 50%}to{background-position:200% 50%}}.progress-text-main{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}.progress-sub{font-size:.9rem;color:#94a3b8;font-weight:500}@media(max-width:768px){.selection-top-bar{flex-direction:column;align-items:flex-start;gap:1.5rem}.student-data-table{display:block;overflow-x:auto}}.receipt-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.receipt-modal-card{background:#fff;width:95%;max-width:800px;max-height:90vh;border-radius:16px;overflow-y:auto;color:#1a1a1a;position:relative;box-shadow:0 30px 60px -12px #0009}.receipt-actions{padding:.8rem 1.2rem;display:flex;justify-content:flex-end;background:#fff;border-bottom:1px solid #f1f5f9;position:sticky;top:0;z-index:10}.close-btn-modern{background:#f8fafc;border:1.5px solid #e2e8f0;color:#64748b;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.close-btn-modern:hover{background:#f1f5f9;color:#6366f1;border-color:#6366f1;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #6366f126}.close-btn-modern:active{transform:rotate(90deg) scale(.95)}.receipt-content{padding:3rem;position:relative;min-height:600px}.paid-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-35deg);font-size:8rem;font-weight:900;color:#10b9810f;pointer-events:none;-webkit-user-select:none;user-select:none;border:10px solid rgba(16,185,129,.06);padding:1rem 3rem;border-radius:20px;z-index:0}.receipt-header-centered{display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:2px solid #1a1a1a;padding-bottom:1.5rem;margin-bottom:2rem}.header-main-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:4px}.receipt-logo-centered{width:60px;height:60px;object-fit:contain}.inst-name-centered{margin:0;font-size:1.8rem;font-weight:900;color:#1a1a1a;text-transform:uppercase}.inst-aff-centered{margin:0;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.inst-address-centered{margin-top:6px;font-size:.7rem;color:#475569;font-weight:600;max-width:80%}.inst-address-centered p{margin:0;line-height:1.4}.receipt-title-simple{margin-bottom:2.5rem}.receipt-title-simple h2{margin:0;font-size:1.4rem;font-weight:800;letter-spacing:2px;color:#1a1a1a;border-left:5px solid #6366f1;padding-left:15px}.receipt-details-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.detail-section-full{border-bottom:1px solid #f1f5f9;padding-bottom:1rem}.detail-section-full label{display:block;font-size:.65rem;font-weight:800;color:#64748b;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase}.details-row-flex{display:flex;flex-wrap:wrap;gap:2rem}.details-row-flex p{margin:0;font-size:.9rem;color:#475569}.details-row-flex p strong{color:#1a1a1a;margin-left:4px}.receipt-table{width:100%;border-collapse:collapse;margin-bottom:3rem}.receipt-table th{background:#f1f5f9;padding:10px 15px;text-align:left;font-size:.8rem;font-weight:800;text-transform:uppercase;color:#475569}.receipt-table td{padding:12px 15px;border-bottom:1px solid #e2e8f0;font-size:.9rem;font-weight:600}.receipt-table tfoot th{background:#2563eb;color:#fff;padding:12px 15px;font-size:.95rem}.total-amt{font-size:1.2rem!important;font-weight:900!important;color:#fff!important}.receipt-transactions-history{margin-top:3rem;background:#fafafa;padding:1.5rem;border-radius:12px;border:1px solid #eee}.history-label{display:block;font-size:.7rem;font-weight:900;color:#1e293b;margin-bottom:1rem;letter-spacing:1px;border-bottom:2px solid #6366f1;width:fit-content;padding-bottom:4px}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;font-size:.65rem;color:#64748b;padding:8px;border-bottom:1px solid #e2e8f0}.history-table td{padding:10px 8px;font-size:.85rem;border-bottom:1px solid #f1f5f9}.t-date-stack{display:flex;flex-direction:column}.t-date-stack span{font-weight:700;color:#1a1a1a}.t-date-stack small{font-size:.7rem;color:#64748b;font-weight:600}.history-table tfoot th{padding:10px 8px;font-size:.8rem;font-weight:800;color:#1a1a1a}.receipt-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:4rem}.payment-meta p{margin:4px 0;font-size:.8rem}.tx-id{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:monospace;font-weight:700}.footer-note{text-align:right}.footer-note p:first-child{font-size:.7rem;font-weight:600;color:#94a3b8;margin-bottom:10px}.footer-note p:last-child{font-size:1rem;font-weight:800;color:#1a1a1a;font-style:italic}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.fees-top-header-row{display:flex;justify-content:space-between;align-items:center;padding:1rem .5rem}.header-left-group{display:flex;align-items:center;gap:1rem}.fees-back-btn-minimal{background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;padding:0;transition:transform .2s}.fees-back-btn-minimal:hover{transform:translate(-3px);color:#6366f1}.fees-page-title{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.header-right-group{display:flex;align-items:center;gap:1rem}.activation-toggle-wrap{display:flex;align-items:center;gap:.8rem;background:var(--bg-secondary);padding:6px 12px;border-radius:12px;border:1px solid var(--border-color)}.activation-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);min-width:70px}.activation-toggle-btn{width:44px;height:22px;background:var(--border-color);border-radius:20px;border:none;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.activation-toggle-btn.active{background:#10b981}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.activation-toggle-btn.active .toggle-thumb{left:calc(100% - 19px)}.activation-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.pro-month-navigator{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);padding:4px 6px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px #00000008}.nav-arrow-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.nav-arrow-btn:hover{border-color:#6366f1;color:#6366f1;background:#6366f10d}.current-month-display{text-align:center;min-width:140px;display:flex;flex-direction:column;justify-content:center}.m-name{display:block;font-size:.9rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;line-height:1.2}.m-year{font-size:.75rem;font-weight:600;color:var(--text-secondary);line-height:1}.fees-tabs-row{display:flex;margin-bottom:1rem;padding:0 .5rem}.fees-tabs-container{display:inline-flex;background:var(--bg-secondary);padding:4px;border-radius:12px;gap:6px;border:1px solid var(--border-color)}.fee-tab-btn{background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;padding:8px 20px;font-size:.9rem;border-radius:8px;transition:all .2s}.fee-tab-btn.active{background:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f133}.monthly-combined-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #0000000a;display:flex;flex-direction:column}.monthly-fees-section{display:flex;flex-direction:column;padding:0 .5rem 2rem}.monthly-search-filter-bar-container{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.search-wrap-monthly{flex:0 0 240px;position:relative}.search-wrap-monthly svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-wrap-monthly input{width:100%;padding:.8rem 1rem .8rem 2.8rem;border-radius:12px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;outline:none;transition:all .2s}.search-wrap-monthly input:focus{border-color:#6366f1}.mini-input-monthly{width:90px;padding:.8rem;border-radius:12px;border:1.5px solid var(--border-color);background:var(--bg-primary);text-align:center;color:var(--text-primary);outline:none;font-weight:600}.monthly-stats-summary{display:flex;gap:.8rem;margin-left:auto;align-items:center}.add-amt-btn-header{display:flex;align-items:center;gap:.5rem;background:#6366f1;color:#fff;border:none;padding:8px 16px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #6366f133;font-size:.8rem}.add-amt-btn-header:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 15px #6366f14d}.add-amt-btn-header svg{stroke-width:3px;width:16px;height:16px}.wizard-modal{max-width:650px!important}.fee-modal-body-wizard{padding:1.5rem;min-height:350px;max-height:500px;overflow-y:auto}.charges-builder-list{display:flex;flex-direction:column;gap:10px;margin:1rem 0}.charge-builder-row{display:flex;gap:10px;align-items:center;background:var(--bg-primary);padding:10px;border-radius:12px;border:1px solid var(--border-color)}.charge-builder-row input[type=text]{flex:1;padding:10px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.charge-builder-row .amount-input-wrap{display:flex;align-items:center;gap:5px;background:var(--bg-secondary);padding:0 10px;border-radius:8px;border:1.5px solid var(--border-color);width:130px}.charge-builder-row .amount-input-wrap input{width:100%;border:none;background:transparent;padding:10px 0;color:#10b981;font-weight:800;font-size:1rem}.remove-charge-row-btn{background:#ef44441a;color:#ef4444;border:none;width:32px;height:32px;border-radius:8px;font-size:1.2rem;cursor:pointer}.add-row-wizard-btn{background:none;border:2px dashed #6366f1;color:#6366f1;padding:10px;border-radius:12px;width:100%;font-weight:700;cursor:pointer;margin-top:10px}.wizard-summary-bar{margin-top:2rem;padding:1rem;background:#10b9810d;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(16,185,129,.2)}.wizard-summary-bar span{font-weight:700;color:var(--text-secondary)}.wizard-summary-bar strong{font-size:1.3rem;color:#10b981;font-weight:900}.selection-filters-bar{display:flex;gap:10px;margin-bottom:1rem}.wizard-mini-input{flex:1;padding:10px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;font-weight:600}.selection-actions{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.selection-actions button{background:var(--bg-primary);border:1.5px solid var(--border-color);padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;color:var(--text-secondary)}.selected-count-badge{margin-left:auto;background:#6366f1;color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:800}.student-selection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.student-select-card{display:flex;align-items:center;gap:12px;background:var(--bg-primary);padding:10px;border-radius:14px;border:1.5px solid var(--border-color);cursor:pointer;transition:all .2s;position:relative}.student-select-card:hover{border-color:#6366f1;transform:scale(1.02)}.student-select-card.selected{border-color:#10b981;background:#10b9810d}.student-select-card img{width:40px;height:40px;border-radius:10px;object-fit:cover}.s-mini-info p{margin:0;font-size:.85rem;font-weight:700;color:var(--text-primary)}.s-mini-info span{font-size:.7rem;color:var(--text-secondary);font-weight:600}.select-indicator{margin-left:auto;width:24px;height:24px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.selected .select-indicator{background:#10b981;border-color:#10b981}.no-data-msg{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--text-secondary);font-weight:600}.stat-pill{display:flex;flex-direction:column;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;min-width:110px}.stat-pill span{font-size:.65rem;text-transform:uppercase;font-weight:700;color:var(--text-secondary);letter-spacing:.5px}.stat-pill strong{font-size:1rem;font-weight:800}.stat-pill.expected strong{color:var(--text-primary)}.stat-pill.collected strong{color:#10b981}.stat-pill.left strong{color:#ef4444}.monthly-list-container{padding:1.5rem;display:flex;flex-direction:column}.monthly-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 1fr;padding:0 1rem 1rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.monthly-list-body{display:flex;flex-direction:column;gap:.6rem;max-height:1200px;overflow-y:auto;padding-right:8px}.monthly-student-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 1fr;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:.6rem 1rem;transition:all .2s;cursor:pointer}.monthly-student-row:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000000d;border-color:#6366f1}.monthly-student-row.row-paid{opacity:.8}.text-right{text-align:right}.text-center{text-align:center}.col-breakdown{display:flex;justify-content:flex-start}.col-total{font-size:1rem}.s-profile-info{display:flex;align-items:center;gap:.8rem}.s-profile-info img{width:42px;height:42px;border-radius:10px;object-fit:cover;border:1px solid var(--border-color)}.s-profile-info p{margin:0;font-weight:700;font-size:.95rem;color:var(--text-primary)}.breakdown-list{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.breakdown-list span{font-size:.75rem;color:var(--text-secondary);font-weight:600}.collect-btn{background:#6366f1;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s}.collect-btn:hover{background:#4f46e5}.paid-tag{color:#10b981;font-weight:800;font-size:.8rem;background:#10b9811a;padding:5px 10px;border-radius:8px}.paid-action-row{display:flex;align-items:center;gap:10px;justify-content:center}.receipt-btn-group{display:flex;align-items:center;gap:8px}.view-receipt-btn,.download-receipt-btn{background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.view-receipt-btn:hover,.download-receipt-btn:hover{background:#6366f1;color:#fff;transform:scale(1.1)}.animate-fade-in{animation:fadeIn .4s ease-out}.fee-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20000;display:flex;align-items:center;justify-content:center}.fee-modal-card{background:var(--bg-secondary);width:90%;max-width:400px;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0000004d;animation:scaleIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.fee-modal-header{padding:1.2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.fee-modal-header h3{margin:0;font-size:1.1rem}.fee-modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.fee-modal-body{padding:2rem;text-align:center;font-size:1.05rem;line-height:1.5}.fee-modal-footer{padding:1.2rem;background:var(--bg-primary);display:flex;gap:1rem}.fee-modal-footer button{flex:1;padding:.8rem;border-radius:10px;font-weight:700;cursor:pointer}.cancel-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.confirm-btn{background:#6366f1;border:none;color:#fff}.monthly-list-body::-webkit-scrollbar{width:5px}.monthly-list-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.monthly-list-body::-webkit-scrollbar-thumb:hover{background:#6366f1}.ot-dashboard-header{display:flex;justify-content:flex-end;align-items:center;padding:1.5rem .5rem}.ot-header-info h3{margin:0;font-size:1.3rem;font-weight:900;color:var(--text-primary)}.ot-header-info p{margin:5px 0 0;font-size:.9rem;color:var(--text-secondary);font-weight:600}.ot-create-trigger-btn{background:#6366f1;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:800;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 15px #6366f14d;transition:all .3s}.ot-create-trigger-btn:hover{transform:translateY(-2px);background:#4f46e5;box-shadow:0 8px 25px #6366f166}.ot-flashcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;padding:0 .5rem 2rem}.ot-flashcard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ot-flashcard:hover{transform:translateY(-5px);border-color:#6366f1;box-shadow:0 15px 40px #00000014}.ot-card-top{display:flex;justify-content:space-between;align-items:flex-start}.ot-card-date{display:flex;flex-direction:column}.ot-card-date .day{font-size:.7rem;font-weight:800;text-transform:uppercase;color:#6366f1;letter-spacing:1px}.ot-card-date .time{font-size:1.1rem;font-weight:900;color:var(--text-primary)}.ot-card-status-pill{background:#10b9811a;color:#10b981;padding:4px 12px;border-radius:20px;font-size:.65rem;font-weight:900;text-transform:uppercase}.ot-card-edit-btn{background:#6366f11a;color:#6366f1;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-left:8px}.ot-card-edit-btn:hover{background:#6366f1;color:#fff;transform:scale(1.1)}.ot-card-delete-btn{background:#ef44441a;color:#ef4444;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-left:8px}.ot-card-delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.ot-card-reason{margin:0;font-size:1.4rem;font-weight:900;color:var(--text-primary);letter-spacing:-.5px}.ot-card-breakdown-display{display:flex;flex-direction:column;gap:6px;background:var(--bg-primary);padding:10px 15px;border-radius:12px;border:1px dashed var(--border-color)}.ot-breakdown-row-mini{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);font-weight:600}.ot-breakdown-row-mini strong{color:var(--text-primary)}.ot-card-classes-row{display:flex;flex-wrap:wrap;gap:6px}.class-tag{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:3px 10px;border-radius:8px;font-size:.7rem;font-weight:700}.ot-card-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-primary);padding:1rem;border-radius:18px;border:1px solid var(--border-color)}.stat-box{display:flex;flex-direction:column;gap:4px}.stat-box label{font-size:.6rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.stat-box strong{font-size:1rem;font-weight:800}.collected-text{color:#10b981}.ot-card-progress-section{display:flex;flex-direction:column;gap:8px}.progress-label{display:flex;justify-content:space-between;font-size:.75rem;font-weight:800;color:var(--text-primary)}.progress-track{height:8px;background:var(--bg-primary);border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#10b981);transition:width 1s ease-out}.ot-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;color:var(--text-secondary);padding-top:.5rem;border-top:1.5px dashed var(--border-color)}.view-more{color:#6366f1;font-weight:800}.ot-wizard-modal{background:var(--bg-secondary);width:95%;max-width:750px;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px #0006;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.selection-filters-wizard{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem}.filter-row-wizard{display:flex;gap:10px}.search-box-wizard{flex:1;position:relative}.search-box-wizard svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-box-wizard input{width:100%;padding:8px 10px 8px 32px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-primary);font-size:.85rem;outline:none;color:var(--text-primary)}.filter-row-wizard select{padding:8px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-primary);font-size:.85rem;outline:none;font-weight:600}.sec-input-wizard{width:80px;padding:8px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-primary);font-size:.85rem;outline:none;text-align:center}.selection-actions-wizard{display:flex;gap:10px}.select-all-btn-wizard{background:#6366f11a;color:#6366f1;border:1px solid #6366f1;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:800;cursor:pointer}.clear-btn-wizard{background:transparent;border:1px solid #ef4444;color:#ef4444;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:800;cursor:pointer}.students-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:160px;overflow-y:auto;padding:8px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary)}.wizard-body{padding:1.2rem 2rem;min-height:auto}.selection-filters-wizard{margin-bottom:1rem}.students-selection-grid::-webkit-scrollbar{width:4px}.students-selection-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.selection-card{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;transition:.2s;position:relative}.selection-card:hover{border-color:#6366f1;transform:scale(1.02)}.selection-card.selected{border-color:#10b981;background:#10b9810d}.check-box-wizard{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;color:#fff;background:var(--bg-primary)}.selected .check-box-wizard{background:#10b981;border-color:#10b981}.selection-card img{width:30px;height:30px;border-radius:6px;object-fit:cover}.s-info-mini{flex:1;min-width:0}.s-name-mini{margin:0;font-size:.8rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.s-meta-mini{font-size:.65rem;color:var(--text-secondary);font-weight:600}.selection-summary-wizard{margin-top:1rem;text-align:right;font-size:.85rem;color:var(--text-secondary)}.selection-summary-wizard strong{color:#6366f1}.no-students-msg{grid-column:1 / -1;padding:2rem;text-align:center;color:var(--text-secondary);font-weight:600;font-size:.9rem}.wizard-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);position:relative}.wizard-header h3{margin:1rem 0 0;text-align:center;font-size:1.2rem;font-weight:900;color:var(--text-primary)}.wizard-steps-indicator{display:flex;align-items:center;justify-content:center;gap:10px}.step-dot{width:28px;height:28px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:var(--text-secondary);transition:.3s}.step-dot.active{border-color:#6366f1;color:#6366f1;background:#6366f11a}.step-line{height:2px;width:40px;background:var(--border-color)}.wizard-body{padding:2rem;min-height:250px}.step-desc{font-size:.9rem;color:var(--text-secondary);font-weight:600;margin-bottom:1.5rem}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}.input-group label{font-size:.85rem;font-weight:800;color:var(--text-primary)}.input-group input{padding:1rem;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-weight:700;outline:none}.input-group input:focus{border-color:#6366f1}.help-text{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.class-selection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1.5rem}.class-toggle-btn{padding:12px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-weight:800;cursor:pointer;transition:.2s}.class-toggle-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.class-pricing-list{display:flex;flex-direction:column;gap:10px}.pricing-row{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--bg-primary);border-radius:14px;border:1px solid var(--border-color)}.pricing-row span{font-weight:800}.price-input-wrap{display:flex;align-items:center;gap:5px;font-weight:800;color:#10b981}.price-input-wrap input{width:80px;padding:6px;border:1.5px solid var(--border-color);border-radius:8px;text-align:right;outline:none;font-weight:800}.wizard-footer{padding:1.5rem 2rem;display:flex;gap:1rem;background:var(--bg-primary)}.wizard-back-btn{flex:.5;padding:1rem;border-radius:14px;border:1.5px solid var(--border-color);font-weight:800;cursor:pointer}.wizard-next-btn{flex:1;padding:1rem;border-radius:14px;background:#6366f1;color:#fff;border:none;font-weight:800;cursor:pointer}.ot-detail-view-modal{background:var(--bg-secondary);width:95%;max-width:1000px;height:85vh;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px #00000080;animation:modalSlideUp .3s ease-out}.detail-header{padding:1.5rem 2.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.header-top h2{margin:0;font-size:1.6rem;font-weight:900}.header-top p{margin:5px 0 0;color:var(--text-secondary);font-weight:600}.header-filters{display:flex;align-items:center;gap:1rem}.detail-search{flex:1;position:relative}.detail-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.detail-search input{width:100%;padding:.8rem 1rem .8rem 2.8rem;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);outline:none}.header-filters select{padding:.8rem;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-weight:700;outline:none}.header-stats-mini{display:flex;gap:10px;margin-left:1rem}.stat-mini{padding:8px 15px;background:var(--bg-primary);border-radius:10px;border:1px solid var(--border-color);display:flex;flex-direction:column;min-width:100px}.stat-mini span{font-size:.6rem;text-transform:uppercase;font-weight:800;color:var(--text-secondary)}.stat-mini strong{font-size:.9rem}.stat-mini strong.collected{color:#10b981}.detail-body{flex:1;overflow-y:auto;padding:1rem 2.5rem 2.5rem}.ot-detail-table{width:100%;border-collapse:separate;border-spacing:0 8px}.ot-detail-table th{padding:12px;text-align:left;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.ot-detail-table tr{background:var(--bg-primary);transition:.2s}.ot-detail-table td{padding:12px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.ot-detail-table td:first-child{border-left:1px solid var(--border-color);border-radius:12px 0 0 12px}.ot-detail-table td:last-child{border-right:1px solid var(--border-color);border-radius:0 12px 12px 0}.td-student-info{display:flex;align-items:center;gap:12px;font-weight:700}.td-student-info img{width:36px;height:36px;border-radius:8px;object-fit:cover}.due-cell{display:flex;align-items:center;gap:8px;font-weight:800}.override-btn{background:none;border:none;color:#6366f1;cursor:pointer;font-size:1rem;padding:0}.status-tag{padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:800;display:inline-block}.status-tag.unpaid{background:#ef44441a;color:#ef4444}.status-tag.partial{background:#f59e0b1a;color:#f59e0b}.status-tag.paid{background:#10b9811a;color:#10b981}.td-collect-btn{background:#6366f1;color:#fff;border:none;padding:6px 15px;border-radius:8px;font-weight:800;cursor:pointer}.td-action-paid{display:flex;gap:8px;justify-content:center}.mini-receipt-btn,.mini-download-btn{width:30px;height:30px;border-radius:6px;border:1.5px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;color:var(--text-primary)}.ot-action-modal{background:var(--bg-secondary);width:90%;max-width:420px;border-radius:24px;padding:2rem;box-shadow:0 20px 50px #0000004d;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-top h3{margin:0;font-size:1.2rem;font-weight:900;color:var(--text-primary)}.wizard-header,.detail-header,.modal-top{position:relative!important}.close-btn{position:absolute!important;top:1rem;right:1.5rem;background:none;border:none;font-size:1.8rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;line-height:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;z-index:10}.close-btn:hover{color:#fff!important;background:#ef4444!important;transform:rotate(90deg)}.bill-summary-mini{background:var(--bg-primary);padding:1.2rem;border-radius:16px;border:1px solid var(--border-color);margin:1rem 0;display:flex;flex-direction:column;gap:8px}.bill-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-primary)}.bill-row.balance{margin-top:8px;padding-top:8px;border-top:1.5px dashed var(--border-color);color:#ef4444;font-weight:800}.amount-input-field{display:flex;flex-direction:column;gap:8px;margin-top:1.5rem}.amount-input-field label{font-size:.85rem;font-weight:800;color:var(--text-primary)}.amount-input-field input{padding:1rem;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);font-size:1.2rem;font-weight:800;text-align:center;color:#10b981;outline:none}.amount-input-field input:focus{border-color:#10b981}.quick-amount-btns{margin-top:8px;display:flex;justify-content:flex-end}.quick-amount-btns button{background:none;border:none;color:#6366f1;font-size:.75rem;font-weight:800;cursor:pointer;text-decoration:underline}.modal-bot{display:flex;gap:10px;margin-top:2rem}.modal-bot button{flex:1;padding:1rem;border-radius:14px;font-weight:800;cursor:pointer;transition:.2s}.modal-bot .cancel-btn{background:var(--bg-primary);border:1.5px solid var(--border-color);color:var(--text-secondary)}.modal-bot .confirm-btn{background:#6366f1;border:none;color:#fff}.modal-bot .confirm-btn:disabled{opacity:.5;cursor:not-allowed}.status-cell-flex{display:flex;align-items:center;gap:8px}.view-history-mini-btn{background:#6366f1;color:#fff;border:none;width:22px;height:22px;border-radius:50%;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:900;transition:.2s}.view-history-mini-btn:hover{background:#4f46e5;transform:scale(1.1)}.history-modal-wide{max-width:550px!important}.student-header-mini{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.student-header-mini img{width:45px;height:45px;border-radius:10px;object-fit:cover}.student-header-mini h4{margin:0;font-size:1.1rem}.student-header-mini p{margin:2px 0 0;font-size:.8rem;color:var(--text-secondary)}.history-price-breakdown{background:var(--bg-primary);padding:1.2rem;border-radius:16px;border:1px solid var(--border-color);margin-bottom:1.5rem}.h-price-row{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:6px}.h-price-row.override{color:#6366f1;font-weight:700}.h-price-row.balance{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-color)}.collected{color:#10b981}.pending{color:#ef4444;font-weight:800}.transactions-list-area label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px}.t-list-scroll{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.t-item-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);padding:10px 15px;border-radius:12px;border:1px solid var(--border-color)}.t-left{display:flex;flex-direction:column}.t-date{font-weight:700;font-size:.85rem}.t-time{font-size:.7rem;color:var(--text-secondary)}.t-mid{display:flex;flex-direction:column;align-items:center}.t-method{font-size:.75rem;font-weight:800;color:#6366f1}.t-by{font-size:.65rem;color:var(--text-secondary)}.t-right strong{color:#10b981;font-size:.95rem}.ot-empty-state{grid-column:1 / -1;text-align:center;padding:5rem 2rem;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:30px;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem}.ot-empty-state h4{font-size:1.4rem;color:var(--text-primary);margin:0 0 10px}.animate-slide-right{animation:slideRight .4s ease-out}@keyframes slideRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.reasons-builder-area{margin-top:1.5rem}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.builder-header label{font-size:.85rem;font-weight:800;color:var(--text-primary)}.add-row-btn{background:#6366f11a;color:#6366f1;border:none;padding:5px 12px;border-radius:8px;font-weight:800;font-size:.75rem;cursor:pointer}.builder-rows{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;padding-right:5px}.builder-row{display:flex;align-items:center;gap:10px;background:var(--bg-primary);padding:8px 12px;border-radius:12px;border:1.5px solid var(--border-color)}.builder-row input{flex:1;border:none;background:transparent;font-weight:600;outline:none;font-size:.9rem;color:var(--text-primary)}.amount-input-wrap-wizard{display:flex;align-items:center;gap:5px;font-weight:800;color:#10b981}.amount-input-wrap-wizard input{width:90px;text-align:right;font-weight:800;color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--border-color);padding:6px 10px;border-radius:8px;outline:none}.amount-input-wrap-wizard input:focus{border-color:#6366f1}.remove-row-btn-wizard{background:none;border:none;color:#ef4444;font-size:1.2rem;cursor:pointer;padding:0 5px}.builder-total{display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.9rem}.builder-total strong{color:#10b981;font-size:1.1rem}.class-configs-list-wizard{display:flex;flex-direction:column;gap:15px;max-height:350px;overflow-y:auto;padding-right:10px}.class-config-card-wizard{background:var(--bg-primary);border-radius:18px;border:1.5px solid var(--border-color);padding:1.2rem}.card-header-wizard{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1.5px dashed var(--border-color)}.card-header-wizard h4{margin:0;font-size:1rem;font-weight:900;color:#6366f1}.card-header-wizard strong{font-size:1.1rem;color:#10b981}.card-reasons-list{display:flex;flex-direction:column;gap:8px}.class-reason-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.price-adjust-input{display:flex;align-items:center;gap:8px;color:#10b981;font-weight:800}.price-adjust-input input{width:100px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-secondary);text-align:right;font-weight:800;color:var(--text-primary);outline:none}.price-adjust-input input:focus{border-color:#6366f1}.override-reasons-list{display:flex;flex-direction:column;gap:10px;margin:1.5rem 0}.override-reason-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);padding:10px 15px;border-radius:12px;border:1px solid var(--border-color);font-size:.9rem;font-weight:600}.price-input-wrap-mini{color:#10b981;font-weight:800}.price-input-wrap-mini input{width:90px;border:1.5px solid var(--border-color);border-radius:8px;padding:6px 12px;text-align:right;background:var(--bg-secondary);font-weight:800;color:var(--text-primary);outline:none}.price-input-wrap-mini input:focus{border-color:#6366f1}.override-total-display{display:flex;justify-content:space-between;padding-top:1rem;border-top:2px solid var(--border-color)}.override-total-display strong{font-size:1.25rem;color:#10b981}.transport-page{padding:24px;height:100%}.transport-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.header-left-group{display:flex;align-items:center;gap:12px}.back-btn-minimal{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;color:#000}.transport-title-bold{font-size:24px;font-weight:800;margin:0;color:#000;letter-spacing:-.5px}.add-bus-btn{background-color:#0891b2;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.add-bus-btn:hover{background-color:#0e7490;transform:translateY(-1px)}.buses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.empty-transport-state{grid-column:1 / -1;text-align:center;padding:100px 20px;color:#9ca3af}.empty-icon{font-size:64px;margin-bottom:16px}.bus-card{background-color:#fff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #f3f4f6;transition:all .3s cubic-bezier(.4,0,.2,1);height:fit-content}.bus-card.expanded{grid-column:1 / -1}.bus-card-accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0891b2,#06b6d4)}.bus-card-actions{position:absolute;top:12px;right:50px;display:flex;gap:8px;z-index:10;opacity:0;transition:opacity .2s}.bus-card:hover .bus-card-actions{opacity:1}.card-action-btn{background-color:#fff;border:1px solid #e5e7eb;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000000d}.card-action-btn.edit{color:#0891b2}.card-action-btn.edit:hover{background-color:#ecfeff;border-color:#0891b2}.card-action-btn.delete{color:#ef4444}.card-action-btn.delete:hover{background-color:#fee2e2;border-color:#ef4444}.bus-card-header{padding:24px;display:flex;align-items:center;gap:16px;background:linear-gradient(to bottom,#f9fafb,#fff);border-bottom:1px dashed #e5e7eb}.bus-icon-circle{width:48px;height:48px;background-color:#ecfeff;color:#0891b2;border-radius:12px;display:flex;align-items:center;justify-content:center}.bus-meta{flex:1}.bus-meta .bus-number-label{font-size:10px;font-weight:700;color:#6b7280;display:block;margin-bottom:2px}.bus-number-val{margin:0;font-size:20px;font-weight:800;color:#111827}.bus-card-body{padding:24px}.route-main-display{margin-bottom:24px}.clickable-route{cursor:pointer;transition:all .2s;border:2px solid transparent!important}.clickable-route:hover{border-color:#0891b2!important;background-color:#ecfeff!important;transform:scale(1.02)}.route-path-visual-horizontal{display:flex;align-items:center;gap:16px;background-color:#f8fafc;padding:16px;border-radius:12px;border:1px solid #f1f5f9}.point-box{flex:1}.point-box .p-label{font-size:9px;font-weight:800;color:#94a3b8;display:block;margin-bottom:4px}.point-box .p-name{margin:0;font-size:14px;font-weight:700;color:#1e293b}.path-arrow{color:#0891b2;display:flex;align-items:center}.no-route-placeholder-mini{padding:16px;background-color:#fffbeb;border:1px dashed #f59e0b;border-radius:12px;font-size:13px;font-weight:700;color:#d97706;cursor:pointer}.bus-staff-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.staff-pill{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:#f1f5f9;border-radius:100px;border:1px solid #e2e8f0}.staff-pill.driver{background-color:#eff6ff;border-color:#dbeafe}.pill-avatar{width:28px;height:28px;background-color:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.pill-avatar.mini{width:24px;height:24px;background-color:#64748b}.pill-info{display:flex;flex-direction:column}.pill-role{font-size:9px;font-weight:800;text-transform:uppercase;color:#64748b}.pill-name,.pill-name-small{margin:0;font-size:12px;font-weight:700;color:#1e293b}.pill-contact,.pill-contact-small{margin:0;font-size:10px;color:#0891b2;font-weight:600}.expanded-details-section{margin-top:24px}.divider-line{height:1px;background-color:#e5e7eb;margin-bottom:20px}.stops-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stops-summary-header h4{margin:0;font-size:14px;font-weight:800;color:#334155;text-transform:uppercase}.manage-link-btn{background:none;border:none;color:#0891b2;font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline}.stops-expansion-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.expansion-stop-item{border-left:2px solid #e2e8f0;padding-left:16px;position:relative}.stop-header-mini{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stop-dot-blue{position:absolute;left:-5px;top:4px;width:8px;height:8px;background-color:#0891b2;border-radius:50%}.stop-name-bold{font-size:14px;font-weight:700;color:#1e293b}.stop-student-count{font-size:11px;font-weight:800;color:#94a3b8;background-color:#f8fafc;padding:2px 8px;border-radius:100px}.stop-students-pills{display:flex;flex-wrap:wrap;gap:8px}.student-micro-pill{display:flex;align-items:center;gap:6px;background-color:#fff;border:1px solid #e2e8f0;padding:4px 10px;border-radius:100px}.student-micro-pill img{width:18px;height:18px;border-radius:50%}.student-micro-pill span{font-size:11px;font-weight:600;color:#475569}.no-data-hint{font-size:13px;color:#94a3b8;font-style:italic}.bus-card-footer-info{padding:12px 24px;background-color:#f9fafb;border-top:1px solid #f3f4f6;text-align:center;cursor:pointer}.setup-hint{font-size:11px;font-weight:800;color:#0891b2;text-transform:uppercase;letter-spacing:.5px}.loading-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;padding:100px;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #0891b2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.bus-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bus-modal-content{background-color:#fff;width:550px;max-height:90vh;border-radius:8px;border:2px solid #e5e7eb;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.modal-header{padding:14px 24px;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:18px;font-weight:800;color:#111827}.close-modal-btn{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:6px;display:flex;transition:all .2s}.close-modal-btn:hover{background-color:#ef44441a;color:#ef4444}.modal-body.scrollable{padding:12px 24px 24px;overflow-y:auto;flex:1}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:700;color:#4b5563;margin-bottom:6px}.form-group input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;color:#111827;transition:all .2s}.form-group input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.divider-label{font-size:11px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:1.5px;margin:16px 0 12px;display:flex;align-items:center;gap:10px}.divider-label:after{content:"";flex:1;height:1px;background-color:#e5e7eb}.staff-input-row{display:flex;gap:12px;margin-bottom:12px}.staff-input-row input{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background-color:#fff;color:#111827}.remove-staff-btn{background-color:#fee2e2;color:#ef4444;border:1px solid #fecaca;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-staff-line-btn{background:#f9fafb;border:1px dashed #0891b2;color:#0891b2;width:100%;padding:10px;border-radius:6px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:4px;transition:all .2s}.add-staff-line-btn:hover{background-color:#ecfeff}.modal-footer{padding:16px 24px;border-top:2px solid #f3f4f6;display:flex;justify-content:flex-end;gap:12px;background-color:#f9fafb;border-radius:0 0 8px 8px}.cancel-btn{padding:8px 16px;background:none;border:1px solid #d1d5db;border-radius:6px;font-weight:700;color:#4b5563;cursor:pointer;transition:all .2s}.cancel-btn:hover{background-color:#f3f4f6}.create-bus-confirm-btn{padding:8px 20px;background-color:#0891b2;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #0891b233}.create-bus-confirm-btn:hover{background-color:#0e7490}.animate-in{animation:slideUp .4s ease-out forwards}.theme-dark .bus-card{background-color:#111827;border-color:#374151}.theme-dark .bus-card-header{background:linear-gradient(to bottom,#111827,#1f2937);border-bottom-color:#374151}.theme-dark .bus-number-val{color:#f3f4f6}.theme-dark .expand-toggle-btn{background-color:#1f2937;color:#94a3b8}.theme-dark .route-path-visual-horizontal{background-color:#030712;border-color:#1f2937}.theme-dark .point-box .p-name{color:#f1f5f9}.theme-dark .staff-pill{background-color:#1f2937;border-color:#374151}.theme-dark .pill-name,.theme-dark .pill-name-small{color:#f1f5f9}.theme-dark .divider-line{background-color:#374151}.theme-dark .stops-summary-header h4{color:#94a3b8}.theme-dark .stop-name-bold{color:#f1f5f9}.theme-dark .student-micro-pill{background-color:#030712;border-color:#1f2937}.theme-dark .student-micro-pill span{color:#cbd5e1}.theme-dark .stop-student-count{background-color:#1f2937}.theme-dark .bus-card-footer-info{background-color:#111827;border-top-color:#374151}.theme-dark .card-action-btn,.theme-dark .bus-modal-content{background-color:#111827;border-color:#374151}.theme-dark .modal-header{border-bottom-color:#1f2937}.theme-dark .modal-header h2{color:#f3f4f6}.theme-dark .form-group label{color:#9ca3af}.theme-dark .form-group input,.theme-dark .staff-input-row input{background-color:#030712;border-color:#374151;color:#fff}.theme-dark .form-group input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.theme-dark .divider-label:after{background-color:#1f2937}.theme-dark .add-staff-line-btn{background:#1f2937;border-style:dashed}.theme-dark .add-staff-line-btn:hover{background-color:#374151}.theme-dark .modal-footer{background-color:#1f2937;border-top-color:#1f2937}.theme-dark .cancel-btn{border-color:#374151;color:#9ca3af}.theme-dark .cancel-btn:hover{background-color:#374151;color:#fff}.theme-dark .back-btn-minimal,.theme-dark .transport-title-bold{color:#fff!important}.theme-light .back-btn-minimal,.theme-light .transport-title-bold{color:#000!important}.bus-icon-circle{width:48px;height:48px;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:8px!important;background:#6366f11a!important;border:1.5px solid rgba(99,102,241,.2)!important;border-radius:12px!important}.card-bus-png{width:100%!important;height:100%!important;max-width:32px!important;max-height:32px!important;object-fit:contain!important}.route-mgmt-page{padding:24px;height:100%}.route-mgmt-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.header-text{display:flex;flex-direction:column}.route-title{font-size:24px;font-weight:800;margin:0;color:#000;letter-spacing:-.5px}.bus-subtext{margin:0;font-size:13px;font-weight:600;color:#6b7280}.route-config-container{max-width:600px;margin:0 auto;padding:20px}.route-config-container.wide{max-width:1200px}.max-600{max-width:600px;margin:0 auto}.route-card-rectangular{background-color:#fff;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 10px 15px -3px #0000000d;overflow:hidden}.route-card-header{padding:20px 24px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.route-card-header h3{margin:0;font-size:18px;font-weight:800;color:#111827}.route-form-body{padding:32px}.input-group-premium{margin-bottom:24px}.input-group-premium label{display:block;font-size:12px;font-weight:800;color:#374151;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.input-group-premium input{width:100%;padding:14px 18px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;font-weight:600;color:#111827;transition:all .2s}.input-group-premium input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 4px #0891b21a}.route-line-visual{display:flex;flex-direction:column;align-items:center;margin:-8px 0 16px}.route-line-visual .dot{width:8px;height:8px;background-color:#0891b2;border-radius:50%}.route-line-visual .line{width:2px;height:40px;background-color:#e5e7eb;margin:4px 0}.next-step-btn,.save-route-btn{width:100%;padding:16px;background-color:#0891b2;color:#fff;border:none;border-radius:6px;font-weight:800;font-size:16px;cursor:pointer;transition:all .2s;margin-top:16px;box-shadow:0 4px 10px #0891b233}.next-step-btn:hover,.save-route-btn:hover{background-color:#0e7490;transform:translateY(-2px);box-shadow:0 6px 15px #0891b24d}.route-steps-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:40px;gap:12px}.step-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;opacity:.5;transition:all .3s}.step-item.active{opacity:1}.step-item.completed{opacity:.8}.step-circle{width:32px;height:32px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:800;color:#6b7280}.step-item.active .step-circle{background-color:#0891b2;color:#fff}.step-item.completed .step-circle{background-color:#10b981;color:#fff}.step-item span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.step-connector{width:60px;height:2px;background-color:#e5e7eb;margin-top:-20px}.add-stop-input-group{display:flex;gap:12px;margin-bottom:32px}.add-stop-input-group input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.add-stop-btn-inner{padding:12px 24px;background-color:#0891b2;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer}.stops-list-container{display:flex;flex-direction:column;gap:0;margin-bottom:32px;padding-left:10px}.stop-item-visual{display:flex;align-items:center;gap:20px;position:relative;padding:15px 0}.stop-marker{width:14px;height:14px;border-radius:50%;border:3px solid #0891b2;background-color:#fff;z-index:2}.stop-marker.start{border-color:#10b981}.stop-marker.end{border-color:#ef4444}.stop-marker.middle{border-color:#0891b2;width:12px;height:12px}.stop-item-visual:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background-color:#e5e7eb;z-index:1}.stop-item-visual.start:before{top:50%}.stop-item-visual.end:before{bottom:50%}.stop-content{flex:1;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.stop-name{font-size:14px;font-weight:700;color:#1e293b}.remove-stop-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}.remove-stop-btn:hover{color:#ef4444}.step-actions-row{display:flex;gap:16px;margin-top:24px}.secondary-btn{padding:12px 24px;background:none;border:1px solid #d1d5db;border-radius:6px;font-weight:700;color:#4b5563;cursor:pointer}.assignment-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;height:calc(100vh - 250px);min-height:500px}.stops-sidebar-rectangular{background-color:#fff;border-radius:8px;border:2px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.stops-sidebar-rectangular h3{margin:0;padding:16px 20px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151}.sidebar-stops-list{flex:1;overflow-y:auto;padding:12px}.sidebar-stop-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid transparent;background:none;border-radius:6px;cursor:pointer;transition:all .2s;margin-bottom:4px}.sidebar-stop-btn:hover{background-color:#f1f5f9}.sidebar-stop-btn.active{background-color:#ecfeff;border-color:#0891b2}.sidebar-stop-btn .stop-dot{width:8px;height:8px;border-radius:50%;background-color:#cbd5e1}.sidebar-stop-btn.active .stop-dot{background-color:#0891b2}.sidebar-stop-btn span{flex:1;text-align:left;font-size:14px;font-weight:700;color:#1e293b}.assigned-count{font-size:11px;font-weight:800;background-color:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:100px}.active .assigned-count{background-color:#0891b2;color:#fff}.student-selection-panel{background-color:#fff;border-radius:8px;border:2px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.panel-header-row{padding:16px 20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.assignment-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.final-actions{display:flex;align-items:center;gap:12px}.finish-assignment-btn{padding:10px 24px;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-weight:800;cursor:pointer;transition:all .2s;white-space:nowrap}.finish-assignment-btn:hover{background-color:#059669}.search-box-premium{display:flex;align-items:center;gap:12px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:0 16px;flex:1;max-width:400px}.search-box-premium input{border:none;padding:10px 0;font-size:14px;font-weight:600;width:100%}.search-box-premium input:focus{outline:none}.students-scroll-grid{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.student-assign-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;background-color:#fff}.student-assign-card.assigned{background-color:#f0fdf4;border-color:#bbf7d0}.student-assign-card.elsewhere{background-color:#fffbeb;border-color:#fef3c7}.student-info-mini{display:flex;align-items:center;gap:12px}.student-info-mini img{width:40px;height:40px;border-radius:50%;object-fit:cover}.s-meta .s-name{margin:0;font-size:14px;font-weight:800;color:#111827}.s-meta .s-class{margin:0;font-size:12px;font-weight:600;color:#6b7280}.add-assign-btn,.remove-assign-btn{width:100%;padding:8px;border-radius:6px;font-size:12px;font-weight:800;cursor:pointer}.add-assign-btn{border:1.5px solid #0891b2;color:#0891b2;background:#fff}.add-assign-btn:hover{background:#0891b2;color:#fff}.remove-assign-btn{background:#ef4444;border:none;color:#fff}.elsewhere-tag{font-size:10px;font-weight:700;color:#d97706;text-align:center}.theme-dark .route-title{color:#fff!important}.theme-dark .bus-subtext{color:#9ca3af}.theme-dark .route-card-rectangular{background-color:#111827;border-color:#374151}.theme-dark .route-card-header{background-color:#1f2937;border-bottom-color:#374151}.theme-dark .route-card-header h3{color:#f3f4f6}.theme-dark .input-group-premium label{color:#9ca3af}.theme-dark .input-group-premium input{background-color:#030712;border-color:#374151;color:#fff}.theme-dark .route-line-visual .line{background-color:#374151}.theme-dark .step-circle{background-color:#1f2937;color:#9ca3af}.theme-dark .step-connector{background-color:#374151}.theme-dark .stop-content{background-color:#030712;border-color:#1f2937}.theme-dark .stop-name{color:#f1f5f9}.theme-dark .add-stop-input-group input{background-color:#030712;border-color:#374151;color:#fff}.theme-dark .secondary-btn{border-color:#374151;color:#9ca3af}.theme-dark .stops-sidebar-rectangular,.theme-dark .student-selection-panel{background-color:#111827;border-color:#374151}.theme-dark .stops-sidebar-rectangular h3,.theme-dark .panel-header-row{background-color:#1f2937;border-bottom-color:#374151;color:#f3f4f6}.theme-dark .sidebar-stop-btn span{color:#f1f5f9}.theme-dark .sidebar-stop-btn:hover{background-color:#1f2937}.theme-dark .sidebar-stop-btn.active{background-color:#0891b220;border-color:#0891b2}.theme-dark .assigned-count{background-color:#1f2937;color:#94a3b8}.theme-dark .search-box-premium{background-color:#030712;border-color:#374151}.theme-dark .search-box-premium input{background-color:transparent;color:#fff}.theme-dark .student-assign-card{background-color:#111827;border-color:#374151}.theme-dark .s-meta .s-name{color:#f3f4f6}.theme-dark .student-assign-card.assigned{background-color:#064e3b30;border-color:#059669}.theme-dark .student-assign-card.elsewhere{background-color:#78350f20;border-color:#d97706}.theme-dark .add-assign-btn{background-color:transparent}.theme-dark .back-btn-minimal{color:#fff}.live-tracking-page{padding:24px;height:100%;max-width:900px;margin:0 auto}.tracking-top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.top-nav-left{display:flex;align-items:center;gap:12px}.top-nav-title{margin:0;font-size:20px;font-weight:800;color:#111827;letter-spacing:-.5px}.back-btn-minimal{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;color:#000}.back-btn-minimal:hover{transform:translate(-3px)}.date-picker-premium{display:flex;align-items:center;gap:10px;background-color:#fff;border:2px solid #e5e7eb;padding:8px 16px;border-radius:10px;color:#374151}.date-picker-premium input{border:none;font-size:14px;font-weight:700;color:#111827;outline:none;cursor:pointer;background:transparent}.tracking-control-panel{background-color:#fff;border-radius:16px;border:2px solid #e5e7eb;margin-bottom:32px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.route-info-bar{padding:20px 24px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:16px}.status-badge-chip{font-size:10px;font-weight:900;padding:4px 10px;border-radius:6px;letter-spacing:1px}.status-badge-chip.pending{background-color:#f1f5f9;color:#64748b}.status-badge-chip.started{background-color:#ecfdf5;color:#10b981;border:1px solid #10b981;animation:pulse 2s infinite}.status-badge-chip.completed{background-color:#f8fafc;color:#0891b2;border:1px solid #0891b2}.bus-info-inline{display:flex;align-items:center;gap:12px}.bus-info-inline h1{margin:0;font-size:20px;font-weight:800;color:#111827}.route-separator{color:#cbd5e1;font-weight:800}.bus-info-inline p{margin:0;font-size:14px;font-weight:600;color:#6b7280}.share-manifest-btn{margin-left:auto;background-color:#fff;border:1px solid #e2e8f0;padding:8px;border-radius:10px;color:#0891b2;cursor:pointer;display:flex;transition:all .2s}.share-manifest-btn:hover{background-color:#ecfeff;border-color:#0891b2;transform:translateY(-2px)}.tracking-tabs-container{display:flex;padding:12px;gap:12px;border-bottom:1px solid #f1f5f9}.modern-tab{flex:1;display:flex;flex-direction:column;padding:16px;border:2px solid #f1f5f9;background-color:#f8fafc;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.modern-tab.active{background-color:#ecfeff;border-color:#0891b2}.tab-main{font-size:16px;font-weight:800;color:#1e293b;margin-bottom:2px}.tab-desc{font-size:12px;font-weight:600;color:#64748b}.modern-tab.active .tab-main{color:#0891b2}.stops-live-list{display:flex;flex-direction:column;padding:12px;gap:8px}.live-stop-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:10px;overflow:hidden;transition:all .2s}.live-stop-card.active-stop{border-color:#0891b2;border-left:4px solid #0891b2;background-color:#ecfeff30}.stop-card-header{padding:12px 16px;display:flex;align-items:center;gap:16px;cursor:pointer}.stop-number-badge{width:28px;height:28px;background-color:#f1f5f9;color:#64748b;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800}.expanded .stop-number-badge{background-color:#0891b2;color:#fff}.stop-name-group h3{margin:0;font-size:15px;font-weight:800;color:#1e293b}.stop-name-group p{margin:0;font-size:11px;font-weight:600;color:#94a3b8}.stop-meta-line{display:flex;align-items:center;gap:8px;margin-top:2px}.student-count-pill{font-size:10px;font-weight:800;color:#64748b;background-color:#f1f5f9;padding:2px 8px;border-radius:100px}.stop-time-tag{font-size:10px;font-weight:800;color:#10b981;background-color:#ecfdf5;padding:2px 8px;border-radius:100px}.live-marker-dot{background-color:#ef4444;color:#fff;font-size:9px;font-weight:900;padding:2px 8px;border-radius:100px;animation:blink 1.5s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.expand-chevron{margin-left:auto;color:#cbd5e1}.stop-students-grid{padding:4px 16px 16px 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.live-student-pill{display:flex;align-items:center;gap:10px;padding:8px;background-color:#fff;border:1px solid #f1f5f9;border-radius:8px}.live-student-pill.boarded{background-color:#f0fdf4;border-color:#bbf7d0}.live-student-pill img{width:32px;height:32px;border-radius:50%;object-fit:cover}.pill-meta{flex:1}.pill-meta .s-name{margin:0;font-size:12px;font-weight:700;color:#1e293b}.pill-meta .s-info{margin:0;font-size:10px;color:#64748b}.status-indicator-group{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.status-text{font-size:9px;font-weight:800;text-transform:uppercase;padding:3px 6px;border-radius:4px}.status-indicator-group.pending .status-text{color:#94a3b8;background-color:#f8fafc}.status-indicator-group.success .status-text{color:#10b981;background-color:#ecfdf5}.marked-time{font-size:9px;font-weight:700;color:#0891b2}.theme-dark .status-indicator-group.pending .status-text{background-color:#1f2937;color:#64748b}.theme-dark .status-indicator-group.success .status-text{background-color:#064e3b30;color:#10b981}.theme-dark .marked-time{color:#22d3ee}.live-loading{padding:100px;text-align:center;color:#64748b;font-weight:700}.animate-in{animation:fadeIn .3s ease-out}.theme-dark .live-tracking-page{background-color:#030712}.theme-dark .top-nav-title,.theme-dark .back-btn-minimal{color:#fff}.theme-dark .date-picker-premium{background-color:#111827;border-color:#374151;color:#9ca3af}.theme-dark .date-picker-premium input{color:#fff}.theme-dark .tracking-control-panel{background-color:#111827;border-color:#374151}.theme-dark .route-info-bar{background-color:#1f2937;border-bottom-color:#374151}.theme-dark .bus-info-inline h1{color:#fff}.theme-dark .share-manifest-btn,.theme-dark .modern-tab{background-color:#1f2937;border-color:#374151}.theme-dark .modern-tab.active{background-color:#0891b220;border-color:#0891b2}.theme-dark .tab-main{color:#f1f5f9}.theme-dark .tab-desc{color:#94a3b8}.theme-dark .tracking-tabs-container{border-bottom-color:#1f2937}.theme-dark .live-stop-card{background-color:#030712;border-color:#1f2937}.theme-dark .live-stop-card.active-stop{background-color:#0891b210;border-color:#0891b2}.theme-dark .stop-name-group h3{color:#f1f5f9}.theme-dark .stop-number-badge{background-color:#1f2937;color:#94a3b8}.theme-dark .live-student-pill{background-color:#111827;border-color:#1f2937}.theme-dark .live-student-pill.boarded{background-color:#064e3b30;border-color:#059669}.theme-dark .pill-meta .s-name{color:#f1f5f9}.theme-dark .status-indicator.pending{background-color:#1f2937;color:#64748b}.homework-hub-container{padding:1rem 2rem;max-width:100%;margin:0;animation:hubFadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes hubFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hub-header{margin-bottom:2rem;text-align:left;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.hub-header-top{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.hub-back-btn{background:transparent;border:none;color:var(--text-light);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease;padding:0;margin-top:12px;box-shadow:none!important;outline:none!important;filter:none!important}.hub-back-btn:hover{color:var(--primary-color)}.hub-header h1{font-size:1.75rem;font-weight:800;color:#1e293b!important;margin:0;letter-spacing:-.5px}.theme-dark .hub-header h1{color:#f8fafc!important}.hub-header p{font-size:.9rem;color:var(--text-light);font-weight:600;margin-left:3rem}.class-grid-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.hub-class-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem}.hub-class-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.hub-card-header{display:flex;align-items:center;gap:1rem}.hub-class-badge{width:48px;height:48px;background:#3b82f61a;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;color:var(--primary-color);transition:all .3s ease}.hub-class-card:hover .hub-class-badge{background:var(--primary-color);color:#fff}.hub-card-header h3{font-size:1.25rem;font-weight:800;color:var(--text-color)}.hub-sections-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.8rem}.hub-section-btn{padding:.7rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;color:var(--text-color);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.hub-section-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media(min-width:1400px){.class-grid-hub{grid-template-columns:repeat(4,1fr)}}@media(min-width:1800px){.class-grid-hub{grid-template-columns:repeat(5,1fr)}}.hub-empty-state{grid-column:1 / -1;text-align:center;padding:5rem 2rem;background:var(--card-bg);border:2px dashed var(--border-color);border-radius:28px}.empty-icon{font-size:4.5rem;margin-bottom:1.5rem}.hub-empty-state h3{font-size:1.8rem;font-weight:800;color:var(--text-color);margin-bottom:.8rem}.hub-empty-state p{font-size:1.1rem;color:var(--text-light);font-weight:600}.homework-loading{height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--primary-color);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(max-width:640px){.homework-hub-container{padding:1.5rem}.hub-header h1{font-size:1.8rem}.class-grid-hub{grid-template-columns:1fr}}.class-homework-container{padding:1rem 2rem;max-width:100%;margin:0;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.homework-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem}.header-left{display:flex;align-items:center;gap:.75rem}.back-btn{background:transparent;border:none;color:var(--text-light);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease;padding:0;transform:translateY(14px);box-shadow:none!important;outline:none!important;filter:none!important}.back-btn:hover{color:var(--primary-color)}.homework-header h1{font-size:1.75rem;font-weight:800;color:#1e293b!important;margin:0}.theme-dark .homework-header h1{color:#f8fafc!important}.header-divider{font-size:1.5rem;color:var(--text-light);opacity:.5;font-weight:300}.class-section-display{font-size:1.4rem;font-weight:700;color:var(--primary-color);background:#3b82f614;padding:.4rem 1rem;border-radius:12px}.add-hw-btn{background:#2563eb;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-weight:700;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:background .2s ease;box-shadow:none!important}.add-hw-btn:hover{background:#1d4ed8;transform:none;box-shadow:none!important}.header-right{display:flex;flex-direction:row;align-items:center;gap:1rem}.date-selection-wrapper{position:relative}.date-picker-label{display:flex;align-items:center;gap:.6rem;background:var(--bg-color);padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border-color);cursor:pointer;font-weight:700;font-size:.85rem;color:var(--text-color);transition:all .2s}.date-picker-label:hover{border-color:var(--primary-color);background:var(--card-bg)}.date-picker-label svg{color:var(--primary-color)}.hidden-date-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.hidden-date-input::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}.homework-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;padding-top:.5rem}.homework-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:1.5rem;position:relative;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm)}.homework-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#3b82f6}.card-accent{position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom,#3b82f6,#8b5cf6,#f43f5e)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.subject-badge-container{display:flex;align-items:center;gap:.8rem}.subject-icon{width:40px;height:40px;background:#3b82f61a;color:#3b82f6;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800}.card-header h3{font-size:1.2rem;font-weight:800;color:#0f172a!important;margin:0}.theme-dark .card-header h3{color:#f8fafc!important}.card-actions{display:flex;gap:.5rem}.card-actions button{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.edit-action{background:#3b82f60d;color:#3b82f6}.delete-action{background:#f43f5e0d;color:#f43f5e}.edit-action:hover{background:#3b82f6;color:#fff}.delete-action:hover{background:#f43f5e;color:#fff}.hw-content-wrapper{flex-grow:1;margin-bottom:1.5rem;min-height:120px}.hw-body{font-size:1rem;line-height:1.6;color:#334155;font-weight:600;display:block}.theme-dark .hw-body{color:#f8fafc}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.2rem;border-top:1px dashed var(--border-color);gap:1rem}.posted-info{display:flex;align-items:center;gap:.6rem}.teacher-avatar-mini{width:28px;height:28px;border-radius:8px;background:var(--bg-color);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;border:1px solid var(--border-color)}.posted-by{font-size:.85rem;color:var(--text-light);font-weight:700}.premium-completion-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:.4rem 1rem;border-radius:100px;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:all .2s;border:none}.premium-completion-badge:hover{filter:brightness(1.1)}.completion-progress-ring{width:20px;height:20px}.circle-bg{fill:none;stroke:#fff3;stroke-width:4.5}.circle{fill:none;stroke-width:4.5;stroke:#fff;stroke-linecap:round}.completion-text{font-size:.8rem;font-weight:800;color:#fff}.hw-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.hw-modal,.completions-modal{background:#fff;border-radius:20px;width:100%;max-width:550px;box-shadow:0 20px 25px -5px #0003;border:1px solid #e2e8f0;overflow:hidden;animation:modalSlide .3s cubic-bezier(.4,0,.2,1)}.theme-dark .hw-modal,.theme-dark .completions-modal{background:#1e293b;border-color:#334155;box-shadow:0 20px 25px -5px #00000080}@keyframes modalSlide{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f1f5f9!important}.theme-dark .modal-header{background:#1e293b;border-color:#334155}.modal-title-group h2,.modal-header h2{font-size:1.25rem;font-weight:800;margin:0;color:#0f172a!important}.theme-dark .modal-title-group h2,.theme-dark .modal-header h2{color:#f8fafc!important}.modal-title-group p{font-size:.85rem;color:#3b82f6;font-weight:700;margin:.1rem 0 0}.modal-close-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.theme-dark .modal-close-btn{background:#334155;border-color:#475569;color:#94a3b8}.modal-close-btn:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.hw-modal form{padding:1.5rem;background:#fff}.theme-dark .hw-modal form{background:#1e293b}.form-group label{display:block;font-weight:700;margin-bottom:.5rem;color:#475569;font-size:.9rem}.theme-dark .form-group label{color:#94a3b8}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#1e293b;font-size:.95rem;transition:all .2s}.theme-dark .form-group input,.theme-dark .form-group textarea{background:#0f172a;border-color:#334155;color:#f8fafc}.form-group textarea{height:120px;resize:none}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none;background:#fff}.theme-dark .form-group input:focus,.theme-dark .form-group textarea:focus{background:#1e293b}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.cancel-btn{padding:.6rem 1.2rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:700;cursor:pointer}.theme-dark .cancel-btn{background:#334155;border-color:#475569;color:#cbd5e1}.save-btn{padding:.6rem 1.5rem;border-radius:10px;border:none;background:#3b82f6;color:#fff;font-weight:700;cursor:pointer}.completions-modal{max-height:85vh;display:flex;flex-direction:column}.tabs-row{display:flex;padding:1rem;gap:.75rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.theme-dark .tabs-row{background:#0f172a;border-color:#334155}.tab-btn{flex:1;padding:.7rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:700;cursor:pointer;transition:all .2s}.theme-dark .tab-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.tab-btn.active.active-done{background:#10b981;color:#fff;border-color:#10b981}.tab-btn.active.active-pending{background:#ef4444;color:#fff;border-color:#ef4444}.student-list-container{flex-grow:1;overflow-y:auto;padding:1rem;background:#fff}.theme-dark .student-list-container{background:#1e293b}.student-item{display:flex;align-items:center;padding:.85rem;border-bottom:1px solid #f1f5f9;gap:1rem}.theme-dark .student-item{border-color:#334155}.student-avatar{width:40px;height:40px;border-radius:10px;background:#f1f5f9;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-weight:800;overflow:hidden;border:1px solid #e2e8f0}.theme-dark .student-avatar{background:#334155;border-color:#475569}.student-avatar img{width:100%;height:100%;object-fit:cover}.student-info{flex-grow:1;display:flex;flex-direction:column}.student-info .name{font-weight:700;color:#1e293b;display:block}.theme-dark .student-info .name{color:#f8fafc}.student-info .roll{font-size:.8rem;color:#64748b}.theme-dark .student-info .roll{color:#94a3b8}.list-empty{text-align:center;padding:3rem;color:#64748b;font-weight:600}.theme-dark .list-empty{color:#94a3b8}.done-time{font-size:.8rem;font-weight:700;color:#10b981;background:#10b9811a;padding:.3rem .6rem;border-radius:8px}.list-empty{text-align:center;padding:3rem;color:var(--text-light);font-weight:600}.hw-empty-state{text-align:center;margin-top:5rem}.empty-box{font-size:5rem;margin-bottom:1.5rem}.empty-box+h3{font-size:1.5rem;color:var(--text-color);margin-bottom:.5rem}.empty-box+h3+p{color:var(--text-light)}@media(max-width:768px){.class-homework-container{padding:1rem}.homework-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-hw-btn{width:100%;justify-content:center}.date-nav-bar{font-size:.9rem;padding:.8rem}.current-date-display span{display:none}}.result-dashboard{padding:15px 30px 30px 0;min-height:calc(100vh - 70px);transition:background .3s ease}.result-dashboard.theme-dark{background:#0f172a}.rd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;background:transparent;padding:10px 0;border-radius:0;box-shadow:none;border:none}.rd-header h2{font-size:28px;color:#0f172a;font-weight:800;letter-spacing:-.5px;margin:0;transition:color .3s ease}.theme-dark .rd-header h2{color:#fff!important}.btn-back-main{background:#f1f5f9;color:#1e3a8a;border:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-back-main:hover{background:#1e3a8a;color:#fff;transform:translate(-3px)}.theme-dark .btn-back-main{background:#ffffff1a;color:#fff}.theme-dark .btn-back-main:hover{background:#3b82f6}.btn-filter-toggle{background:#f1f5f9;color:#64748b;border:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-filter-toggle:hover{background:#e2e8f0;color:#0f172a}.btn-filter-toggle.active{background:#3b82f6;color:#fff}.theme-dark .btn-filter-toggle{background:#ffffff1a;color:#94a3b8}.theme-dark .btn-filter-toggle.active{background:#3b82f6;color:#fff}.rd-filter-bar{display:flex;align-items:flex-end;gap:20px;margin-bottom:30px;background:#fff;padding:20px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.theme-dark .rd-filter-bar{background:#1e293b;border-color:#ffffff1a;box-shadow:0 4px 6px -1px #0003}.rd-filter-bar .filter-group{display:flex;flex-direction:column;gap:8px;flex:1}.rd-filter-bar label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase}.rd-filter-bar input,.rd-filter-bar select{padding:10px 14px;border-radius:10px;border:1.5px solid #e2e8f0;font-size:14px;font-weight:600;color:#1e293b}.theme-dark .rd-filter-bar input,.theme-dark .rd-filter-bar select{background:#0f172a;border-color:#ffffff1a;color:#fff}.btn-clear-filters{padding:10px 20px;background:#f1f5f9;color:#64748b;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s;font-size:14px;height:40px}.btn-clear-filters:hover{background:#fee2e2;color:#ef4444}.animate-slide-down{animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.btn-create-exam{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #2563eb4d;display:flex;align-items:center;gap:10px;font-size:15px}.btn-create-exam:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 25px -5px #2563eb66}.btn-create-exam:active{transform:translateY(-1px)}.exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.exam-card{border-radius:16px;padding:24px;box-shadow:0 10px 25px #00000040;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(135deg,#2563eb,#1e40af)}.exam-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #0006;border-color:#ffffff4d}.exam-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:.5s;pointer-events:none}.exam-card:hover:before{left:100%}.exam-card:nth-child(2n){background:linear-gradient(135deg,#db2777,#9d174d)}.exam-card:nth-child(3n){background:linear-gradient(135deg,#6366f1,#4338ca)}.exam-card:nth-child(4n){background:linear-gradient(135deg,#0f172a,#1e293b)}.exam-card-icon{width:50px;height:50px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin-bottom:20px;border:1px solid rgba(255,255,255,.3)}.exam-card-info h3{margin:0 0 8px;color:#fff;font-size:20px;font-weight:800}.exam-card-info p{margin:0;color:#ffffffe6;font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}.exam-date{display:inline-block;margin-top:15px;padding:4px 12px;background:#0003;font-size:11px;color:#fff;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.exam-card-actions{margin-top:24px;border-top:1px solid #f1f5f9;padding-top:20px}.btn-view{width:100%;padding:12px;background:#fafafa;border:1.5px solid #edf2f7;border-radius:12px;color:#1e293b;font-weight:700;cursor:pointer;transition:all .2s;font-size:14px}.btn-view:hover{background:#1e3a8a;color:#fff;border-color:#1e3a8a}.card-top-actions{display:flex;gap:10px;align-items:center}.publish-toggle-wrap{display:flex;align-items:center;gap:10px;background:#0003;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a}.publish-toggle-wrap:hover{background:#0000004d;border-color:#ffffff4d}.publish-status-label{font-size:11px;font-weight:900;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;min-width:50px;text-align:center}.premium-switch{position:relative;display:inline-block;width:40px;height:22px}.premium-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#64748b;transition:.4s cubic-bezier(.4,0,.2,1);border-radius:34px;box-shadow:inset 0 2px 4px #0003}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0000004d}input:checked+.slider{background-color:#10b981;box-shadow:inset 0 2px 4px #0000001a,0 0 10px #10b98166}input:checked+.slider:before{transform:translate(18px)}.btn-delete-card{background:#fff1f2;color:#e11d48;border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-delete-card:hover{background:#e11d48;color:#fff;transform:scale(1.1)}.btn-edit-card{background:#eff6ff;color:#2563eb;border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-edit-card:hover{background:#2563eb;color:#fff;transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(12px) saturate(200%);backdrop-filter:blur(12px) saturate(200%);display:flex;justify-content:center;align-items:center;z-index:999999}.modal-content{background:#fffffffa;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;border:1px solid white;overflow:visible;animation:modalSlideUp .4s cubic-bezier(.165,.84,.44,1);position:relative}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title-text{font-size:26px;font-weight:800;letter-spacing:-.8px;color:#0f172a;margin:0 0 5px}.close-btn{background:#f8fafc;color:#64748b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:25px;right:25px;border:1px solid #e2e8f0;font-size:18px;cursor:pointer;z-index:100}.close-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(180deg) scale(1.1);border-color:#fecaca;box-shadow:0 5px 15px #ef444433}.modal-body{padding:0;margin-top:5px}.grading-card{background:linear-gradient(135deg,#1e40af,#3b82f6);padding:18px;border-radius:16px;color:#fff;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 20px #3b82f633;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease}.grading-card:hover{transform:translateY(-4px)}.grading-card input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;text-align:center;font-weight:700;border-radius:8px}.grading-card input:focus{background:#fff3;border-color:#fff}.grading-card label{color:#ffffffe6!important;font-weight:800!important;font-size:13px!important}.form-input{border:2px solid #f1f5f9;background:#f8fafc;font-weight:600;color:#1e293b;padding:12px 16px}.form-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.blueprint-section{margin-bottom:25px}.blueprint-table-container{background:#fff;border:2px solid #f1f5f9;border-radius:16px;overflow:hidden}.blueprint-table thead tr{background:#f8fafc}.blueprint-table th{padding:14px 16px;color:#64748b;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.blueprint-table td{padding:12px 16px}.blueprint-table input{background:transparent;border:1px solid transparent;transition:all .2s}.blueprint-table input:focus{background:#f1f5f9;border-color:#cbd5e1}.modal-actions{background:#f8fafc;padding:24px 32px;display:flex;align-items:center;gap:16px;border-top:1px solid #f1f5f9}.btn-cancel{background:#fff;color:#475569;font-weight:700;border:1.5px solid #e2e8f0;border-radius:14px;padding:12px 20px;transition:all .3s ease;font-size:14px}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px)}.btn-save{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 20px #2563eb40;border-radius:14px;font-weight:700;padding:12px 24px;color:#fff;border:none;font-size:14px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-save:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:.5s}.btn-save:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 25px #2563eb66}.btn-save:hover:after{left:100%}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.btn-add-subject{background:#eff6ff;color:#2563eb;border:1.5px dashed #bfdbfe;padding:10px 20px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-add-subject:hover{background:#dbeafe;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1a}.feature-toggle-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;cursor:pointer;background:#fff;padding:10px 18px;border-radius:12px;border:1.5px solid #e2e8f0;transition:all .2s ease;-webkit-user-select:none;user-select:none;color:#334155;box-shadow:0 2px 4px #00000005}.feature-toggle-label:hover{border-color:#3b82f6;background:#f0f7ff;color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb14}.feature-toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#2563eb}.report-card-container{background:#f0f2f5;min-height:100vh;padding:40px 20px;display:flex;justify-content:center;align-items:flex-start;font-family:Helvetica,Arial,sans-serif}.report-card-container.is-exporting{padding:0;background:#fff}.report-card{width:210mm;min-height:290mm;padding:25px 15px 15px;box-sizing:border-box;background:#fff;display:flex;flex-direction:column;position:relative;border:2.5px solid #000;border-radius:2px;overflow:hidden;margin:0 auto;box-shadow:0 12px 20px #0006}.is-exporting .report-card{box-shadow:none;margin:0;border-radius:0}.paper-inner-border{position:absolute;inset:4px;border:.8px solid #333;pointer-events:none;z-index:0}.rc-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;z-index:10;text-align:center}.rc-inst-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;margin-bottom:5px}.rc-logo{width:60px;height:60px;object-fit:contain}.rc-inst-name{font-size:26px;font-weight:900;color:#1e1b4b;text-transform:uppercase;line-height:28px;margin:0}.rc-inst-affiliation{font-size:14px;color:#4f46e5;font-weight:700;margin-top:-8px;margin-bottom:2px}.rc-inst-sub{font-size:10.5px;color:#444;text-align:center;font-weight:700;margin-top:0}.rc-exam-title-container{margin-top:15px;padding:6px 35px;background:#1e1b4b;border-radius:4px;transform:skew(-10deg)}.rc-exam-title{font-size:15px;font-weight:900;color:#fff;text-align:center;text-transform:uppercase;transform:skew(10deg)}.rc-student-section{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;padding:12px;background:#f8fafc;border-radius:12px;border:1.5px solid #e2e8f0}.rc-info-grid{flex:1;margin-right:10px}.rc-info-row{display:flex;flex-direction:row;border-bottom:1px solid #cbd5e1;padding:5px 0}.rc-info-label{width:90px;font-size:9px;font-weight:800;color:#64748b}.rc-info-value{flex:1;font-size:12px;font-weight:900;color:#0f172a}.rc-photo-box{width:85px;height:105px;border:3px solid #fff;background:#fff;box-shadow:0 4px 5px #0003;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:4px;flex-shrink:0}.rc-photo{width:100%;height:100%;object-fit:cover}.rc-table-wrapper{margin-bottom:20px;border-radius:12px;overflow:hidden;border:2px solid #1e1b4b}.rc-table{width:100%;border-collapse:collapse}.rc-table-header{background:#1e1b4b}.rc-table-header th{color:#fff;padding:10px 6px;font-size:10px;font-weight:900;text-align:center}.rc-table-row{border-bottom:1px solid #e2e8f0}.rc-table-row td{padding:10px 6px;font-size:10px;font-weight:800;color:#000;text-align:center}.rc-table-row.alternate{background-color:#f8fafc}.rc-text-left{text-align:left!important;padding-left:15px!important}.rc-summary-box{display:flex;flex-direction:row;justify-content:space-between;background:#1e1b4b;padding:15px;border-radius:12px;margin-bottom:15px;box-shadow:0 4px 6px #0000001a}.rc-summary-item{display:flex;flex-direction:column;align-items:center}.rc-summary-label{font-size:9px;font-weight:800;color:#94a3b8;margin-bottom:2px}.rc-summary-value{font-size:18px;font-weight:900;color:#fff}.rc-medal-row{display:flex;flex-direction:row;gap:10px;margin-top:5px;margin-bottom:15px}.rc-medal{flex:1;display:flex;flex-direction:row;align-items:center;background:#f5f3ff;border:1.5px solid #4f46e5;padding:8px 10px;border-radius:12px;gap:10px}.rc-medal-icon{font-size:18px}.rc-medal-text{font-size:10px;font-weight:900;color:#1e1b4b}.rc-medal-score{font-size:8px;font-weight:800;color:#4338ca}.rc-remarks{padding:12px;background:#fffbeb;border-radius:10px;border-left:5px solid #f59e0b;margin-bottom:20px}.rc-remark-title{font-size:10px;font-weight:900;color:#92400e;margin-bottom:3px}.rc-remark-text{font-size:11px;font-style:italic;color:#451a03;font-weight:600}.rc-signatures{display:flex;flex-direction:row;justify-content:space-between;margin-top:auto;padding:0 5px 25px}.rc-sig-line{border-top:2px solid #1e1b4b;width:85px;display:flex;flex-direction:column;align-items:center;padding-top:8px}.rc-sig-text{font-size:9px;font-weight:900;color:#1e1b4b}@media print{.report-card-container{padding:0;background:#fff}.report-card{box-shadow:none;margin:0;border-radius:0}}.data-entry-container{padding:20px 30px 30px 0;background-color:#fff;min-height:100vh;transition:all .3s ease}.data-entry-container.theme-dark{background-color:#0f172a}.entry-header-professional{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;gap:20px}.header-left{display:flex;flex-direction:row;align-items:center;gap:20px}.btn-back-free{display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;color:#64748b;width:44px;height:44px;border-radius:12px;cursor:pointer;transition:all .2s;flex-shrink:0}.theme-dark .btn-back-free{background:#ffffff1a;color:#94a3b8}.btn-back-free:hover{background:#1e3a8a;color:#fff;transform:translate(-4px)}.title-group-free{display:flex;flex-direction:row;align-items:center;gap:15px}.exam-title-free{font-size:26px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-1px}.theme-dark .exam-title-free{color:#fff}.class-badge-free{font-size:14px;font-weight:600;color:#3b82f6;background:#eff6ff;padding:4px 12px;border-radius:8px;display:inline-block;width:fit-content}.theme-dark .class-badge-free{background:#3b82f61a;color:#60a5fa}.action-toolbar-free{display:flex;gap:12px;align-items:center}.btn-action-premium{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;box-shadow:0 4px 6px #0000000d}.btn-fill-marks{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;box-shadow:0 8px 15px #2563eb40}.btn-fill-marks:hover{transform:translateY(-2px);box-shadow:0 12px 20px #2563eb59}.btn-set-highest{background:#fff;color:#ea580c;border:1.5px solid #fed7aa}.theme-dark .btn-set-highest{background:#1e293b;border-color:#431407}.btn-set-highest:hover{background:#fff7ed;border-color:#f97316}.btn-done-status{background:#fff;color:#059669;border:1.5px solid #a7f3d0}.theme-dark .btn-done-status{background:#1e293b;border-color:#064e3b}.btn-done-status.is-completed{background:#d1fae5;border-color:#10b981}.btn-share-trigger{background:#f8fafc;color:#334155;border:1.5px solid #e2e8f0}.theme-dark .btn-share-trigger{background:#1e293b;color:#f1f5f9;border-color:#334155}.btn-download-bulk{background:#1e1b4b;color:#fff}.empty-state-start{background:transparent;padding:100px 60px;text-align:center;border:2px dashed rgba(226,232,240,.6);border-radius:24px;margin-top:20px}.theme-dark .empty-state-start{border-color:#ffffff0d}.illustration{font-size:64px;margin-bottom:25px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}.empty-state-start h3{font-size:24px;font-weight:800;color:#1e293b;margin-bottom:10px}.theme-dark .empty-state-start h3{color:#f8fafc}.sub-text{color:#64748b;font-size:16px;max-width:400px;margin:0 auto}.theme-dark .sub-text{color:#94a3b8}.student-results-list{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0000000d;border:1px solid #e2e8f0}.theme-dark .student-results-list{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px #00000040}.list-header{display:flex;background-color:#f8fafc;padding:12px 20px;font-weight:600;color:#64748b;font-size:13px;border-bottom:1px solid #e2e8f0;transition:all .2s ease}.theme-dark .list-header{background-color:#334155;color:#cbd5e1;border-color:#475569}.list-body{max-height:70vh;overflow-y:auto}.student-row{display:flex;padding:12px 20px;border-bottom:1px solid #f1f5f9;align-items:center;font-size:14px;transition:background .1s;color:#0f172a}.theme-dark .student-row{color:#e2e8f0;border-color:#334155}.student-row:hover{background-color:#f8fafc}.theme-dark .student-row:hover{background-color:#ffffff08}.col-roll{width:80px}.col-name{flex:1;display:flex;align-items:center;gap:10px;font-weight:500}.col-sub{width:80px;text-align:center;color:#4b5563}.theme-dark .col-sub{color:#94a3b8}.col-total{width:80px;text-align:center;font-weight:700;color:#1e40af}.theme-dark .col-total{color:#60a5fa}.col-action{width:140px;text-align:right}.col-selection{width:40px}.custom-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.selection-overlay{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#1e3a8ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:16px 32px;border-radius:100px;display:flex;align-items:center;gap:24px;box-shadow:0 20px 40px #0003;z-index:1000;border:1px solid rgba(255,255,255,.1);animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUp{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}.btn-final-share{background:#fff;color:#1e3a8a;border:none;padding:10px 24px;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ffffff4d}.btn-final-share:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 8px 20px #fff6}.selected{background-color:#eff6ff!important}.processing-overlay{position:fixed;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3000;display:flex;flex-direction:column;justify-content:center;align-items:center}.premium-loader{width:80px;height:80px;border:4px solid #f3f4f6;border-top:4px solid #1e3a8a;border-radius:50%;animation:spin 1s linear infinite,glow 2s ease-in-out infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #1e3a8a33}50%{box-shadow:0 0 20px #1e3a8a80}}.processing-text{font-size:1.25rem;font-weight:700;color:#1e3a8a;text-transform:uppercase;letter-spacing:2px}.progress-container{width:300px;height:6px;background:#e2e8f0;border-radius:3px;margin-top:15px;overflow:hidden}.progress-bar{height:100%;background:#1e3a8a;transition:width .3s ease}.avatar{width:28px;height:28px;background-color:#e0f2fe;color:#0284c7;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700}.btn-view-card{padding:8px 16px;font-size:13px;font-weight:700;color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:8px;cursor:pointer;transition:all .2s}.theme-dark .btn-view-card{background-color:#2563eb1a;border-color:#2563eb33;color:#60a5fa}.btn-view-card:hover{background-color:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.modal-fullscreen-overlay{position:fixed;inset:0;background:#fff;z-index:999999;display:flex;flex-direction:column}.theme-dark .modal-fullscreen-overlay{background:#0f172a}.modal-fullscreen-content{display:flex;flex-direction:column;height:100%}.modal-fs-header{padding:12px 24px;background:#1f2937;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px #0000001a;flex-shrink:0}.btn-back-fs{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:8px;transition:all .2s}.btn-back-fs:hover{background:#ffffff1a;transform:translate(-3px)}.modal-fs-header h3{margin:0;font-size:1.25rem}.fs-actions{display:flex;gap:12px}.grid-container-scroll{flex:1;overflow:auto;padding:24px;background-color:#f3f4f6}.theme-dark .grid-container-scroll{background-color:#1e293b}.excel-grid{width:max-content;min-width:100%;background:#fff;border-collapse:collapse;box-shadow:0 1px 3px #0000001a;table-layout:auto}.excel-grid th,.excel-grid td{border:1px solid #e2e8f0;white-space:nowrap}.excel-grid th:nth-child(1),.excel-grid td:nth-child(1){position:sticky;left:0;z-index:20;background:#f8fafc;width:60px}.excel-grid th:nth-child(2),.excel-grid td:nth-child(2){position:sticky;left:60px;z-index:20;background:#f8fafc;width:220px;box-shadow:2px 0 5px #0000000d}.theme-dark .excel-grid th:nth-child(1),.theme-dark .excel-grid td:nth-child(1),.theme-dark .excel-grid th:nth-child(2),.theme-dark .excel-grid td:nth-child(2){background:#1e293b;border-color:#334155}.excel-grid th{background:#f8fafc;padding:12px;text-align:center;font-size:13px;font-weight:700;color:#475569;position:sticky;top:0;z-index:10}.theme-dark .excel-grid th{background:#1e293b!important;border-color:#334155;color:#f8fafc}.theme-dark .excel-grid thead tr:nth-child(2) th{background:#0f172a!important;color:#94a3b8}.theme-dark .excel-grid td{border-color:#334155;color:#e2e8f0}.theme-dark .mark-input,.theme-dark .remark-input{color:#fff}.theme-dark .subject-header{background:#1e293b!important}.theme-dark .input-cell{background:#0f172a}.theme-dark .mark-input:focus{background:#3b82f61a}.input-cell{padding:0;height:40px}.mark-input{width:100%;height:100%;border:none;text-align:center;font-size:14px;outline:none;background:transparent;color:inherit}.mark-input:focus{background:#eff6ff;box-shadow:inset 0 0 0 2px #3b82f6}.theme-dark .mark-input:focus{background:#3b82f633;box-shadow:inset 0 0 0 2px #3b82f6}.subject-header .sub-tag{font-size:10px;color:#94a3b8;font-weight:400;display:block;margin-top:2px}.student-list-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #e2e8f0}.remark-input{background:transparent;transition:all .2s;color:inherit}.remark-input:focus{background:#fdf2f8;box-shadow:inset 0 0 0 1px #ec4899}.theme-dark .remark-input:focus{background:#ec489926;box-shadow:inset 0 0 0 1px #ec4899}.stats-modal-content{background:#fff;width:95%;max-width:850px;border-radius:20px;padding:0;box-shadow:0 25px 50px -12px #0000004d;border:1px solid #e2e8f0;overflow:hidden;animation:dialogAppear .4s cubic-bezier(.16,1,.3,1)}.theme-dark .stats-modal-content{background:#1e293b;border-color:#334155}.modal-header-professional{background:#f8fafc;padding:20px 30px;border-bottom:1.5px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.theme-dark .modal-header-professional{background:#0f172a;border-color:#334155}.topper-row-entry{display:grid;grid-template-columns:1fr 150px;gap:20px;align-items:flex-end;padding:15px 0;border-bottom:1px solid #f1f5f9}.theme-dark .topper-row-entry{border-color:#ffffff0d}.topper-row-entry:last-child{border-bottom:none}.subject-marks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:15px}.sub-input-box{background:#f8fafc;padding:10px 15px;border-radius:12px;border:1.5px solid #e2e8f0;transition:all .2s}.sub-input-box:focus-within{border-color:#6366f1;background:#fff;box-shadow:0 4px 12px #6366f11a}.theme-dark .sub-input-box{background:#ffffff08;border-color:#ffffff1a}.theme-dark .sub-input-box:focus-within{background:#ffffff0d;border-color:#6366f1}.sub-input-box label{display:block;font-size:10px;font-weight:900;color:#94a3b8;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.sub-input-box .form-input{background:transparent!important;border:none!important;padding:0!important;font-size:16px!important;font-weight:800!important;color:#1e293b!important;outline:none!important;width:100%}.theme-dark .sub-input-box .form-input{color:#f8fafc!important}.modal-body-scroll{padding:30px;max-height:75vh;overflow-y:auto}.section-label-premium{font-size:13px;font-weight:800;color:#6366f1;display:flex;align-items:center;gap:10px;margin-bottom:5px}.modal-footer-professional{padding:20px 30px;background:#f8fafc;border-top:1.5px solid #e2e8f0;display:flex;justify-content:flex-end;gap:15px}.theme-dark .modal-footer-professional{background:#0f172a;border-color:#334155}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:999999}@keyframes dialogAppear{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.student-dashboard{min-height:100vh;background:#f8fafc;transition:all .3s ease}.student-dashboard.theme-dark{background:#020617;color:#f8fafc}.student-header-modern{height:70px;background:#fff;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:1000}.theme-dark .student-header-modern{background:#0f172a;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:none}.student-profile-trigger{position:relative;cursor:pointer;display:flex;align-items:center;gap:1rem}.student-avatar-main{width:38px;height:38px;border-radius:12px;object-fit:cover;border:2px solid #e2e8f0;transition:all .2s cubic-bezier(.16,1,.3,1)}.header-user-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.header-user-name{font-size:.9rem;font-weight:700;color:#1e293b}.header-user-sub{font-size:.7rem;font-weight:600;color:#64748b;display:flex;align-items:center;gap:6px}.header-dot{opacity:.5}.theme-dark .header-user-name{color:#fff}.theme-dark .header-user-sub{color:#94a3b8}.student-popup{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:#fff;border-radius:24px;box-shadow:0 10px 30px -5px #00000026,0 20px 25px -5px #0000001a;border:1px solid rgba(0,0,0,.05);overflow:hidden;animation:popupFadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-dark .student-popup{background:#1e293b;border-color:#ffffff1a}.popup-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.popup-student-info h3{margin:0;font-size:1.1rem;font-weight:800;color:#0f172a}.theme-dark .popup-student-info h3{color:#fff}.badge-row{display:flex;gap:.5rem;margin-top:.5rem}.info-badge{font-size:.75rem;font-weight:700;padding:.2rem .6rem;background:#f1f5f9;color:#475569;border-radius:6px}.theme-dark .info-badge{background:#ffffff0d;color:#94a3b8}.info-badge.roll{background:#fdf2f8;color:#db2777}.theme-dark .info-badge.roll{background:#db27771a}.switch-acc-btn{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:10px;color:#6366f1;cursor:pointer;display:flex;align-items:center;justify-content:center}.theme-dark .switch-acc-btn{background:#ffffff0d}.inst-meta{display:flex;align-items:center;gap:1rem}.inst-name{font-size:1rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.theme-dark .inst-name{color:#fff}.student-inst-logo{width:52px;height:52px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.student-inst-logo img{width:100%;height:100%;object-fit:contain}.student-main-content{max-width:1400px;margin:0 auto;padding:2.5rem}.overview-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;margin-bottom:3rem}.welcome-card-modern{background:linear-gradient(135deg,#6366f1,#a855f7);padding:2.5rem;border-radius:32px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;height:220px;box-shadow:0 10px 25px -5px #6366f14d}.welcome-info h2{font-size:1.8rem;margin:0 0 .5rem;font-weight:800}.quick-stats{display:flex;gap:1.5rem}.q-stat{display:flex;flex-direction:column}.q-stat label{font-size:.75rem;font-weight:700;opacity:.8;text-transform:uppercase}.q-stat span{font-size:1.25rem;font-weight:800}.student-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}.s-stat-card{background:var(--bg-primary);padding:1.5rem;border-radius:28px;display:flex;gap:1.25rem;align-items:center;border:1.5px solid var(--border-color);box-shadow:0 4px 15px #00000008;cursor:pointer;transition:all .3s}.s-stat-card:hover{transform:translateY(-5px);border-color:#6366f1}.s-icon{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center}.s-icon.purple{background:#f5f3ff;color:#6366f1}.s-icon.green{background:#f0fdf4;color:#10b981}.s-info h3{font-size:.85rem;color:#94a3b8;margin:0;text-transform:uppercase;font-weight:800}.s-info p{margin:.15rem 0;font-size:.8rem;font-weight:600;color:#64748b}.s-info .val{font-size:1.25rem;font-weight:800;color:#1e293b}.theme-dark .s-info .val{color:#fff}.s-info .val.pink{color:#db2777}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{background:#fff;padding:2rem;border-radius:28px;display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;border:1px solid rgba(0,0,0,.02);box-shadow:0 4px 15px #00000008;transition:transform .2s}.theme-dark .feature-card{background:#0f172a;border-color:#ffffff08}.feature-card:hover{transform:translateY(-5px)}.feature-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center}.feature-card h3{margin:0;font-size:1.25rem;font-weight:800;color:#0f172a}.theme-dark .feature-card h3{color:#fff}.view-btn{background:#f1f5f9;color:#475569;padding:.5rem 1rem;border-radius:10px;font-weight:700;font-size:.85rem;border:none;cursor:pointer;transition:all .2s}.view-btn:hover{background:#6366f1;color:#fff}.popup-divider{height:1px;background:#f1f5f9}.theme-dark .popup-divider{background:#ffffff0d}.popup-menu{padding:.5rem}.popup-item{width:100%;display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:14px;color:#475569;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.theme-dark .popup-item{color:#94a3b8}.popup-item:hover{background:#f8faff;color:#6366f1}.theme-dark .popup-item:hover{background:#ffffff0d;color:#818cf8}.popup-item.logout{color:#ef4444}.popup-item.logout:hover{background:#fff1f2}@media(max-width:900px){.overview-grid{grid-template-columns:1fr}.student-header-modern{padding:0 1rem}.inst-name{display:none}}.acc-switcher-view{padding:1rem;min-height:200px}.switcher-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.back-btn{background:#6366f1;color:#fff;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #6366f14d}.back-btn:hover{transform:translate(-4px);background:#4f46e5}.theme-dark .switcher-header{border-color:#ffffff0d}.switcher-header h3{margin:0;font-size:1.1rem;font-weight:800}.acc-list{display:flex;flex-direction:column;gap:8px}.acc-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;border:1px solid #f1f5f9;background:#fff;cursor:pointer;transition:all .2s;width:100%;text-align:left}.acc-item:hover{background:#eff6ff;border-color:#6366f1}.acc-avatar{width:36px;height:36px;border-radius:10px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;overflow:hidden}.acc-avatar img{width:100%;height:100%;object-fit:cover}.acc-info{flex:1}.acc-name{margin:0;font-weight:700;font-size:.9rem;color:#1e293b}.acc-inst{margin:0;font-size:.7rem;color:#64748b;font-weight:600}.verify-view{text-align:center;padding:1.5rem 0;display:flex;flex-direction:column;gap:1.5rem}.verify-hint{font-size:.85rem;color:#64748b;margin:0}.code-input{width:100%;padding:1rem;border-radius:12px;border:2px solid #e2e8f0;text-align:center;font-size:1.25rem;font-weight:800;letter-spacing:.5em;font-family:inherit;transition:all .2s}.code-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.switch-btn{background:#6366f1;color:#fff;border:none;padding:1rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.switch-btn:hover{background:#4f46e5;transform:translateY(-2px)}.change-acc-btn{background:none;border:none;color:#6366f1;font-size:.8rem;font-weight:700;cursor:pointer;text-decoration:underline}.theme-dark .acc-item{background:#0f172a;border-color:#ffffff0d}.theme-dark .acc-item:hover{background:#6366f11a}.theme-dark .acc-name{color:#fff}.theme-dark .acc-inst{color:#94a3b8}.theme-dark .code-input{background:#1e293b;border-color:#ffffff1a;color:#fff}.theme-dark .back-btn{background:#ffffff0d;color:#94a3b8}.premium-list{max-height:350px;overflow-y:auto;padding:.5rem}.acc-item-pro{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:20px;background:#f8fafc;border:1.5px solid #f1f5f9;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;text-align:left;margin-bottom:.75rem}.acc-item-pro:hover{background:#fff;border-color:#6366f1;box-shadow:0 10px 20px -10px #6366f133;transform:scale(1.02)}.active-profile{background:#eef2ff;border-color:#6366f1;cursor:default}.acc-avatar-pro{width:48px;height:48px;border-radius:16px;background:#6366f1;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.acc-avatar-pro img{width:100%;height:100%;object-fit:cover}.online-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%}.acc-details-pro{flex:1}.acc-name-pro{font-size:.95rem;font-weight:800;color:#1e293b;margin:0}.acc-inst-pro{font-size:.75rem;color:#6366f1;font-weight:700;margin:0}.acc-meta-pro{font-size:.7rem;color:#64748b;font-weight:600}.status-current{font-size:.7rem;background:#6366f1;color:#fff;padding:2px 8px;border-radius:60px;font-weight:800}.verify-view-pro{padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.verify-target{display:flex;flex-direction:column;align-items:center;gap:1rem}.target-avatar{width:64px;height:64px;border-radius:20px;overflow:hidden;border:3px solid #6366f1;padding:3px}.target-avatar img{width:100%;height:100%;border-radius:14px;object-fit:cover}.pin-input-group{width:100%;display:flex;flex-direction:column;gap:.75rem}.pin-input-group label{font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase}.pin-box{width:100%;height:55px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;text-align:center;font-size:1.25rem;font-weight:700;letter-spacing:.2em;color:#1e293b;transition:all .3s ease;font-family:JetBrains Mono,monospace}.pin-box:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.confirm-switch-btn{width:100%;padding:1rem;background:#6366f1;color:#fff;border:none;border-radius:16px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 10px 20px -5px #6366f166}.confirm-switch-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.cancel-switch-link{background:none;border:none;color:#64748b;font-size:.85rem;font-weight:700;cursor:pointer;text-decoration:underline}.theme-dark .acc-item-pro{background:#ffffff08;border-color:#ffffff0d}.theme-dark .acc-name-pro{color:#fff}.theme-dark .acc-meta-pro{color:#94a3b8}.theme-dark .pin-box{background:#0003;border-color:#ffffff1a;color:#fff}.routine-overview-section{margin-bottom:3rem}.section-header-pro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.title-stack-pro{display:flex;flex-direction:column;gap:4px}.title-badge-pro{font-size:.7rem;font-weight:800;color:#6366f1;letter-spacing:.1em}.section-header-pro h2{margin:0;font-size:1.5rem;font-weight:800;color:#1e293b}.theme-dark .section-header-pro h2{color:#fff}.view-weekly-btn{background:#fff;border:1.5px solid #e2e8f0;padding:.6rem 1.2rem;border-radius:14px;font-size:.85rem;font-weight:700;color:#475569;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.theme-dark .view-weekly-btn{background:#0f172a;border-color:#ffffff0d;color:#94a3b8}.view-weekly-btn:hover{border-color:#6366f1;color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a}.today-routine-card-pro{background:#fff;border-radius:30px;padding:1.5rem;border:1px solid rgba(0,0,0,.03);box-shadow:0 10px 30px -10px #0000000d;cursor:pointer;transition:all .3s}.theme-dark .today-routine-card-pro{background:#0f172a;border-color:#ffffff08}.today-routine-card-pro:hover{box-shadow:0 20px 40px -10px #6366f11a}.routine-cards-container{display:flex;flex-wrap:nowrap;gap:.75rem;padding:.5rem 0 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#6366f1 #f1f5f9}.routine-cards-container::-webkit-scrollbar{height:4px;display:block}.routine-cards-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.routine-cards-container::-webkit-scrollbar-thumb{background:#6366f1;border-radius:10px}.routine-slot-pro{flex-shrink:0;width:140px;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:16px;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-dark .routine-slot-pro{background:#ffffff05;border-color:#ffffff0d}.routine-slot-pro:hover{transform:translateY(-6px) scale(1.02);border-color:#6366f1;background:#fff;box-shadow:0 15px 30px #6366f11a}.theme-dark .routine-slot-pro:hover{background:#ffffff0a}.slot-time-pro{font-size:.75rem;font-weight:700;color:#64748b;background:#f1f5f9;padding:6px 12px;border-radius:10px;width:fit-content}.theme-dark .slot-time-pro{background:#ffffff0d;color:#94a3b8}.slot-content-pro{display:flex;flex-direction:column;gap:6px}.slot-subject-pro{font-size:.85rem;font-weight:800;color:#1e293b;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-dark .slot-subject-pro{color:#fff}.slot-footer-pro{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.slot-teacher-pro{font-size:.8rem;font-weight:600;color:#64748b;display:flex;align-items:center;gap:6px}.slot-type-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;background:#6366f11a;color:#6366f1;padding:2px 8px;border-radius:6px}.slot-type-badge.break{background:#f59e0b1a;color:#f59e0b}.live-slot{border-color:#6366f1!important;background:linear-gradient(145deg,#fff,#f5f3ff)!important;box-shadow:0 10px 25px #6366f126!important}.theme-dark .live-slot{background:linear-gradient(145deg,#0f172a,#1e1b4b)!important}.live-indicator-pro{position:absolute;top:1.25rem;right:1.25rem;background:#ef4444;color:#fff;font-size:.6rem;font-weight:900;padding:2px 8px;border-radius:20px;display:flex;align-items:center;gap:4px;animation:pulseRed 2s infinite}@keyframes pulseRed{0%{transform:scale(1)}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1)}}.live-indicator-pro span{width:6px;height:6px;background:#fff;border-radius:50%}.no-routine-placeholder{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b;gap:1rem}.placeholder-icon{font-size:3rem}.no-routine-placeholder p{font-weight:700;font-size:1.1rem;margin:0}.routine-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5000;display:flex;align-items:center;justify-content:center;padding:2rem}.routine-modal-card{background:var(--bg-primary);width:98%;max-width:1400px;max-height:92vh;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 40px 100px #0006;color:var(--text-primary);position:relative}.theme-dark .routine-modal-card{background:var(--bg-card)!important;border-color:#ffffff14;box-shadow:0 0 80px #6366f126,0 40px 80px #0009}.modal-header{padding:2.5rem 3rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,var(--bg-primary),var(--bg-secondary))}.theme-dark .modal-header{background:linear-gradient(to right,#151b2b,#1e293b);border-bottom-color:#ffffff0d}.modal-header h2{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.02em}.modal-header p{margin:6px 0 0;color:var(--text-secondary);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.close-modal-btn{background:var(--bg-secondary);border:1px solid var(--border-color);width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-modal-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg) scale(1.1);border-color:#ef4444;box-shadow:0 10px 20px #ef444433}.modal-scroll-area{padding:1rem;overflow:auto;background:var(--bg-secondary)}.student-routine-grid{width:100%;border-collapse:separate;border-spacing:2px;table-layout:fixed}.student-routine-grid th{padding:.75rem .4rem;text-align:center;font-size:.65rem;text-transform:uppercase;color:var(--text-secondary);font-weight:900;white-space:nowrap;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);letter-spacing:.05em}.theme-dark .student-routine-grid th{background:#1e2538}.time-col{width:110px;background:var(--bg-secondary);padding:.75rem!important;border-radius:12px;text-align:center;border:1px solid var(--border-color);transition:all .3s}.theme-dark .time-col{background:#1e2538;border-color:#6366f133}.p-label{font-weight:900;font-size:.8rem;color:var(--text-primary)!important;margin-bottom:2px}.p-time{font-size:.6rem;font-weight:700;opacity:.6;color:var(--text-secondary)!important}.grid-slot-cell{background:var(--bg-primary);padding:.5rem .25rem;border-radius:10px;border:1px solid var(--border-color);text-align:center;min-width:0;height:90px;display:table-cell;vertical-align:middle;transition:all .3s cubic-bezier(.16,1,.3,1)}.theme-dark .grid-slot-cell{background:#151b2b;border-color:#ffffff0a}.grid-slot-cell.active{background:#6366f10d;border-color:#6366f14d}.theme-dark .grid-slot-cell.active{background:linear-gradient(145deg,#6366f11a,#8b5cf61a);border-color:#6366f166;box-shadow:inset 0 0 15px #6366f10d}.grid-slot-cell:hover{transform:scale(1.02);z-index:10;border-color:#6366f1;box-shadow:0 10px 20px #00000026}.g-subject{font-weight:800;font-size:.8rem;color:var(--text-primary)!important;line-height:1.2;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-teacher{font-size:.7rem;font-weight:700;color:var(--text-secondary)!important;display:block;margin-top:4px;opacity:.9}.free-tag{font-size:.75rem;opacity:.3;font-weight:800}.break-cell{position:relative;background:var(--bg-secondary);border-radius:16px;vertical-align:middle;text-align:center;overflow:hidden}.break-tag{position:relative;z-index:2;font-weight:900;font-size:.75rem;letter-spacing:.15em;color:var(--text-secondary)}.break-stripe{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px)}.theme-dark .break-stripe{background-image:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px)}.s-modal-overlay{position:fixed;inset:0;background:#020617b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:2100;padding:2rem}.s-modal-container{background:#fff;width:100%;max-width:900px;height:600px;border-radius:32px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:modalScaleUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.s-modal-sidebar{width:280px;background:#4f46e5;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center}.s-sidebar-top{margin-bottom:2rem;width:100%}.s-profile-img-preview{position:relative;width:130px;height:130px;margin:0 auto 1.5rem}.s-profile-img-preview img{width:100%;height:100%;border-radius:44px;object-fit:cover;border:4px solid rgba(255,255,255,.2)}.s-sidebar-top h3{font-size:1.4rem;font-weight:800;margin-bottom:.25rem;letter-spacing:-.02em}.s-role-text{font-size:.85rem;color:#fffc;font-weight:600;background:#ffffff1a;padding:.2rem .75rem;border-radius:100px;display:inline-block}.s-sidebar-footer{margin-top:auto;width:100%;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.s-sidebar-footer p{font-size:.7rem;color:#fff9;text-transform:uppercase;font-weight:800;margin-bottom:.5rem}.s-inst-name-mini{font-weight:700;font-size:.9rem;color:#fff}.s-img-edit-btn{position:absolute;bottom:0;right:0;background:#fff;color:#4f46e5;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0000001a;transition:all .2s}.s-img-edit-btn:hover{transform:rotate(90deg) scale(1.1)}.s-modal-main{flex:1;display:flex;flex-direction:column;background:#f8fafc}.s-main-header{padding:2rem 3rem;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.s-title-group h2{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0}.s-title-group p{margin:.25rem 0 0;font-size:.9rem;color:#64748b}.s-header-actions{display:flex;align-items:center;gap:1rem}.s-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;margin-left:1rem}.s-main-body{padding:2.5rem 3rem;overflow-y:auto}.s-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.s-info-item{display:flex;flex-direction:column;gap:.5rem}.s-info-item.full-width{grid-column:1 / -1}.s-info-item label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.s-info-item p{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0}.s-info-item input,.s-info-item select,.s-info-item textarea{width:100%;padding:.75rem 1rem;border-radius:12px;border:1.5px solid #e2e8f0;font-size:1rem;font-weight:500;transition:all .2s}.s-info-item input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.theme-dark .s-modal-container{background:#0f172a}.theme-dark .s-modal-main{background:#020617}.theme-dark .s-main-header{background:#0f172a;border-color:#ffffff0d}.theme-dark .s-title-group h2{color:#fff}.theme-dark .s-info-item p{color:#f1f5f9}.theme-dark .s-info-item input{background:#1e293b;border-color:#ffffff1a;color:#fff}.s-view-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffff26;color:#fff;padding:.4rem 1rem;border-radius:12px;font-size:.75rem;font-weight:700;margin-top:1rem;border:1px solid rgba(255,255,255,.1)}.s-view-only-hint{color:#10b981!important;font-weight:600}.s-notice-box{margin-top:2.5rem;padding:1.5rem;background:#f1f5f9;border-radius:20px;display:flex;align-items:flex-start;gap:1rem;color:#475569;border:1px solid #e2e8f0}.s-notice-box p{margin:0;font-size:.9rem;line-height:1.6;font-weight:500}.theme-dark .s-notice-box{background:#ffffff08;border-color:#ffffff0d;color:#94a3b8}.s-sidebar-actions{margin-top:2rem;width:100%}.s-switch-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#ffffff1a;color:#fff;padding:.8rem;border-radius:14px;font-weight:700;font-size:.9rem;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s}.s-switch-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}:root{--primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--bg-light: #f8fafc;--bg-dark: #0f172a;--card-light: #ffffff;--card-dark: #1e293b;--text-light: #1e293b;--text-dark: #f8fafc;--border-light: #e2e8f0;--border-dark: #334155;--sidebar-width: 240px;--sidebar-collapsed-width: 65px;--header-height: 70px}.dashboard-wrapper{display:flex;min-height:100vh;--text-primary: #0f172a;--text-secondary: #64748b;--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--border-color: #e2e8f0;--sidebar-bg: #ffffff;--sidebar-border: #e2e8f0;--sidebar-nav-text: #64748b;--sidebar-nav-hover: #f8fafc;background:var(--bg-secondary);color:var(--text-primary);position:relative}.theme-dark.dashboard-wrapper{--text-primary: #f8fafc;--text-secondary: #94a3b8;--bg-primary: #0f172a;--bg-secondary: #020617;--border-color: rgba(255, 255, 255, .1);--sidebar-bg: #0f172a;--sidebar-border: rgba(255, 255, 255, .05);--sidebar-nav-text: #94a3b8;--sidebar-nav-hover: rgba(255, 255, 255, .03)}.main-container{flex:1;min-width:0;margin-top:0;display:flex;flex-direction:column}.dashboard-header{height:var(--header-height);background:var(--bg-primary);padding:0 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:1000;border-bottom:1px solid var(--border-color);transition:all .4s ease;box-shadow:0 4px 20px -5px #0000000d;gap:1.5rem;box-sizing:border-box}.header-left{flex:1;display:flex;align-items:center;min-width:0}.header-center{flex:2;display:flex;justify-content:center;align-items:center;min-width:0}.header-right{flex:1;display:flex;justify-content:flex-end;align-items:center;min-width:0}.inst-branding{display:flex;align-items:center;gap:1rem;max-width:100%;min-width:0}.header-inst-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-inst-logo img{width:100%;height:100%;object-fit:contain}h1.inst-name-header{margin:0;font-size:1.1rem;font-weight:800;color:#1e293b!important;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-dark h1.inst-name-header{color:#f8fafc!important}.dashboard-content{padding-top:var(--header-height);flex:1;width:100%;overflow-y:auto;display:flex;flex-direction:column}.standard-padded-content,.result-dashboard,.data-entry-container,.report-card-page-wrapper{padding-left:calc(var(--sidebar-width) + 4rem);transition:padding-left .4s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .standard-padded-content,.sidebar-collapsed .result-dashboard,.sidebar-collapsed .data-entry-container,.sidebar-collapsed .report-card-page-wrapper{padding-left:calc(var(--sidebar-collapsed-width) + 4rem)}.standard-padded-content{padding-right:2.5rem;padding-bottom:2.5rem;padding-top:2.5rem}.hero-flex-layout{display:flex;flex-wrap:wrap;gap:2rem;width:100%;margin-bottom:3.5rem;position:relative;z-index:10}.welcome-banner{flex:1;min-width:350px;display:flex;flex-direction:column;justify-content:center;background:var(--primary-gradient);padding:2.5rem 3rem;border-radius:24px;color:#fff;box-shadow:0 15px 35px -12px #6366f14d;min-height:260px}.stat-flashcard-carousel{flex:1.2;min-width:400px;position:relative;min-height:260px;background:transparent!important;box-shadow:none!important;border:none!important}.stat-flashcard-hero{position:absolute;inset:0;height:260px;border-radius:24px;padding:1.5rem 2rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px #00000026;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s ease;opacity:0;transform:scale(.98);pointer-events:none;will-change:transform,opacity;color:#fff;border:none}.stat-flashcard-hero:nth-child(1){background:radial-gradient(at 0% 0%,#e11d48 0px,transparent 50%),radial-gradient(at 100% 0%,#db2777 0px,transparent 50%),radial-gradient(at 100% 100%,#4338ca 0px,transparent 50%),radial-gradient(at 0% 100%,#312e81 0px,transparent 50%),#1e1b4b}.stat-flashcard-hero:nth-child(2){background:radial-gradient(at 0% 0%,#db2777 0px,transparent 50%),radial-gradient(at 100% 0%,#4338ca 0px,transparent 50%),radial-gradient(at 100% 100%,#f97316 0px,transparent 50%),radial-gradient(at 0% 100%,#be185d 0px,transparent 50%),#312e81}.stat-flashcard-hero:nth-child(3){background:radial-gradient(at 0% 0%,#312e81 0px,transparent 50%),radial-gradient(at 100% 0%,#000000 0px,transparent 50%),radial-gradient(at 100% 100%,#db2777 0px,transparent 50%),radial-gradient(at 0% 100%,#4338ca 0px,transparent 50%),#020617}.stat-flashcard-hero.active{opacity:1;transform:translateY(0);pointer-events:auto;z-index:10}.stat-flashcard-hero.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.teacher-action-grid-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,90px));gap:14px;margin-top:-.75rem;margin-bottom:1.5rem}.teacher-action-flashcard-small{width:90px;height:90px;border:1px solid var(--border-color);border-radius:16px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.teacher-action-flashcard-small:hover{transform:translateY(-3px);box-shadow:0 14px 24px -12px #0891b2bf}.teacher-action-flashcard-small:active{transform:translateY(0)}.teacher-action-icon-wrap{display:flex;align-items:center;justify-content:center}.stat-flashcard-hero .sf-label,.stat-flashcard-hero .sf-stat-item label,.stat-flashcard-hero .sf-meta{color:#fffc!important}.stat-flashcard-hero .sf-val{color:#fff!important}.stat-flashcard-hero .sf-icon-wrap{background:#fff3!important;color:#fff!important}.stat-flashcard-hero .sf-divider{background:#fff3!important}.stat-flashcard-hero .marked-time{color:#ffffffb3!important}.stat-flashcard-hero .sf-progress-mini{background:#ffffff26!important}.stat-flashcard-hero .sf-progress-fill{background:#fff!important}.stat-flashcard-hero .btn-mark{background:#fff!important;color:#1e3a8a!important;box-shadow:0 4px 12px #0000001a!important}.stat-flashcard-hero .btn-mark:hover{background:#f8fafc!important;transform:translateY(-2px)}.stat-flashcard-hero .status-pill-hero{background:#fff3!important;color:#fff!important;border:1px solid white!important}.teacher-today-routine{background:var(--bg-card);border:1px solid var(--border-light);border-radius:24px;padding:1.5rem 2rem 1.5rem 3rem;margin-bottom:2.5rem;cursor:pointer;position:relative;z-index:1;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;box-shadow:0 10px 30px #00000008;overflow:hidden}.theme-dark .teacher-today-routine{background:#151b2b;border-color:#ffffff14;box-shadow:0 20px 40px #0000004d}.teacher-today-routine:hover{transform:translateY(-5px);border-color:#6366f1;box-shadow:0 20px 40px #6366f11a}.sf-header{display:flex;align-items:center;gap:12px}.sf-icon-wrap{width:44px;height:44px;background:#6366f11a;color:#6366f1;border-radius:12px;display:flex;align-items:center;justify-content:center}.sf-label{font-size:.75rem;font-weight:800;color:#94a3b8;letter-spacing:.1em}.sf-main-stats{display:flex;align-items:center;justify-content:center;gap:4rem;margin:1rem 0;width:100%}.sf-stat-item{display:flex;flex-direction:column}.pm-right,.sf-stat-item:last-child{align-items:center;text-align:center}.sf-val{font-size:2rem;font-weight:900;color:var(--text-primary);line-height:1}.sf-stat-item label{font-size:.85rem;font-weight:700;color:#64748b;margin-top:8px}.sf-divider{width:1px;height:40px;background:var(--border-color)}.sf-marking-area{margin:1rem 0;flex:1;display:flex;align-items:center;justify-content:center}.marking-btns-hero{display:flex;gap:.75rem;width:100%}.btn-mark{flex:1;padding:.75rem;border-radius:12px;border:none;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-mark.present{background:#10b981;color:#fff;box-shadow:0 8px 20px -5px #10b98166}.btn-mark.absent{background:#f59e0b;color:#fff;box-shadow:0 8px 20px -5px #f59e0b66}.btn-mark:hover{transform:translateY(-3px)}.attendance-status-box{text-align:center;width:100%}.status-pill-hero{display:inline-block;padding:.4rem .8rem;border-radius:100px;font-weight:900;font-size:.7rem;letter-spacing:1px}.status-pill-hero.present{background:#10b9811a;color:#10b981;border:2px solid #10b981}.status-pill-hero.absent{background:#f59e0b1a;color:#f59e0b;border:2px solid #f59e0b}.post-mark-view{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.post-mark-split{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1.5rem}.pm-left,.pm-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.pm-divider{width:1px;height:60px;background:#fff3}.staff-presence-hero{display:flex;flex-direction:column;align-items:center}.p-huge-val span{font-size:2.5rem;font-weight:900;color:#fff;line-height:1}.status-pill-hero{display:inline-block;padding:.5rem 1rem;border-radius:100px;font-weight:900;font-size:.75rem;white-space:nowrap}.stat-carousel-dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20}.stat-carousel-dots .dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.stat-carousel-dots .dot:hover{background:#fff9;transform:scale(1.2)}.stat-carousel-dots .dot.active{width:20px;background:#fff;border-radius:10px;box-shadow:0 0 10px #ffffff80}.p-huge-val{display:flex;align-items:baseline;gap:4px}.p-huge-val span{font-size:2.75rem;font-weight:900;color:#fff;line-height:1}.p-huge-val small{font-size:1rem;font-weight:700;color:#fff9}.p-label-hero{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#fffc;margin-top:2px}.sf-meta{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-progress-mini{height:8px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;width:100%}.sf-progress-fill{height:100%;background:#10b981;border-radius:10px;transition:width 1s ease-in-out}.welcome-banner h2{font-size:2.25rem;margin:0 0 .5rem;font-weight:800;letter-spacing:-.02em}.welcome-banner p{font-size:1.1rem;color:#fffc;margin:0}.status-notice{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.25rem;border-radius:16px;font-size:.9rem;font-weight:600;border:1px solid rgba(255,255,255,.2)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.info-card{background:#fff;padding:1.75rem 2rem;border-radius:24px;border:1px solid #e2e8f0;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000008;border-color:#cbd5e1}.info-card label{font-size:.7rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:.5rem}.info-card p{margin:0;font-size:1.15rem;font-weight:700;color:#1e293b}.mgmt-notice{margin-top:3rem;padding:1.5rem 2.5rem;background:#f1f5f9;border-radius:20px;color:#64748b;font-size:.95rem;line-height:1.5}.theme-dark .dashboard-wrapper{background:#0b0f1a}.dashboard-sidebar{position:fixed!important;top:calc(var(--header-height) + 5px)!important;left:5px!important;width:var(--sidebar-width)!important;height:calc(100vh - var(--header-height) - 15px)!important;background:var(--sidebar-bg)!important;z-index:9999!important;display:flex!important;flex-direction:column!important;border:1px solid var(--border-color)!important;border-radius:24px!important;box-shadow:4px 0 15px #0000000d!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;padding-top:10px;overflow:hidden}.dashboard-sidebar.collapsed{width:var(--sidebar-collapsed-width)!important}.sidebar-header-spacer{height:0;flex-shrink:0}.theme-dark .nav-item:hover{background:#1e293b;color:#fff}.theme-dark .nav-item.active{background:#6366f1;color:#fff}.theme-dark .dashboard-header{background:#111827e6;border-bottom:1px solid #1f2937}.theme-dark .menu-toggle{color:#f8fafc}.theme-dark .profile-dialog{background:#111827f2;border-color:#ffffff1a;box-shadow:0 20px 50px #0006}.theme-dark .dialog-name{color:#f8fafc}.theme-dark .dialog-btn{color:#94a3b8}.theme-dark .dialog-btn:hover{background:#1f2937;color:#818cf8}.theme-dark .account-item:hover{background:#1f2937;border-color:#374151}.theme-dark .acc-details .inst-name{color:#e2e8f0}.theme-dark .info-card{background:#111827;border-color:#1f2937}.theme-dark .info-card p{color:#f1f5f9}.theme-dark .mgmt-notice{background:#111827;color:#94a3b8}@media(max-width:768px){.dashboard-header{padding:0 1rem}.inst-name-header{display:none}.welcome-banner{padding:2rem;flex-direction:column;align-items:flex-start;gap:1.5rem}.welcome-banner h2{font-size:1.75rem}.info-grid{grid-template-columns:1fr}}.verify-switch-view{margin-top:1rem;padding:1.25rem;background:#6366f108;border:1px dashed rgba(99,102,241,.2);border-radius:16px;animation:fadeIn .3s ease}.theme-dark .verify-switch-view{background:#818cf808;border-color:#818cf833}.verify-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.verify-header span{font-size:.85rem;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.05em}.back-btn-small{background:#f1f5f9;border:none;color:#475569;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.theme-dark .back-btn-small{background:#1f2937;color:#94a3b8}.back-btn-small:hover{background:#e2e8f0;color:#0f172a;transform:translate(-2px)}.target-account-info{margin-bottom:1.5rem}.target-account-info p{font-size:.9rem;color:#64748b;margin:0}.target-teacher-tag{display:inline-block;margin-top:4px;font-size:.8rem;font-weight:700;color:#6366f1;background:#6366f11a;padding:2px 8px;border-radius:6px}.pin-input-container label{font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase;display:block;margin-bottom:.5rem}.pin-modern-input{width:100%;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;font-size:1.1rem;font-weight:700;color:#1e293b;text-align:center;letter-spacing:.2em;transition:all .2s}.theme-dark .pin-modern-input{background:#0f172a;border-color:#1f2937;color:#fff}.pin-modern-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.modern-switch-btn{width:100%;margin-top:1rem;background:#6366f1;color:#fff;border:none;padding:.875rem;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f133}.modern-switch-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.id-badge-small{background:#6366f10d;color:#6366f1;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700}.theme-dark .id-badge-small{background:#818cf81a;color:#818cf8}.status-notice-small{font-size:.85rem;font-weight:600;margin:0}.text-success{color:#10b981}.modern-switch-btn:disabled{opacity:.6;cursor:not-allowed}.routine-badge-floating{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#6366f1;margin-bottom:1.25rem;display:inline-flex;align-items:center;gap:.5rem;background:#6366f10d;padding:.4rem 1rem;border-radius:100px}.routine-expand-hint{position:absolute;top:1.5rem;right:2rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;color:#6366f1;opacity:.7;transition:opacity .3s}.teacher-today-routine:hover .routine-expand-hint{opacity:1}.today-slots-scroller{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.today-slots-scroller::-webkit-scrollbar{display:none}.today-lecture-pill{flex-shrink:0;display:flex;align-items:center;gap:1rem;background:var(--bg-light);padding:.8rem 1.25rem;border-radius:16px;border:1px solid var(--border-light)}.theme-dark .today-lecture-pill{background:#ffffff08;border-color:#ffffff0d}.today-lecture-pill .p-time{font-weight:800;font-size:.85rem;color:#6366f1;background:#6366f11a;padding:.3rem .6rem;border-radius:8px}.today-lecture-pill .p-core{display:flex;flex-direction:column}.today-lecture-pill .p-subject{font-size:.95rem;font-weight:800;margin:0;color:var(--text-light)}.theme-dark .today-lecture-pill .p-subject{color:var(--text-dark)}.today-lecture-pill .p-target{font-size:.7rem;font-weight:700;color:#94a3b8}.no-classes-today{padding:1rem 0;color:#94a3b8;font-weight:600;font-style:italic}.weekly-routine-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:5000;display:flex;align-items:center;justify-content:center;padding:2rem}.weekly-routine-modal{background:var(--bg-light);width:100%;max-width:1300px;max-height:90vh;border-radius:32px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px #00000080}.theme-dark .weekly-routine-modal{background:#0f172a;border-color:#ffffff14}.modal-header-premium{padding:2.5rem 3rem;background:var(--primary-gradient);color:#fff;display:flex;justify-content:space-between;align-items:center}.modal-header-premium h2{margin:0;font-size:1.75rem;font-weight:800;color:#fff!important}.modal-header-premium p{margin:4px 0 0;opacity:.8;font-weight:600;color:#fff!important}.modal-close-btn-premium{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);width:50px;height:50px;border-radius:15px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.modal-close-btn-premium:hover{background:#ef4444;border-color:#ef4444;transform:rotate(90deg) scale(1.1)}.modal-scroll-content{padding:2.5rem;overflow-y:auto;flex:1}.weekly-grid-teacher{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;align-items:start}.day-column-custom{display:flex;flex-direction:column;gap:1rem}.day-name-sticky{font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#6366f1;background:#6366f10d;padding:.6rem 1rem;border-radius:10px;text-align:center;margin-bottom:.5rem}.lecture-cards-stack{display:flex;flex-direction:column;gap:.75rem}.lecture-card-modern{background:var(--bg-card);border:1px solid var(--border-light);padding:1.25rem;border-radius:18px;transition:all .3s}.theme-dark .lecture-card-modern{background:#ffffff05;border-color:#ffffff0d}.lecture-card-modern:hover{border-color:#6366f1;transform:scale(1.03);background:#fff}.theme-dark .lecture-card-modern:hover{background:#ffffff0d}.l-time-badge{font-size:.7rem;font-weight:800;color:#6366f1;margin-bottom:.5rem}.l-subject-name{font-size:1rem;font-weight:800;margin:0 0 .75rem;color:var(--text-light)}.theme-dark .l-subject-name{color:var(--text-dark)}.l-class-pills{display:flex;gap:.5rem;flex-wrap:wrap}.pill-target,.pill-label{font-size:.65rem;font-weight:800;padding:.25rem .6rem;border-radius:6px}.pill-target{background:#6366f11a;color:#6366f1}.pill-label{background:#f1f5f9;color:#64748b}.theme-dark .pill-label{background:#ffffff0d}@media(max-width:1024px){.weekly-grid-teacher{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.weekly-grid-teacher{grid-template-columns:1fr}}.id-sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.id-section-flashcard{background:#fff;padding:1.5rem;border-radius:24px;display:flex;align-items:center;gap:1.25rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 15px #0000000d;cursor:pointer;transition:all .3s;position:relative}.theme-dark .id-section-flashcard{background:#0f172a;border-color:#ffffff0d}.id-section-flashcard:hover{transform:translateY(-5px);border-color:#6366f1;box-shadow:0 12px 24px #6366f126}.flash-icon{width:56px;height:56px;background:#6366f11a;color:#6366f1;border-radius:18px;display:flex;align-items:center;justify-content:center}.flash-content h3{margin:0;font-size:1.1rem;font-weight:800}.flash-content p{margin:.2rem 0;color:#64748b;font-size:.9rem;font-weight:600}.student-count-tag{font-size:.7rem;font-weight:800;background:#f1f5f9;color:#475569;padding:2px 8px;border-radius:6px}.theme-dark .student-count-tag{background:#ffffff0d;color:#94a3b8}.flash-arrow{margin-left:auto;color:#cbd5e1}.id-section-flashcard:hover .flash-arrow{color:#6366f1}.id-student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-top:2rem}.id-student-card{background:#fff;padding:1rem;border-radius:20px;display:flex;align-items:center;gap:1rem;border:1px solid rgba(0,0,0,.03);box-shadow:0 2px 10px #00000005;cursor:pointer;transition:all .2s}.theme-dark .id-student-card{background:#0f172a;border-color:#ffffff0d}.id-student-card:hover{background:#f8faff;border-color:#6366f1;transform:scale(1.02)}.theme-dark .id-student-card:hover{background:#6366f10d}.id-student-avatar{width:48px;height:48px;border-radius:14px;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;overflow:hidden}.id-student-avatar img{width:100%;height:100%;object-fit:cover}.id-student-info h3{margin:0;font-size:1rem;font-weight:700}.id-student-info p{margin:0;font-size:.8rem;color:#64748b;font-weight:600}.id-student-action{margin-left:auto;color:#e2e8f0}.id-student-card:hover .id-student-action{color:#6366f1}.page-header-small{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.page-header-small h2{margin:0;font-size:1.4rem;font-weight:800}.page-header-small p{margin:0;color:#64748b;font-weight:600}@media(max-width:640px){.id-student-grid{grid-template-columns:1fr}}.profile-trigger{position:relative;cursor:pointer;flex-shrink:0}.user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 4px 12px #0000001a;transition:transform .2s}.profile-trigger:hover .user-avatar{transform:scale(1.05)}.sidebar-nav{flex:1;padding:0 .8rem 1.5rem;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.sidebar-nav:hover{scrollbar-color:#6366f1 rgba(0,0,0,.05)}.sidebar-nav::-webkit-scrollbar{width:8px!important;display:block!important}.sidebar-nav::-webkit-scrollbar-track{background:transparent!important;border-radius:10px}.sidebar-nav:hover::-webkit-scrollbar-track{background:#0000000d!important}.sidebar-nav::-webkit-scrollbar-thumb{background:transparent!important;border-radius:100px!important;border-right:4px solid transparent;border-left:2px solid transparent;background-clip:content-box;transition:background .3s ease}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#6366f1!important}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#4f46e5!important}.theme-dark .sidebar-nav:hover::-webkit-scrollbar-track{background:#ffffff0d!important}.theme-dark .sidebar-nav:hover::-webkit-scrollbar-thumb{background:#818cf8!important}.sidebar-nav-btn{display:flex;align-items:center;gap:1.25rem;padding:12px 16px;background:transparent!important;border:none;border-radius:14px;color:var(--sidebar-nav-text)!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:50px;width:100%;position:relative;text-align:left}.sidebar-nav-btn:hover{background:#6366f11a!important;color:#6366f1!important;transform:translate(5px)}.sidebar-nav-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;box-shadow:0 10px 25px -5px #6366f180!important;border-radius:14px;font-weight:800;padding:14px 20px;border-left:none;margin-left:0;transform:scale(1.02)}.sidebar-nav-btn.active .nav-icon{color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.admin-dashboard{min-height:100vh;background:var(--bg-page);position:relative;display:flex;flex-direction:column}.admin-glass-header{height:80px;background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #0000001a}.header-left{display:flex;align-items:center;gap:1rem}.admin-logo-box{width:44px;height:44px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #f973164d}.header-left h1{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.header-right{display:flex;align-items:center;gap:2rem}.time-display{text-align:right;border-right:1px solid rgba(255,255,255,.1);padding-right:2rem}.current-time{display:block;font-size:1.5rem;font-weight:700;color:#f97316;font-variant-numeric:tabular-nums;line-height:1}.current-date{display:block;font-size:.85rem;color:var(--text-secondary);font-weight:500;margin-top:4px}.admin-profile-icon{cursor:pointer;transition:transform .2s}.admin-profile-icon:hover{transform:scale(1.05)}.avatar-circle{width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:2px solid #f97316;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.admin-content-wrapper{flex:1;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.dashboard-controls{margin-bottom:2.5rem}.filter-bar{display:flex;gap:1rem;align-items:center}.search-wrapper{flex:1;max-width:400px;position:relative}.search-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-wrapper input{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:12px 14px 12px 42px;color:var(--text-primary);font-size:.95rem;transition:all .2s}.search-wrapper input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731626;outline:none}.filter-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:14px;font-weight:600;cursor:pointer;transition:all .2s;height:46px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary)}.filter-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.admin-error-message,.no-institutes-message{padding:2rem;text-align:center;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-subtle);color:var(--text-secondary);margin-bottom:2rem}.admin-error-message{color:#ef4444;border-color:#ef444433;background:#ef44440d}.section-title{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.section-title h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.count-badge{background:#f973161a;color:#f97316;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.institutes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;padding-bottom:2rem}.institute-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.institute-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px -10px #0000004d;border-color:#f97316}.card-header{padding:1.25rem;background:#ffffff05;border-bottom:1px solid var(--border-subtle)}.inst-header-left{display:flex;align-items:center;gap:1rem}.inst-logo{width:50px;height:50px;border-radius:12px;overflow:hidden;background:var(--bg-card-hover);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.inst-logo img{width:100%;height:100%;object-fit:cover}.inst-titles h3{margin:0 0 6px;font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.2}.placeholder-logo,.large-placeholder{font-size:1.25rem;font-weight:700;color:var(--text-secondary)}.card-body{padding:1.25rem}.principal-preview{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;padding:10px;background:var(--bg-card-hover);border-radius:12px}.principal-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--bg-card);flex-shrink:0}.principal-avatar img{width:100%;height:100%;object-fit:cover}.placeholder-avatar,.profile-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-card-hover);color:var(--text-secondary);font-weight:600}.principal-info{display:flex;flex-direction:column}.principal-info .label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.principal-info .name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.card-stats-row{display:flex;gap:10px;margin-bottom:1.25rem}.mini-stat{flex:1;background:#f973160d;border:1px solid rgba(249,115,22,.15);border-radius:10px;padding:8px 12px;text-align:center}.mini-value{display:block;font-size:1.1rem;font-weight:700;color:#f97316;line-height:1.2}.mini-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.location-info{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary);border-top:1px solid var(--border-subtle);padding-top:12px}.status-badge{padding:2px 8px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.status-badge.active{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-badge.inactive{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.status-badge.trial{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.status-badge.new{background:#4f46e51a;color:#a5b4fc;border:1px solid rgba(79,70,229,.2)}.status-badge.disabled{background:#64748b33;color:#94a3b8;border:1px solid rgba(100,116,139,.3);text-decoration:line-through}.status-badge.expired{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.detail-modal{background:#1e293b;width:100%;max-width:800px;border-radius:24px;border:1px solid var(--border-color);position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.close-btn{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff0d;border:none;color:var(--text-secondary);font-size:2rem;line-height:1;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:#fff}.modal-content{padding:2.5rem;max-height:85vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-subtle)}.modal-logo-section{display:flex;align-items:center;gap:1.5rem}.large-logo{width:80px;height:80px;border-radius:16px;object-fit:cover;background:#fff}.large-placeholder{width:80px;height:80px;border-radius:16px;background:var(--bg-card-hover);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--text-secondary)}.modal-header h2{font-size:2rem;font-weight:700;margin:0;color:#fff}.inst-id{color:var(--text-tertiary);font-family:monospace;margin-top:.25rem}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.info-section h3{font-size:.9rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:1rem}.profile-card{display:flex;align-items:center;gap:1.5rem;background:var(--bg-card-hover);padding:1.5rem;border-radius:16px;border:1px solid var(--border-subtle)}.profile-img{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #f973164d}.profile-placeholder{width:80px;height:80px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-secondary)}.profile-details h4{margin:0;font-size:1.25rem;color:#fff}.profile-details p{color:#f97316;font-weight:600;margin:0 0 .5rem}.contact-row{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem;margin-top:4px}.address-box{background:#ffffff05;padding:1.5rem;border-radius:16px;border:1px solid var(--border-subtle)}.address-box p{margin:0 0 .5rem;color:var(--text-primary);line-height:1.5}.info-section.full-width{grid-column:1 / -1}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);padding:1.5rem;border-radius:16px;border:1px solid var(--border-subtle);text-align:center}.stat-value{display:block;font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.modal-grid,.stats-row{grid-template-columns:1fr}}.subscription-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.sub-settings-card,.admin-history-card{background:#1e293b;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease}.sub-settings-card:hover,.admin-history-card:hover{border-color:#6366f14d;box-shadow:0 10px 15px -3px #0003}.sub-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.sub-header-row h4,.admin-history-card h4{margin:0;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.01em;display:flex;align-items:center;gap:.75rem}.sub-header-row h4:before{content:"";display:block;width:6px;height:18px;background:#f97316;border-radius:10px}.admin-history-card h4:before{content:"";display:block;width:6px;height:18px;background:#6366f1;border-radius:10px}.switch-toggle{position:relative;display:inline-block;width:52px;height:30px}.switch-toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#334155;transition:.3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}.slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:#fff;box-shadow:0 2px 4px #0003;transition:.3s cubic-bezier(.4,0,.2,1)}.switch-toggle input:checked+.slider{background-color:#22c55e;border-color:#22c55e}.switch-toggle input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.input-group-row{display:flex;gap:1.5rem;margin-bottom:2rem}.admin-input-group{flex:1;display:flex;flex-direction:column;gap:.6rem}.admin-input-group label{font-size:.75rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-input{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.9rem 1rem;color:#fff;width:100%;font-size:1rem;font-weight:600;transition:all .2s}.admin-input:focus{outline:none;border-color:#f97316;background:#0f172acc;box-shadow:0 0 0 4px #f973161a}.price-input-wrapper{position:relative}.price-input-wrapper input{padding-left:2rem}.currency-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-weight:600}.save-sub-btn{width:100%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:1rem;border-radius:14px;cursor:pointer;font-weight:700;font-size:.95rem;letter-spacing:.01em;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #f973164d}.save-sub-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #f9731666}.admin-history-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem;max-height:240px;overflow-y:auto;padding-right:.5rem}.admin-history-list::-webkit-scrollbar{width:4px}.admin-history-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.admin-history-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid rgba(255,255,255,.03);padding:.85rem 1rem;border-radius:14px;transition:background .2s}.admin-history-item:hover{background:#ffffff0d}.ah-icon{width:36px;height:36px;background:#10b9811a;color:#10b981;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.ah-icon svg{opacity:.9}.ah-info{flex:1;display:flex;flex-direction:column;gap:2px}.ah-date{color:#f1f5f9;font-size:.9rem;font-weight:500}.ah-id{color:#64748b;font-size:.75rem;font-family:monospace}.ah-right-group{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ah-amount{color:#fff;font-weight:700;font-size:.95rem}.ah-status.success{font-size:.65rem;color:#22c55e;background:#22c55e1a;padding:2px 8px;border-radius:100px;font-weight:700;text-transform:uppercase}@media(max-width:900px){.subscription-controls-grid{grid-template-columns:1fr}}.subscription-view-wrapper{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.subscription-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.sub-flashcard{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column}.sub-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.sub-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.sub-icon-box.price{background:linear-gradient(135deg,#10b981,#059669)}.sub-icon-box.trial{background:linear-gradient(135deg,#f59e0b,#d97706)}.sub-icon-box.status{background:linear-gradient(135deg,#3b82f6,#2563eb)}.sub-icon-box.overview{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.sub-card-header h4{margin:0;color:#fff;font-size:1.1rem;font-weight:700}.sub-card-body{flex:1;display:flex;flex-direction:column}.sub-desc{font-size:.85rem;color:#ffffff80;margin-bottom:1.5rem}.input-group-price,.input-group-trial{display:flex;align-items:center;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1rem}.input-group-price input,.input-group-trial input{background:transparent;border:none;color:#fff;font-size:1.25rem;font-weight:800;width:100%;margin-left:.5rem;outline:none}.curr,.unit{color:#94a3b8;font-weight:700}.status-toggle-pill{width:100%;padding:1rem;border-radius:14px;border:none;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s}.status-toggle-pill.active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}.status-toggle-pill.disabled{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.status-toggle-pill .dot{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.status-pill{padding:.5rem;text-align:center;border-radius:8px;font-size:.8rem;font-weight:800;text-transform:uppercase;margin-bottom:1rem;letter-spacing:.05em}.status-pill.active{background:#065f46;color:#34d399}.status-pill.trial{background:#92400e;color:#fbbf24}.status-pill.expired,.status-pill.disabled{background:#7f1d1d;color:#fecaca}.mini-dates-list{display:flex;flex-direction:column;gap:.5rem}.mini-date{display:flex;justify-content:space-between;font-size:.8rem;color:#94a3b8}.mini-date .val{color:#fff;font-weight:600}.mini-date .val.highlight{color:#f97316}.admin-actions-bar{display:flex;justify-content:center;padding:1rem;background:#ffffff05;border-radius:20px;border:1px dashed rgba(255,255,255,.1)}.save-all-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:1rem 3rem;border-radius:14px;border:none;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 10px 20px -5px #f9731666;transition:transform .2s,box-shadow .2s}.save-all-btn:hover{transform:translateY(-3px);box-shadow:0 15px 25px -5px #f9731680}.history-card-full{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:20px;padding:2rem}.history-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;color:#fff}.history-header h3{margin:0;font-size:1.25rem;font-weight:700}.history-list{display:flex;flex-direction:column;gap:0}.log-item{display:flex;gap:1.5rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.log-item:last-child{border-bottom:none}.log-marker{width:4px;height:40px;background:#ffffff1a;border-radius:10px;flex-shrink:0}.log-main{flex:1}.log-top{display:flex;justify-content:space-between;margin-bottom:.25rem}.log-type{color:#fff;font-weight:700;font-size:.95rem}.log-time{color:#64748b;font-size:.8rem}.log-details{color:#94a3b8;font-size:.85rem;margin:0}.log-amt{color:#10b981;font-weight:800;font-size:1rem}.no-logs{text-align:center;color:#64748b;padding:2rem}.sub-loading{padding:4rem;text-align:center;color:var(--text-secondary)}.admin-details-page{min-height:100vh;background:var(--bg-page);padding:2rem;max-width:1200px;margin:0 auto}.back-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;margin-bottom:2rem;transition:color .2s}.back-btn:hover{color:var(--text-primary)}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;background:#ffffff08;padding:2rem;border-radius:20px;border:1px solid var(--border-subtle)}.dh-left{display:flex;align-items:center;gap:1.5rem}.dh-logo{width:80px;height:80px;border-radius:16px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--text-secondary);overflow:hidden}.dh-logo img{width:100%;height:100%;object-fit:cover}.dh-title{margin:0;font-size:2rem;color:#fff}.dh-meta{margin:.5rem 0 0;color:var(--text-tertiary);font-family:monospace}.dh-status{padding:.5rem 1.5rem;border-radius:100px;text-transform:uppercase;font-weight:800;letter-spacing:.05em;font-size:.9rem}.dh-status.active{background:#22c55e33;color:#4ade80}.dh-status.trial{background:#f59e0b33;color:#fbbf24}.dh-status.disabled{background:#64748b33;color:#94a3b8;text-decoration:line-through}.dh-status.expired{background:#ef444433;color:#f87171}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.d-card{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem}.d-card.full-width{grid-column:1 / -1}.d-card h3{margin:0 0 1.5rem;font-size:1.1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stats-row{display:flex;gap:2rem}.d-stat{flex:1;background:#ffffff0d;padding:1.5rem;border-radius:12px;text-align:center}.d-stat .val{display:block;font-size:2.5rem;font-weight:800;color:#fff}.d-stat .lbl{color:var(--text-tertiary);font-size:.9rem;text-transform:uppercase}.profile-row{display:flex;align-items:center;gap:1.5rem}.principal-thumb{width:60px;height:60px;border-radius:50%;object-fit:cover}.address-text p{margin:0 0 .5rem;color:var(--text-primary)}.register-page{min-height:100vh;background:var(--bg-page);padding:100px 20px 60px;position:relative;overflow:hidden}.register-page:before{content:"";position:absolute;top:-20%;left:20%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 60%);z-index:0;pointer-events:none}.register-container{max-width:800px;margin:0 auto;position:relative;z-index:10}.register-header{margin-bottom:40px}.back-to-home{display:inline-flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:10px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;margin-bottom:30px;transition:all .2s ease}.back-to-home:hover{background:var(--bg-card-hover);color:#fff;transform:translate(-4px)}.register-title-section{text-align:center}.register-icon{width:80px;height:80px;border-radius:20px;background:var(--bg-card-hover);border:1px solid var(--border-highlight);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary);box-shadow:0 0 0 8px #3b82f60d}.register-title-section h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.02em}.register-title-section p{font-size:1.1rem;color:var(--text-secondary)}.register-form{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;padding:40px;box-shadow:0 25px 50px -12px #0000004d}.form-section{margin-bottom:40px}.form-section:last-child{margin-bottom:20px}.section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center}.section-title:before{content:"";display:inline-block;width:4px;height:18px;background:var(--primary);margin-right:10px;border-radius:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.input-wrapper{display:flex;align-items:center;gap:12px;background:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0 16px;height:52px;transition:all .2s ease}.input-wrapper:focus-within{background:var(--bg-page);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.input-wrapper svg{color:var(--text-tertiary);transition:color .2s ease}.input-wrapper:focus-within svg{color:var(--primary)}.input-wrapper input,.input-wrapper textarea{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-weight:500;outline:none;font-family:inherit}.input-wrapper textarea{padding:14px 0;height:auto;resize:none}.submit-btn{width:100%;background:var(--primary);color:#fff;border:none;height:56px;border-radius:var(--radius-md);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:10px;box-shadow:0 4px 6px -1px #0003}.submit-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f666}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-footer{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:.95rem}.link-btn{background:transparent;border:none;color:var(--primary);font-weight:700;cursor:pointer;font-size:.95rem}.link-btn:hover{text-decoration:underline;color:var(--primary-hover)}@media(max-width:640px){.register-form{padding:24px}.form-row{grid-template-columns:1fr;gap:0}.register-title-section h1{font-size:2rem}}.student-fees-page{padding:1.5rem 2.5rem;color:var(--text-primary);min-height:100vh;background:var(--bg-page);display:flex;flex-direction:column}.s-fees-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.5rem 0;width:100%}.s-fees-header-modern .header-left{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px}.s-back-btn-minimal{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.s-back-btn-minimal:hover{background:var(--bg-card-hover);border-color:var(--primary);color:var(--primary);transform:translate(-3px)}.header-title-text{margin:0!important;padding:0!important;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;color:#fff;white-space:nowrap;display:inline-block}.quick-summary-badge{background:var(--bg-card);padding:.6rem 1.25rem;border-radius:14px;border:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:flex-end}.quick-summary-badge span{font-size:.6rem;text-transform:uppercase;font-weight:800;color:var(--text-secondary);letter-spacing:.8px}.quick-summary-badge strong{font-size:1.2rem;color:#10b981;font-weight:900}.s-portal-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:32px;padding:2rem;box-shadow:0 10px 40px #0003;flex:1;margin-bottom:2rem}.s-fees-main-layout{display:flex;gap:2rem;height:100%}.s-fees-left{flex:1.3;display:flex;flex-direction:column;height:100%}.s-fees-right{flex:1;display:flex;flex-direction:column;height:100%;border-left:1px solid var(--border-subtle);padding-left:2rem}.section-label{font-size:1.1rem;font-weight:800;margin-bottom:1.5rem;color:#fff;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.pending-grid{display:flex;flex-direction:column;gap:1.2rem;flex:1;overflow-y:auto;padding-right:10px}.fee-flashcard{border-radius:24px;padding:1.5rem;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 12px 30px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.fee-flashcard:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 15px 35px #0006}.fee-flashcard:before{content:"₹";position:absolute;right:-15px;bottom:-25px;font-size:10rem;font-weight:900;color:#ffffff1a;pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:flex-start;z-index:1}.month-year h2{margin:0;font-size:2rem;font-weight:900;letter-spacing:-.5px}.month-year span{font-size:.9rem;font-weight:700;opacity:.85}.card-icon{background:#fff3;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-breakage-area{margin:1rem 0;padding:.8rem 0;border-top:1px dashed rgba(255,255,255,.2);border-bottom:1px dashed rgba(255,255,255,.2);display:flex;flex-direction:column;gap:6px;z-index:1}.breakage-row{display:flex;justify-content:space-between;font-size:.8rem;opacity:.9}.breakage-row span{font-weight:600}.breakage-row strong{font-weight:800}.main-label-s{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px;margin-bottom:4px;opacity:.6}.main-label-s span{font-size:.65rem;font-weight:900}.paid-row-s{margin-top:4px;padding-top:4px;border-top:1px dashed rgba(255,255,255,.2);color:#fff;font-weight:800}.s-price-override-info{margin-top:-10px;margin-bottom:10px;z-index:1}.s-override-badge{background:#ffffff26;display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.s-old-pr{font-size:.75rem;text-decoration:line-through;opacity:.7;font-weight:700}.s-arr{font-size:.8rem;opacity:.8}.s-new-pr{font-size:.9rem;font-weight:900;color:#10b981}.price-stack-s{display:flex;align-items:center;gap:8px}.original-price-s{font-size:.75rem;text-decoration:line-through;opacity:.6;font-weight:600}.current-price-s{font-size:1rem;font-weight:900}.card-bottom{display:flex;justify-content:space-between;align-items:flex-end;z-index:1}.amount-stack label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:2px;display:block}.amount-stack .amount{font-size:1.8rem;font-weight:900}.pay-now-btn{background:#fff;color:#1a1a1a;border:none;padding:.7rem 1.4rem;border-radius:12px;font-weight:800;font-size:.85rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.pay-now-btn:hover{background:#f0f0f0}.pay-now-btn:disabled{opacity:.6;cursor:not-allowed}.history-container-pro{display:flex;flex-direction:column;gap:.8rem;flex:1;overflow-y:auto;padding-right:10px}.history-item-pro-expanded{display:flex;flex-direction:column;padding:1.25rem;background:var(--bg-page);border:1.5px solid var(--border-subtle);border-radius:20px;transition:all .2s;gap:1rem}.history-item-pro-expanded:hover{border-color:#10b981;background:var(--bg-card-hover)}.h-top-row{display:flex;justify-content:space-between;align-items:center}.h-status-tag{display:block;font-size:.6rem;font-weight:900;color:#10b981;letter-spacing:1px;margin-top:2px}.h-breakage-details{padding-top:.8rem;border-top:1px dashed var(--border-subtle);display:flex;flex-direction:column;gap:6px}.hb-row{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.hb-row span:first-child{font-weight:600}.hb-row span:last-child{font-weight:800;color:var(--text-primary)}.h-left{display:flex;align-items:center;gap:.8rem}.h-icon-box{width:38px;height:38px;background:#3b82f61a;color:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center}.h-text h4{margin:0;font-size:.95rem;font-weight:700}.h-text span{font-size:.75rem;color:var(--text-secondary);font-weight:600}.h-right{text-align:right}.h-amount{font-size:1.1rem;font-weight:800;color:#10b981}.h-amount-row{display:flex;align-items:center;gap:8px;justify-content:flex-end}.h-receipt-btns{display:flex;align-items:center;gap:6px}.h-view-receipt-btn,.h-download-receipt-btn{background:#10b9811a;color:#10b981;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.h-view-receipt-btn:hover,.h-download-receipt-btn:hover{background:#10b981;color:#fff}.fee-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20000;display:flex;align-items:center;justify-content:center}.s-confirm-pay-modal{background:#1e293b;border:1px solid rgba(255,255,255,.1);width:90%;max-width:420px;border-radius:28px;padding:2rem;box-shadow:0 25px 50px #00000080;animation:sModalPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes sModalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.s-modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative}.s-modal-top h3{margin:0;font-size:1.25rem;font-weight:900;color:#fff}.s-modal-mid{margin-bottom:2rem}.s-modal-mid p{color:#94a3b8;font-weight:600;margin-bottom:1.2rem}.s-pay-summary{background:#ffffff08;padding:1.25rem;border-radius:20px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:10px}.s-pay-row{display:flex;justify-content:space-between;font-size:.9rem;color:#cbd5e1}.s-pay-row strong{color:#fff}.s-balance{margin-top:10px;padding-top:10px;border-top:1.5px dashed rgba(255,255,255,.1);color:#f87171;font-weight:800;font-size:1rem}.s-amount-input-area{margin-top:2rem;display:flex;flex-direction:column;gap:10px}.s-amount-input-area label{font-size:.8rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.s-amount-input-area input{background:#0f172a;border:2px solid rgba(255,255,255,.1);padding:1rem;border-radius:16px;color:#10b981;font-size:1.5rem;font-weight:900;text-align:center;outline:none;transition:.3s}.s-amount-input-area input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.s-quick-options{display:flex;justify-content:flex-end;margin-top:8px}.s-quick-options button{background:none;border:none;color:#6366f1;font-weight:800;font-size:.8rem;cursor:pointer;text-decoration:underline}.s-modal-bot{display:flex;gap:12px}.s-modal-bot button{flex:1;padding:1rem;border-radius:16px;font-weight:800;cursor:pointer;transition:.2s;border:none}.s-cancel-btn{background:#ffffff0d;color:#94a3b8}.s-confirm-btn{background:#6366f1;color:#fff;box-shadow:0 10px 20px #6366f14d}.s-confirm-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.s-history-trigger{position:absolute;top:-5px;right:-5px;background:#fff;color:#6366f1;border:none;width:20px;height:20px;border-radius:50%;font-size:.7rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003}.history-modal-s{max-width:450px!important}.s-history-breakdown-box{background:#ffffff08;padding:1.25rem;border-radius:20px;border:1px solid rgba(255,255,255,.05);margin-bottom:1.5rem}.s-h-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:6px;color:#94a3b8}.s-h-row strong{color:#fff}.s-h-row.overridden{color:#6366f1;font-weight:700}.s-h-row.total{border-top:1px dashed rgba(255,255,255,.1);margin-top:8px;padding-top:8px;color:#10b981}.s-h-row.balance{color:#ef4444;font-weight:800}.s-transactions-timeline label{display:block;font-size:.7rem;font-weight:800;color:#64748b;margin-bottom:10px;letter-spacing:1px}.s-t-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.s-t-item{display:flex;align-items:center;background:#0003;padding:10px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.s-t-meta{display:flex;flex-direction:column;width:80px}.s-t-meta span{font-size:.8rem;font-weight:700;color:#fff}.s-t-meta small{font-size:.65rem;color:#64748b}.s-t-info{flex:1;text-align:center}.s-t-method{font-size:.7rem;font-weight:800;color:#6366f1;text-transform:uppercase}.s-t-amount{font-weight:800;color:#10b981;font-size:.95rem}.h-icon-box.ot-icon{background:#ec48991a;color:#ec4899}.driver-manifest-wrapper{background-color:#f1f5f9;min-height:100vh}.driver-manifest-page{max-width:500px;margin:0 auto;background-color:#f1f5f9;padding-bottom:40px}.driver-header-premium{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:24px 20px;border-radius:0 0 24px 24px;box-shadow:0 10px 15px -3px #0000001a}.driver-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.live-badge{background-color:#ef4444;color:#fff;font-size:10px;font-weight:900;padding:4px 8px;border-radius:4px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.digital-clock{font-family:monospace;font-size:18px;font-weight:700;color:#38bdf8}.bus-staff-banner{display:grid;grid-template-columns:1fr 1fr;gap:16px;background-color:#ffffff0d;padding:16px;border-radius:12px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.staff-main-info h3{margin:0;font-size:14px;font-weight:900;color:#fff}.staff-label{font-size:9px;font-weight:900;color:#38bdf8;display:block;margin-bottom:4px;text-transform:uppercase}.staff-mobile{margin:4px 0 0;font-size:12px;font-weight:700;color:#fff;opacity:1}.trip-control-section{margin-bottom:24px}.trip-btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:900;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0003}.trip-btn.start{background-color:#10b981;color:#fff}.trip-btn.stop{background-color:#ef4444;color:#fff}.trip-completed-badge{width:100%;padding:14px;background-color:#10b9811a;border:2px solid #10b981;color:#10b981;border-radius:12px;text-align:center;font-weight:900;font-size:14px;letter-spacing:1px}.bus-hero-info h1{margin:0;font-size:24px;font-weight:900}.route-path-visual-compact{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:12px;font-weight:700;color:#94a3b8}.arrow-line{flex:1;height:1px;background-color:#fff3;position:relative}.arrow-line:after{content:"▶";position:absolute;right:-2px;top:-6px;font-size:10px}.driver-tabs{display:flex;padding:20px;gap:12px}.d-tab{flex:1;padding:12px;border:none;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;cursor:pointer;box-shadow:0 4px 6px -1px #0000000d;transition:all .2s}.d-tab.active{background-color:#0891b2;transform:translateY(-2px)}.d-tab-primary{font-size:13px;font-weight:900;color:#64748b}.d-tab-secondary{font-size:10px;font-weight:700;color:#94a3b8}.active .d-tab-primary,.active .d-tab-secondary{color:#fff}.driver-stops-scroll{padding:0 20px;display:flex;flex-direction:column;gap:24px}.driver-stop-section{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.driver-stop-section.completed{border:2px solid #10b981}.d-stop-header{background-color:#f8fafc;padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1f5f9}.d-stop-index{width:24px;height:24px;background-color:#0f172a;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.d-stop-title-group{flex:1}.d-stop-title-group h3{margin:0;font-size:15px;font-weight:800;color:#1e293b}.d-stop-stats{font-size:10px;font-weight:700;color:#94a3b8}.complete-check{width:20px;height:20px;background-color:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.d-student-row{padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f8fafc}.d-student-row.marked{background-color:#ecfdf5}.d-student-info{display:flex;align-items:center;gap:12px;flex:1}.d-student-info img{width:40px;height:40px;border-radius:10px;object-fit:cover}.d-meta .d-name{margin:0;font-size:13px;font-weight:800;color:#1e293b}.d-meta .d-sub{margin:0;font-size:11px;color:#64748b;font-weight:600}.mark-btn-modern{padding:8px 16px;border:none;background-color:#f1f5f9;border-radius:8px;font-size:11px;font-weight:900;color:#64748b;cursor:pointer;transition:all .2s}.mark-btn-modern.marked{background-color:#10b981;color:#fff}.driver-loading{height:100vh;display:flex;align-items:center;justify-content:center;font-weight:800;color:#0891b2}