*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body)}*:focus-visible{outline:2px solid #00875A;outline-offset:2px;border-radius:4px}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:700}body{overflow-x:hidden;background-color:#ededed}ul li a{font-weight:200;border-bottom:none;text-decoration:none}li a{font-weight:400!important}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--theme-bg-surface);padding:20px}.logo-container{padding:20px;text-align:center}.logo-img{width:250px;height:auto}.logo-container h1{font-size:40px;color:var(--theme-text-dark)}.login-form{position:relative;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.input-field,.otp-input{width:100%;padding:12px 15px;margin-bottom:15px;border:1px solid var(--theme-border-input);border-radius:6px;font-size:16px}.mobile-otp-section{width:100%;display:flex;gap:10px;margin-bottom:15px;flex-direction:row;align-items:center;justify-content:space-between}.mobile-otp-section .input-field{flex:1;margin-bottom:0}.sign-in-btn,.otp-in-btn{width:400px;padding:12px 20px;background:linear-gradient(135deg,var(--color-pink),var(--color-purple));color:#fff;font-size:16px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.sign-in-btn:hover,.otp-in-btn:hover{background:linear-gradient(135deg,var(--color-pink-dark),var(--color-purple-dark));transform:scale(1.05);color:var(--theme-text-white);box-shadow:0 4px 15px #ec489966}.loginbtn{display:flex;justify-content:center;gap:10px;margin-top:10px;width:100%}.action-btn.View{background:var(--color-warning-accent);color:var(--color-warning-hover)}.action-btn.View:hover{background-color:var(--color-warning-hover);color:var(--color-warning-accent)}.action-btn.Default{background-color:var(--theme-bg-surface);color:var(--theme-text-secondary)}.action-btn.Default:hover{background-color:var(--theme-text-secondary);color:var(--theme-bg-surface)}.action-btn.edit{background-color:var(--color-info-light);color:var(--color-info-dark)}.action-btn.edit:hover{background-color:var(--color-info-dark);color:var(--color-info-light)}.action-btn.delete{background-color:var(--color-danger-light);color:var(--color-danger-hover)}.action-btn.delete:hover{background-color:var(--color-danger-hover);color:var(--color-danger-light)}.action-btn.view{background-color:var(--color-success-light);color:var(--color-success-hover)}.action-btn.view:hover{background-color:var(--color-success-light)}.login-toggle{color:var(--color-pink-dark);cursor:pointer;margin-top:10px;text-decoration:underline;text-align:center}.message-box{margin-top:10px;padding:10px 15px;border-radius:6px;text-align:center;font-size:14px;width:100%}.toast-message{position:relative;margin-top:16px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:500;text-align:center;z-index:999;display:flex;align-items:center;justify-content:center;gap:10px;animation:toastSlideIn .4s ease;box-shadow:0 10px 40px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;background:var(--theme-text-muted);color:var(--theme-text-white)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast-message.success{background:var(--gradient-success)!important;color:var(--theme-text-white)!important;border:1px solid var(--color-success)!important;box-shadow:0 10px 40px #10b9814d!important}.toast-message.success:before{content:"✓";display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;background:var(--theme-text-white);color:var(--color-success);border-radius:50%;font-size:14px;font-weight:700}.toast-message.error{background:var(--gradient-danger)!important;color:var(--theme-text-white)!important;border:1px solid var(--color-danger)!important;box-shadow:0 10px 40px #ef44444d!important}.toast-message.error:before{content:"✕";display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;background:var(--theme-text-white);color:var(--color-danger);border-radius:50%;font-size:14px;font-weight:700}.subtitle-section{text-align:center;margin-top:30px}.logo-subtitle{font-size:20px;color:var(--theme-text-muted);margin-bottom:10px;line-height:1.5}.optionlogin{color:var(--color-pink-dark);cursor:pointer;margin-top:10px;text-decoration:underline;text-align:center;transition:color .3s ease}.optionlogin:hover{color:var(--color-purple-dark)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hp{min-height:100vh;background:#fafbff;color:#1a1a2e}.hp *,.hp *:before,.hp *:after{box-sizing:border-box}.hp a{text-decoration:none;color:inherit}.hp-container{max-width:1280px;margin:0 auto;padding:0 24px}.hp-gradient-text{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-section-header{text-align:center;margin-bottom:64px}.hp-section-header h2{font-size:40px;font-weight:800;color:#1a1a2e;margin-bottom:16px;line-height:1.2}.hp-section-header p{font-size:18px;color:#334155;max-width:560px;margin:0 auto;line-height:1.7}.hp-section-label{display:inline-block;padding:6px 16px;border-radius:100px;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#6366f1;border:1px solid #e0e7ff;margin-bottom:16px}.hp-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:12px 24px;font-family:inherit}.hp-btn--lg{padding:16px 32px;font-size:16px}.hp-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 20px #6366f14d}.hp-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.hp-btn--outline{background:transparent;color:#6366f1;border:2px solid #c7d2fe}.hp-btn--outline:hover{background:#eef2ff;border-color:#6366f1}.hp-btn--ghost{background:#ffffff26;color:#475569;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e2e8f0}.hp-btn--ghost:hover{background:#f1f5f9;color:#6366f1}.hp-btn--white{background:#fff;color:#6366f1;box-shadow:0 4px 20px #0000001a}.hp-btn--white:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.hp-btn--ghost-white{background:transparent;color:#ffffffe6;border:2px solid rgba(255,255,255,.3)}.hp-btn--ghost-white:hover{background:#ffffff1a;border-color:#fff9}.hp-skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:12px 24px;background:#4f46e5;color:#fff;font-size:14px;font-weight:600;border-radius:0 0 10px 10px;text-decoration:none;transition:top .2s ease}.hp-skip-link:focus{top:0}.hp-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 24px;background-color:#062e1e;background-image:radial-gradient(70vw 50vh at 18vw 8vh,#00c7be2e,#0000 60%),radial-gradient(60vw 55vh at 88vw 6vh,#52d88624,#0000 60%);border-bottom:1px solid rgba(255,255,255,.04);transition:box-shadow .35s ease,border-color .35s ease}.hp-header--scrolled{border-bottom-color:#ffffff14;box-shadow:0 4px 24px #0003}.hp-nav{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;height:72px}.hp-logo{display:flex;align-items:center;gap:12px;text-decoration:none;padding:10px 18px 10px 10px;background:transparent;transition:background .3s ease}.hp-logo img{border-radius:0}.hp-logo__brand{font-size:22px;font-weight:800;color:#fff;-webkit-text-fill-color:#fff;line-height:1.2;display:block}.hp-logo__tag{font-size:11px;color:#ffffffa6;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.hp-nav__links{display:flex;align-items:center;gap:2px}.hp-nav__links a,.hp-nav__links .hp-nav__dropdown>button{padding:8px 16px;font-size:15px;font-weight:500;color:#ffffffd9;border-radius:8px;transition:all .2s ease;text-decoration:none}.hp-nav__links a:hover,.hp-nav__links .hp-nav__dropdown>button:hover{color:#fff;background:#ffffff1a}.hp-nav__links a.active{color:#fff;font-weight:600;position:relative}.hp-nav__links a.active:after{content:"";position:absolute;bottom:2px;left:16px;right:16px;height:2px;border-radius:1px;background:currentColor;opacity:.6}.hp-nav__links a:focus-visible,.hp-nav__links .hp-nav__dropdown>button:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px;border-radius:8px}.hp-nav__actions{display:flex;gap:10px;align-items:center}.hp-nav__login{padding:9px 20px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s ease;background:transparent;color:#ffffffe6;border:1.5px solid rgba(255,255,255,.3)}.hp-nav__login:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.hp-nav__trial{padding:9px 22px;font-size:14px;font-weight:600;border-radius:10px;border:none;cursor:pointer;font-family:inherit;transition:all .2s ease;background:#fff;color:#006a48;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.hp-nav__trial:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.hp-nav__dropdown-trigger{background:none;border:none;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:center;gap:4px}.hp-nav__dropdown-trigger--active{color:#fff;background:#ffffff1f;border-radius:8px}.hp-nav__mobile-close{position:absolute;top:20px;right:20px;background:#f1f5f9;border:none;border-radius:10px;padding:10px;cursor:pointer;color:#475569;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.hp-nav__mobile-close:hover{background:#e2e8f0}.hp-nav__mobile-close:focus-visible{outline:2px solid #34c759;outline-offset:2px}.hp-nav__login:focus-visible,.hp-nav__trial:focus-visible{outline:2px solid #34c759;outline-offset:2px}.hp-nav__toggle:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}.hp-header--scrolled .hp-nav__toggle:focus-visible{outline-color:#34c759}.hp-nav__mobile-actions{display:none}.hp-nav__toggle{display:none;background:#ffffff1f;border:none;padding:10px;border-radius:10px;cursor:pointer;color:#fff;font-size:20px;transition:all .2s ease}.hp-nav__toggle:hover{background:#ffffff2e}.hp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.hp-hero{position:relative;padding:90px 24px 30px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hp-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.hp-hero__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.hp-hero__orb--1{width:600px;height:600px;background:radial-gradient(circle,#c7d2fe 0%,transparent 70%);top:-10%;right:-5%;animation:orbFloat1 20s ease-in-out infinite}.hp-hero__orb--2{width:500px;height:500px;background:radial-gradient(circle,#e9d5ff 0%,transparent 70%);bottom:-15%;left:-10%;animation:orbFloat2 25s ease-in-out infinite}.hp-hero__orb--3{width:400px;height:400px;background:radial-gradient(circle,#fce7f3 0%,transparent 70%);top:30%;left:40%;animation:orbFloat3 18s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(-40px,30px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(30px,-40px)}}@keyframes orbFloat3{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.hp-hero__grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px}.hp-hero__content{position:relative;z-index:1;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hp-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:100px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#eef2ff,#faf5ff);color:#6366f1;border:1px solid #e0e7ff;margin-bottom:16px}.hp-hero__badge svg{color:#f59e0b}.hp-hero__text h1{font-size:48px;line-height:1.2;font-weight:800;color:#0f172a;margin-bottom:16px;letter-spacing:-.3px}.hp-hero__subtitle{font-size:20px;line-height:1.7;color:#334155;margin-bottom:24px;max-width:520px}.hp-hero__actions{display:flex;gap:16px;flex-wrap:wrap}.hp-hero__visual{position:relative}.hp-hero__dashboard{background:#fff;border-radius:20px;box-shadow:0 25px 60px #00000014,0 0 0 1px #0000000a;overflow:hidden}.hp-hero__dashboard-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.hp-hero__dashboard-dots{display:flex;gap:6px}.hp-hero__dashboard-dots span{width:10px;height:10px;border-radius:50%}.hp-hero__dashboard-dots span:nth-child(1){background:#ef4444}.hp-hero__dashboard-dots span:nth-child(2){background:#f59e0b}.hp-hero__dashboard-dots span:nth-child(3){background:#22c55e}.hp-hero__dashboard-title{font-size:13px;font-weight:600;color:#64748b}.hp-hero__dashboard-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.hp-hero__mini-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;border:1px solid #f1f5f9}.hp-hero__mini-card svg{font-size:22px;flex-shrink:0}.hp-hero__mini-card div{display:flex;flex-direction:column}.hp-hero__mini-card strong{font-size:20px;font-weight:700;line-height:1.2}.hp-hero__mini-card span{font-size:13px;color:#475569}.hp-hero__mini-card--green{background:#f0fdf4}.hp-hero__mini-card--green svg{color:#22c55e}.hp-hero__mini-card--green strong{color:#15803d}.hp-hero__mini-card--blue{background:#eff6ff}.hp-hero__mini-card--blue svg{color:#3b82f6}.hp-hero__mini-card--blue strong{color:#1d4ed8}.hp-hero__mini-card--purple{background:#f5f3ff}.hp-hero__mini-card--purple svg{color:#8b5cf6}.hp-hero__mini-card--purple strong{color:#6d28d9}.hp-hero__mini-card--amber{background:#fffbeb}.hp-hero__mini-card--amber svg{color:#f59e0b}.hp-hero__mini-card--amber strong{color:#b45309}.hp-hero__float{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:13px;font-weight:600;background:#fff;box-shadow:0 8px 30px #00000014;border:1px solid #f1f5f9;z-index:2}.hp-hero__float--1{bottom:-10px;left:-20px;color:#22c55e}.hp-hero__float--1 svg{color:#22c55e}.hp-hero__float--2{top:20px;right:-20px;color:#8b5cf6}.hp-hero__float--2 svg{color:#f59e0b}.hp-hero__stats{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:48px;margin-top:36px;padding:24px 36px;background:#0f172ae6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;box-shadow:0 8px 40px #0003;border:1px solid rgba(255,255,255,.08);max-width:700px;margin-left:auto;margin-right:auto}.hp-hero__stat{text-align:center}.hp-hero__stat strong{display:block;font-size:36px;font-weight:800;background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hp-hero__stat span{font-size:14px;color:#cbd5e1;font-weight:500}.hp-hero__stat-divider{width:1px;height:48px;background:#ffffff1a}.hp-services{padding:100px 24px;background:#fff}.hp-services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.hp-service-card{padding:28px 24px;border-radius:16px;border:1px solid #f1f5f9;background:#fff;transition:all .3s ease;position:relative;overflow:hidden}.hp-service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s ease}.hp-service-card:hover{border-color:transparent;box-shadow:0 12px 40px #00000014}.hp-service-card:hover:before{opacity:1}.hp-service-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}.hp-service-card h3{font-size:17px;font-weight:700;color:#1e293b;margin-bottom:8px}.hp-service-card p{font-size:16px;line-height:1.7;color:#334155;margin-bottom:16px}.hp-service-card__link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#6366f1;opacity:0;transform:translateY(4px);transition:all .3s ease}.hp-service-card:hover .hp-service-card__link{opacity:1;transform:translateY(0)}.hp-service-card--violet:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.hp-service-card--violet .hp-service-card__icon{background:#f5f3ff;color:#8b5cf6}.hp-service-card--blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.hp-service-card--blue .hp-service-card__icon{background:#eff6ff;color:#3b82f6}.hp-service-card--emerald:before{background:linear-gradient(90deg,#10b981,#34d399)}.hp-service-card--emerald .hp-service-card__icon{background:#ecfdf5;color:#10b981}.hp-service-card--amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.hp-service-card--amber .hp-service-card__icon{background:#fffbeb;color:#f59e0b}.hp-service-card--rose:before{background:linear-gradient(90deg,#f43f5e,#fb7185)}.hp-service-card--rose .hp-service-card__icon{background:#fff1f2;color:#f43f5e}.hp-service-card--cyan:before{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.hp-service-card--cyan .hp-service-card__icon{background:#ecfeff;color:#06b6d4}.hp-service-card--indigo:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.hp-service-card--indigo .hp-service-card__icon{background:#eef2ff;color:#6366f1}.hp-service-card--teal:before{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}.hp-service-card--teal .hp-service-card__icon{background:#f0fdfa;color:#14b8a6}.hp-service-card--purple:before{background:linear-gradient(90deg,#a855f7,#c084fc)}.hp-service-card--purple .hp-service-card__icon{background:#faf5ff;color:#a855f7}.hp-service-card--orange:before{background:linear-gradient(90deg,#f97316,#fb923c)}.hp-service-card--orange .hp-service-card__icon{background:#fff7ed;color:#f97316}.hp-service-card--sky:before{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.hp-service-card--sky .hp-service-card__icon{background:#f0f9ff;color:#0ea5e9}.hp-service-card--pink:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.hp-service-card--pink .hp-service-card__icon{background:#fdf2f8;color:#ec4899}.hp-benefits{padding:100px 24px;background:linear-gradient(180deg,#f8fafc,#fff)}.hp-benefits__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hp-benefits__text h2{font-size:38px;font-weight:800;color:#0f172a;margin-bottom:16px;line-height:1.2}.hp-benefits__intro{font-size:20px;color:#334155;line-height:1.7;margin-bottom:32px}.hp-benefits__list{list-style:none;padding:0;margin:0}.hp-benefits__list li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:16px;color:#334155;border-bottom:1px solid #f1f5f9}.hp-benefits__list li:last-child{border-bottom:none}.hp-benefits__list li svg{color:#22c55e;font-size:18px;flex-shrink:0}.hp-benefits__cards{display:flex;flex-direction:column;gap:16px}.hp-metric-card{padding:24px 28px;background:#fff;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 2px 10px #00000008}.hp-metric-card__value{font-size:32px;font-weight:800;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.hp-metric-card__label{font-size:14px;color:#334155;margin-bottom:12px}.hp-metric-card__bar{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.hp-metric-card__fill{height:100%;border-radius:3px}.hp-process{padding:100px 24px;background:#fff}.hp-process__timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.hp-process__step{text-align:center;padding:36px 24px;background:#fafbff;border-radius:20px;border:1px solid #f1f5f9;position:relative;transition:all .3s ease}.hp-process__step:hover{transform:translateY(-6px);box-shadow:0 16px 40px #6366f11a;border-color:#c7d2fe}.hp-process__number{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin:0 auto 20px;box-shadow:0 4px 16px #6366f140}.hp-process__connector{display:none}.hp-process__step h3{font-size:19px;font-weight:700;color:#1e293b;margin-bottom:10px}.hp-process__step p{font-size:16px;line-height:1.7;color:#334155}.hp-testimonials{padding:100px 24px;background:linear-gradient(180deg,#f8fafc,#fafbff)}.hp-testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hp-testimonial-card{padding:32px;background:#fff;border-radius:20px;border:1px solid #f1f5f9;transition:all .3s ease}.hp-testimonial-card:hover{box-shadow:0 12px 40px #0000000f;transform:translateY(-4px)}.hp-testimonial-card__stars{display:flex;gap:2px;margin-bottom:20px}.hp-testimonial-card__stars svg{color:#f59e0b;fill:#f59e0b;font-size:16px}.hp-testimonial-card__text{font-size:16px;line-height:1.7;color:#334155;margin-bottom:24px;font-style:italic}.hp-testimonial-card__author{display:flex;align-items:center;gap:14px}.hp-testimonial-card__avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.hp-testimonial-card__author strong{display:block;font-size:15px;font-weight:700;color:#1e293b}.hp-testimonial-card__author span{font-size:13px;color:#475569}.hp-contact{padding:100px 24px;background:#fff}.hp-contact__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.hp-contact__info h2{font-size:36px;font-weight:800;color:#0f172a;margin-bottom:16px;line-height:1.2}.hp-contact__info>p{font-size:20px;color:#334155;line-height:1.7;margin-bottom:40px}.hp-contact__details{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.hp-contact__detail{display:flex;align-items:center;gap:16px}.hp-contact__detail-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);display:flex;align-items:center;justify-content:center;font-size:20px;color:#6366f1;flex-shrink:0}.hp-contact__detail strong{display:block;font-size:15px;font-weight:700;color:#1e293b;margin-bottom:2px}.hp-contact__detail span{font-size:16px;color:#334155}.hp-contact__trust{display:flex;flex-wrap:wrap;gap:16px}.hp-contact__trust-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;background:#f8fafc;border:1px solid #f1f5f9;font-size:13px;font-weight:600;color:#334155}.hp-contact__trust-item svg{color:#6366f1;font-size:16px}.hp-contact__form-wrapper{background:#fafbff;border-radius:24px;border:1px solid #e2e8f0;padding:40px}.hp-contact__form h3{font-size:22px;font-weight:700;color:#1e293b;margin-bottom:28px}.hp-contact__form-group{margin-bottom:20px}.hp-contact__form-group label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.hp-contact__form-group input,.hp-contact__form-group textarea{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:inherit;background:#fff;color:#1e293b;transition:all .2s ease;outline:none}.hp-contact__form-group input:focus,.hp-contact__form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.hp-contact__form-group input::placeholder,.hp-contact__form-group textarea::placeholder{color:#94a3b8}.hp-contact__form-group textarea{resize:vertical;min-height:100px}.hp-contact__form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hp-contact__submit{width:100%;justify-content:center}.hp-cta{padding:100px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#a855f7);position:relative;overflow:hidden}.hp-cta:before{content:"";position:absolute;top:-40%;right:-10%;width:600px;height:600px;background:#ffffff0f;border-radius:50%}.hp-cta:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#ffffff0a;border-radius:50%}.hp-cta__content{position:relative;z-index:1;text-align:center}.hp-cta__content h2{font-size:42px;font-weight:800;color:#fff;margin-bottom:16px}.hp-cta__content p{font-size:19px;color:#fffffff2;margin-bottom:36px;max-width:500px;margin-left:auto;margin-right:auto}.hp-cta__actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hp-footer{background:linear-gradient(180deg,#052619,#031c12);padding:72px 24px 28px;color:#ffffffb8;font-family:var(--font-body)}.hp-footer__top{display:grid;grid-template-columns:1.3fr 2fr;gap:60px;margin-bottom:40px}.hp-footer__brand-section{display:flex;flex-direction:column;gap:18px}.hp-footer__brand{display:flex;align-items:center;gap:14px}.hp-footer__brand img{border-radius:10px}.hp-footer__brand strong{display:block;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.4px}.hp-footer__brand span{font-size:13px;color:#5be39e;font-weight:500}.hp-footer__desc{font-size:14.5px;line-height:1.65;color:#ffffffb8;max-width:340px;margin:0}.hp-footer__contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.hp-footer__contact li{display:flex;align-items:center;gap:10px;font-size:14px;color:#ffffffc7}.hp-footer__contact svg{width:14px;height:14px;color:#5be39e;flex-shrink:0}.hp-footer__contact a{color:#ffffffc7;transition:color .15s}.hp-footer__contact a:hover{color:#5be39e}.hp-footer__social{display:flex;gap:10px;margin-top:4px}.hp-footer__social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ffffff0f;color:#ffffffd9;transition:background .18s,color .18s,transform .18s}.hp-footer__social a:hover{background:#00875a;color:#fff;transform:translateY(-2px)}.hp-footer__social a:focus-visible{outline:2px solid #5be39e;outline-offset:2px}.hp-footer__columns{display:grid;grid-template-columns:1fr 1.3fr 1fr 1fr;gap:32px}.hp-footer__col h4{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px}.hp-footer__col a{display:block;font-size:14px;color:#ffffffb8;padding:5px 0;transition:color .18s,padding-left .18s}.hp-footer__col a:hover{color:#5be39e;padding-left:4px}.hp-footer__col a:focus-visible{outline:2px solid #5be39e;outline-offset:2px;border-radius:4px}.hp-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px;color:#fff9}.hp-footer__bottom p{margin:0}.hp-footer__made{font-size:13px;color:#ffffffb8}.hp-footer__bottom-links{display:flex;gap:22px}.hp-footer__bottom-links a{color:#ffffffb8;transition:color .15s}.hp-footer__bottom-links a:hover{color:#5be39e}.hp-footer__bottom-links a:focus-visible{outline:2px solid #5be39e;outline-offset:2px;border-radius:4px}@media(max-width:900px){.hp-footer{padding:56px 20px 24px}.hp-footer__top{grid-template-columns:1fr;gap:40px;margin-bottom:32px}.hp-footer__columns{grid-template-columns:1fr 1fr;gap:28px 24px}.hp-footer__desc{max-width:none}}@media(max-width:520px){.hp-footer__columns{grid-template-columns:1fr}.hp-footer__bottom{flex-direction:column;align-items:flex-start;text-align:left}}.hp-dark{background:#0f172a!important;color:#e2e8f0}.hp-dark .hp-section-header h2{color:#f1f5f9}.hp-dark .hp-section-header p{color:#cbd5e1}.hp-dark--alt{background:#0c1222!important}.hp-section-label--dark{background:#6366f126;border-color:#6366f140;color:#a5b4fc}.hp-section-label--glow{background:linear-gradient(135deg,#a855f733,#ec489926);border-color:#a855f74d;color:#c4b5fd}.hp-dark.hp-benefits .hp-benefits__text h2{color:#f8fafc}.hp-dark.hp-benefits .hp-benefits__intro{color:#cbd5e1}.hp-dark.hp-benefits .hp-benefits__list li{color:#cbd5e1;border-bottom-color:#ffffff0f}.hp-dark.hp-benefits .hp-benefits__list li svg{color:#4ade80}.hp-metric-card--dark{background:#ffffff0a!important;border-color:#ffffff14!important}.hp-metric-card--dark .hp-metric-card__value{background:linear-gradient(135deg,#a5b4fc,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-metric-card--dark .hp-metric-card__label{color:#cbd5e1}.hp-metric-card--dark .hp-metric-card__bar{background:#ffffff0f}.hp-dark.hp-testimonials .hp-testimonial-card{background:#ffffff0a;border-color:#ffffff14}.hp-dark.hp-testimonials .hp-testimonial-card:hover{box-shadow:0 12px 40px #0000004d;border-color:#6366f14d}.hp-dark.hp-testimonials .hp-testimonial-card__text{color:#cbd5e1}.hp-dark.hp-testimonials .hp-testimonial-card__author strong{color:#f1f5f9}.hp-dark.hp-testimonials .hp-testimonial-card__author span{color:#94a3b8}.hp-ai{padding:100px 24px;position:relative;overflow:hidden}.hp-ai:before{content:"";position:absolute;top:10%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%}.hp-ai:after{content:"";position:absolute;bottom:5%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.08) 0%,transparent 70%);border-radius:50%}.hp-ai__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;position:relative;z-index:1}.hp-ai__text h2{font-size:40px;font-weight:800;color:#f8fafc;margin-bottom:20px;line-height:1.15}.hp-ai__text>p{font-size:17px;color:#cbd5e1;line-height:1.7;margin-bottom:36px}.hp-ai__features{display:flex;flex-direction:column;gap:20px}.hp-ai__feature{display:flex;align-items:flex-start;gap:16px}.hp-ai__feature>svg{font-size:22px;color:#a78bfa;flex-shrink:0;margin-top:2px}.hp-ai__feature strong{display:block;font-size:15px;font-weight:700;color:#f1f5f9;margin-bottom:2px}.hp-ai__feature span{font-size:14px;color:#cbd5e1}.hp-ai__terminal{background:#1e293b;border-radius:20px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 25px 60px #0000004d,0 0 0 1px #ffffff08}.hp-ai__terminal-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.hp-ai__terminal-dots{display:flex;gap:6px}.hp-ai__terminal-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff1a}.hp-ai__terminal-dots span:nth-child(1){background:#ef4444}.hp-ai__terminal-dots span:nth-child(2){background:#f59e0b}.hp-ai__terminal-dots span:nth-child(3){background:#22c55e}.hp-ai__terminal-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#cbd5e1}.hp-ai__terminal-title svg{color:#a78bfa}.hp-ai__terminal-body{padding:24px}.hp-ai__prompt-input{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:24px}.hp-ai__prompt-icon{color:#a78bfa;font-size:18px;flex-shrink:0}.hp-ai__prompt-text{flex:1;font-size:14px;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-ai__prompt-enter{color:#475569;font-size:16px;flex-shrink:0}.hp-ai__examples{display:flex;flex-direction:column;gap:8px}.hp-ai__examples-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#475569;margin-bottom:4px}.hp-ai__example-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:1px solid rgba(255,255,255,.05);border-radius:10px;font-size:13px;color:#cbd5e1;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}.hp-ai__example-btn:hover{background:#8b5cf614;border-color:#8b5cf633;color:#c4b5fd}.hp-ai__example-btn svg{color:#6366f1;flex-shrink:0;font-size:12px}.hp-ai__response{margin-top:20px;padding:18px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);border-radius:14px}.hp-ai__response-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#a78bfa;margin-bottom:12px}.hp-ai__response-body{display:flex;flex-direction:column;gap:6px}.hp-ai__response-line{font-size:13px;color:#cbd5e1;padding:4px 0}.hp-ai__response-line--success{display:flex;align-items:center;gap:8px;color:#4ade80;font-weight:600}.hp-ai__response-line--success svg{font-size:14px}.hp-ai__response-line--dim{color:#cbd5e1}@media(max-width:1024px){.hp-services__grid{grid-template-columns:repeat(3,1fr)}.hp-hero__content{grid-template-columns:1fr;text-align:center;gap:40px}.hp-hero__subtitle{margin-left:auto;margin-right:auto}.hp-hero__actions{justify-content:center}.hp-hero__visual{max-width:500px;margin:0 auto}.hp-hero__float--1{left:0}.hp-hero__float--2{right:0}.hp-benefits__grid{grid-template-columns:1fr;gap:48px}.hp-ai__grid{grid-template-columns:1fr;gap:40px}.hp-contact__wrapper{grid-template-columns:1fr}.hp-footer__top{grid-template-columns:1fr;gap:40px}.hp-footer__columns{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.hp-nav__links{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:#fff;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:4px;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1001}.hp-nav__links--open{opacity:1;pointer-events:auto}.hp-nav__links a,.hp-nav__links .hp-nav__dropdown>button{padding:14px 24px;font-size:18px;font-weight:500;border-radius:12px;color:#1e293b!important;text-align:center;width:100%;max-width:320px}.hp-nav__links a:hover,.hp-nav__links .hp-nav__dropdown>button:hover{background:#00875a14!important;color:#006a48!important}.hp-nav__actions{display:none}.hp-nav__mobile-actions{display:flex!important;flex-direction:column;gap:10px;margin-top:20px;width:100%;max-width:320px}.hp-nav__mobile-actions button,.hp-nav__mobile-actions a{width:100%;justify-content:center;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;display:flex;align-items:center;cursor:pointer;font-family:inherit}.hp-nav__mobile-login{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.hp-nav__mobile-trial{background:linear-gradient(135deg,#00875a,#006a48);color:#fff;border:none;box-shadow:0 4px 14px #00875a4d}.hp-nav__toggle{display:flex;align-items:center;justify-content:center}.hp-hero{padding:100px 20px 36px}.hp-hero__text h1{font-size:36px}.hp-hero__subtitle{font-size:16px}.hp-hero__actions{flex-direction:column;align-items:center}.hp-hero__stats{flex-direction:column;gap:24px;padding:28px 24px}.hp-hero__stat-divider{width:60px;height:1px;background:#ffffff1a}.hp-section-header h2{font-size:28px}.hp-services__grid{grid-template-columns:repeat(2,1fr);gap:14px}.hp-service-card{padding:20px 18px}.hp-service-card h3{font-size:15px}.hp-service-card p{font-size:13px}.hp-process__timeline{grid-template-columns:repeat(2,1fr);gap:16px}.hp-testimonials__grid{grid-template-columns:1fr}.hp-ai__text h2{font-size:28px}.hp-ai__terminal-body{padding:16px}.hp-contact__form-row{grid-template-columns:1fr}.hp-contact__form-wrapper{padding:28px 20px}.hp-cta__content h2{font-size:28px}.hp-cta__actions{flex-direction:column;align-items:center}.hp-footer__columns{grid-template-columns:repeat(2,1fr);gap:32px 24px}.hp-footer__brand-section{align-items:center;text-align:center}.hp-footer__brand{justify-content:center}.hp-footer__desc{max-width:100%}.hp-footer__social{justify-content:center}.hp-footer__bottom{flex-direction:column;gap:16px;text-align:center}}@media(max-width:480px){.hp-services__grid,.hp-process__timeline{grid-template-columns:1fr}.hp-hero__text h1{font-size:30px}.hp-hero__dashboard-body{grid-template-columns:1fr}.hp-footer__columns{grid-template-columns:1fr;text-align:center}.hp-footer__col h4{margin-bottom:12px}.hp-footer__col a:hover{padding-left:0}}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172ad9,#581c87b3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.login-modal{background:var(--theme-bg-card);border-radius:28px;padding:44px 40px;width:100%;max-width:440px;position:relative;animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 32px 64px -16px #0000004d,0 0 0 1px #ffffff26,inset 0 1px #ffffffe6;overflow:visible}.login-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-size:200% 100%;animation:gradientShift 3s ease infinite;border-radius:28px 28px 0 0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-modal:after{content:"";position:absolute;top:0;right:0;width:50%;height:50%;background:radial-gradient(circle at top right,rgba(236,72,153,.06) 0%,transparent 70%);pointer-events:none;z-index:0;border-radius:0 28px 0 0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:linear-gradient(135deg,var(--theme-bg-input),var(--theme-bg-surface));border:1px solid var(--theme-border);border-radius:12px;font-size:20px;color:var(--theme-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:10}.modal-close:hover{background:linear-gradient(135deg,var(--color-pink-light),var(--color-pink-border));border-color:var(--color-pink-border);color:var(--color-pink-dark);transform:rotate(90deg) scale(1.05);box-shadow:0 4px 12px #ec489933}.login-modal-header{text-align:center;margin-bottom:36px;position:relative;z-index:1}.login-modal-header img{margin-bottom:20px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.12));transition:transform .3s ease}.login-modal-header img:hover{transform:scale(1.05)}.login-modal-header h2{font-size:30px;font-weight:800;background:linear-gradient(135deg,var(--theme-text-dark) 0%,var(--theme-text-secondary) 50%,var(--theme-text-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;letter-spacing:-.5px;line-height:1.2}.login-modal-header p{color:var(--theme-text-muted);font-size:15px;font-weight:450;line-height:1.5}.login-modal .login-form{max-width:100%;position:relative;z-index:1}.login-modal .form-group{margin-bottom:24px;position:relative}.login-modal .form-group label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--theme-text-secondary);margin-bottom:10px;letter-spacing:.4px;text-transform:uppercase;transition:all .3s ease}.login-modal .form-group label .input-icon{color:var(--theme-text-placeholder);font-size:16px;transition:all .3s ease}.login-modal .form-group:focus-within label{color:var(--color-pink-dark);transform:translate(2px)}.login-modal .form-group:focus-within label .input-icon{color:var(--color-pink);transform:scale(1.1)}.login-modal .input-field{width:100%;padding:16px 18px;margin-bottom:0;border:2px solid var(--theme-border);border-radius:14px;font-size:15px;font-weight:500;color:var(--theme-text-dark);background:linear-gradient(135deg,var(--theme-bg-card),var(--theme-bg-input));transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 2px 4px #00000005}.login-modal .input-field::placeholder{color:var(--theme-text-placeholder);font-weight:400;transition:all .3s ease}.login-modal .input-field:hover{border-color:var(--theme-border-input);background:var(--theme-bg-card);box-shadow:0 4px 8px #0000000a}.login-modal .input-field:hover::placeholder{color:var(--theme-text-muted)}.login-modal .input-field:focus{border-color:var(--color-pink);background:var(--theme-bg-card);box-shadow:0 0 0 4px #ec48991f,0 4px 12px #ec48991a,inset 0 1px #fffc}.login-modal .input-field:focus::placeholder{opacity:.6;transform:translate(4px)}.password-input-wrapper{position:relative}.password-input-wrapper .input-field{padding-right:54px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--theme-bg-input),var(--theme-bg-surface));border:1px solid var(--theme-border);color:var(--theme-text-muted);cursor:pointer;padding:8px;font-size:18px;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--color-pink);background:linear-gradient(135deg,var(--color-pink-light),var(--color-pink-border));border-color:var(--color-pink-border);transform:translateY(-50%) scale(1.05);box-shadow:0 2px 8px #ec489933}.password-toggle:active{transform:translateY(-50%) scale(.95)}.login-modal .loginbtn{margin-top:28px;display:flex;gap:14px}.login-modal .sign-in-btn{width:100%;padding:16px 28px;font-size:15px;font-weight:700;letter-spacing:.3px;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--color-pink) 0%,var(--color-pink-dark) 50%,var(--color-purple) 100%);background-size:200% 200%;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 15px #ec48994d,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.1)}.login-modal .sign-in-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.login-modal .sign-in-btn:hover:before{left:100%}.login-modal .sign-in-btn:hover{transform:translateY(-3px);background-position:100% 100%;box-shadow:0 12px 28px #ec489966,0 4px 12px #a855f733,inset 0 1px #ffffff40}.login-modal .sign-in-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #ec48994d}.login-modal .sign-in-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #ec489933;background-position:0% 0%}.login-modal .sign-in-btn.secondary{background:linear-gradient(135deg,var(--theme-bg-card),var(--color-pink-lightest));color:var(--color-pink-dark);border:2px solid var(--color-pink-border);box-shadow:0 4px 12px #be185d1a,inset 0 1px #ffffffe6;text-shadow:none}.login-modal .sign-in-btn.secondary:hover{background:linear-gradient(135deg,var(--color-pink-lightest),var(--color-pink-light));border-color:var(--color-pink);box-shadow:0 8px 24px #be185d33,inset 0 1px #ffffffe6;transform:translateY(-2px)}.login-modal .optionlogin{margin-top:28px;font-size:14px;font-weight:600;position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:linear-gradient(135deg,var(--theme-bg-input),var(--theme-bg-surface));border:1px solid var(--theme-border);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;color:var(--theme-text-secondary)}.login-modal .optionlogin:hover{background:linear-gradient(135deg,var(--color-pink-lightest),var(--color-pink-light));border-color:var(--color-pink-border);color:var(--color-pink-dark);transform:translate(4px);box-shadow:0 4px 12px #ec489926}.login-modal .optionlogin svg{transition:transform .3s ease}.login-modal .optionlogin:hover svg{transform:translate(-3px)}.forgot-password-link{color:var(--theme-text-muted);cursor:pointer;font-size:13px;font-weight:600;text-align:right;margin:8px 0 0;transition:all .3s ease;display:block;position:relative;padding-right:2px}.forgot-password-link:after{content:"";position:absolute;bottom:-2px;right:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-purple),var(--color-pink));transition:width .3s ease;border-radius:1px}.forgot-password-link:hover{color:var(--color-pink-dark)}.forgot-password-link:hover:after{width:100%;right:auto;left:0}.reset-steps-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-top:24px;padding:16px 20px;background:linear-gradient(135deg,var(--theme-bg-input),var(--theme-bg-surface));border-radius:16px;border:1px solid var(--theme-border)}.reset-steps-indicator .step{width:36px;height:36px;border-radius:50%;background:var(--theme-bg-card);color:var(--theme-text-placeholder);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;border:2px solid var(--theme-border);box-shadow:0 2px 4px #0000000d}.reset-steps-indicator .step.active{background:linear-gradient(135deg,var(--color-pink),var(--color-purple));color:#fff;border-color:transparent;transform:scale(1.15);box-shadow:0 6px 16px #ec489966,0 0 0 4px #ec489926}.reset-steps-indicator .step-line{width:60px;height:4px;background:var(--theme-bg-surface);border-radius:2px;position:relative;overflow:hidden;margin:0 -2px}.reset-steps-indicator .step-line:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,var(--color-pink),var(--color-purple));transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:2px}.reset-steps-indicator .step.active+.step-line:after,.reset-steps-indicator .step-line.filled:after{width:100%}.password-strength{margin-top:12px;display:flex;gap:8px;align-items:center;padding:10px 14px;background:linear-gradient(135deg,var(--theme-bg-input),var(--theme-bg-surface));border-radius:10px;border:1px solid var(--theme-border)}.password-strength-bar{flex:1;height:6px;background:var(--theme-bg-surface);border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.password-strength-fill{height:100%;border-radius:3px;transition:all .4s cubic-bezier(.4,0,.2,1)}.password-strength-fill.weak{width:33%;background:linear-gradient(90deg,var(--color-danger),var(--color-danger-accent));box-shadow:0 0 8px #ef444466}.password-strength-fill.medium{width:66%;background:linear-gradient(90deg,var(--color-warning),var(--color-warning-accent));box-shadow:0 0 8px #f59e0b66}.password-strength-fill.strong{width:100%;background:linear-gradient(90deg,var(--color-success),var(--color-success-accent));box-shadow:0 0 8px #10b98166}.password-strength-text{font-size:12px;font-weight:700;min-width:55px;text-align:right;text-transform:uppercase;letter-spacing:.5px}.password-strength-text.weak{color:var(--color-danger-hover)}.password-strength-text.medium{color:var(--color-warning-hover)}.password-strength-text.strong{color:var(--color-success-hover)}.btn-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:10px}.login-modal .sign-in-btn.secondary .btn-spinner{border-color:#be185d33;border-top-color:var(--color-pink-dark)}.login-modal .input-field[type=tel]{padding-left:18px;letter-spacing:1.5px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}@media(max-width:480px){.login-modal-overlay{padding:0;align-items:flex-end}.login-modal{padding:36px 24px 40px;border-radius:28px 28px 0 0;max-width:100%;animation:modalSlideUp .5s cubic-bezier(.34,1.56,.64,1)}.login-modal:before{border-radius:28px 28px 0 0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-close{top:16px;right:16px;width:36px;height:36px}.login-modal-header{margin-bottom:28px}.login-modal-header img{width:50px;height:50px}.login-modal-header h2{font-size:24px}.login-modal-header p{font-size:14px}.login-modal .form-group{margin-bottom:20px}.login-modal .form-group label{font-size:12px}.login-modal .input-field{padding:14px 16px;font-size:16px;border-radius:12px}.login-modal .sign-in-btn{padding:16px 24px;font-size:15px;border-radius:12px}.login-modal .loginbtn{flex-direction:column;gap:12px;margin-top:24px}.login-modal .optionlogin{margin-top:20px;padding:12px 16px}.reset-steps-indicator{padding:12px 16px;margin-top:20px}.reset-steps-indicator .step{width:32px;height:32px;font-size:13px}.reset-steps-indicator .step-line{width:40px}.password-strength{padding:8px 12px}}.dashboard-container{display:flex;min-height:100vh}.sidebar-overlay{position:fixed;top:60px;left:0;right:0;bottom:0;background:#062e1e8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:999}html,body{height:100%;margin:0}.sidebar{width:70px;background:linear-gradient(180deg,var(--color-sidebar-bg) 0%,var(--color-sidebar-bg-deep) 100%);position:fixed;top:60px;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;padding:10px 8px;box-sizing:border-box;z-index:1000;transition:width .3s ease;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar.collapsed{width:70px}.sidebar.open{width:260px;padding:10px 12px;z-index:1050}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-arrow{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .nav-item.main-nav{position:relative}.sidebar.collapsed .nav-item.main-nav:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--color-sidebar-bg);color:var(--theme-text-white);padding:8px 12px;border-radius:6px;font-size:13px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;margin-left:10px;box-shadow:0 4px 12px #0000004d;z-index:1001}.sidebar.collapsed .nav-item.main-nav:hover:after{opacity:1;visibility:visible}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-section{margin-bottom:2px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:none;background:transparent;color:#ffffffb3;font-size:13.5px;font-weight:500;cursor:pointer;border-radius:10px;transition:all .2s ease;text-align:left;position:relative}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#00875a38;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:#5be39e}.nav-item.active .nav-icon{color:#5be39e}.nav-item.main-nav{margin-bottom:4px;padding:11px 14px;font-weight:600}.nav-item.parent-nav{justify-content:flex-start}.nav-item.parent-nav.active{background:#00875a2e;color:#fff}.nav-item.parent-nav.active .nav-icon{color:#5be39e}.nav-item.parent-nav.expanded{background:#ffffff0f;color:#fff}.nav-icon{font-size:18px;min-width:20px}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-wip-dot,.nav-done-dot{width:6px;height:6px;border-radius:50%;margin-left:auto;flex-shrink:0}.nav-wip-dot{background:#fbbf24}.nav-done-dot{background:#4ade80}.nav-arrow{font-size:14px;transition:transform .2s ease;margin-left:auto;opacity:.5}.nav-arrow.rotated{opacity:1;transform:translate(2px)}.sidebar-flyout{position:fixed;z-index:1100;min-width:220px;max-width:260px;animation:flyoutSlideIn .15s ease-out;max-height:calc(100vh - 20px);overflow:visible}@keyframes flyoutSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.flyout-panel{background:var(--color-sidebar-bg, #052619);border-radius:10px;box-shadow:0 8px 32px #062e1e73,0 2px 8px #0003;border:1px solid rgba(91,227,158,.1);margin-left:6px;display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 40px)}.flyout-header{padding:12px 16px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fff6;border-bottom:1px solid rgba(255,255,255,.06);text-align:center}.flyout-items{padding:6px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.flyout-items::-webkit-scrollbar{width:4px}.flyout-items::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.flyout-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:transparent;color:#ffffffbf;font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .15s ease;text-align:left;white-space:nowrap}.flyout-item:hover{background:#ffffff14;color:#fff}.flyout-item.active{background:#00875a38;color:#fff;position:relative}.flyout-item.active:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:0 3px 3px 0;background:#5be39e}.flyout-item-icon{font-size:14px;min-width:16px;opacity:.7}.flyout-item.active .flyout-item-icon{opacity:1}.flyout-done-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;margin-left:auto;flex-shrink:0}.flyout-wip-dot{width:6px;height:6px;border-radius:50%;background:#fbbf24;margin-left:auto;flex-shrink:0}.main-content{flex:1;margin-top:60px;margin-left:70px;padding:24px;min-height:calc(100vh - 60px);background:var(--theme-bg-surface);transition:margin-left .3s ease;box-sizing:border-box;overflow-x:auto}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{font-family:var(--font-body)}.main-content.expanded{margin-left:260px}.main-content.full,.main-content.no-sidebar{margin-left:0}.dashboard-profile-toggle{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#00875a;color:#fff;border:none;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #00875a4d;transition:all .2s;z-index:999}.dashboard-profile-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #00875a80}@media(max-width:768px){.sidebar,.sidebar.collapsed{width:280px;transform:translate(-100%)}.sidebar.open{width:280px;transform:translate(0);z-index:1050}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-arrow{display:flex}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:12px 14px}.sidebar.collapsed .nav-item.main-nav:after{display:none}.sidebar-flyout{left:280px!important}.main-content,.main-content.expanded{margin-left:0}}.notification-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;position:relative;color:var(--theme-text-white)}.notification-btn:hover{scale:1.08}.notification-btn:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:red;border-radius:50%}.profile-section{position:relative}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer}.dropdown-menu{position:fixed;right:10px;top:60px;background-color:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:4px 0;width:140px;display:flex;flex-direction:column}.dropdown-item{background:none;border:none;width:100%;padding:10px 16px;text-align:left;font-size:14px;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--theme-bg-hover)}.status-active{color:var(--color-success-darker);background:var(--color-success-light)}.status-inactive{color:var(--color-danger-dark);background:var(--color-danger-light)}.edit-btn{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:none;font-size:18px;color:var(--color-brand-start);background-color:var(--color-primary-light)}.edit-btn:hover{color:var(--color-primary-light);background-color:var(--color-brand-start)}.password-btn{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;font-size:18px;color:var(--color-warning-accent);background-color:var(--color-warning-lightest);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease}.password-btn:hover{color:var(--color-warning-lightest);background-color:var(--color-warning-accent)}.delete-btn{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background-color:var(--color-danger-light);border:none;font-size:18px;color:var(--color-danger)}.delete-btn:hover{color:var(--color-danger-light);background-color:var(--color-danger)}.branches-header{gap:10px;display:flex;justify-content:space-between;align-items:center;position:relative;padding:0;margin-bottom:5px}.branches-header h2{text-transform:uppercase;font-size:22px;font-weight:700;margin:0;text-align:left;flex-grow:1;color:var(--theme-text-dark);text-shadow:.05em .04em 0 hsl(200,55%,72%)}.branches-header i{font-style:italic;font-size:15px;font-weight:400}.include-inactive-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;margin-right:10px;font-size:1rem;font-weight:500;color:var(--theme-text-dark);background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:10px;box-shadow:0 2px 6px #2836431a;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.include-inactive-toggle input{width:16px;height:16px;accent-color:var(--color-brand-start);cursor:pointer}.add-employee-btn{background:var(--gradient-brand);color:#fff;border:none;padding:10px 15px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.add-employee-btn .btn-text{padding-bottom:2px;display:inline-block}.add-employee-btn svg{display:block}.add-employee-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.add-employee-btn.exit{background:#ff95001f;color:#ff9500;box-shadow:none}.add-employee-btn.exit:hover{background:#ff950033;box-shadow:none}.add-employee-btn.activate{background:#34c7591f;color:#34c759;box-shadow:none}.add-employee-btn.activate:hover{background:#34c75933;box-shadow:none}.popup-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:1000;display:flex;align-items:center;justify-content:center}.edit-popup-grid input,.edit-popup-grid input:focus,.add-branch-form,.add-department-form{display:flex;flex-direction:column;max-width:500px;margin:40px auto;padding:20px;background-color:var(--theme-bg-card);border-radius:8px;box-shadow:0 4px 10px #0000001a;gap:15px}input,textarea{padding:9px;font-size:16px;border-radius:6px;outline:none;box-sizing:border-box}input:focus,textarea:focus{border-color:var(--color-primary-hover)}.department-container{display:flex;flex-direction:column;max-width:800px;margin:0 auto;padding:20px;background-color:var(--theme-bg-card);border-radius:8px;box-shadow:0 4px 10px #0000001a}.department-list{list-style-type:none;padding:0}.department-edit-popup{width:min(92vw,680px);max-height:85vh;display:flex;flex-direction:column;gap:16px}.department-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;width:100%;margin-top:4px}@media(max-width:640px){.department-edit-grid{grid-template-columns:1fr}}.department-edit-popup label{display:flex;flex-direction:column;gap:6px;font-size:.95rem;font-weight:600;color:var(--theme-text-dark)}.department-edit-popup input,.department-edit-popup select{width:100%;padding:10px 12px;border:1px solid var(--theme-border-medium);border-radius:8px;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.department-edit-popup input:focus,.department-edit-popup select:focus{border-color:var(--color-brand-start);box-shadow:0 0 0 2px #667eea26;outline:none}.department-edit-popup{margin-top:15px;justify-content:flex-end;gap:12px}.edit-popup,.departments-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;justify-items:center}.department-list-container{height:400px;overflow-y:auto;border:1px solid var(--theme-border-medium);border-radius:6px;background-color:var(--theme-bg-card);padding:10px;box-shadow:0 2px 5px #0000000d;scrollbar-width:thin;scrollbar-color:hsl(200,55%,72%) transparent;max-width:350px;width:100%}.department-list-container::-webkit-scrollbar{width:4px}.department-list-container::-webkit-scrollbar-thumb{background-color:#90c5df}.department-list-container::-webkit-scrollbar-track{background-color:transparent}.department-list-container h3{text-transform:uppercase;text-align:center;font-size:22px;font-weight:600;margin-bottom:10px;color:var(--theme-text-dark)}.department-list-container ul{list-style:none;padding:0;margin:0}.department-list-container li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--theme-border)}.department-list-container li{flex:1;font-size:14px}.department-list-container li div{display:flex;align-items:center;gap:8px}.department-list-container button{background:none;border:none;cursor:pointer;font-size:16px}.search-bar-container{display:flex;justify-content:flex-end}.search-input{padding:12px;font-size:14px;border-radius:10px;border:1px solid var(--theme-border-medium);width:250px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.th-sno{width:60px;text-align:center}.th-action{width:100px}.th-code{width:100px;text-align:center}.button-group{margin-top:5px;margin-bottom:5px;gap:10px;display:flex;justify-content:center}.info-display p{font-size:16px;margin:8px 0;color:var(--theme-text-primary)}.info-display p strong{font-weight:600;margin-right:6px}.branch-section h3{font-size:20px;margin-top:20px;text-align:center;font-weight:800;font-family:var(--font-body);text-transform:uppercase;color:var(--theme-text-dark);text-shadow:.07em .05em 0 hsl(200,55%,72%);border-bottom:3px solid var(--theme-text-dark);padding-bottom:5px}.leave-table-container{width:100vw;max-width:80vw;padding:20px;border:1px solid var(--theme-border-medium);box-sizing:border-box;overflow:hidden;position:relative}.scroll-wrapper{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:hsl(200,55%,72%) transparent}.scroll-wrapper::-webkit-scrollbar{height:1px}.scroll-wrapper::-webkit-scrollbar-thumb{background-color:#000}.scroll-wrapper::-webkit-scrollbar-track{background-color:transparent}.leave-table{border-collapse:collapse;width:1500px;min-width:600px;table-layout:auto;width:100%;overflow:hidden}.form-group-full{flex:1 1 100%}.icon-btn{background:none;border:none;cursor:pointer;margin:0 5px}.form-container{max-width:900px;margin:0 auto;padding:2rem;background-color:var(--theme-bg-surface);border-radius:12px;box-shadow:0 0 10px #0000001a}.form-title{font-size:1.8rem;text-align:center;margin-bottom:10px;color:var(--theme-text-primary)}.form-label{display:flex;flex-direction:column;font-weight:500}.leave-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.leave-table th,.leave-table tbody tr:hover{background-color:var(--theme-bg-surface)}.leave-table td,.leave-table th{border:1px solid var(--theme-border-medium);text-align:center;white-space:nowrap;padding:10px 12px;vertical-align:middle}.leave-table input{width:100%;height:40px;box-sizing:border-box;padding:8px 10px;font-size:14px}.leave-table tr{height:auto}.leave-types-container{display:flex;flex-direction:column}.leave-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0}.leave-controls input,.leave-controls select{padding:8px 12px;font-size:16px;border:1px solid var(--theme-border-medium);border-radius:4px;background-color:var(--theme-bg-input)}.leave-cards-container{display:none;flex-wrap:wrap;gap:20px}.leave-card{flex:1 1 300px;border:1px solid var(--theme-border-medium);border-radius:8px;padding:15px;background-color:var(--theme-bg-surface);display:flex;flex-direction:column;justify-content:space-between}.leave-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.leave-card .card-body p{margin:4px 0;font-size:14px}@media(max-width:800px){.leave-table-container{display:none}.leave-cards-container{display:flex}}@media(min-width:801px){.leave-cards-container{display:none}}.leave-types-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1rem;border-radius:12px;background:linear-gradient(135deg,var(--color-primary-lightest),var(--color-primary-border));color:var(--theme-text-dark);box-shadow:0 6px 16px #0f172a33}.leave-types-header h2{margin:0;font-size:1.2rem;font-weight:600}.leave-types-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.ghost-btn{background:transparent;border:1px solid var(--color-primary-border);color:var(--theme-text-primary);padding:.65rem 1.25rem;border-radius:999px;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.ghost-btn:hover{background:#6366f114;border-color:var(--color-primary);color:var(--theme-text-dark)}.leave-types-header .ghost-btn{border-color:#6366f180;color:var(--theme-text-dark)}.leave-types-header .ghost-btn:hover{background:#6366f11f;border-color:#4f46e5cc}.leave-types-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.insight-card{background:var(--theme-bg-card);border-radius:14px;padding:.75rem;display:flex;align-items:center;gap:.6rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 6px 18px #0f172a0d;min-height:70px}.insight-content{display:flex;flex-direction:column}.insight-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.accent-indigo{background:#4f46e51f;color:var(--color-primary-hover)}.accent-emerald{background:#10b9811f;color:var(--color-success-hover)}.accent-amber{background:#f59e0b26;color:var(--color-warning-hover)}.accent-violet{background:#8b5cf61f;color:var(--color-primary-violet)}.insight-label{margin:0;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--theme-text-muted)}.insight-value{font-size:1.3rem;font-weight:600;color:var(--theme-text-dark);margin:.05rem 0}.insight-subtext{margin:0;color:var(--theme-text-secondary);font-size:.8rem}.leave-types-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;align-items:stretch;padding:.9rem 1.1rem;background:var(--theme-bg-card);border-radius:16px;border:1px solid rgba(226,232,240,.9);box-shadow:0 6px 18px #0f172a0a}.toolbar-search{display:flex;align-items:flex-end;width:100%}.toolbar-search-input{display:flex;align-items:center;gap:.4rem;border:1.5px solid rgba(148,163,184,.6);border-radius:12px;color:var(--theme-text-secondary);background:var(--theme-bg-input);flex:1}.toolbar-search-input input{border:none;background:transparent;width:100%;font-size:14px;color:var(--theme-text-dark)}.toolbar-search-input svg{padding-left:4px;font-size:22px}.toolbar-search-input input:focus{outline:none}.toolbar-add-btn{white-space:nowrap;padding:.55rem 1rem}.toolbar-filters{display:flex;flex-wrap:wrap;gap:.85rem;flex-direction:column;justify-content:center}.toolbar-select{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--theme-text-secondary)}.toolbar-select span{font-weight:600;color:var(--theme-text-dark)}.toolbar-select select{border:1px solid rgba(148,163,184,.8);border-radius:10px;padding:.45rem .75rem;font-size:.9rem;color:var(--theme-text-dark);background:var(--theme-bg-input)}.toolbar-meta{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;text-align:right;flex-wrap:wrap}.toolbar-count{font-size:.9rem;color:var(--theme-text-secondary)}.leave-types-clear-btn{background:transparent;border:none;color:var(--color-primary-hover);font-weight:600;cursor:pointer;padding:0}.leave-types-clear-btn:hover{text-decoration:underline}.leave-types-placeholder{border:1.5px dashed rgba(99,102,241,.4);border-radius:16px;padding:1.5rem;text-align:center;background:#f8faffb3;color:var(--theme-text-secondary);display:flex;flex-direction:column;align-items:center;gap:.7rem}.leave-types-placeholder--error{border-color:#f8717199;color:var(--color-danger-dark)}.leave-types-spinner{width:46px;height:46px;border-radius:50%;border:3px solid rgba(99,102,241,.25);border-top-color:var(--color-primary);animation:leaveTypesSpin .9s linear infinite}@keyframes leaveTypesSpin{to{transform:rotate(360deg)}}.leave-types-empty-state{border:1.5px dashed rgba(79,70,229,.4);border-radius:20px;padding:1.8rem;background:#ffffffe6;text-align:center;color:var(--theme-text-dark);display:flex;flex-direction:column;gap:.6rem}.leave-types-empty-state h3{margin:0;font-size:1.4rem}.empty-state-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.leave-types-table-card{background:var(--theme-bg-card);border-radius:20px;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008;border:1px solid var(--theme-border);overflow:hidden}.leave-types-table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--theme-border)}.leave-types-table-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:var(--theme-text-primary)}.leave-types-table-header h2 svg{color:var(--color-primary)}.leave-types-count{padding:6px 12px;background:var(--theme-bg-surface);border-radius:20px;font-size:13px;font-weight:500;color:var(--theme-text-muted)}.leave-types-grid-wrapper{overflow:hidden}.leave-types-grid-wrapper .ag-header-cell-label{justify-content:center;font-weight:700;font-size:14px}.leave-types-grid-wrapper .ag-cell{display:flex;align-items:center;font-size:14px;font-weight:600}.leave-types-grid-wrapper .action-buttons{display:flex;gap:6px;align-items:center}.data-table-wrapper{border-radius:14px;border:1px solid rgba(226,232,240,.9);background:var(--theme-bg-card);box-shadow:0 12px 30px #0f172a14;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--gradient-brand);color:var(--color-gray-50)}.data-table th{padding:.9rem .8rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;text-align:left}.data-table tbody td{padding:.85rem .8rem;border:1px solid rgba(226,232,240,.7);vertical-align:middle}.data-table tbody tr:hover{background:#6366f10a}@media(max-width:1024px){.leave-types-toolbar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.toolbar-search{flex-direction:column;align-items:stretch}}@media(max-width:768px){.leave-types-header{flex-direction:column;align-items:flex-start}.leave-types-header-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.toolbar-meta{justify-content:flex-start;text-align:left}}.leave-type-card{background:var(--theme-bg-card);border-radius:16px;padding:24px;box-shadow:0 10px 30px #0f172a14;border:1px solid var(--color-primary-lightest);display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto}.leave-type-section-title{font-size:1rem;font-weight:600;color:var(--theme-text-dark);margin-bottom:.75rem}.leave-type-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.leave-type-field.full-width{grid-column:1 / -1}.leave-type-field input,.leave-type-field select,.leave-type-field input:focus,.leave-type-field select:focus,.leave-type-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.leave-type-checkbox{display:flex;align-items:center;gap:.5rem;padding:.55rem;border-radius:10px;border:1px solid var(--theme-border);background:var(--theme-bg-input);font-size:.9rem;color:var(--theme-text-dark);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.leave-type-checkbox input{accent-color:var(--color-info-hover)}.leave-type-actions{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.leave-type-modal-form{display:flex;flex-direction:column;gap:1.25rem}.leave-types-table{width:100%;border-spacing:0;border-collapse:separate;background:#ffffffe6;border-radius:18px;overflow:hidden;box-shadow:inset 0 1px #fff9}.leave-types-table thead{position:sticky;top:0;z-index:2}.leave-types-table tbody tr:last-child td{border-bottom:none}.leave-types-table tbody tr:nth-child(2n) td{background:#f8faffe6}.leave-types-table tbody tr:hover td{background:#6366f114;transition:background .2s ease}.leave-types-table .description-cell{max-width:250px;text-align:left;color:var(--theme-text-secondary)}.leave-types-table .actions-cell{display:flex}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.status-pill--success{background:#22c55e26;color:var(--color-success-dark)}.status-pill--muted{background:#0f172a14;color:var(--theme-text-secondary)}.status-pill--info{background:#3b82f626;color:var(--color-info-dark)}.status-pill--warning{background:#facc1533;color:var(--color-warning-dark)}@media(max-width:768px){.leave-type-card{padding:20px}.leave-type-checkboxes{flex-direction:row}}.leave-type-field.full-width{padding:0 10px}.edit-form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.leave-edit-form input[type=text],.leave-edit-form input[type=number],.leave-edit-form select,.edit-form-buttons{display:flex;justify-content:space-between;gap:10px}.cancel-btn{background-color:var(--color-danger);color:#fff}.cancel-btn:hover{background-color:var(--color-danger-hover)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-brand-end);box-shadow:0 0 4px #007bff33}.checkbox-row-table{padding:20px;display:flex;gap:40px;align-items:center;flex-wrap:nowrap}.checkbox-label{display:flex;justify-content:center;align-items:center;cursor:pointer;white-space:nowrap;font-weight:500;color:var(--theme-text-primary)}.checkbox-label input[type=checkbox]{height:20px;margin-right:8px}.error-popup-wrapper{position:relative;display:inline-block;width:100%}.error-popup:after{content:attr(title);position:absolute;top:100%;left:0;background:#000;color:#fff;padding:4px 8px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .2s ease-in-out;z-index:10}.error-popup:hover:after{opacity:1}.custom-table th{background-color:var(--theme-bg-surface);font-weight:700}.custom-table tr:nth-child(2n){background-color:var(--theme-bg-surface)}.custom-table tr:hover{background-color:#c6e7f0}.table-btn{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media(max-width:600px){.form-group input,.form-group select{font-size:16px;padding:12px}.table-btn{margin-bottom:20px;align-items:center}.custom-table th,.custom-table td{font-size:13px;padding:8px}}.profile-section-employee{text-align:center;margin-bottom:30px}.profile-img-container{position:relative;width:120px;height:120px;margin:auto}.profile-img-container img,.default-user-icon{width:100%;height:100%;border-radius:50%;border:1px solid var(--theme-border-medium);background-color:var(--theme-bg-surface);display:flex;align-items:center;justify-content:center;object-fit:cover}.camera-icon-overlay{position:absolute;bottom:0;right:0;width:28px;height:28px;background-color:var(--color-sidebar-bg);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;cursor:pointer}.profile-img-container label{position:absolute;bottom:0;right:0;background:var(--color-info);color:#fff;padding:2px 6px;border-radius:50%;font-size:14px;cursor:pointer}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.employee-grid label{display:block;font-weight:500;margin-bottom:5px}.employee-grid input,.employee-grid select{width:100%;padding:8px;border:1px solid var(--theme-border-medium);border-radius:4px}.header-bar-employee{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px;flex-direction:column;gap:20px}.branch-btn.active{background:var(--color-info-accent);color:#fff}.employee-list{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}.employee-list{display:flex;flex-wrap:wrap;gap:15px}.employee-card{width:250px;border:1px solid var(--theme-border-medium);padding:12px;border-radius:8px;text-align:center;background-color:var(--theme-bg-card);box-shadow:0 2px 6px #0000000d}.emp-image{width:120px;height:120px;object-fit:cover;border-radius:50%;background-color:var(--theme-bg-surface)}.emp-name{font-weight:600;font-size:14px}.emp-role{font-size:12px;color:var(--theme-text-muted)}.companydetail-image{display:flex;gap:20px;margin-bottom:20px}.logo-preview,.photo-preview{display:flex;flex-direction:column;align-items:flex-start}.logo-preview img,.photo-preview img{border-radius:6px;margin-top:8px;object-fit:contain}.small-logo img{width:250px;height:200px}.large-photo img{width:480px;height:280px}.companydetail-image{display:flex;justify-content:space-evenly}.companydetail{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.company-details-form{width:100%;display:flex;flex-direction:column;gap:16px}.form-label-company{width:200px;min-width:150px;font-weight:500;margin-top:6px;color:var(--theme-text-primary)}.form-label-company.required:after{content:" *";color:red}.form-input-company{flex:1;min-width:200px}.form-input-company input,.form-input-company select,.form-input-company textarea{width:100%;padding:10px;border:1px solid var(--theme-border-medium);border-radius:6px;font-size:14px}textarea{min-height:80px;resize:vertical}.full-width{flex-direction:column}.employee-detail-container{display:flex;gap:20px;padding:20px;justify-content:center}.left-sidebar{width:300px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;padding:20px;position:sticky;top:20px;box-shadow:0 2px 10px #0000000d}.left-sidebar .profile-pic{width:100px;height:100px;margin:0 auto 10px;border-radius:50%;object-fit:cover;border:2px solid var(--color-info)}.left-sidebar h2{text-align:center;margin-bottom:5px;font-size:20px}.left-sidebar .info-item{display:flex;justify-content:center;padding:6px 0;font-size:14px;color:var(--theme-text-primary)}.left-sidebar .status{display:flex;align-items:center;gap:10px;margin-top:15px;font-size:14px}.left-sidebar .status .label{flex:1}.left-sidebar .status input[type=checkbox]{transform:scale(1.2)}.right-content{flex:1;background:var(--theme-bg-card);padding:20px;border-radius:8px;border:1px solid var(--theme-border)}.form-card{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:30px}.form-group{display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:hsl(200,55%,72%) transparent;max-width:450px;width:100%}.tab-buttons-scrollable{overflow-x:auto;white-space:nowrap;margin-bottom:20px;padding-bottom:4px;display:flex;gap:10px}.tab-buttons-inner{display:flex;gap:10px;min-width:max-content}.tab-buttons-scrollable::-webkit-scrollbar{height:6px}.tab-buttons-scrollable::-webkit-scrollbar-thumb{background-color:var(--theme-border-medium);border-radius:10px}.tab-buttons-scrollable button{flex:0 0 auto;padding:6px 12px;border:none;background:var(--theme-border);border-radius:6px;cursor:pointer;white-space:nowrap}.tab-buttons-scrollable .active-tab{background:var(--color-info);color:#fff}.users-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.users-header-actions{display:flex;gap:10px;flex-wrap:wrap}.users-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:16px}.users-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.users-filters label{display:flex;flex-direction:column;font-size:13px;color:var(--theme-text-secondary);font-weight:600}.refresh-btn{border:var(--color-primary-dark) 1px solid;border-radius:10px;padding:10px 15px;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;background:var(--color-primary-lightest);color:var(--color-primary-dark)}.refresh-btn:hover:not(:disabled){background:var(--color-brand-start);color:var(--theme-text-white)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn.compact{padding:8px 12px;font-size:.85rem}.refresh-btn.success{border-color:var(--color-success-alt);background:var(--color-success-lightest-alt);color:var(--color-success-alt)}.refresh-btn.success:hover:not(:disabled){background:var(--color-success-alt);color:var(--theme-text-white)}.refresh-btn.success.active{background:var(--color-success-alt);color:var(--theme-text-white)}.refresh-btn.warning{border-color:var(--color-warning-hover);background:var(--color-warning-lightest);color:var(--color-warning-hover)}.refresh-btn.warning:hover:not(:disabled){background:var(--color-warning-hover);color:var(--theme-text-white)}.refresh-btn.warning.active{background:var(--color-warning-hover);color:var(--theme-text-white)}.refresh-btn.danger{border-color:var(--color-danger-hover);background:var(--color-danger-lightest);color:var(--color-danger-hover)}.refresh-btn.danger:hover:not(:disabled){background:var(--color-danger-hover);color:var(--theme-text-white)}.refresh-btn.danger.active{background:var(--color-danger-hover);color:var(--theme-text-white)}.users-filters input,.users-filters select{font-size:14px;margin-top:6px;padding:10px 15px;border:1px solid var(--theme-border-medium);border-radius:10px;min-width:200px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.checkbox-inline-large{display:flex!important;flex-direction:row!important;align-items:center;gap:0px}select:required{border-left:4px solid var(--color-danger)!important}.checkbox-inline-large span{display:inline-block}.checkbox-inline-large input{width:18px;height:18px;accent-color:var(--color-info);margin-right:8px}.checkbox-inline{margin-bottom:0;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:8px 12px;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-bg-card);box-shadow:0 2px 6px #28364314;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.checkbox-inline input{width:16px;height:16px;accent-color:var(--color-info)}.users-table-wrapper{width:100%;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;min-width:720px;background:var(--theme-bg-card);border-radius:12px;box-shadow:0 8px 24px #0f172a14}.users-table th{border:1px solid var(--theme-border-medium)!important}.users-table th,.users-table td{text-align:left;padding:12px 14px;border:1px solid var(--theme-border)}.user-avatar-thumb{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--theme-border)}.user-avatar-thumb.placeholder{display:flex;align-items:center;justify-content:center;font-weight:600;background:var(--color-primary-border);color:var(--color-primary-dark)}.user-avatar-cell{display:flex;align-items:center;justify-content:center}.users-table th{background:var(--theme-bg-surface);font-size:13px;letter-spacing:.02em;text-transform:uppercase}.user-row-deleted{background:var(--color-danger-lightest);color:var(--color-danger-dark)}.user-name-cell{display:flex;flex-direction:column;gap:4px}.user-name-cell .user-meta{font-size:12px;color:var(--theme-text-muted)}.user-table-actions{display:flex;gap:8px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.status-active{background:var(--color-success-light);color:var(--color-success-darker)}.status-badge.status-inactive{background:var(--theme-bg-surface);color:var(--theme-text-secondary)}.status-badge.status-suspended{background:var(--color-warning-lightest);color:var(--color-warning-dark)}.status-badge.status-locked{background:var(--color-purple-light-bg);color:var(--color-primary-violet)}.status-badge.status-pending_verification{background:var(--color-info-light);color:var(--color-info-dark)}.verify-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.verify-pill-yes{background:var(--color-success-light);color:var(--color-success-darker)}.verify-pill-no{background:var(--color-danger-light);color:var(--color-danger-dark)}.restore-btn{background:var(--color-info-tint);color:var(--color-info-darker)}.restore-btn:hover{background:var(--color-info-pale)}.permissions-layout{display:flex;flex-wrap:wrap;gap:20px}.permissions-table-wrapper{flex:2;min-width:320px}.permissions-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.usage-card{flex:1;min-width:140px;background:var(--theme-bg-input);border:1px solid var(--theme-border);border-radius:10px;padding:10px 14px;box-shadow:inset 0 1px #fff6}.usage-label{margin:0;font-size:12px;text-transform:uppercase;color:var(--theme-text-muted);letter-spacing:.04em;font-weight:600}.usage-value{margin-top:6px;display:block;font-size:22px;font-weight:700;color:var(--theme-text-dark)}.permissions-modal{background:var(--theme-bg-card);padding:24px;border-radius:16px;width:100%;max-width:880px;box-shadow:0 25px 50px -12px #0f172a73}.permissions-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.permissions-form h4{margin:0;font-size:18px;color:var(--theme-text-primary)}.permissions-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.permissions-form-grid label,.permissions-form-grid input,.permissions-form-grid textarea,.permissions-form-grid select,.permissions-multiselect{display:flex;flex-direction:column;gap:6px;grid-column:span 2;padding:12px;background:var(--theme-bg-input);border:1px solid var(--theme-border);border-radius:10px}.permissions-multiselect-title{font-size:13px;font-weight:700;color:var(--theme-text-dark);text-transform:uppercase;letter-spacing:.02em}.permissions-multi-select{min-height:180px;border:1px solid var(--theme-border-medium);border-radius:8px;padding:6px;background:var(--theme-bg-card);box-shadow:inset 0 1px 2px #0f172a14;width:100%}.permissions-multi-select option{padding:6px 8px}.direct-form-grid label,.direct-form-grid input,.direct-form-grid select,.direct-form-grid textarea,.form-close-btn{border:none;background:transparent;font-size:24px;cursor:pointer;color:var(--theme-text-disabled);line-height:1}.form-close-btn:hover{color:var(--theme-text-dark)}.spinning{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.employee-main{width:800px}.grid-form{padding:10px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.my-confirm-button{background:var(--gradient-brand);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;box-shadow:0 4px 12px #667eea4d}.my-confirm-button:hover{background-color:var(--color-info-accent);color:var(--theme-text-dark)}.my-cancel-button{padding:6px 12px;background-color:var(--theme-border-medium);color:var(--theme-text-primary);border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.my-cancel-button:hover{background-color:var(--theme-border-medium)}.form-container select{width:100%;padding:10px 12px;border:1px solid var(--theme-border-medium);border-radius:8px;background-color:var(--theme-bg-card);font-size:14px;color:var(--theme-text-primary);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D'10'%20height%3D'6'%20viewBox%3D'0%200%2010%206'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M0%200l5%206%205-6z'%20fill%3D'%23666'%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px 6px;cursor:pointer;transition:border-color .3s,box-shadow .3s}.form-container select:hover{border-color:var(--color-primary-hover)}.form-container select:focus{border-color:var(--color-primary-hover);box-shadow:0 0 4px #007bff66;outline:none}.form-label{display:flex;flex-direction:column;gap:5px;font-weight:500;color:var(--theme-text-secondary)}.edit-popup .form-control{margin-bottom:10px}.Toastify__toast-container{z-index:99999!important}.swal2-container{z-index:10000!important}.login-modal-overlay{background:#062e1e8c!important;backdrop-filter:blur(16px) saturate(140%)!important;-webkit-backdrop-filter:blur(16px) saturate(140%)!important}.login-modal{background:#fff!important;border-radius:20px!important;padding:36px 32px!important;max-width:420px!important;box-shadow:0 0 0 .5px #0000000f,0 24px 60px #062e1e2e,0 8px 24px #00000014!important}.login-modal:before,.login-modal:after{display:none!important}.modal-close{top:14px!important;right:14px!important;width:32px!important;height:32px!important;border-radius:999px!important;background:#7676801f!important;border:none!important;color:#3c3c43!important;font-size:16px!important;box-shadow:none!important;transition:background .2s ease,transform .15s ease!important}.modal-close:hover{background:#00875a1f!important;color:#006a48!important;transform:rotate(90deg)!important;box-shadow:none!important}.login-modal-header{margin-bottom:26px!important}.login-modal-header img{margin-bottom:14px!important;border-radius:14px!important;filter:none!important;background:#062e1e;padding:6px}.login-modal-header h2{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;font-size:24px!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.2!important;color:#1a1a1a!important;background:none!important;-webkit-text-fill-color:#1a1a1a!important;margin-bottom:6px!important}.login-modal-header p{color:#4a4a4a!important;font-size:14px!important;font-weight:400!important;margin:0!important}.login-modal .form-group{margin-bottom:16px!important}.login-modal .form-group label{font-family:Plus Jakarta Sans,sans-serif!important;font-size:13px!important;font-weight:600!important;color:#4a4a4a!important;text-transform:none!important;letter-spacing:-.005em!important;margin-bottom:6px!important;gap:8px!important}.login-modal .form-group label .input-icon{color:#8a8a8a!important;font-size:14px!important;transform:none!important}.login-modal .form-group:focus-within label{color:#006a48!important;transform:none!important}.login-modal .form-group:focus-within label .input-icon{color:#006a48!important;transform:none!important}.login-modal .input-field{width:100%!important;padding:12px 14px!important;border:.5px solid rgba(0,0,0,.1)!important;border-radius:10px!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:15px!important;font-weight:500!important;letter-spacing:-.005em!important;color:#1a1a1a!important;background:#7676800a!important;box-shadow:none!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important}.login-modal .input-field::placeholder{color:#8a8a8a!important;font-weight:400!important;transform:none!important}.login-modal .input-field:hover{border-color:#0000002e!important;background:#7676800f!important;box-shadow:none!important}.login-modal .input-field:focus{border-color:#00875a!important;background:#fff!important;box-shadow:0 0 0 3px #00875a1f!important}.login-modal .input-field[type=tel]{font-family:Plus Jakarta Sans,sans-serif!important;letter-spacing:-.005em!important;padding-left:14px!important}.password-toggle{background:transparent!important;border:none!important;color:#8a8a8a!important;padding:6px!important;border-radius:8px!important;box-shadow:none!important;transform:translateY(-50%)!important}.password-toggle:hover{color:#006a48!important;background:#00875a14!important;transform:translateY(-50%)!important;box-shadow:none!important}.login-modal .loginbtn{margin-top:22px!important;gap:10px!important}.login-modal .sign-in-btn{width:100%!important;padding:13px 22px!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:15px!important;font-weight:600!important;letter-spacing:-.005em!important;border-radius:12px!important;border:none!important;cursor:pointer!important;background:linear-gradient(135deg,#00875a,#006a48)!important;background-size:100% 100%!important;color:#fff!important;text-shadow:none!important;box-shadow:0 4px 14px #00875a47!important;transition:transform .15s ease,box-shadow .2s ease!important}.login-modal .sign-in-btn:before{display:none!important}.login-modal .sign-in-btn:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px #00875a61!important;background-position:0 0!important}.login-modal .sign-in-btn:active{transform:translateY(0)!important}.login-modal .sign-in-btn:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:0 2px 8px #00875a2e!important}.login-modal .sign-in-btn.secondary{background:#00875a14!important;color:#006a48!important;border:.5px solid rgba(0,135,90,.25)!important;box-shadow:none!important;text-shadow:none!important}.login-modal .sign-in-btn.secondary:hover{background:#00875a24!important;border-color:#00875a66!important;box-shadow:none!important;transform:translateY(-1px)!important}.login-modal .sign-in-btn.secondary .btn-spinner{border-color:#00875a40!important;border-top-color:#006a48!important}.forgot-password-link{color:#006a48!important;font-size:13px!important;font-weight:600!important;margin:8px 0 0!important;padding-right:4px!important}.forgot-password-link:after{background:#006a48!important}.forgot-password-link:hover{color:#00875a!important}.login-modal .optionlogin{margin-top:20px!important;padding:10px 16px!important;background:#7676800f!important;border:.5px solid rgba(0,0,0,.06)!important;border-radius:10px!important;color:#4a4a4a!important;font-weight:600!important;font-size:13px!important;transition:background .2s ease,border-color .2s ease,color .2s ease!important}.login-modal .optionlogin:hover{background:#00875a14!important;border-color:#00875a33!important;color:#006a48!important;transform:none!important;box-shadow:none!important}.reset-steps-indicator{background:#7676800f!important;border:.5px solid rgba(0,0,0,.06)!important;border-radius:12px!important;padding:12px 16px!important}.reset-steps-indicator .step{width:30px!important;height:30px!important;font-size:13px!important;background:#fff!important;color:#8a8a8a!important;border:1.5px solid rgba(0,0,0,.08)!important;box-shadow:none!important}.reset-steps-indicator .step.active{background:linear-gradient(135deg,#00875a,#006a48)!important;color:#fff!important;border-color:transparent!important;transform:scale(1.05)!important;box-shadow:0 4px 12px #00875a4d!important}.reset-steps-indicator .step-line{height:2px!important;background:#00000014!important;width:44px!important}.reset-steps-indicator .step-line:after{background:linear-gradient(90deg,#00875a,#006a48)!important}.password-strength{background:#7676800f!important;border:.5px solid rgba(0,0,0,.06)!important;border-radius:8px!important;padding:8px 12px!important}.password-strength-fill.weak{background:#ff3b30!important;box-shadow:none!important}.password-strength-fill.medium{background:#ff9500!important;box-shadow:none!important}.password-strength-fill.strong{background:#00875a!important;box-shadow:none!important}.password-strength-text.weak{color:#ff3b30!important}.password-strength-text.medium{color:#ff9500!important}.password-strength-text.strong{color:#006a48!important}.login-modal .toast-message{background:#00875a14!important;border:.5px solid rgba(0,135,90,.2)!important;color:#006a48!important;margin-top:14px!important;padding:10px 14px!important;border-radius:10px!important;font-size:13.5px!important;font-weight:500!important}.login-modal .toast-message.error{background:#ff3b3014!important;border-color:#ff3b3033!important;color:#ff3b30!important}@media(max-width:480px){.login-modal{padding:28px 22px 32px!important;border-radius:20px 20px 0 0!important}.login-modal-header h2{font-size:22px!important}.login-modal .input-field{font-size:16px!important}}.tz-demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:#062e1e8c;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.tz-demo-modal{position:relative;width:100%;max-width:440px;background:#fff;border-radius:20px;padding:32px 32px 28px;box-shadow:0 0 0 .5px #0000000f,0 24px 60px #062e1e2e,0 8px 24px #00000014;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.tz-demo-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:999px;background:#7676801f;border:none;color:#3c3c43;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,transform .15s ease,color .2s ease}.tz-demo-close:hover{background:#00875a1f;color:#006a48;transform:rotate(90deg)}.tz-demo-head{margin-bottom:22px;text-align:left}.tz-demo-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#00875a1a;color:#006a48;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:.5px solid rgba(0,135,90,.18);margin-bottom:12px}.tz-demo-head h2{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#1a1a1a;margin:0 0 8px}.tz-demo-head p{font-size:14px;line-height:1.55;color:#4a4a4a;margin:0}.tz-demo-form{display:grid;gap:14px}.tz-demo-group{display:grid;gap:6px}.tz-demo-group label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#4a4a4a;letter-spacing:-.005em}.tz-demo-group label svg{color:#8a8a8a}.tz-demo-group label span[aria-hidden]{color:#ff3b30}.tz-demo-group .tz-demo-opt{color:#8a8a8a;font-weight:400;text-transform:none}.tz-demo-group input{width:100%;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:-.005em;color:#1a1a1a;background:#7676800a;border:.5px solid rgba(0,0,0,.1);border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none}.tz-demo-group input::placeholder{color:#8a8a8a;font-weight:400}.tz-demo-group input:hover{border-color:#0000002e;background:#7676800f}.tz-demo-group input:focus{border-color:#00875a;background:#fff;box-shadow:0 0 0 3px #00875a1f}.tz-demo-group input[aria-invalid=true]{border-color:#ff3b30;background:#ff3b300a}.tz-demo-group input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #ff3b301f}.tz-demo-tel{display:flex;align-items:stretch;border:.5px solid rgba(0,0,0,.1);border-radius:10px;background:#7676800a;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;overflow:hidden}.tz-demo-tel:hover{border-color:#0000002e;background:#7676800f}.tz-demo-tel:focus-within{border-color:#00875a;background:#fff;box-shadow:0 0 0 3px #00875a1f}.tz-demo-tel__cc{padding:12px 12px 12px 14px;font-size:15px;font-weight:600;color:#4a4a4a;background:transparent;border-right:.5px solid rgba(0,0,0,.08);display:inline-flex;align-items:center}.tz-demo-tel input{border:none!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding-left:12px}.tz-demo-tel input:focus{box-shadow:none!important}.tz-demo-err{font-size:12.5px;color:#ff3b30;font-weight:500;margin-top:2px}.tz-demo-submit{width:100%;padding:13px 22px;margin-top:4px;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.005em;color:#fff;background:linear-gradient(135deg,#00875a,#006a48);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 14px #00875a47;transition:transform .15s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.tz-demo-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #00875a61}.tz-demo-submit:active:not(:disabled){transform:translateY(0)}.tz-demo-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:0 2px 8px #00875a2e}.tz-demo-dots:after{display:inline-block;margin-left:2px;content:"";animation:tzDemoDots 1.2s steps(4,end) infinite;width:0;overflow:hidden;vertical-align:bottom}@keyframes tzDemoDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.tz-demo-legal{font-size:12px;color:#8a8a8a;line-height:1.5;margin:4px 0 0}.tz-demo-legal a{color:#006a48;text-decoration:none;font-weight:500}.tz-demo-legal a:hover{text-decoration:underline}.tz-demo-success{text-align:center;padding:8px 0 4px}.tz-demo-success__icon{width:64px;height:64px;border-radius:999px;background:linear-gradient(135deg,#00875a1f,#00c7be1f);color:#006a48;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.tz-demo-success h2{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#1a1a1a;margin:0 0 8px}.tz-demo-success p{font-size:14.5px;line-height:1.6;color:#4a4a4a;margin:0 0 18px}.tz-demo-success strong{color:#1a1a1a;font-weight:600;white-space:nowrap}.tz-demo-success__next{list-style:none;padding:0;margin:0 auto 22px;display:grid;gap:8px;text-align:left;max-width:320px}.tz-demo-success__next li{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#4a4a4a}.tz-demo-success__next svg{color:#00875a;flex-shrink:0}@media(max-width:480px){.tz-demo-overlay{padding:0;align-items:flex-end}.tz-demo-modal{max-width:100%;padding:26px 22px 28px;border-radius:20px 20px 0 0}.tz-demo-head h2{font-size:20px}}@media(max-width:780px){.checkbox-label{white-space:pre-line}.add-branch-form{max-width:fit-content}.addfield{padding:0}.branches-header{flex-direction:column}.form-grid{display:block;padding:7px!important}.form-group,.form-group-full{flex:none;width:100%}input[type=text],input[type=number],select,textarea{font-size:14px}.leave-table-container{max-width:95vw;padding:0}.scroll-wrapper{padding:5px}.leave-table{width:100%;min-width:600px}.leave-table th,.leave-table td{padding:6px 8px}.submit-button{padding:.5rem 1.5rem;font-size:14px}.sidebar{width:320px;top:60px;transform:translate(-100%);position:fixed}.sidebar.collapsed{transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0);z-index:1050}.main-content.full{margin-left:0}.companydetail-image{flex-direction:column;align-items:center;gap:20px}.small-logo img{width:100%;height:200px}.large-photo img{width:100%;height:auto;max-width:100%}.companydetail{grid-template-columns:1fr}.form-row{flex-direction:column;align-items:stretch}.form-label-company{width:100%;margin-bottom:4px}.form-input-company{width:100%}.update-btn{width:100%;padding:14px;font-size:16px}.company-details-container{padding:10px}.header-bar{flex-direction:column;align-items:flex-start;gap:10px}.branch-filters{flex-direction:column;width:100%}.branch-btn{width:100%;text-align:left}.employee-card{width:100%;max-width:300px}.emp-image{width:100px;height:100px}.emp-name{font-size:13px}.emp-role{font-size:11px}.employee-grid{grid-template-columns:1fr}.profile-img-container{width:90px;height:90px}.camera-icon-overlay{width:22px;height:22px;font-size:12px}.common-dept-popup{min-width:fit-content!important}.branches-grid{grid-template-columns:1fr!important;padding:10px}.dept-actions{display:flex;align-items:center;justify-content:center;margin-top:8px}.data-table-wrapper{overflow-x:auto}.refresh-btn,.add-employee-btn,.my-cancel-button{padding:8px 12px;font-size:.9rem}}@media(max-width:420px){.sidebar{width:280px}.department-list-container{max-width:320px}.scroll{padding:20px;-webkit-overflow-scrolling:touch}.branch-wrapper{max-width:320px}.edit-popup label{margin-bottom:0!important}.my-confirm-button{margin-top:0}.branch-wrapper{margin-bottom:0!important}.add-dept-section{padding:10px!important}.leave{overflow-x:auto;min-width:300px}.branch-edit-popup{padding:10px!important;min-width:320px}.add-branch-form{max-width:fit-content}button.submit-btn{margin-top:0}.my-cancel-button{margin-top:0;padding:8px;font-size:12px}}@media(max-width:1024px){.leave-table-container{padding:0}.main-content{margin-left:0!important}.edit-popup h3{font-size:18px;margin-bottom:15px}.edit-popup table{width:100%;table-layout:auto;border-collapse:collapse}.edit-popup table th,.edit-popup table td{padding:8px;text-align:left;word-wrap:break-word}.edit-popup table-wrapper{overflow-x:auto}.branch-actions{align-items:flex-start;margin:0}.login-container{height:auto}.mobile-otp-section{flex-direction:column}.logo-img{width:150px}.logo-container{padding:0}.logo-container h1{font-size:30px;padding-bottom:5px}.branches-header h2{flex-grow:0;font-size:20px;justify-content:center}.branches-header{gap:10px;height:auto;margin-bottom:5px}.branches-header .spacer{display:none}.branches-header h2{flex-grow:0;font-size:20px}.add-branch-btn{margin:2px}.search-bar-container{justify-content:center}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.employee-card{width:140px}.emp-image{width:100px;height:100px}.emp-name{font-size:13px}.emp-role{font-size:11px}.profile-img-container{width:100px;height:100px}.camera-icon-overlay{width:24px;height:24px;font-size:12px}}@media screen and (max-width:768px){.form-legend{font-size:15px;padding:8px 10px}.form-input{font-size:13px;padding:10px 14px}}@media screen and (max-width:480px){.form-input{font-size:12px;padding:8px 12px}}@media(max-width:480px){.my-cancel-button,.my-confirm-button{padding:8px;font-size:12px}.button-group{align-items:center;flex-direction:row;gap:12px;margin-top:2px}.add-employee-btn{padding:8px;font-size:12px}.main-content{padding:5px}.action-buttons{flex-wrap:nowrap!important;gap:5px}.leave-type-modal-form,.leave-type-form-grid{gap:0}.edit-popup label{margin-bottom:5px}.leave-modal-overlay{margin-top:50px}.employee-card{padding:10px;border-radius:6px}.emp-name{font-size:12px}.emp-role{font-size:10px}.emp-image{width:100px;height:100px}.add-employee-form{padding:10px}.profile-img-container{width:80px;height:80px}.employee-list{justify-content:center}}.geo-page{min-height:100%;padding:0}.geo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.geo-spinner{width:48px;height:48px;border:4px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:geo-spin .8s linear infinite}@keyframes geo-spin{to{transform:rotate(360deg)}}.geo-loading p{font-size:15px;color:var(--theme-text-muted);font-weight:500}.geo-stats-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.geo-stat-card{flex:1;min-width:110px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:4px}.geo-stat-card.active{border-left:3px solid var(--color-success)}.geo-stat-card.with{border-left:3px solid var(--color-primary)}.geo-stat-card.without{border-left:3px solid var(--color-warning)}.geo-stat-value{font-size:22px;font-weight:700;color:var(--theme-text-primary)}.geo-stat-label{font-size:12px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px}.geo-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.geo-search-box{position:relative;flex:1;min-width:200px;max-width:360px}.geo-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--theme-text-disabled);font-size:16px;pointer-events:none}.geo-search-box input{width:100%;padding:10px 14px 10px 40px;font-size:14px;color:var(--theme-text-primary);background:var(--theme-bg-card);border:1.5px solid var(--theme-border);border-radius:10px;outline:none;transition:border-color .2s}.geo-search-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00875a1a}.geo-toolbar-actions{display:flex;gap:10px;margin-left:auto}.geo-action-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;border-radius:10px;border:1.5px solid var(--theme-border);background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.geo-action-btn:disabled{opacity:.6;cursor:not-allowed}.geo-action-btn.secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.geo-action-btn.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.geo-action-btn.primary:hover:not(:disabled){background:var(--color-primary-dark, #4f46e5);border-color:var(--color-primary-dark, #4f46e5)}.geo-action-btn.danger{background:#ef444414;color:var(--color-danger);border-color:var(--color-danger)}.geo-action-btn.danger:hover:not(:disabled){background:#ef444426}.geo-action-btn svg.spinning{animation:geo-spin .8s linear infinite}.geo-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:geo-spin .7s linear infinite}.geo-filter-pills{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.geo-pill{padding:7px 16px;font-size:13px;font-weight:600;border-radius:20px;border:1.5px solid var(--theme-border);background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s}.geo-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.geo-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.geo-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.geo-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:4px solid var(--branch-color, var(--theme-border));border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s}.geo-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.geo-card.inactive{opacity:.7}.geo-card.no-geofence{border-style:dashed}.geo-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px}.geo-card-info{flex:1;min-width:0}.geo-card-info h4{font-size:15px;font-weight:700;color:var(--theme-text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geo-card-code{font-size:12px;color:var(--theme-text-muted);font-weight:500}.geo-card-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.geo-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;background:var(--theme-bg-surface, #f3f4f6);color:var(--theme-text-muted)}.geo-badge.circle{background:#00875a1a;color:var(--color-primary)}.geo-badge.polygon{background:#ef44441a;color:var(--color-danger)}.geo-badge.active{background:#10b9811a;color:var(--color-success)}.geo-badge.inactive{background:#9ca3af1a;color:#6b7280}.geo-badge.no-fence{background:#f59e0b1a;color:var(--color-warning)}.geo-map-toggle{display:flex;gap:4px;background:var(--theme-bg-surface, #f3f4f6);padding:3px;border-radius:8px;flex-shrink:0}.geo-map-btn{padding:5px 10px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:var(--theme-text-muted)}.geo-map-btn.active{background:var(--theme-bg-card);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.geo-card-map{height:160px;position:relative;overflow:hidden;border-top:1px solid var(--theme-border);border-bottom:1px solid var(--theme-border)}.geo-card-map-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--theme-bg-surface, #f3f4f6);color:var(--theme-text-muted);font-size:14px}.geo-card-footer{padding:12px 18px;display:flex;align-items:center;gap:12px}.geo-card-desc{flex:1;font-size:12px;color:var(--theme-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geo-card-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;border-radius:8px;border:1.5px solid var(--color-primary);background:#00875a0f;color:var(--color-primary);cursor:pointer;transition:all .2s;margin-left:auto;white-space:nowrap}.geo-card-action-btn:hover{background:var(--color-primary);color:#fff}.geo-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.geo-empty-icon{width:64px;height:64px;border-radius:16px;background:var(--theme-bg-surface, #f3f4f6);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.geo-empty-icon svg{font-size:28px;color:var(--theme-text-disabled)}.geo-empty-state h3{font-size:18px;font-weight:700;color:var(--theme-text-primary);margin:0 0 8px}.geo-empty-state p{font-size:14px;color:var(--theme-text-muted);margin:0}.geo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:geo-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}@keyframes geo-overlayIn{0%{opacity:0}to{opacity:1}}.geo-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;animation:geo-modalIn .25s cubic-bezier(.32,.72,0,1)}@keyframes geo-modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.geo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-violet-light, #006A48) 100%);color:#fff}.geo-modal-header h3{margin:0;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.geo-modal-header p{margin:4px 0 0;font-size:13px;opacity:.85}.geo-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;transition:all .2s}.geo-modal-close:hover{background:#ffffff4d}.geo-modal-body{padding:24px;overflow-y:auto;flex:1}.geo-type-selector{display:flex;gap:12px;margin-bottom:20px}.geo-type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:14px;font-weight:600;border-radius:10px;border:2px solid var(--theme-border);background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s}.geo-type-option:hover{border-color:var(--color-primary);color:var(--color-primary)}.geo-type-option.active{border-color:var(--color-primary);background:#00875a0f;color:var(--color-primary)}.geo-map-section{margin-bottom:24px}.geo-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.geo-map-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--theme-text-primary)}.geo-map-types{display:flex;gap:4px;background:var(--theme-bg-surface, #f3f4f6);padding:3px;border-radius:8px}.geo-map-type-btn{padding:5px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:var(--theme-text-muted)}.geo-map-type-btn.active{background:var(--theme-bg-card);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.geo-map-wrapper{border-radius:12px;overflow:hidden;border:1.5px solid var(--theme-border)}.geo-map-controls{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 16px;background:var(--theme-bg-surface, #f3f4f6);border-radius:10px;border:1px solid var(--theme-border)}.geo-marker-info{font-size:13px;color:var(--theme-text-muted)}.geo-marker-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--color-primary);color:#fff;border-radius:10px;font-weight:700;font-size:12px;margin-right:4px}.geo-clear-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;color:var(--theme-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.geo-clear-btn:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ef44440f}.geo-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.geo-form-group{display:flex;flex-direction:column;gap:6px}.geo-form-group.full-width{grid-column:1 / -1}.geo-form-group>label{font-size:13px;font-weight:600;color:var(--theme-text-secondary)}.geo-form-group input,.geo-form-group select,.geo-form-group textarea{width:100%;padding:10px 14px;font-size:14px;color:var(--theme-text-primary);background:var(--theme-bg-card);border:1.5px solid var(--theme-border);border-radius:10px;outline:none;transition:border-color .2s}.geo-form-group textarea{min-height:80px;resize:vertical}.geo-form-group input:focus,.geo-form-group select:focus,.geo-form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00875a1a}.geo-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.geo-toggle-switch{position:relative;width:44px;height:24px}.geo-toggle-switch input{opacity:0;width:0;height:0}.geo-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--theme-border);border-radius:12px;transition:background .2s;cursor:pointer}.geo-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.geo-toggle-switch input:checked+.geo-toggle-slider{background:var(--color-primary)}.geo-toggle-switch input:checked+.geo-toggle-slider:before{transform:translate(20px)}.geo-toggle-text{font-size:14px;font-weight:600;color:var(--theme-text-secondary)}.geo-modal-actions{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--theme-border)}@media(max-width:1024px){.geo-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.geo-stats-bar{gap:10px}.geo-stat-card{min-width:80px;padding:12px 14px}.geo-cards-grid{grid-template-columns:1fr}.geo-toolbar{flex-direction:column;align-items:stretch}.geo-search-box{max-width:none}.geo-toolbar-actions{margin-left:0;justify-content:flex-end}.geo-modal{max-height:95vh}.geo-form-grid{grid-template-columns:1fr}.geo-map-header{flex-direction:column;gap:10px;align-items:stretch}.geo-map-controls{flex-direction:column;gap:10px}.geo-modal-actions{flex-wrap:wrap}.geo-type-selector{flex-direction:column;gap:8px}}.admin-container{padding:2rem}.admin-title{font-size:2rem;margin-bottom:1rem;color:var(--theme-text-dark)}.admin-subtitle{font-size:1.5rem;margin-top:2rem;color:var(--theme-text-secondary)}.admin-loading{font-size:1.2rem;color:var(--theme-text-disabled)}.action-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.checkbox-wrapper{justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:15px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--theme-text-primary)}.checkbox-label input[type=checkbox]{width:15px;height:15px;cursor:pointer}.custom-checkbox{width:10px;height:10px;cursor:pointer}.modal{background:var(--theme-bg-card);border-radius:8px;padding:25px 30px;width:100%;max-width:500px;box-shadow:0 8px 20px #0003;animation:fadeIn .3s ease}.modal h2{margin-bottom:20px;font-size:22px;font-weight:600;text-align:center}.modal label{display:block;margin-bottom:12px;font-size:14px;color:var(--theme-text-primary)}.modal input[type=text],.modal input[type=email]{width:100%;padding:8px 10px;margin-top:6px;margin-bottom:10px;border:1px solid var(--theme-border-medium);border-radius:4px;font-size:14px}.modal input[type=checkbox]{margin-left:10px;transform:scale(1.2)}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.modal-actions .icon-success{color:green}.modal-actions .icon-danger{color:red}.modal-actions button:last-child{background-color:var(--color-danger);color:var(--theme-text-white)}.modal p{margin-top:12px;color:var(--color-danger);font-weight:500;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-message{color:green;margin-bottom:10px}.error-message{color:red;margin-bottom:10px}.alert{padding:12px;margin:10px 0;border-radius:4px;font-weight:500;text-align:center}.alert.success{background-color:var(--color-success-light);color:var(--color-success-darker)}.alert.error{background-color:var(--color-danger-light);color:var(--color-text-red-dark)}.manager-button{padding:8px 16px;margin:4px;font-size:14px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.manager-button:hover{transform:scale(1.05)}.password-btn{background:var(--gradient-brand);color:var(--theme-text-white);border:none;padding:6px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #667eea4d;align-self:center}.password-btn:hover{transform:translateY(-2px)}@media(max-width:768px){.admin-container{padding:0}.modal{max-width:300px}}.icon-success{color:var(--color-success);font-size:20px;vertical-align:middle}.icon-danger{color:var(--color-danger);font-size:20px;vertical-align:middle}.hp-breadcrumbs{padding:100px 24px 0;max-width:1280px;margin:0 auto}.hp-breadcrumbs__list{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0;font-size:14px}.hp-breadcrumbs__list li{display:flex;align-items:center;gap:8px;color:#64748b}.hp-breadcrumbs__list li a{color:#6366f1;text-decoration:none;font-weight:500;transition:color .2s}.hp-breadcrumbs__list li a:hover{color:#4f46e5}.hp-breadcrumbs__separator{color:#cbd5e1;font-size:12px}.hp-breadcrumbs__current{color:#1e293b;font-weight:600}.hp-faq{padding:100px 24px;background:#fff}.hp-faq__list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.hp-faq__item{border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;transition:all .3s ease}.hp-faq__item:hover{border-color:#e0e7ff}.hp-faq__item--open{border-color:#c7d2fe;box-shadow:0 4px 20px #6366f10f}.hp-faq__question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:none;border:none;width:100%;cursor:pointer;text-align:left;font-family:inherit;font-size:17px;font-weight:600;color:#1e293b;transition:color .2s}.hp-faq__question:hover{color:#6366f1}.hp-faq__question svg{flex-shrink:0;font-size:18px;color:#6366f1;transition:transform .3s ease}.hp-faq__item--open .hp-faq__question svg{transform:rotate(180deg)}.hp-faq__answer{padding:0 24px 20px;font-size:16px;line-height:1.7;color:#334155}.hp-nav__dropdown-menu{position:fixed;top:78px;left:50%;width:min(960px,calc(100vw - 32px));background:#fff;border-radius:16px;border:.5px solid rgba(0,0,0,.06);box-shadow:0 0 0 .5px #0000000a,0 28px 64px -16px #062e1e38,0 8px 24px -8px #00000014;padding:18px;z-index:1001;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;overflow:hidden}.hp-nav__dropdown-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.05fr;gap:14px;align-items:stretch}.hp-nav__dropdown-col{display:flex;flex-direction:column;gap:2px}.hp-nav__dropdown-heading{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;padding:4px 10px 8px;border-bottom:.5px solid rgba(0,0,0,.06);margin-bottom:4px}.hp-nav__dropdown-list{list-style:none;margin:0;padding:0;display:grid;gap:1px}.hp-nav__dropdown-item{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;transition:background .15s ease}.hp-nav__dropdown-item:hover{background:#faf6e9}.hp-nav__dropdown-item:hover .hp-nav__dropdown-icon{transform:scale(1.06)}.hp-nav__dropdown-icon{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:transform .15s ease}.hp-nav__dropdown-info{display:flex;flex-direction:column;flex:1;min-width:0}.hp-nav__dropdown-title{font-size:13.5px;font-weight:600;letter-spacing:-.005em;color:#1a1a1a;line-height:1.3;transition:color .15s}.hp-nav__dropdown-item:hover .hp-nav__dropdown-title{color:#006a48}.hp-nav__dropdown-desc{font-size:11.5px;color:#6b6b6b;line-height:1.4;margin-top:2px;letter-spacing:-.003em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-nav__dropdown-promo{background:radial-gradient(120% 80% at 0% 0%,#00c7be2e,#0000 60%),radial-gradient(120% 80% at 100% 100%,#52d88629,#0000 60%),#062e1e;color:#fff;border-radius:14px;padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.hp-nav__dropdown-promo-chip{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#ffffff1a;border:.5px solid rgba(255,255,255,.16);color:#d3f8e3;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hp-nav__dropdown-promo-chip svg{color:#5be39e}.hp-nav__dropdown-promo-title{font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-.015em;color:#fff;margin:0;text-wrap:balance}.hp-nav__dropdown-promo-desc{font-size:12.5px;line-height:1.55;color:#ffffffc7;margin:0}.hp-nav__dropdown-promo-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:10px;background:#fff;color:#006a48;font-size:13px;font-weight:600;letter-spacing:-.005em;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;align-self:stretch;text-align:center}.hp-nav__dropdown-promo-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px #0000004d}.hp-nav__dropdown-promo-cta svg{font-size:14px;transition:transform .15s ease}.hp-nav__dropdown-promo-cta:hover svg{transform:translate(3px)}@media(max-width:960px){.hp-nav__dropdown-menu{position:static!important;transform:none!important;width:100%;max-width:100%;box-shadow:none;border:none;border-radius:0;padding:4px 0;background:transparent;margin-top:0}.hp-nav__dropdown-grid{grid-template-columns:1fr;gap:14px}.hp-nav__dropdown-heading{color:#4a4a4a;padding:6px 16px 8px;border-bottom:.5px solid rgba(0,0,0,.08)}.hp-nav__dropdown-item{padding:10px 16px}.hp-nav__dropdown-icon,.hp-nav__dropdown-desc{display:none}.hp-nav__dropdown-title{font-size:15px;color:#1a1a1a}.hp-nav__dropdown-promo{display:none}}.hp-pricing{padding:60px 24px 100px;background:#fff}.hp-pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;align-items:start}.hp-pricing__card{padding:36px 32px;border-radius:24px;border:1px solid #f1f5f9;background:#fff;position:relative;transition:all .3s ease}.hp-pricing__card:hover{box-shadow:0 16px 48px #00000014;transform:translateY(-4px)}.hp-pricing__card--highlighted{border:2px solid #6366f1;box-shadow:0 12px 40px #6366f126;transform:scale(1.02)}.hp-pricing__card--highlighted:hover{transform:scale(1.02) translateY(-4px)}.hp-pricing__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:6px 20px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.hp-pricing__name{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:8px}.hp-pricing__price-wrapper{margin-bottom:8px}.hp-pricing__price{font-size:48px;font-weight:800;color:#0f172a;line-height:1}.hp-pricing__price-currency{font-size:24px;font-weight:700;color:#64748b;vertical-align:top}.hp-pricing__period{font-size:14px;color:#475569;margin-bottom:16px}.hp-pricing__description{font-size:16px;color:#334155;line-height:1.7;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #f1f5f9}.hp-pricing__features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px}.hp-pricing__features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#475569;line-height:1.5}.hp-pricing__features li svg{color:#22c55e;font-size:16px;flex-shrink:0;margin-top:2px}.hp-pricing__cta{width:100%;justify-content:center}.hp-pricing__employees{font-size:14px;font-weight:600;color:#6366f1;margin-bottom:16px;padding:4px 14px;background:#eef2ff;border-radius:100px;display:inline-block}.hp-pricing__billed-note{font-size:12px;color:#22c55e;font-weight:600}.hp-billing-toggle{display:inline-flex;align-items:center;gap:14px;padding:8px 24px;background:#f8fafc;border-radius:100px;border:1px solid #e2e8f0}.hp-billing-toggle__label,.hp-billing-toggle__label--active{font-size:15px;font-weight:500;color:#64748b;transition:color .2s;display:flex;align-items:center;gap:6px}.hp-billing-toggle__label--active{color:#1e293b;font-weight:700}.hp-billing-toggle__switch{position:relative;width:48px;height:28px;border-radius:100px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;padding:0;transition:background .3s}.hp-billing-toggle__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000026;transition:transform .25s ease}.hp-billing-toggle__knob--right{transform:translate(20px)}.hp-billing-toggle__save{font-size:11px;font-weight:700;color:#22c55e;background:#f0fdf4;padding:2px 8px;border-radius:100px}.hp-about-section{padding:80px 24px}.hp-about-section:nth-child(2n){background:#f8fafc}.hp-about__mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1100px;margin:0 auto}.hp-about__mission-card{padding:40px;border-radius:20px;border:1px solid #f1f5f9;background:#fff}.hp-about__mission-card h2{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:16px}.hp-about__mission-card p{font-size:16px;line-height:1.7;color:#334155}.hp-about__values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}.hp-about__value-card{padding:32px;border-radius:20px;border:1px solid #f1f5f9;background:#fff;text-align:center;transition:all .3s ease}.hp-about__value-card:hover{box-shadow:0 12px 40px #0000000f;transform:translateY(-4px)}.hp-about__value-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;color:#6366f1}.hp-about__value-card h3{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px}.hp-about__value-card p{font-size:16px;color:#334155;line-height:1.7}.hp-about__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto}.hp-about__stat-card{text-align:center;padding:32px 24px;border-radius:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.hp-about__stat-value{font-size:40px;font-weight:800;background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.hp-about__stat-label{font-size:14px;color:#cbd5e1}.hp-blog{padding:60px 24px 100px;background:#fff}.hp-blog__categories{display:flex;gap:8px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}.hp-blog__category-btn{padding:8px 20px;border-radius:100px;border:1px solid #e2e8f0;background:#fff;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s;font-family:inherit}.hp-blog__category-btn:hover{border-color:#c7d2fe;color:#6366f1}.hp-blog__category-btn--active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.hp-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.hp-blog__card{border-radius:20px;border:1px solid #f1f5f9;background:#fff;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.hp-blog__card:hover{box-shadow:0 12px 40px #0000000f;transform:translateY(-4px)}.hp-blog__card-body{padding:28px;flex:1;display:flex;flex-direction:column}.hp-blog__card-category{display:inline-block;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#6366f1;border:1px solid #e0e7ff;margin-bottom:12px;width:fit-content}.hp-blog__card-title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1.4}.hp-blog__card-title a{color:inherit;text-decoration:none;transition:color .2s}.hp-blog__card-title a:hover{color:#6366f1}.hp-blog__card-excerpt{font-size:16px;color:#334155;line-height:1.7;margin-bottom:16px;flex:1}.hp-blog__card-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:#475569;padding-top:16px;border-top:1px solid #f1f5f9}.hp-blog__card-meta span{display:flex;align-items:center;gap:4px}.hp-blog__read-more{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#6366f1;text-decoration:none;margin-top:12px;transition:gap .2s}.hp-blog__read-more:hover{gap:8px}.hp-blog-post{padding:40px 24px 100px;max-width:800px;margin:0 auto}.hp-blog-post__meta{display:flex;align-items:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.hp-blog-post__meta span{display:flex;align-items:center;gap:4px;font-size:14px;color:#64748b}.hp-blog-post h1{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:40px;font-weight:500;color:#0f172a;line-height:1.2;margin-bottom:16px}.hp-blog-post h2{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:28px;font-weight:500;color:#1e293b;margin:40px 0 16px}.hp-blog-post p{font-size:17px;line-height:1.8;color:#475569;margin-bottom:20px}.hp-blog-post ul{padding-left:0;list-style:none;margin-bottom:24px}.hp-blog-post ul li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:16px;color:#475569;line-height:1.6}.hp-blog-post ul li:before{content:"";width:6px;height:6px;border-radius:50%;background:#6366f1;flex-shrink:0;margin-top:10px}.hp-blog-post__related{margin-top:64px;padding-top:48px;border-top:1px solid #f1f5f9}.hp-blog-post__related h3{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:24px}.hp-feature-hero{padding:40px 24px 60px;background:linear-gradient(180deg,#fafbff,#fff)}.hp-feature-hero .hp-container{text-align:center;max-width:800px}.hp-feature-hero h1{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:44px;font-weight:500;color:#0f172a;line-height:1.25;margin-bottom:16px}.hp-feature-hero p{font-size:20px;color:#334155;line-height:1.7;max-width:600px;margin:0 auto 28px}.hp-feature-benefits{padding:80px 24px;background:#fff}.hp-feature-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.hp-feature-benefit-card{padding:28px 24px;border-radius:20px;border:1px solid #f1f5f9;background:#fff;text-align:center;transition:all .3s ease}.hp-feature-benefit-card:hover{box-shadow:0 12px 40px #0000000f;transform:translateY(-4px)}.hp-feature-benefit-card__icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:#6366f1}.hp-feature-benefit-card h3{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:8px}.hp-feature-benefit-card p{font-size:16px;color:#334155;line-height:1.7}.hp-feature-details{padding:80px 24px;background:#f8fafc}.hp-feature-details__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.hp-feature-detail-card{padding:32px 28px;border-radius:20px;border:1px solid #f1f5f9;background:#fff;transition:all .3s ease}.hp-feature-detail-card:hover{box-shadow:0 8px 30px #0000000d}.hp-feature-detail-card svg{font-size:24px;color:#6366f1;margin-bottom:16px}.hp-feature-detail-card h3{font-size:17px;font-weight:700;color:#1e293b;margin-bottom:8px}.hp-feature-detail-card p{font-size:16px;color:#334155;line-height:1.7}.hp-feature-related{padding:80px 24px;background:#fff}.hp-feature-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.hp-login-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:120px 24px 60px;background:linear-gradient(180deg,#f8f9fa,#eef0f3)}.hp-login-page .form-group{margin-bottom:20px;width:100%}.hp-login-page .form-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#8e8e93;margin-bottom:8px;letter-spacing:.3px;text-transform:uppercase;transition:color .2s}.hp-login-page .form-group label .input-icon{font-size:14px;color:#8e8e93;transition:color .2s}.hp-login-page .form-group:focus-within label{color:#007aff}.hp-login-page .form-group:focus-within label .input-icon{color:#007aff}.hp-login-page .input-field{width:100%;padding:14px 16px;margin-bottom:0;background:#7676800a;border:.5px solid rgba(0,0,0,.1);border-radius:10px;font-size:15px;font-weight:400;color:#1c1c1e;letter-spacing:-.24px;outline:none;transition:all .25s ease;box-sizing:border-box}.hp-login-page .input-field::placeholder{color:#c7c7cc;font-weight:400}.hp-login-page .input-field:hover{border-color:#0000002e;background:#7676800f}.hp-login-page .input-field:focus{border-color:#007aff;background:#fff;box-shadow:0 0 0 3px #007aff1f}.hp-login-page .input-field:focus::placeholder{opacity:.5}.hp-login-page .password-input-wrapper{position:relative}.hp-login-page .password-input-wrapper .input-field{padding-right:48px}.hp-login-page .password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#8e8e93;cursor:pointer;padding:6px;font-size:18px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.hp-login-page .password-toggle:hover{color:#007aff;background:#007aff14}.hp-login-page .password-toggle:active{transform:translateY(-50%) scale(.92)}.hp-login-page .forgot-password-link{color:#007aff;cursor:pointer;font-size:14px;font-weight:500;text-align:right;margin:4px 0 0;display:block;text-decoration:none;transition:opacity .2s}.hp-login-page .forgot-password-link:after{display:none}.hp-login-page .forgot-password-link:hover{opacity:.7}.hp-login-page .loginbtn{display:flex;gap:10px;margin-top:24px;width:100%}.hp-login-page .sign-in-btn{width:100%;padding:14px 24px;font-size:16px;font-weight:600;letter-spacing:-.2px;border-radius:12px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#007aff;color:#fff;transition:all .2s ease;box-shadow:0 2px 8px #007aff33}.hp-login-page .sign-in-btn:hover{background:#0066d6;box-shadow:0 4px 14px #007aff4d;transform:translateY(-1px)}.hp-login-page .sign-in-btn:active{transform:scale(.97) translateY(0);box-shadow:0 1px 4px #007aff33}.hp-login-page .sign-in-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.hp-login-page .sign-in-btn.secondary{background:#007aff14;color:#007aff;box-shadow:none}.hp-login-page .sign-in-btn.secondary:hover{background:#007aff24;box-shadow:none}.hp-login-page .login-form{max-width:100%;width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.hp-login-page .optionlogin{margin-top:20px;font-size:14px;font-weight:500;color:#007aff;cursor:pointer;text-decoration:none;transition:opacity .2s;text-align:center}.hp-login-page .optionlogin:hover{opacity:.7;color:#007aff;text-decoration:none}.hp-login-page .toast-message{margin-top:16px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.hp-login-page .toast-message.success{background:#34c7591f;color:#248a3d;border:.5px solid rgba(52,199,89,.2);box-shadow:none}.hp-login-page .toast-message.success:before{background:#34c759;color:#fff;width:20px;height:20px;min-width:20px;font-size:12px}.hp-login-page .toast-message.error{background:#ff3b301a;color:#d70015;border:.5px solid rgba(255,59,48,.2);box-shadow:none}.hp-login-page .toast-message.error:before{background:#ff3b30;color:#fff;width:20px;height:20px;min-width:20px;font-size:12px}.hp-login-page .reset-steps-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-top:20px;padding:12px 16px;background:#7676800f;border-radius:12px;border:none}.hp-login-page .reset-steps-indicator .step{width:32px;height:32px;border-radius:50%;background:#fff;color:#8e8e93;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:1.5px solid rgba(0,0,0,.1);z-index:1;transition:all .3s ease;box-shadow:0 1px 3px #0000000f}.hp-login-page .reset-steps-indicator .step.active{background:#007aff;color:#fff;border-color:#007aff;transform:scale(1.1);box-shadow:0 2px 8px #007aff4d}.hp-login-page .reset-steps-indicator .step-line{width:48px;height:3px;background:#0000000f;border-radius:2px;position:relative;overflow:hidden;margin:0 -1px}.hp-login-page .reset-steps-indicator .step-line:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:#007aff;transition:width .4s ease;border-radius:2px}.hp-login-page .reset-steps-indicator .step.active+.step-line:after,.hp-login-page .reset-steps-indicator .step-line.filled:after{width:100%}.hp-login-page .password-strength{margin-top:10px;display:flex;gap:8px;align-items:center;padding:8px 12px;background:#7676800f;border-radius:8px;border:none}.hp-login-page .password-strength-bar{flex:1;height:4px;background:#0000000f;border-radius:2px;overflow:hidden;box-shadow:none}.hp-login-page .password-strength-fill{height:100%;border-radius:2px;transition:all .3s ease}.hp-login-page .password-strength-fill.weak{width:33%;background:#ff3b30;box-shadow:none}.hp-login-page .password-strength-fill.medium{width:66%;background:#ff9500;box-shadow:none}.hp-login-page .password-strength-fill.strong{width:100%;background:#34c759;box-shadow:none}.hp-login-page .password-strength-text{font-size:11px;font-weight:600;min-width:50px;text-align:right;text-transform:uppercase;letter-spacing:.3px}.hp-login-page .password-strength-text.weak{color:#ff3b30}.hp-login-page .password-strength-text.medium{color:#ff9500}.hp-login-page .password-strength-text.strong{color:#34c759}.hp-login-page .btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:8px}.hp-login-page .sign-in-btn.secondary .btn-spinner{border-color:#007aff40;border-top-color:#007aff}@media(max-width:1024px){.hp-pricing__grid{grid-template-columns:1fr;max-width:500px}.hp-pricing__card--highlighted{transform:none}.hp-pricing__card--highlighted:hover{transform:translateY(-4px)}.hp-about__mission-grid{grid-template-columns:1fr}.hp-about__values-grid,.hp-about__stats-grid,.hp-feature-benefits__grid,.hp-feature-details__grid{grid-template-columns:repeat(2,1fr)}.hp-feature-related__grid{grid-template-columns:1fr;max-width:400px}}@media(max-width:768px){.hp-nav__item:hover .hp-nav__dropdown{position:static;box-shadow:none;border:none;padding:0 0 0 16px;opacity:1;visibility:visible;transform:none;background:none}.hp-nav__dropdown a{color:#cbd5e1!important;padding:8px 0}.hp-nav__dropdown a:hover{background:none!important;color:#e2e8f0!important}.hp-breadcrumbs{padding:80px 24px 0}.hp-feature-hero h1{font-size:32px}.hp-feature-benefits__grid,.hp-feature-details__grid,.hp-blog__grid{grid-template-columns:1fr}.hp-blog-post h1{font-size:30px}.hp-blog-post h2{font-size:22px}.hp-about__values-grid{grid-template-columns:1fr}.hp-about__stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hp-pricing__card{padding:28px 20px}.hp-about__stats-grid{grid-template-columns:1fr}}.fp-benefits{padding:80px 24px;background:#fff}.fp-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1280px;margin:0 auto}.fp-benefit-card{text-align:center;padding:36px 24px;background:#fafbff;border-radius:20px;border:1px solid #f1f5f9;transition:all .3s ease}.fp-benefit-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #6366f11a;border-color:#c7d2fe}.fp-benefit-card__icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 20px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#6366f1}.fp-benefit-card h3{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:10px}.fp-benefit-card p{font-size:16px;line-height:1.7;color:#334155}.fp-details{padding:80px 24px;background:linear-gradient(180deg,#f8fafc,#fff)}.fp-details__container{max-width:1280px;margin:0 auto}.fp-details__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.fp-detail-card{padding:32px 28px;background:#fff;border-radius:18px;border:1px solid #f1f5f9;transition:all .3s ease}.fp-detail-card:hover{border-color:transparent;box-shadow:0 12px 40px #0000000f;transform:translateY(-4px)}.fp-detail-card__icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#6366f1}.fp-detail-card h3{font-size:17px;font-weight:700;color:#1e293b;margin-bottom:10px}.fp-detail-card p{font-size:16px;line-height:1.7;color:#334155}.fp-related{padding:80px 24px;background:#fff}.fp-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1280px;margin:0 auto}.fp-reports-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1280px;margin:0 auto}.fp-report-item{display:flex;align-items:center;gap:12px;padding:20px;background:#fff;border-radius:14px;border:1px solid #f1f5f9;transition:all .3s ease}.fp-report-item:hover{border-color:#c7d2fe;box-shadow:0 8px 24px #6366f114;transform:translateY(-2px)}.fp-report-item__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#6366f1;flex-shrink:0}.fp-report-item span{font-size:14px;font-weight:600;color:#1e293b}.fp-features-overview{padding:80px 24px;background:#fff}.fp-features-overview__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1280px;margin:0 auto}.fp-benefit-card--emerald .fp-benefit-card__icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#10b981}.fp-benefit-card--blue .fp-benefit-card__icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.fp-benefit-card--violet .fp-benefit-card__icon{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#8b5cf6}.fp-benefit-card--amber .fp-benefit-card__icon{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#f59e0b}.fp-benefit-card--rose .fp-benefit-card__icon{background:linear-gradient(135deg,#fff1f2,#fce7f3);color:#f43f5e}.fp-benefit-card--cyan .fp-benefit-card__icon{background:linear-gradient(135deg,#ecfeff,#cffafe);color:#06b6d4}.fp-benefit-card--teal .fp-benefit-card__icon{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);color:#14b8a6}.fp-benefit-card--indigo .fp-benefit-card__icon{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#6366f1}.fp-benefit-card--sky .fp-benefit-card__icon{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0ea5e9}.fp-detail-card--emerald .fp-detail-card__icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#10b981}.fp-detail-card--blue .fp-detail-card__icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.fp-detail-card--violet .fp-detail-card__icon{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#8b5cf6}.fp-detail-card--amber .fp-detail-card__icon{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#f59e0b}.fp-detail-card--rose .fp-detail-card__icon{background:linear-gradient(135deg,#fff1f2,#fce7f3);color:#f43f5e}.fp-detail-card--cyan .fp-detail-card__icon{background:linear-gradient(135deg,#ecfeff,#cffafe);color:#06b6d4}.fp-detail-card--teal .fp-detail-card__icon{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);color:#14b8a6}.fp-detail-card--indigo .fp-detail-card__icon{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#6366f1}.fp-detail-card--sky .fp-detail-card__icon{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0ea5e9}@media(max-width:1024px){.fp-benefits__grid,.fp-details__grid{grid-template-columns:repeat(2,1fr)}.fp-features-overview__grid,.fp-reports-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.fp-benefits__grid{grid-template-columns:1fr;gap:16px}.fp-details__grid,.fp-related__grid{grid-template-columns:1fr}.fp-features-overview__grid{grid-template-columns:repeat(2,1fr);gap:14px}.fp-reports-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.fp-features-overview__grid,.fp-reports-grid{grid-template-columns:1fr}}:root{--tz-green: #00875A;--tz-green-deep: #006A48;--tz-green-soft: #5be39e;--tz-green-tint: rgba(0, 135, 90, .08);--tz-hero-dark: #062e1e;--tz-marigold: #E0A93A;--tz-marigold-deep: #B8862A;--tz-marigold-tint: rgba(224, 169, 58, .12);--tz-cream-em: #FFE48A;--tz-blue: #007aff;--tz-blue-soft: #5ac8fa;--tz-blue-tint: rgba(0, 122, 255, .08);--tz-mint: #00897b;--tz-status-success: #006A48;--tz-status-success-tint: rgba(0, 135, 90, .12);--tz-status-warning: #F59E0B;--tz-status-warning-text: #92400E;--tz-status-warning-tint: rgba(245, 158, 11, .16);--tz-status-error: #D92D20;--tz-status-error-text: #B42318;--tz-status-error-tint: rgba(217, 45, 32, .12);--tz-status-info: #007aff;--tz-status-info-tint: rgba(0, 122, 255, .12);--tz-canvas: #FBF7F0;--tz-paper: #ffffff;--tz-soft: rgba(60, 60, 67, .06);--tz-softer: rgba(60, 60, 67, .04);--tz-rule: rgba(0, 0, 0, .06);--tz-rule-strong:rgba(0, 0, 0, .1);--tz-text: #1a1a1a;--tz-text-soft: #4a4a4a;--tz-text-muted: #8a8a8a;--tz-text-light: #c7c7cc;--grad-brand: linear-gradient(135deg, #00875A 0%, #006A48 100%);--grad-marigold: linear-gradient(135deg, #E0A93A 0%, #B8862A 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .03);--shadow-md: 0 4px 14px rgba(0, 0, 0, .06), 0 12px 28px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .07), 0 24px 60px rgba(0, 0, 0, .05);--shadow-green: 0 10px 28px -8px rgba(0, 135, 90, .32);--shadow-blue: 0 10px 28px -8px rgba(0, 122, 255, .32);--shadow-marigold: 0 8px 22px -8px rgba(224, 169, 58, .35);--tz-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--tz-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--tz-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--ease-ios: cubic-bezier(.32, .72, 0, 1)}.tz{background:var(--tz-paper);color:var(--tz-text);font-family:var(--tz-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.tz *::selection{background:#00875a2e;color:var(--tz-text)}.tz-container{max-width:1240px;margin:0 auto;padding:0 28px}.tz-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--tz-green-deep);background:var(--tz-green-tint);border:.5px solid rgba(0,135,90,.18)}.tz-eyebrow--blue{color:var(--tz-blue);background:var(--tz-blue-tint);border-color:#007aff29}.tz-eyebrow--neutral{color:var(--tz-text-soft);background:var(--tz-soft);border-color:#0000000d}.tz-eyebrow span.tz-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tz-em{font-family:var(--tz-serif);font-style:italic;font-weight:400;color:var(--tz-green-deep);letter-spacing:-.005em}.tz-em--blue{color:var(--tz-blue)}.tz-em--orange{color:var(--tz-orange)}.tz-lead{font-size:clamp(17px,1.3vw,20px);line-height:1.55;color:var(--tz-text-soft);letter-spacing:-.01em}.tz-body{font-size:15px;line-height:1.65;color:var(--tz-text-soft);letter-spacing:-.005em}.tz-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em;border:none;border-radius:12px;cursor:pointer;transition:transform .25s var(--ease-ios),box-shadow .25s var(--ease-ios),background .25s var(--ease-ios),color .25s var(--ease-ios);text-decoration:none;white-space:nowrap}.tz-btn--brand{background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-green)}.tz-btn--brand:hover{transform:translateY(-2px);box-shadow:0 14px 36px -8px #00875a66}.tz-btn--brand:active{transform:translateY(0)}.tz-btn--green{background:var(--tz-green);color:#fff;box-shadow:var(--shadow-green)}.tz-btn--green:hover{background:var(--tz-green-deep);transform:translateY(-2px)}.tz-btn--green:active{transform:translateY(0)}.tz-btn--blue{background:var(--tz-blue);color:#fff;box-shadow:var(--shadow-blue)}.tz-btn--blue:hover{background:#0066d6;transform:translateY(-2px)}.tz-btn--ghost{background:var(--tz-soft);color:var(--tz-text);border:.5px solid var(--tz-rule)}.tz-btn--ghost:hover{background:#3c3c431f}.tz-btn-arrow{transition:transform .25s var(--ease-ios)}.tz-btn:hover .tz-btn-arrow{transform:translate(3px)}.tz-btn:focus-visible{outline:3px solid rgba(0,135,90,.4);outline-offset:3px}.tz-hero{position:relative;padding:140px 0 80px;background:radial-gradient(ellipse 70% 50% at 18% 8%,rgba(0,199,190,.18),transparent 60%),radial-gradient(ellipse 60% 55% at 88% 6%,rgba(82,216,134,.14),transparent 60%),radial-gradient(ellipse 90% 60% at 50% 100%,rgba(0,135,90,.15),transparent 70%),#062e1e;color:#e8f3ec;overflow:hidden;border-bottom:none}.tz-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 25%,transparent 75%);pointer-events:none;z-index:0}.tz-hero:after{content:"";position:absolute;top:10%;right:-160px;width:420px;height:420px;background:radial-gradient(circle,rgba(82,216,134,.25),transparent 70%);filter:blur(50px);pointer-events:none;z-index:0}.tz-hero .tz-eyebrow{color:#b8f0c9;background:#52d8861f;border-color:#52d88640}.tz-hero .tz-em{color:var(--tz-cream-em)}.tz-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;padding:24px 0 32px}.tz-hero__copy{max-width:600px;text-align:left}.tz-hero__rating{display:inline-flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.tz-hero__rating-stars{display:inline-flex;gap:2px;color:var(--tz-marigold)}.tz-hero__rating-stars svg{fill:currentColor}.tz-hero__rating-text{font-size:13px;color:#e8f3ecbf;letter-spacing:-.005em}.tz-hero__rating-text strong{color:#f3faf5;font-weight:700}.tz-hero__title{font-family:var(--tz-sans);font-weight:800;font-size:clamp(30px,3.4vw,46px);line-height:1.08;letter-spacing:-.025em;margin:0;color:#fff;text-wrap:balance}.tz-hero__sub{margin:20px 0 0;font-size:clamp(14px,1vw,17px);line-height:1.55;color:#e8f3ecc7;max-width:54ch;letter-spacing:-.005em;font-weight:400}.tz-hero__ctas{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tz-hero .tz-btn--ghost{background:#ffffff14;color:#f3faf5;border:.5px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tz-hero .tz-btn--ghost:hover{background:#ffffff24;border-color:#ffffff52}.tz-hero__trust{margin-top:22px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}.tz-hero__trust-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#e8f3ecb3;letter-spacing:-.005em}.tz-hero__trust-pill svg{color:#52d886;flex-shrink:0}.tz-hero__visual{position:relative;display:flex;align-items:center;justify-content:center}.tz-hero__visual:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(82,216,134,.28) 0%,rgba(0,199,190,.14) 45%,transparent 72%);filter:blur(28px);pointer-events:none;z-index:0}.tz-hero__dashcard{background:#fff;border-radius:14px;border:.5px solid rgba(255,255,255,.35);box-shadow:0 0 0 .5px #0000000a,0 50px 120px -20px #0000008c,0 0 100px -20px #52d8864d;overflow:hidden;position:relative;z-index:1;width:100%;max-width:720px}.tz-hero__dashcard-head{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:.5px solid var(--tz-rule);background:var(--tz-canvas)}.tz-hero__dashcard-dots{display:flex;gap:6px}.tz-hero__dashcard-dots span{width:10px;height:10px;border-radius:50%}.tz-hero__dashcard-dots span:nth-child(1){background:#ff5f57}.tz-hero__dashcard-dots span:nth-child(2){background:#febc2e}.tz-hero__dashcard-dots span:nth-child(3){background:#28c840}.tz-hero__dashcard-url{flex:1;text-align:center;font-family:var(--tz-mono);font-size:11px;letter-spacing:.04em;color:var(--tz-text-muted);background:#fff;border:.5px solid var(--tz-rule);border-radius:6px;padding:4px 10px}.tz-hero__dashcard-body{padding:14px;display:grid;gap:10px;background:#fafbfc}.tz-dash-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:.5px solid var(--tz-rule);border-left:3px solid var(--tz-orange);border-radius:10px;padding:10px 12px}.tz-dash-alert__left{display:flex;align-items:center;gap:10px;min-width:0}.tz-dash-alert__icon{width:24px;height:24px;border-radius:7px;background:#ff95001f;color:var(--tz-orange);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tz-dash-alert__copy{min-width:0;display:flex;flex-direction:column;gap:4px}.tz-dash-alert__copy strong{font-size:11.5px;font-weight:700;color:var(--tz-text);letter-spacing:-.005em}.tz-dash-alert__chips{display:flex;gap:8px;flex-wrap:wrap}.tz-dash-alert__chips span{font-size:10px;color:var(--tz-text-muted);letter-spacing:-.005em}.tz-dash-alert__chips b{color:var(--tz-flame);font-weight:700;margin-right:3px}.tz-dash-alert__right{display:flex;gap:6px;flex-shrink:0}.tz-dash-pill{display:flex;flex-direction:column;align-items:center;padding:4px 10px;border-radius:8px;line-height:1}.tz-dash-pill b{font-size:12px;font-weight:800;letter-spacing:-.01em}.tz-dash-pill small{font-size:8px;font-weight:700;letter-spacing:.05em;margin-top:2px}.tz-dash-pill--green{background:#00875a1f;color:var(--tz-green-deep)}.tz-dash-pill--blue{background:#007aff1a;color:var(--tz-blue)}.tz-dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tz-dash-kpi{background:#fff;border:.5px solid var(--tz-rule);border-radius:10px;padding:9px 10px 8px;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden}.tz-dash-kpi__row{display:flex;align-items:center;justify-content:space-between}.tz-dash-kpi__icon{width:22px;height:22px;border-radius:6px;background:var(--tz-green-tint);color:var(--tz-green-deep);display:flex;align-items:center;justify-content:center}.tz-dash-kpi__trend{font-family:var(--tz-mono);font-size:9px;font-weight:600;letter-spacing:.02em}.tz-dash-kpi__trend.is-up{color:var(--tz-green-deep)}.tz-dash-kpi__trend.is-down{color:var(--tz-flame)}.tz-dash-kpi__lbl{font-size:8.5px;font-weight:700;color:var(--tz-text-muted);letter-spacing:.08em;margin-top:4px}.tz-dash-kpi__val{font-size:20px;font-weight:800;color:var(--tz-text);letter-spacing:-.025em;line-height:1.05}.tz-dash-kpi__sub{font-size:9px;color:var(--tz-text-muted);letter-spacing:-.005em}.tz-dash-kpi__spark{display:block;width:100%;height:14px;margin-top:4px}.tz-dash-bottom{display:grid;grid-template-columns:1.05fr 1fr;gap:8px}.tz-dash-panel{background:#fff;border:.5px solid var(--tz-rule);border-radius:10px;padding:10px 12px}.tz-dash-panel__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:.5px solid var(--tz-rule);margin-bottom:10px;font-size:11px;font-weight:700;color:var(--tz-text);letter-spacing:-.005em}.tz-dash-panel__head>span:first-child{display:inline-flex;align-items:center;gap:6px}.tz-dash-panel__link{font-size:10px;color:var(--tz-blue);font-weight:600;letter-spacing:-.005em}.tz-dash-panel__badge{font-size:10px;font-weight:700;color:var(--tz-flame);background:#ff57331a;padding:2px 8px;border-radius:999px}.tz-dash-att{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:center}.tz-dash-donut{position:relative;width:80px;height:80px}.tz-dash-donut svg{width:100%;height:100%}.tz-dash-donut__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.tz-dash-donut__center strong{font-size:16px;font-weight:800;color:var(--tz-text);letter-spacing:-.02em;line-height:1}.tz-dash-donut__center small{font-size:8px;font-weight:700;color:var(--tz-text-muted);letter-spacing:.08em;margin-top:2px}.tz-dash-branches{display:flex;flex-direction:column;gap:6px;min-width:0}.tz-dash-branch{display:flex;flex-direction:column;gap:3px}.tz-dash-branch__row{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;color:var(--tz-text);font-weight:600;letter-spacing:-.005em}.tz-dash-branch__val{font-family:var(--tz-mono);color:var(--tz-text-muted);font-size:9.5px;font-weight:500}.tz-dash-branch__bar{height:3px;background:var(--tz-soft);border-radius:999px;overflow:hidden}.tz-dash-branch__fill{height:100%;background:var(--tz-green);border-radius:999px}.tz-dash-actions{display:flex;flex-direction:column;gap:4px}.tz-dash-action{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;font-size:11px;transition:background .2s ease}.tz-dash-action:hover{background:var(--tz-soft)}.tz-dash-action__icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tz-dash-action__lbl{color:var(--tz-text);font-weight:500;letter-spacing:-.005em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tz-dash-action__v{font-family:var(--tz-mono);font-size:11px;font-weight:700;color:var(--tz-text)}.tz-hero__stat{background:#fff;border-radius:12px;padding:13px 14px;border:.5px solid var(--tz-rule)}.tz-hero__stat-row{display:flex;align-items:center;justify-content:space-between}.tz-hero__stat-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--tz-stat-color, var(--tz-green-deep));background:var(--tz-stat-bg, var(--tz-green-tint))}.tz-hero__stat-trend{font-family:var(--tz-mono);font-size:10px;font-weight:600;color:var(--tz-green-deep)}.tz-hero__stat-val{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:10px;color:var(--tz-text);line-height:1.05}.tz-hero__stat-lbl{font-size:11px;color:var(--tz-text-muted);margin-top:2px;letter-spacing:-.005em}.tz-hero__feed{background:#fff;border-radius:12px;padding:14px 16px;border:.5px solid var(--tz-rule)}.tz-hero__feed-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:.5px solid var(--tz-rule)}.tz-hero__feed-title{font-size:13px;font-weight:700;color:var(--tz-text)}.tz-hero__feed-live{display:inline-flex;align-items:center;gap:6px;font-family:var(--tz-mono);font-size:10px;font-weight:600;color:var(--tz-green-deep);letter-spacing:.06em;text-transform:uppercase}.tz-hero__feed-live .tz-dot{width:7px;height:7px;border-radius:50%;background:var(--tz-green);animation:tz-pulse 1.8s infinite}@keyframes tz-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.tz-hero__feed-row{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:.5px solid var(--tz-rule);font-size:13px}.tz-hero__feed-row:last-child{border-bottom:none}.tz-hero__feed-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:11px}.tz-hero__feed-name{font-weight:600;color:var(--tz-text);letter-spacing:-.005em}.tz-hero__feed-time{font-family:var(--tz-mono);font-size:11px;color:var(--tz-text-muted)}.tz-hero__feed-chip{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px}.tz-hero__feed-chip--in{background:var(--tz-green-tint);color:var(--tz-green-deep)}.tz-hero__feed-chip--late{background:#ff57331f;color:var(--tz-flame)}.tz-hero__feed-chip--ot{background:var(--tz-blue-tint);color:var(--tz-blue)}.tz-hero__chip{position:absolute;background:#fff;border-radius:999px;padding:8px 14px 8px 10px;border:.5px solid rgba(255,255,255,.5);box-shadow:0 0 0 .5px #0000000a,0 12px 28px -8px #00000059,0 0 24px -8px #52d88640;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--tz-text);letter-spacing:-.005em;white-space:nowrap;z-index:2}.tz-hero__chip-dot{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.tz-hero__chip-val{font-weight:700;color:var(--tz-text)}.tz-hero__chip-lbl{color:var(--tz-text-soft);font-weight:500}.tz-hero__chip--tl{top:6%;left:-8%;animation:tz-floatA 6.5s ease-in-out infinite}.tz-hero__chip--tr{top:14%;right:-10%;animation:tz-floatB 7s ease-in-out infinite}.tz-hero__chip--ml{top:48%;left:-14%;animation:tz-floatA 7.5s ease-in-out infinite reverse}.tz-hero__chip--mr{top:52%;right:-12%;animation:tz-floatB 6s ease-in-out infinite}.tz-hero__chip--bl{bottom:10%;left:-6%;animation:tz-floatA 7s ease-in-out infinite reverse}.tz-hero__chip--br{bottom:6%;right:-8%;animation:tz-floatB 8s ease-in-out infinite reverse}@keyframes tz-floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes tz-floatB{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.tz-hero__logos{position:relative;z-index:1;margin-top:32px;padding:36px 0 0;border-top:.5px solid rgba(255,255,255,.1)}.tz-hero__logos-lbl{text-align:center;font-size:13px;color:#e8f3ec8c;margin-bottom:22px;letter-spacing:-.005em}.tz-hero__logos-lbl strong{color:#e8f3ecd9;font-weight:700}.tz-hero__logos-track{display:flex;justify-content:space-around;align-items:center;gap:40px;flex-wrap:wrap;opacity:.55}.tz-hero__logos-track span{font-size:18px;font-weight:700;color:#e8f3ecb3;letter-spacing:-.02em}.tz-band{background:var(--tz-canvas);padding:100px 0;border-top:.5px solid var(--tz-rule);border-bottom:.5px solid var(--tz-rule)}.tz-band-head{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:48px}.tz-band-head h2{font-size:clamp(30px,3.6vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--tz-text);text-wrap:balance}.tz-band-head p{font-size:16px;color:var(--tz-text-soft);line-height:1.55;max-width:42ch;letter-spacing:-.005em}.tz-band__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tz-band__cell{background:#fff;border-radius:16px;padding:26px 24px;border:.5px solid var(--tz-rule);transition:transform .35s var(--ease-ios),box-shadow .35s var(--ease-ios),border-color .35s var(--ease-ios)}.tz-band__cell:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--tz-rule-strong)}.tz-band__cell-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--tz-cell-bg, rgba(0,122,255,.1));color:var(--tz-cell-color, var(--tz-blue));margin-bottom:18px}.tz-band__cell-val{font-size:clamp(38px,4.2vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--tz-text)}.tz-band__cell-val em{font-family:var(--tz-serif);font-style:italic;font-weight:400;color:var(--tz-cell-color, var(--tz-blue))}.tz-band__cell-lbl{font-size:14px;color:var(--tz-text-soft);margin-top:12px;line-height:1.45;letter-spacing:-.005em}.tz-feature{padding:120px 0;background:var(--tz-paper)}.tz-feature--alt{background:var(--tz-canvas)}.tz-feature__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:80px;align-items:center}.tz-feature--reverse .tz-feature__row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.tz-feature--reverse .tz-feature__visual{order:-1}.tz-feature__copy{max-width:600px}.tz-feature__title{font-family:var(--tz-sans);font-weight:700;font-size:clamp(34px,4.2vw,54px);line-height:1.05;letter-spacing:-.03em;margin:22px 0 24px;text-wrap:balance}.tz-feature__title .tz-em{font-size:1.05em;line-height:.95;display:inline-block}.tz-feature__lead{font-size:clamp(16px,1.15vw,18px);line-height:1.6;color:var(--tz-text-soft);margin-bottom:32px;letter-spacing:-.01em}.tz-feature__list{list-style:none;padding:0;margin:0 0 36px;display:grid;gap:4px}.tz-feature__list li{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:16px 18px;background:transparent;border-radius:12px;align-items:start;transition:background .25s var(--ease-ios)}.tz-feature__list li:hover{background:var(--tz-soft)}.tz-feature__num{width:28px;height:28px;border-radius:8px;background:var(--tz-green-tint);color:var(--tz-green-deep);display:flex;align-items:center;justify-content:center;font-family:var(--tz-mono);font-size:11px;font-weight:700;margin-top:2px}.tz-feature--payroll .tz-feature__num{background:var(--tz-blue-tint);color:var(--tz-blue)}.tz-feature__item-title{font-family:var(--tz-sans);font-weight:700;font-size:16px;color:var(--tz-text);margin:0 0 4px;letter-spacing:-.01em}.tz-feature__item-desc{font-size:14px;line-height:1.5;color:var(--tz-text-soft);margin:0;letter-spacing:-.005em}.tz-att-card{background:#fff;border:.5px solid var(--tz-rule);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg)}.tz-att-card__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:.5px solid var(--tz-rule);margin-bottom:18px}.tz-att-card__title{font-size:14px;font-weight:700;color:var(--tz-text);letter-spacing:-.01em}.tz-att-card__date{font-family:var(--tz-mono);font-size:11px;color:var(--tz-text-muted);letter-spacing:.04em}.tz-att-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.tz-att-card__stat{background:var(--tz-canvas);border-radius:12px;padding:14px 16px;border:.5px solid var(--tz-rule)}.tz-att-card__stat-val{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1}.tz-att-card__stat-lbl{font-size:12px;color:var(--tz-text-muted);margin-top:6px;letter-spacing:-.005em}.tz-att-card__stat-trend{display:inline-flex;align-items:center;gap:3px;font-family:var(--tz-mono);font-size:10px;font-weight:600;color:var(--tz-green-deep);margin-top:4px}.tz-att-card__log{background:var(--tz-canvas);border-radius:12px;border:.5px solid var(--tz-rule);overflow:hidden}.tz-att-card__log-row{display:grid;grid-template-columns:56px 1fr auto auto;gap:14px;align-items:center;padding:11px 16px;border-bottom:.5px solid var(--tz-rule);font-size:13px;background:#fff}.tz-att-card__log-row:last-child{border-bottom:none}.tz-att-card__log-time{font-family:var(--tz-mono);font-size:11px;color:var(--tz-text-muted);letter-spacing:.04em}.tz-att-card__log-name{color:var(--tz-text);font-weight:600;letter-spacing:-.005em}.tz-att-card__log-loc{font-size:11px;color:var(--tz-text-muted);letter-spacing:-.005em}.tz-att-card__log-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px}.tz-att-card__log-status--in{background:var(--tz-green-tint);color:var(--tz-green-deep)}.tz-att-card__log-status--out{background:var(--tz-blue-tint);color:var(--tz-blue)}.tz-att-card__log-status--late{background:#ff57331f;color:var(--tz-flame)}.tz-pay-card{background:#fff;border:.5px solid var(--tz-rule);border-radius:18px;padding:28px 30px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.tz-pay-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tz-green)}.tz-pay-card__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:.5px solid var(--tz-rule)}.tz-pay-card__brand{display:flex;align-items:center;gap:12px}.tz-pay-card__brand-icon{width:36px;height:36px;border-radius:10px;background:var(--tz-green-tint);color:var(--tz-green-deep);display:flex;align-items:center;justify-content:center}.tz-pay-card__brand-text{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--tz-text)}.tz-pay-card__brand-text small{display:block;font-family:var(--tz-mono);font-size:11px;font-weight:500;color:var(--tz-text-muted);margin-top:2px;letter-spacing:.04em}.tz-pay-card__period{font-family:var(--tz-mono);font-size:11px;color:var(--tz-text-muted);letter-spacing:.06em}.tz-pay-card__big{text-align:center;padding:24px 0}.tz-pay-card__big-lbl{font-size:12px;font-weight:600;color:var(--tz-text-muted);letter-spacing:.04em;text-transform:uppercase}.tz-pay-card__big-val{font-family:var(--tz-sans);font-weight:800;font-size:clamp(44px,5.5vw,64px);letter-spacing:-.04em;line-height:1;margin-top:10px;color:var(--tz-green-deep)}.tz-pay-card__big-val em{font-family:var(--tz-serif);font-style:italic;font-weight:400;color:var(--tz-green-deep)}.tz-pay-card__big-meta{font-family:var(--tz-mono);font-size:11px;color:var(--tz-text-muted);margin-top:10px;letter-spacing:.04em}.tz-pay-card__breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:var(--tz-canvas);border-radius:12px;padding:4px;border:.5px solid var(--tz-rule)}.tz-pay-card__break{padding:11px 14px;display:flex;justify-content:space-between;align-items:baseline;background:#fff;border-radius:8px;margin:2px}.tz-pay-card__break-lbl{font-size:12px;font-weight:600;color:var(--tz-text-muted);letter-spacing:-.005em}.tz-pay-card__break-val{font-family:var(--tz-mono);font-size:13px;font-weight:600;color:var(--tz-text)}.tz-pay-card__break-val--neg{color:var(--tz-flame)}.tz-pay-card__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tz-pay-card__chip{font-size:11px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--tz-soft);color:var(--tz-text-soft);display:inline-flex;align-items:center;gap:5px;letter-spacing:-.005em}.tz-pay-card__chip--on{background:var(--tz-green-tint);color:var(--tz-green-deep)}.tz-pay-card__chip--on svg{width:12px;height:12px}.tz-else{padding:120px 0;background:var(--tz-paper);border-top:.5px solid var(--tz-rule)}.tz-else__head{text-align:center;margin:0 auto 56px;max-width:720px}.tz-else__head h2{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-top:18px;text-wrap:balance}.tz-else__head p{font-size:17px;color:var(--tz-text-soft);line-height:1.55;max-width:56ch;margin:20px auto 0;letter-spacing:-.005em}.tz-else__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.tz-else__card{background:#fff;border:.5px solid var(--tz-rule);border-radius:16px;padding:26px 24px 22px;text-decoration:none;color:var(--tz-text);display:flex;flex-direction:column;gap:14px;transition:transform .35s var(--ease-ios),box-shadow .35s var(--ease-ios),border-color .35s var(--ease-ios);min-height:220px}.tz-else__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--tz-rule-strong)}.tz-else__card--wide{grid-column:span 6}.tz-else__card--reg{grid-column:span 4}.tz-else__card--tall{grid-column:span 4;grid-row:span 2;min-height:460px}.tz-else__card--full{grid-column:span 8}.tz-else__icon{width:44px;height:44px;border-radius:12px;background:var(--tz-icon-bg, var(--tz-green-tint));color:var(--tz-icon-color, var(--tz-green-deep));display:flex;align-items:center;justify-content:center}.tz-else__card-title{font-family:var(--tz-sans);font-weight:700;font-size:clamp(20px,1.7vw,24px);line-height:1.15;letter-spacing:-.02em}.tz-else__card-title em{font-family:var(--tz-serif);font-style:italic;font-weight:400;color:var(--tz-green-deep)}.tz-else__card-desc{font-size:14px;color:var(--tz-text-soft);line-height:1.55;margin-top:auto;max-width:38ch;letter-spacing:-.005em}.tz-else__card-arrow{font-size:13px;font-weight:600;color:var(--tz-green-deep);display:inline-flex;align-items:center;gap:6px;margin-top:8px;letter-spacing:-.005em;transition:gap .25s var(--ease-ios)}.tz-else__card:hover .tz-else__card-arrow{gap:10px}.tz-else__tall-extra{margin-top:18px;padding-top:18px;border-top:.5px solid var(--tz-rule);display:grid;gap:8px}.tz-else__tall-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--tz-canvas);border-radius:10px;font-size:13px;border:.5px solid var(--tz-rule)}.tz-else__tall-row strong{font-weight:700;color:var(--tz-text);letter-spacing:-.005em}.tz-else__tall-row span{font-family:var(--tz-mono);font-size:11px;color:var(--tz-green-deep);font-weight:700}.tz-feat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tz-feat__card{background:#fff;border:.5px solid var(--tz-rule);border-radius:16px;padding:0;text-align:center;transition:transform .35s var(--ease-ios),box-shadow .35s var(--ease-ios),border-color .35s var(--ease-ios)}.tz-feat__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#00875a40}.tz-feat__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;padding:28px 22px 26px;gap:14px;height:100%}.tz-feat__icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px -8px #0000002e}.tz-feat__title{font-family:var(--tz-sans);font-weight:700;font-size:16px;line-height:1.25;letter-spacing:-.015em;color:var(--tz-text);margin:0}.tz-feat__desc{font-size:13px;line-height:1.55;color:var(--tz-text-soft);margin:0;letter-spacing:-.005em}.tz-how{padding:120px 0;background:var(--tz-canvas);border-top:.5px solid var(--tz-rule);border-bottom:.5px solid var(--tz-rule)}.tz-how__head{text-align:center;max-width:720px;margin:0 auto 64px}.tz-how__head h2{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-top:18px;text-wrap:balance}.tz-how__head p{font-size:17px;color:var(--tz-text-soft);line-height:1.55;max-width:60ch;margin:20px auto 0;letter-spacing:-.005em}.tz-how__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}.tz-how__steps:before{content:"";position:absolute;top:44px;left:16%;right:16%;height:1px;background:var(--tz-rule-strong);z-index:0}.tz-how__step{background:var(--tz-paper);border-radius:16px;padding:24px;border:.5px solid var(--tz-rule);box-shadow:var(--shadow-sm);position:relative;z-index:1;transition:transform .35s var(--ease-ios),box-shadow .35s var(--ease-ios)}.tz-how__step:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.tz-how__step-num{width:64px;height:64px;margin:-48px auto 16px;border-radius:20px;background:var(--tz-green);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--tz-sans);font-weight:800;font-size:22px;letter-spacing:-.02em;border:4px solid #fff;box-shadow:var(--shadow-green)}.tz-how__step:nth-child(2) .tz-how__step-num{background:var(--tz-blue);box-shadow:var(--shadow-blue)}.tz-how__step:nth-child(3) .tz-how__step-num{background:var(--tz-orange);box-shadow:0 10px 28px -8px #ff950052}.tz-how__step-clock{display:inline-flex;align-items:center;gap:8px;font-family:var(--tz-mono);font-size:11px;font-weight:600;color:var(--tz-green-deep);letter-spacing:.04em;background:var(--tz-green-tint);padding:5px 12px;border-radius:999px;margin:0 auto 16px;width:fit-content}.tz-how__step:nth-child(2) .tz-how__step-clock{color:var(--tz-blue);background:var(--tz-blue-tint)}.tz-how__step:nth-child(3) .tz-how__step-clock{color:var(--tz-orange);background:#ff95001a}.tz-how__step-title{font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:8px 0 12px;text-align:center}.tz-how__step-title em{font-family:var(--tz-serif);font-style:italic;font-weight:400;color:var(--tz-green-deep)}.tz-how__step:nth-child(2) .tz-how__step-title em{color:var(--tz-blue)}.tz-how__step:nth-child(3) .tz-how__step-title em{color:var(--tz-orange)}.tz-how__step-desc{font-size:14px;line-height:1.55;color:var(--tz-text-soft);text-align:center;letter-spacing:-.005em}.tz-how__step ul{list-style:none;padding:0;margin:18px 0 0}.tz-how__step ul li{font-size:13px;color:var(--tz-text-soft);padding:8px 12px;border-radius:10px;background:var(--tz-softer);margin-bottom:4px;display:flex;align-items:center;gap:8px;letter-spacing:-.005em}.tz-how__step ul li svg{color:var(--tz-green);flex-shrink:0}.tz-quote{padding:120px 0;background:var(--tz-paper)}.tz-quote__inner{max-width:1080px;margin:0 auto;padding:0 28px}.tz-quote__head{text-align:center;margin-bottom:48px}.tz-quote__head h2{font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin-top:18px;text-wrap:balance}.tz-quote__head h2 em{font-family:var(--tz-serif);font-style:italic;font-weight:400;color:var(--tz-green-deep)}.tz-quote__card{background:var(--tz-canvas);border:.5px solid var(--tz-rule);border-radius:20px;padding:48px;position:relative;overflow:hidden}.tz-quote__card:before{content:""";
position: absolute;top:-56px;left:28px;font-family:var(--tz-serif);font-style:italic;font-size:200px;line-height:1;color:var(--tz-green);opacity:.1;pointer-events:none}.tz-quote__text{font-family:var(--tz-sans);font-weight:500;font-size:clamp(20px,2.2vw,30px);line-height:1.4;letter-spacing:-.02em;margin:0;color:var(--tz-text);position:relative;z-index:1}.tz-quote__text em{font-family:var(--tz-serif);font-style:italic;font-weight:400;color:var(--tz-green-deep)}.tz-quote__author{margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:28px;border-top:.5px solid var(--tz-rule);position:relative;z-index:1}.tz-quote__author-l{display:flex;align-items:center;gap:14px}.tz-quote__author-avatar{width:52px;height:52px;border-radius:50%;background:var(--tz-green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.tz-quote__author-name{font-size:16px;font-weight:700;color:var(--tz-text);letter-spacing:-.01em}.tz-quote__author-meta{font-size:12px;color:var(--tz-text-muted);margin-top:2px;letter-spacing:-.005em}.tz-quote__nav{display:flex;gap:8px}.tz-quote__nav button{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--tz-text);border:.5px solid var(--tz-rule);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s var(--ease-ios)}.tz-quote__nav button:hover{background:var(--tz-green);color:#fff;border-color:var(--tz-green)}.tz-quote__mini{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tz-quote__mini-card{background:#fff;border:.5px solid var(--tz-rule);border-radius:14px;padding:22px}.tz-quote__mini-card p{margin:0;font-size:14px;line-height:1.55;color:var(--tz-text-soft);letter-spacing:-.005em}.tz-quote__mini-name{margin-top:14px;font-size:12px;color:var(--tz-text-muted)}.tz-quote__mini-name strong{color:var(--tz-text);font-weight:700;margin-right:6px}.tz-pricing{padding:120px 0;background:var(--tz-canvas);border-top:.5px solid var(--tz-rule);border-bottom:.5px solid var(--tz-rule)}.tz-pricing__head{text-align:center;max-width:720px;margin:0 auto 32px}.tz-pricing__head h2{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-top:18px;text-wrap:balance}.tz-pricing__head h2 em{font-family:var(--tz-serif);font-style:italic;font-weight:400;color:var(--tz-green-deep)}.tz-pricing__head p{font-size:17px;color:var(--tz-text-soft);line-height:1.55;max-width:56ch;margin:22px auto 0;letter-spacing:-.005em}.tz-pricing__toggle{display:inline-flex;align-items:center;gap:4px;margin:32px auto 48px;padding:4px;background:#fff;border-radius:999px;border:.5px solid var(--tz-rule)}.tz-pricing__toggle button{padding:9px 22px;border-radius:999px;border:none;background:transparent;color:var(--tz-text-soft);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s var(--ease-ios);letter-spacing:-.005em}.tz-pricing__toggle button.active{background:var(--tz-green);color:#fff}.tz-pricing__save{font-size:11px;padding:2px 8px;background:#ffffff40;border-radius:999px;margin-left:6px;color:#fff;font-weight:700}.tz-pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.tz-pricing__card{background:#fff;border:.5px solid var(--tz-rule);border-radius:18px;padding:32px;position:relative;display:flex;flex-direction:column;transition:transform .35s var(--ease-ios),box-shadow .35s var(--ease-ios),border-color .35s var(--ease-ios)}.tz-pricing__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.tz-pricing__card--pop{border-color:var(--tz-green);box-shadow:var(--shadow-md),0 0 0 1px var(--tz-green)}.tz-pricing__badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;letter-spacing:.02em;background:var(--tz-green);color:#fff;padding:5px 12px;border-radius:999px}.tz-pricing__plan{font-size:13px;font-weight:700;letter-spacing:-.005em;color:var(--tz-text-soft)}.tz-pricing__emp{font-size:12px;color:var(--tz-text-muted);margin-top:4px;letter-spacing:-.005em}.tz-pricing__price{margin:24px 0 6px;display:flex;align-items:baseline;gap:4px}.tz-pricing__rupee{font-size:22px;font-weight:700;color:var(--tz-text)}.tz-pricing__amount{font-size:clamp(46px,5vw,60px);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--tz-text)}.tz-pricing__card--pop .tz-pricing__amount{color:var(--tz-green-deep)}.tz-pricing__per{font-size:12px;color:var(--tz-text-muted);margin-left:2px;letter-spacing:-.005em}.tz-pricing__billed{font-size:12px;color:var(--tz-text-muted);margin-bottom:16px;letter-spacing:-.005em}.tz-pricing__desc{font-size:14px;line-height:1.5;color:var(--tz-text-soft);margin:12px 0 24px;letter-spacing:-.005em}.tz-pricing__cta{width:100%;justify-content:center}.tz-pricing__feats{margin-top:20px;padding-top:20px;border-top:.5px solid var(--tz-rule);list-style:none;padding-left:0}.tz-pricing__feats li{font-size:13px;padding:6px 0;color:var(--tz-text-soft);display:flex;gap:8px;align-items:center;letter-spacing:-.005em}.tz-pricing__feats li svg{color:var(--tz-green);flex-shrink:0}.tz-pricing__foot{margin-top:48px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.tz-pricing__foot-text{font-size:14px;color:var(--tz-text-soft);display:inline-flex;align-items:center;gap:6px;letter-spacing:-.005em}.tz-pricing__foot-text svg{color:var(--tz-green)}.tz-faq{padding:120px 0;background:var(--tz-paper)}.tz-faq__head{text-align:center;max-width:720px;margin:0 auto 48px}.tz-faq__head h2{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-top:18px;text-wrap:balance}.tz-faq__head h2 em{font-family:var(--tz-serif);font-style:italic;font-weight:400;color:var(--tz-green-deep)}.tz-faq__head p{font-size:16px;color:var(--tz-text-soft);line-height:1.55;max-width:50ch;margin:22px auto 0;letter-spacing:-.005em}.tz-faq__list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.tz-faq__item{background:#fff;border:.5px solid var(--tz-rule);border-radius:14px;overflow:hidden;transition:border-color .25s var(--ease-ios)}.tz-faq__item.open{border-color:var(--tz-green)}.tz-faq__q{width:100%;padding:18px 22px;background:transparent;border:none;cursor:pointer;display:flex;gap:16px;align-items:center;justify-content:space-between;text-align:left;font-family:inherit;color:var(--tz-text)}.tz-faq__q-text{font-size:16px;font-weight:600;letter-spacing:-.015em;line-height:1.4}.tz-faq__q-icon{width:30px;height:30px;border-radius:50%;background:var(--tz-soft);color:var(--tz-text-soft);display:flex;align-items:center;justify-content:center;transition:transform .35s var(--ease-ios),background .3s var(--ease-ios),color .3s var(--ease-ios);flex-shrink:0}.tz-faq__item.open .tz-faq__q-icon{background:var(--tz-green);color:#fff;transform:rotate(45deg)}.tz-faq__a{padding:0 22px 18px}.tz-faq__a-body{font-size:15px;line-height:1.65;color:var(--tz-text-soft);letter-spacing:-.005em}.tz-cta{padding:120px 0;background:var(--tz-canvas);border-top:.5px solid var(--tz-rule);text-align:center;position:relative;overflow:hidden}.tz-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 30%,transparent 70%);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 30%,transparent 70%);pointer-events:none}.tz-cta__inner{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 28px}.tz-cta__title{font-size:clamp(38px,5vw,68px);font-weight:800;letter-spacing:-.04em;line-height:1.04;margin:24px 0 0;text-wrap:balance}.tz-cta__title em{font-family:var(--tz-serif);font-style:italic;font-weight:400;color:var(--tz-green-deep)}.tz-cta__sub{margin-top:24px;font-size:17px;color:var(--tz-text-soft);max-width:50ch;margin-left:auto;margin-right:auto;line-height:1.55;letter-spacing:-.005em}.tz-cta__actions{margin-top:36px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tz-cta__trust{margin-top:36px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:13px;color:var(--tz-text-muted);letter-spacing:-.005em}.tz-cta__trust span{display:inline-flex;align-items:center;gap:6px}.tz-cta__trust svg{color:var(--tz-green)}@media(max-width:1100px){.tz-hero__inner{grid-template-columns:1fr;gap:48px;padding:24px 0 48px}.tz-hero__copy{max-width:720px;margin:0 auto;text-align:center}.tz-hero__ctas,.tz-hero__rating,.tz-hero__trust{justify-content:center}.tz-hero__visual:before{width:480px;height:480px}.tz-hero__dashcard{max-width:800px}.tz-feature__row{grid-template-columns:1fr;gap:56px}.tz-feature--reverse .tz-feature__row{grid-template-columns:1fr}.tz-feature--reverse .tz-feature__visual{order:0}.tz-band-head{grid-template-columns:1fr;gap:24px}.tz-band__grid{grid-template-columns:repeat(2,1fr)}.tz-else__grid{grid-template-columns:repeat(6,1fr)}.tz-else__card--wide,.tz-else__card--reg,.tz-else__card--tall,.tz-else__card--full{grid-column:span 6;grid-row:auto;min-height:220px}.tz-else__card--tall{min-height:280px}.tz-feat__grid{grid-template-columns:repeat(3,1fr)}.tz-how__steps{grid-template-columns:1fr;gap:56px}.tz-how__steps:before{display:none}.tz-quote__mini,.tz-pricing__grid{grid-template-columns:1fr}}@media(max-width:720px){.tz-hero{padding:100px 0 60px}.tz-hero__inner{padding:0}.tz-hero__visual:before{display:none}.tz-dash-kpis{grid-template-columns:repeat(2,1fr)}.tz-dash-bottom{grid-template-columns:1fr}.tz-dash-alert{flex-direction:column;align-items:flex-start}.tz-dash-alert__right{align-self:flex-end}.tz-feature,.tz-else,.tz-how,.tz-quote,.tz-pricing,.tz-faq{padding:72px 0}.tz-cta{padding:80px 0}.tz-band{padding:72px 0}.tz-band__grid,.tz-else__grid{grid-template-columns:1fr}.tz-else__card,.tz-else__card--wide,.tz-else__card--reg,.tz-else__card--tall,.tz-else__card--full{grid-column:span 1;min-height:200px}.tz-feat__grid{grid-template-columns:repeat(2,1fr);gap:12px}.tz-feat__link{padding:22px 16px 20px}.tz-pay-card__breakdown,.tz-att-card__stats{grid-template-columns:1fr}.tz-att-card__log-row{grid-template-columns:56px 1fr auto;gap:10px;padding:10px 12px}.tz-att-card__log-loc{display:none}.tz-quote__card{padding:28px 22px}.tz-quote__card:before{font-size:140px}.tz-quote__author{flex-direction:column;align-items:flex-start;gap:18px}.tz-container{padding:0 20px}.tz-faq__q{padding:16px 20px}.tz-faq__a{padding:0 20px 16px}}@media(prefers-reduced-motion:reduce){.tz *:before,.tz *:after{animation:none!important}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-dropdown-container,.notification-bell{position:relative}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 10px 40px #062e1e2e;z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(0,0,0,.06)}.notification-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:8px}.notification-dropdown-header h3 .header-badge{background:var(--color-primary);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.notification-header-actions{display:flex;gap:4px}.notification-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#6c7a78;cursor:pointer;transition:all .2s}.notification-action-btn:hover{background:#00875a14;color:var(--color-primary)}.notification-action-btn.spin svg{animation:spin 1s linear infinite}.notification-action-btn:disabled{opacity:.5;cursor:not-allowed}.notification-connection-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#00000008;font-size:12px;border-bottom:1px solid rgba(0,0,0,.06)}.notification-connection-status svg{font-size:14px}.notification-connection-status .spin{animation:spin 1s linear infinite}.reconnect-btn{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:4px;font-size:11px;color:#1a1a1a;cursor:pointer;transition:all .2s}.reconnect-btn:hover{background:#00875a0f;border-color:#00875a40;color:var(--color-primary-hover)}.reconnect-btn svg{font-size:12px}.notification-list{max-height:350px;overflow-y:auto}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#8a9694}.notification-empty svg{font-size:40px;margin-bottom:12px;opacity:.5}.notification-empty p{margin:0 0 4px;font-size:15px;color:#1a1a1a}.notification-empty span{font-size:13px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(0,0,0,.05)}.notification-item:hover{background:#00875a0d}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#00875a12}.notification-item.unread:hover{background:#00875a1f}.notification-item-content{flex:1;min-width:0}.notification-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.notification-title{font-size:14px;font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:11px;color:#6c7a78;white-space:nowrap;flex-shrink:0}.notification-message{margin:0;font-size:13px;color:#1a1a1a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-mark-read{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:50%;color:var(--color-primary);cursor:pointer;transition:all .2s;flex-shrink:0}.notification-mark-read:hover{background:#00875a1f}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#00000038}@media(max-width:480px){.notification-dropdown{position:fixed;top:60px;left:8px;right:8px;width:auto;max-height:calc(100vh - 80px)}}.header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;background:var(--color-header-bg);position:fixed;top:0;left:0;right:0;z-index:1001;border-bottom:1px solid var(--color-header-border)}.header-left{display:flex;align-items:center;gap:16px}.menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-header-btn-border);border-radius:8px;color:var(--color-header-text-muted);font-size:18px;cursor:pointer;transition:all .2s}.menu-btn:hover{background:var(--color-header-border);color:var(--theme-text-white)}.logo{display:flex;align-items:center;gap:10px;cursor:pointer}.logo img{width:32px;height:32px;border-radius:6px}.logo span{font-size:18px;font-weight:600;color:var(--theme-text-white)}.search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:0 14px;height:38px;width:450px;transition:all .2s}.search-box:focus-within{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #00875a26}.search-box svg{color:#6c7a78;font-size:16px;flex-shrink:0}.search-box input{flex:1;background:transparent;border:none;outline:none;color:#1a1a1a;font-size:17px}.search-box input::placeholder{color:#6c7a78;font-weight:400;opacity:1}.search-hint{font-size:10px;color:#6c7a78;background:#0000000a;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0;font-weight:600;letter-spacing:.3px;border:1px solid rgba(0,0,0,.08)}.header-greeting{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:-.1px;border:1px solid transparent}.header-greeting svg{font-size:14px}.header-greeting--morning{background:#ffcc0024;color:#ffd84a;border-color:#ffcc0038}.header-greeting--noon{background:#ff950029;color:#ffb84a;border-color:#ff95003d}.header-greeting--afternoon{background:#5ac8fa24;color:#7fd6ff;border-color:#5ac8fa38}.header-greeting--evening{background:#f472b624;color:#f9a8d4;border-color:#f472b63d}.header-greeting--late{background:#00875a2e;color:#5be39e;border-color:#00875a47}.header-greeting--night{background:#78788033;color:#b8b8c0;border-color:#7878804d}@media(max-width:1100px){.header-greeting span{display:none}}@media(max-width:768px){.header-greeting{display:none}}.header-datetime{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--theme-text-white);font-size:12px;white-space:nowrap;margin-right:4px}.header-datetime__time{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.2px}.header-datetime__sep{width:1px;height:14px;background:#ffffff2e}.header-datetime__date{color:#ffffffc7;font-weight:500}.header-datetime__live{width:6px;height:6px;border-radius:50%;background:#5be39e;box-shadow:0 0 #5be39e99;animation:header-livedot 1.6s infinite}@keyframes header-livedot{0%{box-shadow:0 0 #5be39e99}70%{box-shadow:0 0 0 6px #5be39e00}to{box-shadow:0 0 #5be39e00}}@media(max-width:980px){.header-datetime__date,.header-datetime__sep{display:none}}@media(max-width:768px){.header-datetime{display:none}}.search-clear{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#6c7a78;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.search-clear:hover{color:#1a1a1a;background:#0000000a}.search-container{position:relative}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;max-height:400px;overflow-y:auto;box-shadow:0 10px 40px #062e1e2e;animation:fadeIn .15s ease;z-index:1000}.search-category{padding:8px 0}.search-category:not(:last-child){border-bottom:1px solid rgba(0,0,0,.05)}.search-category-title{padding:8px 16px 6px;font-size:11px;font-weight:600;color:#6c7a78;text-transform:uppercase;letter-spacing:.5px}.search-result-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;color:#1a1a1a;font-size:14px;cursor:pointer;transition:all .15s;text-align:left}.search-result-item:hover,.search-result-item.selected{background:#00875a14;color:var(--color-primary-hover)}.search-result-icon{font-size:16px;color:#6c7a78;flex-shrink:0}.search-result-item:hover .search-result-icon,.search-result-item.selected .search-result-icon{color:var(--color-primary)}.search-no-results{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:#6c7a78}.search-no-results svg{font-size:24px}.search-no-results span{font-size:14px}.page-title{display:none;font-size:16px;font-weight:600;color:var(--theme-text-white);margin:0;position:absolute;left:50%;transform:translate(-50%)}.header-right{display:flex;align-items:center;gap:12px}.icon-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-header-btn-border);border-radius:8px;color:var(--color-header-text-muted);font-size:18px;cursor:pointer;transition:all .2s}.icon-btn:hover{background:var(--color-header-border);color:var(--theme-text-white)}.badge{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:var(--color-danger);color:var(--theme-text-white);font-size:10px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-btn{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:5px 12px 5px 5px;cursor:pointer;transition:all .2s}.profile-btn:hover{background:#ffffff1a;border-color:#ffffff2e}.profile-btn img{width:30px;height:30px;border-radius:6px;object-fit:cover}.profile-btn .name{color:var(--theme-text-white);font-size:14px;font-weight:500}.profile-dropdown-wrapper{position:relative}.profile-chevron{font-size:14px;color:#ffffffc7;transition:transform .2s}.profile-chevron.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:10px;box-shadow:0 10px 40px #062e1e2e;padding:6px;z-index:1000;animation:fadeIn .15s ease}.profile-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:#1a1a1a;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.profile-dropdown-item:hover{background:#00875a14;color:var(--color-primary-hover)}.profile-dropdown-item.logout{color:#d44141}.profile-dropdown-item.logout:hover{background:#dc354514;color:#b91c1c}.profile-dropdown-divider{height:1px;background:#0000000f;margin:4px 0}@media(max-width:768px){.header{padding:0 12px}.search-container{display:none}.page-title{display:block;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo span,.profile-btn .name{display:none}.profile-btn{padding:4px;background:transparent;border-color:transparent}.profile-chevron{display:none}}@media(max-width:480px){.page-title{font-size:14px;max-width:40%}}.notification-prompt{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:16px;background:var(--gradient-brand);color:var(--theme-text-white);padding:16px 20px;border-radius:12px;box-shadow:0 8px 32px #667eea59;z-index:9999;max-width:400px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-prompt-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff3;border-radius:10px;flex-shrink:0}.notification-prompt-icon svg{font-size:22px}.notification-prompt-content{flex:1;min-width:0}.notification-prompt-content h4{margin:0 0 4px;font-size:15px;font-weight:600}.notification-prompt-content p{margin:0;font-size:13px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-prompt-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.notification-prompt-btn{border:none;cursor:pointer;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease}.notification-prompt-btn.primary{background:var(--theme-bg-card);color:var(--color-brand-start);padding:8px 16px}.notification-prompt-btn.primary:hover:not(:disabled){background:var(--theme-bg-surface);transform:translateY(-1px)}.notification-prompt-btn.primary:disabled{opacity:.7;cursor:not-allowed}.notification-prompt-btn.secondary{background:#fff3;color:var(--theme-text-white);padding:8px;display:flex;align-items:center;justify-content:center}.notification-prompt-btn.secondary:hover:not(:disabled){background:#ffffff4d}.notification-prompt-btn.secondary svg{font-size:18px}@media(max-width:480px){.notification-prompt{left:16px;right:16px;bottom:16px;max-width:none}.notification-prompt-content p{white-space:normal}}.ss-root{position:relative;width:100%;font-family:inherit}.ss-trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:7px 36px 7px 12px;background:#00000006;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#1a1a1a;font-size:14px;text-align:left;cursor:pointer;transition:all .15s;position:relative;letter-spacing:-.1px}.ss-trigger:hover:not(:disabled){border-color:#00875a52;background:#fff}.ss-root.ss-open .ss-trigger,.ss-trigger:focus-visible{border-color:#00875a;background:#fff;box-shadow:0 0 0 3px #00875a1f;outline:none}.ss-root.ss-error .ss-trigger{border-color:#d44141;box-shadow:0 0 0 3px #d441411f}.ss-root.ss-disabled .ss-trigger{opacity:.55;cursor:not-allowed;background:#00000005}.ss-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.ss-placeholder{color:#8a9694}.ss-clear{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#00000014;color:#6c7a78;cursor:pointer;transition:all .12s}.ss-clear:hover{background:#d4414126;color:#d44141}.ss-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6c7a78;transition:transform .18s;pointer-events:none}.ss-root.ss-open .ss-chevron{transform:translateY(-50%) rotate(180deg)}.ss-menu{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 8px 28px #062e1e2e;z-index:2100;min-width:240px;display:flex;flex-direction:column;overflow:hidden;animation:ss-pop .14s cubic-bezier(.32,.72,0,1);transform-origin:top center}.ss-menu--up{transform-origin:bottom center}@keyframes ss-pop{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.ss-search{position:sticky;top:0;display:flex;align-items:center;gap:6px;padding:8px 10px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}.ss-search svg{color:#6c7a78;flex-shrink:0}.ss-search input{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:#1a1a1a;letter-spacing:-.1px}.ss-search input::placeholder{color:#8a9694}.ss-search-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#0000000f;border:none;color:#6c7a78;cursor:pointer}.ss-search-clear:hover{background:#0000001a;color:#1a1a1a}.ss-list{list-style:none;margin:0;padding:4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.ss-list::-webkit-scrollbar{width:6px}.ss-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.ss-item{display:block;padding:8px 10px;font-size:13px;color:#1a1a1a;border-radius:6px;cursor:pointer;letter-spacing:-.1px;transition:background .1s;white-space:normal;word-break:break-word}.ss-item--hi{background:#00875a14;color:#006a48}.ss-item--sel{background:#00875a24;color:#006a48;font-weight:600}.ss-item--sel.ss-item--hi{background:#00875a2e}.ss-empty{padding:16px 12px;text-align:center;font-size:13px;color:#6c7a78;font-style:italic}.bio-toolbar{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;flex-wrap:nowrap}.bio-toolbar-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.bio-search-box{display:flex;align-items:center;gap:8px;background:#0000000f;border:none;border-radius:10px;padding:0 12px;min-width:200px;flex:1 1 220px;max-width:320px;transition:all .2s}.bio-search-box:focus-within{background:#0000001a;box-shadow:0 0 0 3px #00875a1f}.bio-search-box svg{color:#6c7a78;flex-shrink:0}.bio-search-box input{border:none;outline:none;padding:9px 0;font-size:15px;width:100%;background:transparent;color:#1a1a1a;letter-spacing:-.24px}.bio-search-box input::placeholder{color:#6c7a78;font-weight:400}.bio-select{flex:0 1 150px;min-width:130px;max-width:180px}.bio-chip-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:.5px solid rgba(0,0,0,.1);border-radius:16px;background:#0000000a;color:#1a1a1a;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;letter-spacing:-.24px}.bio-chip-toggle:hover{background:#0000001a}.bio-chip-toggle.active{background:#b8862a24;border-color:#b8862a4d;color:#b8862a}.bio-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;flex-wrap:nowrap;padding-top:2px}.bio-stat-chip{font-size:13px;padding:5px 12px;border-radius:16px;background:#00000014;color:#1a1a1a;font-weight:500;letter-spacing:-.24px}.bio-approver-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:16px;background:#b8862a1f;color:#b8862a;letter-spacing:-.1px;text-transform:uppercase}.bio-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:10px;background:#00000014;font-size:14px;font-weight:500;color:#00875a;cursor:pointer;transition:all .15s;letter-spacing:-.24px}.bio-btn:hover{background:#00000024}.bio-btn:active{transform:scale(.97)}.bio-btn:disabled{opacity:.4;cursor:not-allowed}.bio-btn-primary{background:#00875a;color:#fff}.bio-btn-primary:hover{background:#006a48}.bio-btn-primary:disabled{opacity:.5}.bio-btn-danger{background:#d441411a;color:#d44141}.bio-btn-danger:hover{background:#d4414129}.bio-btn-ghost{background:transparent;color:#6c7a78}.bio-btn-ghost:hover{background:#0000000f;color:#1a1a1a}.bio-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}.bio-sum{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#fff;border:.5px solid rgba(0,0,0,.06);border-radius:10px;box-shadow:0 1px 2px #00000005}.bio-sum-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bio-sum-icon svg{width:13px;height:13px}.bio-sum-body{display:flex;flex-direction:column;min-width:0;line-height:1.1}.bio-sum-val{font-size:15px;font-weight:700;color:#1a1a1a;letter-spacing:-.3px;line-height:1.1}.bio-sum-lbl{font-size:10px;color:#6c7a78;letter-spacing:.2px;margin-top:1px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bio-sum-neutral .bio-sum-icon{background:#0000001a;color:#1a1a1a}.bio-sum-green .bio-sum-icon,.bio-sum-blue .bio-sum-icon{background:#00875a1f;color:#00875a}.bio-sum-gray .bio-sum-icon{background:#8e8e931f;color:#6c7a78}.bio-sum-orange .bio-sum-icon{background:#b8862a24;color:#b8862a}.bio-empty{text-align:center;padding:70px 20px;color:#6c7a78}.bio-empty svg{margin-bottom:14px;opacity:.3}.bio-empty h3{color:#1a1a1a;margin:0 0 6px;font-size:19px;font-weight:600;letter-spacing:-.45px}.bio-empty p{color:#6c7a78;margin:0;font-size:15px}.bio-list{display:flex;flex-direction:column;gap:8px}.bio-row{background:#fff;border:.5px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.bio-row:hover{border-color:#00875a4d}.bio-row-expanded{border-color:#00875a;box-shadow:0 0 0 3px #00875a1a}.bio-row-head{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;transition:background .15s}.bio-row-head:hover{background:#00875a08}.bio-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#0000001a;display:flex;align-items:center;justify-content:center;color:#6c7a78}.bio-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.bio-row-info{flex:1 1 auto;min-width:0}.bio-row-name-line{display:flex;align-items:center;gap:8px}.bio-row-name{font-size:15px;font-weight:600;color:#1a1a1a;letter-spacing:-.24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bio-emp-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#b8862a1f;color:#b8862a;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.bio-row-meta{font-size:12px;color:#6c7a78;letter-spacing:-.08px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bio-row-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.bio-enroll{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:14px;font-size:12px;font-weight:500;letter-spacing:-.08px}.bio-enroll.on{background:#00875a1f;color:#00875a}.bio-enroll.off{background:#8e8e931a;color:#6c7a78}.bio-dot{width:6px;height:6px;border-radius:50%}.bio-dot.on{background:#00875a;box-shadow:0 0 0 2px #00875a33}.bio-dot.off{background:#c7c7cc}.bio-pending-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:14px;background:#b8862a24;color:#b8862a;font-size:12px;font-weight:600}.bio-row-chevron{color:#c7c7cc;flex-shrink:0;display:flex}.bio-row-body{padding:0 12px 10px;border-top:.5px solid rgba(0,0,0,.06);background:#f9f9f980;display:grid;grid-template-columns:1fr 1fr;gap:8px}.bio-row-body>.bio-pending,.bio-row-body>.bio-row-actions{grid-column:1 / -1}.bio-modality{margin-top:8px;background:#fff;border-radius:10px;border:.5px solid rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column}.bio-modality-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:.5px solid rgba(0,0,0,.06);background:#f9f9f999}.bio-modality-title{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1a1a1a;letter-spacing:-.24px}.bio-modality-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.4px}.bio-modality-tag.on{background:#00875a24;color:#00875a}.bio-modality-tag.off{background:#8e8e9324;color:#6c7a78}.bio-modality-body{display:flex;gap:10px;padding:10px 12px;flex:1}.bio-face-img{width:72px;height:88px;border-radius:8px;overflow:hidden;background:#00000014;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#c7c7cc}.bio-face-img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.bio-kv{display:grid;grid-template-columns:1fr;gap:0;flex:1 1 auto;align-content:start}.bio-kv-wide{grid-template-columns:1fr}.bio-kv-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:.5px dashed rgba(0,0,0,.06);font-size:12px;letter-spacing:-.08px;gap:8px}.bio-kv-row:last-child{border-bottom:none}.bio-kv-k{color:#6c7a78;white-space:nowrap}.bio-kv-v{color:#1a1a1a;font-weight:500;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bio-modality-actions{display:flex;justify-content:flex-end;gap:6px;padding:0 12px 10px}.bio-row-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.bio-section-label{font-size:10px;font-weight:600;color:#6c7a78;text-transform:uppercase;letter-spacing:.6px;margin:8px 0 6px}.bio-pending{display:flex;flex-direction:column;gap:6px}.bio-pr-card{background:#fff;border:.5px solid rgba(184,134,42,.3);border-radius:10px;padding:10px 12px}.bio-pr-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.bio-pr-type{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1a1a1a}.bio-pr-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.4px}.bio-pr-pending{background:#b8862a24;color:#b8862a}.bio-pr-in_progress{background:#00875a24;color:#00875a}.bio-pr-priority{font-size:10px;font-weight:600;padding:2px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.4px}.bio-pr-priority-high{background:#d441411f;color:#d44141}.bio-pr-priority-urgent{background:#d44141;color:#fff}.bio-pr-priority-low{background:#8e8e931f;color:#6c7a78}.bio-pr-date{font-size:11px;color:#6c7a78;margin-left:auto}.bio-pr-reason{font-size:12px;color:#1a1a1a;padding:6px 10px;background:#0000000f;border-radius:8px;margin-bottom:8px;letter-spacing:-.08px}.bio-pr-images{display:flex;gap:10px}.bio-pr-img-box{display:flex;flex-direction:column;gap:4px;min-width:0;width:120px}.bio-pr-img-label{font-size:10px;font-weight:600;color:#6c7a78;text-transform:uppercase;letter-spacing:.5px}.bio-pr-img{width:120px;height:160px;border-radius:8px;overflow:hidden;background:#00000014;display:flex;align-items:center;justify-content:center;color:#c7c7cc}.bio-pr-img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.bio-pr-img-new .bio-pr-img{box-shadow:0 0 0 2px #00875a4d}.bio-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.bio-pager-info{font-size:13px;color:#6c7a78;letter-spacing:-.08px}.bio-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#062e1e73;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);animation:bio-overlay-in .25s ease-out}.bio-modal{background:#fffffff5;border-radius:14px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 0 .5px #0000000f,0 8px 32px #0000001f,0 24px 60px #00000014;overflow:hidden;animation:bio-modal-in .3s cubic-bezier(.32,.72,0,1)}.bio-modal form{display:flex;flex-direction:column;flex:1;min-height:0}@keyframes bio-modal-in{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bio-overlay-in{0%{opacity:0}to{opacity:1}}.bio-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:.5px solid rgba(0,0,0,.1);background:#fbf7f0eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.bio-modal-header h3{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.41px}.bio-modal-close{background:#0000001f;border:none;cursor:pointer;color:#1a1a1a;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s}.bio-modal-close:hover{background:#0003}.bio-modal-body{padding:16px 20px;flex:1 1 auto;overflow-y:auto}.bio-modal-body::-webkit-scrollbar{width:0}.bio-modal-hint{font-size:13px;color:#6c7a78;margin:0 0 12px;letter-spacing:-.08px}.bio-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:.5px solid rgba(0,0,0,.06);background:#fbf7f0eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0}.bio-form-group{background:#fff;border-radius:12px;border:.5px solid rgba(0,0,0,.06);overflow:hidden}.bio-form-row{display:flex;align-items:center;padding:12px 16px;border-bottom:.5px solid rgba(0,0,0,.06);gap:14px}.bio-form-row:last-child{border-bottom:none}.bio-form-row label{font-size:14px;color:#1a1a1a;font-weight:500;flex:1 1 auto;letter-spacing:-.24px}.bio-form-row input{width:130px;padding:8px 12px;border:.5px solid rgba(0,0,0,.1);border-radius:8px;background:#0000000a;font-size:15px;color:#1a1a1a;letter-spacing:-.24px;outline:none;text-align:right;transition:border-color .2s,box-shadow .2s}.bio-form-row input:focus{border-color:#00875a;box-shadow:0 0 0 3px #00875a1f}@media(max-width:1100px){.bio-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.bio-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-toolbar-right{margin-left:0;width:100%;justify-content:flex-end}.bio-row-body{grid-template-columns:1fr}.bio-pr-images{flex-wrap:wrap}}.pb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pb-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.pb-header-actions{display:flex;gap:8px}.pb-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.pb-btn:hover{background:#f8fafc}.pb-primary{background:#2563eb;color:#fff;border-color:#2563eb}.pb-primary:hover{background:#1d4ed8}.pb-primary:disabled{opacity:.6;cursor:not-allowed}.pb-refresh:disabled{opacity:.6;cursor:not-allowed}.pb-withdraw-btn{color:#d97706;border-color:#fcd34d}.pb-withdraw-btn:hover{background:#fef9c3}.pb-resolve-btn{background:#7c3aed;color:#fff;border-color:#7c3aed}.pb-resolve-btn:hover{background:#6d28d9}.pb-dashboard{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.pb-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .15s;text-align:left}.pb-stat-card:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.pb-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.pb-stat-value{font-size:20px;font-weight:700;color:#1e293b}.pb-stat-label{font-size:11px;color:#64748b;margin-top:2px}.pb-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.pb-filter{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;max-width:220px}.pb-filter:focus{outline:none;border-color:#2563eb}.pb-empty{text-align:center;padding:60px 20px;color:#94a3b8}.pb-empty svg{margin-bottom:16px;opacity:.4}.pb-empty h3{color:#475569}.pb-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.pb-table{width:100%;border-collapse:collapse}.pb-table thead th{padding:12px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:left}.pb-table tbody td{padding:10px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.pb-table tbody tr:hover{background:#f8fafc}.pb-row-overdue{background:#fef2f2}.pb-row-overdue:hover{background:#fee2e2!important}.pb-row-due{background:#fffbeb}.pb-row-due:hover{background:#fef9c3!important}.pb-emp-cell{display:flex;flex-direction:column}.pb-emp-code{font-size:11px;color:#94a3b8}.pb-date-sm{font-size:12px;color:#94a3b8;white-space:nowrap}.pb-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;display:inline-block}.pb-ext-count{font-weight:700;color:#1e293b;text-align:center}.pb-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.pb-icon-btn:hover{background:#f1f5f9;color:#1e293b}.pb-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.pb-pagination button{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.pb-pagination button:hover:not(:disabled){background:#f8fafc}.pb-pagination button:disabled{opacity:.4;cursor:not-allowed}.pb-pagination span{font-size:13px;color:#64748b}.pb-timeline{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap;padding:14px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.pb-timeline-item{display:flex;flex-direction:column;align-items:center}.pb-tl-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase}.pb-tl-date{font-size:13px;font-weight:600;color:#1e293b}.pb-tl-extended .pb-tl-date{color:#d97706}.pb-timeline-arrow{font-size:18px;color:#94a3b8}.pb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;animation:pb-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.pb-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:520px;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;animation:pb-modalIn .25s cubic-bezier(.32,.72,0,1)}@keyframes pb-modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pb-overlayIn{0%{opacity:0}to{opacity:1}}.pb-modal-lg{max-width:620px}.pb-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.pb-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.pb-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.pb-modal-close:hover{background:#f1f5f9;color:#475569}.pb-modal-body{padding:20px}.pb-modal-scroll{max-height:70vh;overflow-y:auto}.pb-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0;flex-wrap:wrap}.pb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.pb-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;min-width:0}.pb-field label{font-size:12px;font-weight:600;color:#374151}.pb-req{color:#ef4444}.pb-field input,.pb-field select{width:100%;min-width:0;box-sizing:border-box;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.pb-field input:focus,.pb-field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pb-input-err{border-color:#ef4444!important}.pb-err{font-size:11px;color:#ef4444}.pb-emp-picker{display:flex;flex-direction:column;gap:4px}.pb-emp-search{font-size:12px!important;padding:6px 10px!important}.pb-emp-picker select{font-size:12px}.pb-detail-loading{display:flex;align-items:center;gap:8px;padding:24px;color:#94a3b8;font-size:13px}.pb-detail-top{display:flex;gap:8px;align-items:center;margin-bottom:16px}.pb-detail-grid{display:flex;flex-direction:column}.pb-detail-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.pb-detail-label{color:#64748b;min-width:130px}.pb-detail-section{font-size:13px;font-weight:600;color:#1e293b;margin:14px 0 6px;padding-top:10px;border-top:1px solid #e2e8f0}@media(max-width:768px){.pb-dashboard{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.pb-header{flex-direction:column;gap:12px;align-items:flex-start}.pb-dashboard{grid-template-columns:repeat(2,1fr)}.pb-filters{flex-direction:column;align-items:stretch}.pb-form-grid{grid-template-columns:1fr}.pb-modal{max-width:95vw}.pb-table-wrap{overflow-x:auto}.pb-timeline{flex-direction:column}.pb-timeline-arrow{transform:rotate(90deg)}}.da-page{display:flex;flex-direction:column;gap:16px}.da-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.da-header h1{font-size:22px;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0}.da-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.da-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1.4}.da-btn:disabled{opacity:.5;cursor:not-allowed}.da-btn-primary{background:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.da-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.da-btn-ghost{background:transparent;color:var(--theme-text-secondary, #475569);border-color:var(--theme-border, #e2e8f0)}.da-btn-ghost:hover:not(:disabled){background:var(--theme-bg-hover, #f8fafc);color:var(--theme-text-primary, #1e293b)}.da-btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.da-btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.da-btn-save{background:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.da-btn-save:hover:not(:disabled){opacity:.9}.da-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--theme-text-secondary, #64748b);cursor:pointer;transition:all .15s;font-size:15px}.da-icon-btn:hover{background:var(--theme-bg-hover, #f1f5f9);color:var(--color-primary, #2563eb)}.da-icon-btn.da-icon-delete:hover{color:#ef4444;background:#fef2f2}.da-icon-btn.da-icon-resolve:hover{color:#16a34a;background:#f0fdf4}.da-icon-btn.da-icon-appeal:hover{color:#d97706;background:#fffbeb}.da-tabs{display:flex;gap:0;border-bottom:2px solid var(--theme-border, #e2e8f0)}.da-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;color:var(--theme-text-secondary, #64748b);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .15s}.da-tab:hover{color:var(--theme-text-primary, #1e293b);background:var(--theme-bg-hover, #f8fafc)}.da-tab.active{color:var(--color-primary, #2563eb);border-bottom-color:var(--color-primary, #2563eb);font-weight:600}.da-tab-count{font-size:11px;padding:1px 7px;border-radius:10px;background:var(--theme-bg-hover, #f1f5f9);color:var(--theme-text-secondary, #64748b);font-weight:600}.da-tab.active .da-tab-count{background:#2563eb1a;color:var(--color-primary, #2563eb)}.da-stats{display:flex;gap:12px;flex-wrap:wrap}.da-stat{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:10px;padding:14px 20px;display:flex;flex-direction:column;align-items:center;min-width:100px;flex:1}.da-stat-val{font-size:22px;font-weight:700;color:var(--theme-text-primary, #1e293b)}.da-stat-lbl{font-size:11px;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.da-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.da-search-box{display:flex;align-items:center;gap:8px;background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;padding:0 12px;min-width:200px}.da-search-box svg{color:var(--theme-text-muted, #94a3b8);flex-shrink:0}.da-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent;color:var(--theme-text-primary, #1e293b)}.da-filter-select{padding:8px 12px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;font-size:13px;color:var(--theme-text-secondary, #475569);background:var(--theme-bg-card, #fff);cursor:pointer;outline:none;max-width:220px}.da-filter-select:focus{border-color:var(--color-primary, #2563eb)}.da-table-wrapper{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:12px;overflow-x:auto}.da-table{width:100%;border-collapse:collapse;min-width:900px}.da-table thead{background:var(--theme-bg-surface, #f8fafc)}.da-table th{padding:12px 14px;text-align:left;font-size:12px;font-weight:600;color:var(--theme-text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--theme-border, #e2e8f0);white-space:nowrap}.da-table td{padding:10px 14px;font-size:14px;color:var(--theme-text-primary, #1e293b);border-bottom:1px solid var(--theme-border, #e2e8f0);vertical-align:middle}.da-table tbody tr:last-child td{border-bottom:none}.da-table tbody tr:hover{background:var(--theme-bg-hover, #f8fafc)}.da-employee-cell{white-space:nowrap}.da-employee-name{font-weight:600;display:block;font-size:14px}.da-employee-code{font-size:11px;color:var(--theme-text-muted, #94a3b8)}.da-actions-cell{display:flex;align-items:center;gap:2px}.da-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.da-status-issued{background:#dbeafe;color:#1d4ed8}.da-status-acknowledged{background:#ccfbf1;color:#0f766e}.da-status-appealed{background:#fef3c7;color:#92400e}.da-status-resolved{background:#dcfce7;color:#15803d}.da-status-expired,.da-severity-low{background:#f1f5f9;color:#64748b}.da-severity-medium{background:#dbeafe;color:#1d4ed8}.da-severity-high{background:#fef3c7;color:#92400e}.da-severity-critical,.da-susp-active{background:#fee2e2;color:#b91c1c}.da-susp-ended{background:#f1f5f9;color:#64748b}.da-susp-reinstated{background:#dcfce7;color:#15803d}.da-susp-revoked{background:#fef3c7;color:#92400e}.da-susptype-paid{background:#dbeafe;color:#1d4ed8}.da-susptype-unpaid{background:#fee2e2;color:#b91c1c}.da-susptype-pending_inquiry{background:#fef3c7;color:#92400e}.da-type-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;background:var(--theme-bg-hover, #f1f5f9);color:var(--theme-text-secondary, #475569);white-space:nowrap}.da-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.da-empty svg{font-size:48px;color:var(--theme-text-muted, #94a3b8);margin-bottom:16px;opacity:.5}.da-empty h3{font-size:18px;font-weight:600;color:var(--theme-text-primary, #475569);margin:0 0 6px}.da-empty p{font-size:14px;color:var(--theme-text-muted, #94a3b8);margin:0}.da-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:da-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}@keyframes da-overlayIn{0%{opacity:0}to{opacity:1}}.da-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;animation:da-modalIn .25s cubic-bezier(.32,.72,0,1)}@keyframes da-modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.da-modal-lg{max-width:720px}.da-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--theme-border, #e2e8f0)}.da-modal-header h2{font-size:18px;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0;display:flex;align-items:center;gap:8px}.da-modal-body{padding:24px}.da-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--theme-border, #e2e8f0)}.da-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.da-form-group label{display:block;font-size:13px;font-weight:600;color:var(--theme-text-secondary, #475569);margin-bottom:6px}.da-form-group{min-width:0}.da-form-group input,.da-form-group select,.da-form-group textarea{width:100%;min-width:0;padding:9px 12px;border:1px solid var(--theme-border, #d1d5db);border-radius:8px;font-size:14px;color:var(--theme-text-primary, #1e293b);background:var(--theme-bg-input, #fff);outline:none;transition:border-color .2s;box-sizing:border-box}.da-form-group input:focus,.da-form-group select:focus,.da-form-group textarea:focus{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.da-form-group textarea{resize:vertical;font-family:inherit}.da-form-full{grid-column:1 / -1}.da-detail-section{margin-bottom:20px}.da-detail-section:last-child{margin-bottom:0}.da-detail-section-title{font-size:13px;font-weight:700;color:var(--theme-text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--theme-border, #f1f5f9)}.da-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.da-detail-item{display:flex;flex-direction:column;gap:2px}.da-detail-item-full{grid-column:1 / -1}.da-detail-label{font-size:11px;font-weight:600;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.3px}.da-detail-value{font-size:14px;color:var(--theme-text-primary, #1e293b);word-break:break-word}.da-evidence-list{display:flex;flex-direction:column;gap:8px}.da-evidence-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--theme-bg-surface, #f8fafc);border:1px solid var(--theme-border, #e2e8f0);border-radius:8px}.da-evidence-info{flex:1;min-width:0}.da-evidence-name{font-size:13px;font-weight:600;color:var(--theme-text-primary, #1e293b);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.da-evidence-desc{font-size:11px;color:var(--theme-text-muted, #94a3b8)}.da-evidence-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:8px}.da-evidence-empty{font-size:13px;color:var(--theme-text-muted, #94a3b8);text-align:center;padding:16px 0}.da-detail-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--theme-border, #e2e8f0);margin-top:16px}@keyframes da-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.da-spin{animation:da-spin .8s linear infinite}@media(max-width:640px){.da-header{flex-direction:column;align-items:flex-start}.da-header-actions{width:100%}.da-stats{flex-direction:column}.da-stat{flex-direction:row;justify-content:space-between;min-width:unset}.da-filters{flex-direction:column;align-items:stretch}.da-search-box{min-width:unset}.da-tabs{overflow-x:auto}.da-tab{padding:10px 14px;font-size:13px}.da-form-grid,.da-detail-grid{grid-template-columns:1fr}.da-modal{max-width:100%;margin:10px;border-radius:12px}.da-modal-body,.da-modal-header{padding:16px}.da-modal-footer{padding:12px 16px}.da-detail-actions{flex-direction:column}.da-detail-actions .da-btn{width:100%;justify-content:center}.da-evidence-item{flex-direction:column;align-items:flex-start;gap:8px}.da-evidence-actions{margin-left:0}}.sep-page{padding:24px;max-width:1440px;margin:0 auto}.sep-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.sep-header-left{display:flex;align-items:center;gap:12px}.sep-header-icon{font-size:28px;color:var(--color-primary);flex-shrink:0}.sep-title{font-size:24px;font-weight:700;color:var(--theme-text-primary);margin:0;line-height:1.2}.sep-subtitle{font-size:14px;color:var(--theme-text-muted);margin:2px 0 0}.sep-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sep-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.4}.sep-btn:disabled{opacity:.5;cursor:not-allowed}.sep-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sep-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.sep-btn-ghost{background:transparent;color:var(--theme-text-secondary);border-color:var(--theme-border)}.sep-btn-ghost:hover:not(:disabled){background:var(--theme-bg-hover);color:var(--theme-text-primary)}.sep-btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.sep-btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.sep-btn-teal{background:#0d9488;color:#fff;border-color:#0d9488}.sep-btn-teal:hover:not(:disabled){background:#0f766e;border-color:#0f766e}.sep-btn-success{background:#16a34a;color:#fff;border-color:#16a34a}.sep-btn-success:hover:not(:disabled){background:#15803d;border-color:#15803d}.sep-btn-sm{padding:6px 12px;font-size:13px}.sep-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--theme-text-secondary);cursor:pointer;transition:all .2s ease;font-size:16px}.sep-icon-btn:hover{background:var(--theme-bg-hover);color:var(--color-primary)}.sep-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.sep-stat-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:box-shadow .2s}.sep-stat-card:hover{box-shadow:0 4px 12px #0000000f}.sep-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sep-stat-icon-blue{background:#dbeafe;color:#2563eb}.sep-stat-icon-teal{background:#ccfbf1;color:#0d9488}.sep-stat-icon-amber{background:#fef3c7;color:#d97706}.sep-stat-icon-green{background:#dcfce7;color:#16a34a}.sep-stat-body{display:flex;flex-direction:column}.sep-stat-val{font-size:22px;font-weight:700;color:var(--theme-text-primary);line-height:1.2}.sep-stat-lbl{font-size:12px;color:var(--theme-text-muted);margin-top:2px}.sep-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.sep-search-box{display:flex;align-items:center;gap:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;padding:0 12px;min-width:220px;transition:border-color .2s}.sep-search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.sep-search-box svg{color:var(--theme-text-muted);flex-shrink:0}.sep-search-box input{border:none;outline:none;padding:9px 0;font-size:14px;width:100%;background:transparent;color:var(--theme-text-primary)}.sep-filter-select{padding:9px 12px;border:1px solid var(--theme-border);border-radius:8px;font-size:14px;color:var(--theme-text-primary);background:var(--theme-bg-card);cursor:pointer;outline:none;transition:border-color .2s;max-width:220px}.sep-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.sep-table-wrapper{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:12px;overflow-x:auto;margin-bottom:16px}.sep-table{width:100%;border-collapse:collapse;min-width:800px}.sep-table thead{background:var(--theme-bg-surface)}.sep-table th{padding:12px 14px;text-align:left;font-size:12px;font-weight:600;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--theme-border);white-space:nowrap}.sep-table td{padding:12px 14px;font-size:14px;color:var(--theme-text-primary);border-bottom:1px solid var(--theme-border);vertical-align:middle}.sep-table tbody tr:last-child td{border-bottom:none}.sep-table tbody tr:hover{background:var(--theme-bg-hover)}.sep-table-inner{min-width:0}.sep-employee-cell{display:flex;flex-direction:column;gap:2px}.sep-emp-name{font-weight:600;color:var(--theme-text-primary);white-space:nowrap}.sep-emp-code{font-size:12px;color:var(--theme-text-muted);font-family:SF Mono,Fira Code,Consolas,monospace}.sep-type-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:500;background:var(--theme-bg-surface);color:var(--theme-text-secondary);white-space:nowrap}.sep-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.sep-actions-cell{display:flex;align-items:center;gap:4px}.sep-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:8px 0}.sep-pagination-info{font-size:14px;color:var(--theme-text-muted)}.sep-pagination-controls{display:flex;align-items:center;gap:8px}.sep-pagination-page{font-size:14px;font-weight:500;color:var(--theme-text-secondary);min-width:100px;text-align:center}.sep-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:sep-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}@keyframes sep-overlayIn{0%{opacity:0}to{opacity:1}}.sep-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;animation:sep-modalIn .25s cubic-bezier(.32,.72,0,1)}@keyframes sep-modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sep-modal-lg{max-width:860px}.sep-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--theme-border);position:sticky;top:0;background:var(--theme-bg-card);z-index:2;border-radius:16px 16px 0 0}.sep-modal-header h2{font-size:18px;font-weight:700;color:var(--theme-text-primary);margin:0}.sep-modal-body{padding:24px}.sep-detail-body{padding:0 24px 24px}.sep-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--theme-border)}.sep-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.sep-form-group label{display:block;font-size:13px;font-weight:600;color:var(--theme-text-secondary);margin-bottom:6px}.sep-form-group{min-width:0}.sep-form-group input,.sep-form-group select,.sep-form-group textarea{width:100%;min-width:0;padding:9px 12px;border:1px solid var(--theme-border);border-radius:8px;font-size:14px;color:var(--theme-text-primary);background:var(--theme-bg-input);outline:none;transition:border-color .2s ease;box-sizing:border-box}.sep-form-group input:focus,.sep-form-group select:focus,.sep-form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.sep-form-group textarea{resize:vertical;font-family:inherit}.sep-form-full{grid-column:1 / -1}.sep-detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--theme-border);padding:0 24px;overflow-x:auto;position:sticky;top:65px;background:var(--theme-bg-card);z-index:1}.sep-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;border:none;background:none;font-size:14px;font-weight:500;color:var(--theme-text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.sep-tab:hover{color:var(--theme-text-primary);background:var(--theme-bg-hover)}.sep-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.sep-detail-content{padding-top:20px}.sep-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.sep-detail-row{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--theme-border)}.sep-detail-full{grid-column:1 / -1}.sep-detail-label{font-size:12px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.3px}.sep-detail-value{font-size:14px;color:var(--theme-text-primary);word-break:break-word}.sep-detail-hl-red{background:#fef2f2;padding:10px 12px;border-radius:8px;margin:4px 0}.sep-detail-hl-red .sep-detail-label{color:#dc2626}.sep-detail-hl-gray{background:#f3f4f6;padding:10px 12px;border-radius:8px;margin:4px 0}.sep-detail-hl-gray .sep-detail-label{color:#6b7280}.sep-progress-section{display:flex;align-items:center;gap:12px;margin:16px 0}.sep-progress-label{font-size:13px;font-weight:600;color:var(--theme-text-secondary);white-space:nowrap}.sep-progress-bar-track{flex:1;height:8px;background:var(--theme-bg-surface);border-radius:4px;overflow:hidden}.sep-progress-bar-fill{height:100%;background:linear-gradient(90deg,#2563eb,#16a34a);border-radius:4px;transition:width .4s ease}.sep-progress-pct{font-size:13px;font-weight:600;color:var(--theme-text-primary);min-width:36px;text-align:right}.sep-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--theme-border)}.sep-checklist-content,.sep-kt-content,.sep-interview-content{padding-top:20px}.sep-checklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sep-checklist-header h3{font-size:16px;font-weight:700;color:var(--theme-text-primary);margin:0}.sep-checklist-table-wrap{overflow-x:auto;border:1px solid var(--theme-border);border-radius:10px}.sep-check-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.sep-check-done{background:#dcfce7;color:#16a34a}.sep-check-done:hover{background:#bbf7d0}.sep-check-pending{background:#fef3c7;color:#d97706}.sep-check-pending:hover{background:#fde68a}.sep-check-done-label{font-size:12px;font-weight:600;color:#16a34a}.sep-check-pending-label{font-size:12px;font-weight:600;color:#d97706}.sep-kt-cards{display:flex;flex-direction:column;gap:12px}.sep-kt-card{background:var(--theme-bg-surface);border:1px solid var(--theme-border);border-radius:10px;padding:16px;transition:box-shadow .15s}.sep-kt-card:hover{box-shadow:0 2px 8px #0000000f}.sep-kt-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.sep-kt-card-header h4{font-size:15px;font-weight:600;color:var(--theme-text-primary);margin:0}.sep-kt-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.sep-kt-signedoff{background:#dcfce7;color:#16a34a}.sep-kt-inprog{background:#fef3c7;color:#d97706}.sep-kt-pending-status{background:#dbeafe;color:#2563eb}.sep-kt-desc{font-size:13px;color:var(--theme-text-secondary);margin:0 0 8px;line-height:1.5}.sep-kt-meta{font-size:12px;color:var(--theme-text-muted);margin-bottom:8px}.sep-kt-actions{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--theme-border)}.sep-interview-data{padding-top:4px}.sep-rating{display:inline-flex;align-items:center;gap:2px}.sep-star-filled{color:#f59e0b;font-size:18px}.sep-star-empty{color:#d1d5db;font-size:18px}.sep-rating-num{font-size:13px;color:var(--theme-text-secondary);margin-left:6px;font-weight:500}.sep-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.sep-loading p{color:var(--theme-text-muted);font-size:14px;margin:0}.sep-spinner{width:36px;height:36px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:sep-spin .8s linear infinite}@keyframes sep-spin{to{transform:rotate(360deg)}}.sep-spin{animation:sep-spin 1s linear infinite}.sep-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.sep-empty-icon{font-size:48px;color:var(--theme-text-muted);margin-bottom:16px;opacity:.5}.sep-empty h3{font-size:18px;font-weight:600;color:var(--theme-text-primary);margin:0 0 6px}.sep-empty p{font-size:14px;color:var(--theme-text-muted);margin:0}.sep-empty-sm{text-align:center;padding:32px 16px;color:var(--theme-text-muted);font-size:14px}.sep-empty-sm p{margin:0 0 16px}@media(max-width:640px){.sep-page{padding:14px}.sep-header{flex-direction:column;align-items:flex-start}.sep-header-actions{width:100%}.sep-header-actions .sep-btn{flex:1;justify-content:center}.sep-title{font-size:20px}.sep-subtitle{font-size:13px}.sep-stats{grid-template-columns:1fr 1fr;gap:10px}.sep-stat-card{padding:14px}.sep-stat-icon{width:36px;height:36px;font-size:16px;border-radius:8px}.sep-stat-val{font-size:18px}.sep-filters{flex-direction:column;align-items:stretch}.sep-search-box{min-width:100%}.sep-filter-select{width:100%}.sep-form-grid,.sep-detail-grid{grid-template-columns:1fr}.sep-modal{max-width:100%;margin:8px;border-radius:12px;max-height:95vh}.sep-modal-lg{max-width:100%}.sep-modal-header,.sep-modal-body{padding:16px}.sep-detail-body{padding:0 16px 16px}.sep-modal-footer{padding:12px 16px}.sep-detail-tabs{padding:0 16px}.sep-tab{padding:10px 12px;font-size:13px}.sep-detail-actions{flex-direction:column}.sep-detail-actions .sep-btn{justify-content:center}.sep-pagination{flex-direction:column;align-items:flex-start}.sep-pagination-controls{width:100%;justify-content:space-between}.sep-kt-card-header{flex-direction:column;align-items:flex-start;gap:6px}.sep-checklist-header{flex-direction:column;align-items:flex-start;gap:10px}.sep-checklist-header .sep-btn{width:100%;justify-content:center}.sep-progress-section{flex-wrap:wrap}}.tf-page{display:flex;flex-direction:column;gap:16px}.tf-header{display:flex;justify-content:space-between;align-items:center}.tf-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.tf-header-actions{display:flex;gap:8px;align-items:center}.tf-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.tf-btn:hover{background:#f8fafc;border-color:#cbd5e1}.tf-btn:disabled{opacity:.6;cursor:not-allowed}.tf-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.tf-btn-primary:hover{background:#1d4ed8}.tf-btn-success{background:#059669;color:#fff;border-color:#059669}.tf-btn-success:hover{background:#047857}.tf-btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.tf-btn-danger:hover{background:#dc2626}.tf-btn-amber{background:#d97706;color:#fff;border-color:#d97706}.tf-btn-amber:hover{background:#b45309}.tf-btn-teal{background:#0d9488;color:#fff;border-color:#0d9488}.tf-btn-teal:hover{background:#0f766e}.tf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tf-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px}.tf-stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tf-stat-card-header span{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.tf-stat-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.tf-stat-card-icon.pending{background:#fef3c7;color:#d97706}.tf-stat-card-icon.status{background:#dbeafe;color:#2563eb}.tf-stat-card-icon.type{background:#d1fae5;color:#059669}.tf-stat-val{font-size:24px;font-weight:700;color:#1e293b;margin:0}.tf-stat-label{font-size:12px;color:#94a3b8;margin-top:2px}.tf-stat-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tf-stat-tag{font-size:11px;padding:2px 8px;border-radius:10px;background:#f1f5f9;color:#475569;font-weight:500}.tf-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tf-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:220px;flex:1;max-width:320px}.tf-search-box svg{color:#94a3b8;flex-shrink:0}.tf-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.tf-filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;min-width:140px;max-width:220px}.tf-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.tf-table{width:100%;border-collapse:collapse;font-size:13px}.tf-table thead{background:#f8fafc}.tf-table th{padding:10px 14px;text-align:left;font-weight:600;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.tf-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.tf-table tbody tr:hover{background:#f8fafc}.tf-table tbody tr:last-child td{border-bottom:none}.tf-emp-name{font-weight:600;color:#1e293b;display:block}.tf-emp-code{font-size:11px;color:#94a3b8}.tf-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;white-space:nowrap}.tf-badge-type{background:#f0f9ff;color:#0369a1}.tf-badge-INITIATED{background:#dbeafe;color:#1d4ed8}.tf-badge-PENDING_APPROVAL{background:#fef3c7;color:#92400e}.tf-badge-APPROVED{background:#ccfbf1;color:#0f766e}.tf-badge-COMPLETED{background:#dcfce7;color:#166534}.tf-badge-CANCELLED{background:#f1f5f9;color:#64748b}.tf-badge-REJECTED{background:#fee2e2;color:#991b1b}.tf-transfer-arrow{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;flex-wrap:wrap}.tf-transfer-from{color:#94a3b8}.tf-transfer-to{color:#1e293b;font-weight:500}.tf-transfer-arrow svg{color:#94a3b8;flex-shrink:0;font-size:12px}.tf-action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#64748b;display:inline-flex;align-items:center;transition:all .15s}.tf-action-btn:hover{background:#f1f5f9;color:#2563eb}.tf-empty{text-align:center;padding:60px 20px;color:#94a3b8}.tf-empty svg{margin-bottom:16px;opacity:.4}.tf-empty h3{color:#475569;margin-bottom:8px}.tf-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.tf-pagination-info{font-size:13px;color:#64748b}.tf-pagination-btns{display:flex;gap:4px}.tf-page-btn{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer;transition:all .15s}.tf-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.tf-page-btn:disabled{opacity:.5;cursor:not-allowed}.tf-page-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.tf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:tf-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.tf-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:600px;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;max-height:90vh;display:flex;flex-direction:column;animation:tf-modalIn .25s cubic-bezier(.32,.72,0,1)}@keyframes tf-modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes tf-overlayIn{0%{opacity:0}to{opacity:1}}.tf-modal-lg{max-width:720px}.tf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.tf-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.tf-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.tf-modal-close:hover{background:#f1f5f9;color:#475569}.tf-modal-body{padding:20px;overflow-y:auto;flex:1}.tf-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0;flex-shrink:0}.tf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tf-form-full{grid-column:1 / -1}.tf-field{display:flex;flex-direction:column;gap:4px;min-width:0}.tf-field label{font-size:12px;font-weight:600;color:#374151}.tf-field label .tf-required{color:#ef4444;margin-left:2px}.tf-field input,.tf-field select,.tf-field textarea{width:100%;min-width:0;box-sizing:border-box;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b;background:#fff;transition:border-color .15s}.tf-field input:focus,.tf-field select:focus,.tf-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.tf-field textarea{resize:vertical;min-height:80px}.tf-checkbox-row{display:flex;align-items:center;gap:8px;padding:6px 0}.tf-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer}.tf-checkbox-row label{font-size:13px;color:#475569;cursor:pointer;margin:0;font-weight:500}.tf-detail-section{margin-bottom:20px}.tf-detail-section:last-child{margin-bottom:0}.tf-detail-section-title{font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.tf-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.tf-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.tf-detail-row:last-child{border-bottom:none}.tf-detail-label{color:#64748b;font-weight:500}.tf-detail-value{color:#1e293b;font-weight:500;text-align:right}.tf-compare{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}.tf-compare th{padding:8px 12px;text-align:left;font-weight:600;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tf-compare td{padding:8px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b}.tf-compare .tf-from-val{color:#94a3b8}.tf-compare .tf-to-val{color:#1e293b;font-weight:500}.tf-compare .tf-changed{background:#f0fdf4}.tf-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.tf-notes-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;font-size:13px;color:#475569;line-height:1.5;white-space:pre-wrap}@keyframes tf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tf-spin{animation:tf-spin .8s linear infinite}@media(max-width:640px){.tf-header{flex-direction:column;gap:12px;align-items:flex-start}.tf-header-actions{width:100%}.tf-stats{grid-template-columns:1fr}.tf-filters{flex-direction:column;align-items:stretch}.tf-search-box{max-width:none}.tf-table-wrap{overflow-x:auto}.tf-table{min-width:700px}.tf-form-grid,.tf-detail-grid{grid-template-columns:1fr}.tf-modal{max-width:95vw}.tf-pagination{flex-direction:column;gap:8px;align-items:center}.tf-detail-actions{flex-direction:column}.tf-detail-actions .tf-btn{width:100%;justify-content:center}}.pbl-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.pbl-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.pbl-search-box svg{color:#94a3b8;flex-shrink:0}.pbl-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.pbl-search-box input::placeholder{color:#1e293b;font-weight:600}.pbl-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.pbl-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600}.pbl-filter-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;color:#475569;background:#fff}.pbl-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.pbl-btn:hover{background:#f8fafc;border-color:#cbd5e1}.pbl-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.pbl-add-btn:hover{background:#1d4ed8}.pbl-empty{text-align:center;padding:60px 20px;color:#94a3b8}.pbl-empty svg{margin-bottom:16px;opacity:.4}.pbl-empty h3{color:#475569;margin-bottom:8px}.pbl-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.pbl-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.pbl-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.pbl-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.pbl-grid-wrapper .ag-row{border-color:#f1f5f9!important}.pbl-grid-wrapper .ag-row:hover{background:#f8fafc!important}.pbl-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.pbl-status-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px}.pbl-actions{display:flex;gap:4px}.pbl-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;transition:all .2s}.pbl-view-btn{color:#2563eb}.pbl-view-btn:hover{background:#dbeafe}.pbl-delete-btn{color:#ef4444}.pbl-delete-btn:hover{background:#fee2e2}@media(max-width:640px){.pbl-toolbar{flex-direction:column;align-items:stretch}.pbl-toolbar-right{margin-left:0;justify-content:flex-end}}.pba-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#475569;cursor:pointer;margin-bottom:12px}.pba-back:hover{background:#f8fafc}.pba-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.pba-title{margin:0 0 20px;font-size:18px;font-weight:700;color:#1e293b}.pba-section{font-size:12px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin:18px 0 8px;padding-bottom:4px;border-bottom:1px solid #eff6ff}.pba-section:first-of-type{margin-top:0}.pba-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pba-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.pba-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.pba-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;min-width:0}.pba-field label{font-size:12px;font-weight:600;color:#374151}.pba-req{color:#ef4444}.pba-field input,.pba-field select,.pba-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b;width:100%;min-width:0;box-sizing:border-box}.pba-field input:focus,.pba-field select:focus,.pba-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pba-field textarea{resize:vertical;min-height:50px}.pba-field-error input,.pba-field-error select{border-color:#ef4444!important}.pba-err{font-size:11px;color:#ef4444}.pba-file-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px dashed #d1d5db;border-radius:8px;font-size:12px;color:#64748b;cursor:pointer;transition:all .15s}.pba-file-btn:hover{border-color:#2563eb;color:#2563eb}.pba-doc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.pba-doc-chip{font-size:12px;padding:4px 12px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;transition:all .15s;display:inline-flex;align-items:center;gap:4px}.pba-doc-chip:hover{border-color:#93c5fd;background:#eff6ff}.pba-doc-chip.pba-chip-selected{background:#2563eb;color:#fff;border-color:#2563eb}.pba-mandatory-dot{width:6px;height:6px;border-radius:50%;background:#ef4444}.pba-chip-selected .pba-mandatory-dot{background:#fca5a5}.pba-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer;font-weight:500;padding:6px 0}.pba-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.pba-portal-options{display:flex;gap:20px;padding:10px 16px;margin-top:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.pba-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.pba-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.pba-cancel{background:#f1f5f9;color:#475569}.pba-submit{background:#2563eb;color:#fff;border-color:#2563eb}.pba-submit:hover{background:#1d4ed8}.pba-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.pba-grid-2,.pba-grid-3,.pba-grid-4{grid-template-columns:1fr}}.pbd-header{margin-bottom:16px}.pbd-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#475569;cursor:pointer;margin-bottom:12px}.pbd-back:hover{background:#f8fafc}.pbd-header-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px}.pbd-header-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pbd-header-top h2{margin:0;font-size:18px;font-weight:700;color:#1e293b}.pbd-status-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:8px}.pbd-header-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#64748b}.pbd-header-meta span{display:inline-flex;align-items:center;gap:4px}.pbd-progress{display:flex;gap:16px;margin-top:10px;font-size:12px;color:#64748b;padding:8px 12px;background:#f8fafc;border-radius:8px}.pbd-transition{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.pbd-transition-btn{font-size:11px;padding:4px 10px;border-radius:6px;border:1px solid;background:#fff;cursor:pointer;font-weight:500;transition:all .15s}.pbd-transition-btn:hover{opacity:.8}.pbd-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid #e2e8f0}.pbd-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:none;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.pbd-tab:hover{color:#1e293b}.pbd-tab-active{color:#2563eb;border-bottom-color:#2563eb}.pbd-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;min-height:200px}.pbd-loading{text-align:center;padding:40px;color:#94a3b8}.pbd-empty-tab{text-align:center;padding:40px;color:#94a3b8;font-size:13px}.pbd-empty{text-align:center;padding:60px;color:#94a3b8}.pbd-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.pbd-info-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#f8fafc;border-radius:8px}.pbd-info-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.pbd-info-value{font-size:13px;color:#1e293b;font-weight:500}.pbd-offer-list{display:flex;flex-direction:column;gap:10px}.pbd-offer-card{border:1px solid #e2e8f0;border-radius:10px;padding:14px}.pbd-offer-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pbd-offer-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}.pbd-offer-ctc{font-size:15px;font-weight:700;color:#1e293b}.pbd-offer-details{display:flex;gap:16px;font-size:12px;color:#64748b;margin-bottom:8px}.pbd-offer-actions{display:flex;gap:6px}.pbd-doc-list{display:flex;flex-direction:column;gap:8px}.pbd-doc-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:8px}.pbd-doc-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pbd-doc-name{font-size:13px;font-weight:600;color:#1e293b}.pbd-doc-req{font-size:9px;padding:1px 6px;border-radius:4px;background:#fee2e2;color:#dc2626;font-weight:600}.pbd-doc-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px}.pbd-doc-actions{display:flex;gap:4px}.pbd-profile-sections{display:flex;flex-direction:column;gap:12px}.pbd-section{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.pbd-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.pbd-section-header h4{margin:0;font-size:13px;font-weight:600;color:#1e293b}.pbd-section-empty{font-size:11px;color:#cbd5e1}.pbd-field-list{padding:8px}.pbd-field-row{display:flex;align-items:center;gap:12px;padding:6px 8px;border-bottom:1px solid #f8fafc}.pbd-field-row:last-child{border-bottom:none}.pbd-field-label{font-size:12px;color:#64748b;min-width:140px;font-weight:500}.pbd-field-value{font-size:12px;color:#1e293b;flex:1}.pbd-field-actions{display:flex;gap:4px;flex-shrink:0}.pbd-field-verified{font-size:11px;color:#16a34a;display:flex;align-items:center;gap:3px}.pbd-field-rejected{font-size:11px;color:#dc2626;display:flex;align-items:center;gap:3px}.pbd-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.pbd-btn:hover{background:#f8fafc}.pbd-btn-blue{color:#2563eb;border-color:#93c5fd}.pbd-btn-blue:hover{background:#dbeafe}.pbd-btn-green{color:#16a34a;border-color:#bbf7d0}.pbd-btn-green:hover{background:#dcfce7}.pbd-btn-red{color:#dc2626;border-color:#fecaca}.pbd-btn-red:hover{background:#fee2e2}.pbd-btn-sm{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;font-size:11px;color:#475569;cursor:pointer;transition:all .15s}.pbd-btn-sm:hover{background:#f8fafc}.pbd-btn-xs{padding:2px 6px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;cursor:pointer;display:flex;font-size:10px}.pbd-upload-label{cursor:pointer}.pbd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;animation:pbd-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.pbd-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:480px;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;animation:pbd-modalIn .25s cubic-bezier(.32,.72,0,1)}@keyframes pbd-modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pbd-overlayIn{0%{opacity:0}to{opacity:1}}.pbd-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.pbd-modal-header h3{margin:0;font-size:16px;font-weight:600}.pbd-modal-header button{background:none;border:none;cursor:pointer;color:#94a3b8;display:flex}.pbd-modal-body{padding:20px}.pbd-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.pbd-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;min-width:0}.pbd-field label{font-size:12px;font-weight:600;color:#374151}.pbd-field input,.pbd-field select,.pbd-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;width:100%;min-width:0;box-sizing:border-box}.pbd-field input:focus,.pbd-field select:focus{outline:none;border-color:#2563eb}@media(max-width:640px){.pbd-info-grid{grid-template-columns:1fr}.pbd-tabs{overflow-x:auto}.pbd-doc-card{flex-direction:column;align-items:flex-start}}.et-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.et-page-header h1{font-size:24px;font-weight:600;color:var(--theme-text-primary);margin:0}.et-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.et-toggle-wrapper{display:flex;align-items:center;gap:10px}.et-toggle-label{font-size:14px;font-weight:500;color:var(--theme-text-muted);-webkit-user-select:none;user-select:none}.et-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.et-toggle-switch input{position:absolute;opacity:0;width:0;height:0}.et-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:24px;transition:all .3s ease}.et-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.et-toggle-switch input:checked+.et-toggle-slider{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}.et-toggle-switch input:checked+.et-toggle-slider:before{transform:translate(20px)}.et-toggle-sm{width:38px;height:20px}.et-toggle-sm .et-toggle-slider:before{height:14px;width:14px}.et-toggle-sm input:checked+.et-toggle-slider:before{transform:translate(18px)}.et-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.et-refresh-btn{background:var(--theme-bg-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border-input)}.et-refresh-btn:hover{background:var(--theme-bg-card)}.et-refresh-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes et-spin{to{transform:rotate(360deg)}}.et-spinning{animation:et-spin 1s linear infinite}.et-add-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--theme-text-white)}.et-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.et-btn-sm{padding:6px 12px;font-size:13px}.et-stats-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.et-stat-card{flex:1;min-width:140px;padding:16px 20px;background:var(--theme-bg-card);border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;align-items:center;gap:14px}.et-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.et-stat-icon.total{background:#6366f11a;color:var(--color-primary)}.et-stat-icon.active{background:#22c55e1a;color:#22c55e}.et-stat-icon.inactive{background:#ef44441a;color:#ef4444}.et-stat-info h4{margin:0;font-size:22px;font-weight:700;color:var(--theme-text-primary);line-height:1}.et-stat-info p{margin:4px 0 0;font-size:12px;color:var(--theme-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.et-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.et-search-wrapper{position:relative;flex:1;min-width:200px;max-width:400px}.et-search-wrapper svg.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.et-search-wrapper input{width:100%;padding:10px 12px 10px 36px;font-size:14px;color:var(--theme-text-primary);background:var(--theme-bg-card);border:1px solid var(--theme-border-input);border-radius:8px;outline:none;transition:all .2s ease}.et-search-wrapper input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.et-search-wrapper .search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--theme-text-placeholder);padding:4px;display:flex;align-items:center}.et-search-wrapper .search-clear:hover{color:var(--theme-text-secondary)}.et-empty-state{text-align:center;padding:60px 20px;color:var(--theme-text-placeholder)}.et-empty-state svg{margin-bottom:16px;opacity:.4}.et-empty-state h3{color:var(--theme-text-secondary);margin:0 0 8px;font-size:18px}.et-empty-state p{font-size:14px;margin:0}.et-table-wrap{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:12px;overflow:hidden}.et-table{width:100%;border-collapse:collapse}.et-table thead th{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text-muted);background:var(--theme-bg-input);border-bottom:1px solid var(--theme-border);text-align:left}.et-table tbody td{padding:12px 16px;font-size:13px;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);vertical-align:middle}.et-row{transition:background .15s}.et-row:hover{background:var(--theme-bg-input)}.et-row:last-child td{border-bottom:none}.et-row-inactive{opacity:.55}.et-name-cell{display:flex;flex-direction:column;gap:2px}.et-name{font-weight:600;color:var(--theme-text-primary);font-size:14px}.et-desc{font-size:12px;color:var(--theme-text-muted);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-item-count{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#6366f11a;color:var(--color-primary);font-weight:700;font-size:13px}.et-exit-chips{display:flex;gap:4px;flex-wrap:wrap}.et-exit-chip{font-size:11px;padding:2px 8px;border-radius:12px;background:#6366f114;color:var(--color-primary);font-weight:500;white-space:nowrap;border:1px solid rgba(99,102,241,.15)}.et-exit-chip-all{background:#22c55e14;color:#16a34a;border-color:#22c55e26}.et-status{font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px}.et-status-active{background:#22c55e1a;color:#16a34a}.et-status-inactive{background:#ef44441a;color:#dc2626}.et-actions{display:flex;gap:4px}.et-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:6px;border-radius:6px;color:var(--theme-text-muted);display:flex;transition:all .15s;font-size:14px}.et-icon-btn:hover{background:var(--theme-bg-input);color:var(--theme-text-primary)}.et-edit-btn:hover{color:#2563eb;background:#2563eb14}.et-duplicate-btn:hover{color:#7c3aed;background:#7c3aed14}.et-delete-btn:hover{color:#ef4444;background:#ef444414}.et-move-btn{font-size:12px;padding:4px}.et-move-btn:disabled{opacity:.3;cursor:not-allowed}.et-move-btn:hover:not(:disabled){color:#d97706;background:#d9770614}.et-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:et-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}@keyframes et-overlayIn{0%{opacity:0}to{opacity:1}}@keyframes et-modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.et-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:580px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;animation:et-modalIn .25s cubic-bezier(.32,.72,0,1)}.et-modal-wide{max-width:900px}.et-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--theme-text-white)}.et-modal-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.et-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:8px;color:var(--theme-text-white);font-size:20px;cursor:pointer;transition:all .2s ease}.et-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.et-modal-body{padding:24px;overflow-y:auto;flex:1}.et-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--theme-border);background:var(--theme-bg-input)}.et-modal-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.et-modal-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--theme-text-white);border:none}.et-modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.et-modal-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.et-modal-btn.secondary{background:var(--theme-bg-card);color:var(--theme-text-secondary);border:1px solid var(--theme-border-input)}.et-modal-btn.secondary:hover{background:var(--theme-bg-surface)}.et-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0}.et-form-group:last-child{margin-bottom:0}.et-form-group label{font-size:13px;font-weight:500;color:var(--theme-text-secondary)}.et-form-group label .required{color:#ef4444;margin-left:2px}.et-hint{font-weight:400;color:var(--theme-text-muted);font-size:12px;margin-left:4px}.et-form-group input,.et-form-group select,.et-form-group textarea{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;font-size:14px;color:var(--theme-text-primary);background:var(--theme-bg-card);border:1px solid var(--theme-border-input);border-radius:8px;outline:none;transition:all .2s ease}.et-form-group input:focus,.et-form-group select:focus,.et-form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.et-form-group select{cursor:pointer}.et-form-group textarea{resize:vertical;min-height:60px}.et-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;background:var(--theme-bg-input);border-radius:8px;border:1px solid var(--theme-border)}.et-checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer}.et-checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.et-checkbox-label{font-size:13px;color:var(--theme-text-secondary);-webkit-user-select:none;user-select:none}.et-detail-loading{display:flex;align-items:center;gap:10px;padding:40px;justify-content:center;color:var(--theme-text-muted);font-size:14px}.et-detail-info{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--theme-border)}.et-detail-name{font-size:20px;font-weight:700;color:var(--theme-text-primary);margin:0 0 4px}.et-detail-desc{font-size:14px;color:var(--theme-text-muted);margin:0 0 12px;line-height:1.5}.et-detail-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.et-detail-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.et-detail-items-header h4{margin:0;font-size:15px;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.et-items-empty{text-align:center;padding:32px 20px;background:var(--theme-bg-input);border-radius:10px;border:1px dashed var(--theme-border)}.et-items-empty p{margin:0;font-size:14px;color:var(--theme-text-muted)}.et-items-table-wrap{border:1px solid var(--theme-border);border-radius:10px;overflow:hidden}.et-items-table tbody td{font-size:13px}.et-item-order{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--theme-bg-input);color:var(--theme-text-muted);font-weight:600;font-size:11px}.et-item-name-cell{display:flex;flex-direction:column;gap:2px}.et-item-name{font-weight:600;color:var(--theme-text-primary)}.et-item-desc{font-size:12px;color:var(--theme-text-muted);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-dept-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;background:#3b82f61a;color:#2563eb;text-transform:uppercase;letter-spacing:.3px}.et-type-badge{font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px;background:#8b5cf61a;color:#7c3aed}.et-mandatory{font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.et-mandatory.yes{background:#22c55e1a;color:#16a34a}.et-mandatory.no{background:#6b72801a;color:#6b7280}.et-item-form-card{background:var(--theme-bg-input);border:1px solid var(--theme-border);border-radius:10px;padding:16px;margin-bottom:16px;overflow:hidden}.et-item-form-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--theme-text-primary);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--theme-border)}.et-item-form-title svg{color:var(--color-primary)}.et-item-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.et-item-form-grid .et-form-group{margin-bottom:0}.et-form-group-full{grid-column:1 / -1}.et-item-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--theme-border)}@media(max-width:640px){.et-page-header{flex-direction:column;align-items:stretch;gap:12px}.et-header-actions{flex-direction:column;gap:8px}.et-action-btn{width:100%;justify-content:center}.et-toggle-wrapper{justify-content:space-between}.et-stats-bar{gap:10px}.et-stat-card{min-width:100px;padding:12px 14px}.et-toolbar{flex-direction:column;align-items:stretch}.et-search-wrapper{max-width:none}.et-table-wrap{overflow-x:auto}.et-table{min-width:600px}.et-modal{max-height:92vh;max-width:100%}.et-modal-wide{max-width:100%}.et-modal-footer{flex-direction:column}.et-modal-btn{width:100%;justify-content:center}.et-checkbox-grid,.et-item-form-grid{grid-template-columns:1fr}.et-detail-items-header{flex-direction:column;align-items:flex-start;gap:10px}.et-items-table-wrap{overflow-x:auto}.et-items-table{min-width:580px}}.obt-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.obt-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.obt-search-box svg{color:#94a3b8;flex-shrink:0}.obt-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.obt-search-box input::placeholder{color:#1e293b;font-weight:600}.obt-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.obt-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600}.obt-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.obt-btn:hover{background:#f8fafc;border-color:#cbd5e1}.obt-btn:active{transform:scale(.95)}.obt-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.obt-add-btn:hover{background:#1d4ed8}.obt-add-btn:disabled,.obt-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.obt-cancel-btn{background:#f1f5f9;color:#475569}.obt-toggle-inactive{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:12px;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s}.obt-toggle-inactive.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.obt-toggle{background:none;border:none;cursor:pointer;padding:2px;display:flex}.obt-empty{text-align:center;padding:60px 20px;color:#94a3b8}.obt-empty svg{margin-bottom:16px;opacity:.4}.obt-empty h3{color:#475569;margin-bottom:8px}.obt-empty p{margin:0;color:#94a3b8;font-size:13px}.obt-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;animation:obt-fadeIn .4s ease}.obt-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.obt-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.obt-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.obt-grid-wrapper .ag-row{border-color:#f1f5f9!important;cursor:pointer}.obt-grid-wrapper .ag-row:hover{background:#f8fafc!important}.obt-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.obt-actions{display:flex;gap:4px;align-items:center}.obt-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.obt-icon-btn:active{transform:scale(.85)}.obt-edit-btn{color:#2563eb}.obt-edit-btn:hover{background:#dbeafe;color:#1d4ed8}.obt-delete-btn{color:#ef4444}.obt-delete-btn:hover{background:#fee2e2;color:#dc2626}.obt-detail-header{margin-bottom:20px}.obt-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#475569;cursor:pointer;margin-bottom:12px;transition:all .15s}.obt-back-btn:hover{background:#f8fafc}.obt-detail-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px}.obt-detail-title{display:flex;align-items:center;gap:8px}.obt-detail-title h2{margin:0;font-size:18px;font-weight:700;color:#1e293b}.obt-detail-desc{margin:4px 0 0;font-size:13px;color:#64748b}.obt-detail-meta{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.obt-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:500}.obt-chip-green{background:#dcfce7;color:#16a34a}.obt-task-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.obt-task-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e2e8f0}.obt-task-header h3{margin:0;font-size:15px;font-weight:600;color:#1e293b}.obt-task-list{padding:12px;display:flex;flex-direction:column;gap:8px}.obt-task-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;transition:all .2s}.obt-task-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.obt-task-card.obt-dragging{opacity:.5;border-color:#2563eb}.obt-task-drag{color:#cbd5e1;cursor:grab;padding:4px;flex-shrink:0}.obt-task-drag:active{cursor:grabbing}.obt-task-body{flex:1;min-width:0}.obt-task-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.obt-task-name{font-weight:600;font-size:13px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obt-task-req{font-size:9px;padding:1px 6px;border-radius:4px;background:#fee2e2;color:#dc2626;font-weight:600;text-transform:uppercase;flex-shrink:0}.obt-task-badges{display:flex;gap:4px;flex-wrap:wrap}.obt-task-badge{font-size:10px;font-weight:600;padding:1px 7px;border-radius:4px}.obt-task-day{color:#475569;background:#f1f5f9}.obt-task-acts{display:flex;gap:2px;flex-shrink:0}.obt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;animation:obt-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.obt-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:520px;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;animation:obt-modalIn .25s cubic-bezier(.32,.72,0,1)}.obt-modal-lg{max-width:600px}.obt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.obt-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.obt-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.obt-modal-close:hover{background:#f1f5f9;color:#475569}.obt-modal-body{padding:20px;max-height:70vh;overflow-y:auto}.obt-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.obt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.obt-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;min-width:0}.obt-field label{font-size:12px;font-weight:600;color:#374151}.obt-req{color:#ef4444}.obt-field input,.obt-field select,.obt-field textarea{width:100%;min-width:0;box-sizing:border-box;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.obt-field input:focus,.obt-field select:focus,.obt-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.obt-field textarea{resize:vertical;min-height:50px}.obt-field-error input,.obt-field-error select{border-color:#ef4444!important}.obt-err{font-size:11px;color:#ef4444}.obt-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer;font-weight:500}.obt-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.obt-scope-section{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px}.obt-multi-select{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:36px;max-height:120px;overflow-y:auto}.obt-multi-chip{font-size:12px;padding:3px 10px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s;font-weight:500;-webkit-user-select:none;user-select:none}.obt-multi-chip:hover{border-color:#93c5fd;background:#eff6ff}.obt-multi-chip.obt-chip-selected{background:#2563eb;color:#fff;border-color:#2563eb}.obt-multi-empty{font-size:11px;color:#cbd5e1;padding:4px 0}@keyframes obt-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes obt-modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes obt-overlayIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.obt-grid-wrapper{overflow-x:auto}}@media(max-width:640px){.obt-toolbar{flex-direction:column;align-items:stretch}.obt-toolbar-right{margin-left:0;justify-content:flex-end}.obt-form-grid{grid-template-columns:1fr}.obt-modal{max-width:95vw}.obt-task-card{flex-wrap:wrap}}.eob-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.eob-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.eob-search-box svg{color:#94a3b8;flex-shrink:0}.eob-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.eob-search-box input::placeholder{color:#1e293b;font-weight:600}.eob-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.eob-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600}.eob-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid #e2e8f0}.eob-tab{padding:8px 16px;border:none;background:none;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.eob-tab:hover{color:#1e293b}.eob-tab-active{color:#2563eb;border-bottom-color:#2563eb}.eob-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.eob-btn:hover{background:#f8fafc}.eob-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.eob-btn-primary:hover{background:#1d4ed8}.eob-btn-primary:disabled{opacity:.6;cursor:not-allowed}.eob-btn-red{color:#dc2626;border-color:#fecaca}.eob-btn-red:hover{background:#fee2e2}.eob-btn-sm{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:11px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.eob-btn-sm:hover{background:#f8fafc}.eob-btn-green{color:#16a34a;border-color:#bbf7d0}.eob-btn-green:hover{background:#dcfce7!important}.eob-btn-orange{color:#d97706;border-color:#fde68a}.eob-btn-orange:hover{background:#fef3c7!important}.eob-icon-btn{background:none;border:none;cursor:pointer;color:#2563eb;padding:5px;border-radius:6px;display:flex}.eob-icon-btn:hover{background:#dbeafe}.eob-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#475569;cursor:pointer;margin-bottom:12px}.eob-empty{text-align:center;padding:60px 20px;color:#94a3b8}.eob-empty svg{margin-bottom:16px;opacity:.4}.eob-empty h3{color:#475569}.eob-empty-tab{text-align:center;padding:40px;color:"#94a3b8";font-size:13px}.eob-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.eob-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.eob-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.eob-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.eob-grid-wrapper .ag-row{border-color:#f1f5f9!important;cursor:pointer}.eob-grid-wrapper .ag-row:hover{background:#f8fafc!important}.eob-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.eob-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}.eob-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px}.eob-badge-red{color:#dc2626;background:#fee2e2}.eob-badge-green{color:#16a34a;background:#dcfce7}.eob-progress-cell{display:flex;align-items:center;gap:6px;width:100%}.eob-progress-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.eob-progress-fill{height:100%;background:#2563eb;border-radius:3px;transition:width .3s}.eob-progress-cell span{font-size:11px;color:#64748b;font-weight:600;min-width:28px}.eob-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;margin-bottom:16px}.eob-detail-top{display:flex;justify-content:space-between;align-items:flex-start}.eob-detail-top h2{margin:0;font-size:18px;font-weight:700;color:#1e293b}.eob-detail-meta{display:flex;gap:16px;margin-top:8px;font-size:12px;color:#64748b;flex-wrap:wrap}.eob-detail-meta span{display:inline-flex;align-items:center;gap:4px}.eob-progress-wide{height:8px;background:#e2e8f0;border-radius:4px;margin-top:12px;overflow:hidden}.eob-progress-wide .eob-progress-fill{height:100%;background:#2563eb;border-radius:4px}.eob-task-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px}.eob-task-section h3{margin:0 0 12px;font-size:15px;font-weight:600;color:#1e293b}.eob-task-table{display:flex;flex-direction:column;gap:6px}.eob-task-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px}.eob-task-row.eob-task-done{opacity:.55}.eob-task-idx{width:24px;height:24px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#64748b;flex-shrink:0}.eob-task-info{flex:1;min-width:0}.eob-task-name{font-weight:600;font-size:13px;color:#1e293b}.eob-task-meta{display:flex;gap:10px;font-size:11px;color:#94a3b8;margin-top:2px;flex-wrap:wrap}.eob-task-meta span{display:inline-flex;align-items:center;gap:3px}.eob-task-type{color:#7c3aed!important;font-weight:500}.eob-task-req{color:#dc2626!important;font-weight:600}.eob-task-completed{font-size:10px;color:#16a34a;margin-top:2px}.eob-task-notes{font-size:11px;color:#64748b;margin-top:2px;font-style:italic}.eob-task-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0}.eob-task-actions{display:flex;gap:4px;flex-shrink:0}.eob-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;animation:eob-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.eob-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:480px;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;animation:eob-modalIn .25s cubic-bezier(.32,.72,0,1)}@keyframes eob-modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes eob-overlayIn{0%{opacity:0}to{opacity:1}}.eob-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.eob-modal-header h3{margin:0;font-size:16px;font-weight:600}.eob-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;display:flex}.eob-modal-body{padding:20px}.eob-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.eob-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;min-width:0}.eob-field label{font-size:12px;font-weight:600;color:#374151}.eob-field input,.eob-field select,.eob-field textarea{width:100%;min-width:0;box-sizing:border-box}.eob-field select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px}.eob-field select:focus{outline:none;border-color:#2563eb}@media(max-width:640px){.eob-toolbar{flex-direction:column;align-items:stretch}.eob-task-row{flex-wrap:wrap}.eob-task-actions{width:100%;justify-content:flex-end}}.sm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sm-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.sm-header-actions{display:flex;gap:8px}.sm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.sm-btn:hover{background:#f8fafc}.sm-refresh:disabled{opacity:.6;cursor:not-allowed}.sm-danger{color:#ef4444;border-color:#fecaca}.sm-danger:hover{background:#fef2f2}.sm-logout-btn{color:#d97706;border-color:#fcd34d;font-size:12px;padding:5px 10px}.sm-logout-btn:hover{background:#fef9c3}.sm-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #e2e8f0}.sm-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;background:none;border:none;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.sm-tab:hover{color:#1e293b}.sm-tab.active{color:#2563eb;border-bottom-color:#2563eb}.sm-badge-red{background:#ef4444;color:#fff;font-size:10px;padding:1px 6px;border-radius:8px;margin-left:4px}.sm-sessions-list{display:flex;flex-direction:column;gap:8px}.sm-session-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:box-shadow .15s}.sm-session-card:hover{box-shadow:0 2px 8px #0000000a}.sm-session-card.sm-current{border-color:#2563eb;border-width:2px;background:#f8fafc}.sm-session-icon{width:44px;height:44px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#475569;flex-shrink:0}.sm-session-info{flex:1}.sm-session-device{font-size:14px;color:#1e293b;margin-bottom:4px}.sm-session-os{font-size:11px;color:#94a3b8;margin-left:6px}.sm-session-meta{font-size:12px;color:#64748b}.sm-session-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.sm-current-badge{font-size:11px;font-weight:600;color:#2563eb;background:#dbeafe;padding:3px 10px;border-radius:10px}.sm-suspicious-badge{font-size:10px;font-weight:600;color:#ef4444;background:#fef2f2;padding:2px 8px;border-radius:10px}.sm-dashboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.sm-stat-card{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.sm-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sm-stat-value{font-size:22px;font-weight:700;color:#1e293b}.sm-stat-label{font-size:12px;color:#64748b;margin-top:2px}.sm-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sm-filter{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff}.sm-filter:focus{outline:none;border-color:#2563eb}.sm-empty{text-align:center;padding:60px 20px;color:#94a3b8}.sm-empty svg{margin-bottom:16px;opacity:.4}.sm-empty h3{color:#475569}.sm-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sm-table{width:100%;border-collapse:collapse}.sm-table thead th{padding:12px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:left}.sm-table tbody td{padding:10px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.sm-table tbody tr:hover{background:#f8fafc}.sm-row-suspicious{background:#fef2f2}.sm-row-suspicious:hover{background:#fee2e2!important}.sm-device-chip{font-size:10px;padding:2px 6px;border-radius:4px;background:#f1f5f9;color:#475569;font-weight:600}.sm-date-sm{font-size:12px;color:#94a3b8;white-space:nowrap}.sm-active-badge{font-size:11px;font-weight:600;color:#16a34a;background:#dcfce7;padding:2px 8px;border-radius:10px}.sm-inactive-badge{font-size:11px;color:#64748b}.sm-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.sm-icon-btn:hover{background:#f1f5f9;color:#1e293b}.sm-icon-danger:hover{color:#ef4444;background:#fef2f2}.sm-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.sm-pagination button{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.sm-pagination button:hover:not(:disabled){background:#f8fafc}.sm-pagination button:disabled{opacity:.4;cursor:not-allowed}.sm-pagination span{font-size:13px;color:#64748b}@media(max-width:640px){.sm-header{flex-direction:column;gap:12px;align-items:flex-start}.sm-tabs{overflow-x:auto}.sm-filters{flex-direction:column;align-items:stretch}.sm-session-card{flex-direction:column;text-align:center}.sm-session-right{align-items:center}.sm-table-wrap{overflow-x:auto}.sm-dashboard{grid-template-columns:repeat(2,1fr)}}.hd-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:20px}.hd-tab{padding:10px 20px;font-size:14px;font-weight:600;color:#64748b;background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.hd-tab:hover{color:#1e293b}.hd-tab.active{color:#2563eb;border-bottom-color:#2563eb}.hd-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hd-page-header h2{font-size:20px;font-weight:700;color:#1e293b;margin:0}.hd-header-actions{display:flex;gap:8px}.hd-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.hd-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.hd-action-btn:disabled{opacity:.6;cursor:not-allowed}.hd-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.hd-add-btn:hover{background:#1d4ed8}.hd-stats-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.hd-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;display:flex;flex-direction:column;cursor:default;transition:box-shadow .15s}.hd-stat-card:hover{box-shadow:0 2px 8px #0000000f}.hd-stat-card-top{display:flex;justify-content:space-between;align-items:flex-start}.hd-stat-value{font-size:24px;font-weight:700;color:#1e293b;line-height:1}.hd-stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.hd-stat-label{font-size:12px;color:#64748b;margin-top:6px;font-weight:500}.hd-stat-breakdown{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.hd-stat-mini{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;white-space:nowrap}.hd-filters-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.hd-filter-group{display:flex;flex-direction:column;gap:4px}.hd-filter-group label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.hd-filter-group select,.hd-filter-group input[type=text]{padding:7px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#334155;background:#fff;min-width:140px;max-width:220px;outline:none;transition:border-color .15s}.hd-filter-group select:focus,.hd-filter-group input[type=text]:focus{border-color:#2563eb}.hd-sla-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:12px;color:#64748b;cursor:pointer;white-space:nowrap;align-self:flex-end;transition:all .15s}.hd-sla-toggle.active{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.hd-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:200px;align-self:flex-end}.hd-search-box svg{color:#94a3b8;flex-shrink:0}.hd-search-box input{border:none;outline:none;padding:7px 0;font-size:13px;width:100%;background:transparent}.hd-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.hd-table{width:100%;border-collapse:collapse}.hd-table thead th{padding:12px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.hd-table tbody td{padding:11px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.hd-table tbody tr{transition:background .12s;cursor:pointer}.hd-table tbody tr:hover{background:#f8fafc}.hd-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px;white-space:nowrap}.hd-priority-LOW{background:#f1f5f9;color:#64748b}.hd-priority-MEDIUM{background:#dbeafe;color:#1d4ed8}.hd-priority-HIGH{background:#fef3c7;color:#b45309}.hd-priority-URGENT{background:#fee2e2;color:#b91c1c}.hd-status-OPEN{background:#dbeafe;color:#1d4ed8}.hd-status-ASSIGNED{background:#ccfbf1;color:#0f766e}.hd-status-IN_PROGRESS{background:#fef3c7;color:#b45309}.hd-status-AWAITING_INFO{background:#ede9fe;color:#6d28d9}.hd-status-RESOLVED{background:#dcfce7;color:#15803d}.hd-status-CLOSED{background:#f1f5f9;color:#64748b}.hd-status-REOPENED{background:#ffedd5;color:#c2410c}.hd-sla-breached{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#b91c1c;background:#fee2e2;padding:2px 8px;border-radius:12px}.hd-sla-ok{font-size:11px;color:#15803d}.hd-requester-cell{display:flex;flex-direction:column}.hd-requester-name{font-weight:600;color:#1e293b;font-size:13px}.hd-requester-code{font-size:11px;color:#94a3b8}.hd-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:12px 0}.hd-pagination button{padding:7px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#475569;cursor:pointer;transition:all .15s}.hd-pagination button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.hd-pagination button:disabled{opacity:.5;cursor:not-allowed}.hd-pagination-info{font-size:13px;color:#64748b}.hd-empty-state{text-align:center;padding:60px 20px;color:#94a3b8}.hd-empty-state svg{margin-bottom:16px;opacity:.4}.hd-empty-state h3{color:#475569;margin-bottom:8px}.hd-empty-state p{font-size:13px}.hd-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px}.hd-loading-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:hd-spin .7s linear infinite}@keyframes hd-spin{to{transform:rotate(360deg)}}.hd-loading-state p{font-size:14px;color:#94a3b8}.hd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:hd-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.hd-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;animation:hd-modalIn .25s cubic-bezier(.32,.72,0,1)}@keyframes hd-modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes hd-overlayIn{0%{opacity:0}to{opacity:1}}.hd-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;border-bottom:1px solid #e2e8f0}.hd-modal-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.hd-modal-subtitle{font-size:12px;color:#94a3b8;margin-top:4px}.hd-modal-close{background:none;border:none;cursor:pointer;padding:6px;color:#94a3b8;border-radius:6px;display:flex;transition:all .15s}.hd-modal-close:hover{background:#f1f5f9;color:#1e293b}.hd-modal-body{padding:20px 24px}.hd-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;gap:8px;flex-wrap:wrap}.hd-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.hd-detail-item{display:flex;flex-direction:column;gap:2px}.hd-detail-item.full{grid-column:1 / -1}.hd-detail-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.hd-detail-value{font-size:13px;color:#1e293b;line-height:1.5}.hd-description-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin-bottom:20px;font-size:13px;color:#334155;line-height:1.6;white-space:pre-wrap;word-break:break-word}.hd-comments-section{margin-top:20px}.hd-comments-title{font-size:14px;font-weight:700;color:#1e293b;margin:0 0 12px}.hd-comments-list{display:flex;flex-direction:column;gap:10px;max-height:350px;overflow-y:auto;padding-right:4px}.hd-comment{padding:12px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff}.hd-comment.internal{background:#fffbeb;border-color:#fde68a}.hd-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hd-comment-author{font-size:13px;font-weight:600;color:#1e293b}.hd-comment-date{font-size:11px;color:#94a3b8}.hd-comment-body{font-size:13px;color:#334155;line-height:1.5;white-space:pre-wrap;word-break:break-word}.hd-comment-internal-badge{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:#fef3c7;color:#92400e;margin-left:8px}.hd-no-comments{font-size:13px;color:#94a3b8;text-align:center;padding:20px}.hd-modal-action-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.hd-modal-action-btn:hover{background:#f8fafc}.hd-modal-action-btn.assign{border-color:#0891b2;color:#0891b2}.hd-modal-action-btn.assign:hover{background:#ecfeff}.hd-modal-action-btn.comment{border-color:#2563eb;color:#2563eb}.hd-modal-action-btn.comment:hover{background:#eff6ff}.hd-modal-action-btn.resolve{border-color:#16a34a;color:#16a34a}.hd-modal-action-btn.resolve:hover{background:#f0fdf4}.hd-modal-action-btn.close-ticket{border-color:#64748b;color:#64748b}.hd-modal-action-btn.close-ticket:hover{background:#f8fafc}.hd-modal-action-btn.reopen{border-color:#ea580c;color:#ea580c}.hd-modal-action-btn.reopen:hover{background:#fff7ed}.hd-cat-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.hd-cat-active{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.hd-cat-active.yes{background:#22c55e}.hd-cat-active.no{background:#ef4444}.hd-kb-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.hd-kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.hd-kb-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;transition:box-shadow .15s,border-color .15s;display:flex;flex-direction:column;gap:10px}.hd-kb-card:hover{box-shadow:0 4px 12px #0000000f;border-color:#cbd5e1}.hd-kb-card-header{display:flex;justify-content:space-between;align-items:flex-start}.hd-kb-card-title{font-size:15px;font-weight:600;color:#1e293b;margin:0;line-height:1.3}.hd-kb-card-actions{display:flex;gap:4px;flex-shrink:0}.hd-kb-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.hd-kb-icon-btn:hover{background:#f1f5f9;color:#1e293b}.hd-kb-icon-btn.edit:hover{color:#2563eb;background:#eff6ff}.hd-kb-icon-btn.delete:hover{color:#ef4444;background:#fef2f2}.hd-kb-card-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.hd-kb-category-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:12px;background:#eff6ff;color:#2563eb}.hd-kb-published-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px}.hd-kb-published-badge.yes{background:#dcfce7;color:#15803d}.hd-kb-published-badge.no{background:#fee2e2;color:#b91c1c}.hd-kb-card-tags{display:flex;gap:4px;flex-wrap:wrap}.hd-kb-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:#f1f5f9;color:#64748b;font-weight:500}.hd-kb-card-footer{font-size:11px;color:#94a3b8;margin-top:auto;display:flex;gap:12px}.hd-kb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:hd-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.hd-kb-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;animation:hd-modalIn .25s cubic-bezier(.32,.72,0,1)}.hd-kb-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e2e8f0}.hd-kb-modal-header h3{font-size:17px;font-weight:700;color:#1e293b;margin:0}.hd-kb-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.hd-kb-form-group{display:flex;flex-direction:column;gap:4px;min-width:0}.hd-kb-form-group label{font-size:12px;font-weight:600;color:#334155}.hd-kb-form-group input,.hd-kb-form-group select,.hd-kb-form-group textarea{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#334155;background:#fff;outline:none;transition:border-color .15s;font-family:inherit;width:100%;min-width:0;box-sizing:border-box}.hd-kb-form-group input:focus,.hd-kb-form-group select:focus,.hd-kb-form-group textarea:focus{border-color:#2563eb}.hd-kb-form-group textarea{min-height:140px;resize:vertical}.hd-kb-checkbox-group{display:flex;align-items:center;gap:8px}.hd-kb-checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.hd-kb-checkbox-group label{font-size:13px;cursor:pointer}.hd-kb-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:8px}.hd-kb-modal-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid #e2e8f0;background:#fff;color:#475569}.hd-kb-modal-btn:hover{background:#f8fafc}.hd-kb-modal-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.hd-kb-modal-btn.primary:hover{background:#1d4ed8}.hd-kb-modal-btn:disabled{opacity:.6;cursor:not-allowed}.hd-spin{animation:hd-spin .8s linear infinite}@media(max-width:900px){.hd-stats-bar{grid-template-columns:repeat(3,1fr)}.hd-detail-grid{grid-template-columns:1fr}.hd-table-wrap,.hd-cat-table-wrap{overflow-x:auto}}@media(max-width:640px){.hd-tabs{gap:0;overflow-x:auto}.hd-tab{padding:8px 14px;font-size:13px}.hd-page-header{flex-direction:column;gap:12px;align-items:flex-start}.hd-stats-bar{grid-template-columns:repeat(2,1fr)}.hd-stat-card{padding:12px}.hd-stat-value{font-size:20px}.hd-filters-bar{flex-direction:column;align-items:stretch}.hd-filter-group select,.hd-filter-group input[type=text],.hd-search-box{min-width:0;width:100%}.hd-kb-grid{grid-template-columns:1fr}.hd-modal,.hd-kb-modal{max-width:100%;margin:10px;max-height:95vh}.hd-modal-footer{flex-direction:column}.hd-modal-footer .hd-modal-action-btn{justify-content:center}.hd-kb-filters{flex-direction:column}}.ex-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ex-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.ex-header-actions{display:flex;gap:8px}.ex-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.ex-btn:hover{background:#f8fafc}.ex-primary{background:#2563eb;color:#fff;border-color:#2563eb}.ex-primary:hover{background:#1d4ed8}.ex-primary:disabled{opacity:.6;cursor:not-allowed}.ex-refresh:disabled{opacity:.6;cursor:not-allowed}.ex-approve-btn{color:#16a34a;border-color:#86efac}.ex-approve-btn:hover{background:#dcfce7}.ex-reject-btn{color:#ef4444;border-color:#fca5a5}.ex-reject-btn:hover{background:#fee2e2}.ex-partial-btn{color:#0d9488;border-color:#99f6e4}.ex-partial-btn:hover{background:#ccfbf1}.ex-dashboard{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px}.ex-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.ex-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ex-stat-value{font-size:18px;font-weight:700;color:#1e293b;white-space:nowrap}.ex-stat-label{font-size:11px;color:#64748b;margin-top:2px}.ex-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #e2e8f0}.ex-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;background:none;border:none;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.ex-tab:hover{color:#1e293b}.ex-tab.active{color:#2563eb;border-bottom-color:#2563eb}.ex-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.ex-filter{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;max-width:220px}.ex-filter:focus{outline:none;border-color:#2563eb}.ex-empty{text-align:center;padding:60px 20px;color:#94a3b8}.ex-empty svg{margin-bottom:16px;opacity:.4}.ex-empty h3{color:#475569;margin-bottom:4px}.ex-empty p{font-size:13px;color:#94a3b8;margin:0}.ex-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:12px}.ex-table{width:100%;border-collapse:collapse}.ex-table thead th{padding:12px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.ex-table tbody td{padding:10px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.ex-table tbody tr:hover{background:#f8fafc}.ex-row-pending{background:#fffbeb}.ex-row-pending:hover{background:#fef9c3!important}.ex-table thead th input[type=checkbox],.ex-table tbody td input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}.ex-emp-cell{display:flex;flex-direction:column;gap:2px}.ex-emp-name{font-weight:500;color:#1e293b}.ex-emp-code{font-size:11px;color:#94a3b8}.ex-date-sm{font-size:12px;color:#94a3b8;white-space:nowrap}.ex-amount{font-weight:600;white-space:nowrap}.ex-desc-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#64748b}.ex-cat-name{font-weight:500;color:#1e293b}.ex-gl-code{font-size:12px;color:#64748b;font-family:monospace}.ex-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;display:inline-block;white-space:nowrap}.ex-badge-yes{font-size:11px;font-weight:600;color:#16a34a;background:#dcfce7;padding:2px 8px;border-radius:6px}.ex-badge-no{font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:6px}.ex-active-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}.ex-active-yes{color:#16a34a;background:#dcfce7}.ex-active-no{color:#ef4444;background:#fee2e2}.ex-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.ex-icon-btn:hover{background:#f1f5f9;color:#1e293b}.ex-receipt-link{font-size:12px;color:#2563eb;text-decoration:none;font-weight:500}.ex-receipt-link:hover{text-decoration:underline}.ex-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.ex-pagination button{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.ex-pagination button:hover:not(:disabled){background:#f8fafc}.ex-pagination button:disabled{opacity:.4;cursor:not-allowed}.ex-pagination span{font-size:13px;color:#64748b}.ex-report-section{margin-top:4px}.ex-report-selectors{display:flex;gap:12px;margin-bottom:20px;align-items:flex-end}.ex-report-loading{display:flex;align-items:center;gap:8px;padding:24px;color:#94a3b8;font-size:13px}.ex-report-subtitle{font-size:15px;font-weight:600;color:#1e293b;margin:20px 0 12px}.ex-report-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.ex-rpt-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;text-align:center}.ex-rpt-value{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:4px}.ex-rpt-label{font-size:12px;color:#64748b}.ex-field{display:flex;flex-direction:column;gap:4px}.ex-field label{font-size:12px;font-weight:600;color:#374151}.ex-field select,.ex-field input{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.ex-field select:focus,.ex-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ex-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;animation:ex-overlayIn .25s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.ex-modal{background:#fffffff2;border-radius:14px;width:100%;max-width:520px;box-shadow:0 0 0 .5px #0000000f,0 4px 16px #00000014,0 16px 48px #0000000f;animation:ex-modalIn .25s cubic-bezier(.32,.72,0,1)}@keyframes ex-modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes ex-overlayIn{0%{opacity:0}to{opacity:1}}.ex-modal-lg{max-width:720px}.ex-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.ex-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.ex-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.ex-modal-close:hover{background:#f1f5f9;color:#475569}.ex-modal-body{padding:20px}.ex-modal-scroll{max-height:70vh;overflow-y:auto}.ex-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0;flex-wrap:wrap}.ex-detail-loading{display:flex;align-items:center;gap:8px;padding:24px;color:#94a3b8;font-size:13px}.ex-detail-top{display:flex;gap:8px;align-items:center;margin-bottom:16px}.ex-detail-grid{display:flex;flex-direction:column}.ex-detail-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.ex-detail-label{color:#64748b;min-width:130px;flex-shrink:0}.ex-detail-section{font-size:13px;font-weight:600;color:#1e293b;margin:14px 0 6px;padding-top:10px;border-top:1px solid #e2e8f0}.ex-items-table{margin-top:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@media(max-width:768px){.ex-dashboard,.ex-report-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.ex-header{flex-direction:column;gap:12px;align-items:flex-start}.ex-dashboard{grid-template-columns:repeat(2,1fr)}.ex-filters{flex-direction:column;align-items:stretch}.ex-modal,.ex-modal-lg{max-width:95vw}.ex-table-wrap{overflow-x:auto}.ex-report-selectors{flex-direction:column;align-items:stretch}.ex-report-cards{grid-template-columns:1fr 1fr}.ex-modal-footer{flex-direction:column}.ex-modal-footer .ex-btn{width:100%;justify-content:center}.ex-stat-card{padding:12px}.ex-stat-value{font-size:15px}}.pf-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.pf-page-header h1{font-size:1.5rem;font-weight:700;color:var(--theme-text-primary);margin:0}.pf-header-actions{display:flex;gap:10px;flex-wrap:wrap}.pf-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.pf-btn:disabled{opacity:.5;cursor:not-allowed}.pf-btn-primary{background:var(--color-primary);color:#fff}.pf-btn-primary:hover:not(:disabled){opacity:.9}.pf-btn-secondary{background:var(--theme-bg-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border-medium)}.pf-btn-secondary:hover:not(:disabled){background:var(--theme-bg-hover)}.pf-tabs{display:flex;gap:4px;border-bottom:2px solid var(--theme-border-light);margin-bottom:24px;overflow-x:auto}.pf-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;background:none;color:var(--theme-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap}.pf-tab:hover{color:var(--color-primary)}.pf-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.pf-stats-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.pf-stat-card{background:var(--theme-bg-card);border:1px solid var(--theme-border-light);border-radius:12px;padding:14px 20px;display:flex;flex-direction:column;align-items:center;min-width:110px;flex:1;box-shadow:0 1px 3px #0000000f}.pf-stat-value{font-size:1.4rem;font-weight:700;color:var(--theme-text-primary)}.pf-stat-label{font-size:.75rem;color:var(--theme-text-tertiary);margin-top:2px;text-align:center}.pf-filters-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.pf-filter-group{display:flex;flex-direction:column;gap:4px}.pf-filter-label{font-size:.7rem;font-weight:600;color:var(--theme-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.pf-select,.pf-input{padding:7px 12px;border:1px solid var(--theme-border-medium);border-radius:8px;font-size:.85rem;background:var(--theme-bg-card);color:var(--theme-text-primary);min-width:160px;max-width:220px;outline:none;transition:border-color .2s}.pf-select:focus,.pf-input:focus{border-color:var(--color-primary)}.pf-input-sm{min-width:100px;max-width:140px}.pf-table-wrap{background:var(--theme-bg-card);border:1px solid var(--theme-border-light);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.pf-table-scroll{overflow-x:auto}.pf-table{width:100%;border-collapse:collapse}.pf-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:var(--theme-text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--theme-bg-surface);border-bottom:1px solid var(--theme-border-light);white-space:nowrap}.pf-table td{padding:12px 16px;font-size:.85rem;color:var(--theme-text-primary);border-bottom:1px solid var(--theme-border-light);vertical-align:middle}.pf-table tbody tr:hover{background:var(--theme-bg-hover)}.pf-table tbody tr:last-child td{border-bottom:none}.pf-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:600;white-space:nowrap}.pf-badge-draft{background:#f1f5f9;color:#64748b}.pf-badge-active{background:#dbeafe;color:#2563eb}.pf-badge-self-review{background:#fef3c7;color:#d97706}.pf-badge-manager-review{background:#ccfbf1;color:#0d9488}.pf-badge-calibration{background:#ede9fe;color:#7c3aed}.pf-badge-completed,.pf-badge-exceeds{background:#dcfce7;color:#16a34a}.pf-badge-meets{background:#dbeafe;color:#2563eb}.pf-badge-needs-improvement{background:#fef3c7;color:#d97706}.pf-badge-below,.pf-badge-pip-active{background:#fee2e2;color:#dc2626}.pf-badge-pip-completed{background:#dcfce7;color:#16a34a}.pf-badge-pip-extended{background:#fef3c7;color:#d97706}.pf-badge-pip-terminated{background:#f1f5f9;color:#64748b}.pf-badge-kpi{background:#dbeafe;color:#2563eb}.pf-badge-okr{background:#ede9fe;color:#7c3aed}.pf-badge-competency{background:#ccfbf1;color:#0d9488}.pf-badge-project{background:#fef3c7;color:#d97706}.pf-table-actions{display:flex;gap:6px;align-items:center}.pf-action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--theme-border-medium);border-radius:6px;background:var(--theme-bg-surface);cursor:pointer;transition:all .2s;color:var(--theme-text-secondary)}.pf-action-btn:hover{background:#dbeafe;color:#2563eb;border-color:#93c5fd}.pf-action-btn.delete:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.pf-action-btn.success:hover{background:#dcfce7;color:#16a34a;border-color:#86efac}.pf-status-select{padding:4px 8px;border:1px solid var(--theme-border-medium);border-radius:6px;font-size:.75rem;font-weight:500;background:var(--theme-bg-card);color:var(--theme-text-primary);cursor:pointer;outline:none}.pf-status-select:focus{border-color:var(--color-primary)}.pf-employee-info{display:flex;flex-direction:column;gap:2px}.pf-employee-name{font-weight:600;color:var(--theme-text-primary)}.pf-employee-code{font-size:.72rem;color:var(--theme-text-tertiary);font-family:monospace}.pf-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-top:1px solid var(--theme-border-light)}.pf-page-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--theme-border-medium);border-radius:6px;background:var(--theme-bg-card);cursor:pointer;transition:all .2s;color:var(--theme-text-secondary);font-size:.85rem}.pf-page-btn:hover:not(:disabled){background:var(--theme-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.pf-page-btn:disabled{opacity:.4;cursor:not-allowed}.pf-page-info{font-size:.8rem;color:var(--theme-text-tertiary);padding:0 8px}.pf-loading{text-align:center;padding:60px 20px;color:var(--theme-text-tertiary)}.pf-loading-spinner{width:36px;height:36px;border:3px solid var(--theme-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:pf-spin .8s linear infinite;margin:0 auto 12px}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf-empty{text-align:center;padding:60px 20px;color:var(--theme-text-tertiary)}.pf-empty svg{margin-bottom:12px;opacity:.4}.pf-empty h3{margin:0 0 6px;color:var(--theme-text-secondary);font-size:1rem}.pf-empty p{margin:0;font-size:.85rem}.pf-btn .spin{animation:pf-spin 1s linear infinite}.pf-dash-info{background:var(--theme-bg-card);border:1px solid var(--theme-border-light);border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:0 1px 3px #0000000f}.pf-dash-info h3{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--theme-text-primary)}.pf-dash-info p{margin:0 0 4px;font-size:.85rem;color:var(--theme-text-secondary)}.pf-dash-info span{font-weight:600;color:var(--theme-text-primary)}.pf-goal-search{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px;flex-wrap:wrap}.pf-goal-search .pf-filter-group{flex:0 0 auto}@media(max-width:640px){.pf-page-header{flex-direction:column;align-items:flex-start}.pf-tabs{gap:0}.pf-tab{padding:8px 14px;font-size:.82rem}.pf-stats-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.pf-stat-card{min-width:90px;padding:10px 14px;flex:0 0 auto}.pf-filters-bar{flex-direction:column;align-items:stretch}.pf-select,.pf-input{min-width:100%}.pf-table th,.pf-table td{padding:10px 12px;font-size:.8rem}.pf-goal-search{flex-direction:column;align-items:stretch}.pf-dash-info{padding:12px 16px}.pf-header-actions{width:100%}.pf-header-actions .pf-btn{flex:1;justify-content:center}}:root{--geo-primary: var(--color-info-hover);--geo-primary-dark: var(--color-info-dark);--geo-surface: var(--theme-bg-card);--geo-surface-alt: var(--theme-bg-input);--geo-border: var(--theme-border);--geo-text: var(--theme-text-primary);--geo-text-secondary: var(--theme-text-secondary);--geo-text-muted: var(--theme-text-muted);--geo-radius-md: 12px;--geo-radius-lg: 18px;--geo-shadow: 0 18px 40px rgba(15, 23, 42, .08)}.geo-tracking-page{display:flex;flex-direction:column;box-sizing:border-box}.geo-tracking-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--geo-border)}.geo-tracking-title{font-size:22px;font-weight:600;color:var(--geo-text);margin:0}.geo-tracking-content{display:flex;flex-direction:column;gap:12px}.geo-tracking-card{background:var(--geo-surface);border-radius:var(--geo-radius-lg);padding:10px;border:1px solid rgba(148,163,184,.18);box-shadow:var(--geo-shadow)}.geo-tracking-form{width:100%}.form-row{display:flex;flex-wrap:wrap;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:200px}.form-field-btn{display:flex;align-items:center;gap:6px;flex-shrink:0}.form-field-btn .btn{height:40px;padding:8px 24px;white-space:nowrap}.form-field-btn .control-btn{width:40px;height:40px;font-size:14px;flex-shrink:0}.field-label{font-size:13px;font-weight:600;color:var(--geo-text-secondary);letter-spacing:.01em}.form-input{padding:8px 12px;border:1px solid var(--geo-border);border-radius:var(--geo-radius-md);font-size:14px;color:var(--geo-text);background:var(--geo-surface);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--geo-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--geo-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.btn-primary:disabled{background:var(--theme-text-disabled);cursor:not-allowed}.map-card{flex:1;min-height:550px}.map-title{font-size:14px;font-weight:600;color:var(--geo-text);margin:0 0 10px}.map-container{width:100%;height:500px;border-radius:var(--geo-radius-md);overflow:hidden;border:1px solid var(--geo-border)}.map-loading{display:flex;align-items:center;justify-content:center;height:500px;background:var(--geo-surface-alt);color:var(--geo-text-muted);font-size:14px}.no-data-message{margin-top:16px;padding:16px;background:var(--geo-surface-alt);border-radius:var(--geo-radius-md);text-align:center}.no-data-message p{margin:0;color:var(--geo-text-muted);font-size:14px}.control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;font-size:14px}.play-btn{background:var(--color-success);color:#fff}.play-btn:hover:not(:disabled){background:var(--color-success-alt);transform:scale(1.05)}.pause-btn{background:var(--color-warning);color:#fff}.pause-btn:hover:not(:disabled){background:var(--color-warning-hover);transform:scale(1.05)}.reset-btn{background:var(--color-gray-500);color:#fff}.reset-btn:hover:not(:disabled){background:var(--color-gray-700);transform:scale(1.05)}.control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.info-window-content{padding:4px;min-width:120px}.info-window-content p{margin:4px 0;font-size:13px;color:var(--geo-text)}@media(max-width:768px){.form-row{flex-direction:column;align-items:stretch}.form-field{min-width:100%}.geo-tracking-card{padding:10px}.form-field-btn{justify-content:flex-start;flex-wrap:wrap;gap:10px}.map-container{height:350px}}.cp-layout{min-height:100vh;background:#f8f9fb;display:flex;flex-direction:column}.cp-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #0000000a}.cp-header-left{display:flex;align-items:center;gap:20px}.cp-logo{font-size:18px;font-weight:700;color:#1e293b;letter-spacing:-.3px}.cp-logo span{color:#4f46e5}.cp-nav{display:flex;gap:4px}.cp-nav-link{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;text-decoration:none;transition:all .15s ease}.cp-nav-link:hover{color:#1e293b;background:#f1f5f9}.cp-nav-link.active{color:#4f46e5;background:#eef2ff}.cp-header-right{display:flex;align-items:center;gap:16px}.cp-user-info{display:flex;align-items:center;gap:10px}.cp-user-name{font-size:14px;font-weight:500;color:#1e293b}.cp-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.cp-status-badge.blue{background:#dbeafe;color:#1d4ed8}.cp-status-badge.green{background:#dcfce7;color:#15803d}.cp-status-badge.amber{background:#fef3c7;color:#b45309}.cp-status-badge.teal{background:#ccfbf1;color:#0f766e}.cp-status-badge.purple{background:#f3e8ff;color:#7e22ce}.cp-status-badge.red{background:#fee2e2;color:#b91c1c}.cp-logout-btn{padding:7px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.cp-logout-btn:hover{color:#ef4444;border-color:#fca5a5;background:#fef2f2}.cp-main{flex:1;padding:24px;max-width:1200px;width:100%;margin:0 auto}.cp-mobile-toggle{display:none;background:none;border:none;font-size:22px;color:#1e293b;cursor:pointer;padding:4px}@media(max-width:768px){.cp-header{padding:0 16px;flex-wrap:wrap;height:auto;min-height:60px;gap:0}.cp-mobile-toggle{display:block}.cp-nav{display:none;flex-basis:100%;flex-direction:column;padding:8px 0 12px;gap:2px}.cp-nav.cp-nav--open{display:flex}.cp-user-name{display:none}.cp-main{padding:16px}}:root{--font-body: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-heading: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--theme-bg-page: #e8f0f8;--theme-bg-page-alt: #d6e4f0;--theme-bg-card: #f5f9fd;--theme-bg-surface: #eaf1f9;--theme-bg-input: #f0f6fc;--theme-bg-hover: #e0ecf6;--theme-border: #c8d9ea;--theme-border-light: #d6e4f0;--theme-border-input: #b8cce0;--theme-border-medium: #a8bdd4;--theme-text-heading: #1a3a5c;--theme-text-label: #2d5478;--theme-text-dark: #0c2340;--theme-text-primary: #1a3a5c;--theme-text-secondary: #3d6080;--theme-text-muted: #4a7291;--theme-text-placeholder: #7a9db8;--theme-text-disabled: #8aa8be;--theme-text-white: #ffffff;--color-primary: #00875A;--color-primary-hover: #006A48;--color-primary-dark: #004F36;--color-primary-light: #d3f0e2;--color-primary-lightest: #ecfaf3;--color-primary-border: #a6e2c4;--color-primary-violet: #00875A;--color-primary-violet-light: #2ea579;--color-primary-violet-lighter: #5be39e;--color-violet-light-bg: #d3f0e2;--color-violet-lightest-bg: #ecfaf3;--color-purple-light-bg: #ecfaf3;--gradient-brand: linear-gradient(135deg, #00875A 0%, #062e1e 100%);--gradient-primary: linear-gradient(135deg, #00875A 0%, #006A48 100%);--gradient-primary-violet: linear-gradient(135deg, #00875A 0%, #2ea579 100%);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-dark: #b91c1c;--color-danger-light: #fee2e2;--color-danger-lightest: #fef2f2;--color-danger-accent: #f87171;--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--color-success: #10b981;--color-success-hover: #059669;--color-success-dark: #047857;--color-success-darker: #065f46;--color-success-alt: #16a34a;--color-success-light: #d1fae5;--color-success-light-alt: #dcfce7;--color-success-lightest: #ecfdf5;--color-success-lightest-alt: #f0fdf4;--color-success-accent: #34d399;--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-dark: #b45309;--color-warning-light: #fef3c7;--color-warning-lightest: #fffbeb;--color-warning-accent: #fbbf24;--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--color-info: #3b82f6;--color-info-hover: #2563eb;--color-info-dark: #1d4ed8;--color-info-darker: #1e40af;--color-info-light: #dbeafe;--color-info-lightest: #eff6ff;--color-info-tint: #e0f2fe;--color-info-accent: #60a5fa;--color-info-pale: #93c5fd;--gradient-info: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--color-pink: #ec4899;--color-pink-dark: #be185d;--color-pink-light: #fce7f3;--color-pink-lightest: #fdf2f8;--color-pink-border: #fbcfe8;--gradient-pink: linear-gradient(135deg, #ec4899 0%, #a855f7 100%);--color-sidebar-bg: #052619;--color-sidebar-bg-deep: #031c12;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--shadow-primary: 0 4px 15px rgba(0, 135, 90, .3);--shadow-primary-lg: 0 8px 25px rgba(0, 135, 90, .4);--shadow-danger: 0 4px 15px rgba(239, 68, 68, .3);--ring-primary: 0 0 0 3px rgba(0, 135, 90, .5);--ring-primary-sm: 0 0 0 2px rgba(0, 135, 90, .3);--ring-danger: 0 0 0 3px rgba(239, 68, 68, .3);--theme-accent-bar: linear-gradient(135deg, #00875A 0%, #2ea579 100%);--color-brand-start: #00875A;--color-brand-end: #062e1e;--color-header-bg: #052619;--color-header-border: rgba(255, 255, 255, .08);--color-header-btn-border: rgba(255, 255, 255, .14);--color-header-text-muted: rgba(255, 255, 255, .72);--color-neutral-bg: #f5f5f5;--color-neutral-bg-hover: #ebebeb;--color-neutral-border: #e0e0e0;--color-neutral-text-dark: #0c2340;--color-neutral-text: #1a3a5c;--color-neutral-text-muted: #5c8099;--color-gray-50: #f8f9fa;--color-gray-100: #f3f4f6;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #6c757d;--color-gray-600: #495057;--color-gray-700: #4b5563;--color-gray-800: #374151;--color-sidebar-bg-darker: #02160e;--color-sidebar-text: #f3f4f6;--color-sidebar-text-secondary: #e5e7eb;--color-cyan: #0891b2;--color-cyan-dark: #0e7490;--color-cyan-light: #06b6d4;--color-cyan-lightest: #ecfeff;--color-cyan-pale: #cffafe;--color-cyan-accent: #67e8f9;--color-cyan-tint: #a5f3fc;--color-purple: #a855f7;--color-purple-dark: #9333ea;--color-purple-darker: #6b21a8;--color-violet-accent: #d8b4fe;--color-violet-medium: #c4b5fd;--color-indigo-light: #a5b4fc;--color-danger-border: #fecaca;--color-success-border: #86efac;--color-sky: #0284c7;--color-text-amber-dark: #92400e;--color-text-red-dark: #991b1b;--color-text-red-darker: #7f1d1d;--color-text-green-dark: #166534;--color-text-rose-dark: #9f1239;--attendance-present: #60b963;--attendance-present-text: #504d4d;--attendance-absent: #fda2ab;--attendance-leave: #E1BEE7;--attendance-leave-text: #4A148C;--attendance-annual-leave: #FFCDD2;--attendance-annual-leave-text: #B71C1C;--attendance-pending: #fdfcab;--attendance-week-off: #B0BEC5;--attendance-week-off-text: #37474F;--attendance-excellent: #4CAF50;--attendance-good: #8BC34A;--attendance-average: #FFC107;--attendance-poor: #FF9800;--attendance-very-poor: #F44336;--color-datepicker-accent: #17a2b8;--color-datepicker-accent-hover: #138496;--color-antd-primary: #1890ff;--color-antd-primary-hover: #40a9ff;--color-antd-danger: #ff4d4f;--color-antd-danger-hover: #ff7875}