@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons+Round";.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(1000px 700px at 50% 40%,rgba(91,108,255,.08),transparent 65%),radial-gradient(800px 600px at 80% 80%,rgba(0,212,170,.07),transparent 60%),#f8fafc;color:#0f172a;font-family:Poppins,system-ui,-apple-system,sans-serif;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),visibility .5s ease;will-change:opacity,transform}.splash-screen--hiding{opacity:0;transform:scale(1.02);visibility:hidden;pointer-events:none}.splash-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.splash-logo-container{position:relative;margin-bottom:28px;display:flex;align-items:center;justify-content:center;width:110px;height:110px;border-radius:50%;overflow:hidden;background:#fff}.splash-logo-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:transparent;box-shadow:none!important;border:none!important;outline:none!important;filter:none!important;display:block}.splash-progress-box{width:220px;display:flex;flex-direction:column;align-items:center;gap:12px}.splash-progress-bar{width:100%;height:5px;border-radius:999px;background:#e2e8f0;overflow:hidden;position:relative}.splash-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#5b6cff,#00d4aa);transition:width .2s cubic-bezier(.1,.8,.2,1);will-change:width}.landing-page{position:relative;min-height:100vh;width:100%;background:#f8fafc;color:#0f172a;font-family:Poppins,system-ui,-apple-system,sans-serif;overflow-x:hidden}.landing-header{position:sticky;top:0;z-index:100;padding:16px 32px;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.8);display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;box-shadow:0 4px 20px #00000008}.landing-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#0f172a}.landing-brand-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#00d4aa,#5b6cff 70%,#a855f7);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px #5b6cff40}.landing-brand-text h1{font-size:18px;font-weight:700;letter-spacing:-.2px;margin:0;line-height:1.2;color:#0f172a}.landing-brand-text p{font-size:11px;color:#64748b;margin:0}.landing-nav-links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.landing-nav-link{color:#475569;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease;cursor:pointer}.landing-nav-link:hover{color:#5b6cff}.landing-header-actions{display:flex;align-items:center;gap:16px}.landing-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ecfdf5;border:1px solid #A7F3D0;color:#059669;font-size:12px;font-weight:600}.landing-btn-login{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:12px;background:linear-gradient(135deg,#5b6cff,#00d4aa);color:#fff;font-weight:600;font-size:14px;text-decoration:none;box-shadow:0 4px 16px #5b6cff4d;transition:all .25s ease;border:none;cursor:pointer}.landing-btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5b6cff73;color:#fff}.landing-bg-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.landing-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 85%)}.landing-hero-wrapper{position:relative;width:100%;overflow:hidden;border-bottom:1px solid #E2E8F0;background:#f1f5f9}.landing-hero-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 7s ease-out;opacity:0;transform:scale(1.04);z-index:0;filter:saturate(110%)}.landing-hero-bg-layer.active{opacity:1;transform:scale(1);animation:heroBlinkFlash 1.2s cubic-bezier(.16,1,.3,1) both}@keyframes heroBlinkFlash{0%{opacity:.15;filter:brightness(1.35) contrast(1.2) saturate(140%)}30%{opacity:.75;filter:brightness(1.15) contrast(1.1)}70%{opacity:1;filter:brightness(1) contrast(1)}to{opacity:1;filter:brightness(1) contrast(1) saturate(110%)}}.landing-hero-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(1100px 750px at 15% 20%,#f8fafce0,#f8fafcbd,#f8fafc94),linear-gradient(180deg,#f8fafca6,#f8fafce6);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.landing-hero{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:84px 24px 70px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.landing-hero-content{display:flex;flex-direction:column;align-items:flex-start}.landing-pill-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#fffffff2;border:1px solid #C7D2FE;color:#4f46e5;font-size:13px;font-weight:600;margin-bottom:20px;box-shadow:0 4px 12px #4f46e514}.landing-pill-dot{width:8px;height:8px;border-radius:50%;background:#00d4aa;box-shadow:0 0 8px #00d4aa99}.landing-hero h1{font-size:46px;line-height:1.15;font-weight:800;color:#0f172a;margin-bottom:20px;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(255,255,255,.8)}.landing-hero-gradient-text{background:linear-gradient(90deg,#5b6cff,#00d4aa,#9333ea);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero p{font-size:16.5px;line-height:1.7;color:#1e293b;margin-bottom:36px;max-width:520px;font-weight:500;text-shadow:0 1px 4px rgba(255,255,255,.9)}.landing-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.landing-btn-hero-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:14px;background:linear-gradient(135deg,#5b6cff,#00d4aa);color:#fff;font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 10px 30px #5b6cff4d;transition:all .25s ease;border:none;cursor:pointer}.landing-btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 14px 36px #5b6cff73;color:#fff}.landing-btn-hero-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:14px;background:#fffffff2;border:1.5px solid #CBD5E1;color:#1e293b;font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 4px 14px #0000000d;transition:all .25s ease;cursor:pointer}.landing-btn-hero-secondary:hover{background:#fff;border-color:#94a3b8;color:#0f172a}.landing-hero-slider-dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:5;background:#ffffffe6;padding:6px 14px;border-radius:999px;border:1px solid #E2E8F0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0f172a14}.landing-hero-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;border:none;cursor:pointer;transition:all .3s ease;padding:0}.landing-hero-dot.active{width:24px;border-radius:999px;background:#5b6cff}.landing-hero-graphic{position:relative}.landing-imac-container{position:relative;width:100%;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px #0f172a29;border:1px solid rgba(226,232,240,.8);background:#fff;transition:transform .4s ease,box-shadow .4s ease}.landing-imac-container:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 32px 70px #0f172a38}.landing-imac-img{width:100%;height:auto;display:block;object-fit:cover;border-radius:20px}.landing-floating-badge{position:absolute;bottom:-20px;left:-20px;background:#fffffff2;border:1px solid #E2E8F0;border-radius:16px;padding:14px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 15px 35px #0f172a24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3}.landing-floating-badge-icon{width:36px;height:36px;border-radius:10px;background:#ecfdf5;color:#059669;display:grid;place-items:center}.landing-floating-badge-title{font-size:13px;font-weight:700;color:#0f172a}.landing-floating-badge-subtitle{font-size:11px;color:#64748b}.landing-mobile-section{position:relative;background:linear-gradient(180deg,#fff,#f8fafc);border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;padding:90px 24px}.landing-mobile-container{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.landing-mobile-graphic{position:relative;display:flex;justify-content:center;align-items:center}.landing-iphone-wrapper{position:relative;max-width:380px;width:100%;border-radius:36px;overflow:hidden;box-shadow:0 30px 80px #0f172a2e;border:2px solid #E2E8F0;background:#fff;transition:transform .4s ease,box-shadow .4s ease}.landing-iphone-wrapper:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 40px 90px #5b6cff38}.landing-iphone-img{width:100%;height:auto;display:block;object-fit:cover;border-radius:34px}.landing-mobile-floating-badge{position:absolute;bottom:24px;right:-10px;background:#fffffff2;border:1px solid #E2E8F0;border-radius:16px;padding:12px 18px;display:flex;align-items:center;gap:10px;box-shadow:0 15px 35px #0f172a1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4}.landing-mobile-floating-icon{width:32px;height:32px;border-radius:10px;background:#eef2ff;color:#5b6cff;display:grid;place-items:center}.landing-mobile-content{display:flex;flex-direction:column;align-items:flex-start}.landing-mobile-points{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 36px;width:100%}.landing-mobile-point{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:20px;box-shadow:0 4px 14px #00000005;transition:all .25s ease}.landing-mobile-point:hover{border-color:#c7d2fe;transform:translateY(-3px);box-shadow:0 10px 24px #5b6cff14}.landing-mobile-point-icon{width:38px;height:38px;border-radius:12px;background:#eef2ff;border:1px solid #C7D2FE;color:#5b6cff;display:grid;place-items:center;margin-bottom:12px}.landing-mobile-point h4{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 4px}.landing-mobile-point p{font-size:12.5px;color:#64748b;line-height:1.5;margin:0}.landing-store-badges{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.landing-store-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:14px;background:#0f172a;color:#fff;text-decoration:none;font-weight:600;font-size:13px;box-shadow:0 6px 18px #0f172a33;transition:all .2s ease}.landing-store-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a59;color:#fff}.landing-section{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:80px 24px}.landing-section-head{text-align:center;max-width:680px;margin:0 auto 50px}.landing-section-kicker{font-size:13px;font-weight:700;color:#5b6cff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.landing-section-title{font-size:34px;font-weight:800;color:#0f172a;margin-bottom:16px}.landing-section-subtitle{font-size:15.5px;color:#64748b;line-height:1.6}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px}.landing-feature-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:32px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.landing-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5b6cff,#00d4aa);opacity:0;transition:opacity .3s ease}.landing-feature-card:hover{transform:translateY(-6px);border-color:#c7d2fe;box-shadow:0 20px 40px #5b6cff14}.landing-feature-card:hover:before{opacity:1}.landing-feature-icon{width:52px;height:52px;border-radius:14px;background:#eef2ff;border:1px solid #C7D2FE;color:#5b6cff;display:grid;place-items:center;margin-bottom:20px}.landing-feature-title{font-size:19px;font-weight:700;color:#0f172a;margin-bottom:10px}.landing-feature-desc{font-size:14px;color:#64748b;line-height:1.6}.landing-stats-banner{background:linear-gradient(135deg,#eef2ff,#ecfdf5);border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;padding:50px 24px;margin:40px 0}.landing-stats-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.landing-stat-item h3{font-size:40px;font-weight:800;margin-bottom:4px;background:linear-gradient(90deg,#1e1b4b,#5b6cff);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-stat-item p{font-size:14px;color:#475569;font-weight:600}.landing-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.landing-trust-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:#fff;border:1px solid #E2E8F0;box-shadow:0 4px 14px #00000008}.landing-trust-icon{width:42px;height:42px;border-radius:12px;background:#ecfdf5;color:#059669;display:grid;place-items:center;flex-shrink:0}.landing-trust-info h4{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:2px}.landing-trust-info p{font-size:12px;color:#64748b}.landing-cta-banner{max-width:1240px;margin:60px auto 80px;padding:0 24px}.landing-cta-box{background:linear-gradient(135deg,#1e295b,#0f172a);border-radius:28px;padding:60px 40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 25px 50px #0f172a26}.landing-cta-box h2{font-size:32px;font-weight:800;color:#fff;margin-bottom:14px}.landing-cta-box p{font-size:16px;color:#cbd5e1;max-width:600px;margin:0 auto 32px}.landing-footer{border-top:1px solid #E2E8F0;padding:40px 24px;background:#fff}.landing-footer-container{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.landing-footer-copy{font-size:13px;color:#64748b;font-weight:500}@media (max-width: 992px){.landing-hero{grid-template-columns:1fr;gap:40px;padding-top:40px}.landing-hero h1{font-size:36px}.landing-mobile-container{grid-template-columns:1fr;gap:40px}.landing-stats-grid{grid-template-columns:repeat(2,1fr)}.landing-nav-links{display:none}}@media (max-width: 576px){.landing-header{padding:12px 16px}.landing-hero h1{font-size:28px}.landing-mobile-points,.landing-stats-grid{grid-template-columns:1fr}.landing-cta-box{padding:40px 20px}.landing-cta-box h2{font-size:24px}}.auth-page{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(1200px 800px at 15% 10%,rgba(91,108,255,.07),transparent 60%),radial-gradient(1000px 700px at 85% 90%,rgba(0,212,170,.07),transparent 55%),#f8fafc;overflow:hidden;color:#0f172a;font-family:Poppins,system-ui,-apple-system,sans-serif}.auth-page__bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.auth-page__card{position:relative;z-index:2;width:100%;max-width:1140px;min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #E2E8F0;border-radius:28px;overflow:hidden;box-shadow:0 25px 70px #0f172a17}.auth-page__hero{position:relative;padding:48px;color:#0f172a;display:flex;flex-direction:column;gap:28px;background:linear-gradient(160deg,#f8fafc,#eef2ff);border-right:1px solid #E2E8F0}.auth-page__brand{display:flex;align-items:center;gap:16px}.auth-logo-ring{width:64px;height:64px;min-width:64px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#00d4aa,#5b6cff 70%,#a855f7);box-shadow:0 8px 20px #5b6cff38}.auth-logo-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff}.auth-brand-text h1{font-size:20px;font-weight:800;color:#0f172a;margin:0;line-height:1.2}.auth-brand-text p{font-size:12px;color:#64748b;margin:2px 0 0;font-weight:500}.auth-hero-heading h2{font-size:32px;line-height:1.2;font-weight:800;color:#0f172a;margin:0 0 12px;letter-spacing:-.4px}.accent-text{background:linear-gradient(90deg,#5b6cff,#00d4aa,#9333ea);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-hero-heading p{font-size:14.5px;line-height:1.7;color:#475569;font-weight:500;margin:0}.auth-features-list{list-style:none;display:flex;flex-direction:column;gap:16px;margin:0;padding:0}.auth-feature-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;background:#fff;border:1px solid #E2E8F0;box-shadow:0 4px 14px #00000005}.auth-feature-icon{width:38px;height:38px;min-width:38px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;border:1px solid #C7D2FE;color:#5b6cff}.auth-feature-title{font-size:14.5px;font-weight:700;color:#0f172a;margin-bottom:2px}.auth-feature-desc{font-size:12.5px;color:#64748b;line-height:1.5}.auth-hero-trust{margin-top:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.auth-trust-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#059669;padding:8px 14px;border-radius:999px;background:#ecfdf5;border:1px solid #A7F3D0;font-weight:600}.auth-page__form-wrap{padding:48px 44px;display:flex;flex-direction:column;justify-content:center;background:#fff;position:relative}.auth-back-top-btn{position:absolute;top:24px;right:28px;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:10px;background:#f8fafc;border:1px solid #E2E8F0;color:#475569;font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.auth-back-top-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.auth-form-header{margin-bottom:28px}.auth-kicker-tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#5b6cff;padding:6px 12px;border-radius:999px;background:#eef2ff;border:1px solid #C7D2FE;margin-bottom:14px}.auth-kicker-dot{width:6px;height:6px;border-radius:50%;background:#00d4aa}.auth-form-header h3{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.3px}.auth-form-header p{margin:0;font-size:14px;color:#64748b}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field-label{font-size:13px;font-weight:600;color:#334155;display:flex;align-items:center;justify-content:space-between}.auth-forgot-link{font-weight:600;font-size:12.5px;color:#5b6cff;text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;transition:color .2s ease}.auth-input-element{width:100%;padding:13px 44px;font-size:14.5px;font-family:inherit;background:#f8fafc;color:#0f172a;border:1.5px solid #CBD5E1;border-radius:14px;outline:none;font-weight:500;transition:all .2s ease}.auth-input-element:focus{border-color:#5b6cff;background:#fff;box-shadow:0 0 0 4px #5b6cff1f}.auth-input-wrapper:focus-within .auth-input-icon{color:#5b6cff}.auth-pwd-toggle{position:absolute;right:10px;width:34px;height:34px;border:none;background:transparent;display:grid;place-items:center;border-radius:10px;color:#64748b;cursor:pointer}.auth-pwd-toggle:hover{color:#0f172a}.auth-btn-login{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;border-radius:14px;border:none;background:linear-gradient(135deg,#5b6cff,#00d4aa);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px #5b6cff4d;margin-top:6px}.auth-btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #5b6cff73}.auth-btn-login:disabled{opacity:.7;cursor:not-allowed}.auth-form-footer{margin-top:24px;padding-top:20px;border-top:1px solid #F1F5F9;text-align:center}.auth-help-note{margin:0;font-size:12.5px;color:#64748b;line-height:1.6}@media (max-width: 980px){.auth-page__card{grid-template-columns:1fr;min-height:unset}.auth-page__hero{border-right:none;border-bottom:1px solid #E2E8F0;padding:36px 28px}.auth-page__form-wrap{padding:36px 28px}.auth-back-top-btn{top:16px;right:20px}}@media (max-width: 560px){.auth-page{padding:18px 12px}.auth-page__hero,.auth-page__form-wrap{padding:28px 20px}}:root{--mac-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Poppins", sans-serif;--mac-mono: "SF Mono", Menlo, Monaco, Consolas, "Courier New", monospace;--mac-bg: #F5F5F7;--mac-card-bg: rgba(255, 255, 255, .92);--mac-glass-bg: rgba(255, 255, 255, .78);--mac-border: rgba(0, 0, 0, .08);--mac-border-hover: rgba(0, 0, 0, .16);--mac-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--mac-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .03);--mac-shadow-lg: 0 12px 36px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .05);--mac-shadow-floating: 0 20px 40px rgba(0, 0, 0, .16), 0 6px 16px rgba(0, 0, 0, .08);--mac-blue: #0071E3;--mac-blue-hover: #0077ED;--mac-blue-light: rgba(0, 113, 227, .1);--mac-red: #FF3B30;--mac-red-light: rgba(255, 59, 48, .1);--mac-green: #34C759;--mac-green-light: rgba(52, 199, 89, .12);--mac-amber: #FF9500;--mac-amber-light: rgba(255, 149, 0, .12);--mac-purple: #AF52DE;--mac-purple-light: rgba(175, 82, 222, .12);--mac-cyan: #5AC8FA;--mac-cyan-light: rgba(90, 200, 250, .15);--mac-text-primary: #1D1D1F;--mac-text-secondary: #6E6E73;--mac-text-tertiary: #86868B}.mac-students-container{font-family:var(--mac-font);color:var(--mac-text-primary);background:transparent;padding:0 8px 60px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mac-status-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:var(--mac-blue-light);color:var(--mac-blue);border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.01em}.mac-btn-accent-green{background:#34c7591f;color:#248a3d;border:1px solid rgba(52,199,89,.25)}.mac-btn-accent-green:hover{background:#34c75933}.mac-btn-accent-purple{background:#af52de1a;color:#8936b2;border:1px solid rgba(175,82,222,.25)}.mac-btn-accent-purple:hover{background:#af52de2e}.mac-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:20px}.mac-filter-card{background:var(--mac-card-bg);border:1px solid var(--mac-border);border-radius:14px;padding:14px 18px;margin-bottom:14px;box-shadow:var(--mac-shadow-sm);display:flex;flex-direction:column;gap:12px}.mac-filter-row-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.mac-segmented-control{display:inline-flex;background:#ebebed;border-radius:9px;padding:3px;gap:2px;flex-wrap:wrap;max-width:100%}.mac-segment-btn{font-family:var(--mac-font);border:none;background:transparent;color:var(--mac-text-secondary);font-size:12px;font-weight:500;padding:5px 12px;border-radius:7px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.mac-division-group{display:flex;align-items:center;gap:6px}.mac-division-label{font-size:11px;font-weight:600;color:var(--mac-text-secondary);margin-right:2px;text-transform:uppercase;letter-spacing:.03em}.mac-division-btn{font-family:var(--mac-font);min-width:28px;height:28px;padding:0 8px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#f5f5f7;color:var(--mac-text-secondary);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.mac-division-btn:hover:not(.active){background:#ebebed;color:var(--mac-text-primary)}.mac-division-btn.active{background:var(--mac-blue);color:#fff;border-color:var(--mac-blue);box-shadow:0 1px 4px #0071e359}.mac-search-filter-row{display:flex;align-items:center;gap:12px}.mac-search-box-adm{width:175px}.mac-view-btn{border:none;background:transparent;padding:5px 8px;border-radius:6px;color:var(--mac-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.mac-table-container{background:#fff;border:1px solid var(--mac-border);border-radius:14px;overflow:hidden;box-shadow:var(--mac-shadow-sm);overflow-x:auto}.mac-table th{padding:11px 12px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--mac-text-secondary);white-space:nowrap}.mac-table td{padding:10px 12px;color:var(--mac-text-primary);vertical-align:middle}.mac-student-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#1d1d1f;overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.08);background:#f1f5f9;margin:0 auto}.mac-student-avatar img{width:100%;height:100%;object-fit:cover}.mac-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.mac-badge-adm{background:#0071e314;color:var(--mac-blue);border:1px solid rgba(0,113,227,.2);font-family:var(--mac-mono)}.mac-badge-class{background:#f5f5f7;color:var(--mac-text-primary);border:1px solid rgba(0,0,0,.08)}.mac-badge-green{background:var(--mac-green-light);color:#248a3d;border:1px solid rgba(52,199,89,.25)}.mac-icon-action-btn{background:none;border:none;cursor:pointer;color:var(--mac-text-tertiary);width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.mac-icon-action-btn:hover{background:#ebebed;color:var(--mac-text-primary)}.mac-students-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.mac-student-card{background:#fff;border:1px solid var(--mac-border);border-radius:14px;padding:16px;box-shadow:var(--mac-shadow-sm);display:flex;flex-direction:column;gap:12px;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.mac-student-card:hover{transform:translateY(-2px);border-color:#0071e359;box-shadow:var(--mac-shadow-md)}.mac-student-card.selected{border-color:var(--mac-blue);background:#f0f6ff99;box-shadow:0 0 0 2px #0071e333}.mac-card-header{display:flex;align-items:flex-start;gap:12px}.mac-card-checkbox{width:18px;height:18px;border-radius:4px;accent-color:var(--mac-blue);cursor:pointer;margin-top:4px}.mac-card-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#1d1d1f;overflow:hidden;border:2px solid #FFFFFF;box-shadow:0 2px 6px #00000014;background:#f1f5f9;flex-shrink:0}.mac-card-avatar img{width:100%;height:100%;object-fit:cover}.mac-card-header-info{display:flex;flex-direction:column;flex:1;min-width:0}.mac-card-name{font-size:14px;font-weight:700;color:var(--mac-text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac-card-badges-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.mac-card-details-box{background:#f8f9fa;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:11px}.mac-card-detail-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.mac-card-detail-label{color:var(--mac-text-tertiary);font-weight:500}.mac-card-detail-value{color:var(--mac-text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mac-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.mac-card-actions{display:flex;align-items:center;gap:6px}.mac-floating-dock{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1e1e23e6;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:8px 18px;box-shadow:var(--mac-shadow-floating);display:flex;align-items:center;gap:12px;z-index:999;animation:macDockBounce .3s cubic-bezier(.175,.885,.32,1.275)}.mac-dock-count-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff;padding-right:8px;border-right:1px solid rgba(255,255,255,.2)}.mac-dock-pill-green{background:#34c759;color:#fff;box-shadow:0 2px 8px #34c75966}.mac-dock-pill-green:hover{background:#30b753;transform:translateY(-1px)}.mac-dock-pill-purple{background:#af52de;color:#fff;box-shadow:0 2px 8px #af52de66}.mac-dock-pill-purple:hover{background:#9d47c9;transform:translateY(-1px)}.mac-sheet-window{background:#fff;border-radius:18px;box-shadow:var(--mac-shadow-lg);border:1px solid rgba(0,0,0,.1);width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:macSheetSlide .25s cubic-bezier(.16,1,.3,1)}.mac-dropzone:hover{border-color:var(--mac-blue);background:#0071e30f}@media (max-width: 768px){.mac-filter-row-top{flex-direction:column;align-items:stretch}.mac-search-box{width:100%}.mac-floating-dock{flex-wrap:wrap;bottom:12px;width:calc(100% - 32px);justify-content:center}}:root{--ios-bg: #f2f2f7;--ios-card-bg: #ffffff;--ios-card-subtle: #f9f9fb;--ios-primary: #007aff;--ios-primary-hover: #0062cc;--ios-primary-light: #e5f1ff;--ios-success: #34c759;--ios-success-light: #e8f9ed;--ios-warning: #ff9500;--ios-danger: #ff3b30;--ios-danger-light: #ffe5e5;--ios-label-primary: #1c1c1e;--ios-label-secondary: #8e8e93;--ios-label-tertiary: #c7c7cc;--ios-separator: rgba(60, 60, 67, .12);--ios-border: #d1d1d6;--ios-radius-lg: 24px;--ios-radius-md: 16px;--ios-radius-sm: 12px;--ios-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--ios-shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--ios-shadow-md: 0 8px 24px rgba(0, 0, 0, .06);--ios-shadow-lg: 0 16px 40px rgba(0, 0, 0, .08)}.public-admission-wrapper{min-height:100vh;background-color:var(--ios-bg);background-image:radial-gradient(at 0% 0%,rgba(0,122,255,.06) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(52,199,89,.05) 0px,transparent 50%);font-family:var(--ios-font);color:var(--ios-label-primary);padding:32px 16px 96px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.public-admission-container{max-width:880px;margin:0 auto;background:var(--ios-card-bg);border-radius:var(--ios-radius-lg);border:1px solid rgba(0,0,0,.06);box-shadow:var(--ios-shadow-lg);overflow:hidden;position:relative}.public-school-header{background:linear-gradient(135deg,#1c1c1e,#2c2c2e 40%,#007aff);color:#fff;padding:36px 28px 32px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.1)}.public-school-logo-wrap{width:84px;height:84px;border-radius:22%;background:#fff;border:3.5px solid rgba(255,255,255,.9);box-shadow:0 10px 24px #00000047;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0;transition:transform .2s ease}.public-school-logo-wrap:hover{transform:scale(1.03)}.public-school-logo-img{width:100%;height:100%;object-fit:contain;border-radius:20%;display:block}.public-school-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ios-primary);font-size:22px;font-weight:800;background:var(--ios-primary-light)}.public-school-name{font-size:24px;font-weight:800;letter-spacing:-.5px;text-transform:uppercase;margin:0;color:#fff;line-height:1.25}.public-school-meta{font-size:13px;color:#ffffffd9;max-width:660px;line-height:1.5;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;font-weight:400;letter-spacing:-.1px}.public-school-contact-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#bae6fd;font-weight:500}.public-portal-tag{background:#ffffff2e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);padding:5px 16px;border-radius:20px;font-size:11.5px;font-weight:700;letter-spacing:.2px;margin-top:4px;display:inline-flex;align-items:center;gap:6px;color:#fff}.public-steps-tracker{display:grid;grid-template-columns:repeat(4,1fr);padding:10px;background:#e5e5ea;border-radius:var(--ios-radius-md);margin:20px 28px 0;gap:6px;box-sizing:border-box}.public-step-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:var(--ios-radius-sm);font-size:13px;font-weight:600;color:var(--ios-label-secondary);background:transparent;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;-webkit-user-select:none;user-select:none}.public-step-item.active{background:#fff;color:var(--ios-primary);box-shadow:0 3px 8px #0000001f,0 1px 2px #0000000a}.public-step-item.completed{color:var(--ios-success)}.public-step-badge{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#00000014;color:var(--ios-label-secondary);transition:all .2s ease}.public-step-item.active .public-step-badge{background:var(--ios-primary);color:#fff}.public-step-item.completed .public-step-badge{background:var(--ios-success);color:#fff}@media (max-width: 720px){.public-steps-tracker{margin:16px 16px 0;gap:4px;padding:6px}.public-step-item{padding:8px 4px;font-size:11px;gap:4px}.public-step-item span.step-label{display:none}}.public-form-body{padding:32px 28px}.public-section-title{font-size:13px;font-weight:600;text-transform:uppercase;color:var(--ios-label-secondary);letter-spacing:-.08px;margin:0 0 10px;display:flex;align-items:center;gap:8px}.public-inset-card{background:var(--ios-card-bg);border:1px solid var(--ios-border);border-radius:var(--ios-radius-md);padding:20px;margin-bottom:24px;box-shadow:var(--ios-shadow-sm)}.public-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px;margin-bottom:20px}.public-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 20px;margin-bottom:20px}.public-grid-1{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:20px}@media (max-width: 680px){.public-grid-2,.public-grid-3{grid-template-columns:1fr;gap:14px}.public-form-body{padding:20px 16px}}.public-form-group{display:flex;flex-direction:column;gap:6px}.public-form-label{font-size:12.5px;font-weight:600;color:var(--ios-label-primary);letter-spacing:-.1px}.public-form-label span.req{color:var(--ios-danger);margin-left:2px}.public-form-input,.public-form-select,.public-form-textarea{width:100%;padding:12px 14px;border-radius:var(--ios-radius-sm);border:1px solid var(--ios-border);font-size:14px;font-family:var(--ios-font);color:var(--ios-label-primary);outline:none;background:#fff;box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.1px}.public-form-input:focus,.public-form-select:focus,.public-form-textarea:focus{border-color:var(--ios-primary);box-shadow:0 0 0 3.5px #007aff2e;background:#fff}.public-form-input::placeholder,.public-form-textarea::placeholder{color:var(--ios-label-tertiary)}.public-dropzone{border:2px dashed #b0b0b8;border-radius:var(--ios-radius-md);padding:24px 16px;text-align:center;cursor:pointer;background:var(--ios-card-subtle);display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease}.public-dropzone:hover{border-color:var(--ios-primary);background:var(--ios-primary-light)}.ios-radio-group{display:flex;background:#e5e5ea;border-radius:10px;padding:3px;gap:2px}.ios-radio-btn{flex:1;text-align:center;padding:8px 12px;font-size:13px;font-weight:600;border-radius:8px;color:var(--ios-label-secondary);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.ios-radio-btn.active{background:#fff;color:var(--ios-label-primary);box-shadow:0 2px 6px #0000001a}.public-btn-bar{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding-top:24px;border-top:1px solid var(--ios-separator)}.public-btn-primary{background:linear-gradient(180deg,#007aff,#0062cc);color:#fff;border:none;border-radius:var(--ios-radius-sm);padding:13px 32px;font-size:15px;font-weight:700;font-family:var(--ios-font);cursor:pointer;box-shadow:0 6px 16px #007aff59;display:inline-flex;align-items:center;gap:8px;transition:all .18s cubic-bezier(.4,0,.2,1);letter-spacing:-.2px}.public-btn-primary:hover{background:linear-gradient(180deg,#006ee6,#0056b3);box-shadow:0 8px 20px #007aff6b;transform:translateY(-1px)}.public-btn-primary:active{transform:scale(.98)}.public-btn-secondary{background:#e5e5ea;color:var(--ios-primary);border:none;border-radius:var(--ios-radius-sm);padding:13px 26px;font-size:15px;font-weight:600;font-family:var(--ios-font);cursor:pointer;transition:all .18s ease}.public-btn-secondary:hover{background:#d8d8dc}.public-btn-secondary:active{transform:scale(.98)}.public-success-card{text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:18px}.public-success-icon{width:80px;height:80px;border-radius:50%;background:var(--ios-success-light);color:var(--ios-success);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #34c75933}.public-ref-box{background:var(--ios-primary-light);border:2px dashed var(--ios-primary);border-radius:var(--ios-radius-md);padding:20px 36px;margin:14px 0;box-shadow:var(--ios-shadow-sm)}.public-ref-number{font-size:26px;font-weight:900;color:var(--ios-primary);letter-spacing:1.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media print{body{background:#fff!important}.public-steps-tracker,.public-btn-bar,button{display:none!important}.public-admission-wrapper{padding:0!important;background:#fff!important}.public-admission-container{box-shadow:none!important;border:none!important}}:root{--mac-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Poppins", sans-serif;--mac-mono: "SF Mono", Menlo, Monaco, Consolas, "Courier New", monospace;--mac-bg: #F5F5F7;--mac-card-bg: rgba(255, 255, 255, .92);--mac-glass-bg: rgba(255, 255, 255, .78);--mac-border: rgba(0, 0, 0, .08);--mac-border-hover: rgba(0, 0, 0, .16);--mac-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--mac-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .03);--mac-shadow-lg: 0 12px 36px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .05);--mac-shadow-floating: 0 20px 40px rgba(0, 0, 0, .15), 0 6px 16px rgba(0, 0, 0, .08);--mac-blue: #0071E3;--mac-blue-hover: #0077ED;--mac-blue-light: rgba(0, 113, 227, .1);--mac-red: #FF3B30;--mac-red-light: rgba(255, 59, 48, .1);--mac-green: #34C759;--mac-green-light: rgba(52, 199, 89, .12);--mac-amber: #FF9500;--mac-amber-light: rgba(255, 149, 0, .12);--mac-purple: #AF52DE;--mac-purple-light: rgba(175, 82, 222, .12);--mac-text-primary: #1D1D1F;--mac-text-secondary: #6E6E73;--mac-text-tertiary: #86868B}.mac-staff-container{font-family:var(--mac-font);color:var(--mac-text-primary);background:transparent;padding:0 8px 48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mac-window-banner{background:var(--mac-card-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--mac-border);border-radius:16px;padding:16px 20px;margin-bottom:20px;box-shadow:var(--mac-shadow-sm);display:flex;flex-direction:column;gap:16px}.mac-window-banner-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.mac-traffic-lights{display:inline-flex;align-items:center;gap:8px}.mac-traffic-dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:inset 0 1px 2px #0003}.mac-traffic-dot.close{background-color:#ff5f56;border:1px solid #E0443E}.mac-traffic-dot.minimize{background-color:#ffbd2e;border:1px solid #DEA123}.mac-traffic-dot.zoom{background-color:#27c93f;border:1px solid #1AAB29}.mac-title-group{display:flex;align-items:center;gap:12px}.mac-app-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--mac-text-primary);margin:0;display:flex;align-items:center;gap:8px}.mac-status-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:var(--mac-blue-light);color:var(--mac-blue);border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.01em}.mac-status-pulse{width:6px;height:6px;background-color:var(--mac-green);border-radius:50%;box-shadow:0 0 0 2px #34c7594d}.mac-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mac-btn{font-family:var(--mac-font);display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);border:1px solid transparent;outline:none;-webkit-user-select:none;user-select:none}.mac-btn:active{transform:scale(.97)}.mac-btn-primary{background:linear-gradient(180deg,#0077ed,#0071e3);color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0071e34d}.mac-btn-primary:hover{background:#0077ed;box-shadow:0 2px 6px #0071e366}.mac-btn-secondary{background:#f5f5f7;color:var(--mac-text-primary);border:1px solid rgba(0,0,0,.08)}.mac-btn-secondary:hover{background:#ebebed;border-color:#00000026}.mac-btn-accent-green{background:#34c7591a;color:#248a3d;border:1px solid rgba(52,199,89,.25)}.mac-btn-accent-green:hover{background:#34c7592e}.mac-btn-accent-blue{background:#0071e31a;color:var(--mac-blue);border:1px solid rgba(0,113,227,.25)}.mac-btn-accent-blue:hover{background:#0071e32e}.mac-btn-accent-dark{background:#6e6e731a;color:#48484a;border:1px solid rgba(110,110,115,.2)}.mac-btn-accent-dark:hover{background:#6e6e732e}.mac-segmented-control{display:inline-flex;background:#ebebed;border-radius:9px;padding:3px;gap:2px}.mac-segment-btn{font-family:var(--mac-font);border:none;background:transparent;color:var(--mac-text-secondary);font-size:12px;font-weight:500;padding:5px 14px;border-radius:7px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:5px}.mac-segment-btn:hover:not(.active){color:var(--mac-text-primary)}.mac-segment-btn.active{background:#fff;color:var(--mac-text-primary);font-weight:600;box-shadow:0 1px 3px #00000014,0 1px 1px #0000000a}.mac-segment-count{font-size:11px;padding:1px 6px;background:#0000000f;border-radius:10px}.mac-segment-btn.active .mac-segment-count{background:var(--mac-blue-light);color:var(--mac-blue)}.mac-search-filter-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.mac-search-box{position:relative;width:260px}.mac-search-input{width:100%;padding:7px 32px;background:#ebebed;border:1px solid transparent;border-radius:8px;font-family:var(--mac-font);font-size:12px;color:var(--mac-text-primary);outline:none;transition:all .18s ease;box-sizing:border-box}.mac-search-input:focus{background:#fff;border-color:var(--mac-blue);box-shadow:0 0 0 3px #0071e333}.mac-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--mac-text-tertiary);pointer-events:none}.mac-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;font-size:16px;color:var(--mac-text-tertiary);cursor:pointer}.mac-search-clear:hover{color:var(--mac-text-primary)}.mac-dropdown-select{font-family:var(--mac-font);background:#ebebed;border:1px solid transparent;border-radius:8px;padding:7px 12px;font-size:12px;color:var(--mac-text-primary);font-weight:500;outline:none;cursor:pointer;transition:all .18s ease}.mac-dropdown-select:hover{background:#e1e1e6}.mac-dropdown-select:focus{background:#fff;border-color:var(--mac-blue);box-shadow:0 0 0 3px #0071e333}.mac-view-switcher{display:inline-flex;background:#ebebed;border-radius:8px;padding:2px}.mac-view-btn{border:none;background:transparent;padding:5px 8px;border-radius:6px;color:var(--mac-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.mac-view-btn.active{background:#fff;color:var(--mac-text-primary);box-shadow:0 1px 2px #0000001a}.mac-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px}.mac-stat-card{background:var(--mac-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--mac-border);border-radius:14px;padding:16px 18px;box-shadow:var(--mac-shadow-sm);display:flex;align-items:center;gap:14px;transition:transform .15s ease,box-shadow .15s ease}.mac-stat-card:hover{transform:translateY(-2px);box-shadow:var(--mac-shadow-md);border-color:var(--mac-border-hover)}.mac-stat-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mac-stat-info{display:flex;flex-direction:column}.mac-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--mac-text-secondary);margin-bottom:2px}.mac-stat-value{font-size:22px;font-weight:700;color:var(--mac-text-primary);line-height:1.1}.mac-stat-hint{font-size:11px;color:var(--mac-text-tertiary);margin-top:2px}.mac-staff-cards-wrapper{display:flex;flex-direction:column;gap:14px}.mac-staff-card{background:#fff;border:1px solid var(--mac-border);border-radius:14px;padding:18px 22px;display:grid;grid-template-columns:210px 1fr;gap:24px;box-shadow:var(--mac-shadow-sm);position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.mac-staff-card:hover{transform:translateY(-2px);border-color:#0071e359;box-shadow:var(--mac-shadow-md)}.mac-staff-card.selected{border-color:var(--mac-blue);background:#f0f6ff99;box-shadow:0 0 0 2px #0071e333}.mac-card-left{display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid rgba(0,0,0,.05);padding-right:20px;position:relative}.mac-card-checkbox{position:absolute;top:0;left:0;width:18px;height:18px;border-radius:4px;accent-color:var(--mac-blue);cursor:pointer}.mac-staff-avatar{width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#1d1d1f;margin-top:4px;margin-bottom:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:2px solid #FFFFFF}.mac-staff-avatar img{width:100%;height:100%;object-fit:cover}.mac-staff-name{font-size:15px;font-weight:700;color:var(--mac-text-primary);margin:0 0 4px;line-height:1.2}.mac-staff-role-pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#f5f5f7;color:var(--mac-text-secondary);border:1px solid rgba(0,0,0,.06)}.mac-staff-role-pill.teacher{background:var(--mac-blue-light);color:var(--mac-blue);border-color:#0071e333}.mac-staff-role-pill.driver{background:var(--mac-amber-light);color:#b45309;border-color:#ff950033}.mac-staff-role-pill.non-teaching{background:var(--mac-purple-light);color:#7c3aed;border-color:#af52de33}.mac-card-right{display:flex;flex-direction:column;justify-content:space-between}.mac-contact-ribbon{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.mac-contact-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--mac-text-primary)}.mac-contact-chip.phone{color:var(--mac-blue)}.mac-contact-chip.email{color:#0284c7}.mac-contact-chip.user{color:var(--mac-text-secondary);font-family:var(--mac-mono);font-size:11px}.mac-details-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:14px}.mac-detail-group{display:flex;flex-direction:column;gap:10px}.mac-detail-item{display:flex;flex-direction:column}.mac-detail-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--mac-text-tertiary);margin-bottom:2px}.mac-detail-value{font-size:12px;font-weight:600;color:var(--mac-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mac-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:10px;border-top:1px solid rgba(0,0,0,.04)}.mac-card-action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid rgba(0,0,0,.08);background:#f8f9fa;color:var(--mac-text-secondary);cursor:pointer;transition:all .15s ease}.mac-card-action-btn:hover{background:#ebebed;color:var(--mac-text-primary)}.mac-table-container{background:#fff;border:1px solid var(--mac-border);border-radius:14px;overflow:hidden;box-shadow:var(--mac-shadow-sm)}.mac-table{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--mac-font)}.mac-table thead tr{background:#f5f5f7;border-bottom:1px solid var(--mac-border)}.mac-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--mac-text-secondary);white-space:nowrap}.mac-table tbody tr{border-bottom:1px solid rgba(0,0,0,.04);transition:background-color .12s ease;cursor:pointer}.mac-table tbody tr:hover{background-color:#f8f9fa}.mac-table tbody tr.selected{background-color:#f0f6ffb3}.mac-table td{padding:10px 14px;color:var(--mac-text-primary);vertical-align:middle}.mac-floating-dock{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1e1e23e0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:8px 18px;box-shadow:var(--mac-shadow-floating);display:flex;align-items:center;gap:16px;z-index:999;animation:macDockBounce .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes macDockBounce{0%{opacity:0;transform:translate(-50%,20px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.mac-dock-count-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff}.mac-dock-pill-btn{border:none;font-family:var(--mac-font);font-size:12px;font-weight:600;padding:6px 14px;border-radius:16px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.mac-dock-pill-delete{background:var(--mac-red);color:#fff;box-shadow:0 2px 8px #ff3b3066}.mac-dock-pill-delete:hover{background:#ff453a;transform:translateY(-1px)}.mac-dock-pill-clear{background:#ffffff26;color:#fff}.mac-dock-pill-clear:hover{background:#ffffff40}.mac-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:macFadeIn .2s ease}@keyframes macFadeIn{0%{opacity:0}to{opacity:1}}.mac-sheet-window{background:#fff;border-radius:18px;box-shadow:var(--mac-shadow-lg);border:1px solid rgba(0,0,0,.1);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:macSheetSlide .25s cubic-bezier(.16,1,.3,1)}.mac-sheet-window.wide{max-width:1100px}@keyframes macSheetSlide{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.mac-sheet-header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.08);background:#f8fafc;display:flex;align-items:center;justify-content:space-between}.mac-sheet-title{font-size:16px;font-weight:700;color:var(--mac-text-primary);margin:0;display:flex;align-items:center;gap:8px}.mac-sheet-close-btn{width:28px;height:28px;border-radius:50%;border:none;background:#ebebed;color:var(--mac-text-secondary);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.mac-sheet-close-btn:hover{background:#dfdfe2;color:var(--mac-text-primary)}.mac-sheet-body{padding:20px 24px;overflow-y:auto;flex:1}.mac-sheet-footer{padding:14px 24px;border-top:1px solid rgba(0,0,0,.08);background:#f8fafc;display:flex;align-items:center;justify-content:space-between}.mac-dropzone{border:2px dashed rgba(0,113,227,.35);background:#0071e305;border-radius:14px;padding:36px 24px;text-align:center;cursor:pointer;transition:all .2s ease}.mac-dropzone:hover{border-color:var(--mac-blue);background:#0071e30d}@media (max-width: 768px){.mac-staff-card{grid-template-columns:1fr;gap:16px}.mac-card-left{border-right:none;border-bottom:1px solid rgba(0,0,0,.05);padding-right:0;padding-bottom:14px}.mac-details-columns{grid-template-columns:1fr;gap:12px}}.idcard-page-container{padding:16px 24px 60px;min-height:100vh;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#1e293b}.idcard-header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.idcard-header-title{font-size:22px;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:8px}.idcard-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.idcard-action-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#0284c7;border:1px solid #bae6fd;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0000000d}.idcard-action-btn:hover{background:#f0f9ff;border-color:#38bdf8;transform:translateY(-1px)}.idcard-action-btn.primary{background:#0284c7;color:#fff;border-color:#0284c7}.idcard-action-btn.primary:hover{background:#0369a1}.idcard-filter-section{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;background:#fff;padding:16px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #00000005}.idcard-filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.idcard-filter-label{font-size:12px;font-weight:700;color:#64748b;min-width:70px;text-transform:uppercase;letter-spacing:.5px}.idcard-pill-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.idcard-pill-btn{padding:5px 14px;border-radius:20px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000a}.idcard-pill-btn:hover{background:#f1f5f9;border-color:#94a3b8}.idcard-pill-btn.active{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 2px 6px #0284c759}.idcard-controls-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:8px}.idcard-print-btn{display:inline-flex;align-items:center;gap:8px;background:#0284c7;color:#fff;border:none;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 3px 8px #0284c759;transition:all .15s ease}.idcard-print-btn:hover{background:#0369a1;transform:translateY(-1px)}.idcard-print-badge{background:#ffffff40;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:800}.idcard-paper-selector{display:flex;align-items:center;gap:10px}.idcard-paper-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase}.idcard-grid{display:grid;gap:20px}.idcard-grid.pvc-19x12,.idcard-grid.pvc-12x19{grid-template-columns:repeat(auto-fill,minmax(245px,245px));justify-content:flex-start;gap:16px}.idcard-grid.a4{grid-template-columns:repeat(3,245px);justify-content:flex-start}.idcard-grid.pvc-a3{grid-template-columns:repeat(4,245px);justify-content:flex-start}.idcard-grid.single{grid-template-columns:260px;justify-content:flex-start}.idcard-empty-state{background:#fff;border-radius:12px;border:1px dashed #cbd5e1;padding:48px 24px;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:12px}.idcard-card-green{width:250px;height:388px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;border:1px solid #cbd5e1;overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box;page-break-inside:avoid;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;image-rendering:-webkit-optimize-contrast}.green-card-top-bar{height:8px;width:100%;background:#006837;flex-shrink:0}.green-card-header{height:48px;padding:4px 8px 3px;display:flex;align-items:center;gap:8px;background:#fff;flex-shrink:0}.green-card-logo{width:42px;height:42px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid #006837;background:#fff}.green-card-logo img{width:100%;height:100%;object-fit:cover}.green-card-title-group{flex:1;display:flex;flex-direction:column;min-width:0}.green-card-school-row{display:flex;align-items:center;gap:4px}.green-card-aiec-badge{background:#026cb6;color:#fff;font-weight:900;font-size:11px;padding:1px 5px;border-radius:3px;letter-spacing:.5px;line-height:1.2}.green-card-divider{width:1.5px;height:16px;background:#026cb6;flex-shrink:0}.green-card-school-text-wrap{display:flex;flex-direction:column;flex:1}.green-card-school-overline{border-top:1.5px solid #026cb6;width:100%;margin-bottom:1px}.green-card-school-title{color:#006837;font-weight:900;font-size:11px;letter-spacing:.3px;line-height:1;font-family:Poppins,sans-serif;text-transform:uppercase;white-space:nowrap}.green-card-school-sub{font-size:6.2px;color:#111827;margin-top:3px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.green-card-banner{height:125px;position:relative;width:100%;flex-shrink:0}.green-card-curve-svg{position:absolute;top:0;left:0;width:100%;height:125px;display:block}.green-card-photo-box{position:absolute;top:10px;left:0;right:0;margin:0 auto;width:104px;height:132px;border-radius:20px;border:3.5px solid #006837;background:#fff;overflow:hidden;box-shadow:0 4px 10px #00000026;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.green-card-photo-box img{width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;border-radius:16.5px}.green-card-photo-img,.custom-photo-img{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:16.5px;display:block;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.green-card-photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#006837;opacity:.6;background:#f8fafc}.green-card-body{margin-top:22px;padding:0 14px;display:flex;flex-direction:column;flex:1}.green-card-name{font-size:15.5px;font-weight:800;color:#be185d;text-transform:uppercase;text-align:center;font-family:Playfair Display,Georgia,Times New Roman,serif;letter-spacing:.6px;line-height:1.15;word-break:break-word;margin-bottom:2px}.green-card-designation{font-size:13px;font-family:Times New Roman,Georgia,serif;color:#000;text-align:center;margin-bottom:8px;line-height:1.2}.green-card-details-table{width:100%;font-family:Times New Roman,Georgia,serif;font-size:12px;color:#000;border-collapse:collapse;margin-top:2px}.green-card-details-table td{padding:2.5px 0;vertical-align:top}.green-card-details-table td.green-label{width:54px;font-weight:500;color:#000}.green-card-details-table td.green-colon{width:14px;text-align:center;font-weight:600;color:#000}.green-card-details-table td.green-value{color:#000;font-weight:500;word-break:break-word}.green-card-footer{background:#006837;color:#fff;padding:5px 8px;text-align:center;margin-top:auto;flex-shrink:0}.green-card-footer-phone{font-size:10px;font-weight:800;letter-spacing:.4px;line-height:1.2}.green-card-footer-email{font-size:9px;font-weight:600;letter-spacing:.2px;opacity:.95;line-height:1.2;margin-top:1px}.idcard-card-d3{width:250px;height:388px;background:#fff;border-radius:6px;box-shadow:0 2px 10px #00000014;border:1px solid #dbeafe;overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box;page-break-inside:avoid}.d3-header{height:48px;padding:6px 8px 4px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border-bottom:1px solid #f1f5f9}.d3-school-title{font-size:11px;font-weight:800;color:#1e3a8a;text-transform:uppercase;line-height:1.1}.d3-school-sub{font-size:6.5px;color:#64748b;line-height:1.1;margin-top:1px}.d3-banner-curve{background:linear-gradient(135deg,#1e40af,#0284c7);height:80px;position:relative;display:flex;justify-content:center;border-bottom-left-radius:50% 20px;border-bottom-right-radius:50% 20px}.d3-photo-container{position:absolute;bottom:-32px;width:76px;height:88px;border-radius:6px;background:#fff;border:2px solid #ffffff;box-shadow:0 2px 6px #00000026;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.d3-photo-container img{width:100%;height:100%;object-fit:cover}.d3-photo-img{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:4px;display:block;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.d3-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#94a3b8}.d3-content{margin-top:38px;padding:4px 14px 8px;flex:1;display:flex;flex-direction:column;align-items:center}.d3-student-name{font-size:13px;font-weight:800;color:#0f172a;text-transform:uppercase;text-align:center;margin-bottom:2px;line-height:1.2}.d3-student-class{font-size:10px;font-weight:700;color:#0284c7;margin-bottom:8px}.d3-details-table{width:100%;font-size:9.5px;border-collapse:collapse}.d3-details-table td{padding:2px 0;vertical-align:top}.d3-details-table td.label{color:#475569;font-weight:600;width:32%}.d3-details-table td.colon{width:6%;text-align:center;color:#64748b;font-weight:700}.d3-details-table td.value{color:#0f172a;font-weight:700;width:62%;text-transform:uppercase}.d3-footer{background:#1e3a8a;color:#fff;padding:4px 6px;text-align:center;font-size:6.5px;line-height:1.2;margin-top:auto}.d3-footer-phone{font-weight:700}.d3-footer-email{opacity:.9}.idcard-card-d1{width:245px;height:380px;background:#fff;border-radius:6px;box-shadow:0 2px 10px #00000014;border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;page-break-inside:avoid}.d1-header{background:#1e40af;padding:10px 8px 8px;text-align:center;color:#fff}.d1-school-name{font-size:12px;font-weight:800;text-transform:uppercase}.d1-school-sub{font-size:7px;opacity:.85}.d1-body{padding:10px 14px;display:flex;flex-direction:column;align-items:center;flex:1}.d1-avatar{width:72px;height:84px;border-radius:6px;border:2px solid #1e40af;object-fit:cover;margin-bottom:6px;box-sizing:border-box}.d1-photo-img{width:72px;height:84px;border-radius:6px;border:2px solid #1e40af;background-size:cover;background-position:center center;background-repeat:no-repeat;margin-bottom:6px;display:block;box-sizing:border-box;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.d1-student-name{font-size:13px;font-weight:800;color:#1e293b;text-transform:uppercase;margin-bottom:2px}.d1-class-badge{background:#dbeafe;color:#1e40af;font-size:9.5px;font-weight:700;padding:2px 10px;border-radius:12px;margin-bottom:8px}.idcard-card-custom{width:250px;height:388px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;border:1px solid #cbd5e1;overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box;page-break-inside:avoid;background-size:100% 100%;background-position:center;background-repeat:no-repeat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;image-rendering:-webkit-optimize-contrast}.custom-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;z-index:2}.custom-photo-box{position:absolute;top:66px;left:0;right:0;margin:0 auto;width:104px;height:132px;border-radius:20px;border:3.5px solid #006837;box-shadow:0 4px 10px #00000026;background:#fff;z-index:3;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.custom-photo-box img{width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;border-radius:16.5px}.custom-photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#006837;opacity:.6;background:#f8fafc}.custom-staff-info-container{position:absolute;top:202px;left:6px;right:6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:3}.custom-staff-name-wrap{text-align:center;width:100%;display:flex;justify-content:center}.custom-staff-name{font-size:14px;font-weight:800;color:#be185d;text-transform:uppercase;font-family:Playfair Display,Georgia,Times New Roman,serif;letter-spacing:.5px;line-height:1.15;background:#fffffff5;padding:1.5px 8px;border-radius:4px;display:inline-block;max-width:96%;word-break:break-word;box-sizing:border-box}.custom-staff-designation-wrap{text-align:center;width:100%;display:flex;justify-content:center;margin-top:3px}.custom-staff-designation{font-size:12.5px;font-family:Times New Roman,Georgia,serif;color:#000;background:#fffffff5;padding:1px 7px;border-radius:3px;display:inline-block;line-height:1.2}.custom-details-table-wrap{position:absolute;top:252px;left:0;right:0;padding:0 16px 0 22px;box-sizing:border-box;z-index:3}.custom-details-table{width:100%;font-family:Times New Roman,Georgia,serif;font-size:12px;color:#000;border-collapse:collapse}.custom-details-table td{padding:2.5px 0;vertical-align:top}.custom-details-table td.label{width:54px;font-weight:500;color:#000}.custom-details-table td.colon{width:14px;text-align:center;font-weight:600;color:#000}.custom-details-table td.value{color:#000;font-weight:500;word-break:break-word}.custom-details-table td.value span{background:#fffffff5;padding:0 4px;border-radius:2px;display:inline-block}.idcard-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.idcard-modal{background:#fff;border-radius:14px;max-width:520px;width:100%;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.idcard-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.idcard-modal-title{font-size:18px;font-weight:800;color:#0f172a;margin:0}.idcard-upload-dropzone{border:2px dashed #cbd5e1;border-radius:10px;padding:28px 16px;text-align:center;cursor:pointer;transition:all .15s ease;background:#f8fafc;display:flex;flex-direction:column;align-items:center;gap:8px}.idcard-upload-dropzone:hover{border-color:#0284c7;background:#f0f9ff}.pvc-sheet-wrapper{margin:0 auto 32px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.pvc-sheet-header{width:100%;max-width:100%;display:flex;justify-content:space-between;align-items:center;padding:9px 14px;background:#f1f5f9;border-radius:8px;font-size:12px;font-weight:700;color:#334155;margin-bottom:12px;box-sizing:border-box;border:1px solid #e2e8f0}.idcard-fit-notice{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:12px;color:#166534;margin-bottom:18px;box-sizing:border-box}.fit-notice-badge{background:#15803d;color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase}.pvc-sheet-page{display:grid;width:fit-content;max-width:100%;margin:0 auto;box-sizing:border-box;background:#fff;padding:14px;border-radius:8px;border:1px dashed #cbd5e1;box-shadow:0 4px 14px #0000000d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:visible}.pvc-sheet-page.sheet-19x12{grid-template-columns:repeat(7,250px);grid-template-rows:repeat(3,388px);gap:10px;padding:14px}.pvc-sheet-page.sheet-12x19{grid-template-columns:repeat(4,250px);grid-template-rows:repeat(4,388px);gap:10px;padding:14px}.pvc-sheet-page.sheet-letter{grid-template-columns:repeat(3,230px);grid-template-rows:repeat(3,356px);gap:8px;padding:10px}.pvc-sheet-page.sheet-letter .idcard-card-green,.pvc-sheet-page.sheet-letter .idcard-card-d3,.pvc-sheet-page.sheet-letter .idcard-card-d1,.pvc-sheet-page.sheet-letter .idcard-card-custom{width:230px;height:356px;min-width:230px;max-width:230px;min-height:356px;max-height:356px}.pvc-sheet-page.sheet-letter .green-card-top-bar{height:6px}.pvc-sheet-page.sheet-letter .green-card-header{height:42px;padding:2px 6px;gap:6px}.pvc-sheet-page.sheet-letter .green-card-logo{width:36px;height:36px}.pvc-sheet-page.sheet-letter .green-card-school-title{font-size:10px}.pvc-sheet-page.sheet-letter .green-card-school-sub{font-size:5.6px}.pvc-sheet-page.sheet-letter .green-card-banner,.pvc-sheet-page.sheet-letter .green-card-curve-svg{height:114px}.pvc-sheet-page.sheet-letter .green-card-photo-box,.pvc-sheet-page.sheet-letter .custom-photo-box{width:96px;height:120px;top:8px;border-radius:18px}.pvc-sheet-page.sheet-letter .green-card-body{margin-top:18px;padding:0 10px}.pvc-sheet-page.sheet-letter .green-card-name{font-size:14px}.pvc-sheet-page.sheet-letter .green-card-designation{font-size:11.5px;margin-bottom:4px}.pvc-sheet-page.sheet-letter .green-card-details-table{font-size:10.5px}.pvc-sheet-page.sheet-letter .green-card-footer{padding:4px 6px}.pvc-sheet-page.sheet-letter .green-card-footer-phone{font-size:9px}.pvc-sheet-page.sheet-letter .green-card-footer-email{font-size:8px}.pvc-sheet-page.sheet-letter .custom-photo-box{top:58px}.pvc-sheet-page.sheet-letter .custom-staff-info-container{top:184px}.pvc-sheet-page.sheet-letter .custom-staff-name{font-size:12.5px;padding:0 6px}.pvc-sheet-page.sheet-letter .custom-staff-designation{font-size:11.5px}.pvc-sheet-page.sheet-letter .custom-details-table-wrap{top:232px;padding:0 12px 0 16px}.pvc-sheet-page.sheet-letter .custom-details-table{font-size:10.5px}.pvc-sheet-page.sheet-a4{grid-template-columns:repeat(3,236px);grid-template-rows:repeat(3,366px);gap:8px;padding:10px}.pvc-sheet-page.sheet-a4 .idcard-card-green,.pvc-sheet-page.sheet-a4 .idcard-card-d3,.pvc-sheet-page.sheet-a4 .idcard-card-d1,.pvc-sheet-page.sheet-a4 .idcard-card-custom{width:236px;height:366px;min-width:236px;max-width:236px;min-height:366px;max-height:366px}.pvc-sheet-page.sheet-a4 .green-card-top-bar{height:7px}.pvc-sheet-page.sheet-a4 .green-card-header{height:44px;padding:3px 6px}.pvc-sheet-page.sheet-a4 .green-card-banner,.pvc-sheet-page.sheet-a4 .green-card-curve-svg{height:118px}.pvc-sheet-page.sheet-a4 .green-card-photo-box,.pvc-sheet-page.sheet-a4 .custom-photo-box{width:98px;height:124px;top:8px}.pvc-sheet-page.sheet-a4 .green-card-body{margin-top:19px;padding:0 12px}.pvc-sheet-page.sheet-a4 .green-card-name{font-size:14.5px}.pvc-sheet-page.sheet-a4 .green-card-designation{font-size:12px;margin-bottom:5px}.pvc-sheet-page.sheet-a4 .green-card-details-table{font-size:11px}.pvc-sheet-page.sheet-a4 .green-card-footer{padding:4px 6px}.pvc-sheet-page.sheet-pvc-a3{grid-template-columns:repeat(4,250px);grid-template-rows:repeat(3,388px);gap:10px;padding:14px}.pvc-sheet-page.sheet-single{grid-template-columns:250px;grid-template-rows:388px;gap:0;padding:10px}.pvc-sheet-wrapper.single-card-mode{max-width:620px;margin:0 auto 32px}.pvc-sheet-header.single-card-mode-header{background:#fff;border:1px solid #cbd5e1;box-shadow:0 2px 8px #0000000a;padding:10px 14px;border-radius:10px;margin-bottom:12px}.single-card-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;flex-wrap:wrap}.single-card-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.single-card-badge{background:#e0f2fe;color:#0369a1;font-weight:800;font-size:11px;padding:4px 8px;border-radius:6px;border:1px solid #bae6fd;flex-shrink:0}.single-card-staff-info{display:flex;flex-direction:column;min-width:0}.single-card-staff-name{font-size:13.5px;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single-card-staff-meta{font-size:11px;color:#64748b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single-card-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.single-card-dl-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;border:1px solid transparent;box-shadow:0 1px 3px #0000000a}.single-card-dl-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.single-card-dl-btn.pdf{background:#006837;color:#fff;border-color:#006837}.single-card-dl-btn.pdf:hover:not(:disabled){background:#00502a;border-color:#00502a;transform:translateY(-1px);box-shadow:0 2px 6px #0068374d}.single-card-dl-btn.png{background:#fff;color:#0284c7;border-color:#bae6fd}.single-card-dl-btn.png:hover:not(:disabled){background:#f0f9ff;border-color:#38bdf8;transform:translateY(-1px);box-shadow:0 2px 6px #0284c726}@media print{html,body,#root,.app-container,.main-content,.page-content,.page-container,.idcard-page-container{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;display:block!important;position:static!important;transform:none!important;float:none!important;background:#fff!important}.no-print,.pvc-sheet-header,.idcard-fit-notice,.idcard-header-bar,.idcard-filter-section,.idcard-controls-row,.idcard-modal-backdrop,.sidebar,.right-sidebar,.header,.app-header,.chatbot-container,.toast-container,header,nav,aside,button{display:none!important}.pvc-sheet-wrapper{margin:0!important;padding:0!important;page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;display:block!important}.pvc-sheet-wrapper:last-child{page-break-after:auto!important;break-after:auto!important}.pvc-sheet-page{margin:0 auto!important;padding:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;box-sizing:border-box!important;page-break-inside:avoid!important;break-inside:avoid!important;display:grid!important}.pvc-sheet-page.sheet-19x12{grid-template-columns:repeat(7,5.8cm)!important;grid-template-rows:repeat(3,9cm)!important;gap:6mm!important;justify-content:center!important;align-content:center!important}.pvc-sheet-page.sheet-12x19{grid-template-columns:repeat(4,5.8cm)!important;grid-template-rows:repeat(4,9cm)!important;gap:6mm!important;justify-content:center!important;align-content:center!important}.pvc-sheet-page.sheet-letter{grid-template-columns:repeat(3,5.5cm)!important;grid-template-rows:repeat(3,8.5cm)!important;gap:4mm!important;justify-content:center!important;align-content:center!important}.pvc-sheet-page.sheet-a4{grid-template-columns:repeat(3,5.6cm)!important;grid-template-rows:repeat(3,8.7cm)!important;gap:4mm!important;justify-content:center!important;align-content:center!important}.pvc-sheet-page.sheet-pvc-a3{grid-template-columns:repeat(4,5.8cm)!important;grid-template-rows:repeat(3,9cm)!important;gap:6mm!important;justify-content:center!important;align-content:center!important}.pvc-sheet-page.sheet-single{grid-template-columns:5.8cm!important;grid-template-rows:9cm!important;gap:0!important;justify-content:center!important;align-content:center!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.idcard-card-green,.idcard-card-d3,.idcard-card-d1,.idcard-card-custom{display:flex!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important;box-shadow:none!important;border:1px solid #cbd5e1!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;page-break-inside:avoid!important;break-inside:avoid!important}.green-card-photo-img,.custom-photo-img,.d3-photo-img,.d1-photo-img{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.staff-geofence-container{padding:24px;display:flex;flex-direction:column;gap:20px;max-width:1600px;margin:0 auto}.geofence-top-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.geofence-header-title h1{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 4px;display:flex;align-items:center;gap:10px}.geofence-header-title p{margin:0;font-size:13px;color:#64748b;font-weight:500}.geofence-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-selector-btn-group{display:flex;align-items:center;background:#f1f5f9;border-radius:10px;padding:4px;gap:4px}.date-btn-nav{background:transparent;border:none;color:#475569;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.date-btn-nav:hover{background:#e2e8f0;color:#0f172a}.date-picker-input-styled{border:none;background:#fff;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;color:#1e293b;cursor:pointer;box-shadow:0 1px 2px #0000000d;outline:none}.btn-config-radius{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #2563eb40;transition:all .2s ease}.btn-config-radius:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.btn-manual-punch{display:flex;align-items:center;gap:8px;background:#fff;color:#059669;border:1.5px solid #a7f3d0;padding:9px 16px;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-manual-punch:hover{background:#ecfdf5;border-color:#34d399}.geofence-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.geofence-kpi-card{background:#fff;padding:20px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;gap:16px}.kpi-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.kpi-icon-box.blue{background:#eff6ff;color:#2563eb}.kpi-icon-box.green{background:#ecfdf5;color:#059669}.kpi-icon-box.amber{background:#fffbeb;color:#d97706}.kpi-icon-box.purple{background:#faf5ff;color:#7c3aed}.kpi-details-box h4{margin:0 0 2px;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.kpi-details-box .kpi-number{font-size:24px;font-weight:900;color:#0f172a;margin:0}.kpi-details-box .kpi-sub{font-size:11.5px;color:#94a3b8;font-weight:600}.geofence-main-card{background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;overflow:hidden}.table-filter-bar{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:#fafafa}.filter-left-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-input-wrapper{position:relative;width:260px}.search-input-wrapper input{width:100%;padding:8px 12px 8px 36px;border-radius:10px;border:1px solid #cbd5e1;font-size:13px;outline:none;background:#fff}.search-input-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-input-wrapper .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8}.filter-select{padding:8px 12px;border-radius:10px;border:1px solid #cbd5e1;font-size:13px;color:#334155;background:#fff;outline:none;font-weight:600}.filter-right-controls{display:flex;align-items:center;gap:10px}.btn-export-action{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #cbd5e1;color:#334155;padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-export-action:hover{background:#f1f5f9;border-color:#94a3b8}.staff-table-wrapper{overflow-x:auto}.staff-table-wrapper table{width:100%;border-collapse:collapse;text-align:left}.staff-table-wrapper th{background:#f8fafc;padding:14px 18px;font-size:11.5px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.staff-table-wrapper td{padding:14px 18px;font-size:13px;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.staff-table-wrapper tr:hover td{background:#f8fafc}.staff-user-cell{display:flex;align-items:center;gap:12px}.staff-avatar-circle{width:38px;height:38px;border-radius:50%;background:#eff6ff;color:#2563eb;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;border:1.5px solid #bfdbfe;flex-shrink:0}.staff-avatar-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.staff-name-title{font-weight:700;color:#0f172a}.staff-code-sub{font-size:11px;color:#64748b;font-weight:600}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.2px}.status-pill.present{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-pill.completed{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.status-pill.late{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.status-pill.manual{background:#f3e8ff;color:#7c3aed;border:1px solid #ddd6fe}.distance-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#059669;background:#f0fdf4;padding:3px 8px;border-radius:6px;margin-top:4px}.btn-inspect-pin{background:transparent;border:none;color:#2563eb;padding:4px;cursor:pointer;border-radius:6px;transition:all .15s}.btn-inspect-pin:hover{background:#eff6ff}.radius-slider-box{background:#f8fafc;padding:16px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:16px}.slider-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slider-label{font-size:13px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:6px}.slider-val-badge{font-size:14px;font-weight:900;color:#2563eb;background:#eff6ff;padding:4px 10px;border-radius:8px;border:1px solid #bfdbfe}.custom-radius-slider{width:100%;height:6px;border-radius:4px;background:#cbd5e1;outline:none;accent-color:#2563eb;cursor:pointer}.admin-geofence-map-wrapper{position:relative;width:100%;height:340px;border-radius:14px;border:1.5px solid #cbd5e1;overflow:hidden;margin-bottom:16px;box-shadow:0 4px 12px #00000014}#leaflet-admin-geofence-map{width:100%;height:100%}#leaflet-inspect-punch-map{width:100%;height:280px;border-radius:12px}.transport-container{padding:24px;background-color:#f8fafc;min-height:calc(100vh - 70px);font-family:Poppins,sans-serif;color:#0f172a}.transport-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.transport-header h1{font-size:24px;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:10px}.transport-header p{margin:4px 0 0;color:#64748b;font-size:13px}.transport-header-actions{display:flex;gap:12px;align-items:center}.btn-primary-transport{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #2563eb40;transition:all .2s ease}.btn-primary-transport:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.btn-secondary-transport{background:#fff;color:#334155;border:1px solid #e2e8f0;padding:10px 16px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary-transport:hover{background:#f1f5f9;border-color:#cbd5e1}.transport-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px}.transport-stat-card{background:#fff;border-radius:16px;padding:18px 20px;border:1px solid #f1f5f9;box-shadow:0 2px 8px #00000008;display:flex;align-items:center;gap:16px;transition:transform .2s ease}.transport-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.stat-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.stat-icon-blue{background:#eff6ff;color:#2563eb}.stat-icon-green{background:#ecfdf5;color:#10b981}.stat-icon-amber{background:#fffbeb;color:#f59e0b}.stat-icon-purple{background:#faf5ff;color:#a855f7}.stat-icon-red{background:#fef2f2;color:#ef4444}.stat-info h3{margin:0;font-size:22px;font-weight:700;color:#0f172a}.stat-info p{margin:2px 0 0;font-size:12px;color:#64748b;font-weight:500}.sos-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1.5px solid #fca5a5;border-radius:14px;padding:14px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;animation:pulse-border 2s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.sos-content{display:flex;align-items:center;gap:14px}.sos-badge{background:#dc2626;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.5px}.sos-text h4{margin:0;font-size:14px;color:#991b1b;font-weight:700}.sos-text p{margin:2px 0 0;font-size:12px;color:#b91c1c}.btn-dismiss-sos{background:#fff;color:#dc2626;border:1px solid #f87171;padding:6px 14px;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s}.btn-dismiss-sos:hover{background:#dc2626;color:#fff}.transport-tabs-bar{display:flex;background:#fff;padding:6px;border-radius:14px;border:1px solid #e2e8f0;margin-bottom:24px;overflow-x:auto;gap:6px}.transport-tab-btn{padding:10px 18px;border-radius:10px;border:none;background:transparent;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.transport-tab-btn.active{background:#eff6ff;color:#2563eb;box-shadow:0 1px 3px #2563eb1a}.transport-map-layout{display:grid;grid-template-columns:360px 1fr;gap:20px;min-height:600px}@media (max-width: 1024px){.transport-map-layout{grid-template-columns:1fr}}.live-bus-list-panel{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:18px;display:flex;flex-direction:column;height:620px;box-shadow:0 2px 8px #00000005}.bus-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.bus-list-header h3{margin:0;font-size:15px;font-weight:700;color:#0f172a}.bus-cards-scroll{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px;padding-right:4px}.bus-card-item{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px;cursor:pointer;transition:all .2s ease}.bus-card-item:hover{background:#f1f5f9;border-color:#cbd5e1}.bus-card-item.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.bus-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.bus-card-number{font-weight:700;font-size:14px;color:#0f172a}.bus-route-code{font-size:11px;background:#e2e8f0;color:#475569;padding:2px 6px;border-radius:4px;font-weight:600;margin-top:2px;display:inline-block}.live-indicator{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:20px}.live-indicator.live{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.live-indicator.parked{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.8}}.bus-card-meta{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:#64748b;margin-top:6px}.bus-card-meta span{display:flex;align-items:center;gap:6px}.live-map-wrapper{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;height:620px;position:relative;box-shadow:0 2px 8px #00000005}#leaflet-transport-map{width:100%;height:100%}.map-floating-overlay{position:absolute;top:14px;right:14px;z-index:1000;display:flex;flex-direction:column;gap:8px}.map-view-switcher{display:flex;background:#fff;padding:3px;border-radius:10px;border:1px solid #cbd5e1;box-shadow:0 2px 8px #0000001f;gap:3px}.map-view-switcher.mini{padding:2px;border-radius:8px;box-shadow:none;border-color:#e2e8f0}.map-view-switch-btn{border:none;background:transparent;padding:6px 12px;border-radius:7px;font-size:11.5px;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s ease}.map-view-switcher.mini .map-view-switch-btn{padding:4px 8px;font-size:11px;border-radius:6px}.map-view-switch-btn:hover{color:#0f172a;background:#f1f5f9}.map-view-switch-btn.active{background:#2563eb;color:#fff;box-shadow:0 2px 6px #2563eb4d}.map-control-btn{background:#fff;border:1px solid #cbd5e1;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;color:#1e293b;box-shadow:0 2px 8px #0000001f;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.map-control-btn:hover{background:#f8fafc;color:#2563eb}.transport-table-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #00000005}.table-top-bar{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.table-search-input{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 14px;border-radius:10px;width:280px;gap:8px}.table-search-input input{border:none;background:transparent;outline:none;font-size:13px;width:100%}.custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.custom-table th{background:#f8fafc;padding:12px 18px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.custom-table td{padding:14px 18px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.custom-table tbody tr:hover{background:#f8fafc}.table-action-btns{display:flex;gap:6px}.btn-icon-action{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-icon-action:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.btn-icon-action.delete:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.transport-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.transport-modal-card{background:#fff;border-radius:18px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.transport-modal-card.modal-lg{max-width:720px}.location-picker-map-wrapper{position:relative;width:100%;height:280px;border-radius:12px;border:1px solid #cbd5e1;overflow:hidden;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}#leaflet-location-picker-map{width:100%;height:100%}.modal-header-styled{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-header-styled h3{margin:0;font-size:17px;font-weight:700;color:#0f172a}.modal-body-styled{padding:24px}.form-group-transport{margin-bottom:18px}.form-group-transport label{display:block;font-size:12.5px;font-weight:600;color:#334155;margin-bottom:6px}.form-control-transport{width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:13px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.form-control-transport:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-row-transport{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-footer-styled{padding:16px 24px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:10px;background:#f8fafc;border-bottom-left-radius:18px;border-bottom-right-radius:18px}.route-builder-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}@media (max-width: 1100px){.route-builder-layout{grid-template-columns:1fr}}.route-map-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;height:480px;position:relative}.route-map-header{padding:12px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#1e293b}.route-map-container{flex:1;width:100%;height:100%}.landmarks-chips-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;margin-bottom:16px}.landmarks-chips-panel h4{margin:0 0 10px;font-size:12.5px;font-weight:700;color:#334155;display:flex;align-items:center;gap:6px}.landmarks-chips-grid{display:flex;flex-wrap:wrap;gap:8px}.landmark-chip-btn{background:#fff;border:1px solid #cbd5e1;color:#334155;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.landmark-chip-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;transform:translateY(-1px)}.landmark-chip-btn.school-chip{background:#eff6ff;border-color:#93c5fd;color:#1e40af;font-weight:600}.lesson-plan-list{padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.header h1{font-size:28px;font-weight:700;color:#2c3e50;margin:0}.controls-container{display:flex;flex-direction:column;gap:15px;width:100%}.search-container{position:relative;width:100%;max-width:400px}.search-input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filters-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.status-filters{display:flex;gap:10px;flex-wrap:wrap}.filter-button{padding:8px 16px;border:1px solid #ddd;border-radius:20px;background-color:#fff;color:#34495e;font-weight:500;cursor:pointer;transition:all .2s}.filter-button:hover{background-color:#f8f9fa;border-color:#667eea}.filter-button.active{background-color:#667eea;color:#fff;border-color:#667eea}.group-toggle label{display:flex;align-items:center;gap:8px;font-weight:500;color:#2c3e50;cursor:pointer}.week-group{margin-bottom:30px}.week-label{background-color:#f8f9fa;padding:15px 20px;border-left:4px solid #667eea;font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:15px;border-radius:0 8px 8px 0}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.lesson-plans-table{width:100%;border-collapse:collapse}.lesson-plans-table thead{background-color:#f8f9fa}.lesson-plans-table th{padding:15px 20px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:1px solid #ecf0f1;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.lesson-plans-table th:hover{background-color:#f0f0f0}.sort-icon{margin-left:5px;font-size:12px;vertical-align:middle}.lesson-plans-table td{padding:15px 20px;border-bottom:1px solid #ecf0f1;color:#34495e}.lesson-plans-table tbody tr{transition:background-color .2s}.lesson-plans-table tbody tr:hover{background-color:#f8f9fa}.lesson-plans-table tbody tr.lesson-plan-row{cursor:pointer}.lesson-plans-table tbody tr.lesson-plan-row:hover{background-color:#e3f2fd}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.status-approved{background-color:#2ecc7133;color:#27ae60}.status-pending{background-color:#f1c40f33;color:#f39c12}.status-rejected{background-color:#e74c3c33;color:#c0392b}.response-indicator{display:inline-block;width:24px;height:24px;border-radius:50%;text-align:center;line-height:24px;font-weight:700}.response-present{background-color:#2ecc7133;color:#27ae60}.response-missing{background-color:#e74c3c33;color:#c0392b}.view-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.view-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.delete-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-left:8px;display:inline-flex;align-items:center;justify-content:center}.delete-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ff6b6b4d}.action-buttons{display:flex;align-items:center}.no-data{text-align:center;padding:30px!important;color:#7f8c8d;font-style:italic}.lesson-plan-list.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:18px;color:#7f8c8d}.lesson-plan-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.lesson-plan-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:1200px;width:95%;max-height:90vh;height:80vh;display:flex;flex-direction:column;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid #eef2f7;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:#fff}.close-button{background:#fff3;border:none;font-size:28px;cursor:pointer;color:#fff;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.modal-content-wrapper{flex:1;overflow-y:auto;padding:0}.lesson-plan-header{padding:32px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.lesson-plan-title{margin:0;font-size:28px;font-weight:700;color:#2c3e50;line-height:1.3;flex:1}.status-badge-container{margin-left:24px;flex-shrink:0}.header-row{display:flex;gap:16px;margin-top:16px}.header-field{flex:1;background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;min-width:0}.field-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.field-value{font-size:16px;font-weight:600;color:#2c3e50}.info-card{background:#fff;margin:24px 32px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e9ecef;overflow:hidden}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 24px}.card-header h3{margin:0;font-size:18px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:24px}.info-item{padding:12px 0}.info-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:flex;align-items:center;gap:6px}.info-value{font-size:14px;font-weight:500;color:#2c3e50}.content-card{background:#fff;margin:0 32px 24px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e9ecef;overflow:hidden}.card-content{padding:24px}.content-item{margin-bottom:24px}.item-header{margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.item-header h4{margin:0;font-size:16px;font-weight:600;color:#495057;display:flex;align-items:center;gap:6px}.item-content{padding-left:12px}.objectives-list,.skills-list,.aids-list,.activities-list,.applications-list,.practices-list,.values-list,.evaluation-list,.response-list{list-style:none;padding:0;margin:0}.objective-item,.skill-item,.aid-item,.activity-item,.application-item,.practice-item,.value-item,.evaluation-item,.response-item{display:flex;align-items:flex-start;margin-bottom:8px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #667eea}.objective-icon,.skill-icon,.aid-icon,.activity-icon,.application-icon,.practice-icon,.value-icon,.evaluation-icon,.response-icon{margin-right:8px;color:#667eea;font-size:12px;flex-shrink:0;margin-top:2px}.no-data{color:#6c757d;font-style:italic;margin:0;padding:16px;text-align:center;background:#f8f9fa;border-radius:6px}.admin-remark-display{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;margin-bottom:16px}.remark-text{margin:0;color:#856404;line-height:1.5}.remark-input{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;resize:vertical;min-height:100px;transition:border-color .3s}.remark-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.admin-remark-actions{margin-top:16px;text-align:right}.save-remark-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.save-remark-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.action-buttons-container{margin-top:auto;flex-shrink:0;padding:24px 32px;background:#f8f9fa;border-top:1px solid #dee2e6}.action-buttons{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.pdf-button,.pending-button,.reject-button,.accept-button{flex:1;min-width:120px;padding:14px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.pdf-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.pdf-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.pending-button{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.pending-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.reject-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.reject-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.accept-button{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.accept-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2ecc714d}.submission-status{padding:20px;background-color:#f8f9fa;min-height:100vh}.page-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:22px;gap:12px}.page-header h1{font-size:28px;font-weight:700;color:#2c3e50;margin:0}.view-toggle{display:flex;gap:10px;background:#fff;padding:5px;border-radius:12px;border:1px solid #ddd;box-shadow:0 2px 8px #0000000d}.view-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background:transparent;color:#7f8c8d;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.view-btn:hover{background-color:#f8f9fa;color:#667eea}.view-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.controls-section{margin-bottom:30px;display:flex;justify-content:flex-start;gap:20px;flex-wrap:wrap;align-items:flex-end}.date-range-selector{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap;position:relative}.date-input-group{display:flex;flex-direction:column;gap:8px;align-items:flex-start;position:relative}.date-input-group label{font-weight:500;color:#2c3e50;font-size:14px}.calendar-input-wrapper{position:relative;display:flex;align-items:center}.calendar-input{padding:12px 40px 12px 16px;border:1px solid #ddd;border-radius:8px;background-color:#fff;font-size:16px;color:#34495e;cursor:pointer;transition:border-color .2s;min-width:180px;width:100%}.calendar-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.calendar-icon{position:absolute;right:15px;color:#7f8c8d;cursor:pointer;font-size:16px}.download-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #27ae604d}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae6066}.download-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:10px}.summary-card h3{font-size:14px;color:#7f8c8d;margin:0;font-weight:600;text-transform:uppercase}.summary-card .count{font-size:32px;font-weight:700;color:#2c3e50}.status-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.status-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.card-header{padding:20px;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center}.card-header h2{font-size:18px;font-weight:600;color:#2c3e50;margin:0}.teacher-list{max-height:400px;overflow-y:auto}.teacher-item{padding:15px 20px;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;align-items:center}.teacher-item:last-child{border-bottom:none}.teacher-name{font-weight:500;color:#34495e}.submission-count{font-size:14px;color:#7f8c8d}.chart-view-container{display:flex;flex-direction:column;gap:30px}.chart-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px}.chart-header{margin-bottom:20px}.chart-header h3{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 5px}.chart-container{width:100%;height:400px}.custom-tooltip{background:#fff;padding:12px;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #eee;font-size:13px}.performance-page{padding:0 8px 32px}.performance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.performance-header-text h2{font-size:22px;font-weight:700;color:#1a1d2e;margin:0}.performance-header-text p{font-size:13px;color:#6b7280;margin:4px 0 0}.performance-header-actions{display:flex;align-items:center;gap:12px}.btn-hod-eval{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #10b9814d;transition:all .2s ease}.btn-hod-eval:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-grant-credit{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #6366f14d;transition:all .2s ease}.btn-grant-credit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.tab-selector{display:flex;background:#f1f5f9;border-radius:10px;padding:4px}.tab-btn{padding:8px 18px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:#64748b;transition:all .15s ease}.tab-btn.active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #0000001a}.metrics-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:#fff;border-radius:12px;padding:16px 20px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:6px}.metric-card-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.metric-card-value{font-size:28px;font-weight:700;color:#1f2937}.metric-card-sub{font-size:12px;color:#9ca3af}.performance-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-filter-box{display:flex;gap:12px;flex-wrap:wrap;align-items:center;flex:1}.search-input-wrapper{position:relative;min-width:260px;flex:1}.search-input-wrapper input{width:100%;padding:10px 14px 10px 38px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.search-input-wrapper input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.search-icon-inside{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.select-filter{padding:10px 14px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;color:#374151;background:#fff;outline:none;cursor:pointer}.status-filter-pills{display:flex;gap:6px;background:#f3f4f6;padding:3px;border-radius:8px}.status-pill{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:#4b5563;transition:all .15s ease}.status-pill.active{background:#fff;color:#4f46e5;box-shadow:0 1px 2px #0000000d}.performance-table-container{background:#fff;border-radius:12px;border:1px solid #E5E7EB;overflow:hidden;box-shadow:0 2px 8px #0000000a}.performance-table{width:100%;border-collapse:collapse;text-align:left}.performance-table th{background-color:#f9fafb;padding:14px 18px;font-size:12px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E5E7EB;cursor:pointer;-webkit-user-select:none;user-select:none}.performance-table th:hover{background-color:#f3f4f6}.performance-table td{padding:14px 18px;font-size:14px;color:#1f2937;border-bottom:1px solid #F3F4F6;vertical-align:middle}.performance-table tbody tr:hover{background-color:#f9fafb}.badge-status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-status.approved{background:#def7ec;color:#03543f}.badge-status.pending{background:#fef3c7;color:#92400e}.badge-status.rejected{background:#fde8e8;color:#9b1c1c}.badge-category{display:inline-block;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:500;background:#eef2ff;color:#3730a3}.table-actions{display:flex;gap:8px}.btn-icon-action{padding:6px 10px;border-radius:6px;border:1px solid #D1D5DB;background:#fff;color:#4b5563;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.btn-icon-action:hover{background:#f3f4f6;color:#1f2937}.btn-icon-action.delete:hover{background:#fde8e8;color:#9b1c1c;border-color:#f87171}.perf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.perf-modal-content{background:#fff;width:90%;max-width:620px;max-height:90vh;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden}.perf-modal-header{padding:20px 24px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.perf-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#111827}.perf-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.perf-modal-footer{padding:16px 24px;border-top:1px solid #E5E7EB;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb}.btn-secondary{padding:10px 18px;border:1px solid #D1D5DB;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer}.btn-approve{padding:10px 18px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-reject{padding:10px 18px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-save{padding:10px 18px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px}.analytics-card{background:#fff;border-radius:12px;border:1px solid #E5E7EB;padding:20px;box-shadow:0 1px 3px #0000000d}.analytics-card h3{margin:0 0 16px;font-size:16px;font-weight:700;color:#1f2937}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #F3F4F6}.leaderboard-rank{width:28px;height:28px;border-radius:50%;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;margin-right:12px}.leaderboard-teacher{display:flex;align-items:center;flex:1}.leaderboard-count{font-weight:700;color:#10b981;font-size:15px}.hod-eval-page{padding:0 8px 40px}.hod-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:280px;color:#6b7280;font-size:14px}.hod-loading-spinner{width:38px;height:38px;border:3px solid #EDE9FE;border-top-color:#7c3aed;border-radius:50%;animation:hod-spin .8s linear infinite}@keyframes hod-spin{to{transform:rotate(360deg)}}.hod-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}.hod-header-left{display:flex;align-items:center;gap:14px}.hod-header-icon-wrap{width:50px;height:50px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #7c3aed4d;flex-shrink:0}.hod-page-title{font-size:20px;font-weight:800;color:#1a1d2e;margin:0}.hod-page-sub{font-size:13px;color:#6b7280;margin:3px 0 0}.hod-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}@media (max-width: 1100px){.hod-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.hod-kpi-grid{grid-template-columns:repeat(2,1fr)}}.hod-kpi-card{background:#fff;border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;border:1px solid #F1F5F9;box-shadow:0 1px 6px #0000000d;transition:box-shadow .2s}.hod-kpi-card:hover{box-shadow:0 4px 14px #00000017}.hod-kpi-icon-box{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hod-kpi-val{font-size:22px;font-weight:800;color:#1a1d2e;line-height:1}.hod-kpi-lbl{font-size:11.5px;color:#6b7280;font-weight:600;margin-top:3px}.hod-filter-row{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.hod-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:9px 14px;flex:1;min-width:220px}.hod-search-icon{color:#94a3b8;flex-shrink:0}.hod-search-input{border:none;outline:none;font-size:13.5px;color:#1a1d2e;width:100%;background:transparent}.hod-search-input::placeholder{color:#94a3b8}.hod-dept-select{border:1px solid #E2E8F0;border-radius:10px;padding:9px 14px;font-size:13.5px;color:#374151;background:#fff;cursor:pointer;outline:none;min-width:180px}.hod-dept-select:focus{border-color:#7c3aed}.hod-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;background:#fff;border-radius:18px;border:1px dashed #DDD6FE}.hod-empty-title{font-size:17px;font-weight:700;color:#374151;margin:0}.hod-empty-sub{font-size:13px;color:#9ca3af;text-align:center;max-width:320px}.hod-cards-list{display:flex;flex-direction:column;gap:14px}.hod-eval-card{background:#fff;border-radius:16px;border:1px solid #E9EEF6;box-shadow:0 1px 6px #0000000d;overflow:hidden;transition:box-shadow .2s,border-color .2s}.hod-eval-card:hover{box-shadow:0 4px 18px #7c3aed1a;border-color:#c4b5fd}.hod-eval-card.expanded{border-color:#a78bfa;box-shadow:0 4px 20px #7c3aed1f}.hod-card-top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;gap:16px;flex-wrap:wrap;cursor:pointer;outline:none}.hod-card-top:focus-visible{outline:2px solid #7C3AED;outline-offset:-2px}.hod-card-teacher{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.hod-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #7c3aed40}.hod-card-tname{font-size:15px;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hod-card-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.hod-card-meta span{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#64748b;font-weight:600}.hod-card-right{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.hod-score-ring{flex-shrink:0}.hod-badge{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.hod-expand-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f8fafc;border:1px solid #E2E8F0;color:#64748b;transition:background .15s}.hod-card-top:hover .hod-expand-icon{background:#ede9fe;border-color:#c4b5fd;color:#7c3aed}.hod-prog-bar{height:5px;display:flex;overflow:hidden}.hod-prog-seg{height:100%;transition:flex .4s ease}.hod-metrics-wrap{border-top:1px solid #F1F5F9;padding:0 18px 16px}.hod-metrics-head{display:grid;grid-template-columns:36px 1fr 130px 1fr;gap:8px;padding:12px 0 8px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #F1F5F9}.hod-metric-row{display:grid;grid-template-columns:36px 1fr 130px 1fr;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #F8FAFC;transition:background .15s}.hod-metric-row:last-child{border-bottom:none}.hod-metric-row:hover{background:#fafbff}.hod-metric-num{width:26px;height:26px;background:#f5f3ff;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:#7c3aed}.hod-metric-name{font-size:13px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hod-metric-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:700}.hod-metric-remark{font-size:12.5px;color:#4b5563;line-height:1.4}.headmaster-eval-page{padding:0 8px 40px}.headmaster-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:280px;color:#6b7280;font-size:14px}.headmaster-loading-spinner{width:38px;height:38px;border:3px solid #E0E7FF;border-top-color:#4f46e5;border-radius:50%;animation:hm-spin .8s linear infinite}@keyframes hm-spin{to{transform:rotate(360deg)}}.headmaster-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:16px}.headmaster-header-left{display:flex;align-items:center;gap:14px}.headmaster-header-icon-wrap{width:52px;height:52px;background:linear-gradient(135deg,#4f46e5,#3730a3);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #4f46e559;flex-shrink:0}.headmaster-page-title{font-size:22px;font-weight:800;color:#0f172a;margin:0}.headmaster-page-sub{font-size:13px;color:#64748b;margin:4px 0 0}.btn-new-hm-obs{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#4f46e5,#3730a3);color:#fff;border:none;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #4f46e54d;transition:all .2s ease}.btn-new-hm-obs:hover{transform:translateY(-2px);box-shadow:0 4px 14px #4f46e566}.headmaster-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}@media (max-width: 1024px){.headmaster-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 580px){.headmaster-kpi-grid{grid-template-columns:1fr}}.headmaster-kpi-card{background:#fff;border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;border:1px solid #E2E8F0;box-shadow:0 1px 4px #0000000a;transition:transform .15s ease,box-shadow .15s ease}.headmaster-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.headmaster-kpi-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.headmaster-kpi-val{font-size:24px;font-weight:800;color:#0f172a;line-height:1}.headmaster-kpi-lbl{font-size:12px;color:#64748b;font-weight:600;margin-top:4px}.headmaster-filter-row{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;justify-content:space-between;align-items:center}.headmaster-filter-left{display:flex;gap:12px;flex:1;flex-wrap:wrap;min-width:260px}.headmaster-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #CBD5E1;border-radius:10px;padding:9px 14px;flex:1;min-width:220px}.headmaster-search-icon{color:#94a3b8;flex-shrink:0}.headmaster-search-input{border:none;outline:none;font-size:13.5px;color:#0f172a;width:100%;background:transparent}.headmaster-search-input::placeholder{color:#94a3b8}.headmaster-type-select{border:1px solid #CBD5E1;border-radius:10px;padding:9px 14px;font-size:13.5px;color:#334155;background:#fff;cursor:pointer;outline:none;min-width:200px}.headmaster-status-pills{display:flex;gap:6px;background:#f1f5f9;padding:3px;border-radius:8px}.headmaster-status-pill{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:#475569;transition:all .15s ease}.headmaster-status-pill.active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #00000014}.headmaster-table-container{background:#fff;border-radius:14px;border:1px solid #E2E8F0;overflow:hidden;box-shadow:0 2px 8px #0000000a}.headmaster-table{width:100%;border-collapse:collapse;text-align:left}.headmaster-table th{background-color:#f8fafc;padding:14px 18px;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E2E8F0;-webkit-user-select:none;user-select:none}.headmaster-table td{padding:14px 18px;font-size:13.5px;color:#1e293b;border-bottom:1px solid #F1F5F9;vertical-align:middle}.headmaster-table tbody tr:hover{background-color:#f8fafc}.headmaster-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;background:#fff;border-radius:18px;border:1px dashed #C7D2FE}.headmaster-empty-title{font-size:17px;font-weight:700;color:#1e293b;margin:0}.headmaster-empty-sub{font-size:13px;color:#94a3b8;text-align:center;max-width:360px}.library-page-container{padding:0 4px 40px;min-height:100vh;display:flex;flex-direction:column;gap:20px;font-family:Inter,system-ui,-apple-system,sans-serif}.library-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:4px}.library-header h1{font-size:22px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.library-header p{font-size:13px;color:#64748b;margin:4px 0 0;font-weight:500}.library-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.library-kpi-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 2px 10px #00000008;display:flex;align-items:center;gap:16px;transition:all .2s ease}.library-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.library-kpi-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.library-kpi-details h3{font-size:24px;font-weight:800;color:#0f172a;margin:0;line-height:1.1}.library-kpi-details p{font-size:12px;color:#64748b;margin:4px 0 0;font-weight:600}.library-tabs-bar{display:flex;gap:8px;background:#f1f5f9;padding:6px;border-radius:14px;overflow-x:auto}.library-tab-btn{padding:9px 18px;border-radius:10px;border:none;font-size:13px;font-weight:700;color:#64748b;background:transparent;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .15s ease}.library-tab-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 8px #00000014}.library-tab-badge{padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;background:#e2e8f0;color:#475569}.library-tab-btn.active .library-tab-badge{background:#dbeafe;color:#1e40af}.library-actions-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:#fff;padding:14px 18px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #00000008}.library-search-wrapper{display:flex;align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:0 12px;width:280px;gap:8px}.library-search-input{border:none;background:transparent;outline:none;padding:9px 0;font-size:13px;color:#0f172a;width:100%}.library-filter-select{padding:8px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:13px;font-weight:600;color:#334155;background:#fff;outline:none;cursor:pointer}.library-btn-primary{display:inline-flex;align-items:center;gap:8px;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:9px 18px;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #2563eb40;transition:all .15s ease}.library-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.library-btn-success{display:inline-flex;align-items:center;gap:8px;background:#059669;color:#fff;border:none;border-radius:10px;padding:9px 18px;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #05966940;transition:all .15s ease}.library-btn-success:hover{background:#047857;transform:translateY(-1px)}.library-btn-secondary{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.library-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.library-table-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 10px #00000008;overflow-x:auto}.library-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.library-data-table th{padding:14px 18px;font-weight:700;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}.library-data-table td{padding:14px 18px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.library-data-table tr:hover td{background:#f8fafc}.lib-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.lib-badge.available{background:#dcfce7;color:#15803d}.lib-badge.issued{background:#dbeafe;color:#1e40af}.lib-badge.overdue{background:#fee2e2;color:#b91c1c}.lib-badge.returned{background:#f1f5f9;color:#475569}.lib-badge.out_of_stock{background:#ffedd5;color:#c2410c}.library-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.library-book-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;padding:18px;display:flex;flex-direction:column;gap:14px;transition:all .2s ease}.library-book-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014;border-color:#cbd5e1}.library-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.library-modal-card{background:#fff;border-radius:20px;width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalPop .2s ease-out}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.library-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9}.library-modal-header h3{font-size:18px;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:10px}.library-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.library-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px 20px;border-top:1px solid #f1f5f9;background:#fafafa}.lib-form-group{display:flex;flex-direction:column;gap:6px}.lib-form-group label{font-size:12.5px;font-weight:700;color:#334155}.lib-form-control{width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:13.5px;color:#0f172a;outline:none;background:#fff;transition:border-color .15s ease}.lib-form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.lib-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tc-preview-container{display:flex;flex-direction:column;min-height:100vh;background:#f1f5f9}.tc-top-bar{background:#ebf0f7;border-bottom:1px solid #cbd5e1;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.tc-top-left{display:flex;align-items:center}.tc-top-title{font-size:16px;font-weight:700;color:#334155}.tc-top-center{display:flex;align-items:center}.tc-letterhead-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;color:#334155;-webkit-user-select:none;user-select:none}.tc-letterhead-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}.tc-top-right{display:flex;align-items:center;gap:10px}.tc-btn-action{background:#2563eb;color:#fff;border:none;border-radius:6px;padding:6px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease;display:inline-flex;align-items:center;justify-content:center}.tc-btn-action:hover{background:#1d4ed8}.tc-btn-action:disabled{opacity:.65;cursor:not-allowed}.tc-sheet-wrapper{background:#eaedf3;padding:24px 20px 60px;display:flex;justify-content:center;align-items:flex-start;flex:1}.tc-a4-sheet{width:210mm;min-height:297mm;max-width:210mm;padding:12mm 18mm 16mm;margin:0 auto;background:#fff;box-shadow:0 4px 20px #00000014;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#000;display:flex;flex-direction:column;justify-content:space-between;position:relative}.tc-letterhead-spacer{height:40mm;width:100%}.tc-header-referred{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:0;margin-bottom:10px}.tc-header-logo-centered{display:flex;justify-content:center;align-items:center;margin-bottom:6px}.tc-header-logo-centered img{width:72px;height:72px;object-fit:contain}.tc-school-name-referred{font-size:25px;font-weight:800;color:#006eb4;letter-spacing:.8px;text-transform:uppercase;margin:0 0 10px;line-height:1.15;text-align:center}.tc-header-blue-banner{background:#006eb4;margin-left:-18mm;margin-right:-18mm;width:calc(100% + 36mm);padding:6.5px 18mm 7px;text-align:center;box-sizing:border-box}.tc-banner-line-1{font-size:11px;font-weight:500;color:#fff;letter-spacing:.1px;line-height:1.3;margin:0}.tc-banner-line-2{font-size:10.5px;font-weight:500;color:#fff;letter-spacing:.1px;line-height:1.3;margin-top:2.5px}.tc-title-box{text-align:center;margin:8px 0 10px}.tc-main-title{display:inline-block;font-size:16px;font-weight:800;color:#000;text-transform:uppercase;letter-spacing:.8px;text-decoration:none;margin:0}.tc-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#000;margin-bottom:10px;padding:0 4px 6px;border-bottom:1.2px solid #334155}.tc-meta-row span{font-weight:600}.tc-meta-row strong,.tc-meta-val{font-weight:800;color:#000;margin-left:2px}.tc-items-table{width:100%;border-collapse:collapse;font-size:12px;color:#000;line-height:1.48}.tc-items-table tr{vertical-align:top}.tc-items-table td{padding:4px 0}.tc-col-label{width:48%;font-size:12px;font-weight:500;color:#1e293b;padding-right:6px!important}.tc-col-colon{width:4%;text-align:center;font-size:12px;font-weight:700;color:#000}.tc-col-value{width:48%;font-size:12px;font-weight:700;color:#000;padding-left:10px!important;text-transform:uppercase;word-break:break-word}.tc-footer-signature{margin-top:36px;display:flex;justify-content:flex-end;align-items:center;padding-right:12px}.tc-signature-text{font-size:12px;font-weight:700;color:#000;text-align:right;border-top:1.2px solid #000000;padding-top:6px;min-width:230px}@media print{@page{size:A4 portrait;margin:10mm 15mm}*,*:before,*:after{box-sizing:border-box!important}html,body{margin:0!important;padding:0!important;background:#fff!important;width:100%!important;height:auto!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#root,.app-container,.main-content,.page-container{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:auto!important;overflow:visible!important;display:block!important;position:static!important;transform:none!important;float:none!important}.sidebar,.right-sidebar,.header,.app-header,.no-print,.tc-top-bar,nav,aside,button{display:none!important;visibility:hidden!important;height:0!important;width:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.tc-preview-container,.tc-sheet-wrapper{background:transparent!important;padding:0!important;margin:0!important;display:block!important;min-height:auto!important;width:100%!important}.tc-a4-sheet{box-shadow:none!important;border-radius:0!important;border:none!important;outline:none!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;padding:0!important;margin:0!important;box-sizing:border-box!important;page-break-inside:avoid!important;page-break-after:avoid!important;page-break-before:avoid!important;break-inside:avoid!important;display:block!important}.tc-items-table tr{page-break-inside:avoid!important;break-inside:avoid!important}.tc-footer-signature{page-break-inside:avoid!important;break-inside:avoid!important;margin-top:32px!important}.tc-header-blue-banner{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#006eb4!important;color:#fff!important}}.sgr-admin-page{display:flex;flex-direction:column;gap:20px;padding:8px 12px 36px;min-height:100%;color:#0f172a;font-family:inherit}.sgr-header-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:0 1px 4px #00000008}.sgr-title-group{display:flex;flex-direction:column;gap:4px}.sgr-title-group h1{font-size:22px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.4px;display:flex;align-items:center;gap:10px}.sgr-title-icon{color:#2563eb;width:24px;height:24px}.sgr-title-group p{font-size:13px;color:#64748b;margin:0;font-weight:500}.sgr-header-actions{display:flex;align-items:center;gap:10px}.sgr-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.sgr-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 8px #2563eb40}.sgr-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 14px #2563eb59;transform:translateY(-1px)}.sgr-btn-outline{background:#fff;border-color:#cbd5e1;color:#334155}.sgr-btn-outline:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.sgr-btn-success{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 2px 6px #05966933}.sgr-btn-success:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px)}.sgr-filters-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;box-shadow:0 1px 3px #00000005}.sgr-filter-inputs{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sgr-select-group{display:flex;flex-direction:column;gap:4px}.sgr-select-group label{font-size:10.5px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.6px}.sgr-select{padding:8px 14px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-size:13px;font-weight:700;outline:none;cursor:pointer;min-width:140px;transition:all .15s ease}.sgr-select:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.sgr-tabs-nav{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:12px;border:1px solid #e2e8f0}.sgr-tab-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:9px;font-size:13px;font-weight:700;border:none;cursor:pointer;color:#64748b;background:transparent;transition:all .2s ease}.sgr-tab-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 6px #0000000f}.sgr-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.sgr-kpi-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #00000005;transition:all .2s ease}.sgr-kpi-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.sgr-kpi-icon{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sgr-kpi-icon.blue{background:#eff6ff;color:#2563eb}.sgr-kpi-icon.green{background:#ecfdf5;color:#059669}.sgr-kpi-icon.indigo{background:#eef2ff;color:#4f46e5}.sgr-kpi-icon.amber{background:#fffbeb;color:#d97706}.sgr-kpi-icon.purple{background:#f5f3ff;color:#7c3aed}.sgr-kpi-content{display:flex;flex-direction:column}.sgr-kpi-content h3{font-size:24px;font-weight:900;color:#0f172a;margin:0;line-height:1.1;letter-spacing:-.5px}.sgr-kpi-content p{font-size:12px;color:#64748b;margin:4px 0 0;font-weight:600}.sgr-hero-banner{background:linear-gradient(135deg,#1e3a8a,#2563eb 55%,#3b82f6);border-radius:20px;padding:24px 28px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 6px 20px #2563eb38}.sgr-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);padding:4px 10px;border-radius:8px;font-size:11.5px;font-weight:700;color:#dbeafe;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.sgr-hero-title{font-size:24px;font-weight:900;margin:0;letter-spacing:-.5px}.sgr-hero-desc{font-size:13.5px;color:#bfdbfe;margin:6px 0 0;font-weight:500;max-width:680px}.sgr-hero-pill-stat{background:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);padding:12px 20px;border-radius:14px;text-align:center;display:flex;flex-direction:column;gap:2px}.sgr-hero-pill-stat .label{font-size:11px;font-weight:600;color:#bfdbfe;text-transform:uppercase}.sgr-hero-pill-stat .val{font-size:14.5px;font-weight:800;color:#fff;display:flex;align-items:center;gap:5px}.sgr-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:20px}.sgr-chart-card{background:#fff;border-radius:18px;border:1px solid #e2e8f0;padding:22px 24px;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column}.sgr-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:10px}.sgr-card-header h3{font-size:15.5px;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:8px}.sgr-card-header p{font-size:12px;color:#64748b;margin:3px 0 0;font-weight:500}.sgr-chart-container{width:100%;height:270px}.sgr-criteria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.sgr-criterion-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;transition:all .15s ease}.sgr-criterion-box:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #00000008}.sgr-criterion-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.sgr-criterion-title{font-size:13px;font-weight:700;color:#1e293b;line-height:1.3}.sgr-score-badge{font-size:11.5px;font-weight:800;padding:2.5px 8px;border-radius:7px;flex-shrink:0}.sgr-score-badge.high{background:#dcfce7;color:#15803d}.sgr-score-badge.mid{background:#dbeafe;color:#1d4ed8}.sgr-score-badge.low{background:#fee2e2;color:#b91c1c}.sgr-progress-bar-bg{width:100%;height:8px;background:#e2e8f0;border-radius:99px;overflow:hidden}.sgr-progress-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.sgr-progress-bar-fill.high{background:#10b981}.sgr-progress-bar-fill.mid{background:#3b82f6}.sgr-progress-bar-fill.low{background:#ef4444}.sgr-criterion-stats-row{display:flex;justify-content:space-between;font-size:11px;color:#64748b;font-weight:600}.sgr-register-subbar{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.sgr-week-buttons-group{display:flex;align-items:center;gap:6px;background:#f1f5f9;padding:4px;border-radius:11px}.sgr-week-pill-btn{padding:6px 14px;border-radius:8px;border:none;font-size:12px;font-weight:700;cursor:pointer;background:transparent;color:#64748b;transition:all .15s ease}.sgr-week-pill-btn.active{background:#2563eb;color:#fff;box-shadow:0 2px 6px #2563eb40}.sgr-teacher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.sgr-teacher-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 3px #00000005;transition:all .2s ease}.sgr-teacher-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0000000d}.sgr-teacher-header{display:flex;align-items:center;gap:12px}.sgr-teacher-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;flex-shrink:0}.sgr-teacher-info{display:flex;flex-direction:column;gap:2px;flex:1}.sgr-teacher-name{font-size:14px;font-weight:800;color:#0f172a}.sgr-teacher-subject-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:6px;width:fit-content}.sgr-week-badge-list{display:flex;align-items:center;gap:6px}.sgr-week-chip{padding:3px 8px;border-radius:6px;font-size:10.5px;font-weight:800;text-transform:uppercase}.sgr-week-chip.active{background:#dcfce7;color:#15803d;border:1px solid #86efac}.sgr-week-chip.inactive{background:#f1f5f9;color:#94a3b8;border:1px solid #e2e8f0}.sgr-table-card{background:#fff;border-radius:18px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 4px #00000005;display:flex;flex-direction:column}.sgr-table-action-bar{padding:14px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.sgr-search-box{position:relative;display:flex;align-items:center}.sgr-search-icon{position:absolute;left:12px;width:16px;height:16px;color:#94a3b8}.sgr-search-input{padding:8px 14px 8px 36px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;font-size:12.5px;font-weight:600;color:#0f172a;outline:none;min-width:240px}.sgr-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.sgr-table-wrapper{overflow-x:auto;width:100%}.sgr-data-table{width:100%;border-collapse:collapse;text-align:left}.sgr-data-table th{background:#f1f5f9;color:#475569;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:14px 18px;border-bottom:1px solid #e2e8f0}.sgr-data-table td{padding:14px 18px;border-bottom:1px solid #f1f5f9;font-size:13.5px;color:#1e293b;vertical-align:middle}.sgr-data-table tr:hover td{background:#f8fafc}.sgr-student-cell{display:flex;align-items:center;gap:12px}.sgr-avatar{width:38px;height:38px;border-radius:12px;background:#eff6ff;color:#2563eb;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sgr-student-name{font-weight:700;color:#0f172a;font-size:13.5px}.sgr-student-meta{font-size:11.5px;color:#64748b;font-weight:500}.sgr-tri-toggle{display:inline-flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;gap:2px}.sgr-toggle-btn{width:28px;height:28px;border-radius:7px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;color:#94a3b8;transition:all .15s ease}.sgr-toggle-btn.yes.active{background:#10b981;color:#fff;box-shadow:0 1px 4px #10b9814d}.sgr-toggle-btn.yes:hover:not(.active){color:#10b981}.sgr-toggle-btn.unset.active{background:#fff;color:#475569;box-shadow:0 1px 3px #00000014}.sgr-toggle-btn.no.active{background:#ef4444;color:#fff;box-shadow:0 1px 4px #ef44444d}.sgr-toggle-btn.no:hover:not(.active){color:#ef4444}.sgr-remark-bubble{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;padding:8px 12px;max-width:280px}.sgr-remark-text{font-size:12px;color:#1e293b;font-weight:500;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sgr-remark-author{font-size:10.5px;font-weight:700;color:#2563eb;margin-top:4px}.sgr-review-actions{display:flex;align-items:center;justify-content:center;gap:6px}.sgr-review-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;font-size:11.5px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.sgr-review-btn.approved.active{background:#dcfce7;color:#15803d;border-color:#86efac}.sgr-review-btn.approved:not(.active){background:#f1f5f9;color:#64748b}.sgr-review-btn.approved:hover:not(.active){background:#dcfce7;color:#15803d}.sgr-review-btn.flagged.active{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.sgr-review-btn.flagged:not(.active){background:#f1f5f9;color:#64748b}.sgr-review-btn.flagged:hover:not(.active){background:#fee2e2;color:#b91c1c}.sgr-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sgr-icon-btn:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.sgr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.sgr-modal-card{background:#fff;border-radius:22px;border:1px solid #e2e8f0;box-shadow:0 20px 40px #00000026;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:sgrModalIn .2s ease-out}@keyframes sgrModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sgr-modal-header{background:linear-gradient(135deg,#1e3a8a,#1e40af);padding:22px 28px;color:#fff;display:flex;justify-content:space-between;align-items:center}.sgr-modal-close-btn{background:#ffffff26;border:none;border-radius:10px;color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.sgr-modal-close-btn:hover{background:#ffffff40}.sgr-modal-body{padding:24px 28px;overflow-y:auto;flex:1;background:#f8fafc}.sgr-modal-footer{padding:16px 28px;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:10px}.video-tutorials-container{padding:20px 28px 40px;display:flex;flex-direction:column;gap:18px;max-width:1800px;margin:0 auto;background:#f8fafc;min-height:100vh}.video-top-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;padding:0 4px}.video-header-title h1{font-size:24px;font-weight:800;color:#0f172a;margin:0 0 6px;display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.video-header-title p{margin:0;font-size:13.5px;color:#64748b;font-weight:500}.video-header-actions{display:flex;align-items:center;gap:10px}.btn-add-video{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #ef444447;transition:all .18s ease}.btn-add-video:hover{transform:translateY(-1px);box-shadow:0 5px 16px #ef444461;filter:brightness(1.05)}.btn-add-video:active{transform:translateY(0)}.video-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.video-kpi-card{background:#fff;padding:18px 20px;border-radius:14px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:14px;transition:all .2s ease}.video-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a0f;border-color:#cbd5e1}.video-kpi-icon-box{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-kpi-icon-box.blue{background:#eff6ff;color:#2563eb}.video-kpi-icon-box.green{background:#ecfdf5;color:#059669}.video-kpi-icon-box.purple{background:#faf5ff;color:#7c3aed}.video-kpi-icon-box.amber{background:#fffbeb;color:#d97706}.video-kpi-details h4{margin:0 0 3px;font-size:11.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.video-kpi-details .kpi-number{font-size:23px;font-weight:900;color:#0f172a;margin:0;line-height:1.1}.video-kpi-details .kpi-sub{font-size:11.5px;color:#94a3b8;font-weight:600}.yt-toolbar-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 18px;box-shadow:0 1px 2px #0f172a08}.yt-toolbar-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.yt-search-box{position:relative;flex:1;min-width:280px;max-width:520px}.yt-search-box input{width:100%;padding:10px 14px 10px 42px;border-radius:12px;border:1.5px solid #e2e8f0;font-size:13.5px;outline:none;background:#f8fafc;transition:all .15s ease;font-weight:500;color:#0f172a}.yt-search-box input::placeholder{color:#94a3b8;font-weight:500}.yt-search-box input:focus{border-color:#ef4444;background:#fff;box-shadow:0 0 0 3px #ef44441a}.yt-search-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.yt-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.yt-filter-select{padding:9px 12px;border-radius:10px;border:1.5px solid #e2e8f0;font-size:13px;color:#334155;background:#fff;outline:none;font-weight:600;cursor:pointer;transition:all .15s ease}.yt-filter-select:hover{border-color:#cbd5e1;background:#f8fafc}.yt-filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.yt-export-btn{width:40px;height:40px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.yt-export-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.yt-view-toggle{display:flex;gap:2px;background:#f1f5f9;padding:3px;border-radius:10px;border:1px solid #e2e8f0}.yt-view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:34px;border-radius:7px;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .15s ease}.yt-view-btn:hover{color:#334155}.yt-view-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014}.yt-category-chip-row{background:transparent;position:sticky;top:0;z-index:5;padding:2px 0 4px;margin:-4px 0 -2px}.yt-chip-scroll{display:flex;gap:10px;overflow-x:auto;padding:8px 4px 10px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.yt-chip-scroll::-webkit-scrollbar{display:none}.yt-category-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:600;color:#334155;cursor:pointer;transition:all .16s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.yt-category-chip:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.yt-category-chip.active{background:#0f172a;border-color:#0f172a;color:#fff;box-shadow:0 3px 10px #0f172a2e}.yt-loading-state{padding:100px 20px;text-align:center;color:#64748b}.yt-loading-state .spinner-border{width:42px;height:42px;margin:0 auto 16px;border:3px solid #e2e8f0;border-top-color:#ef4444;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.yt-loading-state p{font-size:14px;font-weight:500;margin:0}.yt-empty-state{padding:80px 24px;text-align:center;background:#fff;border-radius:18px;border:2px dashed #e2e8f0;color:#64748b;max-width:640px;margin:20px auto}.yt-empty-state svg{color:#cbd5e1;margin-bottom:16px}.yt-empty-state h3{margin:0 0 8px;font-size:18px;font-weight:800;color:#334155}.yt-empty-state p{margin:0 0 20px;font-size:13.5px;color:#64748b;font-weight:500}.yt-empty-state .btn-add-video{margin:0 auto}.yt-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px 18px;padding:6px 2px}.yt-video-item{display:flex;flex-direction:column;gap:12px;cursor:default;animation:fadeInCard .35s ease-out}@keyframes fadeInCard{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.yt-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#0f172a;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0f172a0f}.yt-video-item:hover .yt-thumb-wrap{border-radius:12px;box-shadow:0 6px 20px #0f172a24}.yt-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;display:block}.yt-video-item:hover .yt-thumb-img{transform:scale(1.03)}.yt-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a);color:#64748b}.yt-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000;opacity:0;transition:all .2s ease}.yt-video-item:hover .yt-play-overlay{background:#00000052;opacity:1}.yt-play-circle{width:58px;height:58px;border-radius:50%;background:#fffffff2;color:#0f172a;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #00000073;transform:scale(.88);transition:transform .2s ease}.yt-video-item:hover .yt-play-circle{transform:scale(1)}.yt-duration{position:absolute;bottom:9px;right:9px;background:#0f172aeb;color:#fff;font-size:11.5px;font-weight:700;padding:3px 7px;border-radius:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.2px;line-height:1}.yt-class-chip{position:absolute;top:9px;left:9px;background:#fffffff0;color:#0f172a;font-size:11px;font-weight:700;padding:4px 9px;border-radius:7px;display:inline-flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000024}.yt-video-meta{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:flex-start;padding:0 2px}.yt-channel-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.3px;box-shadow:0 2px 6px #6366f14d;-webkit-user-select:none;user-select:none}.yt-video-info{display:flex;flex-direction:column;gap:3px;min-width:0}.yt-video-title{margin:0;font-size:14.5px;font-weight:700;color:#0f172a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.1px}.yt-channel-name{font-size:12.5px;font-weight:600;color:#606060;margin-top:1px;transition:color .15s ease}.yt-video-item:hover .yt-channel-name{color:#0f172a}.yt-video-stats{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:1px;font-size:12px;font-weight:500;color:#606060}.yt-subject-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#eff6ff;color:#2563eb;border-radius:6px;font-weight:700;font-size:11px}.yt-views-dot{width:3px;height:3px;border-radius:50%;background:#94a3b8;flex-shrink:0}.yt-view-count,.yt-upload-time{white-space:nowrap;font-weight:500}.yt-actions-hover{display:flex;gap:2px;opacity:0;transform:translate(-4px);transition:all .18s ease}.yt-video-item:hover .yt-actions-hover{opacity:1;transform:translate(0)}.yt-action-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .14s ease}.yt-action-btn:hover.edit{background:#eff6ff;color:#2563eb}.yt-action-btn:hover.delete{background:#fef2f2;color:#ef4444}.yt-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.staff-table-wrapper table{width:100%;border-collapse:collapse}.staff-table-wrapper thead{background:#f8fafc;border-bottom:1.5px solid #e2e8f0}.staff-table-wrapper th{padding:13px 16px;text-align:left;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.4px}.staff-table-wrapper td{padding:13px 16px;border-bottom:1px solid #f1f5f9;font-size:13px;color:#334155}.staff-table-wrapper tbody tr:hover{background:#f8fafc}.video-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.video-modal-card{background:#fff;border-radius:18px;width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 50px #0f172a47;animation:modalFadeIn .22s ease-out}.video-modal-card.player{max-width:900px;background:#0f172a;color:#fff;border-radius:14px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.video-modal-header{padding:18px 22px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.video-modal-header h3{margin:0;font-size:17px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:10px}.video-modal-header.dark{border-bottom-color:#1e293b}.video-modal-header.dark h3{color:#f1f5f9}.action-icon-btn{background:transparent;border:none;padding:6px;border-radius:8px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .14s ease}.action-icon-btn:hover{background:#f1f5f9;color:#0f172a}.video-modal-header.dark .action-icon-btn:hover{background:#1e293b;color:#e2e8f0}.video-modal-body{padding:22px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;flex:1}.video-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:10px;background:#f8fafc;flex-shrink:0}.btn-secondary-transport{padding:9px 18px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:700;cursor:pointer;transition:all .14s ease}.btn-secondary-transport:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.btn-secondary-transport:disabled{opacity:.5;cursor:not-allowed}.btn-primary-transport{padding:9px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #2563eb40;transition:all .14s ease}.btn-primary-transport:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #2563eb59;filter:brightness(1.05)}.btn-primary-transport:disabled{opacity:.6;cursor:not-allowed;transform:none}.video-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.video-form-group{display:flex;flex-direction:column;gap:6px}.video-form-group label{font-size:12.5px;font-weight:700;color:#334155}.video-form-control{padding:10px 12px;border-radius:10px;border:1.5px solid #e2e8f0;font-size:13.5px;outline:none;background:#fff;transition:all .15s ease;font-family:inherit;color:#0f172a;font-weight:500}.video-form-control::placeholder{color:#94a3b8;font-weight:500}.video-form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fbfdff}textarea.video-form-control{resize:vertical;min-height:80px}.video-preview-box{border-radius:12px;background:#f8fafc;border:1.5px dashed #cbd5e1;padding:14px;display:flex;align-items:center;gap:14px}.video-preview-thumb{width:130px;aspect-ratio:16 / 9;border-radius:8px;object-fit:cover;background:#0f172a;flex-shrink:0;box-shadow:0 2px 8px #0f172a1a}.spinner-border{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.study-materials-container{padding:24px;max-width:1440px;margin:0 auto;background-color:#f8fafc;min-height:100vh;font-family:inherit}.materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.materials-title-group h1{font-size:24px;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:10px}.materials-title-group p{color:#64748b;font-size:13.5px;margin:4px 0 0}.btn-upload-material{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00a3ff,#0284c7);color:#fff;padding:10px 20px;border-radius:12px;font-weight:700;font-size:14px;border:none;cursor:pointer;box-shadow:0 4px 14px #00a3ff4d;transition:all .2s ease}.btn-upload-material:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00a3ff66}.materials-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.materials-stat-card{background:#fff;border-radius:16px;padding:18px 20px;border:1.5px solid #f1f5f9;display:flex;align-items:center;gap:16px;box-shadow:0 2px 10px #00000005}.stat-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.stat-icon-box.blue{background:#eff6ff;color:#0284c7}.stat-icon-box.green{background:#f0fdf4;color:#16a34a}.stat-icon-box.purple{background:#faf5ff;color:#9333ea}.stat-icon-box.orange{background:#fff7ed;color:#ea580c}.stat-info h3{font-size:22px;font-weight:800;color:#0f172a;margin:0}.stat-info span{font-size:12.5px;font-weight:600;color:#64748b}.materials-filter-bar{background:#fff;border-radius:16px;padding:16px 20px;border:1.5px solid #f1f5f9;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;box-shadow:0 2px 8px #00000005}.search-input-box{position:relative;flex:1;min-width:240px}.search-input-box input{width:100%;padding:10px 14px 10px 38px;border-radius:10px;border:1.5px solid #e2e8f0;font-size:13.5px;outline:none;background:#f8fafc;transition:border-color .2s}.search-input-box input:focus{border-color:#00a3ff;background:#fff}.search-icon-fixed{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px}.filter-select{padding:10px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:13.5px;font-weight:600;color:#334155;outline:none;cursor:pointer}.filter-select:focus{border-color:#00a3ff}.material-categories-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:20px}.cat-pill-btn{padding:8px 20px;border-radius:20px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .2s;background:#e2e8f0;color:#64748b;white-space:nowrap}.cat-pill-btn.active{background:#00a3ff;color:#fff;box-shadow:0 2px 10px #00a3ff4d}.materials-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.material-card{background:#fff;border-radius:18px;padding:20px;border:1.5px solid #f1f5f9;box-shadow:0 4px 12px #00000005;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.material-card:hover{transform:translateY(-2px);border-color:#e2e8f0;box-shadow:0 8px 24px #0000000a}.material-card-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}.pdf-icon-badge{width:44px;height:52px;background:#ef4444;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:10px;flex-shrink:0;box-shadow:0 3px 8px #ef444440}.pdf-icon-badge span{font-size:9px;letter-spacing:.5px;margin-top:2px}.material-card-meta h3{font-size:16px;font-weight:800;color:#0f172a;margin:0 0 6px}.meta-tags{display:flex;gap:6px;flex-wrap:wrap}.chip-subject{background:#eff6ff;color:#0284c7;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.chip-class{background:#f1f5f9;color:#475569;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px}.chip-type{background:#fdf2f8;color:#db2777;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.material-card-desc{font-size:13px;color:#475569;line-height:1.5;margin-bottom:16px;background:#f8fafc;padding:10px 12px;border-radius:10px;border:1px solid #f1f5f9}.material-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:12px;margin-top:auto}.uploaded-by-text{font-size:11.5px;color:#94a3b8;font-weight:500}.material-actions{display:flex;gap:8px;align-items:center}.btn-view-content{display:inline-flex;align-items:center;gap:6px;background:#ddf2ff;color:#00a3ff;border:none;padding:6px 14px;border-radius:16px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s}.btn-view-content:hover{background:#bce3fd}.btn-icon-action{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:6px;transition:color .2s}.btn-icon-action:hover{color:#ef4444}.modal-overlay-study{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content-study{background:#fff;width:100%;max-width:580px;border-radius:20px;box-shadow:0 20px 40px #00000026;overflow:hidden;animation:popIn .2s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header-study{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-header-study h2{font-size:18px;font-weight:800;color:#0f172a;margin:0}.modal-body-study{padding:24px;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto}.form-group-study{display:flex;flex-direction:column;gap:6px}.form-group-study label{font-size:13px;font-weight:700;color:#334155}.form-group-study input,.form-group-study select,.form-group-study textarea{padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13.5px;outline:none}.form-group-study input:focus,.form-group-study select:focus,.form-group-study textarea:focus{border-color:#00a3ff}.modal-footer-study{padding:16px 24px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:10px}.btn-modal-cancel{padding:10px 18px;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;font-weight:600;font-size:13.5px;cursor:pointer}.btn-modal-submit{padding:10px 22px;background:#00a3ff;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:13.5px;cursor:pointer;box-shadow:0 3px 10px #00a3ff4d}.sess-page-container{display:flex;flex-direction:column;gap:20px;padding:24px;background-color:#f8fafc;min-height:calc(100vh - 70px);font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;color:#1e293b;box-sizing:border-box}.sess-top-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:4px}.sess-header-info h1{font-size:24px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.sess-header-info p{font-size:13px;color:#64748b;margin:6px 0 0;line-height:1.5}.sess-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sess-cyber-badge-green{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px}.sess-cyber-badge-orange{background:#fffbeb;color:#d97706;border:1px solid #fde68a;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700}.sess-cyber-badge-red{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700}.sess-cyber-pulse{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98199;display:inline-block;animation:sessPulse 1.6s infinite ease-in-out}@keyframes sessPulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 12px #10b981cc}to{transform:scale(.9);opacity:.7}}.sess-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:4px}@media (max-width: 1200px){.sess-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.sess-kpi-grid{grid-template-columns:1fr}}.sess-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 8px -2px #0000000d,0 1px 4px -1px #00000008;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sess-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000014,0 4px 10px -2px #00000008}.sess-kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sess-kpi-title{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#64748b}.sess-kpi-icon-box{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.sess-kpi-value{font-size:32px;font-weight:800;color:#0f172a;line-height:1.1;letter-spacing:-.5px}.sess-kpi-meta{font-size:11.5px;font-weight:500;margin-top:8px;display:flex;align-items:center;gap:6px;color:#64748b}.sess-cyber-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px 20px;box-shadow:0 4px 12px -2px #0000000d,0 2px 6px -1px #00000005;position:relative;overflow:hidden}.sess-cyber-panel:hover{border-color:#cbd5e1}.sess-cyber-input{background:#f8fafc;border:1px solid #cbd5e1;color:#1e293b;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:500;outline:none;font-family:inherit;width:100%;box-sizing:border-box;transition:all .2s ease}.sess-cyber-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.sess-cyber-input::placeholder{color:#94a3b8}.sess-cyber-select{background:#f8fafc;border:1px solid #cbd5e1;color:#1e293b;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:600;outline:none;font-family:inherit;cursor:pointer;transition:all .2s ease}.sess-cyber-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.sess-btn-cyber-primary{background:#10b981;color:#fff;border:1px solid #059669;border-radius:10px;padding:8px 18px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 6px #10b98133;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.sess-btn-cyber-primary:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.sess-btn-cyber-secondary{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1;border-radius:10px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;text-decoration:none}.sess-btn-cyber-secondary:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8;color:#0f172a}.sess-btn-cyber-danger{background:#ef4444;color:#fff;border:1px solid #dc2626;border-radius:10px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 2px 6px #ef444440;transition:all .2s ease}.sess-btn-cyber-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.sess-role-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.sess-role-pill-btn{padding:5px 13px;border-radius:20px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease;outline:none}.sess-cyber-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;overflow-x:auto}.sess-cyber-table{width:100%;border-collapse:collapse;text-align:left}.sess-cyber-table th{background:#f8fafc;color:#475569;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:13px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.sess-cyber-table td{padding:13px 16px;color:#334155;font-size:12.5px;font-weight:500;border-bottom:1px solid #f1f5f9}.sess-cyber-table tr:last-child td{border-bottom:none}.sess-cyber-table tr:hover td{background:#f8fafc}.sess-floating-batch-bar{padding:12px 20px;background:#fef2f2;border:1.5px solid #f87171;border-radius:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;box-shadow:0 10px 25px -5px #ef444426;animation:sessSlideUp .25s cubic-bezier(.4,0,.2,1)}@keyframes sessSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.sess-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.sess-modal-card{width:100%;max-width:540px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 25px 50px -12px #00000026;box-sizing:border-box}.sess-modal-card-danger{border-color:#fecaca;background:#fff;box-shadow:0 25px 50px -12px #ef44441f}.sess-telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}@media (max-width: 500px){.sess-telemetry-grid{grid-template-columns:1fr}}.alerts-page-container{padding:24px 32px;background-color:#f7f8fc;min-height:calc(100vh - 70px);font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1d2e;display:flex;flex-direction:column;gap:24px}.alerts-badge-capsule{display:inline-flex;align-items:center;gap:6px;background:#ef444414;color:#ef4444;padding:4px 12px;border-radius:9999px;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.alerts-segmented-bar{display:inline-flex;align-items:center;background:#7676801f;padding:4px;border-radius:14px;gap:4px;width:fit-content}.alerts-segmented-btn{border:none;background:transparent;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit}.alerts-segmented-btn:hover{color:#1a1d2e}.alerts-segmented-btn.active{background:#fff;color:#1a1d2e;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}.alerts-tab-badge{font-size:11px;padding:1px 7px;border-radius:9999px;background:#0000000f;font-weight:700}.alerts-segmented-btn.active .alerts-tab-badge{background:#ef4444;color:#fff}.alerts-stat-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:18px 20px;box-shadow:0 4px 20px -2px #00000008;display:flex;align-items:center;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.alerts-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -4px #0000000f}.alerts-stat-icon-wrap{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center}.alerts-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;box-shadow:0 4px 24px -4px #0000000a,0 1px 2px #00000005;overflow:hidden}.alerts-filter-bar{padding:16px 24px;border-bottom:1px solid #F1F3F9;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fafafc}.alerts-search-input-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:420px}.alerts-search-input{width:100%;padding:9px 14px 9px 38px;border-radius:12px;border:1px solid #E5E7EB;background:#fff;font-size:13px;font-family:inherit;color:#1a1d2e;outline:none;transition:border-color .2s,box-shadow .2s}.alerts-search-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1f}.alerts-select{padding:9px 14px;border-radius:12px;border:1px solid #E5E7EB;background:#fff;font-size:13px;font-family:inherit;color:#1a1d2e;outline:none;font-weight:500;cursor:pointer}.alerts-select:focus{border-color:#007aff}.alerts-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.alerts-table thead tr{background:#f8f9fd;border-bottom:1px solid #E9ECF5}.alerts-table th{padding:13px 18px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.alerts-table td{padding:15px 18px;border-bottom:1px solid #F1F3F9;vertical-align:top;color:#374151}.alerts-table tbody tr{transition:background-color .15s ease}.alerts-table tbody tr:hover{background-color:#f8fafc}.alerts-status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:9999px;font-size:11.5px;font-weight:600;letter-spacing:.2px}.alerts-status-pill.active{background:#10b9811a;color:#059669}.alerts-status-pill.scheduled{background:#f59e0b1a;color:#d97706}.alerts-status-pill.completed{background:#3b82f61a;color:#2563eb}.alerts-status-pill.paused{background:#6b72801a;color:#4b5563}.alerts-target-tag{display:inline-block;padding:3px 9px;border-radius:8px;background:#f3f4f6;color:#374151;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600}.alerts-form-group{display:flex;flex-direction:column;gap:6px}.alerts-form-label{font-size:12.5px;font-weight:600;color:#374151;display:flex;align-items:center;justify-content:space-between}.alerts-form-input,.alerts-form-textarea{width:100%;padding:10px 14px;border-radius:12px;border:1px solid #E5E7EB;background:#fafafc;font-size:13px;font-family:inherit;color:#1a1d2e;outline:none;transition:all .2s}.alerts-form-input:focus,.alerts-form-textarea:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.alerts-btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 22px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px #ef44444d;transition:all .2s;font-family:inherit}.alerts-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ef444466}.alerts-btn-secondary{background:#fff;color:#374151;border:1px solid #E5E7EB;padding:9px 18px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .2s;font-family:inherit}.alerts-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.alerts-btn-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:10px 22px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px #6366f14d;transition:all .2s;font-family:inherit}.alerts-btn-indigo:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.iphone-frame-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.iphone-frame{width:324px;height:648px;border-radius:48px;background:#111418;padding:10px;box-shadow:0 0 0 3px #282c34,0 0 0 7px #4a5160,0 24px 60px -10px #00000080,inset 0 0 3px 2px #fff3;position:relative;overflow:hidden;display:flex;flex-direction:column}.iphone-screen{flex:1;border-radius:38px;background-size:cover;background-position:center;position:relative;overflow:hidden;display:flex;flex-direction:column}.dynamic-island{width:105px;height:28px;background:#000;border-radius:20px;position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-shadow:0 4px 12px #0006;transition:all .35s cubic-bezier(.175,.885,.32,1.275)}.dynamic-island.expanded{width:290px;height:64px;border-radius:32px;padding:8px 14px}.ios-notification-banner{background:#ffffff4d;backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(255,255,255,.4);border-radius:22px;padding:13px 15px;box-shadow:0 8px 30px #00000038;color:#fff;animation:iosNotificationDrop .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes iosNotificationDrop{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ios-home-bar{width:120px;height:4px;background:#ffffffd9;border-radius:3px;margin:8px auto 4px}.fiam-modal-card{background:#fff;border-radius:22px;box-shadow:0 20px 40px -10px #0006;border:1px solid rgba(255,255,255,.6);animation:fiamPop .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes fiamPop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.fiam-banner-card{background:#fff;border-radius:16px;box-shadow:0 12px 30px #00000040;animation:fiamSlideDown .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fiamSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.alerts-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.alerts-modal-content{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(0,0,0,.08);width:100%;max-width:520px;overflow:hidden;animation:modalScaleUp .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.monthly-star-page{padding:24px;background-color:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:#0f172a}.monthly-star-header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.header-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:6px;border:1px solid #fcd34d}.header-main-title{font-size:26px;font-weight:800;color:#1e1b4b;margin:0 0 4px;letter-spacing:-.5px}.header-sub-title{font-size:14px;color:#64748b;margin:0}.month-picker-pill{display:flex;align-items:center;gap:8px;background:#fff;padding:6px 10px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000a}.month-display{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#f1f5f9;border-radius:10px}.calendar-icon{color:#6366f1}.month-name{font-size:15px;font-weight:700;color:#1e293b;min-width:90px;text-align:center}.year-select{border:none;background:transparent;font-size:15px;font-weight:700;color:#4f46e5;cursor:pointer;outline:none}.nav-arrow-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:#f8fafc;color:#475569;cursor:pointer;transition:all .2s ease}.nav-arrow-btn:hover{background:#e2e8f0;color:#0f172a}.monthly-star-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.metric-card{display:flex;align-items:center;gap:16px;background:#fff;padding:18px 20px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000008;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.metric-card.gold .metric-icon-wrap{background:#fef3c7;color:#d97706}.metric-card.purple .metric-icon-wrap{background:#ede9fe;color:#7c3aed}.metric-card.emerald .metric-icon-wrap{background:#d1fae5;color:#059669}.metric-card.amber .metric-icon-wrap{background:#ffedd5;color:#ea580c}.metric-icon-wrap{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.metric-details{flex:1}.metric-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.metric-number{font-size:24px;font-weight:800;color:#0f172a;line-height:1.2}.metric-hint{font-size:11px;color:#94a3b8}.progress-bar-wrap{width:100%;height:6px;background:#e2e8f0;border-radius:4px;margin-top:6px;overflow:hidden}.progress-fill{height:100%;background:#10b981;border-radius:4px;transition:width .3s ease}.monthly-star-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:#fff;padding:12px 16px;border-radius:14px;border:1px solid #e2e8f0;margin-bottom:20px}.toolbar-search-wrap{position:relative;flex:1;min-width:240px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.toolbar-search-input{width:100%;padding:8px 12px 8px 38px;border-radius:10px;border:1px solid #e2e8f0;font-size:13px;outline:none;transition:border-color .2s ease}.toolbar-search-input:focus{border-color:#6366f1}.toolbar-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-select{padding:8px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;font-size:13px;font-weight:500;color:#334155;cursor:pointer;outline:none}.view-mode-pill{display:flex;background:#f1f5f9;padding:3px;border-radius:10px;gap:2px}.mode-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:none;background:transparent;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.mode-btn.active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #0000001a}.class-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.class-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 6px #00000005;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.class-card.has-star{border-color:#fbbf24;box-shadow:0 4px 14px #f59e0b14}.class-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.class-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafafa;border-bottom:1px solid #f1f5f9}.class-title-block{display:flex;align-items:center;gap:6px}.class-name{font-size:14px;font-weight:800;color:#1e293b}.division-badge{font-size:11px;font-weight:700;background:#e0e7ff;color:#4338ca;padding:2px 6px;border-radius:6px}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px}.status-badge.awarded{background:#fef3c7;color:#b45309}.status-badge.pending{background:#f1f5f9;color:#94a3b8}.class-card-content{padding:16px;flex:1;display:flex;align-items:center}.awarded-student-spotlight{display:flex;align-items:center;gap:12px;width:100%}.spotlight-photo-wrap{position:relative;width:52px;height:52px;border-radius:50%;border:2px solid #f59e0b;overflow:hidden;flex-shrink:0;background:#f8fafc}.spotlight-img{width:100%;height:100%;object-fit:cover}.spotlight-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ede9fe}.star-icon-bubble{position:absolute;bottom:-2px;right:-2px;font-size:12px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003}.spotlight-info{flex:1;min-width:0}.student-name-text{font-size:15px;font-weight:700;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-meta-text{font-size:12px;color:#64748b;margin:2px 0 0}.awarded-by-text{display:block;font-size:11px;color:#94a3b8;margin-top:4px}.pending-student-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:8px 0;text-align:center}.empty-avatar-circle{width:44px;height:44px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.pending-prompt-text{font-size:12px;color:#94a3b8;margin:0}.class-card-footer{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#fff;border-top:1px solid #f1f5f9}.btn-card-preview{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;padding:7px 10px;border-radius:8px;border:none;background:#4f46e5;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-card-preview:hover{background:#4338ca}.btn-card-change{padding:7px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer}.btn-card-change:hover{background:#f8fafc;color:#0f172a}.btn-card-delete{padding:7px 8px;border-radius:8px;border:1px solid #fee2e2;background:#fff5f5;color:#ef4444;cursor:pointer}.btn-card-delete:hover{background:#fee2e2}.btn-card-assign{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;border-radius:8px;border:1px dashed #cbd5e1;background:#f8fafc;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-card-assign:hover{background:#e0e7ff;color:#4338ca;border-color:#818cf8}.wall-of-fame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.wall-star-card{background:#fff;border-radius:18px;border:1px solid #fde68a;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 16px #f59e0b14;position:relative;overflow:hidden}.wall-star-badge{display:inline-flex;align-items:center;gap:4px;background:#fef3c7;color:#92400e;font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;margin-bottom:12px}.wall-photo-frame{width:90px;height:90px;border-radius:50%;border:3px solid #f59e0b;overflow:hidden;margin-bottom:10px;background:#f1f5f9;box-shadow:0 4px 10px #0000001a}.wall-student-img{width:100%;height:100%;object-fit:cover}.wall-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ede9fe;color:#6d28d9}.wall-student-name{font-size:15px;font-weight:800;color:#1e1b4b;margin:0}.wall-student-meta{font-size:12px;color:#64748b;margin:4px 0 12px}.wall-card-actions{display:flex;gap:6px;width:100%}.preview-btn{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;padding:7px 10px;border-radius:8px;border:none;background:#4f46e5;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.revoke-btn{padding:7px 9px;border-radius:8px;border:1px solid #fee2e2;background:#fff5f5;color:#ef4444;cursor:pointer}.empty-wall-notice{grid-column:1 / -1;text-align:center;padding:48px;background:#fff;border-radius:16px;border:1px dashed #cbd5e1}.monthly-star-table-container{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden}.monthly-star-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.monthly-star-table th{background:#f8fafc;padding:12px 16px;font-size:12px;font-weight:700;color:#475569;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.5px}.monthly-star-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9}.division-tag{background:#e0e7ff;color:#4338ca;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:4px}.badge-awarded{background:#fef3c7;color:#b45309;font-size:11px;font-weight:700;padding:3px 8px;border-radius:10px}.badge-pending{background:#f1f5f9;color:#94a3b8;font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px}.student-info-cell{display:flex;align-items:center;gap:8px}.table-student-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.table-avatar-fallback{width:28px;height:28px;border-radius:50%;background:#ede9fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.table-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px}.btn-table-primary{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:6px;border:none;background:#4f46e5;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.btn-table-secondary{padding:5px 8px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer}.btn-table-danger{padding:5px 7px;border-radius:6px;border:1px solid #fee2e2;background:#fff5f5;color:#ef4444;cursor:pointer}.btn-table-action{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px dashed #cbd5e1;background:#f8fafc;color:#4338ca;font-size:12px;font-weight:600;cursor:pointer}.monthly-star-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.monthly-star-modal-content{background:#fff;border-radius:24px;max-width:960px;width:100%;max-height:94vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.monthly-star-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#fafafa}.monthly-star-modal-title{font-size:18px;font-weight:800;color:#1e1b4b;margin:0}.monthly-star-modal-subtitle{font-size:12px;color:#64748b;margin:2px 0 0}.monthly-star-modal-actions{display:flex;align-items:center;gap:8px}.action-btn-primary{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;padding:8px 14px;border-radius:10px;border:none;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #4f46e54d;transition:opacity .2s ease}.action-btn-primary:disabled{opacity:.6;cursor:not-allowed}.action-btn-secondary{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;color:#334155;padding:8px 12px;border-radius:10px;border:1px solid #e2e8f0;font-size:13px;font-weight:600;cursor:pointer}.action-btn-secondary:hover{background:#e2e8f0}.close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:6px;border-radius:8px}.close-btn:hover{background:#f1f5f9;color:#0f172a}.monthly-star-modal-body{display:flex;flex:1;overflow-y:auto;background:#0f0a1c;padding:24px;gap:24px}.poster-editor-sidebar{width:280px;background:#fff;padding:20px;border-radius:16px;flex-shrink:0}.editor-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 16px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:6px}.editor-input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #cbd5e1;font-size:13px;outline:none}.photo-upload-actions{display:flex;gap:6px}.photo-btn{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;color:#4338ca;cursor:pointer;flex:1}.photo-reset-btn{background:#fee2e2;border:none;color:#dc2626;padding:6px 10px;border-radius:8px;font-size:12px;cursor:pointer}.save-customization-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:16px;padding:9px;border-radius:8px;border:none;background:#10b981;color:#fff;font-weight:600;font-size:13px;cursor:pointer}.poster-display-container{flex:1;display:flex;align-items:center;justify-content:center}.poster-frame-wrapper{position:relative;width:100%;max-width:500px;aspect-ratio:1 / 1;box-shadow:0 20px 40px #0009;border-radius:0;overflow:hidden}.poster-card-container{position:relative;width:100%;height:100%;background:#130628}.poster-photo-layer{position:absolute;top:41.3%;left:35.88%;width:23.76%;height:25.2%;border-radius:18%;overflow:hidden;z-index:1}.poster-student-img{width:100%;height:100%;object-fit:cover}.poster-default-avatar{width:100%;height:100%;background:#dce6f5;display:flex;flex-direction:column;align-items:center;justify-content:center}.avatar-head{width:32%;height:32%;border-radius:50%;background:#7e8e9f;margin-bottom:4%}.avatar-shoulders{width:58%;height:30%;border-radius:40px 40px 0 0;background:#7e8e9f}.poster-template-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;pointer-events:none}.poster-month-overlay{position:absolute;top:35.56%;left:0;right:0;text-align:center;z-index:3;color:#fff;font-family:Montserrat,Inter,system-ui,sans-serif;font-weight:900;font-size:clamp(10px,2.15vw,16px);letter-spacing:2px;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none}.divider-bar{color:#a5f3fc;font-weight:400}.poster-name-overlay{position:absolute;top:69.21%;left:4%;right:4%;text-align:center;z-index:3;pointer-events:none}.poster-name-text{color:#fed74b;font-family:Montserrat,Inter,system-ui,sans-serif;font-weight:900;font-size:clamp(13px,3.2vw,24px);letter-spacing:1.5px;text-shadow:1px 2px 5px rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-class-overlay{position:absolute;top:73.68%;left:4%;right:4%;text-align:center;z-index:3;pointer-events:none}.poster-class-text{color:#fff;font-family:Montserrat,Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(10px,2.2vw,17px);letter-spacing:1.2px;text-shadow:1px 1.5px 4px rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assign-modal-content{background:#fff;border-radius:20px;max-width:480px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #0003}.assign-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9}.assign-modal-header h3{margin:0;font-size:16px;font-weight:700;color:#0f172a}.assign-search-wrap{position:relative;padding:12px 20px;border-bottom:1px solid #f1f5f9}.assign-search-input{width:100%;padding:8px 12px 8px 34px;border-radius:8px;border:1px solid #cbd5e1;font-size:13px;outline:none}.assign-student-list{flex:1;overflow-y:auto;padding:10px 14px}.assign-student-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;cursor:pointer;transition:background .2s ease;margin-bottom:4px}.assign-student-row:hover{background:#f8fafc}.assign-student-row.selected{background:#eef2ff;border:1px solid #c7d2fe}.assign-student-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e7ff;color:#4338ca;font-weight:700;font-size:14px}.assign-student-details{flex:1}.assign-name{display:block;font-size:14px;font-weight:700;color:#0f172a}.assign-meta{display:block;font-size:11px;color:#64748b}.assign-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #f1f5f9;background:#fafafa}.btn-cancel{padding:8px 14px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer}.btn-confirm-award{padding:8px 16px;border-radius:8px;border:none;background:#4f46e5;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.btn-confirm-award:disabled{opacity:.5;cursor:not-allowed}@media print{body *{visibility:hidden}.printable-poster,.printable-poster *{visibility:visible}.printable-poster{position:fixed;left:0;top:0;width:100vw;height:100vw;max-width:none;box-shadow:none}}.btn-template-settings{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #6366f14d;position:relative}.btn-template-settings:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f173;background:linear-gradient(135deg,#4338ca,#6d28d9)}.btn-template-settings .template-active-badge{background:#f59e0b;color:#1e1b4b;font-size:10px;font-weight:800;padding:1px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.template-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:20px;animation:fadeIn .2s ease-out}.template-modal-window{background:#0f172a;border:1px solid rgba(148,163,184,.2);border-radius:24px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px -15px #000000b3,0 0 40px #6366f126;color:#f8fafc;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.template-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,#1e293b99,#0f172a00)}.template-header-titles .template-badge{display:inline-flex;align-items:center;gap:6px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.template-header-titles h2{font-size:20px;font-weight:800;color:#fff;margin:0 0 4px}.template-header-titles p{font-size:13px;color:#94a3b8;margin:0}.template-modal-header .close-btn{background:#94a3b81a;border:1px solid rgba(148,163,184,.2);color:#94a3b8;border-radius:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.template-modal-header .close-btn:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.template-modal-body{padding:24px 28px;overflow-y:auto}.template-preview-columns{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}@media (max-width: 768px){.template-preview-columns{grid-template-columns:1fr}}.template-current-preview{display:flex;flex-direction:column;gap:12px}.preview-heading-row{display:flex;align-items:center;justify-content:space-between}.preview-label{font-size:12px;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px}.status-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px}.status-pill.custom{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.status-pill.default{background:#6366f133;color:#818cf8;border:1px solid rgba(99,102,241,.4)}.template-image-card{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:#1e293b;border:2px solid rgba(99,102,241,.3);box-shadow:0 10px 25px -5px #00000080}.template-card-img{width:100%;height:100%;object-fit:cover;display:block}.template-card-overlay{position:absolute;bottom:8px;right:8px;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.dimension-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8;background:#1e293b99;padding:8px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15)}.template-upload-controls{display:flex;flex-direction:column;gap:18px}.upload-dropzone{border:2px dashed rgba(99,102,241,.4);border-radius:16px;padding:28px 20px;text-align:center;background:#1e293b66;cursor:pointer;transition:all .2s ease}.upload-dropzone:hover,.upload-dropzone.dragover{border-color:#818cf8;background:#6366f11a;transform:scale(1.01)}.upload-dropzone.has-file{border-color:#34d399;background:#10b98114}.dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:10px}.dropzone-icon{width:52px;height:52px;border-radius:14px;background:#6366f126;color:#818cf8;display:flex;align-items:center;justify-content:center;transition:all .2s}.upload-dropzone:hover .dropzone-icon{background:#6366f1;color:#fff}.dropzone-texts .primary-text{font-size:14px;font-weight:700;color:#f1f5f9;margin:0 0 4px}.dropzone-texts .secondary-text{font-size:12px;color:#64748b;margin:0}.file-size-badge{font-size:11px;font-weight:700;background:#10b98133;color:#34d399;padding:2px 8px;border-radius:10px;border:1px solid rgba(16,185,129,.3)}.upload-progress-box{background:#1e293bcc;border:1px solid rgba(99,102,241,.3);padding:12px 16px;border-radius:12px}.progress-label-row{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#cbd5e1;margin-bottom:8px}.progress-track{width:100%;height:8px;background:#0f172acc;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#34d399);transition:width .2s ease}.guidelines-card{background:#1e293b66;border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:16px}.guidelines-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#93c5fd;margin-bottom:10px}.guidelines-list{margin:0;padding-left:18px;font-size:12px;color:#94a3b8;line-height:1.6}.guidelines-list li{margin-bottom:4px}.guidelines-list strong{color:#e2e8f0}.template-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:6px}.reset-default-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fca5a5;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.reset-default-btn:hover:not(:disabled){background:#ef444438;border-color:#ef444466}.reset-default-btn:disabled{opacity:.5;cursor:not-allowed}.save-template-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #10b98159;transition:all .2s}.save-template-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #10b98173}.save-template-btn:disabled{opacity:.6;cursor:not-allowed}.tm-container{padding:24px;max-width:1540px;margin:0 auto;font-family:inherit;color:#1e293b}.tm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.tm-title-group h1{font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;display:flex;align-items:center;gap:10px}.tm-title-badge{font-size:11px;font-weight:700;padding:4px 8px;background:#6366f11f;color:#4f46e5;border-radius:6px;border:1px solid rgba(99,102,241,.2)}.tm-subtitle{font-size:14px;color:#64748b;margin:0}.tm-header-actions{display:flex;align-items:center;gap:12px}.tm-refresh-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.tm-refresh-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.tm-refresh-btn.rotating svg{animation:tmSpin .8s linear infinite}@keyframes tmSpin{to{transform:rotate(360deg)}}.tm-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.tm-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #00000008;position:relative;overflow:hidden}.tm-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f;border-color:#cbd5e1}.tm-kpi-card.active{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133,0 8px 20px #6366f114}.tm-kpi-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tm-kpi-info{display:flex;flex-direction:column}.tm-kpi-value{font-size:24px;font-weight:800;color:#0f172a;line-height:1.1;letter-spacing:-.02em}.tm-kpi-label{font-size:13px;font-weight:600;color:#64748b;margin-top:4px}.tm-kpi-pending-pulse{position:absolute;top:14px;right:14px;width:9px;height:9px;background:#f59e0b;border-radius:50%;box-shadow:0 0 #f59e0bb3;animation:tmPulse 1.8s infinite}@keyframes tmPulse{0%{box-shadow:0 0 #f59e0b99}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.tm-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px 20px;margin-bottom:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 3px #00000005}.tm-toolbar-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.tm-search-box{position:relative;flex:1;min-width:260px;max-width:440px}.tm-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.tm-search-input{width:100%;padding:10px 14px 10px 42px;font-size:13.5px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#0f172a;outline:none;transition:all .2s ease}.tm-search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.tm-filter-selects{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tm-select{padding:9px 14px;font-size:13px;font-weight:600;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;cursor:pointer;transition:all .2s ease}.tm-select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.tm-view-toggle{display:flex;align-items:center;background:#f1f5f9;border-radius:10px;padding:3px}.tm-view-btn{padding:6px 10px;border:none;background:transparent;color:#64748b;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.tm-view-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014}.tm-type-pills{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px}.tm-type-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;transition:all .18s ease}.tm-type-pill:hover{background:#f1f5f9;color:#0f172a}.tm-type-pill.active{background:var(--pill-bg, rgba(99, 102, 241, .12));color:var(--pill-color, #4f46e5);border-color:var(--pill-border, rgba(99, 102, 241, .3))}.tm-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000005}.tm-table-wrapper{overflow-x:auto;width:100%}.tm-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.tm-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.tm-table th{padding:14px 18px;font-weight:700;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.tm-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.tm-table tbody tr:hover{background:#f8fafc}.tm-table td{padding:14px 18px;vertical-align:middle;color:#334155}.tm-date-cell{display:flex;flex-direction:column}.tm-date-main{font-weight:700;color:#0f172a}.tm-date-sub{font-size:11.5px;color:#64748b;margin-top:2px}.tm-teacher-cell{display:flex;align-items:center;gap:10px}.tm-teacher-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.tm-teacher-name{font-weight:700;color:#0f172a}.tm-badge-type{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:8px;font-size:11.5px;font-weight:700;letter-spacing:-.01em}.tm-badge-status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:700}.tm-badge-status.submitted{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.25)}.tm-badge-status.verified{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.25)}.tm-badge-status.rejected{background:#ef44441f;color:#b91c1c;border:1px solid rgba(239,68,68,.25)}.tm-badge-status.draft{background:#94a3b81f;color:#475569;border:1px solid rgba(148,163,184,.25)}.tm-actions-cell{display:flex;align-items:center;gap:6px}.tm-action-btn{padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:all .15s ease}.tm-action-btn:hover{background:#f1f5f9;color:#0f172a}.tm-action-btn.verify{color:#059669;border-color:#0596694d;background:#0596690f}.tm-action-btn.verify:hover{background:#05966924}.tm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.tm-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 3px #00000005;transition:all .2s ease;cursor:pointer}.tm-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f;border-color:#cbd5e1}.tm-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.tm-card-title{font-size:16px;font-weight:800;color:#0f172a;margin:0 0 4px;line-height:1.3}.tm-card-meta-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#64748b;margin-bottom:14px}.tm-card-body{background:#f8fafc;border-radius:12px;padding:12px;margin-bottom:16px;font-size:12.5px;color:#475569;line-height:1.5;border:1px solid #f1f5f9;max-height:90px;overflow:hidden;text-overflow:ellipsis}.tm-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f1f5f9}.tm-empty{text-align:center;padding:64px 20px;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;color:#64748b}.tm-empty-icon{width:56px;height:56px;color:#94a3b8;margin-bottom:16px}.tm-empty h3{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 6px}.tm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;animation:tmFadeIn .2s ease-out}@keyframes tmFadeIn{0%{opacity:0}to{opacity:1}}.tm-modal-card{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid #e2e8f0;overflow:hidden;animation:tmScaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes tmScaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.tm-modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start;background:#f8fafc}.tm-modal-title-group h2{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 6px}.tm-modal-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:6px;border-radius:8px;transition:all .15s ease}.tm-modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.tm-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.tm-modal-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;background:#f8fafc;padding:14px 18px;border-radius:12px;border:1px solid #e2e8f0}.tm-meta-item-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase}.tm-meta-item-val{font-size:13.5px;font-weight:700;color:#0f172a;margin-top:2px}.tm-section-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px}.tm-section-box-title{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:10px;display:flex;align-items:center;gap:8px}.tm-pill-list{display:flex;flex-wrap:wrap;gap:6px}.tm-pill-item{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;background:#eff6ff;color:#1e40af;border:1px solid #dbeafe}.tm-list-numbered{margin:0;padding-left:20px;color:#334155;font-size:13.5px;line-height:1.6}.tm-remark-area{background:#fffbeb;border:1px solid #fef3c7;border-radius:14px;padding:16px 18px}.tm-remark-label{font-size:13px;font-weight:700;color:#92400e;margin-bottom:8px;display:flex;align-items:center;gap:6px}.tm-remark-input{width:100%;border:1px solid #fde68a;border-radius:10px;padding:10px 14px;font-size:13.5px;background:#fff;color:#0f172a;outline:none;resize:vertical}.tm-remark-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.tm-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tm-footer-actions-right{display:flex;align-items:center;gap:10px}.tm-btn-primary{padding:10px 20px;background:#059669;color:#fff;border:none;border-radius:10px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 2px 4px #05966933;transition:all .15s ease}.tm-btn-primary:hover{background:#047857}.tm-btn-danger{padding:10px 18px;background:#fff;color:#dc2626;border:1px solid #fca5a5;border-radius:10px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.tm-btn-danger:hover{background:#fef2f2;border-color:#f87171}.tm-btn-secondary{padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:13px;font-weight:600;cursor:pointer}.tm-btn-secondary:hover{background:#f1f5f9;color:#0f172a}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #5B6CFF;--primary-teal: #00D4AA;--primary-purple: #A855F7;--primary-orange: #FF8A65;--bg: #F7F8FC;--surface: #FFFFFF;--text-primary: #1A1D2E;--text-secondary: #6B7280;--text-light: #9CA3AF;--border: #E5E7EB;--error: #EF4444;--success: #10B981;--warning: #FFB020;--input-radius: 12px;--card-radius: 16px;--btn-radius: 12px}body{font-family:Poppins,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.app-container{display:flex;min-height:100vh;width:100%}.main-content{flex:1;margin-left:280px;margin-right:56px;display:flex;flex-direction:column;transition:margin-left .3s ease,margin-right .3s ease;min-width:0;overflow-x:hidden;height:100vh;overflow-y:auto}.sidebar.minimized~.main-content{margin-left:72px;margin-right:56px}.header{background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);padding:8px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #00000008;position:sticky;top:0;z-index:100;flex-shrink:0}.header-title h2{font-size:22px;font-weight:700;color:var(--text-primary)}.header-title p{font-size:13px;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:16px}.page-content{padding:32px;flex:1;overflow-y:auto}.sidebar{width:280px;background:linear-gradient(180deg,#1a1d2e,#2d2f45);padding:0;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;bottom:0;z-index:100;transition:width .3s ease}.sidebar.minimized{width:72px}.sidebar-header{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.sidebar.minimized .sidebar-header{padding:20px 14px 16px;justify-content:center}.logo{display:flex;align-items:center;gap:10px;color:#fff;flex:1}.logo-icon{width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,var(--primary-teal),var(--primary-blue));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px #00d4aa4d;color:#fff}.logo h1{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;margin:0;line-height:1.2}.logo-subtitle{font-size:10px;color:var(--primary-teal);font-weight:400;line-height:1.2;margin-top:2px}.sidebar.minimized .sidebar-text{display:none}.sidebar-toggle-btn{background:#ffffff1a;border:none;color:#fff;border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar-toggle-btn:hover{background:#ffffff40}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff59}.sidebar-footer{padding:16px 0;border-top:1px solid rgba(255,255,255,.1)}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 20px;color:#ffffffb3;text-decoration:none;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;margin:0 8px;border-radius:0 12px 12px 0;font-size:14px;font-weight:500}.sidebar.minimized .nav-item{padding:12px 18px;justify-content:center;margin:0 4px}.sidebar.minimized .nav-item span:not(.material-icons-round){display:none}.nav-item:hover{background:#ffffff14;color:#fff;transform:translate(4px)}.nav-item.active{background:#5b6cff33;color:#fff;border-left-color:var(--primary-blue);font-weight:600}.ay-selector{position:relative;display:inline-flex;align-items:center}.ay-trigger{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 16px;border:2px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;transition:all .2s;font-family:inherit;color:var(--text-primary);min-height:42px}.ay-trigger:hover{border-color:#5b6cff59;box-shadow:0 4px 14px #5b6cff14}.ay-trigger.open{border-color:var(--primary-blue);box-shadow:0 0 0 4px #5b6cff1a}.ay-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border-radius:14px;box-shadow:0 10px 32px #0000001f;padding:8px;min-width:240px;z-index:200;border:1px solid var(--border)}.ay-header{display:flex;align-items:center;gap:8px;padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.ay-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s;font-size:13px;font-weight:500}.ay-option:hover{background:#5b6cff14;color:var(--primary-blue)}.ay-option.active{background:linear-gradient(135deg,var(--primary-blue),var(--primary-teal));color:#fff}.user-profile{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.user-profile:hover{background:var(--bg)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-teal),var(--primary-blue));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;overflow:hidden}.user-info h4{font-size:14px;font-weight:600;color:var(--text-primary)}.user-info p{font-size:11px;color:var(--text-secondary)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border-radius:12px;box-shadow:0 4px 24px #0000001f;padding:8px;min-width:200px;z-index:1000;border:1px solid var(--border)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary);transition:all .2s;text-decoration:none}.dropdown-item:hover{background:var(--bg)}.dropdown-item.danger{color:var(--error)}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--btn-radius);border:none;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .2s;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-teal));color:#fff;box-shadow:0 4px 12px #5b6cff4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #5b6cff66}.btn-secondary{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.icon-btn{width:36px;height:36px;border-radius:10px;border:none;background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-secondary)}.icon-btn:hover{background:#5b6cff1a;color:var(--primary-blue)}.icon-btn.delete:hover{background:#ef44441a;color:var(--error)}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);padding:8px 16px;border-radius:var(--input-radius);border:2px solid var(--border);transition:all .2s}.search-box:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 4px #5b6cff14}.search-box input{border:none;background:transparent;outline:none;font-family:Poppins,sans-serif;font-size:14px;width:100%}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-group label .req{color:var(--error)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--input-radius);font-family:Poppins,sans-serif;font-size:14px;outline:none;transition:all .2s;background:var(--surface);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px #5b6cff14}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.entity-card{background:var(--surface);border-radius:var(--card-radius);padding:24px;box-shadow:0 2px 12px #0000000a;transition:all .2s;border:2px solid transparent}.entity-card:hover{border-color:#5b6cff26;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#5b6cff1a;color:var(--primary-blue)}.card-name{font-size:17px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.card-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.card-meta{display:flex;gap:16px;padding-top:16px;border-top:1px solid var(--border);flex-wrap:wrap}.card-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.card-tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#5b6cff14;color:var(--primary-blue)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--surface);border-radius:var(--card-radius);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:10}.modal-header h3{font-size:20px;font-weight:700;color:var(--text-primary)}.modal-body{padding:28px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 28px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--surface)}.close-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-secondary)}.close-btn:hover{background:#ef44441a;color:var(--error)}.toast{position:fixed;top:24px;right:24px;padding:16px 24px;border-radius:14px;color:#fff;font-weight:600;font-size:14px;z-index:1001;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #00000026;animation:slideInRight .3s forwards}.toast.success{background:var(--success)}.toast.error{background:var(--error)}.toast.info{background:var(--primary-blue)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.data-table-container{background:var(--surface);border-radius:var(--card-radius);box-shadow:0 2px 12px #0000000a;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;padding:16px 20px;border-bottom:1px solid var(--border);background:#fafbfd}.data-table td{padding:16px 20px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-primary)}.data-table tbody tr{transition:all .2s}.data-table tbody tr:hover{background:var(--bg)}.data-table tbody tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:48px;color:var(--text-secondary)}.empty-state .material-icons-round{font-size:56px;color:var(--text-light);margin-bottom:12px}.empty-state h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}