@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";.mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1050;background:#ffffffeb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid rgba(226,232,240,.95);box-shadow:0 -4px 24px #0f172a14;padding:6px 12px;padding-bottom:calc(6px + env(safe-area-inset-bottom,6px));user-select:none;-webkit-user-select:none;transition:transform .25s ease,opacity .25s ease}.mobile-bottom-bar__inner{display:flex;align-items:center;justify-content:space-around;max-width:600px;margin:0 auto;position:relative}.mobile-bottom-bar__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 10px;border-radius:14px;text-decoration:none;color:#64748b;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;flex:1;max-width:80px;cursor:pointer}.mobile-bottom-bar__tab:active{transform:scale(.92)}.mobile-bottom-bar__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:28px;border-radius:12px;transition:all .2s ease}.mobile-bottom-bar__tab--active .mobile-bottom-bar__icon-wrapper{background:#eff6ff;color:#2563eb}.mobile-bottom-bar__tab--active{color:#2563eb}.mobile-bottom-bar__tab--active .mobile-bottom-bar__label{color:#2563eb;font-weight:700}.mobile-bottom-bar__label{font-size:11px;font-weight:600;letter-spacing:-.2px;color:#64748b;transition:color .15s ease;white-space:nowrap}.mobile-bottom-bar__badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF;box-shadow:0 2px 6px #ef444466;line-height:1}.mobile-bottom-bar__glow{position:absolute;bottom:-4px;width:14px;height:3px;border-radius:3px;background:#2563eb}@media (max-width: 900px){.mobile-bottom-bar{display:block!important}.page-content{padding-bottom:calc(84px + env(safe-area-inset-bottom,10px))!important}}.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:32px 16px;background:radial-gradient(1000px 600px at 20% 15%,rgba(91,108,255,.08),transparent 60%),radial-gradient(900px 600px at 80% 85%,rgba(0,212,170,.08),transparent 55%),#f8fafc;overflow-x:hidden;color:#0f172a;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,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:36px 36px;pointer-events:none}.auth-card-minimal{position:relative;z-index:2;width:100%;max-width:440px;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:24px;padding:40px 36px;box-shadow:0 10px 25px -5px #0f172a0d,0 20px 50px -10px #0f172a14;display:flex;flex-direction:column;animation:authCardFadeIn .35s cubic-bezier(.16,1,.3,1)}@keyframes authCardFadeIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-minimal-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}.auth-logo-ring{width:68px;height:68px;min-width:68px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#00d4aa,#5b6cff 60%,#a855f7);box-shadow:0 8px 24px #5b6cff38;margin-bottom:16px}.auth-logo-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;display:block}.auth-minimal-title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 6px;letter-spacing:-.3px}.auth-minimal-subtitle{font-size:13.5px;color:#64748b;margin:0;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:7px}.auth-field-label{font-size:13px;font-weight:600;color:#334155;display:flex;align-items:center;justify-content:space-between}.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:14px;font-family:inherit;background:#f8fafc;color:#0f172a;border:1.5px solid #E2E8F0;border-radius:12px;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:32px;height:32px;border:none;background:transparent;display:grid;place-items:center;border-radius:8px;color:#64748b;cursor:pointer;transition:color .15s ease,background-color .15s ease}.auth-pwd-toggle:hover{color:#0f172a;background:#0000000a}.auth-btn-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,#5b6cff,#3b82f6);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 18px #3b82f64d;margin-top:6px}.auth-btn-login:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 10px 24px #3b82f666}.auth-btn-login:active:not(:disabled){transform:translateY(0)}.auth-btn-login:disabled{opacity:.65;cursor:not-allowed}.auth-minimal-footer{margin-top:26px;padding-top:20px;border-top:1px solid #F1F5F9;display:flex;flex-direction:column;align-items:center;text-align:center}.auth-trust-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#059669;padding:5px 12px;border-radius:999px;background:#ecfdf5;border:1px solid #A7F3D0;font-weight:600}.auth-admin-helper-link{color:#2563eb;font-weight:600;font-size:12.5px;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease}.auth-admin-helper-link:hover{color:#1d4ed8;text-decoration:underline}@media (max-width: 480px){.auth-card-minimal{padding:30px 22px;border-radius:20px}.auth-minimal-title{font-size:20px}}.dashboard-ios-mobile-view{display:none}.dashboard-desktop-view{display:block}@media (max-width: 900px){.dashboard-desktop-view{display:none!important}.dashboard-ios-mobile-view{display:flex!important;flex-direction:column;width:100%;margin:-12px -8px 0;padding-bottom:24px;background:#f2f2f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,sans-serif;color:#000;overflow-x:hidden}.ios-wave-header{position:relative;background:linear-gradient(135deg,#00d4aa,#00b8d9 25%,#0095ff 52%,#2563eb 78%,#5b6cff);padding:20px 20px 48px;color:#fff;overflow:hidden}.ios-wave-header__decor-circle-1{position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:#ffffff1f;pointer-events:none}.ios-wave-header__decor-circle-2{position:absolute;bottom:-30px;left:-40px;width:140px;height:140px;border-radius:50%;background:#ffffff14;pointer-events:none}.ios-wave-header__top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;position:relative;z-index:2}.ios-wave-header__badge-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;background:#ffffff38;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);font-size:11px;font-weight:700;letter-spacing:.3px;color:#fff}.ios-wave-header__actions{display:flex;align-items:center;gap:10px}.ios-wave-header__icon-btn{width:36px;height:36px;border-radius:50%;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;position:relative;transition:transform .15s ease}.ios-wave-header__icon-btn:active{transform:scale(.92)}.ios-wave-header__dot-indicator{position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:#ff3b30;border:1.5px solid #FFFFFF}.ios-wave-header__content{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:2}.ios-wave-header__greeting{font-size:13.5px;color:#ffffffe6;font-weight:500;letter-spacing:-.2px;margin-bottom:2px}.ios-wave-header__name{font-size:21px;font-weight:900;color:#fff;letter-spacing:-.4px;line-height:1.2;margin-bottom:3px;text-shadow:0 1px 3px rgba(0,0,0,.12)}.ios-wave-header__role{font-size:12.5px;color:#ffffffe0;font-weight:600;margin-bottom:10px}.ios-wave-header__inst-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:16px;background:#ffffff38;border:1px solid rgba(255,255,255,.35);font-size:11px;font-weight:700;color:#fff;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-wave-header__avatar-wrapper{position:relative;width:76px;height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ios-wave-header__avatar-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px dashed rgba(255,255,255,.65);animation:iosRotateRing 24s linear infinite}@keyframes iosRotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ios-wave-header__avatar-img{width:66px;height:66px;border-radius:50%;object-fit:cover;border:2.5px solid #FFFFFF;box-shadow:0 4px 14px #0000002e;background:#fff}.ios-wave-header__wave-bottom{position:absolute;bottom:-1px;left:0;right:0;width:100%;height:28px;pointer-events:none}.ios-slider-section{padding:0 16px;margin-top:-10px;position:relative;z-index:10}.ios-banner-card{position:relative;height:160px;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0f172a1f,0 2px 6px #0f172a0a;cursor:pointer;-webkit-user-select:none;user-select:none}.ios-banner-card__img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.ios-banner-card__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0000 35%,#0009 68%,#000000e6)}.ios-banner-card__tag{position:absolute;top:12px;left:14px;padding:4px 10px;border-radius:14px;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:.8px solid rgba(255,255,255,.3);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.ios-banner-card__content{position:absolute;bottom:12px;left:14px;right:70px;color:#fff}.ios-banner-card__title{font-size:15px;font-weight:800;line-height:1.25;letter-spacing:-.3px;text-shadow:0 1px 4px rgba(0,0,0,.6);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-banner-card__subtitle{font-size:11.5px;color:#ffffffe0;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-banner-card__dots{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:4px}.ios-banner-card__dot{width:6px;height:6px;border-radius:3px;background:#fff6;transition:all .3s cubic-bezier(.16,1,.3,1)}.ios-banner-card__dot--active{width:18px;background:#fff;box-shadow:0 1px 4px #0000004d}.ios-section-heading{font-size:12px;font-weight:800;letter-spacing:.6px;color:#64748b;text-transform:uppercase;margin:20px 16px 10px}.ios-quick-services-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 16px 6px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.ios-quick-services-scroll::-webkit-scrollbar{display:none}.ios-service-card{min-width:150px;width:150px;height:130px;border-radius:20px;padding:14px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 8px 18px #0000001f;cursor:pointer;flex-shrink:0;transition:transform .15s ease}.ios-service-card:active{transform:scale(.96)}.ios-service-card__watermark-icon{position:absolute;right:-10px;bottom:-10px;opacity:.18;color:#fff}.ios-service-card__top{position:relative;z-index:2}.ios-service-card__title{font-size:14px;font-weight:800;line-height:1.2;letter-spacing:-.2px;margin:0 0 2px}.ios-service-card__subtitle{font-size:11px;color:#ffffffd9;margin:0}.ios-service-card__bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.ios-service-card__arrow{width:28px;height:28px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;color:#fff}.ios-service-card__badge{background:#ef4444;color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:10px;border:1.5px solid #FFFFFF}.ios-inset-card{background:#fff;border-radius:20px;border:1px solid #E2E8F0;box-shadow:0 4px 18px #0000000a;margin:0 16px 16px;padding:16px}.ios-inset-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ios-inset-card__header-left{display:flex;align-items:center;gap:10px}.ios-inset-card__icon-badge{width:40px;height:40px;border-radius:12px;background:#0284c7;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0284c74d}.ios-inset-card__title{font-size:15px;font-weight:800;color:#0f172a;letter-spacing:-.3px;margin:0}.ios-inset-card__subtitle{font-size:11.5px;color:#64748b;margin:1px 0 0}.ios-inset-card__radius-badge{font-size:11px;font-weight:700;color:#d97706;background:#fef3c7;padding:4px 8px;border-radius:12px}.ios-radar-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;background:#f8fafc;border-radius:14px;padding:10px 12px;margin-bottom:14px;border:1px solid #F1F5F9}.ios-radar-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.ios-radar-stat-label{font-size:10.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.2px;margin-bottom:2px}.ios-radar-stat-val{font-size:16px;font-weight:800;color:#0f172a}.ios-radar-stat-val--green{color:#16a34a}.ios-radar-stat-val--blue{color:#0284c7}.ios-radar-actions{display:flex;gap:8px}.ios-radar-actions__btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#10b981;color:#fff;border:none;border-radius:14px;padding:12px 14px;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #10b98140;transition:transform .15s ease}.ios-radar-actions__btn-primary:active{transform:scale(.97)}.ios-radar-actions__btn-secondary{display:flex;align-items:center;justify-content:center;gap:6px;background:#eff6ff;color:#2563eb;border:1px solid #DBEAFE;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s ease}.ios-radar-actions__btn-secondary:active{transform:scale(.97)}.ios-activity-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #F1F5F9}.ios-activity-row:last-child{border-bottom:none;padding-bottom:0}.ios-activity-row__left{display:flex;align-items:center;gap:10px}.ios-activity-avatar{width:36px;height:36px;border-radius:50%;background:#eff6ff;color:#2563eb;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}.ios-activity-name{font-size:13.5px;font-weight:700;color:#0f172a;margin:0}.ios-activity-role{font-size:11px;color:#64748b;margin:0}.ios-activity-badge{padding:3px 8px;border-radius:10px;font-size:10.5px;font-weight:700}.ios-activity-badge--present{background:#dcfce7;color:#16a34a}.ios-activity-badge--completed{background:#e0f2fe;color:#0284c7}.ios-section-heading--flex{display:flex;align-items:center;justify-content:space-between}.ios-section-link-btn{background:transparent;border:none;color:#0284c7;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;text-transform:none;padding:0}.ios-leave-badge{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:800;letter-spacing:.3px}.ios-leave-badge--pending{background:#fef3c7;color:#d97706}.ios-leave-badge--approved{background:#dcfce7;color:#16a34a}.ios-leave-badge--rejected{background:#fee2e2;color:#dc2626}}.staff-geofence-container{padding:0;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}.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}@media (max-width: 768px){.geofence-top-header{padding:14px 16px}.geofence-header-actions{width:100%;gap:8px}.date-selector-btn-group{width:100%;justify-content:space-between}.date-picker-input-styled{flex:1;min-width:120px}.btn-manual-punch,.btn-config-radius{flex:1;justify-content:center;font-size:12px;padding:8px 10px;white-space:nowrap}.admin-geofence-map-wrapper{height:260px}}.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}@media (max-width: 768px){.transport-container{padding:12px 8px!important}.transport-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.transport-header-actions{flex-wrap:wrap!important;width:100%!important}.transport-header-actions button{flex:1!important;justify-content:center!important}.transport-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.transport-stat-card{padding:12px 14px!important;gap:10px!important}.stat-info h3{font-size:18px!important}.transport-tabs-nav{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:6px!important;flex-wrap:nowrap!important}.transport-tab-btn{white-space:nowrap!important}.routes-grid,.vehicles-grid{grid-template-columns:1fr!important;gap:12px!important}}@media (max-width: 480px){.transport-stats-grid{grid-template-columns:1fr!important}}.leave-page-container{padding:0 0 40px;width:100%;max-width:100%;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1e293b}.leave-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.leave-kpi-card{background:#fff;border-radius:12px;padding:18px 20px;text-align:center;box-shadow:0 1px 3px #0000000d;border:1px solid #E2E8F0;transition:transform .15s ease,box-shadow .15s ease}.leave-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.leave-kpi-label{font-size:13px;font-weight:600;color:#64748b;margin-bottom:6px}.leave-kpi-value{font-size:32px;font-weight:800;line-height:1.1}.leave-date-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.leave-date-input-group{display:flex;align-items:center;gap:8px}.leave-date-input-group label{font-size:13px;font-weight:600;color:#475569}.leave-date-input{padding:7px 12px;border:1px solid #CBD5E1;border-radius:6px;font-size:13px;background:#fff;outline:none}.leave-toolbar-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.leave-toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.leave-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.leave-desktop-table-container{display:block;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000d;border:1px solid #E2E8F0;overflow-x:auto;-webkit-overflow-scrolling:touch}.leave-requests-mobile-feed{display:none;flex-direction:column;gap:14px}.leave-mobile-card{background:#fff;border-radius:14px;border:1px solid #E2E8F0;box-shadow:0 2px 8px #0000000a;padding:16px;display:flex;flex-direction:column;gap:14px;transition:transform .15s ease,box-shadow .15s ease}.leave-mobile-card:active{transform:scale(.99)}.leave-mobile-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #F1F5F9;padding-bottom:12px}.leave-mobile-employee-group{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.leave-mobile-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;border:1px solid #C7D2FE;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leave-mobile-avatar span{font-size:24px}.leave-mobile-employee-name{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 2px;line-height:1.3;word-break:break-word}.leave-mobile-phone-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#2563eb;text-decoration:none;font-weight:600}.leave-mobile-phone-link span{font-size:14px}.leave-status-pill{display:inline-block;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}.leave-status-pill.pending{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.leave-status-pill.approved{background:#dcfce7;color:#15803d;border:1px solid #BBF7D0}.leave-status-pill.rejected{background:#fee2e2;color:#b91c1c;border:1px solid #FECACA}.leave-mobile-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.leave-meta-item{display:flex;flex-direction:column;gap:4px}.leave-meta-item.full-width{grid-column:1 / -1}.leave-meta-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#64748b}.leave-meta-value{font-size:13px;color:#1e293b;display:inline-flex;align-items:center;gap:6px}.leave-meta-value.type-pill{background:#f1f5f9;border:1px solid #CBD5E1;padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px;color:#334155;width:fit-content}.leave-meta-value.type-pill span{font-size:15px;color:#64748b}.leave-meta-value.duration-pill{background:#f0fdf4;border:1px solid #BBF7D0;padding:4px 8px;border-radius:6px;font-size:12px;color:#166534;width:fit-content}.leave-meta-value.duration-pill span{font-size:15px;color:#16a34a}.leave-meta-sub{color:#64748b;font-size:11.5px}.leave-period-range{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:6px 10px}.period-tag{display:flex;flex-direction:column;gap:1px;flex:1}.period-lbl{font-size:10px;font-weight:800;color:#64748b}.period-tag strong{font-size:12.5px;color:#0f172a}.period-arrow{color:#94a3b8;font-size:12px;font-weight:700}.leave-mobile-reason-box{background:#f8fafc;border:1px solid #E2E8F0;border-left:4px solid #3B82F6;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.leave-reason-header{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#2563eb}.leave-reason-header span{font-size:16px}.leave-reason-content{font-size:13px;line-height:1.5;color:#1e293b;margin:0;word-break:break-word;white-space:pre-wrap}.leave-date-detail-note{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#64748b;margin-top:4px;border-top:1px dashed #CBD5E1;padding-top:4px}.leave-date-detail-note span{font-size:14px;color:#3b82f6}.leave-mobile-card-footer{display:flex;align-items:center;gap:8px}.leave-mobile-review-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.leave-mobile-review-btn:active{background:#dbeafe;transform:scale(.98)}.leave-mobile-review-btn span{font-size:17px}.leave-mobile-empty-card{background:#fff;border-radius:12px;border:1px dashed #CBD5E1;padding:32px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:#64748b;font-size:13px}.leave-mobile-create-btn{margin-top:6px;background:#eff6ff;color:#2563eb;border:1px solid #BFDBFE;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer}@media (max-width: 1024px){.leave-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.leave-page-container{padding:0 4px 60px}.leave-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.leave-kpi-card{padding:14px 12px}.leave-kpi-value{font-size:26px}.leave-kpi-label{font-size:12px}.leave-date-filter-row{flex-direction:column;align-items:stretch;gap:8px;background:#fff;padding:12px;border-radius:10px;border:1px solid #E2E8F0}.leave-date-input-group{width:100%;justify-content:space-between}.leave-date-input{flex:1;max-width:calc(100% - 60px)}.leave-toolbar-row{flex-direction:column;align-items:stretch;gap:10px}.leave-toolbar-left{width:100%;flex-direction:column;align-items:stretch;gap:8px}.leave-toolbar-left>div{width:100%}.leave-toolbar-left input{width:100%!important}.leave-toolbar-left select{width:100%;border-radius:8px!important}.leave-toolbar-right{width:100%;display:flex;gap:8px}.leave-toolbar-right button{flex:1;justify-content:center;padding:9px 12px!important;font-size:12.5px!important}.leave-desktop-table-container{display:none!important}.leave-requests-mobile-feed{display:flex!important}}@media (max-width: 480px){.leave-mobile-meta-grid{grid-template-columns:1fr}.leave-period-range{flex-direction:column;align-items:flex-start}.period-arrow{display:none}.leave-kpi-grid{grid-template-columns:repeat(2,1fr)}}: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 0 48px;width:100%;max-width:100%;box-sizing:border-box;-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-container{padding:0 2px 70px!important}.mac-window-banner{padding:12px 14px!important;gap:12px!important}.mac-window-banner-top,.mac-filter-row-top{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.mac-search-box{width:100%!important}.mac-filter-pill-group{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;flex-wrap:nowrap!important}.mac-table-container{border-radius:10px!important}.mac-table{min-width:680px!important}.mac-staff-card{grid-template-columns:1fr!important;gap:16px!important}.mac-card-left{border-right:none!important;border-bottom:1px solid rgba(0,0,0,.05)!important;padding-right:0!important;padding-bottom:14px!important}.mac-details-columns{grid-template-columns:1fr!important;gap:12px!important}.mac-floating-dock{flex-wrap:wrap!important;bottom:12px!important;width:calc(100% - 24px)!important;justify-content:center!important;padding:6px 10px!important;gap:6px!important}.mac-dock-item{font-size:11px!important;padding:6px 10px!important}}*{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:0!important;display:flex;flex-direction:column;min-width:0;width:100%;overflow-x:hidden;height:100vh;overflow-y:auto}.sidebar.minimized~.main-content,.sidebar.sidebar--minimized~.main-content{margin-left:0!important;margin-right:0!important}.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}.mobile-menu-btn{display:none}.page-content{padding:24px 28px;flex:1;width:100%;max-width:100%;box-sizing:border-box;overflow-y:auto}.sidebar{width:260px;min-width:260px;background:#0f172a;padding:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:50;flex-shrink:0;border-right:1px solid #1E293B;transition:width .25s cubic-bezier(.4,0,.2,1)}.sidebar.minimized,.sidebar.sidebar--minimized{width:80px;min-width:80px}.admin-card-container{width:100%;max-width:100%;box-sizing:border-box}.admin-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;border:1px solid #E2E8F0;box-shadow:0 1px 3px #00000008;width:100%;box-sizing:border-box}.admin-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.admin-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.admin-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.admin-card-container,.admin-card-container form,.admin-card-container form>div{width:100%!important;max-width:100%!important;box-sizing:border-box!important}@media (max-width: 1100px){.admin-grid-4,[style*="repeat(4, 1fr)"],[style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media (max-width: 900px){.admin-grid-3,[style*="repeat(3, 1fr)"],[style*="repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media (max-width: 640px){.admin-grid-4,.admin-grid-3,.admin-grid-2,[style*="repeat(4, 1fr)"],[style*="repeat(4,1fr)"],[style*="repeat(3, 1fr)"],[style*="repeat(3,1fr)"],[style*="repeat(2, 1fr)"],[style*="repeat(2,1fr)"],[style*="1fr 1fr 1fr 1fr"],[style*="1fr 1fr 1fr"],[style*="1fr 1fr"],[style*="200px 1fr"]{grid-template-columns:1fr!important;gap:12px!important}.admin-card{padding:16px 14px;border-radius:10px}}.dashboard-two-column-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start;width:100%}@media (max-width: 1024px){.dashboard-two-column-grid{grid-template-columns:1fr;gap:20px}}.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}.mobile-menu-btn{display:none;width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.mobile-menu-btn:hover{background:var(--bg)}.header-back-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0000000a}.header-back-btn:hover{background:var(--bg);border-color:#cbd5e1;color:var(--primary-blue);transform:translate(-2px)}.header-back-btn:active{transform:translate(-3px) scale(.96)}.desktop-sidebar-toggle-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.sidebar-mobile-close-btn{display:none;width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar-mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a9e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1150;animation:fadeIn .2s ease}.mobile-floating-ai-btn{display:none;position:fixed;bottom:20px;right:20px;width:52px;height:52px;border-radius:50%;border:2.5px solid #FFFFFF;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 8px 24px #7c3aed73,0 2px 8px #00000026;cursor:pointer;z-index:1040;align-items:center;justify-content:center;padding:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.mobile-floating-ai-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scale(1.1)}.mobile-floating-ai-btn:active{transform:scale(.92)}.header-search-container{flex:1;max-width:440px;margin:0 12px}.data-table-container,.table-responsive,.table-container,.table-wrapper,.mac-table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 1024px){.main-content{margin-left:0!important;margin-right:0!important;width:100%!important}.sidebar.minimized~.main-content{margin-left:0!important;margin-right:0!important}.sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:285px!important;max-width:85vw!important;z-index:1200!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 0 35px #00000073!important}.sidebar.mobile-open,.sidebar.sidebar--mobile-open{transform:translate(0)!important}.sidebar-mobile-backdrop{display:block!important}.sidebar-mobile-close-btn{display:flex!important}.desktop-sidebar-toggle-btn{display:none!important}.mobile-menu-btn{display:flex!important}.header-back-btn{display:flex!important;width:36px!important;height:36px!important;border-radius:9px!important}.right-action-bar{display:none!important}.mobile-floating-ai-btn{display:flex!important}.page-content{padding:20px 16px 40px!important}.dashboard-main-grid{grid-template-columns:1fr!important;gap:20px!important}.dashboard-zone-grid,.dashboard-leaderboards-grid{grid-template-columns:1fr!important;gap:18px!important}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:16px!important}}@media (max-width: 768px){.header{padding:8px 12px!important;flex-wrap:wrap!important;gap:8px!important}.header-left-group{flex:1!important;min-width:0!important}.header-greeting h2{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:180px!important}.header-greeting p{display:none!important}.header-right{gap:8px!important}.header-user-text,.header-user-chevron{display:none!important}.header-search-container{order:3!important;width:100%!important;max-width:100%!important;margin:4px 0 0!important}.academic-year-selector{padding:4px 8px!important;font-size:11px!important}.header-notif-panel,.header-chat-panel{position:fixed!important;top:56px!important;left:8px!important;right:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 75px)!important;border-radius:16px!important}.user-dropdown{position:fixed!important;top:56px!important;right:8px!important;left:auto!important;min-width:210px!important;max-width:calc(100vw - 16px)!important}.ai-chatbot-root{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;bottom:0!important;right:0!important;background:#0f172a99!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;z-index:1250!important}.ai-chatbot-window{width:100%!important;max-width:100%!important;height:84vh!important;max-height:86vh!important;border-radius:22px 22px 0 0!important;box-shadow:0 -10px 40px #00000040!important}.modal-overlay{padding:10px!important;align-items:flex-end!important}.modal,.mac-sheet,.perf-modal-content{width:100%!important;max-width:100%!important;max-height:90vh!important;border-radius:20px 20px 10px 10px!important;margin:0!important}.modal-header{padding:16px 18px!important}.modal-header h3{font-size:17px!important}.modal-body{padding:16px 18px!important}.modal-footer{padding:12px 18px!important;flex-wrap:wrap!important}.modal-footer .btn{flex:1!important;justify-content:center!important}.form-row,.form-row-3{grid-template-columns:1fr!important;gap:12px!important}.grid-cards{grid-template-columns:1fr!important;gap:14px!important}.overview-stats-grid,.attendance-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.toolbar .search-box,.toolbar input{width:100%!important}.toolbar-actions,.toolbar>div{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}.toolbar-actions .btn,.toolbar>div .btn{flex:1!important;justify-content:center!important;white-space:nowrap!important}.btn{padding:8px 14px!important;font-size:13px!important}.data-table{min-width:620px!important}.data-table th,.data-table td{padding:10px 12px!important;font-size:12px!important}.page-content{padding:12px 8px 36px!important}.toast{top:auto!important;bottom:24px!important;right:12px!important;left:12px!important;border-radius:12px!important}[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 2fr 1fr"],[style*="grid-template-columns: 1fr 2fr"],[style*="grid-template-columns: 1fr 350px"],[style*="grid-template-columns: 300px 1fr 320px"],[style*="grid-template-columns: 280px 1fr"],[style*="grid-template-columns: 320px 1fr"],[style*="grid-template-columns: 300px 1fr"]{grid-template-columns:1fr!important}}@media (max-width: 480px){.header-greeting h2{font-size:14px!important;max-width:130px!important}.header-user-text,.header-user-chevron{display:none!important}.header-icon-btn{width:32px!important;height:32px!important}.overview-stats-grid,.attendance-stats-grid{grid-template-columns:1fr!important}.btn{font-size:12px!important;padding:7px 10px!important}}