@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body, "DM Sans"),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, "DM Serif Display"),Georgia,serif;font-weight:500}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:transparent;border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.hp-header--scrolled{background:#fffffff7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000d}.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}.hp-logo img{border-radius:10px}.hp-logo__brand{font-size:22px;font-weight:800;color:#fff;-webkit-text-fill-color:#fff;line-height:1.2;display:block;transition:color .3s ease,-webkit-text-fill-color .3s ease}.hp-logo__tag{font-size:11px;color:#fff9;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.hp-header--scrolled .hp-logo__brand{color:#0f172a;-webkit-text-fill-color:#0f172a}.hp-header--scrolled .hp-logo__tag{color:#64748b}.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-header--scrolled .hp-nav__links a,.hp-header--scrolled .hp-nav__links .hp-nav__dropdown>button{color:#475569}.hp-header--scrolled .hp-nav__links a:hover,.hp-header--scrolled .hp-nav__links .hp-nav__dropdown>button:hover{color:#4f46e5;background:#f1f5f9}.hp-header--scrolled .hp-nav__links a.active{color:#4f46e5;font-weight:600}.hp-header--scrolled .hp-nav__links a:focus-visible,.hp-header--scrolled .hp-nav__links .hp-nav__dropdown>button:focus-visible{outline-color:#818cf8}.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-header--scrolled .hp-nav__login{color:#475569;border-color:#e2e8f0;background:#fff}.hp-header--scrolled .hp-nav__login:hover{color:#4f46e5;border-color:#c7d2fe;background:#eef2ff}.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:#4f46e5;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-header--scrolled .hp-nav__trial{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;box-shadow:0 2px 10px #4f46e540}.hp-header--scrolled .hp-nav__trial:hover{box-shadow:0 6px 20px #4f46e559}.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-header--scrolled .hp-nav__dropdown-trigger--active{color:#4f46e5;background:#eef2ff}.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 #818cf8;outline-offset:2px}.hp-nav__login:focus-visible,.hp-nav__trial:focus-visible{outline:2px solid #818cf8;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:#818cf8}.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-header--scrolled .hp-nav__toggle{background:#f1f5f9;color:#334155}.hp-header--scrolled .hp-nav__toggle:hover{background:#e2e8f0}.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:#0f172a;padding:72px 24px 32px;color:#cbd5e1}.hp-footer__top{display:grid;grid-template-columns:1.2fr 2fr;gap:60px;margin-bottom:48px}.hp-footer__brand-section{display:flex;flex-direction:column;gap:20px}.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}.hp-footer__brand span{font-size:13px;color:#cbd5e1}.hp-footer__desc{font-size:15px;line-height:1.7;color:#cbd5e1;max-width:320px}.hp-footer__social{display:flex;gap:12px}.hp-footer__social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#1e293b;color:#cbd5e1;transition:background .2s ease,color .2s ease,transform .2s ease}.hp-footer__social a:hover{background:#4f46e5;color:#fff;transform:translateY(-2px)}.hp-footer__social a:focus-visible{outline:2px solid #818cf8;outline-offset:2px}.hp-footer__columns{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.hp-footer__col h4{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.8px;margin-bottom:20px}.hp-footer__col a{display:block;font-size:14px;color:#cbd5e1;padding:5px 0;transition:color .2s ease,padding-left .2s ease}.hp-footer__col a:hover{color:#e2e8f0;padding-left:4px}.hp-footer__col a:focus-visible{outline:2px solid #818cf8;outline-offset:2px;border-radius:4px}.hp-footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid #1e293b;font-size:14px}.hp-footer__bottom-links{display:flex;gap:24px}.hp-footer__bottom-links a{color:#cbd5e1;transition:color .2s ease}.hp-footer__bottom-links a:hover{color:#e2e8f0}.hp-footer__bottom-links a:focus-visible{outline:2px solid #818cf8;outline-offset:2px;border-radius:4px}.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:#f1f5f9!important;color:#4f46e5!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,#4338ca,#6366f1);color:#fff;border:none;box-shadow:0 4px 14px #4f46e54d}.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 .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:#00000080;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:16px 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:16px 12px;z-index:1050}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-arrow{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.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:4px}.nav-section{margin-bottom:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;background:transparent;color:#fff;font-size:14px;font-weight:500;cursor:pointer;border-radius:10px;transition:all .2s ease;text-align:left}.nav-item:hover{background:#ffffff14;color:var(--theme-text-white)}.nav-item.active{background:var(--gradient-brand);color:var(--theme-text-white)}.nav-item.main-nav{margin-bottom:8px;padding:14px;font-weight:600}.nav-item.parent-nav{justify-content:flex-start}.nav-item.parent-nav.active{background:#667eea26;color:var(--color-indigo-light)}.nav-item.parent-nav.expanded{background:#ffffff0d;color:var(--theme-text-white)}.nav-icon{font-size:18px;min-width:20px}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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, #1e1e2d);border-radius:10px;box-shadow:0 8px 32px #0006,0 2px 8px #0003;border:1px solid rgba(255,255,255,.08);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:var(--gradient-brand, linear-gradient(135deg, #667eea, #764ba2));color:#fff}.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.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:var(--color-primary, #4f46e5);color:#fff;border:none;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #4f46e566;transition:all .2s;z-index:999}.dashboard-profile-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #4f46e580}@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)}.branches-list{list-style:none;padding:0;margin:0 auto;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:start}.branch-wrapper{max-width:350px;width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:10px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:10px;padding:20px;margin-bottom:16px;position:relative;box-shadow:0 4px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.branch-wrapper:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000000f}.branch-wrapper-inactive{background:var(--color-danger-lightest);border-color:var(--color-danger-light);box-shadow:0 10px 20px #f8717140}.branch-item{display:flex;flex-direction:column;align-items:center;font-size:16px;font-weight:500;color:var(--theme-text-primary);line-height:1.6}.branch-item{font-size:22px;text-transform:uppercase}.branch-status{margin-top:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.status-active{color:var(--color-success-darker);background:var(--color-success-light)}.status-inactive{color:var(--color-danger-dark);background:var(--color-danger-light)}.branch-info{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:10px}.branch-date{font-size:14px;color:var(--theme-text-muted);font-weight:400}.branch-actions{display:flex;align-items:center;justify-content:space-around}.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}.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{width:min(90vw,960px);max-height:90vh;overflow-y:auto;padding:24px 28px 20px;border-radius:14px;background:var(--theme-bg-card);box-shadow:0 20px 45px #00000040}.edit-popup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 20px;margin-bottom:8px}.edit-popup-grid label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:14px;font-weight:600;color:var(--theme-text-primary)}.edit-popup-grid input,.edit-popup-grid select{margin:0;width:100%;padding:10px 12px;border:1px solid var(--theme-border-input);border-radius:6px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.edit-popup-grid input:focus,.edit-popup-grid select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #5a67d826;outline:none}.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}.add-branch-form{max-width:900px;width:min(95%,900px)}.add-branch-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;width:100%}@media(max-width:1024px){.add-branch-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:768px){.add-branch-grid{grid-template-columns:1fr}}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}.branch-item{font-size:16px;color:var(--theme-text-primary)}.branch-actions{margin-top:10px}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:15px;z-index:1000}.edit-popup{margin-top:20px;background-color:var(--theme-bg-card);padding:20px;border-radius:10px;width:90%;max-width:500px;box-shadow:0 8px 24px #0003;position:relative;overflow:auto}.branch-edit-popup{min-width:600px;max-height:80vh}.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,.branch-edit-popup{will-change:opacity,transform}.edit-popup h3{font-size:22px;margin-bottom:20px}.edit-popup input:focus{border-color:var(--color-primary-hover)}.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-heading, "DM Serif Display"),serif;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}.submit-button{margin-top:2rem;padding:.8rem 2rem;font-size:1rem;background-color:var(--color-info-hover);color:#fff;border:none;border-radius:8px;cursor:pointer;display:block;width:100%}.submit-button{display:block;margin:2rem auto 0;background-color:var(--color-info-hover);color:#fff;padding:.6rem 2rem;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .2s ease-in-out}.submit-button:hover{background-color:var(--color-info-dark)}.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{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--theme-text-primary)}.leave-type-field.full-width{grid-column:1 / -1}.leave-type-field input,.leave-type-field select,.leave-type-field textarea{border:1px solid var(--theme-border-input);border-radius:10px;padding:.65rem .85rem;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;background:var(--theme-bg-input)}.leave-type-field textarea{resize:vertical}.leave-type-field input:focus,.leave-type-field select:focus,.leave-type-field textarea:focus{border-color:var(--color-info-hover);outline:none;background:var(--theme-bg-card);box-shadow:0 0 0 3px #2563eb1f}.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{background:var(--theme-bg-card);padding:20px 30px;border-radius:8px;width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 0 10px #0000004d}.leave-edit-form h3{margin-top:0;margin-bottom:15px;text-align:center}.leave-edit-form label{display:block;margin-bottom:5px;font-weight:600}.leave-edit-form input[type=text],.leave-edit-form input[type=number],.leave-edit-form select,.leave-edit-form textarea{width:100%;padding:6px 8px;margin-bottom:15px;box-sizing:border-box;border-radius:4px;border:1px solid var(--theme-border-medium);font-size:14px}.leave-edit-form textarea{resize:vertical;min-height:60px}.edit-form-buttons{display:flex;justify-content:space-between;gap:10px}.leave-edit-form button{padding:8px 16px;border:none;border-radius:4px;font-weight:600;cursor:pointer;font-size:14px}.leave-edit-form button[type=submit]{background-color:var(--color-info);color:#fff}.leave-edit-form button[type=submit]:hover{background-color:var(--color-info-dark)}.cancel-btn{background-color:var(--color-danger);color:#fff}.cancel-btn:hover{background-color:var(--color-danger-hover)}.addfield{margin:20px 0;padding:20px 25px;border:2px solid var(--theme-border-medium);border-radius:12px;background-color:var(--theme-bg-hover);box-shadow:0 2px 6px #0000000d}.addfield legend{font-size:1.25rem;font-weight:700;padding:0 10px;color:var(--theme-text-primary)}.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-filters{display:flex;flex-wrap:wrap;gap:10px}.branch-btn{display:flex;gap:6px;align-items:center;padding:8px 12px;border:1px solid var(--theme-border-medium);background:var(--theme-bg-surface);cursor:pointer;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.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}.detail-usage{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.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-description{display:flex;flex-direction:column;font-size:13px;font-weight:600;color:var(--theme-text-secondary)}.permissions-form-grid input,.permissions-form-grid textarea,.permissions-form-grid select,.permissions-description textarea{margin-top:6px;padding:8px 10px;border-radius:6px;border:1px solid var(--theme-border-medium);font-size:14px}.permissions-description textarea{resize:vertical}.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-permissions-layout{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.direct-form{flex:1;min-width:320px;background:var(--theme-bg-card);border-radius:16px;padding:20px;box-shadow:0 10px 30px #0f172a14}.direct-form h4{margin:0 0 16px;font-size:18px;color:var(--theme-text-primary)}.direct-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.direct-form-grid label,.direct-description{display:flex;flex-direction:column;font-size:13px;font-weight:600;color:var(--theme-text-secondary)}.direct-form-grid input,.direct-form-grid select,.direct-form-grid textarea,.direct-description textarea{margin-top:6px;padding:8px 10px;border-radius:6px;border:1px solid var(--theme-border-medium);font-size:14px}.direct-description textarea{resize:vertical}.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}.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}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.edit-popup{background:var(--theme-bg-card);width:450px;max-width:95%;padding:24px;border-radius:16px;box-shadow:0 8px 25px #00000026;animation:fadeIn .3s ease}.edit-popup h3{margin-top:0;margin-bottom:20px;font-size:20px;font-weight:600;color:var(--theme-text-primary)}.edit-popup label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--theme-text-secondary)}.edit-popup input{padding:10px 14px;border:1px solid var(--theme-border-input);border-radius:10px;font-size:14px;background:var(--theme-bg-input);transition:.2s ease}.edit-popup input:focus{border-color:var(--color-brand-end);outline:none}.Toastify__toast-container{z-index:99999!important}.swal2-container{z-index:10000!important}@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 #6366f11a}.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:#6366f11a;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:#6366f10f;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:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.geo-modal{background:var(--theme-bg-card);border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.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, #7c3aed) 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:#6366f10f;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 #6366f11a}.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:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:480px;background:#fff;border-radius:18px;box-shadow:0 24px 64px #0000001f,0 0 0 1px #0000000a;padding:14px;z-index:1001}.hp-nav__dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.hp-nav__dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;text-decoration:none;transition:all .15s ease}.hp-nav__dropdown-item:hover{background:#f1f5f9}.hp-nav__dropdown-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.hp-nav__dropdown-info{flex:1;min-width:0}.hp-nav__dropdown-title{font-size:14px;font-weight:600;color:#1e293b;display:block;line-height:1.3;transition:color .15s}.hp-nav__dropdown-item:hover .hp-nav__dropdown-title{color:#4f46e5}.hp-nav__dropdown-desc{font-size:13px;color:#64748b;line-height:1.4;margin-top:2px;display:block}.hp-nav__dropdown-footer{margin-top:6px;padding-top:10px;border-top:1px solid #f1f5f9}.hp-nav__dropdown-all{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:600;color:#4f46e5;text-decoration:none;transition:all .15s}.hp-nav__dropdown-all:hover{background:#eef2ff}.hp-nav__dropdown-all svg{font-size:14px}@media(max-width:768px){.hp-nav__dropdown-menu{position:static!important;transform:none!important;min-width:auto;box-shadow:none;border-radius:0;padding:4px 0;background:transparent;margin-top:0}.hp-nav__dropdown-grid{grid-template-columns:1fr;gap:0}.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:#475569}.hp-nav__dropdown-footer{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:var(--font-heading, "DM Serif Display"),Georgia,serif;font-size:40px;font-weight:500;color:#0f172a;line-height:1.2;margin-bottom:16px}.hp-blog-post h2{font-family:var(--font-heading, "DM Serif Display"),Georgia,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:var(--font-heading, "DM Serif Display"),Georgia,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,#fafbff,#f1f5f9)}@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}}.lp{overflow-x:hidden;background:#fff}.lp-container{max-width:1200px;margin:0 auto;padding:0 24px}.lp-section-header{text-align:center;margin-bottom:56px}.lp-section-header h2{font-family:"DM Serif Display",Georgia,serif!important;font-size:40px;font-weight:400;color:#0f172a;line-height:1.25;margin-bottom:14px}.lp-section-header p{font-size:20px;color:#334155;max-width:560px;margin:0 auto;line-height:1.75}.lp-label{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:100px;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#334155;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;margin-bottom:16px}.lp-btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:12px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .25s ease;text-decoration:none;white-space:nowrap}.lp-btn--md{padding:12px 24px;font-size:14px}.lp-btn--lg{padding:14px 28px;font-size:15px;border-radius:12px}.lp-btn--xl{padding:16px 32px;font-size:16px;border-radius:14px}.lp-btn--white{background:#fff;color:#4338ca;font-weight:700}.lp-btn--white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.lp-btn--ghost-white{background:#ffffff1f;color:#ffffffe6;border:1.5px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lp-btn--ghost-white:hover{background:#ffffff2e;border-color:#fff6;color:#fff}.lp-btn--primary{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;box-shadow:0 4px 14px #4338ca4d}.lp-btn--primary:hover{box-shadow:0 8px 24px #4338ca66;transform:translateY(-2px)}.lp-btn--outline{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.lp-btn--outline:hover{border-color:#6366f1;color:#4f46e5;background:#fafbff}.lp-btn--ghost{background:transparent;color:#64748b}.lp-btn--ghost:hover{color:#4f46e5}.lp-btn:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:3px}.lp-btn--outline:focus-visible,.lp-btn--primary:focus-visible{outline-color:#818cf8}.lp-btn--ghost:focus-visible{outline-color:#6366f1}.lp-hero{position:relative;padding:160px 24px 100px;background:url(/Hero20V32037.png) center top / cover no-repeat #020810;overflow:hidden;text-align:center}.lp-hero__content{position:relative;z-index:1;max-width:720px;margin:0 auto;text-align:center}.lp-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:100px;font-size:13px;font-weight:600;color:#ffffffe6;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);margin-bottom:28px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lp-hero__badge svg{color:#fbbf24;font-size:14px}.lp-hero__content h1{font-family:"DM Serif Display",Georgia,serif!important;font-size:56px;font-weight:400;color:#fff;line-height:1.18;margin-bottom:20px;letter-spacing:-.3px}.lp-hero__highlight{font-family:"DM Serif Display",Georgia,serif!important;font-style:italic;background:linear-gradient(90deg,#c7d2fe,#fbbf24,#f9a8d4,#c7d2fe,#fbbf24,#f9a8d4);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.lp-hero__sub{font-size:18px;color:#fffffff2;line-height:1.54;max-width:620px;margin:0 auto 36px}.lp-hero__ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.lp-hero__trust{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.lp-hero__trust span{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#ffffffe6}.lp-hero__trust svg{color:#34d399;font-size:14px}.lp-hero__mockup{position:relative;z-index:1;max-width:1000px;margin:60px auto -60px}.lp-hero__mockup:before{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:32px;background:linear-gradient(135deg,#ffffff1a,#6366f126,#8b5cf614);filter:blur(24px);z-index:-1}.lp-hero__mockup-card{background:#fff;border-radius:20px;box-shadow:0 40px 100px -20px #00000059,0 0 0 1px #ffffff1a;overflow:hidden}.lp-hero__mockup-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.lp-hero__mockup-dots{display:flex;gap:6px}.lp-hero__mockup-dots span{width:10px;height:10px;border-radius:50%}.lp-hero__mockup-dots span:nth-child(1){background:#ef4444}.lp-hero__mockup-dots span:nth-child(2){background:#f59e0b}.lp-hero__mockup-dots span:nth-child(3){background:#22c55e}.lp-hero__mockup-title{font-size:13px;font-weight:600;color:#94a3b8;flex:1}.lp-hero__mockup-bar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.lp-hero__mockup-search{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#94a3b8;padding:4px 10px;border-radius:6px;background:#fff;border:1px solid #e2e8f0}.lp-hero__mockup-user{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.lp-hero__app-layout{display:grid;grid-template-columns:180px 1fr}.lp-hero__sidebar{background:#0f172a;padding:16px 0;display:flex;flex-direction:column;gap:2px;min-height:340px}.lp-hero__sidebar-logo{display:flex;align-items:center;gap:8px;padding:4px 16px 16px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:8px}.lp-hero__sidebar-logo-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}.lp-hero__sidebar-logo span{font-size:14px;font-weight:700;color:#e2e8f0}.lp-hero__sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:12px;font-weight:500;color:#ffffff73;cursor:default;border-left:3px solid transparent}.lp-hero__sidebar-item--active{color:#fff;background:#6366f126;border-left:3px solid #6366f1;font-weight:600}.lp-hero__main-content{background:#fff}.lp-hero__mockup-body{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px}.lp-hero__mockup-stat{padding:14px 10px;border-radius:12px;text-align:center}.lp-hero__mockup-stat svg{font-size:18px;margin-bottom:6px}.lp-hero__mockup-stat strong{font-size:20px;font-weight:800;display:block;line-height:1.2}.lp-hero__mockup-stat small{font-size:10px;font-weight:500;color:#94a3b8}.lp-hero__mockup-chart{padding:14px 20px 16px;border-top:1px solid #f1f5f9}.lp-hero__chart-label{font-size:11px;font-weight:600;color:#94a3b8;margin-bottom:10px}.lp-hero__chart-bars{display:flex;gap:6px;height:48px;align-items:flex-end}.lp-hero__chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}.lp-hero__chart-bar{width:100%;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#6366f1,#818cf8);min-height:2px}.lp-hero__chart-col span{font-size:9px;color:#94a3b8;font-weight:600}.lp-hero__hr-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border-top:1px solid #f1f5f9}.lp-hero__hr-panel{padding:14px 20px}.lp-hero__hr-right{border-left:1px solid #f1f5f9;display:flex;flex-direction:column}.lp-hero__hr-right .lp-hero__hr-panel{border-bottom:1px solid #f1f5f9}.lp-hero__hr-right .lp-hero__mockup-chart{border-top:none}.lp-hero__hr-panel-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.lp-hero__hr-emp{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f8fafc}.lp-hero__hr-emp:last-child{border-bottom:none}.lp-hero__hr-avatar{width:28px;height:28px;border-radius:7px;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-hero__hr-info{flex:1;min-width:0}.lp-hero__hr-name{font-size:12px;font-weight:600;color:#1e293b;display:block;line-height:1.2}.lp-hero__hr-role{font-size:10px;color:#94a3b8}.lp-hero__hr-time{font-size:10px;color:#94a3b8;font-weight:500;flex-shrink:0}.lp-hero__hr-status{font-size:9px;font-weight:700;padding:2px 7px;border-radius:5px;white-space:nowrap;flex-shrink:0}.lp-hero__hr-leave-grid{display:flex;flex-direction:column;gap:7px}.lp-hero__hr-leave-bar{height:5px;border-radius:3px;background:#f1f5f9;overflow:hidden}.lp-hero__hr-leave-fill{height:100%;border-radius:3px}.lp-hero__hr-leave-info{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#94a3b8;margin-top:1px}.lp-hero__hr-leave-info strong{color:#334155;font-size:10px}.lp-hero__float{position:absolute;z-index:2}.lp-hero__float--tl{left:2%;top:35%}.lp-hero__float--tr{right:2%;top:32%}.lp-hero__float--bl{left:3%;bottom:18%}.lp-hero__float--br{right:3%;bottom:15%}.lp-hero__float-card{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;background:#fffffff7;box-shadow:0 8px 32px #0000001f,0 0 0 1px #fff6;animation:lp-float 5s ease-in-out infinite}.lp-hero__float--tr .lp-hero__float-card{animation-delay:-1.2s}.lp-hero__float--bl .lp-hero__float-card{animation-delay:-2.5s}.lp-hero__float--br .lp-hero__float-card{animation-delay:-3.8s}.lp-hero__float-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.lp-hero__float-card strong{font-size:12px;font-weight:700;color:#0f172a;display:block;line-height:1.2}.lp-hero__float-card span{font-size:10px;color:#94a3b8}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lp-hero__scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:2}.lp-hero__scroll-line{width:2px;height:32px;border-radius:2px;background:#ffffff40;position:relative;overflow:hidden}.lp-hero__scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:50%;background:#fffc;border-radius:2px;animation:lp-scroll-hint 1.8s ease-in-out infinite}@keyframes lp-scroll-hint{0%{top:-50%}to{top:120%}}.lp-social__marquee{padding:48px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;overflow:hidden}.lp-social__label{text-align:center;font-size:13px;font-weight:500;color:#64748b;margin-bottom:24px;letter-spacing:.3px}.lp-social__label strong{color:#334155}.lp-social__track{display:flex;gap:48px;width:max-content;animation:lp-scroll 35s linear infinite}.lp-social__logo{font-size:17px;font-weight:800;color:#cbd5e1;letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0}@keyframes lp-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.lp-social__stats{padding:48px 24px;background:#0f172a}.lp-social__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:960px;margin:0 auto}.lp-social__stat{text-align:center}.lp-social__stat-value{display:block;font-size:44px;font-weight:800;line-height:1;margin-bottom:6px;background:linear-gradient(135deg,#5eead4,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-social__stat-label{font-size:15px;font-weight:600;color:#94a3b8}.lp-features{padding:120px 24px;background:#fff}.lp-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1040px;margin:0 auto}.lp-features__card{padding:32px 28px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;transition:all .3s ease;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 2px 12px #00000008}.lp-features__card:hover{border-color:#cbd5e1;box-shadow:0 12px 40px #00000014;transform:translateY(-4px)}.lp-features__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;flex-shrink:0}.lp-features__card h3{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:8px;line-height:1.4}.lp-features__card p{font-size:16px;color:#334155;line-height:1.75;flex:1}.lp-features__arrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6366f1;margin-top:16px;opacity:0;transform:translate(-8px);transition:all .25s}.lp-features__card:hover .lp-features__arrow{opacity:1;transform:translate(0)}.lp-showcase{padding:120px 24px;background:#fafbff}.lp-showcase__row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1040px;margin:0 auto}.lp-showcase__text h3{font-family:"DM Serif Display",Georgia,serif!important;font-size:36px;font-weight:400;color:#0f172a;margin-bottom:16px;line-height:1.3}.lp-showcase__text>p{font-size:18px;color:#334155;line-height:1.75;margin-bottom:24px}.lp-showcase__checks{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:14px}.lp-showcase__checks li{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#1e293b;line-height:1.6}.lp-showcase__checks li svg{color:#22c55e;font-size:18px;flex-shrink:0}.lp-showcase__card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 8px 30px #0000000f;overflow:hidden}.lp-showcase__card-header{padding:16px 20px;font-size:14px;font-weight:600;color:#64748b;background:#f8fafc;border-bottom:1px solid #f1f5f9}.lp-showcase__card-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px}.lp-showcase__stat{padding:20px 16px;border-radius:14px;text-align:center;border:1px solid #f1f5f9;background:#fafbff}.lp-showcase__stat strong{font-size:24px;font-weight:800;display:block;margin-bottom:4px}.lp-showcase__stat small{font-size:13px;color:#64748b;font-weight:500}.lp-testimonials{padding:120px 24px;background:linear-gradient(180deg,#faf5ff,#f5f3ff)}.lp-testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}.lp-testimonial{padding:36px 32px;border-radius:24px;background:#ffffffe6;border:1px solid #e9d5ff;transition:all .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px #8b5cf60a}.lp-testimonial:hover{box-shadow:0 16px 48px #8b5cf61a;transform:translateY(-4px);border-color:#c4b5fd}.lp-testimonial__stars{display:flex;gap:3px;margin-bottom:16px}.lp-testimonial__stars svg{color:#f59e0b;font-size:16px;fill:#f59e0b}.lp-testimonial p{font-size:17px;line-height:1.7;color:#334155;margin-bottom:24px;font-style:italic}.lp-testimonial__author{display:flex;align-items:center;gap:12px}.lp-testimonial__avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.lp-testimonial__author strong{font-size:14px;font-weight:700;color:#0f172a;display:block}.lp-testimonial__author span{font-size:12px;color:#475569}.lp-pricing{padding:120px 24px;background:#fff}.lp-pricing__toggle{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:48px}.lp-pricing__toggle-label{font-size:15px;font-weight:500;color:#64748b;display:flex;align-items:center;gap:6px;transition:all .2s}.lp-pricing__toggle-label--active{font-size:15px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:6px}.lp-pricing__switch{position:relative;width:48px;height:28px;border-radius:100px;border:none;padding:0;background:linear-gradient(135deg,#4338ca,#6366f1);cursor:pointer}.lp-pricing__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}.lp-pricing__knob--on{transform:translate(20px)}.lp-pricing__save{font-size:11px;font-weight:700;color:#22c55e;background:#f0fdf4;padding:2px 8px;border-radius:100px}.lp-pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto;align-items:start}.lp-pricing__card{padding:36px 32px;border-radius:24px;background:#fff;border:1.5px solid #e2e8f0;text-align:center;position:relative;transition:all .3s;box-shadow:0 2px 12px #0000000a}.lp-pricing__card:hover{box-shadow:0 16px 48px #00000014;transform:translateY(-4px);border-color:#cbd5e1}.lp-pricing__card--pop{border:2px solid #4f46e5;box-shadow:0 12px 40px #4f46e51f;transform:scale(1.03)}.lp-pricing__card--pop:hover{transform:scale(1.03) translateY(-4px)}.lp-pricing__badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);padding:5px 18px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;white-space:nowrap}.lp-pricing__plan{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:6px}.lp-pricing__emp{display:inline-block;padding:4px 14px;border-radius:100px;font-size:13px;font-weight:600;color:#4f46e5;background:#eef2ff;margin-bottom:20px}.lp-pricing__price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}.lp-pricing__rupee{font-size:22px;font-weight:700;color:#64748b}.lp-pricing__amount{font-size:52px;font-weight:800;color:#0f172a;line-height:1}.lp-pricing__per{font-size:14px;color:#475569;font-weight:500}.lp-pricing__billed{font-size:12px;color:#22c55e;font-weight:600;margin-bottom:6px}.lp-pricing__desc{font-size:16px;color:#334155;line-height:1.75;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f1f5f9}.lp-pricing__cta{width:100%;justify-content:center;margin-bottom:14px}.lp-pricing__all-feat{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;color:#22c55e}.lp-pricing__guarantee{display:flex;align-items:center;gap:16px;max-width:480px;margin:40px auto 0;padding:20px 28px;border-radius:16px;background:#f0fdf4;border:1px solid #bbf7d0}.lp-pricing__guarantee svg{font-size:32px;color:#22c55e;flex-shrink:0}.lp-pricing__guarantee strong{font-size:15px;font-weight:700;color:#15803d;display:block}.lp-pricing__guarantee span{font-size:13px;color:#475569}.lp-pricing__more{text-align:center;margin-top:20px}.lp-cta{padding:120px 24px;background:linear-gradient(170deg,#1e1b4b,#312e81,#4338ca 70%,#4f46e5);position:relative;overflow:hidden}.lp-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.lp-cta__inner{text-align:center;position:relative;z-index:1}.lp-cta__inner h2{font-family:"DM Serif Display",Georgia,serif!important;font-size:40px;font-weight:400;color:#fff;margin-bottom:16px}.lp-cta__inner p{font-size:20px;color:#fffffff2;margin-bottom:36px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.75}.lp-cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}@media(max-width:1024px){.lp-hero{padding:140px 24px 80px}.lp-hero__content h1{font-size:44px}.lp-hero__mockup-body{grid-template-columns:repeat(2,1fr)}.lp-hero__float,.lp-hero__sidebar{display:none}.lp-hero__app-layout{grid-template-columns:1fr}.lp-hero__mockup-bar-right{display:none}.lp-social__stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.lp-features{padding:80px 24px}.lp-features__grid{grid-template-columns:repeat(2,1fr)}.lp-showcase{padding:80px 24px}.lp-showcase__row{gap:40px}.lp-testimonials{padding:80px 24px}.lp-testimonials__grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.lp-pricing{padding:80px 24px}.lp-pricing__grid{grid-template-columns:1fr;max-width:400px}.lp-pricing__card--pop{transform:none}.lp-pricing__card--pop:hover{transform:translateY(-4px)}.lp-cta{padding:80px 24px}}@media(max-width:768px){.lp-hero{padding:130px 20px 60px}.lp-hero__content h1{font-size:34px}.lp-hero__sub{font-size:16px}.lp-hero__ctas{flex-direction:column;align-items:center}.lp-hero__trust{flex-direction:column;align-items:center;gap:10px}.lp-hero__scroll{display:none}.lp-hero__mockup{margin-top:40px;margin-bottom:-40px}.lp-hero__mockup-body{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.lp-hero__mockup-stat strong{font-size:16px}.lp-hero__hr-panels,.lp-hero__mockup-chart{display:none}.lp-section-header h2{font-size:28px}.lp-section-header p{font-size:16px}.lp-social__stats-grid{grid-template-columns:1fr 1fr}.lp-social__stat-value{font-size:36px}.lp-features{padding:60px 24px}.lp-features__grid{grid-template-columns:1fr}.lp-showcase{padding:60px 24px}.lp-showcase__row{grid-template-columns:1fr;gap:32px}.lp-showcase__text h3{font-size:28px}.lp-testimonials,.lp-pricing,.lp-cta{padding:60px 24px}.lp-cta__inner h2{font-size:28px}.lp-cta__actions{flex-direction:column;align-items:center}}@media(max-width:480px){.lp-hero__content h1{font-size:28px}.lp-hero__mockup-body{grid-template-columns:1fr}.lp-hero__hr-panels{display:none}.lp-social__stats-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.lp-hero__float-card{animation:none}.lp-hero__scroll-line:after{animation:none}.lp-social__track{animation:none}.lp-btn,.lp-features__card,.lp-testimonial,.lp-pricing__card{transition:none}.lp-features__card:hover,.lp-testimonial:hover,.lp-pricing__card:hover{transform:none}}: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:var(--theme-bg-card);border-radius:12px;box-shadow:0 10px 40px #00000026;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 var(--theme-border)}.notification-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.notification-dropdown-header h3 .header-badge{background:var(--color-info);color:var(--theme-text-white);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:var(--theme-text-muted);cursor:pointer;transition:all .2s}.notification-action-btn:hover{background:var(--theme-bg-surface);color:var(--theme-text-secondary)}.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:var(--theme-bg-input);font-size:12px;border-bottom:1px solid var(--theme-border)}.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:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:4px;font-size:11px;color:var(--theme-text-secondary);cursor:pointer;transition:all .2s}.reconnect-btn:hover{background:var(--theme-bg-surface);border-color:var(--theme-border-input)}.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:var(--theme-text-disabled)}.notification-empty svg{font-size:40px;margin-bottom:12px;opacity:.5}.notification-empty p{margin:0 0 4px;font-size:15px;color:var(--theme-text-muted)}.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 var(--theme-border-light)}.notification-item:hover{background:var(--theme-bg-input)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:var(--color-info-lightest)}.notification-item.unread:hover{background:var(--color-info-light)}.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:var(--theme-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:11px;color:var(--theme-text-secondary);white-space:nowrap;flex-shrink:0}.notification-message{margin:0;font-size:13px;color:var(--theme-text-primary);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-info);cursor:pointer;transition:all .2s;flex-shrink:0}.notification-mark-read:hover{background:var(--color-info-light)}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--theme-text-disabled)}@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:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;padding:0 14px;height:38px;width:450px;transition:all .2s}.search-box:focus-within{border-color:var(--color-primary);background:var(--theme-bg-card);box-shadow:0 0 0 3px #6366f11a}.search-box svg{color:var(--theme-text-placeholder);font-size:16px;flex-shrink:0}.search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--theme-text-primary);font-size:17px}.search-box input::placeholder{color:#1e293b;font-weight:600;opacity:1}.search-hint{font-size:10px;color:#000;background:#94a3b826;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0;font-weight:500;letter-spacing:.3px;border:1px solid rgba(148,163,184,.2)}.search-clear{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--theme-text-placeholder);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.search-clear:hover{color:var(--theme-text-muted);background:var(--theme-bg-surface)}.search-container{position:relative}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:12px;max-height:400px;overflow-y:auto;box-shadow:0 10px 40px #00000026;animation:fadeIn .15s ease;z-index:1000}.search-category{padding:8px 0}.search-category:not(:last-child){border-bottom:1px solid var(--theme-border-light)}.search-category-title{padding:8px 16px 6px;font-size:11px;font-weight:600;color:var(--theme-text-placeholder);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:var(--theme-text-secondary);font-size:14px;cursor:pointer;transition:all .15s;text-align:left}.search-result-item:hover,.search-result-item.selected{background:var(--theme-bg-input);color:var(--color-primary)}.search-result-icon{font-size:16px;color:var(--theme-text-placeholder);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:var(--theme-text-placeholder)}.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:var(--color-neutral-bg);border:1px solid var(--color-neutral-border);border-radius:8px;padding:5px 12px 5px 5px;cursor:pointer;transition:all .2s}.profile-btn:hover{background:var(--color-neutral-bg-hover)}.profile-btn img{width:30px;height:30px;border-radius:6px;object-fit:cover}.profile-btn .name{color:var(--color-neutral-text-dark);font-size:14px;font-weight:500}.profile-dropdown-wrapper{position:relative}.profile-chevron{font-size:14px;color:var(--color-neutral-text-dark);transition:transform .2s}.profile-chevron.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:10px;box-shadow:0 10px 40px #00000026;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:var(--theme-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.profile-dropdown-item:hover{background:var(--theme-bg-input);color:var(--color-primary)}.profile-dropdown-item.logout{color:#ff6b7a}.profile-dropdown-item.logout:hover{background:#dc35451a;color:#ff8a96}.profile-dropdown-divider{height:1px;background:var(--theme-border);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}}:root{--dashboard-bg: var(--theme-bg-surface);--card-bg: var(--theme-bg-card);--text-primary: var(--theme-text-dark);--text-secondary: var(--theme-text-muted);--text-muted: var(--theme-text-placeholder);--border-color: var(--theme-border-input);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--gradient-purple: linear-gradient(135deg, var(--color-primary-violet-lighter), #c4b5fd);--gradient-pink: linear-gradient(135deg, #f472b6, #fbcfe8);--gradient-blue: linear-gradient(135deg, #60a5fa, #93c5fd);--gradient-green: linear-gradient(135deg, #34d399, #6ee7b7);--gradient-orange: linear-gradient(135deg, #fbbf24, #fcd34d);--transition-fast: .15s ease;--transition-normal: .25s ease}.dashboard-home{padding:24px;background:var(--dashboard-bg);min-height:calc(100vh - 64px);animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-secondary)}.dashboard-loading__spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--color-primary-violet-light);border-radius:50%;animation:spin 1s linear infinite}.spinning{animation:spin 1s linear infinite}.dashboard-home__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.dashboard-home__greeting{display:flex;align-items:center;gap:16px}.greeting-icon{width:56px;height:56px;border-radius:16px;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;color:var(--theme-text-white);font-size:24px;box-shadow:0 8px 24px #ec489940}.greeting-text h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.greeting-text p{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.dashboard-home__actions{display:flex;gap:12px}.dashboard-home__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-card{background:var(--card-bg);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--border-color);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity var(--transition-normal)}.stat-card:hover:before{opacity:1}.stat-card--purple:before{background:var(--gradient-purple)}.stat-card--green:before{background:var(--gradient-green)}.stat-card--blue:before{background:var(--gradient-blue)}.stat-card--orange:before{background:var(--gradient-orange)}.stat-card--pink:before{background:var(--gradient-pink)}.stat-card--red:before{background:linear-gradient(135deg,var(--color-danger),var(--color-danger-accent))}.stat-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.stat-card--purple .stat-card__icon{background:linear-gradient(135deg,var(--color-purple-light-bg),var(--color-violet-light-bg));color:var(--color-primary-violet-light)}.stat-card--green .stat-card__icon{background:linear-gradient(135deg,var(--color-success-light),var(--color-success-lightest));color:var(--color-success)}.stat-card--blue .stat-card__icon{background:linear-gradient(135deg,var(--color-info-light),var(--color-info-tint));color:var(--color-info)}.stat-card--orange .stat-card__icon{background:linear-gradient(135deg,var(--color-warning-light),var(--color-warning-lightest));color:var(--color-warning)}.stat-card--pink .stat-card__icon{background:linear-gradient(135deg,var(--color-pink-light),var(--color-pink-lightest));color:var(--color-pink)}.stat-card--red .stat-card__icon{background:linear-gradient(135deg,var(--color-danger-light),var(--color-danger-lightest));color:var(--color-danger)}.stat-card__content{flex:1;min-width:0}.stat-card__title{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.stat-card__value-row{display:flex;align-items:center;gap:10px}.stat-card__value{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1}.stat-card__change{display:flex;align-items:center;gap:2px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px}.stat-card__change--up{background:#10b9811a;color:var(--color-success)}.stat-card__change--down{background:#ef44441a;color:var(--color-danger)}.stat-card__subtitle{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.stat-card__arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.stat-card:hover .stat-card__arrow{transform:translate(4px);color:var(--text-primary)}.dashboard-home__grid{display:grid;grid-template-columns:1fr 400px;gap:24px}.dashboard-home__left,.dashboard-home__right{display:flex;flex-direction:column;gap:24px}.dashboard-card{background:var(--card-bg);border-radius:var(--radius-md);padding:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.dashboard-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dashboard-card__header h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.dashboard-card__header h3 svg{color:var(--color-primary-violet-light);font-size:18px}.view-all-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-primary-violet-light);font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.view-all-btn:hover{background:#8b5cf61a}.attendance-overview{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.attendance-status-card{padding:16px;border-radius:var(--radius-sm);transition:transform var(--transition-fast)}.attendance-status-card:hover{transform:translateY(-2px)}.attendance-status-card--green{background:linear-gradient(135deg,var(--color-success-lightest),var(--color-success-lightest-alt));border:1px solid var(--color-success-light)}.attendance-status-card--red{background:linear-gradient(135deg,var(--color-danger-lightest),#fff1f2);border:1px solid var(--color-danger-border)}.attendance-status-card--orange{background:linear-gradient(135deg,var(--color-warning-lightest),#fefce8);border:1px solid #fed7aa}.attendance-status-card--blue{background:linear-gradient(135deg,var(--color-info-lightest),#f0f9ff);border:1px solid #bfdbfe}.attendance-status-card--purple{background:linear-gradient(135deg,var(--color-violet-lightest-bg),var(--color-violet-light-bg));border:1px solid #ddd6fe}.attendance-status-card__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.attendance-status-card__icon{font-size:16px}.attendance-status-card--green .attendance-status-card__icon{color:var(--color-success)}.attendance-status-card--red .attendance-status-card__icon{color:var(--color-danger)}.attendance-status-card--orange .attendance-status-card__icon{color:var(--color-warning)}.attendance-status-card--blue .attendance-status-card__icon{color:var(--color-info)}.attendance-status-card--purple .attendance-status-card__icon{color:var(--color-primary-violet-light)}.attendance-status-card__label{font-size:13px;font-weight:500;color:var(--text-secondary)}.attendance-status-card__body{display:flex;flex-direction:column;gap:8px}.attendance-status-card__count{font-size:28px;font-weight:700;color:var(--text-primary)}.attendance-status-card__progress{height:6px;background:#0000000d;border-radius:3px;overflow:hidden}.attendance-status-card__progress-bar{height:100%;border-radius:3px}.attendance-status-card--green .attendance-status-card__progress-bar{background:var(--color-success)}.attendance-status-card--red .attendance-status-card__progress-bar{background:var(--color-danger)}.attendance-status-card--orange .attendance-status-card__progress-bar{background:var(--color-warning)}.attendance-status-card--blue .attendance-status-card__progress-bar{background:var(--color-info)}.attendance-status-card--purple .attendance-status-card__progress-bar{background:var(--color-primary-violet-light)}.attendance-status-card__percentage{font-size:12px;color:var(--text-muted);text-align:right}.chart-container{width:100%;position:relative}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:12px;padding:20px 0}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.bar{width:100%;max-width:40px;background:var(--gradient-purple);border-radius:6px 6px 0 0;position:relative;min-height:4px;display:flex;align-items:flex-start;justify-content:center}.bar-value{position:absolute;top:-24px;font-size:12px;font-weight:600;color:var(--text-primary)}.bar-label{font-size:12px;color:var(--text-secondary);font-weight:500}.chart-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:2px;background:var(--gradient-purple)}.line-chart-container{position:relative;width:100%}.line-chart{width:100%;height:100%;overflow:visible}.line-chart-labels{display:flex;justify-content:space-between;margin-top:12px}.line-chart-labels span{font-size:11px;color:var(--text-muted)}.trend-badge{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:20px}.trend-badge--up{background:#10b9811a;color:var(--color-success)}.trend-badge--down{background:#ef44441a;color:var(--color-danger)}.donut-chart-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.donut-chart{transform:rotate(-90deg)}.donut-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-total{font-size:28px;font-weight:700;color:var(--text-primary)}.donut-label{font-size:12px;color:var(--text-muted)}.donut-chart-container{display:flex;align-items:center;gap:24px}.donut-legend{flex:1}.donut-legend__item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-color)}.donut-legend__item:last-child{border-bottom:none}.donut-legend__color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.donut-legend__label{flex:1;font-size:13px;color:var(--text-secondary)}.donut-legend__value{font-size:14px;font-weight:600;color:var(--text-primary)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.quick-action-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity var(--transition-fast)}.quick-action-card:hover:before{opacity:1}.quick-action-card--purple{background:linear-gradient(135deg,#faf5ff,var(--color-violet-lightest-bg));border:1px solid #e9d5ff}.quick-action-card--purple:before{background:linear-gradient(135deg,var(--color-purple-light-bg),var(--color-violet-light-bg))}.quick-action-card--blue{background:linear-gradient(135deg,var(--color-info-lightest),#f0f9ff);border:1px solid #bfdbfe}.quick-action-card--blue:before{background:linear-gradient(135deg,var(--color-info-light),var(--color-info-tint))}.quick-action-card--pink{background:linear-gradient(135deg,var(--color-pink-lightest),#fff1f2);border:1px solid var(--color-pink-border)}.quick-action-card--pink:before{background:linear-gradient(135deg,var(--color-pink-light),#ffe4e6)}.quick-action-card--gray{background:linear-gradient(135deg,var(--theme-bg-input),var(--theme-bg-surface));border:1px solid var(--theme-border)}.quick-action-card--gray:before{background:linear-gradient(135deg,var(--theme-bg-surface),var(--theme-bg-surface))}.quick-action-card__icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;position:relative;z-index:1}.quick-action-card--purple .quick-action-card__icon{background:var(--gradient-purple);color:var(--theme-text-white)}.quick-action-card--blue .quick-action-card__icon{background:var(--gradient-blue);color:var(--theme-text-white)}.quick-action-card--pink .quick-action-card__icon{background:var(--gradient-pink);color:var(--theme-text-white)}.quick-action-card--gray .quick-action-card__icon{background:linear-gradient(135deg,var(--theme-text-muted),var(--theme-text-placeholder));color:var(--theme-text-white)}.quick-action-card__content{flex:1;min-width:0;position:relative;z-index:1}.quick-action-card__title{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap}.quick-action-card__desc{font-size:12px;color:var(--text-muted)}.quick-action-card__arrow{color:var(--text-muted);font-size:16px;position:relative;z-index:1;transition:transform var(--transition-fast)}.quick-action-card:hover .quick-action-card__arrow{transform:translate(2px,-2px)}.activity-list{display:flex;flex-direction:column;gap:4px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.activity-item:hover{background:#00000005}.activity-item__icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.activity-item--success .activity-item__icon{background:linear-gradient(135deg,var(--color-success-light),var(--color-success-lightest));color:var(--color-success)}.activity-item--warning .activity-item__icon{background:linear-gradient(135deg,var(--color-warning-light),var(--color-warning-lightest));color:var(--color-warning)}.activity-item--info .activity-item__icon{background:linear-gradient(135deg,var(--color-info-light),var(--color-info-lightest));color:var(--color-info)}.activity-item--error .activity-item__icon{background:linear-gradient(135deg,var(--color-danger-light),var(--color-danger-lightest));color:var(--color-danger)}.activity-item__content{flex:1;min-width:0}.activity-item__title{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.activity-item__desc{font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.activity-item__time{font-size:11px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.calendar-widget{margin-bottom:20px}.calendar-widget__header{margin-bottom:16px}.calendar-widget__month{font-size:15px;font-weight:600;color:var(--text-primary)}.calendar-widget__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.calendar-widget__weekdays span{text-align:center;font-size:11px;font-weight:600;color:var(--text-muted);padding:4px}.calendar-widget__days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-widget__day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.calendar-widget__day:hover:not(.calendar-widget__day--empty){background:#8b5cf61a}.calendar-widget__day--today{background:var(--gradient-brand);color:var(--theme-text-white);font-weight:600}.calendar-widget__day--today:hover{background:var(--gradient-brand)}.calendar-widget__day--event{position:relative}.calendar-widget__day--event:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;background:var(--color-pink);border-radius:50%}.calendar-widget__day--empty{visibility:hidden}.upcoming-events{border-top:1px solid var(--border-color);padding-top:16px}.upcoming-events h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 12px}.upcoming-event{display:flex;align-items:center;gap:12px;padding:8px 0}.upcoming-event__date{padding:6px 10px;background:linear-gradient(135deg,var(--color-purple-light-bg),var(--color-violet-light-bg));color:var(--color-primary-violet-light);font-size:12px;font-weight:600;border-radius:6px;min-width:60px;text-align:center}.upcoming-event__title{font-size:13px;color:var(--text-primary);font-weight:500}.leave-summary-list{display:flex;flex-direction:column;gap:14px}.leave-summary-card{padding:12px 0;border-bottom:1px solid var(--border-color)}.leave-summary-card:last-child{border-bottom:none;padding-bottom:0}.leave-summary-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.leave-summary-card__type{font-size:13px;font-weight:500;color:var(--text-primary)}.leave-summary-card__count{font-size:13px;font-weight:600;color:var(--text-secondary)}.leave-summary-card__progress{height:6px;background:#0000000d;border-radius:3px;overflow:hidden}.leave-summary-card__bar{height:100%;border-radius:3px}.notification-count{background:var(--color-danger);color:var(--theme-text-white);font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px}.notifications-list{display:flex;flex-direction:column;gap:8px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--radius-sm);background:#00000005;transition:all var(--transition-fast)}.notification-item--new{background:linear-gradient(135deg,#faf5ff,var(--color-violet-lightest-bg));border-left:3px solid var(--color-primary-violet-lighter)}.notification-item:hover{background:#0000000a}.notification-item__badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.notification-item__badge--success{background:linear-gradient(135deg,var(--color-success-light),var(--color-success-lightest));color:var(--color-success)}.notification-item__badge--warning{background:linear-gradient(135deg,var(--color-warning-light),var(--color-warning-lightest));color:var(--color-warning)}.notification-item__badge--info{background:linear-gradient(135deg,var(--color-info-light),var(--color-info-lightest));color:var(--color-info)}.notification-item__badge--error{background:linear-gradient(135deg,var(--color-danger-light),var(--color-danger-lightest));color:var(--color-danger)}.notification-item__content{flex:1;min-width:0}.notification-item__title{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.notification-item__message{font-size:12px;color:var(--text-secondary)}.notification-item__time{font-size:11px;color:var(--text-muted);white-space:nowrap}.team-members-list{display:flex;flex-direction:column;gap:12px}.employee-card-mini{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.employee-card-mini:hover{background:#00000005}.employee-card-mini__avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;color:var(--theme-text-white);font-weight:600;font-size:14px;position:relative;flex-shrink:0}.employee-card-mini__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.employee-card-mini__status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--theme-text-white)}.employee-card-mini__status--online{background:var(--color-success)}.employee-card-mini__status--away{background:var(--color-warning)}.employee-card-mini__status--offline{background:var(--theme-text-placeholder)}.employee-card-mini__info{flex:1;min-width:0}.employee-card-mini__name{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.employee-card-mini__designation{display:block;font-size:12px;color:var(--text-secondary)}.employee-card-mini__department{display:block;font-size:11px;color:var(--text-muted)}.dashboard-home__footer{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px;padding:24px;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.footer-stat{display:flex;align-items:center;gap:14px}.footer-stat>svg{width:44px;height:44px;padding:10px;background:linear-gradient(135deg,var(--color-purple-light-bg),var(--color-violet-light-bg));color:var(--color-primary-violet-light);border-radius:10px}.footer-stat__value{display:block;font-size:24px;font-weight:700;color:var(--text-primary);line-height:1}.footer-stat__label{font-size:13px;color:var(--text-secondary)}@media(max-width:1400px){.dashboard-home__grid{grid-template-columns:1fr 360px}}@media(max-width:1400px){.dashboard-home__stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.dashboard-home__stats{grid-template-columns:repeat(2,1fr)}.dashboard-home__grid{grid-template-columns:1fr}.dashboard-home__right{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.dashboard-home__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard-home__stats{grid-template-columns:1fr}}@media(max-width:992px){.attendance-overview,.dashboard-home__footer{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-home{padding:16px}.dashboard-home__header{flex-direction:column;align-items:flex-start}.greeting-text h1{font-size:22px}.dashboard-home__stats{grid-template-columns:1fr}.stat-card{padding:16px}.stat-card__value{font-size:24px}.dashboard-home__right,.attendance-overview{grid-template-columns:1fr}.donut-chart-container{flex-direction:column}.dashboard-home__footer{grid-template-columns:1fr;gap:16px}.footer-stat{padding:12px;background:#00000005;border-radius:var(--radius-sm)}}@media(max-width:480px){.dashboard-home{padding:12px}.greeting-icon{width:48px;height:48px;font-size:20px}.greeting-text h1{font-size:18px}.dashboard-card{padding:16px}.bar-chart{gap:8px}.bar{max-width:30px}}.br-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.br-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.br-search-box svg{color:#94a3b8;flex-shrink:0}.br-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.br-search-box input::placeholder{color:#1e293b;font-weight:600}.br-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.br-stats-inline{display:flex;gap:6px}.br-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600;white-space:nowrap}.br-stat-active{background:#dcfce7;color:#16a34a}.br-stat-inactive{background:#fee2e2;color:#ef4444}.br-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}.br-btn:hover{background:#f8fafc;border-color:#cbd5e1}.br-btn:active{transform:scale(.95)}.br-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.br-add-btn:hover{background:#1d4ed8}.br-add-btn:disabled,.br-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.br-cancel-btn{background:#f1f5f9;color:#475569}.br-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}.br-toggle-inactive.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.br-toggle-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.br-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.br-empty{text-align:center;padding:60px 20px;color:#94a3b8}.br-empty svg{margin-bottom:16px;opacity:.4}.br-empty h3{color:#475569;margin-bottom:8px}.br-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;animation:br-fadeIn .4s ease}.br-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.br-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.br-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.br-grid-wrapper .ag-row{border-color:#f1f5f9!important}.br-grid-wrapper .ag-row:hover{background:#f8fafc!important}.br-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.br-inactive-badge{font-size:9px;padding:1px 6px;border-radius:4px;background:#fee2e2;color:#b91c1c;font-weight:600;margin-left:6px}.br-type-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;text-transform:capitalize}.br-actions{display:flex;gap:4px;align-items:center}.br-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.br-icon-btn:active{transform:scale(.85)}.br-emp-btn{color:#0891b2}.br-emp-btn:hover{background:#cffafe;color:#0e7490}.br-edit-btn{color:#2563eb}.br-edit-btn:hover{background:#dbeafe;color:#1d4ed8}.br-delete-btn{color:#ef4444}.br-delete-btn:hover{background:#fee2e2;color:#dc2626}.br-modal-sm{max-width:380px}.br-company-node{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;transition:background .15s;border-bottom:1px solid #f1f5f9;text-align:left;font-size:14px;font-weight:600;color:#1e293b}.br-company-node:hover{background:#f0f7ff}.br-company-node:last-child{border-bottom:none}.br-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:br-overlayIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.br-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;box-shadow:0 20px 60px #00000026;animation:br-modalIn .3s ease}.br-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.br-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.br-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.br-modal-close:hover{background:#f1f5f9;color:#475569}.br-modal-body{padding:20px;max-height:70vh;overflow-y:auto}.br-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.br-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.br-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.br-field label{font-size:12px;font-weight:600;color:#374151}.br-req{color:#ef4444}.br-hint{font-weight:400;color:#94a3b8;font-size:11px}.br-field input,.br-field select,.br-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.br-field input:focus,.br-field select:focus,.br-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.br-field textarea{resize:vertical;min-height:50px}.br-field input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.br-field-error input,.br-field-error select{border-color:#ef4444!important}.br-err{font-size:11px;color:#ef4444}@keyframes br-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes br-modalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes br-overlayIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.br-grid-wrapper{overflow-x:auto}}@media(max-width:640px){.br-toolbar{flex-direction:column;align-items:stretch}.br-toolbar-right{margin-left:0;justify-content:flex-end}.br-stats-inline{display:none}.br-form-grid{grid-template-columns:1fr}.br-modal{max-width:95vw}}.department-assignment-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:br-overlayIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.department-assignment-modal .modal-content-inner{background:#fff;border-radius:12px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026;animation:br-modalIn .3s ease}.department-assignment-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.department-assignment-modal .modal-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.department-assignment-modal .header-actions{display:flex;align-items:center;gap:8px}.department-assignment-modal .refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.department-assignment-modal .refresh-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.department-assignment-modal .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.department-assignment-modal .refresh-btn .spinning{animation:spin .8s linear infinite}.department-assignment-modal .modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:6px;cursor:pointer;color:#94a3b8;transition:all .2s}.department-assignment-modal .modal-close-btn:hover{background:#fee2e2;color:#ef4444}.department-assignment-modal .assignment-panels{display:flex;gap:16px;padding:20px;align-items:stretch}.department-assignment-modal .employee-panel{flex:1;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;max-height:450px}.department-assignment-modal .panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0}.department-assignment-modal .panel-header h4{margin:0;font-size:14px;font-weight:600;color:#1e293b}.department-assignment-modal .selected-badge{background:#2563eb;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px}.department-assignment-modal .panel-filters{padding:12px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px}.department-assignment-modal .search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff}.department-assignment-modal .search-box input{border:none;outline:none;flex:1;font-size:13px;background:transparent}.department-assignment-modal .search-box svg{color:#94a3b8;font-size:12px}.department-assignment-modal .search-box .clear-btn{cursor:pointer}.department-assignment-modal .search-box .clear-btn:hover{color:#475569}.department-assignment-modal .select-all-row{padding:8px 12px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.department-assignment-modal .select-all-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#64748b}.department-assignment-modal .select-all-checkbox input{display:none}.department-assignment-modal .checkbox-custom{width:16px;height:16px;border:2px solid #d1d5db;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:10px;color:#fff}.department-assignment-modal input:checked+.checkbox-custom{background:#2563eb;border-color:#2563eb}.department-assignment-modal .employee-list{flex:1;overflow-y:auto;min-height:150px}.department-assignment-modal .employee-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #f8fafc;cursor:pointer;transition:background .15s}.department-assignment-modal .employee-row:hover{background:#f8fafc}.department-assignment-modal .employee-row.selected{background:#eff6ff}.department-assignment-modal .employee-row input{display:none}.department-assignment-modal .emp-info{flex:1;min-width:0}.department-assignment-modal .emp-name{display:block;font-weight:500;color:#1e293b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.department-assignment-modal .emp-details{display:block;font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.department-assignment-modal .empty-list{padding:40px 20px;text-align:center;color:#94a3b8;font-size:13px}.department-assignment-modal .action-buttons{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 8px}.department-assignment-modal .assign-btn,.department-assignment-modal .unassign-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;position:relative;transition:all .2s}.department-assignment-modal .assign-btn{background:#2563eb;color:#fff}.department-assignment-modal .assign-btn:hover:not(:disabled){background:#1d4ed8}.department-assignment-modal .unassign-btn{background:#ef4444;color:#fff}.department-assignment-modal .unassign-btn:hover:not(:disabled){background:#dc2626}.department-assignment-modal .assign-btn:disabled,.department-assignment-modal .unassign-btn:disabled{background:#d1d5db;cursor:not-allowed}.department-assignment-modal .count-badge{position:absolute;top:-8px;right:-8px;background:#fff;color:#2563eb;border:2px solid currentColor;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.department-assignment-modal .unassign-btn .count-badge{color:#ef4444}.department-assignment-modal .loading-container{padding:60px;text-align:center;color:#64748b}@media(max-width:900px){.department-assignment-modal .assignment-panels{flex-direction:column}.department-assignment-modal .action-buttons{flex-direction:row;padding:12px 0}.department-assignment-modal .assign-btn,.department-assignment-modal .unassign-btn{flex:1}.department-assignment-modal .employee-panel{max-height:300px}}@media(max-width:600px){.department-assignment-modal .modal-content-inner{max-width:95vw}.department-assignment-modal .modal-header{flex-direction:column;align-items:flex-start;gap:12px}.department-assignment-modal .header-actions{width:100%;justify-content:flex-end}}.dept-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.dept-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.dept-search-box svg{color:#94a3b8;flex-shrink:0}.dept-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.dept-search-box input::placeholder{color:#1e293b;font-weight:600}.dept-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.dept-stats-inline{display:flex;gap:6px}.dept-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600;white-space:nowrap}.dept-stat-active{background:#dcfce7;color:#16a34a}.dept-stat-inactive{background:#fee2e2;color:#ef4444}.dept-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}.dept-btn:hover{background:#f8fafc;border-color:#cbd5e1}.dept-btn:active{transform:scale(.95)}.dept-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.dept-add-btn:hover{background:#1d4ed8}.dept-add-btn:disabled,.dept-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dept-cancel-btn{background:#f1f5f9;color:#475569}.dept-templates-btn{color:#7c3aed;border-color:#e9d5ff}.dept-templates-btn:hover{background:#faf5ff;border-color:#c4b5fd}.dept-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}.dept-toggle-inactive.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.dept-toggle-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.dept-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.dept-empty{text-align:center;padding:60px 20px;color:#94a3b8}.dept-empty svg{margin-bottom:16px;opacity:.4}.dept-empty h3{color:#475569;margin-bottom:8px}.dept-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;animation:dept-fadeIn .4s ease}.dept-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.dept-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.dept-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.dept-grid-wrapper .ag-row{border-color:#f1f5f9!important}.dept-grid-wrapper .ag-row:hover{background:#f8fafc!important}.dept-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.dept-inactive-badge{font-size:9px;padding:1px 6px;border-radius:4px;background:#fee2e2;color:#b91c1c;font-weight:600;margin-left:6px}.dept-type-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}.dept-actions{display:flex;gap:4px;align-items:center}.dept-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.dept-icon-btn:active{transform:scale(.85)}.dept-emp-btn{color:#0891b2}.dept-emp-btn:hover{background:#cffafe;color:#0e7490}.dept-edit-btn{color:#2563eb}.dept-edit-btn:hover{background:#dbeafe;color:#1d4ed8}.dept-delete-btn{color:#ef4444}.dept-delete-btn:hover{background:#fee2e2;color:#dc2626}.dept-btn-disabled{opacity:.3;cursor:not-allowed!important}.dept-btn-disabled:hover{background:none!important}.dept-modal-sm{max-width:380px}.dept-company-node{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;transition:background .15s;border-bottom:1px solid #f1f5f9;text-align:left;font-size:14px;font-weight:600;color:#1e293b}.dept-company-node:hover{background:#f0f7ff}.dept-company-node:last-child{border-bottom:none}.dept-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:dept-overlayIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dept-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;box-shadow:0 20px 60px #00000026;animation:dept-modalIn .3s ease}.dept-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.dept-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.dept-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.dept-modal-close:hover{background:#f1f5f9;color:#475569}.dept-modal-body{padding:20px;max-height:70vh;overflow-y:auto}.dept-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.dept-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dept-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.dept-field label{font-size:12px;font-weight:600;color:#374151}.dept-req{color:#ef4444}.dept-hint{font-weight:400;color:#94a3b8;font-size:11px}.dept-field input,.dept-field select,.dept-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.dept-field input:focus,.dept-field select:focus,.dept-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dept-field textarea{resize:vertical;min-height:50px}.dept-field input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.dept-field-error input,.dept-field-error select{border-color:#ef4444!important}.dept-err{font-size:11px;color:#ef4444}.dept-name-input-wrap{position:relative}.dept-name-input-wrap input{width:100%;box-sizing:border-box}.dept-template-add{display:flex;gap:8px;margin-bottom:16px}.dept-template-add input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px}.dept-template-add input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.dept-template-list{display:flex;flex-direction:column;gap:4px}.dept-template-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafc;border-radius:8px;font-size:13px;font-weight:500;color:#1e293b}.dept-template-item:hover{background:#f1f5f9}@keyframes dept-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dept-modalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dept-overlayIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.dept-grid-wrapper{overflow-x:auto}}@media(max-width:640px){.dept-toolbar{flex-direction:column;align-items:stretch}.dept-toolbar-right{margin-left:0;justify-content:flex-end}.dept-stats-inline{display:none}.dept-form-grid{grid-template-columns:1fr}.dept-modal{max-width:95vw}}.desig-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.desig-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.desig-search-box svg{color:#94a3b8;flex-shrink:0}.desig-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.desig-search-box input::placeholder{color:#1e293b;font-weight:600}.desig-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.desig-stats-inline{display:flex;gap:6px}.desig-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600;white-space:nowrap}.desig-stat-active{background:#dcfce7;color:#16a34a}.desig-stat-inactive{background:#fee2e2;color:#ef4444}.desig-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}.desig-btn:hover{background:#f8fafc;border-color:#cbd5e1}.desig-btn:active{transform:scale(.95)}.desig-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.desig-add-btn:hover{background:#1d4ed8}.desig-add-btn:disabled,.desig-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.desig-cancel-btn{background:#f1f5f9;color:#475569}.desig-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}.desig-toggle-inactive.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.desig-toggle-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.desig-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.desig-empty{text-align:center;padding:60px 20px;color:#94a3b8}.desig-empty svg{margin-bottom:16px;opacity:.4}.desig-empty h3{color:#475569;margin-bottom:8px}.desig-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;animation:desig-fadeIn .4s ease}.desig-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.desig-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.desig-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.desig-grid-wrapper .ag-row{border-color:#f1f5f9!important}.desig-grid-wrapper .ag-row:hover{background:#f8fafc!important}.desig-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.desig-inactive-badge{font-size:9px;padding:1px 6px;border-radius:4px;background:#fee2e2;color:#b91c1c;font-weight:600;margin-left:6px}.desig-cat-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}.desig-actions{display:flex;gap:4px;align-items:center}.desig-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.desig-icon-btn:active{transform:scale(.85)}.desig-edit-btn{color:#2563eb}.desig-edit-btn:hover{background:#dbeafe;color:#1d4ed8}.desig-delete-btn{color:#ef4444}.desig-delete-btn:hover{background:#fee2e2;color:#dc2626}.desig-restore-btn{color:#16a34a}.desig-restore-btn:hover{background:#dcfce7;color:#15803d}.desig-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:desig-overlayIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.desig-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026;animation:desig-modalIn .3s ease}.desig-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.desig-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.desig-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.desig-modal-close:hover{background:#f1f5f9;color:#475569}.desig-modal-body{padding:20px;max-height:70vh;overflow-y:auto}.desig-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.desig-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.desig-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.desig-field label{font-size:12px;font-weight:600;color:#374151}.desig-req{color:#ef4444}.desig-hint{font-weight:400;color:#94a3b8;font-size:11px}.desig-field input,.desig-field select,.desig-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.desig-field input:focus,.desig-field select:focus,.desig-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.desig-field textarea{resize:vertical;min-height:50px}.desig-field-error input,.desig-field-error select{border-color:#ef4444!important}.desig-err{font-size:11px;color:#ef4444}@keyframes desig-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes desig-modalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes desig-overlayIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.desig-grid-wrapper{overflow-x:auto}}@media(max-width:640px){.desig-toolbar{flex-direction:column;align-items:stretch}.desig-toolbar-right{margin-left:0;justify-content:flex-end}.desig-stats-inline{display:none}.desig-form-grid{grid-template-columns:1fr}.desig-modal{max-width:95vw}}.sdept-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.sdept-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.sdept-search-box svg{color:#94a3b8;flex-shrink:0}.sdept-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.sdept-search-box input::placeholder{color:#1e293b;font-weight:600}.sdept-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.sdept-stats-inline{display:flex;gap:6px}.sdept-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600;white-space:nowrap}.sdept-stat-active{background:#dcfce7;color:#16a34a}.sdept-stat-inactive{background:#fee2e2;color:#ef4444}.sdept-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}.sdept-btn:hover{background:#f8fafc;border-color:#cbd5e1}.sdept-btn:active{transform:scale(.95)}.sdept-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.sdept-add-btn:hover{background:#1d4ed8}.sdept-add-btn:disabled,.sdept-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.sdept-cancel-btn{background:#f1f5f9;color:#475569}.sdept-templates-btn{color:#7c3aed;border-color:#e9d5ff}.sdept-templates-btn:hover{background:#faf5ff;border-color:#c4b5fd}.sdept-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}.sdept-toggle-inactive.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.sdept-toggle-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.sdept-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.sdept-empty{text-align:center;padding:60px 20px;color:#94a3b8}.sdept-empty svg{margin-bottom:16px;opacity:.4}.sdept-empty h3{color:#475569;margin-bottom:8px}.sdept-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;animation:sdept-fadeIn .4s ease}.sdept-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.sdept-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.sdept-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.sdept-grid-wrapper .ag-row{border-color:#f1f5f9!important}.sdept-grid-wrapper .ag-row:hover{background:#f8fafc!important}.sdept-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.sdept-inactive-badge{font-size:9px;padding:1px 6px;border-radius:4px;background:#fee2e2;color:#b91c1c;font-weight:600;margin-left:6px}.sdept-actions{display:flex;gap:4px;align-items:center}.sdept-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sdept-icon-btn:active{transform:scale(.85)}.sdept-emp-btn{color:#0891b2}.sdept-emp-btn:hover{background:#cffafe;color:#0e7490}.sdept-edit-btn{color:#2563eb}.sdept-edit-btn:hover{background:#dbeafe;color:#1d4ed8}.sdept-delete-btn{color:#ef4444}.sdept-delete-btn:hover{background:#fee2e2;color:#dc2626}.sdept-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:sdept-overlayIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sdept-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026;animation:sdept-modalIn .3s ease}.sdept-modal-sm{max-width:380px}.sdept-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.sdept-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.sdept-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.sdept-modal-close:hover{background:#f1f5f9;color:#475569}.sdept-modal-body{padding:20px;max-height:70vh;overflow-y:auto}.sdept-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.sdept-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sdept-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.sdept-field label{font-size:12px;font-weight:600;color:#374151}.sdept-req{color:#ef4444}.sdept-hint{font-weight:400;color:#94a3b8;font-size:11px}.sdept-field input,.sdept-field select,.sdept-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.sdept-field input:focus,.sdept-field select:focus,.sdept-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.sdept-field textarea{resize:vertical;min-height:50px}.sdept-field input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.sdept-field-error input,.sdept-field-error select{border-color:#ef4444!important}.sdept-err{font-size:11px;color:#ef4444}.sdept-template-add{display:flex;gap:8px;margin-bottom:16px}.sdept-template-add input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px}.sdept-template-add input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.sdept-template-list{display:flex;flex-direction:column;gap:4px}.sdept-template-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafc;border-radius:8px;font-size:13px;font-weight:500;color:#1e293b}.sdept-template-item:hover{background:#f1f5f9}@keyframes sdept-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sdept-modalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sdept-overlayIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.sdept-grid-wrapper{overflow-x:auto}}@media(max-width:640px){.sdept-toolbar{flex-direction:column;align-items:stretch}.sdept-toolbar-right{margin-left:0;justify-content:flex-end}.sdept-stats-inline{display:none}.sdept-form-grid{grid-template-columns:1fr}.sdept-modal{max-width:95vw}}.drawer-overlay{position:fixed;top:60px;left:70px;right:0;bottom:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;animation:fadeIn .25s ease-out;transition:left .3s ease}.drawer-overlay.sidebar-open{left:260px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.employee-drawer{position:fixed;top:60px;left:70px;width:calc(100vw - 70px);max-width:calc(100vw - 70px);height:calc(100vh - 60px);background:var(--theme-bg-input);box-shadow:8px 0 40px #0003;z-index:1101;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1),left .3s ease,width .3s ease;overflow:hidden}.employee-drawer.open{transform:translate(0)}.employee-drawer.sidebar-open{left:260px;width:calc(100vw - 260px);max-width:calc(100vw - 260px)}.drawer-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--theme-text-muted)}.drawer-spinner{width:44px;height:44px;border:4px solid var(--theme-border);border-top-color:var(--color-primary-hover);border-radius:50%;animation:spin .8s linear infinite}.drawer-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.drawer-profile-card{background:var(--theme-bg-card);position:relative;flex-shrink:0}.drawer-profile-content{padding:20px 24px;display:flex;align-items:flex-start;gap:20px;position:relative}.drawer-avatar-wrapper{position:relative;flex-shrink:0}.drawer-avatar{width:88px;height:88px;border-radius:16px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-violet-light) 100%);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;border:4px solid white;box-shadow:0 8px 24px #6366f14d}.drawer-avatar img{width:100%;height:100%;border-radius:12px;object-fit:cover;image-orientation:from-image}.drawer-avatar{position:relative;overflow:hidden}.drawer-avatar-upload{position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;opacity:0;transition:opacity .2s}.drawer-avatar:hover .drawer-avatar-upload{opacity:1}.drawer-avatar-delete{position:absolute;top:2px;right:2px;background:#dc2626d9;color:#fff;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.drawer-avatar:hover .drawer-avatar-delete{opacity:1}.drawer-status-dot{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 2px 4px #0000001a}.drawer-profile-info{flex:1;min-width:0}.drawer-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}.drawer-profile-name{font-size:22px;font-weight:700;color:var(--theme-text-primary);margin:0;line-height:1.3}.drawer-status-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.drawer-profile-role{font-size:15px;color:var(--theme-text-secondary);margin:0 0 2px;font-weight:500}.drawer-profile-org{font-size:13px;color:var(--theme-text-placeholder);margin:0 0 12px}.drawer-contact-row{display:flex;flex-wrap:wrap;gap:10px}.drawer-contact-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--theme-bg-surface);border-radius:8px;font-size:13px;color:var(--theme-text-secondary);text-decoration:none;transition:all .2s ease}.drawer-contact-chip:hover{background:var(--theme-bg-surface);color:var(--color-primary-hover)}.drawer-contact-chip svg{font-size:14px;color:var(--theme-text-muted)}.drawer-profile-actions{display:flex;gap:10px;flex-shrink:0}.drawer-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-bg-card);color:var(--theme-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.drawer-action-btn:hover{background:var(--theme-bg-input);border-color:var(--theme-border-input);transform:translateY(-1px)}.drawer-action-btn.active{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.drawer-action-btn.back{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);border-color:transparent;color:#fff}.drawer-action-btn.back:hover{transform:translate(-3px) translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.drawer-action-btn.danger{color:var(--color-danger-hover);border-color:var(--color-danger-border)}.drawer-action-btn.danger:hover{background:var(--color-danger-lightest);border-color:var(--color-danger-accent)}.drawer-action-btn.save{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);border-color:transparent;color:#fff}.drawer-action-btn.save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.drawer-action-btn.save:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.drawer-quick-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:16px 24px;background:var(--theme-bg-card);border-top:1px solid var(--theme-border-light);flex-shrink:0}.drawer-stat-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--theme-bg-input);border-radius:12px;transition:all .2s ease}.drawer-stat-card:hover{background:var(--theme-bg-surface);transform:translateY(-2px)}.drawer-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.drawer-stat-info{display:flex;flex-direction:column;min-width:0}.drawer-stat-value{font-size:14px;font-weight:600;color:var(--theme-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-stat-label{font-size:11px;color:var(--theme-text-placeholder);font-weight:500}.drawer-tabs{display:flex;gap:4px;padding:0 24px;background:var(--theme-bg-card);border-bottom:1px solid var(--theme-border);flex-shrink:0}.drawer-tab{display:flex;align-items:center;gap:8px;padding:14px 20px;border:none;background:transparent;color:var(--theme-text-muted);font-size:14px;font-weight:500;cursor:pointer;position:relative;transition:all .2s ease}.drawer-tab:hover{color:var(--theme-text-secondary)}.drawer-tab.active{color:var(--color-primary-hover)}.drawer-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);border-radius:3px 3px 0 0;animation:tabIndicatorSlide .25s ease-out}@keyframes tabIndicatorSlide{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.drawer-tab:active{transform:scale(.97)}.drawer-tab svg{font-size:16px}.drawer-content{flex:1;overflow-y:auto;background:var(--theme-bg-input)}.drawer-more-tab{padding:20px 24px;animation:tabFadeIn .3s ease-out}.drawer-sub-tabs{display:flex;gap:4px;padding:4px;background:var(--theme-bg-surface, #f1f5f9);border-radius:10px;margin-bottom:16px}.drawer-sub-tab{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;padding:8px 14px;border:none;background:transparent;color:var(--theme-text-muted, #94a3b8);font-size:.8rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap}.drawer-sub-tab:hover{color:var(--theme-text-secondary, #64748b);background:var(--theme-bg-hover, rgba(255, 255, 255, .5))}.drawer-sub-tab.active{background:var(--theme-bg-card, #ffffff);color:var(--color-primary, #4f46e5);box-shadow:0 1px 3px #00000014;font-weight:600}.drawer-sub-tab svg{font-size:14px}.drawer-sub-tab-content{animation:tabFadeIn .2s ease-out}@media(max-width:640px){.drawer-sub-tabs{flex-wrap:wrap}.drawer-sub-tab{flex:0 0 calc(50% - 2px);font-size:.75rem;padding:7px 10px}.drawer-more-tab{padding:16px}}.drawer-tab-content{padding:24px;animation:tabFadeIn .3s ease-out}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drawer-profile-tab-header{display:flex;align-items:center;justify-content:space-between;background:var(--theme-bg-card);padding:16px 20px;border-radius:16px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.drawer-profile-tab-header .drawer-section-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.drawer-tab-actions{display:flex;align-items:center;gap:10px}.drawer-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.drawer-tab-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.drawer-tab-btn:active:before{width:200px;height:200px}.drawer-tab-btn svg{font-size:16px;transition:transform .2s ease}.drawer-tab-btn:hover svg{transform:scale(1.1)}.drawer-tab-btn.edit{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);color:#fff;box-shadow:0 4px 14px #4f46e54d}.drawer-tab-btn.edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.drawer-tab-btn.edit:active{transform:translateY(0);box-shadow:0 2px 8px #4f46e54d}.drawer-tab-btn.cancel{background:var(--theme-bg-surface);color:var(--theme-text-muted);border:1px solid var(--theme-border)}.drawer-tab-btn.cancel:hover{background:var(--theme-bg-surface);color:var(--theme-text-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #64748b26}.drawer-tab-btn.cancel:active{transform:translateY(0)}.drawer-tab-btn.delete{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-hover) 100%);color:#fff;box-shadow:0 4px 14px #ef44444d}.drawer-tab-btn.delete:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.drawer-tab-btn.delete:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d}.drawer-tab-btn.save{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);color:#fff;box-shadow:0 4px 14px #10b9814d}.drawer-tab-btn.save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.drawer-tab-btn.save:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.drawer-tab-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.drawer-profile-sections{display:flex;flex-direction:column;gap:20px}.drawer-info-section{background:var(--theme-bg-card);border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.drawer-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--theme-border-light)}.drawer-section-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.drawer-section-header h4{font-size:15px;font-weight:600;color:var(--theme-text-primary);margin:0}.drawer-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.drawer-info-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--theme-bg-input);border-radius:10px;transition:all .2s ease}.drawer-info-item:hover{background:var(--theme-bg-surface)}.drawer-info-icon{width:36px;height:36px;background:var(--theme-bg-card);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--theme-text-muted);font-size:14px;flex-shrink:0;box-shadow:0 1px 2px #0000000d}.drawer-info-icon.success{color:var(--color-success);background:var(--color-success-lightest)}.drawer-info-content{display:flex;flex-direction:column;gap:2px;min-width:0}.drawer-info-label{font-size:11px;color:var(--theme-text-placeholder);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.drawer-info-value{font-size:14px;color:var(--theme-text-primary);font-weight:500;word-break:break-word}.drawer-info-value.link{color:var(--color-primary-hover);text-decoration:none}.drawer-info-value.link:hover{text-decoration:underline}.drawer-info-value.success{color:var(--color-success)}.drawer-edit-form{display:flex;flex-direction:column;gap:20px}.drawer-form-section{background:var(--theme-bg-card);border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.drawer-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.drawer-form-field{display:flex;flex-direction:column;gap:6px}.drawer-form-field.full-width{grid-column:1 / -1}.drawer-form-field.checkbox-field{justify-content:flex-end}.drawer-form-field label{font-size:13px;font-weight:500;color:var(--theme-text-secondary)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-hover);cursor:pointer}.checkbox-text{font-size:14px;color:var(--theme-text-primary)}.drawer-form-field input,.drawer-form-field select,.drawer-form-field textarea{padding:10px 14px;border:1px solid var(--theme-border);border-radius:10px;font-size:14px;color:var(--theme-text-primary);background:var(--theme-bg-card);transition:all .2s ease}.drawer-form-field input:focus,.drawer-form-field select:focus,.drawer-form-field textarea:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #4f46e51a}.drawer-form-field input:disabled,.drawer-form-field select:disabled{background:var(--theme-bg-input);cursor:not-allowed;color:var(--theme-text-placeholder)}.drawer-form-field textarea{resize:vertical;min-height:70px}.drawer-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px;background:var(--theme-bg-card);border-radius:16px;box-shadow:0 1px 3px #0000000a}.drawer-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.drawer-btn.primary{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);color:#fff}.drawer-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.drawer-btn.secondary{background:var(--theme-bg-surface);color:var(--theme-text-secondary)}.drawer-btn.secondary:hover:not(:disabled){background:var(--theme-bg-surface)}.drawer-btn.danger{background:var(--color-danger-lightest);color:var(--color-danger-hover)}.drawer-btn.danger:hover:not(:disabled){background:var(--color-danger-light)}.drawer-btn:disabled{opacity:.6;cursor:not-allowed}.drawer-error{padding:14px 18px;background:var(--color-danger-lightest);border:1px solid var(--color-danger-border);border-radius:12px;color:var(--color-danger-hover);font-size:14px;margin-bottom:16px}.drawer-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--theme-bg-card);border-radius:16px}.drawer-empty-icon-wrapper{width:72px;height:72px;background:linear-gradient(135deg,var(--theme-bg-surface) 0%,var(--theme-bg-surface) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--theme-text-placeholder);margin-bottom:20px}.drawer-empty-state h4{font-size:18px;font-weight:600;color:var(--theme-text-secondary);margin:0 0 8px}.drawer-activity-section{background:var(--theme-bg-card);border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.drawer-timeline{display:flex;flex-direction:column;gap:0;position:relative;margin-left:20px}.drawer-timeline:before{content:"";position:absolute;left:17px;top:24px;bottom:24px;width:2px;background:var(--theme-bg-surface)}.drawer-timeline-item{display:flex;gap:16px;position:relative;padding:16px 0}.drawer-timeline-dot{width:36px;height:36px;border-radius:50%;background:var(--theme-bg-surface);display:flex;align-items:center;justify-content:center;color:var(--theme-text-muted);font-size:14px;flex-shrink:0;z-index:1;border:3px solid white;box-shadow:0 2px 8px #00000014}.drawer-timeline-dot.success{background:var(--color-success-lightest);color:var(--color-success)}.drawer-timeline-dot.info{background:var(--color-info-lightest);color:var(--color-info)}.drawer-timeline-dot.danger{background:var(--color-danger-lightest);color:var(--color-danger)}.drawer-timeline-content{flex:1;padding-top:6px}.drawer-timeline-title{font-size:14px;font-weight:500;color:var(--theme-text-primary);display:block;margin-bottom:4px}.drawer-timeline-by{color:var(--theme-text-muted);font-weight:400}.drawer-timeline-date{font-size:12px;color:var(--theme-text-placeholder)}.drawer-timeline-desc{font-size:13px;color:var(--theme-text-muted);margin:8px 0 0;padding:10px 14px;background:var(--theme-bg-input);border-radius:8px}.drawer-error-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-danger);font-size:14px}@media(max-width:1400px){.drawer-quick-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.drawer-quick-stats{grid-template-columns:repeat(2,1fr)}.drawer-profile-content{flex-wrap:wrap}.drawer-profile-actions{padding-top:0;width:100%;justify-content:flex-start}}@media(max-width:768px){.drawer-overlay{left:0;top:60px}.drawer-overlay.sidebar-open{left:0}.employee-drawer{left:0;width:100vw;max-width:100vw;top:60px;height:calc(100vh - 60px)}.employee-drawer.sidebar-open{left:0;width:100vw;max-width:100vw}.drawer-profile-content{flex-direction:column;align-items:center;text-align:center}.drawer-profile-info{align-items:center}.drawer-name-row,.drawer-contact-row{justify-content:center}.drawer-profile-actions{justify-content:center;padding-top:16px}.drawer-quick-stats{grid-template-columns:repeat(2,1fr);padding:16px}.drawer-info-grid,.drawer-form-grid{grid-template-columns:1fr}.drawer-form-field.full-width{grid-column:span 1}.drawer-tabs{overflow-x:auto;padding:0 16px}.drawer-tab{padding:12px 16px;white-space:nowrap}.drawer-form-actions{flex-wrap:wrap;justify-content:center}.drawer-tab-content{padding:16px}.drawer-profile-tab-header{flex-direction:column;gap:16px;padding:16px}.drawer-tab-actions{width:100%;justify-content:center;flex-wrap:wrap}.drawer-tab-btn{padding:10px 16px;font-size:13px}}@media(max-width:480px){.drawer-quick-stats{grid-template-columns:1fr}.drawer-stat-card{padding:12px}.drawer-avatar{width:72px;height:72px;font-size:26px}.drawer-profile-name{font-size:18px}.drawer-action-btn{padding:8px 14px;font-size:13px}.drawer-action-btn span{display:none}.drawer-btn{padding:10px 16px;font-size:13px}.drawer-tab-btn{padding:8px 12px;font-size:12px}.drawer-tab-btn span{display:none}.drawer-tab-btn svg{font-size:18px}.drawer-profile-tab-header .drawer-section-header h4{font-size:14px}}.drawer-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--theme-border-light);flex-wrap:wrap}.drawer-section-action{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--gradient-brand);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.drawer-section-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.drawer-section-action.refresh{margin-left:auto;margin-right:8px;padding:8px 10px;background:var(--theme-bg-surface);color:var(--color-gray-700);border:1px solid var(--theme-border)}.drawer-section-action.refresh:hover{background:var(--theme-bg-surface);color:var(--theme-text-primary);box-shadow:none}.drawer-section-action.refresh+.drawer-section-action{margin-left:0}.drawer-loading-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:var(--theme-text-muted)}.drawer-spinner-small{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary-hover);border-radius:50%;animation:spin .8s linear infinite}.drawer-empty-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;color:var(--theme-text-placeholder);background:linear-gradient(135deg,var(--theme-bg-input) 0%,var(--theme-bg-surface) 100%);border-radius:12px;border:2px dashed var(--theme-border)}.drawer-empty-inline p{margin:0;font-size:14px;color:var(--theme-text-muted)}.reporting-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.reporting-card{background:var(--theme-bg-card);border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .2s ease;border:1px solid var(--theme-border);text-align:center;min-height:180px}.reporting-card:hover{border-color:var(--color-primary-border);box-shadow:0 4px 12px #4f46e51a;transform:translateY(-2px)}.reporting-card-main{display:flex;flex-direction:column;align-items:center;gap:10px}.reporting-avatar{width:64px;height:64px;border-radius:50%;background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;flex-shrink:0}.reporting-avatar.manager{background:linear-gradient(135deg,var(--color-success-hover) 0%,var(--color-success-dark) 100%)}.reporting-avatar-img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}.reporting-avatar-img.manager{border:3px solid var(--color-success-hover)}.reporting-info{flex:1;min-width:0;text-align:center}.reporting-name{font-size:14px;font-weight:600;color:var(--theme-text-primary);margin-bottom:4px;line-height:1.3}.reporting-meta{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.reporting-code{font-size:12px;color:var(--theme-text-muted);background:var(--theme-bg-card);padding:2px 8px;border-radius:4px}.reporting-dept{font-size:12px;color:var(--theme-text-placeholder)}.reporting-badges{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.reporting-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.reporting-percentage{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--theme-text-secondary)}.reporting-percentage svg{font-size:8px;color:var(--theme-text-placeholder)}.reporting-permissions{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding-top:10px;border-top:1px solid var(--theme-border-light);width:100%}.perm-badge{font-size:10px;padding:2px 6px;background:var(--color-info-tint);color:var(--color-sky);border-radius:4px;font-weight:500}.reporting-actions{display:flex;justify-content:center;gap:8px;padding-top:10px;border-top:1px solid var(--theme-border-light);width:100%;margin-top:auto}.reporting-action-btn{width:30px;height:30px;border-radius:50%;border:none;background:var(--theme-bg-surface);color:var(--theme-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:12px}.reporting-action-btn:hover{transform:scale(1.1)}.reporting-action-btn.edit:hover{background:var(--color-violet-light-bg);color:var(--color-primary-violet)}.reporting-action-btn.acting:hover{background:var(--color-warning-light);color:var(--color-warning-hover)}.reporting-action-btn.delete:hover{background:var(--color-danger-light);color:var(--color-danger-hover)}.reporting-acting{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background:var(--color-warning-light);border-radius:6px;font-size:11px;color:var(--color-text-amber-dark);flex-wrap:wrap;width:100%}.reporting-acting svg{color:var(--color-warning-hover);font-size:12px}.acting-period{font-size:10px;color:#a16207}.clear-acting-btn{margin-left:auto;width:24px;height:24px;border-radius:6px;border:none;background:#92400e1a;color:var(--color-text-amber-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.clear-acting-btn:hover{background:#92400e33}.clear-acting-btn:disabled{opacity:.5;cursor:not-allowed}.set-acting-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:var(--color-warning-light);color:var(--color-text-amber-dark);border:1px solid #fcd34d;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.set-acting-btn:hover{background:#fde68a;border-color:var(--color-warning-accent)}.set-acting-btn svg{font-size:12px;color:var(--color-warning-hover)}.drawer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1150;display:flex;align-items:center;justify-content:center;padding:1rem}.drawer-modal{background:var(--theme-bg-card);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.drawer-modal.drawer-modal-sm{max-width:440px}.drawer-modal-header{padding:18px 20px;border-bottom:1px solid var(--theme-border-light);display:flex;align-items:center;justify-content:space-between}.drawer-modal-header h3{font-size:16px;font-weight:600;color:var(--theme-text-primary);margin:0;display:flex;align-items:center;gap:8px}.drawer-modal-header h3 svg{color:var(--color-primary-hover)}.drawer-modal-header.danger h3 svg{color:var(--color-danger-hover)}.drawer-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:var(--theme-bg-surface);color:var(--theme-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.drawer-modal-close:hover{background:var(--theme-bg-surface);color:var(--theme-text-secondary)}.drawer-modal-body{padding:20px;overflow-y:auto;flex:1}.drawer-modal-footer{padding:16px 20px;border-top:1px solid var(--theme-border-light);display:flex;justify-content:flex-end;gap:10px}.drawer-modal-row,.drawer-modal-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}.drawer-modal-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.drawer-modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.drawer-modal-row .drawer-modal-field{margin-bottom:0}.drawer-modal-field label{font-size:13px;font-weight:500;color:var(--theme-text-secondary)}.drawer-modal-field .required{color:var(--color-danger-hover)}.drawer-modal-field input,.drawer-modal-field select,.drawer-modal-field textarea{padding:10px 12px;border:1.5px solid var(--theme-border);border-radius:10px;font-size:14px;color:var(--theme-text-primary);background:var(--theme-bg-card);transition:all .2s ease}.drawer-modal-field input:focus,.drawer-modal-field select:focus,.drawer-modal-field textarea:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #4f46e51a}.drawer-modal-field input:disabled,.drawer-modal-field select:disabled{background:var(--theme-bg-input);cursor:not-allowed;color:var(--theme-text-placeholder)}.drawer-modal-field.has-error input,.drawer-modal-field.has-error select{border-color:var(--color-danger-hover)}.field-error{font-size:12px;color:var(--color-danger-hover);margin-top:4px}.reporting-summary{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--theme-bg-input);border-radius:10px;margin-bottom:16px;flex-wrap:wrap}.reporting-summary.centered{justify-content:center;text-align:center}.summary-label{font-size:13px;color:var(--theme-text-muted)}.summary-value{font-size:14px;color:var(--theme-text-primary);font-weight:500}.confirm-text{font-size:14px;color:var(--theme-text-secondary);margin:0 0 16px}.warning-text{font-size:13px;color:var(--color-warning-hover);margin:16px 0 0;padding:12px;background:var(--color-warning-lightest);border-radius:8px}.permissions-section{margin-bottom:14px;border:1px solid var(--theme-border);border-radius:10px;overflow:hidden}.permissions-header{padding:12px 14px;background:var(--theme-bg-input);font-size:14px;font-weight:500;color:var(--theme-text-primary);border-bottom:1px solid var(--theme-border)}.permissions-section .checkbox-grid{padding:14px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--theme-text-secondary)}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary-hover)}.modal-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.modal-btn.primary{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);color:#fff}.modal-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.modal-btn.secondary{background:var(--theme-bg-surface);color:var(--theme-text-secondary)}.modal-btn.secondary:hover:not(:disabled){background:var(--theme-bg-surface)}.modal-btn.danger{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-hover) 100%);color:#fff}.modal-btn.danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.modal-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.drawer-modal-row-3{grid-template-columns:1fr 1fr}.drawer-modal-row-3>.drawer-modal-field:first-child{grid-column:1 / -1}}@media(max-width:640px){.drawer-modal{max-width:100%;margin:0;border-radius:16px 16px 0 0;max-height:95vh}.drawer-modal-row,.drawer-modal-row-2,.drawer-modal-row-3{grid-template-columns:1fr}.drawer-modal-row-3>.drawer-modal-field:first-child{grid-column:auto}.checkbox-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.reporting-list{grid-template-columns:repeat(2,1fr)}.reporting-card{padding:16px 12px;min-height:160px}.reporting-avatar,.reporting-avatar-img{width:52px;height:52px;font-size:18px}.reporting-name{font-size:13px}}@media(max-width:400px){.reporting-list{grid-template-columns:1fr}.reporting-card{min-height:auto}.drawer-section-action{width:100%;justify-content:center;margin-left:0;margin-top:10px}}.documents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.doc-card{background:var(--theme-bg-card);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f;border:1px solid var(--theme-border)}.doc-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--theme-border-light)}.doc-card-header.pan{background:linear-gradient(135deg,var(--color-primary-lightest) 0%,var(--color-primary-light) 100%);border-left:4px solid var(--color-primary-hover)}.doc-card-header.aadhaar{background:linear-gradient(135deg,var(--color-warning-lightest) 0%,var(--color-warning-light) 100%);border-left:4px solid var(--color-warning)}.doc-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.doc-card-header.pan .doc-card-icon{background:var(--color-primary-hover);color:#fff}.doc-card-header.aadhaar .doc-card-icon{background:var(--color-warning);color:#fff}.doc-card-title{flex:1;min-width:0}.doc-card-title h4{font-size:14px;font-weight:600;color:var(--theme-text-primary);margin:0}.doc-card-title span{font-size:11px;color:var(--theme-text-muted)}.doc-status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;flex-shrink:0}.doc-status.verified{background:var(--color-success-light);color:var(--color-success-hover)}.doc-status.pending{background:var(--color-warning-light);color:var(--color-warning-hover)}.doc-card-content{padding:16px;display:flex;flex-direction:column;gap:14px}.doc-field{display:flex;flex-direction:column;gap:6px}.doc-field-header{display:flex;align-items:center;justify-content:space-between}.doc-field-label{font-size:11px;color:var(--theme-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.doc-field-edit{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--theme-text-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .15s ease}.doc-field-edit:hover{background:var(--theme-bg-surface);color:var(--color-primary-hover)}.doc-field-value{font-size:15px;color:var(--theme-text-primary);font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace;letter-spacing:1px}.doc-field-input-group{display:flex;gap:6px;align-items:center}.doc-field-input{flex:1;padding:8px 10px;border:1.5px solid var(--theme-border);border-radius:8px;font-size:14px;font-family:SF Mono,Monaco,Consolas,monospace;letter-spacing:1px;color:var(--theme-text-primary);transition:border-color .15s ease}.doc-field-input:focus{outline:none;border-color:var(--color-primary-hover)}.doc-field-input:disabled{background:var(--theme-bg-input);opacity:.7}.doc-field-btn{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease}.doc-field-btn.save{background:var(--color-success);color:#fff}.doc-field-btn.save:hover:not(:disabled){background:var(--color-success-hover)}.doc-field-btn.cancel{background:var(--theme-bg-surface);color:var(--theme-text-muted)}.doc-field-btn.cancel:hover:not(:disabled){background:var(--theme-bg-surface)}.doc-field-btn:disabled{opacity:.5;cursor:not-allowed}.doc-image-box{display:flex;flex-direction:column;gap:8px}.doc-image-preview{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--theme-bg-input);border:1px solid var(--theme-border)}.doc-image-preview img{width:100%;height:100px;object-fit:contain;display:block;transition:transform .2s ease}.doc-image-preview:hover img{transform:scale(1.02)}.doc-image-hover{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .15s ease;color:#fff;font-size:18px}.doc-image-hover span{font-size:11px;font-weight:500}.doc-image-preview:hover .doc-image-hover{opacity:1}.doc-image-empty{height:100px;background:var(--theme-bg-input);border:2px dashed var(--theme-border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--theme-text-placeholder)}.doc-image-empty svg{font-size:28px}.doc-image-empty span{font-size:12px}.doc-image-empty.compact{height:80px}.doc-image-empty.compact svg{font-size:22px}.doc-upload-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:var(--theme-bg-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.doc-upload-btn:hover{background:var(--theme-bg-surface)}.doc-upload-btn.compact{padding:6px 10px;font-size:11px}.doc-upload-btn svg{font-size:14px}.doc-images-dual{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.doc-image-section{display:flex;flex-direction:column;gap:6px}.doc-image-label{font-size:11px;color:var(--theme-text-muted);font-weight:500}.doc-image-box.compact .doc-image-preview img{height:70px}@media(max-width:1024px){.documents-grid{grid-template-columns:1fr}}@media(max-width:640px){.doc-card-header{flex-wrap:wrap;gap:10px}.doc-status{order:3;width:100%;justify-content:center}.doc-images-dual{grid-template-columns:1fr}.doc-image-preview img,.doc-image-empty{height:90px}.doc-image-box.compact .doc-image-preview img,.doc-image-empty.compact{height:80px}}.crop-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}.crop-modal{background:var(--theme-bg-card);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.crop-modal-header{padding:16px 20px;border-bottom:1px solid var(--theme-border-light);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--theme-bg-input) 0%,var(--theme-bg-surface) 100%)}.crop-modal-header h3{font-size:16px;font-weight:600;color:var(--theme-text-primary);margin:0;display:flex;align-items:center;gap:8px}.crop-modal-header h3 svg{color:var(--color-primary-hover)}.crop-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:var(--theme-bg-card);color:var(--theme-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.crop-modal-close:hover{background:var(--color-danger-light);color:var(--color-danger-hover)}.crop-modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.crop-container{position:relative;width:100%;height:350px;background:var(--color-sidebar-bg)}.crop-controls{padding:16px 20px;background:var(--theme-bg-input);display:flex;gap:24px;border-top:1px solid var(--theme-border)}.crop-control-group{flex:1;display:flex;flex-direction:column;gap:8px}.crop-control-group label{font-size:13px;font-weight:500;color:var(--theme-text-secondary);display:flex;align-items:center;gap:6px}.crop-control-group label svg{font-size:14px;color:var(--theme-text-muted)}.crop-slider{width:100%;height:6px;border-radius:3px;background:var(--theme-bg-surface);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.crop-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #4f46e54d;transition:transform .15s ease}.crop-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.crop-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #4f46e54d}.crop-modal-footer{padding:16px 20px;border-top:1px solid var(--theme-border);display:flex;justify-content:flex-end;gap:10px;background:var(--theme-bg-card)}.crop-modal-footer .modal-btn{display:inline-flex;align-items:center;gap:6px}@media(max-width:640px){.crop-modal{max-width:100%;margin:0 10px;max-height:95vh}.crop-container{height:280px}.crop-controls{flex-direction:column;gap:16px;padding:14px 16px}.crop-modal-footer{padding:14px 16px}}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}.image-preview-container{position:relative;max-width:90vw;max-height:90vh}.image-preview-close{position:absolute;top:-40px;right:0;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease}.image-preview-close:hover{background:#fff3}.image-preview-img{max-width:100%;max-height:85vh;border-radius:8px;box-shadow:0 20px 60px #0000004d}.workflow-assignment-info{display:flex;flex-direction:column;gap:14px}.workflow-status-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600}.workflow-status-badge.active{background:var(--color-success-light);color:var(--color-success-hover)}.workflow-status-badge.inactive{background:var(--theme-bg-surface);color:var(--theme-text-muted)}.workflow-priority-list{display:flex;flex-direction:column;gap:10px}.workflow-priority-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--theme-bg-input);border-radius:10px;border:1px solid var(--theme-border);transition:all .15s ease}.workflow-priority-item:hover{border-color:var(--color-primary-border);background:var(--theme-bg-surface)}.workflow-priority-number{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.workflow-priority-number.p0{background:linear-gradient(135deg,var(--color-success-hover) 0%,var(--color-success-dark) 100%)}.workflow-priority-number.p1{background:linear-gradient(135deg,var(--color-sky) 0%,#0369a1 100%)}.workflow-priority-number.p2{background:linear-gradient(135deg,var(--color-warning-hover) 0%,var(--color-warning-dark) 100%)}.workflow-priority-details{flex:1;min-width:0}.workflow-priority-name{font-size:14px;font-weight:600;color:var(--theme-text-primary);display:block;margin-bottom:4px}.workflow-priority-types{display:flex;flex-wrap:wrap;gap:4px}.workflow-type-badge{font-size:10px;padding:2px 6px;background:var(--color-info-tint);color:var(--color-sky);border-radius:4px;font-weight:500}.workflow-type-badge.more{background:var(--theme-bg-surface);color:var(--theme-text-muted)}.workflow-inactive-badge{font-size:10px;padding:3px 8px;background:var(--color-danger-light);color:var(--color-danger-hover);border-radius:4px;font-weight:600}.workflow-notes{font-size:13px;color:var(--theme-text-muted);padding:10px 12px;background:var(--theme-bg-input);border-radius:8px;border-left:3px solid var(--color-primary-hover)}.workflow-selector-section{border:1px solid var(--theme-border);border-radius:12px;overflow:hidden}.workflow-selector-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--theme-bg-input);border-bottom:1px solid var(--theme-border)}.workflow-selector-title{font-size:14px;font-weight:600;color:var(--theme-text-primary)}.workflow-add-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.workflow-add-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #4f46e54d}.workflow-empty-state{padding:30px;text-align:center;color:var(--theme-text-placeholder);display:flex;flex-direction:column;align-items:center;gap:8px}.workflow-empty-state svg{font-size:28px}.workflow-empty-state span{font-size:13px}.workflow-form-list{padding:12px;display:flex;flex-direction:column;gap:10px}.workflow-form-item{display:flex;align-items:center;gap:10px}.workflow-form-priority{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.workflow-form-priority.p0{background:linear-gradient(135deg,var(--color-success-hover) 0%,var(--color-success-dark) 100%)}.workflow-form-priority.p1{background:linear-gradient(135deg,var(--color-sky) 0%,#0369a1 100%)}.workflow-form-priority.p2{background:linear-gradient(135deg,var(--color-warning-hover) 0%,var(--color-warning-dark) 100%)}.workflow-form-select{flex:1;padding:10px 12px;border:1.5px solid var(--theme-border);border-radius:8px;font-size:14px;color:var(--theme-text-primary);background:var(--theme-bg-card);cursor:pointer;transition:all .15s ease}.workflow-form-select:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #4f46e51a}.workflow-form-remove{width:28px;height:28px;border-radius:6px;border:none;background:var(--color-danger-lightest);color:var(--color-danger-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.workflow-form-remove:hover{background:var(--color-danger-light)}@media(max-width:640px){.workflow-priority-item{flex-wrap:wrap;gap:8px}.workflow-priority-details{flex:1 1 100%;order:1}.workflow-priority-number,.workflow-inactive-badge{order:0}.workflow-form-item{flex-wrap:wrap}.workflow-form-select{flex:1 1 100%;order:1}}.workflow-entity-type-badge{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);color:#fff;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;min-width:100px}.workflow-code-badge{font-size:11px;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px;margin-left:8px}.workflow-remove-entity-btn{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--theme-text-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;margin-left:auto}.workflow-remove-entity-btn:hover{background:var(--color-danger-light);color:var(--color-danger-hover)}.workflow-remove-entity-btn:disabled{opacity:.5;cursor:not-allowed}.workflow-notes{margin-top:12px;padding:10px 12px;background:var(--theme-bg-input);border-radius:8px;font-size:13px;color:var(--theme-text-secondary)}.workflow-notes-label{font-weight:600;color:var(--theme-text-primary);margin-right:4px}.workflow-add-section{display:flex;gap:10px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--theme-border)}.workflow-entity-select{flex:1;padding:8px 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;transition:all .15s ease}.workflow-entity-select:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #4f46e51a}.workflow-form-entity-label{display:inline-flex;align-items:center;padding:6px 12px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);color:#fff;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;min-width:130px;flex-shrink:0}.wf-bulk-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.wf-bulk-hint{font-size:13px;color:var(--theme-text-muted)}.wf-bulk-btns{display:flex;gap:8px;flex-shrink:0}.wf-bulk-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--theme-border);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;background:var(--theme-bg-card);color:var(--theme-text-secondary)}.wf-bulk-btn:hover{border-color:var(--theme-border-input);background:var(--theme-bg-input)}.wf-bulk-btn svg{width:13px;height:13px}.wf-bulk-default:hover{border-color:var(--color-indigo-light);background:var(--color-primary-lightest);color:var(--color-primary-hover)}.wf-bulk-clear:hover{border-color:#fca5a5;background:var(--color-danger-lightest);color:var(--color-danger-hover)}.wf-bulk-grid{border:1px solid var(--theme-border);border-radius:10px;overflow:hidden;max-height:420px;overflow-y:auto}.wf-bulk-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--theme-border-light);transition:background .1s ease}.wf-bulk-row:last-child{border-bottom:none}.wf-bulk-row:hover{background:var(--theme-bg-input)}.wf-bulk-row-active{background:var(--color-success-lightest-alt)}.wf-bulk-row-active:hover{background:var(--color-success-lightest)}.wf-bulk-row-disabled{opacity:.5}.wf-bulk-label{width:160px;flex-shrink:0;font-size:13px;font-weight:500;color:var(--theme-text-primary)}.wf-bulk-select{flex:1;padding:7px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:13px;color:var(--theme-text-primary);background:var(--theme-bg-card);cursor:pointer;transition:all .15s ease;min-width:0}.wf-bulk-select:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #4f46e51a}.wf-bulk-no-wf{font-size:12px;color:var(--theme-text-placeholder);font-style:italic}.wf-bulk-summary{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-top:10px;background:var(--color-success-lightest-alt);border:1px solid #bbf7d0;border-radius:8px;font-size:13px;font-weight:500;color:#15803d}.wf-bulk-summary svg{width:14px;height:14px}@media(max-width:600px){.wf-bulk-actions{flex-direction:column;align-items:flex-start}.wf-bulk-row{flex-direction:column;align-items:flex-start;gap:6px}.wf-bulk-label{width:auto}.wf-bulk-select{width:100%}}.drawer-letters-section{background:var(--theme-bg-card);border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.drawer-letters-section .drawer-section-header{margin-bottom:20px}.drawer-letters-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);color:#fff;border-radius:11px;font-size:11px;font-weight:600;margin-left:8px}.drawer-letters-list{display:flex;flex-direction:column;gap:12px}.drawer-letter-card{display:flex;align-items:center;gap:16px;padding:16px 18px;background:linear-gradient(135deg,var(--theme-bg-input) 0%,var(--theme-bg-surface) 100%);border:1px solid var(--theme-border);border-radius:14px;transition:all .25s ease;position:relative;overflow:hidden}.drawer-letter-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);opacity:0;transition:opacity .2s ease}.drawer-letter-card:hover{border-color:var(--color-primary-border);background:linear-gradient(135deg,var(--theme-bg-card) 0%,var(--theme-bg-input) 100%);box-shadow:0 4px 12px #4f46e514;transform:translate(2px)}.drawer-letter-card:hover:before{opacity:1}.drawer-letter-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-info-lightest) 0%,var(--color-info-light) 100%);border-radius:12px;color:var(--color-info);font-size:22px;flex-shrink:0;box-shadow:0 2px 8px #3b82f626}.drawer-letter-icon.joining{background:linear-gradient(135deg,var(--color-success-light-alt) 0%,#bbf7d0 100%);color:var(--color-success-alt);box-shadow:0 2px 8px #16a34a26}.drawer-letter-icon.offer{background:linear-gradient(135deg,var(--color-info-light) 0%,#bfdbfe 100%);color:var(--color-info-hover);box-shadow:0 2px 8px #2563eb26}.drawer-letter-icon.appointment{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-border) 100%);color:var(--color-primary-hover);box-shadow:0 2px 8px #4f46e526}.drawer-letter-icon.experience{background:linear-gradient(135deg,var(--color-warning-light) 0%,#fde68a 100%);color:var(--color-warning-hover);box-shadow:0 2px 8px #d9770626}.drawer-letter-icon.relieving{background:linear-gradient(135deg,var(--color-danger-light) 0%,var(--color-danger-border) 100%);color:var(--color-danger-hover);box-shadow:0 2px 8px #dc262626}.drawer-letter-icon.resignation_acceptance{background:linear-gradient(135deg,var(--color-pink-light) 0%,var(--color-pink-border) 100%);color:#db2777;box-shadow:0 2px 8px #db277726}.drawer-letter-icon.custom{background:linear-gradient(135deg,var(--theme-bg-surface) 0%,var(--theme-border) 100%);color:var(--theme-text-muted);box-shadow:0 2px 8px #6b728026}.drawer-letter-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.drawer-letter-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.drawer-letter-type{font-size:15px;font-weight:600;color:var(--theme-text-primary)}.drawer-letter-template{font-size:13px;color:var(--theme-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-letter-date{font-size:12px;color:var(--theme-text-disabled);display:flex;align-items:center;gap:4px}.drawer-letter-date svg{font-size:11px}.drawer-letter-type-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.drawer-letter-type-badge.joining{background:var(--color-success-light-alt);color:var(--color-success-alt)}.drawer-letter-type-badge.offer{background:var(--color-info-light);color:var(--color-info-hover)}.drawer-letter-type-badge.appointment{background:var(--color-primary-light);color:var(--color-primary-hover)}.drawer-letter-type-badge.experience{background:var(--color-warning-light);color:var(--color-warning-hover)}.drawer-letter-type-badge.relieving{background:var(--color-danger-light);color:var(--color-danger-hover)}.drawer-letter-type-badge.resignation_acceptance{background:var(--color-pink-light);color:#db2777}.drawer-letter-type-badge.custom{background:var(--theme-bg-surface);color:var(--theme-text-muted)}.drawer-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:linear-gradient(135deg,var(--theme-bg-input) 0%,var(--theme-bg-surface) 100%);border-radius:16px;border:2px dashed var(--theme-border)}.drawer-empty-icon{font-size:56px;color:#cbd5e1;margin-bottom:16px}.drawer-empty-state h4{font-size:16px;font-weight:600;color:var(--theme-text-secondary);margin:0 0 6px}.drawer-empty-state p{font-size:14px;color:var(--theme-text-placeholder);margin:0}.drawer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px}.drawer-loading-spinner{width:36px;height:36px;border:3px solid var(--theme-border);border-top-color:var(--color-primary-hover);border-radius:50%;animation:spin .8s linear infinite}.drawer-loading span{font-size:14px;color:var(--theme-text-muted)}.drawer-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.drawer-letter-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.drawer-letter-unassign-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-danger-lightest);color:var(--color-danger-hover);border:1px solid var(--color-danger-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:16px}.drawer-letter-unassign-btn:hover:not(:disabled){background:var(--color-danger-light);border-color:var(--color-danger-accent);transform:scale(1.05)}.drawer-letter-unassign-btn:disabled{opacity:.6;cursor:not-allowed}.drawer-letter-assign-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.drawer-letter-assign-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.drawer-letter-assign-btn:disabled{opacity:.6;cursor:not-allowed}.drawer-letter-card.assignable{background:var(--theme-bg-input);border:1px dashed var(--theme-border-input)}.drawer-letter-card.assignable:hover{border-color:var(--color-success);background:var(--color-success-lightest-alt)}.drawer-empty-action-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-violet) 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.drawer-empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.btn-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.drawer-letter-unassign-btn .btn-spinner-small{border:2px solid rgba(220,38,38,.3);border-top-color:var(--color-danger-hover)}@media(max-width:640px){.drawer-letter-card{flex-wrap:wrap;gap:12px}.drawer-letter-info{flex:1 1 calc(100% - 64px)}.drawer-letter-actions{width:100%;padding-left:64px;justify-content:space-between}}.edt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:var(--theme-text-tertiary, #94a3b8);font-size:.85rem}.edt-tab-content{display:flex;flex-direction:column;gap:12px}.edt-tab-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.edt-tab-actions{display:flex;justify-content:flex-end;margin-bottom:4px}.edt-save-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--color-primary, #4f46e5);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:opacity .2s}.edt-save-btn:hover{opacity:.9}.edt-save-btn:disabled{opacity:.6;cursor:not-allowed}.edt-add-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-primary, #4f46e5);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .2s}.edt-add-btn:hover{opacity:.9}.edt-section{background:var(--theme-bg-surface, #f8fafc);border:1px solid var(--theme-border-light, #e2e8f0);border-radius:10px;overflow:hidden}.edt-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:transparent;border:none;width:100%;cursor:pointer;transition:background .2s;text-align:left}.edt-section-header:hover{background:var(--theme-bg-hover, #f1f5f9)}.edt-section-header-static{cursor:default}.edt-section-header-static:hover{background:transparent}.edt-section-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--theme-text-primary, #1e293b)}.edt-section-icon{font-size:1rem;color:var(--color-primary, #4f46e5)}.edt-section-body{padding:12px 14px;border-top:1px solid var(--theme-border-light, #e2e8f0)}.edt-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.edt-field{display:flex;flex-direction:column;gap:3px}.edt-field.full-width{grid-column:1 / -1}.edt-field label{font-size:.75rem;font-weight:500;color:var(--theme-text-secondary, #64748b)}.edt-field label .required{color:#ef4444}.edt-field input,.edt-field select,.edt-field textarea{padding:7px 10px;border:1px solid var(--theme-border-medium, #cbd5e1);border-radius:6px;font-size:.82rem;color:var(--theme-text-primary, #1e293b);background:var(--theme-bg-card, #ffffff);transition:border-color .2s}.edt-field input:focus,.edt-field select:focus,.edt-field textarea:focus{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 2px #4f46e51a}.edt-field input:disabled,.edt-field select:disabled,.edt-field textarea:disabled{background:var(--theme-bg-surface, #f8fafc);opacity:.7;cursor:not-allowed}.edt-field textarea{resize:vertical}.edt-hint{font-size:.7rem;color:var(--theme-text-tertiary, #94a3b8)}.edt-checkbox-label{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--theme-text-secondary, #64748b);cursor:pointer}.edt-checkbox-label input[type=checkbox]{margin:0;width:16px;height:16px}.edt-tags-container{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px;border:1px solid var(--theme-border-medium, #cbd5e1);border-radius:6px;background:var(--theme-bg-card, #ffffff);min-height:36px;align-items:center}.edt-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-primary, #4f46e5);color:#fff;border-radius:12px;font-size:.72rem;font-weight:500}.edt-tag button{background:none;border:none;color:#fffc;cursor:pointer;padding:0;display:flex}.edt-tag button:hover{color:#fff}.edt-tag-input{border:none!important;outline:none!important;box-shadow:none!important;padding:2px 4px!important;min-width:100px;flex:1;font-size:.8rem!important}.edt-education-row{background:var(--theme-bg-card, #ffffff);border:1px solid var(--theme-border-light, #e2e8f0);border-radius:8px;padding:10px;margin-bottom:8px}.edt-remove-row-btn{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 8px;border:none;background:none;color:#ef4444;font-size:.72rem;cursor:pointer}.edt-remove-row-btn:hover{text-decoration:underline}.edt-add-row-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px dashed var(--theme-border-medium, #cbd5e1);border-radius:6px;background:transparent;color:var(--color-primary, #4f46e5);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s}.edt-add-row-btn:hover{background:#eef2ff;border-color:var(--color-primary, #4f46e5)}.edt-masked-field{position:relative;display:flex;align-items:center}.edt-masked-field input{width:100%;padding-right:32px}.edt-eye-btn{position:absolute;right:8px;background:none;border:none;color:var(--theme-text-tertiary, #94a3b8);cursor:pointer;padding:2px;display:flex}.edt-eye-btn:hover{color:var(--theme-text-secondary, #64748b)}.edt-table-wrapper{overflow-x:auto}.edt-table{width:100%;border-collapse:collapse;font-size:.8rem}.edt-table th{text-align:left;padding:8px 10px;font-weight:600;font-size:.72rem;color:var(--theme-text-secondary, #64748b);border-bottom:2px solid var(--theme-border-light, #e2e8f0);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.edt-table td{padding:8px 10px;border-bottom:1px solid var(--theme-border-light, #e2e8f0);color:var(--theme-text-primary, #1e293b)}.edt-table tr:last-child td{border-bottom:none}.edt-table tr:hover td{background:var(--theme-bg-hover, #f8fafc)}.edt-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:500}.edt-badge.green{color:#059669;background:#d1fae5}.edt-badge.grey{color:#6b7280;background:#f3f4f6}.edt-badge.orange{color:#d97706;background:#fef3c7}.edt-actions-cell{display:flex;gap:6px}.edt-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--theme-border-medium, #cbd5e1);border-radius:6px;background:var(--theme-bg-card, #ffffff);color:var(--theme-text-secondary, #64748b);font-size:.75rem;cursor:pointer;transition:all .2s}.edt-icon-btn:hover{background:#dbeafe;border-color:#93c5fd;color:#2563eb}.edt-icon-btn.danger{color:#ef4444}.edt-icon-btn.danger:hover{background:#fee2e2;border-color:#fca5a5}.edt-icon-btn.small{width:24px;height:24px;font-size:.7rem}.edt-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;color:var(--theme-text-tertiary, #94a3b8);gap:8px}.edt-empty-state p{margin:0;font-size:.85rem}.edt-empty-text{text-align:center;color:var(--theme-text-tertiary, #94a3b8);font-size:.8rem;padding:12px;margin:0}.edt-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.edt-modal-wide{max-width:600px!important}.edt-exp-list{display:flex;flex-direction:column;gap:10px}.edt-exp-card{background:var(--theme-bg-surface, #f8fafc);border:1px solid var(--theme-border-light, #e2e8f0);border-radius:10px;padding:14px;transition:all .2s}.edt-exp-card:hover{border-color:var(--theme-border-medium, #cbd5e1)}.edt-exp-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.edt-exp-card-title h4{margin:0;font-size:.88rem;font-weight:600;color:var(--theme-text-primary, #1e293b)}.edt-exp-designation{display:block;font-size:.78rem;color:var(--theme-text-secondary, #64748b);margin-top:2px}.edt-exp-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.edt-exp-card-body{display:flex;flex-wrap:wrap;gap:8px}.edt-exp-meta{font-size:.75rem;color:var(--theme-text-tertiary, #94a3b8)}.edt-exp-docs{display:flex;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--theme-border-light, #e2e8f0)}.edt-doc-link{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--color-primary, #4f46e5);text-decoration:none}.edt-doc-link:hover{text-decoration:underline}.edt-verified-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:#059669;background:#d1fae5;padding:2px 8px;border-radius:10px;font-weight:500}.edt-verified-badge.small{font-size:.68rem;padding:1px 6px}.edt-unverified-badge{display:inline-block;font-size:.72rem;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:10px;font-weight:500}.edt-verify-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid #059669;border-radius:6px;background:transparent;color:#059669;font-size:.72rem;font-weight:500;cursor:pointer;transition:all .2s}.edt-verify-btn:hover{background:#d1fae5}.edt-verify-btn.small{padding:2px 6px;font-size:.68rem}.edt-skills-grid{display:flex;flex-direction:column;gap:8px}.edt-skill-chip{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--theme-bg-surface, #f8fafc);border:1px solid var(--theme-border-light, #e2e8f0);border-radius:8px;transition:all .2s}.edt-skill-chip:hover{border-color:var(--theme-border-medium, #cbd5e1)}.edt-skill-info{display:flex;align-items:center;gap:8px}.edt-skill-name{font-size:.82rem;font-weight:500;color:var(--theme-text-primary, #1e293b)}.edt-skill-level{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.68rem;font-weight:600}.edt-skill-actions{display:flex;align-items:center;gap:4px}.edt-nom-groups{display:flex;flex-direction:column;gap:16px}.edt-nom-group{background:var(--theme-bg-surface, #f8fafc);border:1px solid var(--theme-border-light, #e2e8f0);border-radius:10px;padding:12px}.edt-nom-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.edt-nom-group-header h4{margin:0;font-size:.85rem;font-weight:600;color:var(--theme-text-primary, #1e293b)}.edt-nom-share-total{font-size:.72rem;color:var(--theme-text-tertiary, #94a3b8);font-weight:500}.edt-progress-bar{width:100%;height:6px;background:var(--theme-border-light, #e2e8f0);border-radius:3px;overflow:hidden;margin-bottom:10px}.edt-progress-fill{height:100%;border-radius:3px;transition:width .3s}.edt-nom-cards{display:flex;flex-direction:column;gap:6px}.edt-nom-card{background:var(--theme-bg-card, #ffffff);border:1px solid var(--theme-border-light, #e2e8f0);border-radius:8px;padding:10px}.edt-nom-card-header{display:flex;justify-content:space-between;align-items:center}.edt-nom-name{font-size:.82rem;font-weight:500;color:var(--theme-text-primary, #1e293b)}.edt-nom-rel{font-size:.72rem;color:var(--theme-text-tertiary, #94a3b8);margin-left:6px}.edt-nom-share{font-size:.85rem;font-weight:700;color:var(--color-primary, #4f46e5)}.edt-nom-card-body{display:flex;gap:8px;align-items:center;margin-top:4px;font-size:.72rem;color:var(--theme-text-tertiary, #94a3b8)}.edt-nom-card-actions{display:flex;gap:4px;margin-top:6px;justify-content:flex-end}@media(max-width:640px){.edt-form-grid,.edt-modal-grid{grid-template-columns:1fr}.edt-tab-header-row{flex-direction:column;align-items:flex-start;gap:8px}.edt-exp-card-header{flex-direction:column}.edt-exp-card-actions{flex-wrap:wrap}}.act-tab{display:flex;flex-direction:column;gap:12px}.act-header{display:flex;align-items:center;gap:8px}.act-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.act-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid;border-radius:16px;font-size:11px;font-weight:500;cursor:pointer;background:#fff;transition:all .15s;text-transform:capitalize}.act-chip:hover{opacity:.85}.act-chip-active{color:#fff!important}.act-chip-count{font-size:10px;padding:0 5px;border-radius:8px;font-weight:700}.act-refresh{background:none;border:none;cursor:pointer;color:#94a3b8;padding:6px;border-radius:6px;display:flex}.act-refresh:hover{background:#f1f5f9;color:#475569}.act-date-filters{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.act-date-icon{flex-shrink:0;color:#94a3b8}.act-date-filters input[type=date]{padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#334155;background:#fff}.act-date-filters input[type=date]:focus{outline:none;border-color:#2563eb}.act-date-sep{color:#cbd5e1}.act-date-clear{display:inline-flex;align-items:center;gap:3px;background:none;border:none;cursor:pointer;color:#ef4444;font-size:11px;padding:3px 6px;border-radius:4px}.act-date-clear:hover{background:#fef2f2}.act-total{font-size:12px;color:#94a3b8}.act-total span{font-weight:500;color:#64748b}.act-empty{text-align:center;padding:40px 20px;color:#cbd5e1}.act-empty svg{margin-bottom:8px}.act-empty p{color:#94a3b8;margin:0;font-size:13px}.act-timeline{display:flex;flex-direction:column;position:relative;padding-left:20px}.act-timeline:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:#e2e8f0}.act-item{display:flex;gap:12px;padding:10px 0;position:relative}.act-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative;z-index:1;margin-left:-20px}.act-content{flex:1;min-width:0}.act-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.act-module{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:600;text-transform:capitalize}.act-action{font-size:10px;font-weight:700;text-transform:uppercase}.act-time{font-size:11px;color:#94a3b8;margin-left:auto;white-space:nowrap}.act-desc{font-size:13px;color:#334155;margin:3px 0 0;line-height:1.4}.act-actor{font-size:11px;color:#94a3b8;display:inline-flex;align-items:center;gap:3px;margin-top:2px}.act-sentinel{padding:12px 0;text-align:center}.act-loading-more{display:flex;align-items:center;justify-content:center;gap:8px;color:#94a3b8;font-size:12px}.act-end{font-size:11px;color:#cbd5e1}@media(max-width:640px){.act-date-filters{flex-wrap:wrap}.act-time{margin-left:0;width:100%}}.edoc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edoc-card{border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden;transition:box-shadow .2s;display:flex;flex-direction:column}.edoc-card:hover{box-shadow:0 4px 16px #00000012}.edoc-card.edoc-missing{border-color:#fca5a5}.edoc-preview{position:relative;height:100px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;cursor:pointer;overflow:hidden}.edoc-preview-img{width:100%;height:100%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;position:relative}.edoc-preview-img img{width:100%;height:100%;object-fit:cover}.edoc-preview-file{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc}.edoc-preview-pdf{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.edoc-file-ext{font-size:22px;font-weight:800;color:#94a3b8;letter-spacing:2px;text-transform:uppercase}.edoc-preview-pdf .edoc-file-ext{color:#ef4444}.edoc-preview-hover{position:absolute;color:#fff;background:#0006;border-radius:50%;padding:8px;opacity:0;transition:opacity .2s}.edoc-preview:hover .edoc-preview-hover{opacity:1}.edoc-status-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.edoc-dot-verified{background:#16a34a}.edoc-dot-pending{background:#f59e0b}.edoc-dot-rejected{background:#ef4444}.edoc-dot-resubmit_required{background:#ea580c}.edoc-dot-self{background:#2563eb}.edoc-preview-empty{background:#f8fafc;border-bottom:2px dashed #e2e8f0;flex-direction:column;gap:4px;color:#94a3b8;cursor:pointer;transition:all .2s}.edoc-preview-empty:hover{background:#eff6ff;color:#2563eb;border-color:#93c5fd}.edoc-preview-empty span{font-size:11px;font-weight:500}.edoc-card-info{padding:10px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.edoc-card-top{display:flex;align-items:center;gap:6px}.edoc-name{font-weight:600;font-size:12.5px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edoc-badge{font-size:8px;padding:1px 5px;border-radius:3px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.edoc-badge-mandatory{background:#fee2e2;color:#dc2626}.edoc-doc-num{font-size:12px;font-weight:600;color:#475569;font-family:monospace;letter-spacing:.5px}.edoc-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.edoc-status-tag{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px}.edoc-st-verified{color:#16a34a;background:#dcfce7}.edoc-st-pending{color:#d97706;background:#fef3c7}.edoc-st-rejected{color:#dc2626;background:#fee2e2}.edoc-st-resubmit_required{color:#ea580c;background:#ffedd5}.edoc-st-self{color:#2563eb;background:#dbeafe}.edoc-size{font-size:10px;color:#94a3b8}.edoc-hint{font-size:10px;color:#cbd5e1}.edoc-expiry{font-size:10px;color:#64748b}.edoc-expiry.edoc-expiring{color:#ea580c;font-weight:500}.edoc-expiry.edoc-expired{color:#dc2626;font-weight:600}.edoc-rejection{font-size:10px;color:#dc2626;background:#fef2f2;padding:3px 6px;border-radius:4px;margin-top:2px}.edoc-actions{display:flex;gap:2px;margin-top:6px;border-top:1px solid #f1f5f9;padding-top:6px}.edoc-actions button,.edoc-actions label{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;color:#94a3b8;transition:all .15s;display:flex;align-items:center}.edoc-actions button:hover,.edoc-actions label:hover{background:#f1f5f9;color:#475569}.edoc-act-verify{color:#16a34a!important}.edoc-act-verify:hover{background:#dcfce7!important}.edoc-act-reject{color:#ef4444!important}.edoc-act-reject:hover{background:#fee2e2!important}.edoc-act-delete{color:#ef4444!important;margin-left:auto!important}.edoc-act-delete:hover{background:#fee2e2!important}@media(max-width:500px){.edoc-grid{grid-template-columns:1fr}}.edoc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.edoc-modal{background:#fff;border-radius:12px;width:100%;max-width:440px;box-shadow:0 20px 60px #00000026;animation:edoc-modalIn .25s ease}.edoc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e2e8f0}.edoc-modal-header h4{margin:0;font-size:15px;font-weight:600;color:#1e293b}.edoc-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.edoc-modal-close:hover{background:#f1f5f9;color:#475569}.edoc-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.edoc-modal-file{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1e293b;font-weight:500}.edoc-modal-file-size{margin-left:auto;font-size:11px;color:#94a3b8;font-weight:400}.edoc-modal-field{display:flex;flex-direction:column;gap:4px}.edoc-modal-field label{font-size:12px;font-weight:600;color:#374151}.edoc-modal-field input,.edoc-modal-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.edoc-modal-field input:focus,.edoc-modal-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.edoc-modal-field textarea{resize:vertical;min-height:50px}.edoc-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edoc-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid #e2e8f0}.edoc-modal-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.edoc-modal-cancel{background:#f1f5f9;color:#475569}.edoc-modal-cancel:hover{background:#e2e8f0}.edoc-modal-submit{background:#2563eb;color:#fff;border-color:#2563eb}.edoc-modal-submit:hover{background:#1d4ed8}.edoc-modal-submit:disabled{opacity:.6;cursor:not-allowed}@keyframes edoc-modalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.emp-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.emp-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.emp-search-box svg{color:#94a3b8;flex-shrink:0}.emp-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.emp-search-box input::placeholder{color:#1e293b;font-weight:600}.emp-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.emp-stats-inline{display:flex;gap:6px}.emp-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600;white-space:nowrap}.emp-stat-active{background:#dcfce7;color:#16a34a}.emp-stat-probation{background:#fef3c7;color:#d97706}.emp-filter-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.emp-filter-row select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;color:#475569;background:#fff;min-width:100px}.emp-filter-row select:focus{outline:none;border-color:#2563eb}.emp-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}.emp-btn:hover{background:#f8fafc;border-color:#cbd5e1}.emp-btn:active{transform:scale(.95)}.emp-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.emp-add-btn:hover{background:#1d4ed8}.emp-add-btn:disabled,.emp-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.emp-cancel-btn{background:#f1f5f9;color:#475569}.emp-empty{text-align:center;padding:60px 20px;color:#94a3b8}.emp-empty svg{margin-bottom:16px;opacity:.4}.emp-empty h3{color:#475569;margin-bottom:8px}.emp-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;animation:emp-fadeIn .4s ease}.emp-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.emp-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.emp-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.emp-grid-wrapper .ag-row{border-color:#f1f5f9!important}.emp-grid-wrapper .ag-row:hover{background:#f8fafc!important}.emp-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.emp-status-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}.emp-actions{display:flex;gap:4px;align-items:center}.emp-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.emp-icon-btn:active{transform:scale(.85)}.emp-view-btn{color:#2563eb}.emp-view-btn:hover{background:#dbeafe;color:#1d4ed8}.emp-activate-btn{color:#16a34a}.emp-activate-btn:hover{background:#dcfce7;color:#15803d}.emp-exit-btn{color:#d97706}.emp-exit-btn:hover{background:#fef3c7;color:#b45309}.emp-delete-btn{color:#ef4444}.emp-delete-btn:hover{background:#fee2e2;color:#dc2626}.emp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:emp-overlayIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.emp-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;box-shadow:0 20px 60px #00000026;animation:emp-modalIn .3s ease}.emp-modal-lg{max-width:780px}.emp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.emp-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.emp-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.emp-modal-close:hover{background:#f1f5f9;color:#475569}.emp-modal-body{padding:20px;max-height:70vh;overflow-y:auto}.emp-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.emp-form-section{font-size:12px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px;padding-bottom:4px;border-bottom:1px solid #eff6ff}.emp-form-section:first-child{margin-top:0}.emp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.emp-form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.emp-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.emp-field label{font-size:12px;font-weight:600;color:#374151}.emp-req{color:#ef4444}.emp-hint{font-weight:400;color:#94a3b8;font-size:11px}.emp-field input,.emp-field select,.emp-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.emp-field input:focus,.emp-field select:focus,.emp-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.emp-field textarea{resize:vertical;min-height:50px}.emp-field-error input,.emp-field-error select{border-color:#ef4444!important}.emp-err{font-size:11px;color:#ef4444}@keyframes emp-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes emp-modalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes emp-overlayIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.emp-grid-wrapper{overflow-x:auto}}@media(max-width:640px){.emp-toolbar{flex-direction:column;align-items:stretch}.emp-toolbar-right{margin-left:0;justify-content:flex-end}.emp-stats-inline{display:none}.emp-filter-row{flex-direction:column}.emp-form-grid,.emp-form-grid-3{grid-template-columns:1fr}.emp-modal,.emp-modal-lg{max-width:95vw}}.ed-page{padding:0 0 40px}.ed-title-icon{vertical-align:middle;margin-right:8px;color:var(--color-primary, #6366f1)}.ed-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}.ed-insight-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--theme-bg-card, #fefcf9);border:1px solid var(--theme-border-light, #ede5d9);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.ed-insight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.ed-insight-card.active-filter{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 2px #6366f126,var(--shadow-sm)}.ed-insight-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;flex-shrink:0}.ed-insight-icon.accent-emerald{background:#10b9811f;color:var(--color-success-hover, #059669)}.ed-insight-icon.accent-amber{background:#f59e0b1f;color:var(--color-warning, #f59e0b)}.ed-insight-icon.accent-slate{background:#64748b1f;color:var(--theme-text-muted, #64748b)}.ed-insight-icon.accent-indigo{background:#6366f11f;color:var(--color-primary, #6366f1)}.ed-insight-icon.accent-primary{background:#4f46e51a;color:var(--color-primary-hover, #4f46e5)}.ed-insight-body{display:flex;flex-direction:column}.ed-insight-value{font-size:22px;font-weight:700;line-height:1.1;color:var(--theme-text-dark, #0f172a)}.ed-insight-label{font-size:12px;font-weight:600;color:var(--theme-text-muted, #64748b);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.ed-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding:12px 16px;background:var(--theme-bg-card, #fefcf9);border-radius:14px;border:1px solid var(--theme-border-light, #ede5d9);box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .05))}.ed-search{position:relative;flex:1;min-width:200px;max-width:320px}.ed-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--theme-text-placeholder, #94a3b8);font-size:15px;pointer-events:none}.ed-search-input{width:100%;padding:9px 12px 9px 36px;border:1.5px solid var(--theme-border, #e8dfd4);border-radius:10px;font-size:14px;color:var(--theme-text-primary, #1f2937);background:var(--theme-bg-input, #faf8f5);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.ed-search-input::placeholder{color:var(--theme-text-placeholder, #94a3b8)}.ed-search-input:focus{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.ed-filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ed-select{padding:9px 14px;border:1.5px solid var(--theme-border, #e8dfd4);border-radius:10px;font-size:14px;color:var(--theme-text-primary, #1f2937);background:var(--theme-bg-input, #faf8f5);outline:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.ed-select:focus{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.ed-clear-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;border:1.5px solid var(--theme-border, #e8dfd4);border-radius:10px;background:var(--theme-bg-card, #fff);color:var(--theme-text-secondary, #475569);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.ed-clear-btn:hover{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444);background:var(--color-danger-lightest, #fef2f2)}.ed-result-count{margin-left:auto;font-size:13px;font-weight:600;color:var(--theme-text-muted, #64748b);white-space:nowrap}.ed-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 0;font-size:15px;color:var(--theme-text-muted, #64748b)}.ed-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 0 40px;color:var(--theme-text-muted, #64748b)}.ed-empty-icon{font-size:40px;opacity:.3}.ed-empty p{font-size:15px;font-weight:500;margin:0}.ed-error{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;border-radius:10px;background:var(--color-danger-lightest, #fef2f2);border:1px solid var(--color-danger-light, #fee2e2);color:var(--color-danger-hover, #dc2626);font-size:14px;font-weight:600}.ed-table-wrapper{overflow-x:auto;border-radius:14px;border:1px solid var(--theme-border, #e8dfd4);background:var(--theme-bg-card, #fefcf9);box-shadow:0 4px 16px #0f172a0f}.ed-table{width:100%;min-width:860px;border-collapse:collapse;font-size:14px}.ed-table thead{background:linear-gradient(135deg,var(--theme-bg-surface, #f5efe8) 0%,var(--theme-bg-input, #faf8f5) 100%)}.ed-table th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-secondary, #475569);white-space:nowrap;border-bottom:2px solid var(--theme-border, #e8dfd4)}.ed-table td{padding:14px 16px;vertical-align:middle;color:var(--theme-text-primary, #1f2937);border-bottom:1px solid var(--theme-border-light, #ede5d9)}.ed-table tbody tr{transition:background .15s ease}.ed-table tbody tr:last-child td{border-bottom:none}.ed-table tbody tr:hover{background:var(--theme-bg-hover, #f5efe8)}.ed-table tbody tr.row-pending{background:#6366f108;border-left:3px solid var(--color-primary, #6366f1)}.ed-table tbody tr.row-pending:hover{background:#6366f112}.ed-emp-cell{display:flex;align-items:center;gap:10px}.ed-emp-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--color-primary-hover, #4f46e5);background:var(--color-primary-lightest, #eef2ff);flex-shrink:0}.ed-emp-info{display:flex;flex-direction:column}.ed-emp-name{font-weight:600;font-size:14px;color:var(--theme-text-primary, #1f2937);line-height:1.3}.ed-emp-mobile{font-size:12px;color:var(--theme-text-muted, #64748b)}.ed-status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.ed-status.dev-active{background:var(--color-success-lightest-alt, #f0fdf4);color:var(--color-success-hover, #059669)}.ed-status.dev-removed{background:var(--color-warning-lightest, #fffbeb);color:var(--color-warning, #f59e0b)}.ed-status.dev-none{background:var(--theme-bg-surface, #f5efe8);color:var(--theme-text-muted, #64748b)}.ed-device-cell{display:flex;flex-direction:column;gap:2px}.ed-device-name{font-weight:500;font-size:13.5px;color:var(--theme-text-primary, #1f2937)}.ed-device-os{font-size:11.5px;font-weight:600;color:var(--theme-text-muted, #64748b);text-transform:uppercase;letter-spacing:.03em}.ed-date{font-size:13px;color:var(--theme-text-secondary, #475569)}.ed-muted{color:var(--theme-text-placeholder, #94a3b8)}.ed-app-badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;background:var(--theme-bg-surface, #f5efe8);color:var(--theme-text-secondary, #475569);font-family:Roboto Mono,Menlo,monospace}.ed-request-cell{display:flex;flex-direction:column;gap:4px}.ed-request-top{display:flex;align-items:center;gap:6px}.ed-req-type{display:inline-block;padding:2px 8px;border-radius:6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:#6366f11a;color:var(--color-primary, #6366f1)}.ed-req-type.deactivate{background:#ef444414;color:var(--color-danger, #ef4444)}.ed-req-type.change{background:#3b82f614;color:var(--color-info, #3b82f6)}.ed-prio{display:inline-block;padding:2px 7px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.ed-prio.prio-high{background:#ef44441a;color:var(--color-danger, #ef4444)}.ed-prio.prio-medium{background:#f59e0b1a;color:var(--color-warning, #f59e0b)}.ed-prio.prio-low{background:#10b9811a;color:var(--color-success, #10b981)}.ed-req-device{font-size:12.5px;color:var(--theme-text-secondary, #475569)}.ed-req-date{font-size:11px;color:var(--theme-text-placeholder, #94a3b8)}.ed-actions{display:flex;gap:5px;flex-wrap:nowrap}.ed-action-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1.5px solid var(--theme-border, #e8dfd4);background:var(--theme-bg-card, #fefcf9);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;font-size:15px;color:var(--theme-text-muted, #64748b)}.ed-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 2px 6px rgba(0, 0, 0, .1))}.ed-btn-view:hover{background:#6366f114;color:var(--color-primary, #6366f1);border-color:var(--color-primary-light, #e0e7ff)}.ed-btn-approve{color:var(--color-success, #10b981);border-color:var(--color-success-border, #86efac)}.ed-btn-approve:hover{background:#10b9811a;border-color:var(--color-success-hover, #059669)}.ed-btn-reject{color:var(--color-danger, #ef4444);border-color:var(--color-danger-light, #fee2e2)}.ed-btn-reject:hover{background:#ef444414;border-color:var(--color-danger-hover, #dc2626)}.ed-btn-cancel{color:var(--color-warning, #f59e0b);border-color:var(--color-warning-light, #fef3c7)}.ed-btn-cancel:hover{background:#f59e0b14;border-color:var(--color-warning, #f59e0b)}.ed-btn-remove{color:var(--color-danger, #ef4444);border-color:var(--color-danger-light, #fee2e2)}.ed-btn-remove:hover{background:#ef444414;border-color:var(--color-danger-hover, #dc2626)}.ed-modal{max-width:720px;max-height:85vh;overflow-y:auto}.ed-modal-body{padding:4px 0 8px}.ed-modal-section{margin-bottom:18px}.ed-modal-section-head{font-size:13px;font-weight:700;color:var(--theme-text-primary, #1f2937);padding:8px 14px;margin-bottom:12px;background:linear-gradient(135deg,var(--theme-bg-surface, #f5efe8) 0%,var(--theme-bg-input, #faf8f5) 100%);border-radius:10px;border-left:3px solid var(--color-info, #3b82f6);text-transform:uppercase;letter-spacing:.03em}.ed-modal-section-head.pending{border-left-color:var(--color-warning, #f59e0b)}.ed-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:0 6px}.ed-modal-field{display:flex;flex-direction:column;gap:3px}.ed-field-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--theme-text-muted, #64748b)}.ed-field-value{font-size:14px;color:var(--theme-text-primary, #1f2937);word-break:break-word}.ed-monospace{font-family:Roboto Mono,Menlo,monospace;font-size:12.5px}.ed-section-pending{padding:16px;border-radius:12px;background:var(--color-warning-lightest, #fffbeb);border:1px solid var(--color-warning-light, #fef3c7)}.ed-section-pending .ed-modal-section-head{background:#f59e0b14}.ed-modal-actions{display:flex;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--color-warning-light, #fef3c7);flex-wrap:wrap}.ed-modal-actions button{display:inline-flex;align-items:center;gap:6px}@media(max-width:768px){.ed-insights{grid-template-columns:repeat(2,1fr);gap:10px}.ed-insight-card{padding:10px 12px}.ed-insight-icon{width:36px;height:36px;font-size:1rem}.ed-insight-value{font-size:18px}.ed-toolbar{flex-direction:column;align-items:stretch;gap:10px}.ed-search{max-width:100%}.ed-filter-group{flex-wrap:wrap}.ed-result-count{margin-left:0;text-align:center}.ed-table th,.ed-table td{padding:10px 12px;font-size:12.5px}.ed-emp-avatar{display:none}.ed-actions{gap:4px}.ed-action-btn{width:30px;height:30px;font-size:13px}.ed-modal-grid{grid-template-columns:1fr 1fr}.ed-modal-actions{flex-direction:column}}@media(max-width:480px){.ed-insights{grid-template-columns:1fr 1fr}.ed-insights .ed-insight-card:last-child{grid-column:span 2}.ed-modal-grid{grid-template-columns:1fr}}.ed-swal-subtitle{font-size:13px;color:var(--theme-text-muted, #64748b);margin-top:4px}.ed-swal-label{display:block;text-align:left;margin-top:10px;font-weight:600;font-size:13px}.company-page{min-height:100%;padding:0}.company-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.company-spinner{width:48px;height:48px;border:4px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:company-spin .8s linear infinite}@keyframes company-spin{to{transform:rotate(360deg)}}.company-loading p{font-size:15px;color:var(--theme-text-muted);font-weight:500}.company-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.company-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--theme-border);border-radius:8px;padding:0 12px;min-width:160px}.company-search-icon{color:#94a3b8;flex-shrink:0;font-size:14px}.company-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent;color:var(--theme-text-primary)}.company-search-box input::placeholder{color:#1e293b;font-weight:600}.company-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.company-stats-inline{display:flex;gap:6px}.company-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600;white-space:nowrap}.company-stat-active{background:#dcfce7;color:#16a34a}.company-stat-inactive{background:#fee2e2;color:#ef4444}.company-stat-primary{background:#fef3c7;color:#d97706}.company-filter-pills{display:flex;gap:4px}.company-pill{padding:4px 12px;font-size:11px;font-weight:600;border-radius:14px;border:1px solid var(--theme-border);background:#fff;color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.company-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.company-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.company-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;border-radius:8px;border:1px solid var(--theme-border);background:#fff;color:var(--theme-text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.company-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.company-action-btn:disabled{opacity:.6;cursor:not-allowed}.company-add-btn{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.company-add-btn:hover{background:var(--color-primary-dark, #4f46e5);color:#fff}.company-refresh-btn svg.spinning{animation:company-spin .8s linear infinite}.company-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.company-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .15s;border-top:3px solid var(--company-brand, var(--color-primary))}.company-card:hover{box-shadow:0 3px 12px #00000012;transform:translateY(-1px)}.company-card.inactive{opacity:.55}.company-card-header{display:flex;align-items:center;gap:12px;padding:16px 16px 10px}.company-card-logo{width:42px;height:42px;border-radius:8px;background:var(--theme-bg-surface, #f3f4f6);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid var(--theme-border)}.company-card-logo img{width:100%;height:100%;object-fit:contain;padding:2px}.company-card-logo svg{font-size:16px;color:var(--theme-text-disabled)}.company-card-title{flex:1;min-width:0}.company-card-name-row{display:flex;align-items:center;gap:6px}.company-card-name-row h3{font-size:15px;font-weight:700;color:var(--theme-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-primary-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;font-size:9px;font-weight:700;color:var(--color-warning);background:#f59e0b1a;border-radius:4px;white-space:nowrap}.company-primary-badge svg{font-size:8px}.company-card-code{font-size:11px;color:var(--theme-text-muted);font-weight:500;font-family:monospace}.company-status-badge{padding:2px 7px;font-size:10px;font-weight:700;border-radius:6px;white-space:nowrap;flex-shrink:0}.company-status-badge.active{color:var(--color-success);background:#10b9811a}.company-status-badge.inactive{color:var(--color-danger);background:#ef44441a}.company-card-body{padding:0 16px 12px;display:flex;flex-wrap:wrap;gap:6px}.company-card-row{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--theme-text-secondary);background:var(--theme-bg-surface, #f8fafc);padding:2px 8px;border-radius:4px;white-space:nowrap}.company-card-row-icon{font-size:10px;color:var(--theme-text-disabled);flex-shrink:0}.company-card-footer{display:flex;gap:6px;padding:10px 16px;border-top:1px solid var(--theme-border)}.company-card-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;cursor:pointer;transition:all .2s;color:var(--theme-text-muted);font-size:13px}.company-card-btn.edit:hover{color:var(--color-primary);background:#6366f114}.company-card-btn.delete:hover{color:var(--color-danger);background:#ef444414}.company-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.company-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}.company-empty-icon svg{font-size:28px;color:var(--theme-text-disabled)}.company-empty-state h3{font-size:18px;font-weight:700;color:var(--theme-text-primary);margin:0 0 8px}.company-empty-state p{font-size:14px;color:var(--theme-text-muted);margin:0}.company-form-page{min-height:100%;padding:0}.company-form-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:14px;margin-bottom:20px;overflow:hidden}.company-form-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--theme-border);background:var(--theme-bg-surface, #fafafa)}.company-form-card-header svg{font-size:18px;color:var(--color-primary)}.company-form-card-header h3{font-size:15px;font-weight:700;color:var(--theme-text-primary);margin:0}.company-form-card-body{padding:20px}.company-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.company-form-group{display:flex;flex-direction:column;gap:6px}.company-form-group.full-width{grid-column:1 / -1}.company-form-group label{font-size:13px;font-weight:600;color:var(--theme-text-secondary)}.company-form-group label .required{color:var(--color-danger)}.company-form-group input,.company-form-group textarea,.company-form-group select{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}.company-form-group input:focus,.company-form-group textarea:focus,.company-form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.company-form-group input:disabled{background:var(--theme-bg-surface, #f3f4f6);cursor:not-allowed;opacity:.7}.company-form-group.has-error input,.company-form-group.has-error textarea,.company-form-group.has-error select{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.company-form-group.has-error label{color:#ef4444}.company-field-error{display:block;font-size:12px;color:#ef4444;margin-top:4px;font-weight:500}.company-form-group textarea{min-height:80px;resize:vertical}.company-images-row{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}.company-image-box{display:flex;flex-direction:column;align-items:center;gap:10px}.company-image-label{font-size:12px;font-weight:700;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.5px}.company-image-area{width:130px;height:130px;border-radius:16px;background:var(--theme-bg-surface, #f3f4f6);border:2px dashed var(--theme-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;overflow:hidden;position:relative}.company-image-area.photo{width:240px;height:150px}.company-image-area:hover{border-color:var(--color-primary);background:#6366f10a}.company-image-area img{width:100%;height:100%;object-fit:contain;padding:8px}.company-image-area.photo img{object-fit:cover;padding:0}.company-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .2s;color:#fff}.company-image-area:hover .company-image-overlay{opacity:1}.company-image-overlay svg{font-size:24px}.company-image-overlay span{font-size:11px;font-weight:600}.company-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--theme-text-disabled)}.company-image-placeholder svg{font-size:28px}.company-image-placeholder span{font-size:12px;font-weight:600}.company-color-picker-box{display:flex;align-items:center;gap:12px;padding:10px;background:var(--theme-bg-surface, #f3f4f6);border-radius:12px;border:1.5px solid var(--theme-border)}.company-color-picker-box input[type=color]{width:44px;height:44px;border:none;border-radius:10px;cursor:pointer;padding:0;background:none}.company-color-picker-box input[type=text]{flex:1;padding:8px 12px;font-size:14px;border:1.5px solid var(--theme-border);border-radius:8px;background:var(--theme-bg-card);color:var(--theme-text-primary);outline:none;font-family:SF Mono,Monaco,monospace}.company-color-picker-box input[type=text]:focus{border-color:var(--color-primary)}.company-map-search{position:relative;margin-bottom:16px}.company-map-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--theme-text-disabled);z-index:1;pointer-events:none}.company-map-search 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}.company-map-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.company-map-container{border-radius:12px;overflow:hidden;border:1.5px solid var(--theme-border)}.company-coords{display:flex;gap:16px;margin-top:14px;padding:14px 18px;background:var(--theme-bg-surface, #f3f4f6);border-radius:10px;border:1px solid var(--theme-border);font-size:13px;color:var(--theme-text-muted)}.company-coords strong{color:var(--theme-text-primary);font-weight:700;font-family:SF Mono,Monaco,monospace;font-size:12px}.br-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.br-toggle-switch{position:relative;width:44px;height:24px}.br-toggle-switch input{opacity:0;width:0;height:0}.br-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--theme-border);border-radius:12px;transition:background .2s;cursor:pointer}.br-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.br-toggle-switch input:checked+.br-toggle-slider{background:var(--color-primary)}.br-toggle-switch input:checked+.br-toggle-slider:before{transform:translate(20px)}.br-toggle-text{font-size:14px;font-weight:600;color:var(--theme-text-secondary)}@media(max-width:1024px){.company-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.company-stats-inline{display:none}.company-cards-grid{grid-template-columns:1fr}.company-toolbar{flex-direction:column;align-items:stretch}.company-toolbar-right{margin-left:0;justify-content:flex-end}.company-form-grid{grid-template-columns:1fr}.company-images-row{gap:20px;justify-content:center}.company-image-area.photo{width:100%;max-width:240px}}.letter-templates-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;background:var(--theme-bg-input)}.page-header-enhanced{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:20px}.page-header-enhanced .header-left{display:flex;align-items:center;gap:16px}.page-header-enhanced .header-icon-wrapper{width:56px;height:56px;background:var(--gradient-brand);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--theme-text-white);font-size:24px;box-shadow:0 4px 12px #3b82f64d}.page-header-enhanced .header-text h1{margin:0 0 4px;font-size:26px;font-weight:700;color:var(--theme-text-primary)}.page-header-enhanced .header-text p{margin:0;font-size:14px;color:var(--theme-text-muted)}.page-header-enhanced .header-actions{display:flex;gap:10px;flex-wrap:wrap}.letter-templates-page .btn-primary,.letter-templates-page .btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.letter-templates-page .btn-primary{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-hover) 100%);color:var(--theme-text-white);box-shadow:0 2px 8px #3b82f64d}.letter-templates-page .btn-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.letter-templates-page .btn-secondary{background:var(--theme-bg-card);border:1px solid var(--theme-border);color:var(--theme-text-secondary)}.letter-templates-page .btn-secondary:hover{background:var(--theme-bg-input);border-color:var(--theme-border-input)}.letter-templates-page .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.letter-templates-page .spinning{animation:spin 1s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card{background:var(--theme-bg-card);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000f;border:1px solid var(--theme-border-light);transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.stat-icon.total{background:linear-gradient(135deg,var(--color-info-lightest) 0%,var(--color-info-light) 100%);color:var(--color-info)}.stat-icon.published{background:linear-gradient(135deg,var(--color-success-lightest) 0%,var(--color-success-light) 100%);color:var(--color-success)}.stat-icon.draft{background:linear-gradient(135deg,#fefce8,#fef9c3);color:var(--color-warning)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:var(--theme-text-primary);line-height:1}.stat-label{font-size:13px;color:var(--theme-text-muted);margin-top:4px}.filters-bar-enhanced{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap;background:var(--theme-bg-card);padding:12px 16px;border-radius:12px;box-shadow:0 1px 3px #0000000f;border:1px solid var(--theme-border-light)}.status-tabs{display:flex;gap:4px;background:var(--theme-bg-surface);padding:4px;border-radius:10px}.status-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:var(--theme-text-muted);cursor:pointer;transition:all .2s}.status-tab:hover{color:var(--theme-text-secondary)}.status-tab.active{background:var(--theme-bg-card);color:var(--color-info);box-shadow:0 1px 3px #00000014}.status-tab svg{font-size:14px}.filters-right{display:flex;align-items:center;gap:12px}.filter-dropdown{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--theme-bg-input);border:1px solid var(--theme-border);border-radius:8px;height:40px}.filter-dropdown .filter-icon{color:var(--theme-text-disabled);font-size:14px}.filter-dropdown select{border:none;background:transparent;font-size:13px;color:var(--theme-text-secondary);cursor:pointer;outline:none;padding-right:8px}.search-box-enhanced{display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--theme-bg-input);border:1px solid var(--theme-border);border-radius:8px;height:40px;min-width:240px;transition:all .2s}.search-box-enhanced:focus-within{border-color:var(--color-info);box-shadow:0 0 0 3px #3b82f61a}.search-box-enhanced .search-icon{color:var(--theme-text-disabled);font-size:16px;flex-shrink:0}.search-box-enhanced input{flex:1;border:none;background:transparent;font-size:13px;color:var(--theme-text-secondary);outline:none}.search-box-enhanced input::placeholder{color:var(--theme-text-disabled)}.search-box-enhanced .clear-search{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--theme-bg-surface);border-radius:50%;color:var(--theme-text-muted);cursor:pointer;transition:all .15s}.search-box-enhanced .clear-search:hover{background:var(--theme-border-input);color:var(--theme-text-secondary)}.letter-templates-page .filter-group{display:flex;align-items:center;gap:8px}.letter-templates-page .filter-icon{color:var(--theme-text-muted)}.letter-templates-page .filter-group select{padding:8px 12px;border:1px solid var(--theme-border);border-radius:6px;font-size:14px;color:var(--theme-text-secondary);background:var(--theme-bg-card);cursor:pointer;min-width:140px}.letter-templates-page .filter-group select:focus{outline:none;border-color:var(--color-info)}.letter-templates-page .search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--theme-border);border-radius:6px;background:var(--theme-bg-card);flex:1;min-width:200px;max-width:300px;margin-left:auto}.letter-templates-page .search-box svg{color:var(--theme-text-disabled);flex-shrink:0}.letter-templates-page .search-box input{border:none;outline:none;font-size:14px;flex:1;min-width:0}.letter-templates-page .search-box .clear-btn{cursor:pointer;color:var(--theme-text-disabled);transition:color .2s}.letter-templates-page .search-box .clear-btn:hover{color:var(--color-danger)}.letter-templates-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--theme-text-muted)}.letter-templates-page .loading-spinner{width:40px;height:40px;border:3px solid var(--theme-border);border-top-color:var(--color-info);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.letter-templates-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:var(--theme-bg-card);border-radius:12px;box-shadow:0 1px 3px #00000014}.letter-templates-page .empty-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.letter-templates-page .empty-state p{color:var(--theme-text-muted);margin-bottom:20px}.letter-templates-page .templates-table-wrapper{background:var(--theme-bg-card);border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.letter-templates-page .templates-table{width:100%;border-collapse:collapse}.letter-templates-page .templates-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--theme-text-muted);background:var(--theme-bg-input);border-bottom:1px solid var(--theme-border)}.letter-templates-page .templates-table td{padding:16px;border-bottom:1px solid var(--theme-border-light);vertical-align:middle}.letter-templates-page .templates-table tr:last-child td{border-bottom:none}.letter-templates-page .templates-table tr.inactive{opacity:.5}.letter-templates-page .name-cell{max-width:250px}.letter-templates-page .template-name{font-weight:500;color:var(--theme-text-primary);margin-bottom:4px}.letter-templates-page .template-desc{font-size:12px;color:var(--theme-text-disabled);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.letter-templates-page .type-badge{display:inline-block;padding:4px 10px;background:var(--color-info-lightest);color:var(--color-info);border-radius:20px;font-size:12px;font-weight:500}.letter-templates-page .file-cell{min-width:150px}.letter-templates-page .file-cell .file-info{display:flex;align-items:center;gap:8px}.letter-templates-page .file-cell .file-icon{color:var(--theme-text-muted);flex-shrink:0}.letter-templates-page .file-cell .file-name{font-size:13px;color:var(--theme-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.letter-templates-page .file-cell .file-size{display:block;font-size:11px;color:var(--theme-text-disabled);margin-top:2px;margin-left:24px}.letter-templates-page .status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.letter-templates-page .status-badge.published{background:var(--color-success-light-alt);color:var(--color-success-alt)}.letter-templates-page .status-badge.draft{background:var(--theme-bg-surface);color:var(--theme-text-muted)}.letter-templates-page .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.letter-templates-page .date-cell{font-size:13px;color:var(--theme-text-muted);white-space:nowrap}.letter-templates-page .actions-cell{width:60px;text-align:center}.letter-templates-page .actions-menu-wrapper{position:relative;display:inline-block}.letter-templates-page .actions-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--theme-text-muted);transition:all .2s}.letter-templates-page .actions-trigger:hover{background:var(--theme-bg-surface);color:var(--theme-text-secondary)}.letter-templates-page .actions-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:var(--theme-bg-card);border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:160px;z-index:100;overflow:hidden}.letter-templates-page .actions-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:14px;color:var(--theme-text-secondary);cursor:pointer;text-align:left;transition:background .15s}.letter-templates-page .actions-dropdown button:hover{background:var(--theme-bg-surface)}.letter-templates-page .actions-dropdown button.delete-action{color:var(--color-danger)}.letter-templates-page .actions-dropdown button.delete-action:hover{background:var(--color-danger-lightest)}.letter-templates-page .pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--theme-bg-card);border-radius:0 0 12px 12px;border-top:1px solid var(--theme-border-light);flex-wrap:wrap;gap:12px}.letter-templates-page .pagination-info{font-size:13px;color:var(--theme-text-muted)}.letter-templates-page .pagination-buttons{display:flex;align-items:center;gap:4px}.letter-templates-page .pagination-buttons button{padding:6px 12px;border:1px solid var(--theme-border);background:var(--theme-bg-card);border-radius:6px;font-size:13px;color:var(--theme-text-secondary);cursor:pointer;transition:all .15s}.letter-templates-page .pagination-buttons button:hover:not(:disabled){background:var(--theme-bg-surface);border-color:var(--theme-border-input)}.letter-templates-page .pagination-buttons button:disabled{opacity:.5;cursor:not-allowed}.letter-templates-page .pagination-buttons button.active{background:var(--color-info);border-color:var(--color-info);color:var(--theme-text-white)}.letter-templates-page .pagination-buttons .ellipsis{padding:0 8px;color:var(--theme-text-disabled)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--theme-border, #e2e8f0)}.modal-header h3{font-size:16px;font-weight:600;color:var(--theme-text-primary, #1e293b);margin:0}.modal-close-btn{background:none;border:1px solid var(--theme-border, #e2e8f0);cursor:pointer;color:var(--theme-text-muted, #94a3b8);padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close-btn:hover{background:var(--theme-bg-surface, #f1f5f9);color:var(--theme-text-primary, #1e293b)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--theme-border, #e2e8f0);flex-wrap:wrap}.template-form-modal{background:var(--theme-bg-card, #fff);border-radius:12px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;overflow:hidden}.template-form-modal .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--theme-bg-surface);border-radius:6px;cursor:pointer;color:var(--theme-text-muted);transition:all .2s}.template-form-modal .close-btn:hover{background:var(--color-danger-light);color:var(--color-danger)}.template-form-modal .modal-body{padding:24px;overflow-y:auto}.template-form-modal .form-group label{display:block;font-size:14px;font-weight:500;color:var(--theme-text-secondary)}.template-form-modal .form-group input,.template-form-modal .form-group select{width:100%;padding:10px 14px;border:1px solid var(--theme-border-input);border-radius:8px;font-size:14px;color:var(--theme-text-secondary);transition:border-color .2s}.template-form-modal .form-group input:focus,.template-form-modal .form-group select:focus{outline:none;border-color:var(--color-info)}.template-form-modal .form-group input.error,.template-form-modal .form-group select.error{border-color:var(--color-danger)}.template-form-modal .error-text{display:block;font-size:12px;color:var(--color-danger);margin-top:6px}.template-form-modal .view-placeholders-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:var(--color-sky);font-size:14px;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.template-form-modal .view-placeholders-btn:hover{background:var(--color-info-tint)}.template-form-modal .cancel-btn,.template-form-modal .save-draft-btn,.template-form-modal .publish-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.template-form-modal .cancel-btn{background:var(--theme-bg-card);border:1px solid var(--theme-border);color:var(--theme-text-muted)}.template-form-modal .cancel-btn:hover{background:var(--theme-bg-surface)}.template-form-modal .save-draft-btn{background:var(--theme-bg-surface);border:1px solid var(--theme-border-input);color:var(--theme-text-secondary)}.template-form-modal .save-draft-btn:hover{background:var(--theme-bg-surface)}.template-form-modal .publish-btn{background:var(--color-success);border:none;color:var(--theme-text-white)}.template-form-modal .publish-btn:hover{background:var(--color-success-hover)}.template-form-modal .cancel-btn:disabled,.template-form-modal .save-draft-btn:disabled,.template-form-modal .publish-btn:disabled{opacity:.6;cursor:not-allowed}.file-upload-wrapper{margin-bottom:8px}.file-upload-wrapper.error .file-upload-area{border-color:var(--color-danger)}.file-upload-area{border:2px dashed var(--theme-border-input);border-radius:12px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s;background:var(--theme-bg-hover)}.file-upload-area:hover{border-color:var(--color-info);background:#f0f9ff}.file-upload-area.drag-over{border-color:var(--color-info);background:var(--color-info-lightest)}.file-upload-area.has-file{border-style:solid;border-color:var(--color-success);background:var(--color-success-lightest-alt);padding:16px 20px}.upload-prompt .upload-icon{font-size:40px;color:var(--theme-text-disabled);margin-bottom:12px}.upload-prompt p{margin:0 0 4px;color:var(--theme-text-secondary);font-size:14px}.upload-prompt .sub-text{color:var(--theme-text-disabled);font-size:13px}.upload-prompt .browse-btn{margin-top:12px;padding:8px 16px;background:var(--color-info);color:var(--theme-text-white);border:none;border-radius:6px;font-size:13px;cursor:pointer}.file-selected{display:flex;align-items:center;gap:12px}.file-selected .file-icon{font-size:32px;color:var(--color-success)}.file-selected .file-info{flex:1;text-align:left}.file-selected .file-name{display:block;font-weight:500;color:var(--theme-text-primary);word-break:break-all}.file-selected .file-size{font-size:12px;color:var(--theme-text-muted)}.file-selected .remove-file{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--color-danger-light);border-radius:6px;color:var(--color-danger);cursor:pointer;transition:all .2s}.file-selected .remove-file:hover{background:var(--color-danger-border)}.placeholders-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.placeholders-modal{background:var(--theme-bg-card);border-radius:16px;width:100%;max-width:580px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden}.placeholders-modal .placeholders-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;background:var(--gradient-brand);color:var(--theme-text-white)}.placeholders-modal .header-content{display:flex;gap:14px;align-items:flex-start}.placeholders-modal .header-icon{width:44px;height:44px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.placeholders-modal .header-content h3{margin:0 0 4px;font-size:18px;font-weight:600}.placeholders-modal .header-content p{margin:0;font-size:13px;opacity:.9}.placeholders-modal .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#fff3;border-radius:8px;cursor:pointer;color:var(--theme-text-white);transition:all .2s;flex-shrink:0}.placeholders-modal .close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.placeholders-modal .placeholders-search{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--theme-bg-input);border-bottom:1px solid var(--theme-border)}.placeholders-modal .placeholders-search .search-icon{color:var(--theme-text-disabled);font-size:18px;flex-shrink:0}.placeholders-modal .placeholders-search input{flex:1;border:none;background:transparent;font-size:14px;color:var(--theme-text-secondary);outline:none}.placeholders-modal .placeholders-search input::placeholder{color:var(--theme-text-disabled)}.placeholders-modal .clear-search{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--theme-bg-surface);border-radius:50%;cursor:pointer;color:var(--theme-text-muted);transition:all .2s}.placeholders-modal .clear-search:hover{background:var(--theme-border-input);color:var(--theme-text-secondary)}.placeholders-modal .placeholders-body{flex:1;padding:16px 24px;overflow-y:auto}.placeholders-modal .no-results{text-align:center;padding:40px 20px;color:var(--theme-text-muted)}.placeholders-modal .no-results p{margin:0}.placeholders-modal .placeholder-category{margin-bottom:16px}.placeholders-modal .placeholder-category:last-child{margin-bottom:0}.placeholders-modal .category-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,var(--category-color) 0%,color-mix(in srgb,var(--category-color) 80%,#000) 100%);border-radius:10px 10px 0 0;color:var(--theme-text-white)}.placeholders-modal .category-icon{font-size:18px}.placeholders-modal .category-label{font-size:14px;font-weight:600;flex:1}.placeholders-modal .category-count{background:#ffffff40;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.placeholders-modal .category-items{background:var(--theme-bg-input);border:1px solid var(--theme-border);border-top:none;border-radius:0 0 10px 10px;overflow:hidden}.placeholders-modal .placeholder-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:none;border-bottom:1px solid var(--theme-border);background:var(--theme-bg-card);cursor:pointer;text-align:left;transition:all .15s}.placeholders-modal .placeholder-item:last-child{border-bottom:none}.placeholders-modal .placeholder-item:hover{background:#f0f9ff}.placeholders-modal .placeholder-item.copied{background:var(--color-success-light-alt)}.placeholders-modal .placeholder-content{flex:1;min-width:0}.placeholders-modal .placeholder-content code{display:inline-block;background:linear-gradient(135deg,var(--color-purple-light-bg) 0%,#fae8ff 100%);padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;color:var(--color-primary-violet);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;margin-bottom:4px}.placeholders-modal .placeholder-desc{display:block;font-size:12px;color:var(--theme-text-muted);margin-top:4px}.placeholders-modal .copy-indicator{display:flex;align-items:center;flex-shrink:0}.placeholders-modal .copy-icon{color:var(--theme-text-disabled);font-size:16px;transition:color .15s}.placeholders-modal .placeholder-item:hover .copy-icon{color:var(--color-info)}.placeholders-modal .copied-text{font-size:12px;font-weight:500;color:var(--color-success);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.placeholders-modal .placeholders-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--theme-bg-input);border-top:1px solid var(--theme-border)}.placeholders-modal .footer-tip{flex:1;font-size:12px;color:var(--theme-text-muted);margin:0;line-height:1.5}.placeholders-modal .footer-tip strong{color:var(--theme-text-secondary)}.placeholders-modal .close-action{padding:10px 24px;background:var(--color-gray-800);color:var(--theme-text-white);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.placeholders-modal .close-action:hover{background:var(--color-sidebar-bg)}@media(max-width:600px){.placeholders-modal{max-height:90vh;border-radius:12px}.placeholders-modal .placeholders-header{padding:16px 20px}.placeholders-modal .header-icon{width:38px;height:38px;font-size:18px}.placeholders-modal .header-content h3{font-size:16px}.placeholders-modal .placeholders-search,.placeholders-modal .placeholders-body,.placeholders-modal .placeholders-footer{padding-left:16px;padding-right:16px}.placeholders-modal .placeholders-footer{flex-direction:column;text-align:center}.placeholders-modal .close-action{width:100%}}.templates-content{display:flex;flex-direction:column;gap:24px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.template-card{background:var(--theme-bg-card);border-radius:14px;box-shadow:0 1px 3px #0000000f;border:1px solid var(--theme-border-light);overflow:hidden;transition:all .25s ease;display:flex;flex-direction:column}.template-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-3px);border-color:var(--theme-border)}.template-card.inactive{opacity:.6}.template-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--theme-bg-input);border-bottom:1px solid var(--theme-border-light)}.template-card .type-indicator{padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;color:var(--theme-text-white);text-transform:uppercase;letter-spacing:.3px}.template-card .status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:500}.template-card .status-pill.published{background:var(--color-success-light-alt);color:var(--color-success-alt)}.template-card .status-pill.draft{background:#fef9c3;color:#ca8a04}.template-card .status-pill svg{font-size:12px}.template-card .card-body{padding:18px;flex:1}.template-card .template-title{margin:0 0 8px;font-size:17px;font-weight:600;color:var(--theme-text-primary);line-height:1.4}.template-card .template-description{margin:0 0 14px;font-size:13px;color:var(--theme-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card .file-info-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--theme-bg-input);border-radius:10px;border:1px solid var(--theme-border-light)}.template-card .file-info-card .file-icon{font-size:24px;color:var(--color-info)}.template-card .file-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.template-card .file-details .file-name{font-size:13px;font-weight:500;color:var(--theme-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card .file-details .file-size{font-size:11px;color:var(--theme-text-disabled)}.template-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid var(--theme-border-light);background:var(--theme-bg-card)}.template-card .created-date{font-size:12px;color:var(--theme-text-disabled)}.template-card .card-actions{display:flex;align-items:center;gap:4px}.template-card .action-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:transparent;border-radius:8px;color:var(--theme-text-muted);cursor:pointer;transition:all .15s}.template-card .action-btn:hover{background:var(--theme-bg-surface);color:var(--color-info)}.template-card .action-btn svg{font-size:16px}.more-actions-wrapper{position:relative}.actions-dropdown-enhanced{position:absolute;right:0;bottom:100%;margin-bottom:4px;background:var(--theme-bg-card);border-radius:10px;box-shadow:0 8px 24px #00000026;min-width:160px;z-index:100;overflow:hidden;border:1px solid var(--theme-border)}.actions-dropdown-enhanced button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border:none;background:transparent;font-size:13px;color:var(--theme-text-secondary);cursor:pointer;text-align:left;transition:background .15s}.actions-dropdown-enhanced button:hover{background:var(--theme-bg-surface)}.actions-dropdown-enhanced button svg{font-size:15px;color:var(--theme-text-muted)}.actions-dropdown-enhanced .publish-action{color:var(--color-success-alt)}.actions-dropdown-enhanced .publish-action svg{color:var(--color-success-alt)}.actions-dropdown-enhanced .publish-action:hover{background:var(--color-success-lightest-alt)}.actions-dropdown-enhanced .dropdown-divider{height:1px;background:var(--theme-bg-surface);margin:4px 0}.actions-dropdown-enhanced .delete-action{color:var(--color-danger)}.actions-dropdown-enhanced .delete-action svg{color:var(--color-danger)}.actions-dropdown-enhanced .delete-action:hover{background:var(--color-danger-lightest)}.loading-state-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:var(--theme-bg-card);border-radius:16px;box-shadow:0 1px 3px #0000000f;border:1px solid var(--theme-border-light)}.loading-state-enhanced .loading-spinner{width:44px;height:44px;border:3px solid var(--theme-border);border-top-color:var(--color-info);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.loading-state-enhanced p{margin:0;font-size:15px;color:var(--theme-text-muted)}.empty-state-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:var(--theme-bg-card);border-radius:16px;box-shadow:0 1px 3px #0000000f;border:1px solid var(--theme-border-light);text-align:center}.empty-state-enhanced .empty-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,var(--theme-bg-surface) 0%,var(--theme-bg-surface) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.empty-state-enhanced .empty-icon-wrapper svg{font-size:36px;color:var(--theme-text-disabled)}.empty-state-enhanced h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--theme-text-primary)}.empty-state-enhanced p{margin:0 0 24px;font-size:14px;color:var(--theme-text-muted)}.pagination-enhanced{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--theme-bg-card);border-radius:12px;box-shadow:0 1px 3px #0000000f;border:1px solid var(--theme-border-light);flex-wrap:wrap;gap:16px}.pagination-enhanced .pagination-info{font-size:13px;color:var(--theme-text-muted)}.pagination-enhanced .pagination-controls{display:flex;align-items:center;gap:6px}.pagination-enhanced .page-btn{padding:8px 14px;border:1px solid var(--theme-border);background:var(--theme-bg-card);border-radius:8px;font-size:13px;font-weight:500;color:var(--theme-text-secondary);cursor:pointer;transition:all .15s}.pagination-enhanced .page-btn:hover:not(:disabled){background:var(--theme-bg-surface);border-color:var(--theme-border-input)}.pagination-enhanced .page-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-enhanced .page-btn.active{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-hover) 100%);border-color:transparent;color:var(--theme-text-white);box-shadow:0 2px 6px #3b82f64d}.pagination-enhanced .ellipsis{padding:0 6px;color:var(--theme-text-disabled);font-size:14px}@media(max-width:1024px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.letter-templates-page{padding:16px}.page-header-enhanced{flex-direction:column;align-items:flex-start;gap:16px}.page-header-enhanced .header-left{width:100%}.page-header-enhanced .header-actions{width:100%;justify-content:flex-start}.page-header-enhanced .header-icon-wrapper{width:48px;height:48px;font-size:20px}.page-header-enhanced .header-text h1{font-size:22px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.filters-bar-enhanced{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.status-tabs{width:100%;justify-content:center}.filters-right{flex-direction:column;width:100%}.filter-dropdown,.filter-dropdown select{width:100%}.search-box-enhanced{min-width:unset;width:100%}.templates-grid{grid-template-columns:1fr;gap:16px}.pagination-enhanced{flex-direction:column;text-align:center;gap:12px}.pagination-enhanced .pagination-controls{flex-wrap:wrap;justify-content:center}.letter-templates-page .templates-table-wrapper{overflow-x:auto}.letter-templates-page .templates-table{min-width:700px}.letter-templates-page .pagination{flex-direction:column;text-align:center}.template-form-modal{max-height:95vh;margin:10px}.placeholders-modal{max-height:90vh;margin:10px}}@media(max-width:480px){.page-header-enhanced .header-actions{gap:8px}.page-header-enhanced .btn-primary,.page-header-enhanced .btn-secondary{width:100%;justify-content:center}.status-tabs{flex-wrap:wrap}.status-tab{padding:6px 12px;font-size:12px}.template-card .card-header{flex-direction:column;gap:10px;align-items:flex-start}.template-card .card-footer{flex-direction:column;gap:12px;align-items:flex-start}.template-card .card-actions{width:100%;justify-content:flex-end}.empty-state-enhanced{padding:60px 16px}.empty-state-enhanced .empty-icon-wrapper{width:64px;height:64px}.empty-state-enhanced .empty-icon-wrapper svg{font-size:28px}}.template-card .action-btn.employees-btn{background:var(--color-info-tint);color:var(--color-sky)}.template-card .action-btn.employees-btn:hover{background:var(--color-sky);color:var(--theme-text-white)}.letter-assignment-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.letter-assignment-modal .modal-content-inner{background:var(--theme-bg-card);border-radius:12px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 24px #00000026}.letter-assignment-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;position:sticky;top:0;background:var(--theme-bg-card);z-index:10}.letter-assignment-modal .header-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.letter-assignment-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.letter-assignment-modal .template-name-badge{background:var(--gradient-brand);color:var(--theme-text-white);padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.letter-assignment-modal .letter-type-badge{background:var(--color-success-lightest-alt);color:var(--color-success-alt);padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.letter-assignment-modal .header-actions{display:flex;gap:8px}.letter-assignment-modal .refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--theme-bg-card);border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.letter-assignment-modal .refresh-btn:hover:not(:disabled){border-color:var(--color-antd-primary);color:var(--color-antd-primary)}.letter-assignment-modal .refresh-btn:disabled{opacity:.5;cursor:not-allowed}.letter-assignment-modal .refresh-btn .spinning{animation:spin 1s linear infinite}.letter-assignment-modal .modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--theme-bg-surface);border-radius:6px;cursor:pointer;color:var(--theme-text-muted);transition:all .2s}.letter-assignment-modal .modal-close-btn:hover{background:var(--color-danger-light);color:var(--color-danger)}.letter-assignment-modal .assignment-panels{display:flex;gap:16px;padding:20px;align-items:stretch}.letter-assignment-modal .employee-panel{flex:1;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;max-height:450px}.letter-assignment-modal .employee-panel.unassigned{border-color:#ffd666}.letter-assignment-modal .employee-panel.assigned{border-color:#95de64}.letter-assignment-modal .panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--theme-bg-hover);border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0}.letter-assignment-modal .employee-panel.unassigned .panel-header{background:#fffbe6}.letter-assignment-modal .employee-panel.assigned .panel-header{background:#f6ffed}.letter-assignment-modal .panel-header h4{margin:0;font-size:14px;font-weight:600;color:#333}.letter-assignment-modal .selected-badge{background:var(--color-antd-primary);color:var(--theme-text-white);padding:2px 8px;border-radius:10px;font-size:12px}.letter-assignment-modal .panel-filters{padding:12px;border-bottom:1px solid var(--theme-border-light);display:flex;flex-direction:column;gap:8px}.letter-assignment-modal .search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;background:var(--theme-bg-card)}.letter-assignment-modal .search-box input{border:none;outline:none;flex:1;font-size:13px}.letter-assignment-modal .search-box svg{color:var(--theme-text-disabled);font-size:12px}.letter-assignment-modal .search-box .clear-btn{cursor:pointer}.letter-assignment-modal .search-box .clear-btn:hover{color:#666}.letter-assignment-modal .branch-filter{display:flex;align-items:center;gap:8px}.letter-assignment-modal .branch-filter svg{color:var(--theme-text-disabled);font-size:12px}.letter-assignment-modal .branch-filter select{flex:1;padding:6px 10px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;background:var(--theme-bg-card)}.letter-assignment-modal .select-all-row{padding:8px 12px;border-bottom:1px solid var(--theme-border-light);background:var(--theme-bg-hover)}.letter-assignment-modal .select-all-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#666}.letter-assignment-modal .select-all-checkbox input{display:none}.letter-assignment-modal .checkbox-custom{width:16px;height:16px;border:2px solid #d9d9d9;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:10px;color:var(--theme-text-white)}.letter-assignment-modal input:checked+.checkbox-custom{background:var(--color-antd-primary);border-color:var(--color-antd-primary)}.letter-assignment-modal .employee-list{flex:1;overflow-y:auto;min-height:150px}.letter-assignment-modal .employee-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .15s}.letter-assignment-modal .employee-row:hover{background:var(--theme-bg-input)}.letter-assignment-modal .employee-row.selected{background:#e6f7ff}.letter-assignment-modal .employee-row input{display:none}.letter-assignment-modal .emp-info{flex:1;min-width:0}.letter-assignment-modal .emp-name{display:block;font-weight:500;color:#333;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.letter-assignment-modal .emp-details{display:block;font-size:11px;color:var(--theme-text-disabled);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.letter-assignment-modal .empty-list{padding:40px 20px;text-align:center;color:var(--theme-text-disabled);font-size:13px}.letter-assignment-modal .action-buttons{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 8px}.letter-assignment-modal .assign-btn,.letter-assignment-modal .unassign-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;position:relative;transition:all .2s}.letter-assignment-modal .assign-btn{background:var(--color-antd-primary);color:var(--theme-text-white)}.letter-assignment-modal .assign-btn:hover:not(:disabled){background:var(--color-antd-primary-hover)}.letter-assignment-modal .unassign-btn{background:var(--color-antd-danger);color:var(--theme-text-white)}.letter-assignment-modal .unassign-btn:hover:not(:disabled){background:var(--color-antd-danger-hover)}.letter-assignment-modal .assign-btn:disabled,.letter-assignment-modal .unassign-btn:disabled{background:#d9d9d9;cursor:not-allowed}.letter-assignment-modal .count-badge{position:absolute;top:-8px;right:-8px;background:var(--theme-bg-card);color:var(--color-antd-primary);border:2px solid currentColor;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.letter-assignment-modal .unassign-btn .count-badge{color:var(--color-antd-danger)}.letter-assignment-modal .loading-container{padding:60px;text-align:center;color:#666}@media(max-width:900px){.letter-assignment-modal .assignment-panels{flex-direction:column}.letter-assignment-modal .action-buttons{flex-direction:row;padding:12px 0}.letter-assignment-modal .assign-btn,.letter-assignment-modal .unassign-btn{flex:1}.letter-assignment-modal .employee-panel{max-height:300px}}@media(max-width:600px){.letter-assignment-modal .modal-header{flex-direction:column;align-items:flex-start;gap:12px}.letter-assignment-modal .header-actions{width:100%;justify-content:flex-end}.letter-assignment-modal .header-info{width:100%}}.dc-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.dc-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:180px}.dc-search-box svg{color:#94a3b8;flex-shrink:0}.dc-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.dc-search-box input::placeholder{color:#1e293b;font-weight:600}.dc-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.dc-stats-inline{display:flex;gap:6px}.dc-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600;white-space:nowrap}.dc-stat-active{background:#dcfce7;color:#16a34a}.dc-stat-mandatory{background:#dbeafe;color:#2563eb}.dc-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}.dc-btn:hover{background:#f8fafc;border-color:#cbd5e1}.dc-btn:active{transform:scale(.95)}.dc-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.dc-add-btn:hover{background:#1d4ed8}.dc-add-btn:disabled,.dc-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dc-cancel-btn{background:#f1f5f9;color:#475569}.dc-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}.dc-toggle-inactive:active{transform:scale(.95)}.dc-toggle-inactive.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.dc-empty{text-align:center;padding:60px 20px;color:#94a3b8}.dc-empty svg{margin-bottom:16px;opacity:.4}.dc-empty h3{color:#475569;margin-bottom:8px}.dc-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;animation:dc-fadeIn .4s ease}.dc-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.dc-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.dc-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.dc-grid-wrapper .ag-row{border-color:#f1f5f9!important}.dc-grid-wrapper .ag-row:hover{background:#f8fafc!important}.dc-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.dc-system-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;padding:1px 6px;border-radius:4px;background:#f3e8ff;color:#7c3aed;font-weight:600;margin-left:6px}.dc-inactive-badge{font-size:9px;padding:1px 6px;border-radius:4px;background:#fee2e2;color:#b91c1c;font-weight:600;margin-left:6px}.dc-bool-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.dc-bool-yes{color:#16a34a;background:#dcfce7}.dc-bool-no{color:#94a3b8;background:#f1f5f9}.dc-file-chips{display:flex;gap:3px;flex-wrap:wrap}.dc-file-chip{font-size:10px;padding:1px 6px;border-radius:4px;background:#f1f5f9;color:#475569;font-weight:500}.dc-lock-icon{color:#a78bfa;display:flex;align-items:center;justify-content:center;opacity:.7}.dc-actions{display:flex;gap:6px;align-items:center}.dc-icon-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.dc-icon-btn:active{transform:scale(.85)}.dc-edit-btn{color:#2563eb}.dc-edit-btn:hover{background:#dbeafe;color:#1d4ed8}.dc-delete-btn{color:#ef4444}.dc-delete-btn:hover{background:#fee2e2;color:#dc2626}.dc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:dc-overlayIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dc-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026;animation:dc-modalIn .3s ease}.dc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.dc-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.dc-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.dc-modal-close:hover{background:#f1f5f9;color:#475569}.dc-modal-body{padding:20px;max-height:65vh;overflow-y:auto}.dc-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.dc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dc-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.dc-field label{font-size:12px;font-weight:600;color:#374151}.dc-req{color:#ef4444}.dc-field input,.dc-field select,.dc-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.dc-field input:focus,.dc-field select:focus,.dc-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dc-field textarea{resize:vertical;min-height:50px}.dc-field-error input,.dc-field-error select{border-color:#ef4444!important}.dc-err{font-size:11px;color:#ef4444}.dc-toggles{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.dc-toggle-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;cursor:pointer;padding:4px 0}.dc-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.dc-modal-sm{max-width:400px}.dc-company-tree{display:flex;flex-direction:column}.dc-company-node{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;transition:background .15s;border-bottom:1px solid #f1f5f9;text-align:left;font-size:14px;color:#1e293b}.dc-company-node:hover{background:#f0f7ff}.dc-company-node:last-child{border-bottom:none}.dc-company-node-info{display:flex;align-items:center;gap:8px}.dc-company-star{color:#d97706;font-size:13px;flex-shrink:0}.dc-company-node-name{font-weight:600}.dc-company-node-arrow{color:#cbd5e1;font-size:14px;flex-shrink:0;transition:color .15s}.dc-company-node:hover .dc-company-node-arrow{color:#2563eb}@keyframes dc-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dc-modalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dc-overlayIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.dc-grid-wrapper{overflow-x:auto}}@media(max-width:640px){.dc-toolbar{flex-direction:column;align-items:stretch}.dc-toolbar-right{margin-left:0;justify-content:flex-end}.dc-stats-inline{display:none}.dc-form-grid{grid-template-columns:1fr}.dc-modal{max-width:95vw}}.cp-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.cp-page-header h1{font-size:24px;font-weight:600;color:var(--theme-text-primary);margin:0}.cp-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cp-action-btn{display: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}.cp-refresh-btn{background:var(--theme-bg-surface);color:var(--theme-text-secondary)}.cp-refresh-btn:hover{background:var(--theme-bg-surface)}.cp-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.cp-refresh-btn svg{font-size:16px}.cp-refresh-btn svg.spinning{animation:cp-spin 1s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-add-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--theme-text-white)}.cp-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.cp-stats-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.cp-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}.cp-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cp-stat-icon.total{background:#6366f11a;color:var(--color-primary)}.cp-stat-icon.published{background:#22c55e1a;color:#22c55e}.cp-stat-icon.superseded{background:#f59e0b1a;color:#f59e0b}.cp-stat-icon.archived{background:#6b72801a;color:#6b7280}.cp-stat-info h4{margin:0;font-size:22px;font-weight:700;color:var(--theme-text-primary);line-height:1}.cp-stat-info p{margin:4px 0 0;font-size:12px;color:var(--theme-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cp-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.cp-search-wrapper{position:relative;flex:1;min-width:200px;max-width:360px}.cp-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}.cp-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}.cp-search-wrapper input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.cp-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}.cp-search-wrapper .search-clear:hover{color:var(--theme-text-secondary)}.cp-filter-select{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;cursor:pointer;transition:all .2s ease;min-width:140px}.cp-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.cp-table-wrapper{background:var(--theme-bg-card);border-radius:14px;box-shadow:0 1px 3px #00000014;overflow:hidden;margin-bottom:20px}.cp-table{width:100%;border-collapse:collapse}.cp-table thead{background:var(--theme-bg-input)}.cp-table th{padding:14px 16px;font-size:12px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--theme-border)}.cp-table td{padding:14px 16px;font-size:14px;color:var(--theme-text-primary);border-bottom:1px solid var(--theme-border);vertical-align:middle}.cp-table tbody tr{transition:background .15s ease;cursor:pointer}.cp-table tbody tr:hover{background:var(--theme-bg-input)}.cp-table tbody tr:last-child td{border-bottom:none}.cp-table-title{font-weight:600;color:var(--theme-text-primary)}.cp-table-desc{font-size:12px;color:var(--theme-text-muted);margin-top:2px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.cp-status-badge.published{background:#22c55e1a;color:#16a34a}.cp-status-badge.superseded{background:#f59e0b1a;color:#d97706}.cp-status-badge.archived{background:#6b72801a;color:#6b7280}.cp-status-dot{width:6px;height:6px;border-radius:50%}.cp-status-badge.published .cp-status-dot{background:#22c55e}.cp-status-badge.superseded .cp-status-dot{background:#f59e0b}.cp-status-badge.archived .cp-status-dot{background:#9ca3af}.cp-category-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.cp-category-badge.general{background:#6366f11a;color:#6366f1}.cp-category-badge.hr{background:#ec48991a;color:#db2777}.cp-category-badge.it{background:#3b82f61a;color:#2563eb}.cp-category-badge.finance{background:#22c55e1a;color:#16a34a}.cp-category-badge.legal{background:#8b5cf61a;color:#7c3aed}.cp-category-badge.operations{background:#f59e0b1a;color:#d97706}.cp-category-badge.safety{background:#ef44441a;color:#dc2626}.cp-category-badge.default{background:#6b72801a;color:#6b7280}.cp-ack-progress{display:flex;align-items:center;gap:8px;min-width:100px}.cp-ack-bar{flex:1;height:6px;background:var(--theme-bg-input);border-radius:3px;overflow:hidden;min-width:50px}.cp-ack-bar-fill{height:100%;border-radius:3px;transition:width .3s ease;background:linear-gradient(90deg,#22c55e,#16a34a)}.cp-ack-text{font-size:12px;font-weight:600;color:var(--theme-text-secondary);white-space:nowrap}.cp-table-actions{display:flex;gap:4px}.cp-table-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;background:transparent;color:var(--theme-text-muted)}.cp-table-action-btn:hover{background:var(--theme-bg-surface);color:var(--theme-text-primary)}.cp-table-action-btn.delete:hover{background:var(--color-danger-lightest);color:var(--color-danger)}.cp-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:12px}.cp-pagination-info{font-size:13px;color:var(--theme-text-muted)}.cp-pagination-controls{display:flex;align-items:center;gap:4px}.cp-page-btn{padding:6px 12px;font-size:13px;font-weight:500;border:1px solid var(--theme-border-input);border-radius:6px;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s ease}.cp-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.cp-page-btn.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--theme-text-white);border-color:transparent}.cp-page-btn:disabled{opacity:.4;cursor:not-allowed}.cp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.cp-modal{background:var(--theme-bg-card);border-radius:16px;width:100%;max-width:640px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.cp-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)}.cp-modal-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.cp-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}.cp-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.cp-modal-body{padding:24px;overflow-y:auto;flex:1}.cp-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cp-form-group{display:flex;flex-direction:column;gap:6px}.cp-form-group.full-width{grid-column:1 / -1}.cp-form-group label{font-size:13px;font-weight:500;color:var(--theme-text-secondary)}.cp-form-group label .required{color:#ef4444;margin-left:2px}.cp-form-group input,.cp-form-group select,.cp-form-group textarea{width:100%;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}.cp-form-group input:focus,.cp-form-group select:focus,.cp-form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.cp-form-group select{cursor:pointer}.cp-form-group input[type=file]{padding:8px 12px}.cp-form-section{margin-bottom:24px}.cp-form-section:last-child{margin-bottom:0}.cp-form-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--theme-text-primary);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--theme-border)}.cp-form-section-title svg{color:var(--color-primary)}.cp-toggle-row{display:flex;align-items:center;gap:10px;padding:8px 0}.cp-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.cp-toggle-switch input{position:absolute;opacity:0;width:0;height:0}.cp-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:24px;transition:all .3s ease}.cp-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}.cp-toggle-switch input:checked+.cp-toggle-slider{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}.cp-toggle-switch input:checked+.cp-toggle-slider:before{transform:translate(20px)}.cp-toggle-label{font-size:14px;font-weight:500;color:var(--theme-text-secondary)}.cp-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)}.cp-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}.cp-modal-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--theme-text-white);border:none}.cp-modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.cp-modal-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.cp-modal-btn.secondary{background:var(--theme-bg-card);color:var(--theme-text-secondary);border:1px solid var(--theme-border-input)}.cp-modal-btn.secondary:hover{background:var(--theme-bg-surface)}.cp-modal-btn.danger{background:var(--color-danger-lightest);color:var(--color-danger);border:1px solid transparent}.cp-modal-btn.danger:hover{background:var(--color-danger);color:var(--theme-text-white)}.cp-modal-btn.warning{background:#f59e0b1a;color:#d97706;border:1px solid transparent}.cp-modal-btn.warning:hover{background:#f59e0b;color:var(--theme-text-white)}.cp-detail-modal{background:var(--theme-bg-card);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.cp-detail-body{padding:24px;overflow-y:auto;flex:1}.cp-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.cp-detail-item{display:flex;flex-direction:column;gap:4px}.cp-detail-item.full-width{grid-column:1 / -1}.cp-detail-label{font-size:11px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px}.cp-detail-value{font-size:14px;font-weight:500;color:var(--theme-text-primary);word-break:break-word}.cp-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--theme-border)}.cp-ack-section{margin-top:24px}.cp-ack-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.cp-ack-header h4{margin:0;font-size:16px;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.cp-ack-actions{display:flex;gap:8px}.cp-ack-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border:1px solid var(--theme-border-input);border-radius:8px;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s ease}.cp-ack-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.cp-ack-btn:disabled{opacity:.5;cursor:not-allowed}.cp-ack-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--theme-text-white);border-color:transparent}.cp-ack-summary{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--theme-bg-input);border-radius:10px;margin-bottom:16px;flex-wrap:wrap}.cp-ack-summary-bar{flex:1;min-width:120px;height:10px;background:var(--theme-bg-card);border-radius:5px;overflow:hidden}.cp-ack-summary-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .3s ease}.cp-ack-summary-text{font-size:14px;font-weight:600;color:var(--theme-text-primary);white-space:nowrap}.cp-ack-summary-counts{display:flex;gap:16px}.cp-ack-summary-count{font-size:12px;color:var(--theme-text-muted);white-space:nowrap}.cp-ack-summary-count strong{color:var(--theme-text-primary)}.cp-ack-tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:2px solid var(--theme-border)}.cp-ack-tab{padding:10px 20px;font-size:13px;font-weight:500;border:none;background:transparent;color:var(--theme-text-muted);cursor:pointer;transition:all .2s ease;position:relative}.cp-ack-tab.active{color:var(--color-primary);font-weight:600}.cp-ack-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:2px 2px 0 0}.cp-ack-tab-count{font-size:11px;padding:1px 6px;border-radius:10px;background:var(--theme-bg-input);margin-left:6px}.cp-ack-tab.active .cp-ack-tab-count{background:#6366f11a;color:var(--color-primary)}.cp-ack-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.cp-ack-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--theme-bg-input);border-radius:8px;gap:12px}.cp-ack-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.cp-ack-item-name{font-size:14px;font-weight:500;color:var(--theme-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-ack-item-meta{font-size:12px;color:var(--theme-text-muted)}.cp-ack-item-action{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;border:1px solid var(--theme-border-input);border-radius:6px;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.cp-ack-item-action:hover{border-color:var(--color-primary);color:var(--color-primary)}.cp-ack-empty{text-align:center;padding:24px;color:var(--theme-text-muted);font-size:14px}.cp-file-upload{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border:2px dashed var(--theme-border-input);border-radius:10px;background:var(--theme-bg-input);cursor:pointer;transition:all .2s ease;text-align:center}.cp-file-upload:hover{border-color:var(--color-primary);background:#6366f108}.cp-file-upload svg{font-size:24px;color:var(--theme-text-placeholder)}.cp-file-upload span{font-size:13px;color:var(--theme-text-muted)}.cp-file-upload .file-name{font-weight:600;color:var(--color-primary)}.cp-file-hint{font-size:11px;color:var(--theme-text-placeholder);margin-top:2px}.cp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.cp-empty-state svg{font-size:48px;color:var(--theme-text-placeholder);margin-bottom:12px}.cp-empty-state p{font-size:15px;color:var(--theme-text-muted);margin:0}.cp-version{font-size:12px;font-weight:600;color:var(--theme-text-muted);padding:2px 8px;background:var(--theme-bg-input);border-radius:4px}@media(max-width:640px){.cp-page-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.cp-header-actions{gap:8px;justify-content:center}.cp-action-btn{width:100%;justify-content:center}.cp-stats-bar{gap:10px}.cp-stat-card{min-width:100px;padding:12px 14px}.cp-toolbar{flex-direction:column;align-items:stretch}.cp-search-wrapper{max-width:none}.cp-filter-select{width:100%}.cp-table thead{display:none}.cp-table,.cp-table tbody,.cp-table tr,.cp-table td{display:block}.cp-table tr{padding:14px 16px;border-bottom:1px solid var(--theme-border)}.cp-table td{padding:4px 0;border-bottom:none;font-size:13px}.cp-table td:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;display:block;margin-bottom:2px}.cp-form-grid,.cp-detail-grid{grid-template-columns:1fr}.cp-modal,.cp-detail-modal{max-height:92vh;max-width:100%}.cp-modal-footer{flex-direction:column}.cp-modal-btn{width:100%;justify-content:center}.cp-detail-actions{flex-direction:column}.cp-detail-actions .cp-modal-btn{width:100%}.cp-ack-header{flex-direction:column;align-items:stretch}.cp-ack-actions{justify-content:center}.cp-ack-summary{flex-direction:column;align-items:stretch}.cp-ack-summary-counts{justify-content:center}.cp-pagination{flex-direction:column;align-items:center}}.ad-page{display:flex;flex-direction:column;gap:20px}.ad-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.ad-spinner{width:32px;height:32px;border:3px solid var(--theme-border, #e2e8f0);border-top-color:var(--color-primary, #4f46e5);border-radius:50%;animation:ad-spin-anim .7s linear infinite}@keyframes ad-spin-anim{to{transform:rotate(360deg)}}.ad-spin{animation:ad-spin-anim .7s linear infinite}.ad-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ad-header h1{font-size:1.4rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0}.ad-date{font-size:.82rem;color:var(--theme-text-muted, #94a3b8);font-weight:500}.ad-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);color:var(--theme-text-secondary, #64748b);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.ad-refresh-btn:hover:not(:disabled){border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.ad-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ad-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.ad-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:12px;border-top:3px solid transparent;transition:transform .15s,box-shadow .15s}.ad-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.ad-stat-total{border-top-color:var(--color-primary, #4f46e5)}.ad-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#4f46e51a;color:var(--color-primary, #4f46e5)}.ad-stat-body{display:flex;flex-direction:column}.ad-stat-value{font-size:1.4rem;font-weight:700;line-height:1.1;color:var(--theme-text-primary, #1e293b)}.ad-stat-label{font-size:.72rem;font-weight:500;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.ad-card{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:14px;padding:20px}.ad-card-title{font-size:1rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0 0 16px}.ad-branch-chart{display:flex;flex-direction:column;gap:10px}.ad-branch-row{display:flex;align-items:center;gap:12px}.ad-branch-name{width:120px;flex-shrink:0;font-size:.82rem;font-weight:600;color:var(--theme-text-primary, #1e293b);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-branch-bar-wrap{flex:1;height:22px;background:var(--theme-bg-surface, #f1f5f9);border-radius:6px;overflow:hidden}.ad-branch-bar{height:100%;border-radius:6px;overflow:hidden;transition:width .4s ease}.ad-branch-segments{display:flex;height:100%}.ad-branch-segment{height:100%;transition:width .3s}.ad-branch-total{width:40px;text-align:right;font-size:.82rem;font-weight:700;color:var(--theme-text-primary, #1e293b)}.ad-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--theme-border, #f1f5f9)}.ad-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--theme-text-secondary, #64748b)}.ad-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.ad-quick-links{display:flex;gap:10px;flex-wrap:wrap}.ad-quick-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--theme-border, #e2e8f0);border-radius:10px;background:var(--theme-bg-card, #fff);color:var(--theme-text-secondary, #64748b);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.ad-quick-link:hover{border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5);background:#4f46e50a}.ad-footer{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--theme-text-muted, #94a3b8)}.ad-auto-refresh{padding:2px 8px;background:var(--theme-bg-surface, #f1f5f9);border-radius:4px;font-size:.7rem}@media(max-width:768px){.ad-stats-grid{grid-template-columns:repeat(2,1fr)}.ad-branch-name{width:80px;font-size:.75rem}.ad-quick-links{flex-direction:column}.ad-quick-link{justify-content:center}}@media(max-width:480px){.ad-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.ad-stat-card{padding:12px}.ad-stat-value{font-size:1.1rem}}.ard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1000;animation:ard-fade-in .2s ease}@keyframes ard-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ard-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.ard-modal{width:560px;max-width:100vw;height:100vh;background:var(--theme-bg-card, #ffffff);display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000026;animation:ard-slide-in .25s ease;overflow:hidden}.ard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--theme-border, #e5e7eb);flex-shrink:0}.ard-header-info{display:flex;align-items:center;gap:12px}.ard-header-icon{font-size:22px;color:var(--color-primary, #4f46e5);flex-shrink:0}.ard-header-name{font-size:16px;font-weight:600;color:var(--theme-text-primary, #111827);margin:0;line-height:1.3}.ard-header-date{font-size:13px;color:var(--theme-text-muted, #9ca3af)}.ard-close-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--theme-text-secondary, #6b7280);font-size:20px;display:flex;align-items:center;transition:background .15s,color .15s}.ard-close-btn:hover{background:var(--theme-bg-surface, #f3f4f6);color:var(--theme-text-primary, #111827)}.ard-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.ard-section{background:var(--theme-bg-surface, #f9fafb);border:1px solid var(--theme-border, #e5e7eb);border-radius:10px;padding:16px}.ard-section-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.ard-section-header h3{font-size:14px;font-weight:600;color:var(--theme-text-primary, #111827);margin:0;flex:1}.ard-section-icon{font-size:16px;color:var(--color-primary, #4f46e5);flex-shrink:0}.ard-icon-warning{color:#f59e0b}.ard-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ard-summary-item{display:flex;flex-direction:column;gap:4px}.ard-summary-full{grid-column:1 / -1}.ard-summary-label{font-size:12px;font-weight:500;color:var(--theme-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.03em}.ard-summary-value{font-size:14px;font-weight:500;color:var(--theme-text-primary, #111827);display:flex;align-items:center;gap:4px}.ard-summary-highlight{font-size:16px;font-weight:700;color:var(--color-primary, #4f46e5)}.ard-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;line-height:1.4;width:fit-content}.ard-text-red{color:#ef4444}.ard-text-orange{color:#f59e0b}.ard-text-green{color:#10b981}.ard-icon-green{color:#10b981;font-size:18px}.ard-icon-red{color:#ef4444;font-size:18px}.ard-edit-record-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--theme-border, #e5e7eb);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--theme-text-secondary, #6b7280);cursor:pointer;transition:background .15s,border-color .15s}.ard-edit-record-btn:hover{background:var(--theme-bg-card, #ffffff);border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.ard-sessions{display:flex;flex-direction:column;gap:12px}.ard-session-card{background:var(--theme-bg-card, #ffffff);border:1px solid var(--theme-border, #e5e7eb);border-radius:8px;overflow:hidden}.ard-session-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--theme-border, #e5e7eb);background:var(--theme-bg-surface, #f9fafb)}.ard-session-number{font-size:13px;font-weight:600;color:var(--theme-text-primary, #111827)}.ard-session-edit-btn{background:none;border:none;cursor:pointer;color:var(--theme-text-muted, #9ca3af);padding:4px;border-radius:4px;display:flex;align-items:center;font-size:14px;transition:color .15s,background .15s}.ard-session-edit-btn:hover{color:var(--color-primary, #4f46e5);background:#4f46e514}.ard-session-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.ard-session-time-entry{display:flex;align-items:center;gap:8px}.ard-time-label{font-size:12px;font-weight:500;color:var(--theme-text-muted, #9ca3af);min-width:70px}.ard-time-value{font-size:14px;font-weight:600;color:var(--theme-text-primary, #111827)}.ard-method-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#ede9fe;color:#6d28d9}.ard-active-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;background:#dcfce7;color:#16a34a;animation:ard-pulse 2s infinite}@keyframes ard-pulse{0%,to{opacity:1}50%{opacity:.6}}.ard-location{display:flex;align-items:center;gap:8px;padding:8px 0 0;border-top:1px dashed var(--theme-border, #e5e7eb);margin-top:4px}.ard-location-icon{color:var(--color-primary, #4f46e5);font-size:14px;flex-shrink:0}.ard-location-coords{font-size:12px;color:var(--theme-text-secondary, #6b7280);font-family:monospace}.ard-geofence-status{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;margin-left:auto}.ard-geofence-ok{color:#10b981}.ard-geofence-fail{color:#ef4444}.ard-biometric{display:flex;align-items:center;gap:8px;padding:6px 0 0}.ard-biometric-icon{color:#8b5cf6;font-size:14px;flex-shrink:0}.ard-biometric-type{font-size:12px;font-weight:500;color:var(--theme-text-secondary, #6b7280)}.ard-biometric-score{font-size:11px;color:var(--theme-text-muted, #9ca3af);margin-left:auto}.ard-empty-sessions{text-align:center;padding:20px 0;color:var(--theme-text-muted, #9ca3af);font-size:13px}.ard-add-session-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:10px;background:none;border:2px dashed var(--theme-border, #e5e7eb);border-radius:8px;font-size:13px;font-weight:600;color:var(--color-primary, #4f46e5);cursor:pointer;transition:background .15s,border-color .15s}.ard-add-session-btn:hover{background:#4f46e50a;border-color:var(--color-primary, #4f46e5)}.ard-violations{display:flex;flex-direction:column;gap:10px}.ard-violation-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--theme-bg-card, #ffffff);border:1px solid var(--theme-border, #e5e7eb);border-radius:8px}.ard-violation-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ard-violation-type{font-size:13px;font-weight:600;color:var(--theme-text-primary, #111827)}.ard-violation-desc{font-size:12px;color:var(--theme-text-secondary, #6b7280)}.ard-violation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.ard-violation-date{font-size:11px;color:var(--theme-text-muted, #9ca3af);white-space:nowrap}.ard-resolution-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.ard-resolution-pending{background:#fef3c7;color:#92400e}.ard-resolution-resolved{background:#d1fae5;color:#065f46}.ard-resolution-dismissed{background:#e5e7eb;color:#4b5563}.ard-resolution-escalated{background:#fee2e2;color:#991b1b}.ard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted, #9ca3af);font-size:14px}.ard-spinner{width:32px;height:32px;border:3px solid var(--theme-border, #e5e7eb);border-top-color:var(--color-primary, #4f46e5);border-radius:50%;animation:ard-spin .7s linear infinite}@keyframes ard-spin{to{transform:rotate(360deg)}}.ard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:10px;color:#ef4444;font-size:14px;text-align:center}.ard-error svg{font-size:28px}.ard-retry-btn{margin-top:4px;padding:6px 16px;border:1px solid var(--theme-border, #e5e7eb);border-radius:6px;background:var(--theme-bg-card, #ffffff);color:var(--theme-text-primary, #111827);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s}.ard-retry-btn:hover{border-color:var(--color-primary, #4f46e5)}.ard-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--theme-text-muted, #9ca3af);font-size:14px}.ard-swal-form{display:flex;flex-direction:column;gap:8px;text-align:left}.ard-swal-form label{font-size:13px;font-weight:500;color:#374151;margin-top:4px}@media(max-width:768px){.ard-modal{width:100vw}.ard-summary-grid{grid-template-columns:1fr}.ard-violation-row{flex-direction:column;gap:6px}.ard-violation-meta{flex-direction:row;align-items:center;gap:8px}.ard-location{flex-wrap:wrap}.ard-geofence-status{margin-left:0}}.ar-page{padding:24px;max-width:1440px;margin:0 auto}.ar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.ar-header-left{display:flex;align-items:center;gap:12px}.ar-header-icon{font-size:28px;color:var(--color-primary);flex-shrink:0}.ar-title{font-size:24px;font-weight:700;color:var(--theme-text-primary);margin:0;line-height:1.2}.ar-subtitle{font-size:14px;color:var(--theme-text-muted);margin:2px 0 0}.ar-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ar-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}.ar-btn:disabled{opacity:.5;cursor:not-allowed}.ar-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ar-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.ar-btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.ar-btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.ar-btn-ghost{background:transparent;color:var(--theme-text-secondary);border-color:var(--theme-border)}.ar-btn-ghost:hover:not(:disabled){background:var(--theme-bg-hover);color:var(--theme-text-primary)}.ar-btn-sm{padding:6px 12px;font-size:13px}.ar-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}.ar-icon-btn:hover{background:var(--theme-bg-hover);color:var(--color-primary)}.ar-filter-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:12px;padding:20px;margin-bottom:20px}.ar-filter-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--theme-text-primary);margin-bottom:16px}.ar-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:16px}.ar-filter-field label{display:block;font-size:12px;font-weight:600;color:var(--theme-text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.ar-filter-field input,.ar-filter-field select{width:100%;padding:8px 10px;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}.ar-filter-field input:focus,.ar-filter-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.ar-filter-actions{display:flex;align-items:center;gap:10px;padding-top:4px}.ar-table-wrapper{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:12px;overflow-x:auto;margin-bottom:16px}.ar-table{width:100%;border-collapse:collapse;min-width:1000px}.ar-table thead{background:var(--theme-bg-surface)}.ar-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}.ar-table td{padding:10px 14px;font-size:14px;color:var(--theme-text-primary);border-bottom:1px solid var(--theme-border);vertical-align:middle}.ar-table tbody tr:last-child td{border-bottom:none}.ar-table tbody tr:hover{background:var(--theme-bg-hover)}.ar-employee-cell{font-weight:500;white-space:nowrap}.ar-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.ar-time-cell{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;white-space:nowrap}.ar-late-value{color:#dc2626;font-weight:600}.ar-ot-value{color:#059669;font-weight:600}.ar-complete-cell{text-align:center}.ar-complete-yes{color:#059669;font-size:18px}.ar-complete-no{color:#dc2626;font-size:18px}.ar-actions-cell{display:flex;align-items:center;gap:4px}.ar-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:8px 0}.ar-pagination-info{font-size:14px;color:var(--theme-text-muted)}.ar-pagination-controls{display:flex;align-items:center;gap:8px}.ar-pagination-page{font-size:14px;font-weight:500;color:var(--theme-text-secondary);min-width:100px;text-align:center}.ar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ar-modal{background:var(--theme-bg-card);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.ar-modal-lg{max-width:720px}.ar-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--theme-border)}.ar-modal-header h2{font-size:18px;font-weight:700;color:var(--theme-text-primary);margin:0}.ar-modal-body{padding:24px}.ar-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--theme-border)}.ar-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.ar-form-group label{display:block;font-size:13px;font-weight:600;color:var(--theme-text-secondary);margin-bottom:6px}.ar-form-group input,.ar-form-group select,.ar-form-group textarea{width:100%;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}.ar-form-group input:focus,.ar-form-group select:focus,.ar-form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.ar-form-group textarea{resize:vertical;font-family:inherit}.ar-form-full{grid-column:1 / -1}.ar-form-checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.ar-form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.ar-edit-info{display:flex;flex-wrap:wrap;gap:20px;padding:12px 16px;background:var(--theme-bg-surface);border-radius:8px;margin-bottom:20px;font-size:14px;color:var(--theme-text-primary)}.ar-detail-placeholder{text-align:center;color:var(--theme-text-muted);padding:40px 0;font-size:15px}.ar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.ar-loading p{color:var(--theme-text-muted);font-size:14px;margin:0}.ar-spinner{width:36px;height:36px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:ar-spin .8s linear infinite}@keyframes ar-spin{to{transform:rotate(360deg)}}.ar-spin{animation:ar-spin 1s linear infinite}.ar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.ar-empty-icon{font-size:48px;color:var(--theme-text-muted);margin-bottom:16px;opacity:.5}.ar-empty h3{font-size:18px;font-weight:600;color:var(--theme-text-primary);margin:0 0 6px}.ar-empty p{font-size:14px;color:var(--theme-text-muted);margin:0}@media(max-width:768px){.ar-page{padding:16px}.ar-header{flex-direction:column;align-items:flex-start}.ar-header-actions{width:100%}.ar-filter-grid{grid-template-columns:1fr 1fr;gap:10px}.ar-filter-actions{flex-wrap:wrap}.ar-form-grid{grid-template-columns:1fr}.ar-modal{max-width:100%;margin:10px;border-radius:12px}.ar-pagination{flex-direction:column;align-items:flex-start}.ar-edit-info{flex-direction:column;gap:8px}}@media(max-width:480px){.ar-page{padding:12px}.ar-title{font-size:20px}.ar-filter-grid{grid-template-columns:1fr}.ar-header-actions{flex-direction:column}.ar-header-actions .ar-btn{width:100%;justify-content:center}.ar-btn{padding:8px 12px;font-size:13px}.ar-modal{max-height:95vh}.ar-modal-body,.ar-modal-header{padding:16px}.ar-modal-footer{padding:12px 16px}}.ap-page{display:flex;flex-direction:column;gap:20px}.ap-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ap-header h1{font-size:1.4rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0}.ap-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.ap-btn:disabled{opacity:.6;cursor:not-allowed}.ap-btn-primary{background:var(--color-primary, #4f46e5);color:#fff}.ap-btn-primary:hover:not(:disabled){opacity:.9}.ap-btn-ghost{background:var(--theme-bg-surface, #f1f5f9);color:var(--theme-text-secondary, #64748b);border:1px solid var(--theme-border, #e2e8f0)}.ap-btn-ghost:hover:not(:disabled){background:var(--theme-bg-hover, #e2e8f0)}.ap-filter-card{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:14px;padding:16px 20px}.ap-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;align-items:end}.ap-filter-field{display:flex;flex-direction:column;gap:4px}.ap-filter-field label{font-size:.72rem;font-weight:500;color:var(--theme-text-secondary, #64748b);text-transform:uppercase;letter-spacing:.3px}.ap-filter-field input,.ap-filter-field select{padding:8px 10px;border:1px solid var(--theme-border, #cbd5e1);border-radius:8px;font-size:.82rem;color:var(--theme-text-primary, #1e293b);background:var(--theme-bg-input, #fff)}.ap-filter-field input:focus,.ap-filter-field select:focus{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 2px #4f46e51a}.ap-filter-actions{display:flex;gap:8px;align-items:end}.ap-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.ap-spinner{width:28px;height:28px;border:3px solid var(--theme-border, #e2e8f0);border-top-color:var(--color-primary, #4f46e5);border-radius:50%;animation:ap-spin .7s linear infinite}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 20px;color:var(--theme-text-muted, #94a3b8)}.ap-empty p{margin:0;font-size:.9rem}.ap-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--theme-border, #e2e8f0);background:var(--theme-bg-card, #fff)}.ap-table{width:100%;border-collapse:collapse;font-size:.8rem}.ap-table th{text-align:left;padding:10px 12px;font-size:.72rem;font-weight:600;color:var(--theme-text-secondary, #64748b);background:var(--theme-bg-surface, #f8fafc);border-bottom:2px solid var(--theme-border, #e2e8f0);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.ap-table td{padding:10px 12px;border-bottom:1px solid var(--theme-border, #f1f5f9);color:var(--theme-text-primary, #1e293b);vertical-align:middle}.ap-table tr:last-child td{border-bottom:none}.ap-table tr:hover td{background:var(--theme-bg-hover, #f8fafc)}.ap-row-overridden td{opacity:.6}.ap-cell-date{white-space:nowrap;font-size:.78rem;color:var(--theme-text-secondary, #64748b)}.ap-cell-name{font-weight:600;white-space:nowrap}.ap-cell-effective{font-weight:700}.ap-cell-source{font-size:.72rem;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase}.ap-violation-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ap-violation-badge.late-arrival{background:#fee2e2;color:#dc2626}.ap-violation-badge.early-departure{background:#fef3c7;color:#d97706}.ap-violation-badge.absent{background:#fee2e2;color:#991b1b}.ap-violation-badge.short-hours{background:#ffedd5;color:#ea580c}.ap-active-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600}.ap-active-badge.active{background:#d1fae5;color:#059669}.ap-active-badge.overridden{background:#f3f4f6;color:#6b7280}.ap-actions{display:flex;gap:4px}.ap-action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);color:var(--theme-text-secondary, #64748b);cursor:pointer;transition:all .15s}.ap-action-btn:hover{transform:translateY(-1px)}.ap-action-btn.override:hover{background:#fef3c7;border-color:#fcd34d;color:#d97706}.ap-action-btn.restore:hover{background:#d1fae5;border-color:#86efac;color:#059669}.ap-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 0;flex-wrap:wrap;gap:10px}.ap-pagination-info{font-size:.78rem;color:var(--theme-text-muted, #94a3b8)}.ap-pagination-btns{display:flex;align-items:center;gap:10px}.ap-pagination-btns span{font-size:.8rem;color:var(--theme-text-secondary, #64748b)}.ap-pagination-btns button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);cursor:pointer;color:var(--theme-text-primary, #1e293b);transition:all .15s}.ap-pagination-btns button:disabled{opacity:.4;cursor:not-allowed}.ap-pagination-btns button:hover:not(:disabled){background:var(--color-primary, #4f46e5);color:#fff;border-color:var(--color-primary, #4f46e5)}@media(max-width:768px){.ap-filter-grid{grid-template-columns:1fr 1fr}.ap-filter-actions{grid-column:span 2}}@media(max-width:480px){.ap-filter-grid{grid-template-columns:1fr}.ap-filter-actions{grid-column:span 1;flex-direction:column}.ap-pagination{flex-direction:column;align-items:stretch;text-align:center}}.ac-page{display:flex;flex-direction:column;gap:20px}.ac-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ac-header h1{font-size:1.4rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0}.ac-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.ac-btn:disabled{opacity:.6;cursor:not-allowed}.ac-btn-primary{background:var(--color-primary, #4f46e5);color:#fff}.ac-btn-primary:hover:not(:disabled){opacity:.9}.ac-btn-ghost{background:var(--theme-bg-surface, #f1f5f9);color:var(--theme-text-secondary, #64748b);border:1px solid var(--theme-border, #e2e8f0)}.ac-btn-ghost:hover:not(:disabled){background:var(--theme-bg-hover, #e2e8f0)}.ac-btn-success{background:#059669;color:#fff}.ac-btn-success:hover:not(:disabled){background:#047857}.ac-btn-danger{background:#ef4444;color:#fff}.ac-btn-danger:hover:not(:disabled){background:#dc2626}.ac-filter-card{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:14px;padding:16px 20px}.ac-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;align-items:end}.ac-filter-field{display:flex;flex-direction:column;gap:4px}.ac-filter-field label{font-size:.72rem;font-weight:500;color:var(--theme-text-secondary, #64748b);text-transform:uppercase;letter-spacing:.3px}.ac-filter-field input,.ac-filter-field select{padding:8px 10px;border:1px solid var(--theme-border, #cbd5e1);border-radius:8px;font-size:.82rem;color:var(--theme-text-primary, #1e293b);background:var(--theme-bg-input, #fff)}.ac-filter-field input:focus,.ac-filter-field select:focus{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 2px #4f46e51a}.ac-filter-actions{display:flex;gap:8px;align-items:end}.ac-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.ac-spinner{width:28px;height:28px;border:3px solid var(--theme-border, #e2e8f0);border-top-color:var(--color-primary, #4f46e5);border-radius:50%;animation:ac-spin .7s linear infinite}@keyframes ac-spin{to{transform:rotate(360deg)}}.ac-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 20px;color:var(--theme-text-muted, #94a3b8)}.ac-empty p{margin:0;font-size:.9rem}.ac-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--theme-border, #e2e8f0);background:var(--theme-bg-card, #fff)}.ac-table{width:100%;border-collapse:collapse;font-size:.8rem}.ac-table th{text-align:left;padding:10px 12px;font-size:.72rem;font-weight:600;color:var(--theme-text-secondary, #64748b);background:var(--theme-bg-surface, #f8fafc);border-bottom:2px solid var(--theme-border, #e2e8f0);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.ac-table td{padding:10px 12px;border-bottom:1px solid var(--theme-border, #f1f5f9);color:var(--theme-text-primary, #1e293b);vertical-align:middle}.ac-table tr:last-child td{border-bottom:none}.ac-table tr:hover td{background:var(--theme-bg-hover, #f8fafc)}.ac-cell-date{white-space:nowrap;font-size:.78rem;color:var(--theme-text-secondary, #64748b)}.ac-cell-name{font-weight:600;white-space:nowrap}.ac-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:600;white-space:nowrap}.ac-type-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:600;background:#dbeafe;color:#2563eb;text-transform:uppercase;letter-spacing:.3px}.ac-actions{display:flex;gap:4px}.ac-action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);color:var(--theme-text-secondary, #64748b);cursor:pointer;transition:all .15s}.ac-action-btn:hover{transform:translateY(-1px)}.ac-action-btn.view:hover{background:#dbeafe;border-color:#93c5fd;color:#2563eb}.ac-action-btn.approve:hover{background:#d1fae5;border-color:#86efac;color:#059669}.ac-action-btn.reject:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.ac-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 0;flex-wrap:wrap;gap:10px}.ac-pagination-info{font-size:.78rem;color:var(--theme-text-muted, #94a3b8)}.ac-pagination-btns{display:flex;align-items:center;gap:10px}.ac-pagination-btns span{font-size:.8rem;color:var(--theme-text-secondary, #64748b)}.ac-pagination-btns button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);cursor:pointer;color:var(--theme-text-primary, #1e293b);transition:all .15s}.ac-pagination-btns button:disabled{opacity:.4;cursor:not-allowed}.ac-pagination-btns button:hover:not(:disabled){background:var(--color-primary, #4f46e5);color:#fff;border-color:var(--color-primary, #4f46e5)}.ac-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:2000}.ac-modal{width:100%;max-width:600px;background:var(--theme-bg-card, #fff);border-radius:16px;box-shadow:0 20px 60px #0f172a40;overflow:hidden;max-height:calc(100vh - 48px);display:flex;flex-direction:column}.ac-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--theme-border, #e2e8f0);background:var(--theme-bg-surface, #f8fafc)}.ac-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700;color:var(--theme-text-primary, #1e293b)}.ac-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--theme-text-muted, #94a3b8);cursor:pointer;border-radius:8px}.ac-modal-close:hover{background:var(--theme-bg-hover, #e2e8f0);color:var(--theme-text-primary, #1e293b)}.ac-modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.ac-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--theme-border, #e2e8f0);background:var(--theme-bg-surface, #f8fafc)}.ac-detail-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--theme-bg-surface, #f8fafc);border:1px solid var(--theme-border, #e2e8f0);border-radius:10px;font-size:.85rem;font-weight:500;color:var(--theme-text-primary, #1e293b)}.ac-detail-date{margin-left:auto;font-size:.78rem;color:var(--theme-text-muted, #94a3b8)}.ac-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ac-detail-item{display:flex;flex-direction:column;gap:3px}.ac-detail-item.full{grid-column:span 2}.ac-detail-label{font-size:.72rem;font-weight:600;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.3px}.ac-detail-reject{background:#fef2f2;padding:10px;border-radius:8px}.ac-detail-reject .ac-detail-label{color:#dc2626}@media(max-width:768px){.ac-filter-grid{grid-template-columns:1fr 1fr}.ac-filter-actions{grid-column:span 2}.ac-detail-grid{grid-template-columns:1fr}.ac-detail-item.full{grid-column:span 1}.ac-modal{max-width:100%;margin:0 8px}}@media(max-width:480px){.ac-filter-grid{grid-template-columns:1fr}.ac-filter-actions{grid-column:span 1;flex-direction:column}}.wr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wr-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.wr-header-actions{display:flex;gap:8px}.wr-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}.wr-btn:hover{background:#f8fafc}.wr-primary{background:#2563eb;color:#fff;border-color:#2563eb}.wr-primary:hover{background:#1d4ed8}.wr-primary:disabled{opacity:.6;cursor:not-allowed}.wr-refresh:disabled{opacity:.6;cursor:not-allowed}.wr-withdraw-btn{color:#d97706;border-color:#fcd34d}.wr-withdraw-btn:hover{background:#fef9c3}.wr-approve-btn{background:#16a34a;color:#fff;border-color:#16a34a}.wr-approve-btn:hover{background:#15803d}.wr-reject-btn{color:#ef4444;border-color:#fecaca}.wr-reject-btn:hover{background:#fef2f2}.wr-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.wr-stat-card{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.wr-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.wr-stat-value{font-size:22px;font-weight:700;color:#1e293b}.wr-stat-label{font-size:12px;color:#64748b;margin-top:2px}.wr-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.wr-filter{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff}.wr-filter:focus{outline:none;border-color:#2563eb}.wr-empty{text-align:center;padding:60px 20px;color:#94a3b8}.wr-empty svg{margin-bottom:16px;opacity:.4}.wr-empty h3{color:#475569}.wr-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.wr-table{width:100%;border-collapse:collapse}.wr-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}.wr-table tbody td{padding:10px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.wr-table tbody tr:hover{background:#f8fafc}.wr-row-pending{background:#fffbeb}.wr-row-pending:hover{background:#fef9c3!important}.wr-emp-cell{display:flex;flex-direction:column}.wr-emp-code{font-size:11px;color:#94a3b8}.wr-date-sm{font-size:12px;color:#94a3b8;white-space:nowrap}.wr-desc-cell{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#64748b}.wr-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;display:inline-block}.wr-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.wr-icon-btn:hover{background:#f1f5f9;color:#1e293b}.wr-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.wr-pagination button{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.wr-pagination button:hover:not(:disabled){background:#f8fafc}.wr-pagination button:disabled{opacity:.4;cursor:not-allowed}.wr-pagination span{font-size:13px;color:#64748b}.wr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.wr-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;box-shadow:0 20px 60px #00000026}.wr-modal-lg{max-width:620px}.wr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.wr-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.wr-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.wr-modal-close:hover{background:#f1f5f9;color:#475569}.wr-modal-body{padding:20px}.wr-modal-scroll{max-height:70vh;overflow-y:auto}.wr-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0;flex-wrap:wrap}.wr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.wr-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.wr-field label{font-size:12px;font-weight:600;color:#374151}.wr-req{color:#ef4444}.wr-field input,.wr-field select,.wr-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.wr-field input:focus,.wr-field select:focus,.wr-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.wr-field textarea{resize:vertical;min-height:80px}.wr-input-err{border-color:#ef4444!important}.wr-err{font-size:11px;color:#ef4444}.wr-emp-picker{display:flex;flex-direction:column;gap:4px}.wr-emp-search{font-size:12px!important;padding:6px 10px!important}.wr-emp-picker select{font-size:12px}.wr-detail-loading{display:flex;align-items:center;gap:8px;padding:24px;color:#94a3b8;font-size:13px}.wr-detail-top{display:flex;gap:8px;align-items:center;margin-bottom:16px}.wr-detail-grid{display:flex;flex-direction:column}.wr-detail-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.wr-detail-label{color:#64748b;min-width:110px}.wr-detail-section{font-size:13px;font-weight:600;color:#1e293b;margin:14px 0 6px;padding-top:10px;border-top:1px solid #e2e8f0}.wr-desc-full{font-size:13px;color:#334155;line-height:1.6;white-space:pre-wrap;background:#f8fafc;padding:12px;border-radius:8px;border:1px solid #e2e8f0}@media(max-width:768px){.wr-dashboard{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.wr-header{flex-direction:column;gap:12px;align-items:flex-start}.wr-dashboard{grid-template-columns:1fr}.wr-filters{flex-direction:column;align-items:stretch}.wr-form-grid{grid-template-columns:1fr}.wr-modal{max-width:95vw}.wr-modal-footer{flex-direction:column}.wr-table-wrap{overflow-x:auto}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.ler-container{padding:0;max-width:1400px}.ler-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.ler-filter-group{display:flex;flex-direction:column;gap:4px}.ler-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.ler-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.ler-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.ler-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.ler-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.ler-employee-search{position:relative;min-width:200px}.ler-employee-search__wrapper{position:relative;display:flex;align-items:center}.ler-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.ler-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.ler-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.ler-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.ler-employee-search__clear:hover{color:var(--color-danger)}.ler-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.ler-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.ler-employee-search__item:hover{background:var(--theme-bg-surface)}.ler-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.ler-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.ler-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.ler-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.ler-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.ler-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.ler-toggle__btn:hover:not(.ler-toggle__btn--active){background:var(--theme-bg-surface)}.ler-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.ler-btn:hover{background:var(--theme-bg-surface)}.ler-btn:disabled{opacity:.6;cursor:not-allowed}.ler-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.ler-btn--primary:hover{background:var(--color-primary-dark)}.ler-spin{animation:ler-spin .8s linear infinite}@keyframes ler-spin{to{transform:rotate(360deg)}}.ler-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.ler-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.ler-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.ler-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.ler-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.ler-card--late{border-left-color:var(--color-danger)}.ler-card--late .ler-card__value{color:var(--color-danger)}.ler-card--early{border-left-color:#f59e0b}.ler-card--early .ler-card__value{color:#f59e0b}.ler-card--late-min{border-left-color:#dc2626}.ler-card--late-min .ler-card__value{color:#dc2626}.ler-card--early-min{border-left-color:#d97706}.ler-card--early-min .ler-card__value{color:#d97706}.ler-card--employees{border-left-color:var(--color-info)}.ler-card--employees .ler-card__value{color:var(--color-info)}.ler-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.ler-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.ler-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.ler-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.ler-table-scroll{overflow-x:auto}.ler-table{width:100%;border-collapse:collapse;font-size:.8125rem}.ler-table thead{background:var(--theme-bg-input)}.ler-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.ler-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.ler-table tbody tr:hover{background:var(--theme-bg-input)}.ler-table tbody tr:last-child td{border-bottom:none}.ler-emp-name{font-weight:500;color:var(--theme-text-primary)}.ler-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.ler-time{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.ler-time--late{color:var(--color-danger);font-weight:500}.ler-time--early{color:#d97706;font-weight:500}.ler-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.ler-badge--late{background:var(--color-danger-light);color:var(--color-text-red-dark)}.ler-badge--early{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.ler-badge--total{background:var(--color-purple-light-bg);color:var(--color-purple-darker)}.ler-badge--present{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.ler-badge--partial{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.ler-reason{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-text-muted);font-size:.8125rem}.ler-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.ler-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:ler-spin .8s linear infinite}.ler-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.ler-empty svg{opacity:.4;width:40px;height:40px}.ler-empty p{font-size:.9375rem}@media(max-width:1024px){.ler-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.ler-container{padding:16px}.ler-filters{flex-direction:column}.ler-filter-select,.ler-date-input{width:100%}.ler-employee-search{min-width:unset}.ler-summary-cards{grid-template-columns:repeat(2,1fr)}.ler-table-scroll{overflow-x:auto}}@media(max-width:480px){.ler-summary-cards{grid-template-columns:1fr}}.otr-container{padding:0;max-width:1400px}.otr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.otr-filter-group{display:flex;flex-direction:column;gap:4px}.otr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.otr-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.otr-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.otr-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.otr-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.otr-employee-search{position:relative;min-width:200px}.otr-employee-search__wrapper{position:relative;display:flex;align-items:center}.otr-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.otr-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.otr-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.otr-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.otr-employee-search__clear:hover{color:var(--color-danger)}.otr-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.otr-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.otr-employee-search__item:hover{background:var(--theme-bg-surface)}.otr-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.otr-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.otr-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.otr-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.otr-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.otr-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.otr-toggle__btn:hover:not(.otr-toggle__btn--active){background:var(--theme-bg-surface)}.otr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.otr-btn:hover{background:var(--theme-bg-surface)}.otr-btn:disabled{opacity:.6;cursor:not-allowed}.otr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.otr-btn--primary:hover{background:var(--color-primary-dark)}.otr-spin{animation:otr-spin .8s linear infinite}@keyframes otr-spin{to{transform:rotate(360deg)}}.otr-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.otr-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.otr-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.otr-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.otr-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.otr-card--instances{border-left-color:var(--color-primary-hover)}.otr-card--instances .otr-card__value{color:var(--color-primary-hover)}.otr-card--minutes{border-left-color:#7c3aed}.otr-card--minutes .otr-card__value{color:#7c3aed}.otr-card--employees{border-left-color:var(--color-info)}.otr-card--employees .otr-card__value{color:var(--color-info)}.otr-card--approved{border-left-color:#10b981}.otr-card--approved .otr-card__value{color:#10b981}.otr-card--pending{border-left-color:#f59e0b}.otr-card--pending .otr-card__value{color:#f59e0b}.otr-dept-distribution{margin-bottom:16px}.otr-dept-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.otr-dept-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--theme-border);cursor:pointer;-webkit-user-select:none;user-select:none}.otr-dept-header:hover{background:var(--theme-bg-input)}.otr-dept-title{font-size:.875rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.otr-dept-toggle-icon{transition:transform .2s;color:var(--theme-text-muted)}.otr-dept-toggle-icon--open{transform:rotate(180deg)}.otr-dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:16px}.otr-dept-card{padding:12px;border-radius:6px;background:var(--theme-bg-input);border:1px solid var(--theme-border-light)}.otr-dept-card__name{font-size:.8125rem;font-weight:600;color:var(--theme-text-primary);margin-bottom:8px}.otr-dept-card__stats{display:flex;flex-direction:column;gap:4px}.otr-dept-card__stat{display:flex;justify-content:space-between;font-size:.75rem;color:var(--theme-text-muted)}.otr-dept-card__stat-value{font-weight:600;color:var(--theme-text-dark)}.otr-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.otr-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.otr-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.otr-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.otr-table-scroll{overflow-x:auto}.otr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.otr-table thead{background:var(--theme-bg-input)}.otr-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.otr-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.otr-table tbody tr:hover{background:var(--theme-bg-input)}.otr-table tbody tr:last-child td{border-bottom:none}.otr-emp-name{font-weight:500;color:var(--theme-text-primary)}.otr-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.otr-time{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.otr-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.otr-badge--ot{background:var(--color-purple-light-bg);color:var(--color-purple-darker)}.otr-badge--approved{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.otr-badge--pending{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.otr-badge--not-requested{background:var(--theme-bg-surface);color:var(--theme-text-muted)}.otr-badge--present{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.otr-badge--partial{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.otr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.otr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:otr-spin .8s linear infinite}.otr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.otr-empty svg{opacity:.4;width:40px;height:40px}.otr-empty p{font-size:.9375rem}@media(max-width:1024px){.otr-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.otr-container{padding:16px}.otr-filters{flex-direction:column}.otr-filter-select,.otr-date-input{width:100%}.otr-employee-search{min-width:unset}.otr-summary-cards{grid-template-columns:repeat(2,1fr)}.otr-table-scroll{overflow-x:auto}.otr-dept-grid{grid-template-columns:1fr}}@media(max-width:480px){.otr-summary-cards{grid-template-columns:1fr}}.filo-container{padding:0;max-width:1400px}.filo-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.filo-filter-group{display:flex;flex-direction:column;gap:4px}.filo-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.filo-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.filo-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.filo-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.filo-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.filo-employee-search{position:relative;min-width:200px}.filo-employee-search__wrapper{position:relative;display:flex;align-items:center}.filo-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.filo-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.filo-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.filo-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.filo-employee-search__clear:hover{color:var(--color-danger)}.filo-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.filo-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.filo-employee-search__item:hover{background:var(--theme-bg-surface)}.filo-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.filo-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.filo-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.filo-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.filo-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.filo-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.filo-toggle__btn:hover:not(.filo-toggle__btn--active){background:var(--theme-bg-surface)}.filo-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.filo-btn:hover{background:var(--theme-bg-surface)}.filo-btn:disabled{opacity:.6;cursor:not-allowed}.filo-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.filo-btn--primary:hover{background:var(--color-primary-dark)}.filo-spin{animation:filo-spin .8s linear infinite}@keyframes filo-spin{to{transform:rotate(360deg)}}.filo-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.filo-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.filo-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.filo-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.filo-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.filo-card--total{border-left-color:var(--color-primary-hover)}.filo-card--total .filo-card__value{color:var(--color-primary-hover)}.filo-card--avg{border-left-color:var(--color-info)}.filo-card--avg .filo-card__value{color:var(--color-info)}.filo-card--short{border-left-color:var(--color-danger)}.filo-card--short .filo-card__value{color:var(--color-danger)}.filo-card--long{border-left-color:#7c3aed}.filo-card--long .filo-card__value{color:#7c3aed}.filo-card--normal{border-left-color:#10b981}.filo-card--normal .filo-card__value{color:#10b981}.filo-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.filo-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.filo-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.filo-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.filo-table-scroll{overflow-x:auto}.filo-table{width:100%;border-collapse:collapse;font-size:.8125rem}.filo-table thead{background:var(--theme-bg-input)}.filo-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.filo-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.filo-table tbody tr:hover{background:var(--theme-bg-input)}.filo-table tbody tr:last-child td{border-bottom:none}.filo-emp-name{font-weight:500;color:var(--theme-text-primary)}.filo-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.filo-time{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.filo-time--first{color:#10b981;font-weight:500}.filo-time--last{color:var(--color-primary-hover);font-weight:500}.filo-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.filo-badge--short{background:var(--color-danger-light);color:var(--color-text-red-dark)}.filo-badge--long{background:var(--color-purple-light-bg);color:var(--color-purple-darker)}.filo-badge--normal{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.filo-badge--span{background:var(--color-info-light);color:var(--color-info-darker)}.filo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.filo-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:filo-spin .8s linear infinite}.filo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.filo-empty svg{opacity:.4;width:40px;height:40px}.filo-empty p{font-size:.9375rem}@media(max-width:1024px){.filo-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.filo-container{padding:16px}.filo-filters{flex-direction:column}.filo-filter-select,.filo-date-input{width:100%}.filo-employee-search{min-width:unset}.filo-summary-cards{grid-template-columns:repeat(2,1fr)}.filo-table-scroll{overflow-x:auto}}@media(max-width:480px){.filo-summary-cards{grid-template-columns:1fr}}.bsl-container{padding:0;max-width:1400px}.bsl-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.bsl-filter-group{display:flex;flex-direction:column;gap:4px}.bsl-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.bsl-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.bsl-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.bsl-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.bsl-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.bsl-employee-search{position:relative;min-width:200px}.bsl-employee-search__wrapper{position:relative;display:flex;align-items:center}.bsl-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.bsl-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.bsl-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.bsl-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.bsl-employee-search__clear:hover{color:var(--color-danger)}.bsl-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.bsl-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.bsl-employee-search__item:hover{background:var(--theme-bg-surface)}.bsl-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.bsl-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.bsl-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.bsl-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.bsl-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.bsl-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.bsl-toggle__btn:hover:not(.bsl-toggle__btn--active){background:var(--theme-bg-surface)}.bsl-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.bsl-btn:hover{background:var(--theme-bg-surface)}.bsl-btn:disabled{opacity:.6;cursor:not-allowed}.bsl-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.bsl-btn--primary:hover{background:var(--color-primary-dark)}.bsl-spin{animation:bsl-spin .8s linear infinite}@keyframes bsl-spin{to{transform:rotate(360deg)}}.bsl-summary-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.bsl-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.bsl-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.bsl-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.bsl-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.bsl-card--total{border-left-color:var(--color-primary-hover)}.bsl-card--total .bsl-card__value{color:var(--color-primary-hover)}.bsl-card--break-days{border-left-color:#8b5cf6}.bsl-card--break-days .bsl-card__value{color:#8b5cf6}.bsl-card--sl-days{border-left-color:var(--color-info)}.bsl-card--sl-days .bsl-card__value{color:var(--color-info)}.bsl-card--avg-break{border-left-color:#06b6d4}.bsl-card--avg-break .bsl-card__value{color:#06b6d4}.bsl-card--break-exceeded{border-left-color:var(--color-danger)}.bsl-card--break-exceeded .bsl-card__value{color:var(--color-danger)}.bsl-card--sl-exceeded{border-left-color:#f59e0b}.bsl-card--sl-exceeded .bsl-card__value{color:#f59e0b}.bsl-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.bsl-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.bsl-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.bsl-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.bsl-table-scroll{overflow-x:auto}.bsl-table{width:100%;border-collapse:collapse;font-size:.8125rem}.bsl-table thead{background:var(--theme-bg-input)}.bsl-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.bsl-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.bsl-table tbody tr:hover{background:var(--theme-bg-input)}.bsl-table tbody tr:last-child td{border-bottom:none}.bsl-emp-name{font-weight:500;color:var(--theme-text-primary)}.bsl-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.bsl-time{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.bsl-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.bsl-badge--break{background:var(--color-purple-light-bg);color:var(--color-purple-darker)}.bsl-badge--sl{background:var(--color-info-light);color:var(--color-info-darker)}.bsl-badge--compliant{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.bsl-badge--exceeded{background:var(--color-danger-light);color:var(--color-text-red-dark)}.bsl-badge--none{background:var(--theme-bg-surface);color:var(--theme-text-muted)}.bsl-badge--approved{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.bsl-badge--not-approved{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.bsl-reason{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-text-muted);font-size:.8125rem}.bsl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.bsl-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:bsl-spin .8s linear infinite}.bsl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.bsl-empty svg{opacity:.4;width:40px;height:40px}.bsl-empty p{font-size:.9375rem}@media(max-width:1024px){.bsl-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.bsl-container{padding:16px}.bsl-filters{flex-direction:column}.bsl-filter-select,.bsl-date-input{width:100%}.bsl-employee-search{min-width:unset}.bsl-summary-cards{grid-template-columns:repeat(2,1fr)}.bsl-table-scroll{overflow-x:auto}}@media(max-width:480px){.bsl-summary-cards{grid-template-columns:1fr}}.mp-container{padding:0;max-width:1400px}.mp-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.mp-filter-group{display:flex;flex-direction:column;gap:4px}.mp-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.mp-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.mp-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.mp-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.mp-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.mp-employee-search{position:relative;min-width:200px}.mp-employee-search__wrapper{position:relative;display:flex;align-items:center}.mp-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.mp-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.mp-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.mp-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.mp-employee-search__clear:hover{color:var(--color-danger)}.mp-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.mp-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.mp-employee-search__item:hover{background:var(--theme-bg-surface)}.mp-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.mp-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.mp-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.mp-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.mp-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.mp-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.mp-toggle__btn:hover:not(.mp-toggle__btn--active){background:var(--theme-bg-surface)}.mp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.mp-btn:hover{background:var(--theme-bg-surface)}.mp-btn:disabled{opacity:.6;cursor:not-allowed}.mp-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.mp-btn--primary:hover{background:var(--color-primary-dark)}.mp-spin{animation:mp-spin .8s linear infinite}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.mp-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.mp-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.mp-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.mp-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.mp-card--total{border-left-color:var(--color-primary-hover)}.mp-card--total .mp-card__value{color:var(--color-primary-hover)}.mp-card--missing-checkout{border-left-color:var(--color-danger)}.mp-card--missing-checkout .mp-card__value{color:var(--color-danger)}.mp-card--under-review{border-left-color:#f59e0b}.mp-card--under-review .mp-card__value{color:#f59e0b}.mp-card--incomplete{border-left-color:#8b5cf6}.mp-card--incomplete .mp-card__value{color:#8b5cf6}.mp-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.mp-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.mp-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.mp-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.mp-table-scroll{overflow-x:auto}.mp-table{width:100%;border-collapse:collapse;font-size:.8125rem}.mp-table thead{background:var(--theme-bg-input)}.mp-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.mp-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.mp-table tbody tr:hover{background:var(--theme-bg-input)}.mp-table tbody tr:last-child td{border-bottom:none}.mp-emp-name{font-weight:500;color:var(--theme-text-primary)}.mp-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.mp-time{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.mp-time--in{color:#10b981;font-weight:500}.mp-time--out{color:var(--color-primary-hover);font-weight:500}.mp-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.mp-badge--missing-checkout{background:var(--color-danger-light);color:var(--color-text-red-dark)}.mp-badge--under-review{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.mp-badge--incomplete{background:var(--color-purple-light-bg);color:var(--color-purple-darker)}.mp-badge--complete{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.mp-badge--sessions{background:var(--color-info-light);color:var(--color-info-darker)}.mp-sessions{display:flex;gap:4px;align-items:center}.mp-sessions__detail{font-size:.75rem;color:var(--theme-text-muted)}.mp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.mp-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:mp-spin .8s linear infinite}.mp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.mp-empty svg{opacity:.4;width:40px;height:40px}.mp-empty p{font-size:.9375rem}@media(max-width:1024px){.mp-summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mp-container{padding:16px}.mp-filters{flex-direction:column}.mp-filter-select,.mp-date-input{width:100%}.mp-employee-search{min-width:unset}.mp-summary-cards{grid-template-columns:repeat(2,1fr)}.mp-table-scroll{overflow-x:auto}}@media(max-width:480px){.mp-summary-cards{grid-template-columns:1fr}}.sar-container{padding:0;max-width:1400px}.sar-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.sar-filter-group{display:flex;flex-direction:column;gap:4px}.sar-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.sar-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.sar-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.sar-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.sar-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.sar-employee-search{position:relative;min-width:200px}.sar-employee-search__wrapper{position:relative;display:flex;align-items:center}.sar-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.sar-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.sar-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.sar-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.sar-employee-search__clear:hover{color:var(--color-danger)}.sar-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.sar-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.sar-employee-search__item:hover{background:var(--theme-bg-surface)}.sar-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.sar-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.sar-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.sar-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.sar-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.sar-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.sar-toggle__btn:hover:not(.sar-toggle__btn--active){background:var(--theme-bg-surface)}.sar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.sar-btn:hover{background:var(--theme-bg-surface)}.sar-btn:disabled{opacity:.6;cursor:not-allowed}.sar-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.sar-btn--primary:hover{background:var(--color-primary-dark)}.sar-spin{animation:sar-spin .8s linear infinite}@keyframes sar-spin{to{transform:rotate(360deg)}}.sar-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.sar-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.sar-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.sar-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.sar-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.sar-card--total{border-left-color:var(--color-primary-hover)}.sar-card--total .sar-card__value{color:var(--color-primary-hover)}.sar-card--score{border-left-color:var(--color-info)}.sar-card--score .sar-card__value{color:var(--color-info)}.sar-card--perfect{border-left-color:#10b981}.sar-card--perfect .sar-card__value{color:#10b981}.sar-card--good{border-left-color:#f59e0b}.sar-card--good .sar-card__value{color:#f59e0b}.sar-card--poor{border-left-color:var(--color-danger)}.sar-card--poor .sar-card__value{color:var(--color-danger)}.sar-breakdown{margin-bottom:16px}.sar-breakdown-wrapper{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;overflow:hidden}.sar-breakdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;transition:background .15s}.sar-breakdown-header:hover{background:var(--theme-bg-surface)}.sar-breakdown-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.sar-breakdown-toggle-icon{transition:transform .2s;color:var(--theme-text-muted)}.sar-breakdown-toggle-icon--open{transform:rotate(180deg)}.sar-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:16px;border-top:1px solid var(--theme-border)}.sar-breakdown-card{padding:14px;background:var(--theme-bg-input);border-radius:6px;border:1px solid var(--theme-border)}.sar-breakdown-card__name{font-weight:600;font-size:.875rem;color:var(--theme-text-primary);margin-bottom:8px}.sar-breakdown-card__stats{display:flex;flex-direction:column;gap:4px}.sar-breakdown-card__stat{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--theme-text-muted)}.sar-breakdown-card__stat-value{font-weight:600;color:var(--theme-text-dark)}.sar-trend{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:.8125rem;font-weight:600}.sar-trend--improving{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.sar-trend--declining{background:var(--color-danger-light);color:var(--color-text-red-dark)}.sar-trend--stable{background:var(--color-info-light);color:var(--color-info-darker)}.sar-score{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;min-width:40px;text-align:center}.sar-score--perfect{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.sar-score--good{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.sar-score--poor{background:var(--color-danger-light);color:var(--color-text-red-dark)}.sar-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.sar-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.sar-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.sar-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.sar-table-scroll{overflow-x:auto}.sar-table{width:100%;border-collapse:collapse;font-size:.8125rem}.sar-table thead{background:var(--theme-bg-input)}.sar-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.sar-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.sar-table tbody tr:hover{background:var(--theme-bg-input)}.sar-table tbody tr:last-child td{border-bottom:none}.sar-emp-name{font-weight:500;color:var(--theme-text-primary)}.sar-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.sar-time{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.sar-variance{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;font-weight:500}.sar-variance--positive{color:var(--color-danger)}.sar-variance--negative{color:#10b981}.sar-variance--zero{color:var(--theme-text-muted)}.sar-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.sar-badge--perfect{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.sar-badge--good{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.sar-badge--poor{background:var(--color-danger-light);color:var(--color-text-red-dark)}.sar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.sar-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:sar-spin .8s linear infinite}.sar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.sar-empty svg{opacity:.4;width:40px;height:40px}.sar-empty p{font-size:.9375rem}@media(max-width:1024px){.sar-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sar-container{padding:16px}.sar-filters{flex-direction:column}.sar-filter-select,.sar-date-input{width:100%}.sar-employee-search{min-width:unset}.sar-summary-cards{grid-template-columns:repeat(2,1fr)}.sar-table-scroll{overflow-x:auto}}@media(max-width:480px){.sar-summary-cards{grid-template-columns:1fr}}.lbr-container{padding:0;max-width:1400px}.lbr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.lbr-filter-group{display:flex;flex-direction:column;gap:4px}.lbr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.lbr-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.lbr-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lbr-filter-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:80px}.lbr-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lbr-employee-search{position:relative;min-width:200px}.lbr-employee-search__wrapper{position:relative;display:flex;align-items:center}.lbr-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.lbr-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.lbr-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lbr-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.lbr-employee-search__clear:hover{color:var(--color-danger)}.lbr-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.lbr-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.lbr-employee-search__item:hover{background:var(--theme-bg-surface)}.lbr-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.lbr-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.lbr-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.lbr-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.lbr-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.lbr-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.lbr-toggle__btn:hover:not(.lbr-toggle__btn--active){background:var(--theme-bg-surface)}.lbr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.lbr-btn:hover{background:var(--theme-bg-surface)}.lbr-btn:disabled{opacity:.6;cursor:not-allowed}.lbr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.lbr-btn--primary:hover{background:var(--color-primary-dark)}.lbr-spin{animation:lbr-spin .8s linear infinite}@keyframes lbr-spin{to{transform:rotate(360deg)}}.lbr-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.lbr-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.lbr-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.lbr-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.lbr-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.lbr-card--employees{border-left-color:var(--color-primary-hover)}.lbr-card--employees .lbr-card__value{color:var(--color-primary-hover)}.lbr-card--types{border-left-color:var(--color-info)}.lbr-card--types .lbr-card__value{color:var(--color-info)}.lbr-card--low{border-left-color:#f59e0b}.lbr-card--low .lbr-card__value{color:#f59e0b}.lbr-card--zero{border-left-color:var(--color-danger)}.lbr-card--zero .lbr-card__value{color:var(--color-danger)}.lbr-card--depts{border-left-color:#8b5cf6}.lbr-card--depts .lbr-card__value{color:#8b5cf6}.lbr-lt-summary{margin-bottom:16px}.lbr-lt-wrapper{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;overflow:hidden}.lbr-lt-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;transition:background .15s}.lbr-lt-header:hover{background:var(--theme-bg-surface)}.lbr-lt-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.lbr-lt-toggle-icon{transition:transform .2s;color:var(--theme-text-muted)}.lbr-lt-toggle-icon--open{transform:rotate(180deg)}.lbr-lt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:16px;border-top:1px solid var(--theme-border)}.lbr-lt-card{padding:14px;background:var(--theme-bg-input);border-radius:6px;border:1px solid var(--theme-border)}.lbr-lt-card__name{font-weight:600;font-size:.875rem;color:var(--theme-text-primary);margin-bottom:4px}.lbr-lt-card__code{font-size:.75rem;color:var(--theme-text-muted);margin-bottom:8px}.lbr-lt-card__stats{display:flex;flex-direction:column;gap:4px}.lbr-lt-card__stat{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--theme-text-muted)}.lbr-lt-card__stat-value{font-weight:600;color:var(--theme-text-dark)}.lbr-util-bar{width:60px;height:6px;background:var(--theme-bg-surface);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:6px}.lbr-util-bar__fill{height:100%;border-radius:3px;transition:width .3s}.lbr-util-bar__fill--low{background:#10b981}.lbr-util-bar__fill--mid{background:#f59e0b}.lbr-util-bar__fill--high{background:var(--color-danger)}.lbr-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.lbr-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.lbr-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.lbr-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.lbr-table-scroll{overflow-x:auto}.lbr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.lbr-table thead{background:var(--theme-bg-input)}.lbr-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.lbr-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.lbr-table tbody tr:hover{background:var(--theme-bg-input)}.lbr-table tbody tr:last-child td{border-bottom:none}.lbr-emp-name{font-weight:500;color:var(--theme-text-primary)}.lbr-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.lbr-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.lbr-badge--leave-type{background:var(--color-info-light);color:var(--color-info-darker)}.lbr-badge--credit{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.lbr-badge--debit{background:var(--color-danger-light);color:var(--color-text-red-dark)}.lbr-badge--balance{background:var(--color-purple-light-bg);color:var(--color-purple-darker);font-weight:600}.lbr-badge--low{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.lbr-badge--zero{background:var(--color-danger-light);color:var(--color-text-red-dark)}.lbr-badge--ok{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.lbr-days{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.lbr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.lbr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:lbr-spin .8s linear infinite}.lbr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.lbr-empty svg{opacity:.4;width:40px;height:40px}.lbr-empty p{font-size:.9375rem}@media(max-width:1024px){.lbr-summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.lbr-container{padding:16px}.lbr-filters{flex-direction:column}.lbr-filter-select,.lbr-filter-input{width:100%}.lbr-employee-search{min-width:unset}.lbr-summary-cards{grid-template-columns:repeat(2,1fr)}.lbr-table-scroll{overflow-x:auto}}@media(max-width:480px){.lbr-summary-cards{grid-template-columns:1fr}}.lhr-container{padding:0;max-width:1400px}.lhr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.lhr-filter-group{display:flex;flex-direction:column;gap:4px}.lhr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.lhr-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.lhr-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lhr-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.lhr-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lhr-employee-search{position:relative;min-width:200px}.lhr-employee-search__wrapper{position:relative;display:flex;align-items:center}.lhr-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.lhr-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.lhr-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lhr-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.lhr-employee-search__clear:hover{color:var(--color-danger)}.lhr-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.lhr-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.lhr-employee-search__item:hover{background:var(--theme-bg-surface)}.lhr-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.lhr-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.lhr-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.lhr-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.lhr-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.lhr-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.lhr-toggle__btn:hover:not(.lhr-toggle__btn--active){background:var(--theme-bg-surface)}.lhr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.lhr-btn:hover{background:var(--theme-bg-surface)}.lhr-btn:disabled{opacity:.6;cursor:not-allowed}.lhr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.lhr-btn--primary:hover{background:var(--color-primary-dark)}.lhr-spin{animation:lhr-spin .8s linear infinite}@keyframes lhr-spin{to{transform:rotate(360deg)}}.lhr-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.lhr-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.lhr-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.lhr-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.lhr-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.lhr-card--total{border-left-color:var(--color-primary-hover)}.lhr-card--total .lhr-card__value{color:var(--color-primary-hover)}.lhr-card--approved{border-left-color:#10b981}.lhr-card--approved .lhr-card__value{color:#10b981}.lhr-card--pending{border-left-color:#f59e0b}.lhr-card--pending .lhr-card__value{color:#f59e0b}.lhr-card--rejected{border-left-color:var(--color-danger)}.lhr-card--rejected .lhr-card__value{color:var(--color-danger)}.lhr-card--other{border-left-color:#8b5cf6}.lhr-card--other .lhr-card__value{color:#8b5cf6}.lhr-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.lhr-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.lhr-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.lhr-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.lhr-table-scroll{overflow-x:auto}.lhr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.lhr-table thead{background:var(--theme-bg-input)}.lhr-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.lhr-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.lhr-table tbody tr:hover{background:var(--theme-bg-input)}.lhr-table tbody tr:last-child td{border-bottom:none}.lhr-emp-name{font-weight:500;color:var(--theme-text-primary)}.lhr-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.lhr-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.lhr-badge--leave-type{background:var(--color-info-light);color:var(--color-info-darker)}.lhr-badge--approved{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.lhr-badge--pending{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.lhr-badge--rejected{background:var(--color-danger-light);color:var(--color-text-red-dark)}.lhr-badge--withdrawn{background:var(--theme-bg-surface);color:var(--theme-text-muted)}.lhr-badge--cancelled{background:var(--color-purple-light-bg);color:var(--color-purple-darker)}.lhr-badge--days{background:var(--color-primary-light, rgba(99,102,241,.1));color:var(--color-primary-hover);font-weight:600}.lhr-reason{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-text-muted);font-size:.8125rem}.lhr-datetime{font-size:.75rem;color:var(--theme-text-muted)}.lhr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.lhr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:lhr-spin .8s linear infinite}.lhr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.lhr-empty svg{opacity:.4;width:40px;height:40px}.lhr-empty p{font-size:.9375rem}@media(max-width:1024px){.lhr-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.lhr-container{padding:16px}.lhr-filters{flex-direction:column}.lhr-filter-select,.lhr-date-input{width:100%}.lhr-employee-search{min-width:unset}.lhr-summary-cards{grid-template-columns:repeat(2,1fr)}.lhr-table-scroll{overflow-x:auto}}@media(max-width:480px){.lhr-summary-cards{grid-template-columns:1fr}}.lpr-container{padding:0;max-width:1400px}.lpr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.lpr-filter-group{display:flex;flex-direction:column;gap:4px}.lpr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.lpr-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.lpr-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lpr-filter-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:80px}.lpr-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lpr-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.lpr-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lpr-employee-search{position:relative;min-width:200px}.lpr-employee-search__wrapper{position:relative;display:flex;align-items:center}.lpr-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.lpr-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.lpr-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lpr-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.lpr-employee-search__clear:hover{color:var(--color-danger)}.lpr-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.lpr-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.lpr-employee-search__item:hover{background:var(--theme-bg-surface)}.lpr-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.lpr-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.lpr-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.lpr-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.lpr-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.lpr-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.lpr-toggle__btn:hover:not(.lpr-toggle__btn--active){background:var(--theme-bg-surface)}.lpr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.lpr-btn:hover{background:var(--theme-bg-surface)}.lpr-btn:disabled{opacity:.6;cursor:not-allowed}.lpr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.lpr-btn--primary:hover{background:var(--color-primary-dark)}.lpr-spin{animation:lpr-spin .8s linear infinite}@keyframes lpr-spin{to{transform:rotate(360deg)}}.lpr-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.lpr-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.lpr-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.lpr-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.lpr-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.lpr-card--total{border-left-color:var(--color-primary-hover)}.lpr-card--total .lpr-card__value{color:var(--color-primary-hover)}.lpr-card--days{border-left-color:var(--color-info)}.lpr-card--days .lpr-card__value{color:var(--color-info)}.lpr-card--flagged{border-left-color:var(--color-danger)}.lpr-card--flagged .lpr-card__value{color:var(--color-danger)}.lpr-card--score{border-left-color:#f59e0b}.lpr-card--score .lpr-card__value{color:#f59e0b}.lpr-dow-strip{display:flex;gap:3px;align-items:center}.lpr-dow-cell{width:28px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--theme-text-muted);background:var(--theme-bg-surface);transition:all .2s}.lpr-dow-cell--l1{background:#6366f11a;color:var(--color-primary-hover)}.lpr-dow-cell--l2{background:#6366f140;color:var(--color-primary-hover)}.lpr-dow-cell--l3{background:#6366f173;color:#fff}.lpr-dow-cell--l4{background:#6366f1b3;color:#fff}.lpr-dow-cell--l5{background:var(--color-primary-hover);color:#fff}.lpr-dow-cell--mon-flag,.lpr-dow-cell--fri-flag{background:#ef444426;color:var(--color-danger)}.lpr-dow-cell--mon-flag.lpr-dow-cell--l3,.lpr-dow-cell--mon-flag.lpr-dow-cell--l4,.lpr-dow-cell--mon-flag.lpr-dow-cell--l5,.lpr-dow-cell--fri-flag.lpr-dow-cell--l3,.lpr-dow-cell--fri-flag.lpr-dow-cell--l4,.lpr-dow-cell--fri-flag.lpr-dow-cell--l5{background:var(--color-danger);color:#fff}.lpr-dow-summary{display:flex;gap:8px;padding:12px 16px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.lpr-dow-summary__label{font-size:.75rem;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;margin-right:4px}.lpr-dow-summary__item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:48px}.lpr-dow-summary__day{font-size:.6875rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase}.lpr-dow-summary__count{font-size:1rem;font-weight:700;color:var(--theme-text-primary)}.lpr-dow-summary__item--highlight .lpr-dow-summary__count{color:var(--color-danger)}.lpr-score{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;min-width:40px;text-align:center}.lpr-score--low{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.lpr-score--mid{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.lpr-score--high{background:var(--color-danger-light);color:var(--color-text-red-dark)}.lpr-flag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.lpr-flag--yes{background:var(--color-danger-light);color:var(--color-text-red-dark)}.lpr-flag--no{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.lpr-trend{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:.8125rem;font-weight:600}.lpr-trend--worsening{background:var(--color-danger-light);color:var(--color-text-red-dark)}.lpr-trend--improving{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.lpr-trend--stable{background:var(--color-info-light);color:var(--color-info-darker)}.lpr-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.lpr-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.lpr-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.lpr-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.lpr-table-scroll{overflow-x:auto}.lpr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.lpr-table thead{background:var(--theme-bg-input)}.lpr-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.lpr-table th.lpr-th-dow{text-align:center;padding:10px 6px;min-width:36px}.lpr-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.lpr-table td.lpr-td-dow{text-align:center;padding:10px 6px}.lpr-table tbody tr:hover{background:var(--theme-bg-input)}.lpr-table tbody tr:last-child td{border-bottom:none}.lpr-table tbody tr.lpr-row--flagged{background:#ef444408}.lpr-table tbody tr.lpr-row--flagged:hover{background:#ef44440f}.lpr-emp-name{font-weight:500;color:var(--theme-text-primary)}.lpr-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.lpr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.lpr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:lpr-spin .8s linear infinite}.lpr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.lpr-empty svg{opacity:.4;width:40px;height:40px}.lpr-empty p{font-size:.9375rem}@media(max-width:1024px){.lpr-summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.lpr-container{padding:16px}.lpr-filters{flex-direction:column}.lpr-filter-select,.lpr-filter-input,.lpr-date-input{width:100%}.lpr-employee-search{min-width:unset}.lpr-summary-cards{grid-template-columns:repeat(2,1fr)}.lpr-table-scroll{overflow-x:auto}}@media(max-width:480px){.lpr-summary-cards{grid-template-columns:1fr}}.ulr-container{padding:0;max-width:1400px}.ulr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.ulr-filter-group{display:flex;flex-direction:column;gap:4px}.ulr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.ulr-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.ulr-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.ulr-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.ulr-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.ulr-employee-search{position:relative;min-width:200px}.ulr-employee-search__wrapper{position:relative;display:flex;align-items:center}.ulr-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.ulr-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.ulr-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.ulr-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.ulr-employee-search__clear:hover{color:var(--color-danger)}.ulr-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.ulr-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.ulr-employee-search__item:hover{background:var(--theme-bg-surface)}.ulr-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.ulr-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.ulr-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.ulr-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.ulr-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.ulr-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.ulr-toggle__btn:hover:not(.ulr-toggle__btn--active){background:var(--theme-bg-surface)}.ulr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.ulr-btn:hover{background:var(--theme-bg-surface)}.ulr-btn:disabled{opacity:.6;cursor:not-allowed}.ulr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.ulr-btn--primary:hover{background:var(--color-primary-dark)}.ulr-spin{animation:ulr-spin .8s linear infinite}@keyframes ulr-spin{to{transform:rotate(360deg)}}.ulr-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.ulr-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.ulr-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.ulr-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.ulr-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.ulr-card--dates{border-left-color:var(--color-primary-hover)}.ulr-card--dates .ulr-card__value{color:var(--color-primary-hover)}.ulr-card--employees{border-left-color:var(--color-info)}.ulr-card--employees .ulr-card__value{color:var(--color-info)}.ulr-card--overlap{border-left-color:#f59e0b}.ulr-card--overlap .ulr-card__value{color:#f59e0b}.ulr-card--max-overlap{border-left-color:var(--color-danger)}.ulr-card--max-overlap .ulr-card__value{color:var(--color-danger)}.ulr-card--depts{border-left-color:#8b5cf6}.ulr-card--depts .ulr-card__value{color:#8b5cf6}.ulr-card--range{border-left-color:var(--color-info)}.ulr-card--range .ulr-card__value{color:var(--color-info)}.ulr-card--alerts{border-left-color:var(--color-danger)}.ulr-card--alerts .ulr-card__value{color:var(--color-danger)}.ulr-lt-summary{margin-bottom:16px}.ulr-lt-wrapper{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;overflow:hidden}.ulr-lt-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;transition:background .15s}.ulr-lt-header:hover{background:var(--theme-bg-surface)}.ulr-lt-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.ulr-lt-toggle-icon{transition:transform .2s;color:var(--theme-text-muted)}.ulr-lt-toggle-icon--open{transform:rotate(180deg)}.ulr-lt-grid{display:flex;gap:12px;padding:16px;border-top:1px solid var(--theme-border);flex-wrap:wrap}.ulr-lt-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:var(--theme-bg-input);border:1px solid var(--theme-border);font-size:.8125rem}.ulr-lt-chip__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ulr-lt-chip__name{font-weight:500;color:var(--theme-text-primary)}.ulr-lt-chip__code{font-size:.75rem;color:var(--theme-text-muted)}.ulr-lt-chip__count{font-weight:700;color:var(--color-primary-hover);margin-left:4px}.ulr-lt-chip__unit{font-size:.6875rem;color:var(--theme-text-muted)}.ulr-calendar{display:flex;flex-direction:column;gap:10px;padding:16px}.ulr-date-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;overflow:hidden;transition:box-shadow .2s}.ulr-date-card:hover{box-shadow:0 2px 8px #0000000f}.ulr-date-card--overlap{border-left:3px solid #f59e0b}.ulr-date-card__header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--theme-bg-input);border-bottom:1px solid var(--theme-border)}.ulr-date-card__date{font-weight:600;font-size:.875rem;color:var(--theme-text-primary)}.ulr-date-card__day{font-weight:400;color:var(--theme-text-muted);margin-left:8px}.ulr-date-card__overlap-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.ulr-date-card__overlap-badge--single{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.ulr-date-card__overlap-badge--multi{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.ulr-date-card__body{padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px}.ulr-emp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:var(--theme-bg-surface);border:1px solid var(--theme-border);font-size:.8125rem;transition:background .15s}.ulr-emp-chip:hover{background:var(--theme-bg-input)}.ulr-emp-chip__lt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ulr-emp-chip__name{font-weight:500;color:var(--theme-text-primary)}.ulr-emp-chip__code{font-size:.6875rem;color:var(--theme-text-muted)}.ulr-emp-chip__lt{font-size:.6875rem;padding:1px 6px;border-radius:4px;font-weight:500;color:#fff}.ulr-emp-chip__dept{font-size:.6875rem;color:var(--theme-text-placeholder)}.ulr-team{display:flex;flex-direction:column;gap:12px;padding:16px}.ulr-dept-section{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;overflow:hidden}.ulr-dept-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .15s}.ulr-dept-header:hover{background:var(--theme-bg-surface)}.ulr-dept-name{font-weight:600;font-size:.9375rem;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.ulr-dept-headcount{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px;font-weight:500}.ulr-dept-toggle-icon{transition:transform .2s;color:var(--theme-text-muted)}.ulr-dept-toggle-icon--open{transform:rotate(180deg)}.ulr-dept-table-scroll{overflow-x:auto;border-top:1px solid var(--theme-border)}.ulr-avail-table{width:100%;border-collapse:collapse;font-size:.8125rem}.ulr-avail-table thead{background:var(--theme-bg-input)}.ulr-avail-table th{padding:8px 12px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.ulr-avail-table td{padding:8px 12px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.ulr-avail-table tbody tr:hover{background:var(--theme-bg-input)}.ulr-avail-table tbody tr:last-child td{border-bottom:none}.ulr-avail-table tbody tr.ulr-row--low-avail{background:#ef444408}.ulr-avail-table tbody tr.ulr-row--low-avail:hover{background:#ef44440f}.ulr-avail-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;min-width:44px;text-align:center}.ulr-avail-badge--high{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.ulr-avail-badge--mid{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.ulr-avail-badge--low{background:var(--color-danger-light);color:var(--color-text-red-dark)}.ulr-on-leave-names{font-size:.75rem;color:var(--theme-text-muted);max-width:300px;white-space:normal;line-height:1.4}.ulr-alerts{margin-bottom:16px}.ulr-alerts-wrapper{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:8px;border-left:3px solid var(--color-danger);overflow:hidden}.ulr-alerts-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;transition:background .15s}.ulr-alerts-header:hover{background:var(--theme-bg-surface)}.ulr-alerts-title{font-size:.9375rem;font-weight:600;color:var(--color-danger);display:flex;align-items:center;gap:8px}.ulr-alerts-count{font-size:.75rem;background:var(--color-danger-light);color:var(--color-text-red-dark);padding:2px 10px;border-radius:12px;font-weight:600}.ulr-alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:16px;border-top:1px solid var(--theme-border)}.ulr-alert-card{padding:12px;border-radius:6px;background:#ef444408;border:1px solid var(--color-danger-light)}.ulr-alert-card__date{font-weight:600;font-size:.875rem;color:var(--theme-text-primary);margin-bottom:2px}.ulr-alert-card__dept{font-size:.8125rem;color:var(--theme-text-secondary);margin-bottom:6px}.ulr-alert-card__stats{display:flex;justify-content:space-between;font-size:.75rem;color:var(--theme-text-muted)}.ulr-alert-card__avail{font-weight:700;color:var(--color-danger)}.ulr-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.ulr-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.ulr-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.ulr-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.ulr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.ulr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:ulr-spin .8s linear infinite}.ulr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.ulr-empty svg{opacity:.4;width:40px;height:40px}.ulr-empty p{font-size:.9375rem}@media(max-width:1024px){.ulr-summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ulr-container{padding:16px}.ulr-filters{flex-direction:column}.ulr-filter-select,.ulr-date-input{width:100%}.ulr-employee-search{min-width:unset}.ulr-summary-cards{grid-template-columns:repeat(2,1fr)}.ulr-alerts-grid{grid-template-columns:1fr}}@media(max-width:480px){.ulr-summary-cards{grid-template-columns:1fr}}.lcr-container{padding:0;max-width:1400px}.lcr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.lcr-filter-group{display:flex;flex-direction:column;gap:4px}.lcr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.lcr-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.lcr-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lcr-filter-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:80px}.lcr-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lcr-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.lcr-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lcr-employee-search{position:relative;min-width:200px}.lcr-employee-search__wrapper{position:relative;display:flex;align-items:center}.lcr-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.lcr-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.lcr-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.lcr-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.lcr-employee-search__clear:hover{color:var(--color-danger)}.lcr-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.lcr-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.lcr-employee-search__item:hover{background:var(--theme-bg-surface)}.lcr-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.lcr-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.lcr-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.lcr-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.lcr-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.lcr-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.lcr-toggle__btn:hover:not(.lcr-toggle__btn--active){background:var(--theme-bg-surface)}.lcr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.lcr-btn:hover{background:var(--theme-bg-surface)}.lcr-btn:disabled{opacity:.6;cursor:not-allowed}.lcr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.lcr-btn--primary:hover{background:var(--color-primary-dark)}.lcr-spin{animation:lcr-spin .8s linear infinite}@keyframes lcr-spin{to{transform:rotate(360deg)}}.lcr-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.lcr-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.lcr-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.lcr-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.lcr-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.lcr-card--sessions{border-left-color:var(--color-primary-hover)}.lcr-card--sessions .lcr-card__value{color:var(--color-primary-hover)}.lcr-card--compliant{border-left-color:#10b981}.lcr-card--compliant .lcr-card__value{color:#10b981}.lcr-card--violations{border-left-color:var(--color-danger)}.lcr-card--violations .lcr-card__value{color:var(--color-danger)}.lcr-card--compliance{border-left-color:var(--color-info)}.lcr-card--compliance .lcr-card__value{color:var(--color-info)}.lcr-card--flagged{border-left-color:#f59e0b}.lcr-card--flagged .lcr-card__value{color:#f59e0b}.lcr-card--employees{border-left-color:var(--color-primary-hover)}.lcr-card--employees .lcr-card__value{color:var(--color-primary-hover)}.lcr-card--branches{border-left-color:#8b5cf6}.lcr-card--branches .lcr-card__value{color:#8b5cf6}.lcr-compliance{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;min-width:44px;text-align:center}.lcr-compliance--high{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.lcr-compliance--mid{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.lcr-compliance--low{background:var(--color-danger-light);color:var(--color-text-red-dark)}.lcr-violation-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.6875rem}.lcr-violation-icon--yes{background:var(--color-danger-light);color:var(--color-text-red-dark)}.lcr-violation-icon--no{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.lcr-distance{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.lcr-distance--far{color:var(--color-danger);font-weight:600}.lcr-reasons{display:flex;flex-wrap:wrap;gap:4px}.lcr-reason-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.6875rem;background:var(--color-danger-light);color:var(--color-text-red-dark);white-space:nowrap}.lcr-flag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.lcr-flag--yes{background:var(--color-danger-light);color:var(--color-text-red-dark)}.lcr-flag--no{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.lcr-bar-wrapper{display:flex;align-items:center;gap:8px}.lcr-bar{width:80px;height:8px;background:var(--theme-bg-surface);border-radius:4px;overflow:hidden}.lcr-bar__fill{height:100%;border-radius:4px;transition:width .3s}.lcr-bar__fill--high{background:#10b981}.lcr-bar__fill--mid{background:#f59e0b}.lcr-bar__fill--low{background:var(--color-danger)}.lcr-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.lcr-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.lcr-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.lcr-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.lcr-table-scroll{overflow-x:auto}.lcr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.lcr-table thead{background:var(--theme-bg-input)}.lcr-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.lcr-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.lcr-table tbody tr:hover{background:var(--theme-bg-input)}.lcr-table tbody tr:last-child td{border-bottom:none}.lcr-table tbody tr.lcr-row--flagged{background:#ef444408}.lcr-table tbody tr.lcr-row--flagged:hover{background:#ef44440f}.lcr-emp-name{font-weight:500;color:var(--theme-text-primary)}.lcr-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.lcr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.lcr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:lcr-spin .8s linear infinite}.lcr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.lcr-empty svg{opacity:.4;width:40px;height:40px}.lcr-empty p{font-size:.9375rem}@media(max-width:1024px){.lcr-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.lcr-container{padding:16px}.lcr-filters{flex-direction:column}.lcr-filter-select,.lcr-filter-input,.lcr-date-input{width:100%}.lcr-employee-search{min-width:unset}.lcr-summary-cards{grid-template-columns:repeat(2,1fr)}.lcr-table-scroll{overflow-x:auto}}@media(max-width:480px){.lcr-summary-cards{grid-template-columns:1fr}}.bmr-container{padding:0;max-width:1400px}.bmr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.bmr-filter-group{display:flex;flex-direction:column;gap:4px}.bmr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.bmr-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.bmr-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.bmr-filter-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:80px}.bmr-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.bmr-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.bmr-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.bmr-employee-search{position:relative;min-width:200px}.bmr-employee-search__wrapper{position:relative;display:flex;align-items:center}.bmr-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.bmr-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.bmr-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.bmr-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.bmr-employee-search__clear:hover{color:var(--color-danger)}.bmr-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.bmr-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.bmr-employee-search__item:hover{background:var(--theme-bg-surface)}.bmr-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.bmr-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.bmr-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.bmr-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.bmr-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.bmr-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.bmr-toggle__btn:hover:not(.bmr-toggle__btn--active){background:var(--theme-bg-surface)}.bmr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.bmr-btn:hover{background:var(--theme-bg-surface)}.bmr-btn:disabled{opacity:.6;cursor:not-allowed}.bmr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.bmr-btn--primary:hover{background:var(--color-primary-dark)}.bmr-spin{animation:bmr-spin .8s linear infinite}@keyframes bmr-spin{to{transform:rotate(360deg)}}.bmr-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.bmr-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.bmr-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.bmr-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.bmr-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.bmr-card--attempts{border-left-color:var(--color-primary-hover)}.bmr-card--attempts .bmr-card__value{color:var(--color-primary-hover)}.bmr-card--success{border-left-color:#10b981}.bmr-card--success .bmr-card__value{color:#10b981}.bmr-card--failures{border-left-color:var(--color-danger)}.bmr-card--failures .bmr-card__value{color:var(--color-danger)}.bmr-card--confidence{border-left-color:var(--color-info)}.bmr-card--confidence .bmr-card__value{color:var(--color-info)}.bmr-card--flagged{border-left-color:#f59e0b}.bmr-card--flagged .bmr-card__value{color:#f59e0b}.bmr-card--employees{border-left-color:var(--color-primary-hover)}.bmr-card--employees .bmr-card__value{color:var(--color-primary-hover)}.bmr-card--weeks{border-left-color:#8b5cf6}.bmr-card--weeks .bmr-card__value{color:#8b5cf6}.bmr-conf{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;min-width:44px;text-align:center;font-family:SF Mono,Menlo,Consolas,monospace}.bmr-conf--high{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.bmr-conf--mid{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.bmr-conf--low{background:var(--color-danger-light);color:var(--color-text-red-dark)}.bmr-rate{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;min-width:44px;text-align:center}.bmr-rate--high{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.bmr-rate--mid{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.bmr-rate--low{background:var(--color-danger-light);color:var(--color-text-red-dark)}.bmr-flag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.bmr-flag--yes{background:var(--color-danger-light);color:var(--color-text-red-dark)}.bmr-flag--no{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.bmr-trend{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:.8125rem;font-weight:600}.bmr-trend--improving{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.bmr-trend--declining{background:var(--color-danger-light);color:var(--color-text-red-dark)}.bmr-trend--stable{background:var(--color-info-light);color:var(--color-info-darker)}.bmr-fail-count{color:var(--color-danger);font-weight:600}.bmr-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.bmr-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.bmr-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.bmr-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.bmr-table-scroll{overflow-x:auto}.bmr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.bmr-table thead{background:var(--theme-bg-input)}.bmr-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.bmr-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.bmr-table tbody tr:hover{background:var(--theme-bg-input)}.bmr-table tbody tr:last-child td{border-bottom:none}.bmr-table tbody tr.bmr-row--flagged{background:#ef444408}.bmr-table tbody tr.bmr-row--flagged:hover{background:#ef44440f}.bmr-emp-name{font-weight:500;color:var(--theme-text-primary)}.bmr-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.bmr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.bmr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:bmr-spin .8s linear infinite}.bmr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.bmr-empty svg{opacity:.4;width:40px;height:40px}.bmr-empty p{font-size:.9375rem}@media(max-width:1024px){.bmr-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.bmr-container{padding:16px}.bmr-filters{flex-direction:column}.bmr-filter-select,.bmr-filter-input,.bmr-date-input{width:100%}.bmr-employee-search{min-width:unset}.bmr-summary-cards{grid-template-columns:repeat(2,1fr)}.bmr-table-scroll{overflow-x:auto}}@media(max-width:480px){.bmr-summary-cards{grid-template-columns:1fr}}.dar-container{padding:0;max-width:1400px}.dar-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.dar-filter-group{display:flex;flex-direction:column;gap:4px}.dar-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.dar-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.dar-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.dar-filter-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:80px}.dar-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.dar-date-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:210px;cursor:pointer}.dar-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.dar-employee-search{position:relative;min-width:200px}.dar-employee-search__wrapper{position:relative;display:flex;align-items:center}.dar-employee-search__icon{position:absolute;left:10px;color:var(--theme-text-placeholder);font-size:14px;pointer-events:none}.dar-employee-search__input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;transition:border-color .2s}.dar-employee-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.dar-employee-search__clear{position:absolute;right:6px;background:none;border:none;font-size:18px;color:var(--theme-text-muted);cursor:pointer;line-height:1;padding:2px 4px}.dar-employee-search__clear:hover{color:var(--color-danger)}.dar-employee-search__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:50;margin-top:4px}.dar-employee-search__item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:background .15s}.dar-employee-search__item:hover{background:var(--theme-bg-surface)}.dar-employee-search__name{font-weight:500;color:var(--theme-text-dark)}.dar-employee-search__code{font-size:.75rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.dar-toggle{display:inline-flex;border:1px solid var(--theme-border);border-radius:6px;overflow:hidden}.dar-toggle__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;border:none;background:var(--theme-bg-card);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.dar-toggle__btn:not(:last-child){border-right:1px solid var(--theme-border)}.dar-toggle__btn--active{background:var(--color-primary-hover);color:#fff}.dar-toggle__btn:hover:not(.dar-toggle__btn--active){background:var(--theme-bg-surface)}.dar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.dar-btn:hover{background:var(--theme-bg-surface)}.dar-btn:disabled{opacity:.6;cursor:not-allowed}.dar-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.dar-btn--primary:hover{background:var(--color-primary-dark)}.dar-spin{animation:dar-spin .8s linear infinite}@keyframes dar-spin{to{transform:rotate(360deg)}}.dar-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.dar-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border)}.dar-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.dar-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.dar-card__sub{font-size:.75rem;color:var(--theme-text-muted);margin-top:2px}.dar-card--sessions{border-left-color:var(--color-primary-hover)}.dar-card--sessions .dar-card__value{color:var(--color-primary-hover)}.dar-card--mismatch{border-left-color:#f59e0b}.dar-card--mismatch .dar-card__value{color:#f59e0b}.dar-card--unauthorized{border-left-color:var(--color-danger)}.dar-card--unauthorized .dar-card__value{color:var(--color-danger)}.dar-card--employees{border-left-color:var(--color-info)}.dar-card--employees .dar-card__value{color:var(--color-info)}.dar-card--flagged{border-left-color:var(--color-danger)}.dar-card--flagged .dar-card__value{color:var(--color-danger)}.dar-card--devices{border-left-color:#8b5cf6}.dar-card--devices .dar-card__value{color:#8b5cf6}.dar-card--pending{border-left-color:#f59e0b}.dar-card--pending .dar-card__value{color:#f59e0b}.dar-card--approved{border-left-color:#10b981}.dar-card--approved .dar-card__value{color:#10b981}.dar-card--rejected{border-left-color:var(--color-danger)}.dar-card--rejected .dar-card__value{color:var(--color-danger)}.dar-device-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.6875rem;font-family:SF Mono,Menlo,Consolas,monospace;background:var(--theme-bg-surface);color:var(--theme-text-secondary);margin:1px 2px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dar-device-tag--unauthorized{background:var(--color-danger-light);color:var(--color-text-red-dark)}.dar-device-info{display:flex;flex-direction:column;gap:2px;font-size:.8125rem}.dar-device-info__id{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.6875rem;color:var(--theme-text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis}.dar-device-info__model{font-weight:500;color:var(--theme-text-primary)}.dar-device-info__os{font-size:.6875rem;color:var(--theme-text-muted)}.dar-arrow{display:inline-flex;align-items:center;color:var(--theme-text-muted);font-size:1rem;padding:0 6px}.dar-status{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.dar-status--approved{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.dar-status--pending{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.dar-status--rejected{background:var(--color-danger-light);color:var(--color-text-red-dark)}.dar-priority{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.dar-priority--normal{background:var(--theme-bg-surface);color:var(--theme-text-secondary)}.dar-priority--high{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.dar-priority--urgent{background:var(--color-danger-light);color:var(--color-text-red-dark)}.dar-flag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.dar-flag--yes{background:var(--color-danger-light);color:var(--color-text-red-dark)}.dar-flag--no{background:var(--color-success-light-alt);color:var(--color-text-green-dark)}.dar-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.dar-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.dar-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.dar-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.dar-table-scroll{overflow-x:auto}.dar-table{width:100%;border-collapse:collapse;font-size:.8125rem}.dar-table thead{background:var(--theme-bg-input)}.dar-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.dar-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle}.dar-table tbody tr:hover{background:var(--theme-bg-input)}.dar-table tbody tr:last-child td{border-bottom:none}.dar-table tbody tr.dar-row--flagged{background:#ef444408}.dar-table tbody tr.dar-row--flagged:hover{background:#ef44440f}.dar-emp-name{font-weight:500;color:var(--theme-text-primary)}.dar-emp-code{font-size:.75rem;color:var(--theme-text-placeholder)}.dar-warn-count{color:var(--color-danger);font-weight:600}.dar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.dar-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:dar-spin .8s linear infinite}.dar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.dar-empty svg{opacity:.4;width:40px;height:40px}.dar-empty p{font-size:.9375rem}@media(max-width:1024px){.dar-summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dar-container{padding:16px}.dar-filters{flex-direction:column}.dar-filter-select,.dar-filter-input,.dar-date-input{width:100%}.dar-employee-search{min-width:unset}.dar-summary-cards{grid-template-columns:repeat(2,1fr)}.dar-table-scroll{overflow-x:auto}}@media(max-width:480px){.dar-summary-cards{grid-template-columns:1fr}}.report-coming-soon{padding:32px 24px;min-height:calc(100vh - 80px);background:var(--theme-bg, #f5f7fa)}.report-coming-soon__back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--theme-text-secondary, #6b7280);background:none;border:none;cursor:pointer;padding:6px 12px 6px 8px;border-radius:8px;transition:all .2s;margin-bottom:24px}.report-coming-soon__back:hover{background:var(--theme-bg-card, #fff);color:var(--theme-text-primary, #1f2937)}.report-coming-soon__card{max-width:720px;margin:0 auto;background:var(--theme-bg-card, #ffffff);border-radius:16px;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a;overflow:hidden;border:1px solid var(--theme-border, #e5e7eb)}.report-coming-soon__header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid var(--theme-border, #e5e7eb);background:linear-gradient(135deg,#f0f4ff,#faf5ff,#fef3f2)}.report-coming-soon__category{display:inline-block;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px}.report-coming-soon__category--attendance{background:#dbeafe;color:#1d4ed8}.report-coming-soon__category--leave{background:#d1fae5;color:#047857}.report-coming-soon__category--compliance{background:#fef3c7;color:#b45309}.report-coming-soon__category--corrections{background:#e0e7ff;color:#4338ca}.report-coming-soon__category--productivity{background:#fce7f3;color:#be185d}.report-coming-soon__category--analytics{background:#f3e8ff;color:#7c3aed}.report-coming-soon__icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#6366f11a;color:#6366f1}.report-coming-soon__icon-wrapper svg{width:28px;height:28px}.report-coming-soon__title{font-size:22px;font-weight:700;color:var(--theme-text-primary, #1f2937);margin:0 0 12px}.report-coming-soon__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;letter-spacing:.3px}.report-coming-soon__badge svg{width:14px;height:14px;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.5}}.report-coming-soon__body{padding:28px 32px 32px}.report-coming-soon__description{font-size:15px;line-height:1.6;color:var(--theme-text-secondary, #6b7280);margin:0 0 24px}.report-coming-soon__features-title{font-size:14px;font-weight:600;color:var(--theme-text-primary, #1f2937);margin:0 0 14px;text-transform:uppercase;letter-spacing:.5px}.report-coming-soon__features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}.report-coming-soon__feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:var(--theme-text-secondary, #6b7280)}.report-coming-soon__feature-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#ecfdf5;color:#059669;display:flex;align-items:center;justify-content:center;margin-top:1px}.report-coming-soon__feature-icon svg{width:12px;height:12px}.report-coming-soon__footer{padding:20px 32px;background:var(--theme-bg, #f9fafb);border-top:1px solid var(--theme-border, #e5e7eb);text-align:center}.report-coming-soon__footer-text{font-size:13px;color:var(--theme-text-secondary, #9ca3af);margin:0;line-height:1.5}@media(max-width:640px){.report-coming-soon{padding:16px 12px}.report-coming-soon__card{border-radius:12px}.report-coming-soon__header{padding:24px 20px 20px}.report-coming-soon__body{padding:20px}.report-coming-soon__title{font-size:18px}.report-coming-soon__footer{padding:16px 20px}}.bio-page{display:flex;flex-direction:column;gap:16px}.bio-header{display:flex;justify-content:space-between;align-items:center}.bio-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.bio-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}.bio-btn:hover{background:#f8fafc;border-color:#cbd5e1}.bio-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.bio-save-btn{background:#2563eb;color:#fff;border-color:#2563eb}.bio-save-btn:hover{background:#1d4ed8}.bio-save-btn:disabled{opacity:.6;cursor:not-allowed}.bio-cancel-btn{background:#f1f5f9;color:#475569}.bio-stats{display:flex;gap:12px;flex-wrap:wrap}.bio-stat{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 20px;display:flex;flex-direction:column;align-items:center;min-width:80px}.bio-stat-val{font-size:20px;font-weight:700;color:#1e293b}.bio-stat-lbl{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.bio-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bio-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:200px}.bio-search-box svg{color:#94a3b8;flex-shrink:0}.bio-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.bio-filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer}.bio-empty{text-align:center;padding:60px 20px;color:#94a3b8}.bio-empty svg{margin-bottom:16px;opacity:.4}.bio-empty h3{color:#475569;margin-bottom:8px}.bio-cards{display:flex;flex-direction:column;gap:8px}.bio-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:border-color .15s}.bio-card-expanded{border-color:#2563eb}.bio-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .15s}.bio-card-header:hover{background:#f8fafc}.bio-card-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f1f5f9}.bio-card-avatar img{width:100%;height:100%;object-fit:cover}.bio-card-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:18px}.bio-card-info{flex:1;min-width:0}.bio-card-name{font-size:14px;font-weight:600;color:#1e293b;display:block}.bio-card-meta{display:flex;gap:8px;align-items:center;margin-top:2px}.bio-card-type{font-size:11px;color:#64748b;background:#f1f5f9;padding:1px 8px;border-radius:10px;font-weight:500}.bio-card-priority{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.bio-priority-high{background:#fee2e2;color:#b91c1c}.bio-priority-medium{background:#fef3c7;color:#92400e}.bio-priority-low{background:#dbeafe;color:#1d4ed8}.bio-priority-normal{background:#f1f5f9;color:#475569}.bio-card-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;white-space:nowrap}.bio-card-date{font-size:12px;color:#94a3b8;white-space:nowrap}.bio-card-actions{display:flex;align-items:center;gap:4px}.bio-icon-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.bio-icon-btn:hover{background:#f1f5f9;color:#1e293b}.bio-icon-delete:hover{color:#ef4444;background:#fef2f2}.bio-card-chevron{color:#94a3b8;flex-shrink:0}.bio-card-body{padding:16px 20px;border-top:1px solid #e2e8f0;background:#f8fafc}.bio-images{display:flex;gap:16px;margin:12px 0}.bio-image-box{flex:1;text-align:center}.bio-image-label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.bio-image-box img{width:120px;height:120px;object-fit:cover;border-radius:10px;border:2px solid #e2e8f0}.bio-image-new img{border-color:#2563eb}.bio-image-empty{width:120px;height:120px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:10px;color:#94a3b8;font-size:12px;gap:4px}.bio-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.bio-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.bio-detail-label{color:#64748b;display:flex;align-items:center;gap:4px}.bio-detail-reject{background:#fef2f2;padding:8px 12px;border-radius:6px;margin-top:8px}.bio-detail-reject .bio-detail-label{color:#ef4444}.bio-flag-on{color:#16a34a;font-weight:500}.bio-flag-off{color:#ef4444;font-weight:500}.bio-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.bio-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000026}.bio-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.bio-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.bio-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.bio-modal-close:hover{background:#f1f5f9;color:#475569}.bio-modal-body{padding:20px}.bio-modal-hint{font-size:12px;color:#94a3b8;margin:0 0 16px}.bio-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.bio-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bio-field{display:flex;flex-direction:column;gap:4px}.bio-field label{font-size:12px;font-weight:600;color:#374151}.bio-field input{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.bio-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}@media(max-width:640px){.bio-header{flex-direction:column;gap:12px;align-items:flex-start}.bio-filters{flex-direction:column;align-items:stretch}.bio-images{flex-direction:column;align-items:center}.bio-detail-grid,.bio-form-grid{grid-template-columns:1fr}.bio-modal{max-width:95vw}.bio-card-header{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}.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:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.pb-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026}.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}.pb-field label{font-size:12px;font-weight:600;color:#374151}.pb-req{color:#ef4444}.pb-field input,.pb-field select{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}.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:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.da-modal{background:var(--theme-bg-card, #fff);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.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 input,.da-form-group select,.da-form-group textarea{width:100%;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}.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:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sep-modal{background:var(--theme-bg-card);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.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 input,.sep-form-group select,.sep-form-group textarea{width:100%;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}.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:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.tf-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;box-shadow:0 20px 60px #00000026;max-height:90vh;display:flex;flex-direction:column}.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}.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{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}.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}.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:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pbd-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000026}.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}.pbd-field label{font-size:12px;font-weight:600;color:#374151}.pbd-field input,.pbd-field select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px}.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:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.et-modal{background:var(--theme-bg-card);border-radius:16px;width:100%;max-width:580px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.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}.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%;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:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:obt-overlayIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.obt-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026;animation:obt-modalIn .3s ease}.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}.obt-field label{font-size:12px;font-weight:600;color:#374151}.obt-req{color:#ef4444}.obt-field input,.obt-field select,.obt-field textarea{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(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@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:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.eob-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000026}.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}.eob-field label{font-size:12px;font-weight:600;color:#374151}.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;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:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.hd-modal{background:#fff;border-radius:16px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000026}.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:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.hd-kb-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000026}.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}.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}.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}.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:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.ex-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026}.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}@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;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}}.cl-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.cl-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}.cl-stat-card:hover{box-shadow:0 4px 12px #0000000f}.cl-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cl-stat-value{font-size:20px;font-weight:700;color:#1e293b}.cl-stat-label{font-size:11px;color:#64748b;margin-top:2px}@media(max-width:768px){.cl-dashboard{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cl-dashboard{grid-template-columns:1fr}}.circular-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.circular-header h2{font-size:28px;font-weight:700;color:#283643;margin:0}.btn-primary{background:var(--gradient-brand);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.circular-filters{background:var(--theme-bg-card);border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 2px 8px #00000014}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:600;color:var(--theme-text-primary);font-size:14px}.filter-group select,.filter-group input{padding:10px;border:1px solid var(--theme-border-input);border-radius:6px;font-size:14px;background:var(--theme-bg-card);transition:border-color .2s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--color-brand-start)}.search-row{display:flex;justify-content:space-between}.search-form{display:flex;gap:10px;flex:1;max-width:500px}.search-form input{flex:1;padding:10px 15px;border:1px solid var(--theme-border-input);border-radius:6px;font-size:14px}.search-form input:focus{outline:none;border-color:var(--color-brand-start)}.error-message{background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:8px;padding:12px 16px;color:var(--color-text-red-dark);margin-bottom:20px}.circular-form-container .error-message{margin-bottom:24px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loader{border:4px solid var(--theme-border-light);border-top:4px solid var(--color-brand-start);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.loading-container p{margin-top:15px;color:var(--theme-text-muted);font-size:16px}.circulars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.circular-card{background:var(--theme-bg-card);border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;overflow:hidden;border:1px solid var(--color-neutral-border)}.circular-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.circular-card-header{padding:15px;background:var(--color-gray-50);border-bottom:1px solid var(--color-neutral-border)}.circular-card-header-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.circular-badges{display:flex;gap:8px;flex-wrap:wrap}.circular-type{font-size:12px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-draft{background:var(--theme-bg-surface);color:var(--theme-text-secondary)}.status-pending{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.status-approved{background:var(--color-success-light);color:var(--color-success-darker)}.status-published{background:var(--color-info-light);color:var(--color-info-darker)}.status-archived{background:var(--color-primary-light);color:var(--color-primary-dark)}.status-cancelled{background:var(--color-danger-light);color:var(--color-text-red-dark)}.status-expired{background:var(--theme-bg-surface);color:var(--theme-text-muted)}.priority-low{background:var(--color-success-light);color:var(--color-success-darker)}.priority-medium{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.priority-high{background:#fed7aa;color:#9a3412}.priority-urgent{background:var(--color-danger-light);color:var(--color-text-red-dark)}.circular-card-body{padding:20px}.circular-card-body h3{font-size:18px;font-weight:700;color:var(--theme-text-primary);margin:0 0 12px;line-height:1.4}.circular-description{color:var(--theme-text-muted);font-size:14px;line-height:1.6;margin-bottom:15px}.circular-meta{display:flex;flex-direction:column;gap:8px;padding-top:15px;border-top:1px solid var(--theme-border)}.meta-item{font-size:13px;color:var(--theme-text-muted)}.meta-item strong{color:var(--theme-text-secondary);margin-right:5px}.company-wide-badge{margin-top:12px;padding:8px 12px;background:var(--color-info-lightest);border-radius:6px;border-left:3px solid var(--color-info)}.company-wide-badge span{font-size:13px;font-weight:600;color:var(--color-info-darker)}.circular-card-actions{padding:12px 15px;background:var(--color-gray-50);border-top:1px solid var(--color-neutral-border);display:flex;justify-content:flex-end;gap:8px}.btn-icon{width:36px;height:36px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.btn-view{background:var(--color-info-light);color:var(--color-info-darker)}.btn-view:hover{background:var(--color-info);color:#fff}.btn-edit{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.btn-edit:hover{background:var(--color-warning);color:#fff}.btn-delete{background:var(--color-danger-light);color:var(--color-text-red-dark)}.btn-delete:hover{background:var(--color-danger);color:#fff}.no-data{text-align:center;background:var(--theme-bg-card);border-radius:12px}.no-data p{color:var(--theme-text-muted);font-size:16px;padding:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px;background:var(--theme-bg-card);border-radius:12px}.btn-pagination{padding:10px 20px;border:1px solid var(--theme-border-input);background:var(--theme-bg-card);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:var(--theme-bg-surface);border-color:var(--theme-text-disabled)}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--theme-text-muted);font-size:14px;font-weight:500}.form-header{background:var(--theme-bg-card);border-radius:14px;padding:14px 18px;margin-bottom:16px;box-shadow:0 8px 18px #0f172a0f;width:100%;border:1px solid var(--theme-border)}.circular-form-container .circular-header{padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid var(--theme-border)}.form-header h2{margin-bottom:6px}.form-subtitle{font-size:15px;color:var(--theme-text-muted);margin:0}.success-banner{background:var(--color-success-lightest);border:1px solid #a7f3d0;border-radius:12px;padding:14px 18px;color:var(--color-success-dark);font-weight:600;margin-bottom:25px;box-shadow:0 4px 20px #10b98126}.form-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(320px,1fr);gap:18px}.form-main,.form-side{display:flex;flex-direction:column;gap:16px}.form-side{position:relative}.form-section{background:var(--theme-bg-card);border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 14px 30px #0f172a14;border:1px solid var(--theme-border);transition:border-color .2s ease,transform .2s ease}.form-layout .form-section{margin-bottom:0}.form-section:hover{border-color:#667eea40;transform:translateY(-2px)}.form-section h3{font-size:20px;font-weight:700;color:var(--theme-text-primary);padding-bottom:1px;border-bottom:2px solid var(--color-primary-lightest);display:flex;align-items:center;gap:10px}.form-grid.extra-top{margin-top:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-weight:600;color:var(--theme-text-secondary);font-size:14px}.form-field label .required{color:var(--color-danger);margin-left:4px}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--theme-border-input);border-radius:10px;font-size:15px;background:var(--theme-bg-input);transition:border-color .2s ease,box-shadow .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary-violet);box-shadow:0 0 0 3px #7c3aed26}.form-field textarea{resize:vertical;min-height:120px;line-height:1.6}.form-field.full-width{grid-column:1 / -1}.form-section.compact{padding:22px}.form-grid.two-col{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.checkbox-group{display:flex;align-items:center;gap:10px;padding:14px;background:var(--theme-bg-input);border-radius:10px;border:1px dashed #cbd5f5}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group label{margin:0;cursor:pointer}.form-footer{grid-column:1 / -1;padding-top:0}.btn-secondary{padding:8px 14px;border:1px solid var(--theme-border-input);background:var(--theme-bg-card);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--theme-text-secondary)}.btn-secondary:hover{background:var(--theme-bg-surface);border-color:var(--theme-text-disabled)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--theme-border-input);background:var(--theme-bg-card);font-weight:600;color:var(--theme-text-secondary);cursor:pointer;transition:all .2s ease}.btn-outline:hover{border-color:var(--color-primary-violet);color:var(--color-primary-violet);box-shadow:0 10px 25px #7c3aed26}.attachment-btn{margin-bottom:18px}.attachments-list{list-style:none;padding:0;margin:12px 0 0}.attachment-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--theme-bg-input);border-radius:10px;margin-bottom:10px;border:1px solid var(--theme-border)}.attachment-info{flex:1}.attachment-info .name{font-weight:600;color:var(--theme-text-primary);font-size:14px}.attachment-info .details{font-size:12px;color:var(--theme-text-muted);margin-top:2px}.multi-select-panel{border:1px solid var(--theme-border);border-radius:14px;padding:16px;background:#fbfbff;max-height:240px;overflow-y:auto;box-shadow:inset 0 1px 3px #0f172a0d;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.checkbox-tile{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:var(--theme-bg-card);cursor:pointer;transition:border-color .2s ease,background .2s ease;font-weight:600;color:var(--theme-text-secondary)}.checkbox-tile input{width:16px;height:16px;accent-color:var(--color-primary-violet)}.checkbox-tile input:checked+span{color:var(--color-primary-violet)}.checkbox-tile:hover{border-color:#7c3aed59;background:#f8f5ff}.audience-note{font-size:13px;color:var(--theme-text-muted);margin-top:12px;font-style:italic}.muted-text{color:var(--theme-text-muted);font-size:14px;font-style:italic;margin:0}.circular-view-container{max-width:1000px;margin:0 auto;padding:20px}.view-header{background:var(--theme-bg-card);border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.view-title{font-size:28px;font-weight:700;color:var(--theme-text-primary);margin:0 0 15px}.view-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.view-description{color:var(--theme-text-secondary);font-size:16px;line-height:1.6;white-space:pre-wrap}.view-section{background:var(--theme-bg-card);border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.view-section h3{font-size:18px;font-weight:700;color:var(--theme-text-primary);margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid var(--theme-border)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-weight:600;color:var(--theme-text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.info-value{color:var(--theme-text-primary);font-size:15px;font-weight:500}.attachments-grid{display:grid;gap:12px}.attachment-card{display:flex;align-items:center;gap:12px;padding:15px;background:var(--theme-bg-input);border:1px solid var(--theme-border);border-radius:8px;transition:all .2s ease}.attachment-card:hover{background:var(--theme-bg-surface);border-color:var(--theme-border-input)}.attachment-icon{width:40px;height:40px;background:var(--color-info-light);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.attachment-details{flex:1}.attachment-name{font-weight:600;color:var(--theme-text-primary);font-size:14px;margin-bottom:4px}.attachment-meta{font-size:12px;color:var(--theme-text-muted)}.btn-download{padding:8px 16px;background:var(--color-info);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-download:hover{background:var(--color-info-hover)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal-card{position:relative;top:40px;width:100%;max-width:720px;border-radius:24px;overflow:hidden;box-shadow:0 32px 60px #0f172a4d;background:var(--theme-bg-card);display:flex;flex-direction:column;max-height:calc(100vh - 60px)}.modal-card--medium{max-width:600px}.modal-body{padding:10px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;background:var(--theme-bg-card)}.modal-warning{display:flex;align-items:flex-start;gap:12px;border-radius:12px;border:1px solid var(--color-danger-border);background:var(--color-danger-lightest);padding:16px}.modal-warning__icon{width:40px;height:40px;border-radius:12px;background:#ef444429;color:var(--color-danger);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.modal-warning__title{font-size:15px;font-weight:700;color:var(--color-danger-dark);margin-bottom:4px}.modal-warning__text{font-size:13px;color:var(--color-danger-dark);line-height:1.5}.modal-actions{display:flex;flex-wrap:wrap;gap:12px}.modal-actions--split{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:stretch}.btn-danger{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 ease;color:var(--theme-text-white);background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-hover) 100%);box-shadow:0 12px 24px #ef44444d}.btn-danger:hover{filter:brightness(1.03);transform:translateY(-1px)}.btn-reminder,.btn-notify{background:var(--color-warning-light);color:var(--color-text-amber-dark)}.btn-reminder:hover,.btn-notify:hover{background:var(--color-warning);color:#fff}.modal-info{display:flex;align-items:flex-start;gap:12px;border-radius:12px;border:1px solid var(--color-info-pale);background:var(--color-info-lightest);padding:16px}.modal-info__icon{width:40px;height:40px;border-radius:12px;background:#3b82f629;color:var(--color-info);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.modal-info__title{font-size:15px;font-weight:700;color:var(--color-info-darker);margin-bottom:4px}.modal-info__text{font-size:13px;color:var(--color-info-dark);line-height:1.5}.reminder-type-selection{margin-top:8px}.reminder-type-label{display:block;font-size:14px;font-weight:600;color:var(--theme-text-secondary);margin-bottom:12px}.reminder-type-options{display:flex;flex-direction:column;gap:10px}.reminder-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;border:2px solid var(--theme-border);background:var(--theme-bg-card);cursor:pointer;transition:all .2s ease}.reminder-option:hover,.reminder-option.selected{border-color:var(--color-info);background:var(--color-info-lightest)}.reminder-option input[type=radio]{margin-top:3px;width:18px;height:18px;accent-color:var(--color-info);cursor:pointer}.reminder-option .option-content{display:flex;flex-direction:column;gap:2px}.reminder-option .option-content strong{font-size:14px;color:var(--theme-text-primary)}.reminder-option .option-content small{font-size:12px;color:var(--theme-text-muted)}@media(max-width:768px){.circular-form-container,.form-layout,.form-main,.form-side{width:100%!important;max-width:100%!important;overflow-x:hidden}.form-layout{display:flex!important;flex-direction:column!important}.form-layout>*{min-width:0!important}.form-grid.two-col{display:flex!important;flex-direction:column!important}.form-field,.form-field input,.form-field select,.form-field textarea{width:100%!important;max-width:100%!important}.sticky-side,.form-side{position:static!important;top:auto!important}body{overflow-x:hidden}}.circular-read-stats{margin-top:16px;padding-top:16px;border-top:1px solid var(--theme-border)}.read-stats-bar{height:8px;background:var(--theme-bg-surface);border-radius:4px;overflow:hidden;margin-bottom:10px}.read-stats-progress{height:100%;background:linear-gradient(90deg,var(--color-success) 0%,var(--color-success-accent) 100%);border-radius:4px;transition:width .3s ease;min-width:2px}.read-stats-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}.read-count{display:flex;align-items:center;gap:6px;color:var(--color-success);font-weight:600}.unread-count{display:flex;align-items:center;gap:6px;color:var(--color-warning);font-weight:600}.total-count{color:var(--theme-text-muted);font-size:12px;margin-left:auto}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700}.stat-icon--read{background:var(--color-success-light);color:var(--color-success-hover)}.stat-icon--unread{background:var(--color-warning-light);color:var(--color-warning-hover)}@media(max-width:480px){.read-stats-info{gap:10px}.total-count{width:100%;margin-left:0;margin-top:4px}}.read-status-header{margin-bottom:20px}.read-stats-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px;margin-top:12px}.read-status-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid var(--theme-border);padding-bottom:0}.read-status-tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:14px;font-weight:600;color:var(--theme-text-muted);cursor:pointer;transition:all .2s ease}.read-status-tab:hover{color:var(--theme-text-secondary);background:var(--theme-bg-input)}.read-status-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.read-status-list{background:var(--theme-bg-input);border:1px solid var(--theme-border);border-radius:12px;max-height:400px;overflow-y:auto}.read-employee-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--theme-border);transition:background .15s ease}.read-employee-item:last-child{border-bottom:none}.read-employee-item:hover{background:var(--theme-bg-surface)}.read-employee-item .employee-name{font-size:14px;font-weight:500;color:var(--theme-text-primary)}.read-timestamp{font-size:12px;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:4px 10px;border-radius:6px}.empty-state{text-align:center;padding:40px 20px;color:var(--theme-text-disabled);font-size:14px;font-style:italic}@media(max-width:640px){.read-status-tabs{overflow-x:auto}.read-status-tab{padding:10px 16px;font-size:13px;white-space:nowrap}.read-employee-item{flex-direction:column;align-items:flex-start;gap:8px}.read-timestamp{font-size:11px}}.circular-view-container{max-width:1200px;margin:0 auto;padding:24px}.cv-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:10px;font-size:14px;font-weight:600;color:var(--theme-text-secondary);cursor:pointer;transition:all .2s ease;margin-bottom:20px}.cv-back-btn:hover{background:var(--theme-bg-input);border-color:var(--theme-border-input);transform:translate(-2px)}.cv-hero{background:var(--gradient-brand);border-radius:20px;padding:32px 36px;margin-bottom:24px;position:relative;overflow:hidden}.cv-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.cv-hero:after{content:"";position:absolute;bottom:-40%;left:-5%;width:200px;height:200px;background:#ffffff14;border-radius:50%}.cv-hero-content{position:relative;z-index:1}.cv-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.cv-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.cv-badge--status{background:#ffffff40;color:var(--theme-text-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cv-badge--priority{background:#ffffffe6}.cv-badge--type{background:#ffffff26;color:#fffffff2;border:1px solid rgba(255,255,255,.3)}.cv-title{font-size:28px;font-weight:800;color:var(--theme-text-white);margin:0 0 16px;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.1)}.cv-meta-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.cv-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffffffe6;font-weight:500}.cv-meta-item svg{font-size:14px;opacity:.8}.cv-meta-item--highlight{background:#fff3;padding:6px 14px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cv-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.cv-stat-card{background:var(--theme-bg-card);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--theme-border);transition:all .2s ease}.cv-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.cv-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.cv-stat-card--total .cv-stat-icon{background:linear-gradient(135deg,var(--color-info-lightest) 0%,var(--color-info-light) 100%);color:var(--color-info)}.cv-stat-card--read .cv-stat-icon{background:linear-gradient(135deg,var(--color-success-lightest) 0%,var(--color-success-light) 100%);color:var(--color-success)}.cv-stat-card--unread .cv-stat-icon{background:linear-gradient(135deg,var(--color-warning-light) 0%,#fde68a 100%);color:var(--color-warning)}.cv-stat-card--percent .cv-stat-icon{background:linear-gradient(135deg,var(--color-purple-light-bg) 0%,#e9d5ff 100%);color:var(--color-purple)}.cv-stat-content{display:flex;flex-direction:column}.cv-stat-value{font-size:24px;font-weight:800;color:var(--theme-text-primary);line-height:1.2}.cv-stat-label{font-size:13px;color:var(--theme-text-muted);font-weight:500}.cv-actions-bar{background:var(--theme-bg-card);border-radius:14px;padding:16px 20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--theme-border)}.cv-actions-group{display:flex;flex-wrap:wrap;gap:10px}.cv-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;background:var(--gradient-brand);color:var(--theme-text-white)}.cv-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.cv-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cv-action-btn--secondary{background:var(--theme-bg-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border)}.cv-action-btn--secondary:hover{background:var(--theme-bg-surface);box-shadow:none}.cv-action-btn--danger{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-hover) 100%)}.cv-action-btn--danger:hover{box-shadow:0 4px 12px #ef44444d}.cv-action-btn--reminder{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-hover) 100%)}.cv-action-btn--reminder:hover{box-shadow:0 4px 12px #f59e0b4d}.cv-content-grid{display:grid;grid-template-columns:1fr 360px;gap:24px}.cv-main-column,.cv-side-column{display:flex;flex-direction:column;gap:20px}.cv-card{background:var(--theme-bg-card);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f;border:1px solid var(--theme-border);transition:all .2s ease}.cv-card:hover{box-shadow:0 8px 20px #00000014}.cv-card--compact .cv-card-body{padding:16px 20px}.cv-card-header{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--theme-border-light);background:var(--theme-bg-input)}.cv-card-header h3{margin:0;font-size:16px;font-weight:700;color:var(--theme-text-primary)}.cv-card-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary-lightest) 0%,var(--color-primary-light) 100%);color:var(--color-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.cv-card-body{padding:20px 24px}.cv-description{font-size:15px;line-height:1.7;color:var(--theme-text-secondary);white-space:pre-wrap;margin:0}.cv-info-list{display:flex;flex-direction:column;gap:14px}.cv-info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--theme-border-light)}.cv-info-row:last-child{padding-bottom:0;border-bottom:none}.cv-info-label{font-size:13px;color:var(--theme-text-muted);font-weight:500}.cv-info-value{font-size:14px;font-weight:600;color:var(--theme-text-primary)}.cv-company-wide{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,var(--color-info-lightest) 0%,var(--color-info-light) 100%);border-radius:12px;color:var(--color-info-darker);font-weight:600;font-size:14px}.cv-company-wide svg{font-size:20px}.cv-timeline{display:flex;flex-direction:column;gap:0}.cv-timeline-item{display:flex;gap:14px;position:relative;padding-bottom:20px}.cv-timeline-item:last-child{padding-bottom:0}.cv-timeline-item:not(:last-child):after{content:"";position:absolute;left:7px;top:20px;bottom:0;width:2px;background:var(--theme-bg-surface)}.cv-timeline-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:2px}.cv-timeline-dot--created{background:linear-gradient(135deg,var(--color-gray-500) 0%,var(--theme-text-secondary) 100%)}.cv-timeline-dot--approved{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%)}.cv-timeline-dot--published{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-hover) 100%)}.cv-timeline-dot--updated{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-hover) 100%)}.cv-timeline-content{display:flex;flex-direction:column;gap:2px}.cv-timeline-label{font-size:13px;font-weight:600;color:var(--theme-text-secondary)}.cv-timeline-value{font-size:13px;color:var(--theme-text-primary);font-weight:500}.cv-timeline-by{font-size:12px;color:var(--theme-text-muted);font-style:italic}.cv-attachments{display:flex;flex-direction:column;gap:12px}.cv-attachment-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--theme-bg-input);border:1px solid var(--theme-border);border-radius:12px;transition:all .2s ease}.cv-attachment-item:hover{background:var(--theme-bg-surface);border-color:var(--theme-border-input)}.cv-attachment-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--color-info-light) 0%,#bfdbfe 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.cv-attachment-info{flex:1;display:flex;flex-direction:column;gap:2px}.cv-attachment-name{font-size:14px;font-weight:600;color:var(--theme-text-primary)}.cv-attachment-meta{font-size:12px;color:var(--theme-text-muted)}.cv-attachment-download{width:40px;height:40px;background:var(--color-info);color:var(--theme-text-white);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;text-decoration:none}.cv-attachment-download:hover{background:var(--color-info-hover);transform:translateY(-2px)}@media(max-width:1024px){.cv-stats-row{grid-template-columns:repeat(2,1fr)}.cv-content-grid{grid-template-columns:1fr}.cv-side-column{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:768px){.circular-view-container{padding:16px}.cv-hero{padding:24px;border-radius:16px}.cv-title{font-size:22px}.cv-meta-row{flex-direction:column;align-items:flex-start;gap:10px}.cv-stats-row{grid-template-columns:1fr}.cv-stat-card{padding:16px}.cv-actions-group{flex-direction:column}.cv-action-btn{width:100%;justify-content:center}.cv-side-column{grid-template-columns:1fr}.cv-card-header{padding:14px 18px}.cv-card-body{padding:16px 18px}}@media(max-width:480px){.cv-hero{padding:20px}.cv-badges{gap:6px}.cv-badge{padding:4px 10px;font-size:11px}.cv-title{font-size:20px}.cv-stat-icon{width:40px;height:40px;font-size:16px}.cv-stat-value{font-size:20px}}.modal-header--reminder{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-hover) 100%);color:var(--theme-text-white);padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start}.modal-header--reminder h2{margin:0 0 4px;font-size:20px;font-weight:700}.modal-header--reminder p{margin:0;font-size:14px;opacity:.9}.modal-header--primary{background:var(--gradient-brand);color:var(--theme-text-white);padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start}.modal-header--primary h2{margin:0 0 4px;font-size:20px;font-weight:700}.modal-header--primary p{margin:0;font-size:14px;opacity:.9}.modal-close{background:#fff3;border:none;color:var(--theme-text-white);width:32px;height:32px;border-radius:8px;font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ffffff4d}.reminder-target-section{margin-top:20px}.reminder-target-options{display:flex;flex-direction:column;gap:10px}.cv-reminder-send-btn{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-hover) 100%)!important}.cv-reminder-send-btn:hover{box-shadow:0 4px 12px #f59e0b66}.modal-header--danger{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-hover) 100%);color:var(--theme-text-white);padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start}.modal-header--danger h2{margin:0 0 4px;font-size:20px;font-weight:700}.modal-header--danger p{margin:0;font-size:14px;opacity:.9}.wt-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.wt-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.wt-search-box svg{color:#94a3b8;flex-shrink:0}.wt-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.wt-search-box input::placeholder{color:#1e293b;font-weight:600}.wt-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.wt-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600}.wt-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}.wt-btn:hover{background:#f8fafc}.wt-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.wt-add-btn:hover{background:#1d4ed8}.wt-empty{text-align:center;padding:60px 20px;color:#94a3b8}.wt-empty svg{margin-bottom:16px;opacity:.4}.wt-empty h3{color:#475569}.wt-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.wt-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.wt-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.wt-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.wt-grid-wrapper .ag-row{border-color:#f1f5f9!important}.wt-grid-wrapper .ag-row:hover{background:#f8fafc!important}.wt-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.wt-entity-chip{font-size:10px;font-weight:600;padding:1px 7px;border-radius:4px;white-space:nowrap}.wt-toggle{background:none;border:none;cursor:pointer;padding:2px;display:flex}.wt-actions{display:flex;gap:4px}.wt-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;transition:all .2s}.wt-edit-btn{color:#2563eb}.wt-edit-btn:hover{background:#dbeafe}.wt-star-btn{color:#d97706}.wt-star-btn:hover{background:#fef3c7}.wt-delete-btn{color:#ef4444}.wt-delete-btn:hover{background:#fee2e2}.wtf-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}.wtf-back:hover{background:#f8fafc}.wtf-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.wtf-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#1e293b}.wtf-warning{background:#fef3c7;color:#92400e;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;border:1px solid #fde68a}.wtf-wizard-nav{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #e2e8f0;overflow-x:auto}.wtf-wizard-step{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:none;background:none;font-size:13px;font-weight:500;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .15s}.wtf-wizard-step:hover{color:#475569}.wtf-step-active{color:#2563eb;border-bottom-color:#2563eb}.wtf-step-done{color:#16a34a}.wtf-step-num{width:22px;height:22px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.wtf-step-active .wtf-step-num{background:#2563eb;color:#fff}.wtf-step-done .wtf-step-num{background:#dcfce7;color:#16a34a}.wtf-section{min-height:200px}.wtf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wtf-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.wtf-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.wtf-field label{font-size:12px;font-weight:600;color:#374151}.wtf-req{color:#ef4444}.wtf-field input,.wtf-field select,.wtf-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.wtf-field input:focus,.wtf-field select:focus,.wtf-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.wtf-field textarea{resize:vertical;min-height:50px}.wtf-field-error input,.wtf-field-error select{border-color:#ef4444!important}.wtf-err{font-size:11px;color:#ef4444}.wtf-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:140px;overflow-y:auto}.wtf-chips-sm{max-height:100px}.wtf-chip{font-size:12px;padding:3px 10px;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}.wtf-chip:hover{border-color:#93c5fd;background:#eff6ff}.wtf-chip.wtf-chip-selected{background:#2563eb;color:#fff;border-color:#2563eb}.wtf-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer;font-weight:500;padding:6px 0}.wtf-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.wtf-checkbox-sm{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#475569;cursor:pointer;white-space:nowrap}.wtf-checkbox-sm input{width:14px;height:14px;accent-color:#2563eb}.wtf-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.wtf-toggle-row:last-child{border-bottom:none}.wtf-toggle-label{font-size:13px;font-weight:500;color:#1e293b}.wtf-toggle-desc{display:block;font-size:11px;color:#94a3b8;margin-top:2px}.wtf-switch{position:relative;display:inline-block;width:40px;height:22px}.wtf-switch input{opacity:0;width:0;height:0}.wtf-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:22px;cursor:pointer;transition:all .2s}.wtf-switch-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .2s}.wtf-switch input:checked+.wtf-switch-slider{background:#2563eb}.wtf-switch input:checked+.wtf-switch-slider:before{transform:translate(18px)}.wtf-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.wtf-steps-list{display:flex;flex-direction:column;gap:10px}.wtf-step-card{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.wtf-step-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.wtf-step-order{width:28px;height:28px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.wtf-step-name{flex:1;border:none;background:transparent;font-size:14px;font-weight:600;color:#1e293b;outline:none;padding:4px 0}.wtf-step-name::placeholder{color:#cbd5e1}.wtf-step-controls{display:flex;gap:2px}.wtf-step-controls button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#94a3b8;display:flex}.wtf-step-controls button:hover{background:#f1f5f9;color:#475569}.wtf-step-controls button:disabled{opacity:.3;cursor:not-allowed}.wtf-step-remove{color:#ef4444!important}.wtf-step-remove:hover{background:#fee2e2!important}.wtf-step-body{padding:14px}.wtf-step-toggles{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid #f1f5f9}.wtf-add-step{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:2px dashed #d1d5db;border-radius:10px;background:#fff;font-size:13px;color:#2563eb;cursor:pointer;font-weight:500;margin-top:8px;width:100%;justify-content:center;transition:all .15s}.wtf-add-step:hover{border-color:#2563eb;background:#eff6ff}.wtf-footer{display:flex;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.wtf-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.wtf-btn:hover{background:#f8fafc}.wtf-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.wtf-btn-primary:hover{background:#1d4ed8}.wtf-btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.wtf-grid-2,.wtf-grid-3,.wtf-scope-grid{grid-template-columns:1fr}.wtf-wizard-nav{gap:0}.wtf-wizard-step{padding:8px 10px;font-size:12px}}@keyframes perm-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes perm-slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}@keyframes perm-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes perm-modalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes perm-overlayIn{0%{opacity:0}to{opacity:1}}@keyframes perm-chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.perm-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap;animation:perm-fadeIn .3s ease}.perm-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:180px}.perm-search-box svg{color:#94a3b8;flex-shrink:0}.perm-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.perm-search-box input::placeholder{color:#1e293b;font-weight:600}.perm-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.perm-stats-inline{display:flex;gap:6px}.perm-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600;white-space:nowrap;animation:perm-chipIn .4s ease}.perm-stat-modules{background:#dbeafe;color:#2563eb}.perm-stat-system{background:#f3e8ff;color:#7c3aed}.perm-filter-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;color:#475569;background:#fff;cursor:pointer}.perm-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 .2s ease}.perm-btn:active{transform:scale(.95)}.perm-btn:hover{background:#f8fafc;border-color:#cbd5e1}.perm-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.perm-add-btn:hover{background:#1d4ed8}.perm-add-btn:disabled,.perm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.perm-cancel-btn{background:#f1f5f9;color:#475569}.perm-collapse-btn{padding:6px 8px!important}.perm-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 .25s ease}.perm-toggle-inactive:active{transform:scale(.95)}.perm-toggle-inactive.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.perm-toggle-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.perm-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.perm-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;animation:perm-fadeIn .4s ease .1s both}.perm-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.perm-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.perm-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.perm-grid-wrapper .ag-row{border-color:#f1f5f9!important}.perm-grid-wrapper .ag-row:hover{background:#f8fafc!important}.perm-grid-wrapper .ag-cell{display:flex!important;align-items:center!important;line-height:1.4!important}.perm-group-row{display:flex;align-items:center;gap:10px;padding:0 16px;height:100%;background:#f1f5f9;border-bottom:1px solid #e2e8f0;font-weight:700;font-size:13px;color:#1e293b;text-transform:capitalize;transition:background .2s ease}.perm-group-row:hover{background:#e8eef5}.perm-group-chevron{color:#94a3b8;font-size:14px;flex-shrink:0;transition:transform .2s ease}.perm-group-icon{color:#2563eb;font-size:14px;flex-shrink:0}.perm-group-name{flex:1}.perm-group-types{display:flex;gap:4px;flex-wrap:wrap;animation:perm-fadeIn .3s ease}.perm-group-type-tag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;background:#0000000a;letter-spacing:.3px}.perm-group-count{font-size:11px;padding:2px 10px;border-radius:10px;background:#dbeafe;color:#2563eb;font-weight:700}.perm-grid-wrapper .ag-full-width-row{border-bottom:none!important}.perm-empty{text-align:center;padding:60px 20px;color:#94a3b8}.perm-empty svg{margin-bottom:16px;opacity:.4}.perm-empty h3{color:#475569;margin-bottom:8px}.perm-code{font-family:monospace;font-size:12px;color:#475569;background:#f1f5f9;padding:2px 8px;border-radius:4px}.perm-badge-system{display:inline-flex;align-items:center;gap:3px;font-size:9px;padding:1px 6px;border-radius:4px;background:#f3e8ff;color:#7c3aed;font-weight:600;margin-left:6px;vertical-align:middle}.perm-badge-inactive{font-size:9px;padding:1px 6px;border-radius:4px;background:#fee2e2;color:#b91c1c;font-weight:600;margin-left:6px}.perm-type-badge{font-size:11px;font-weight:700}.perm-roles-chip{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:12px;background:#eff6ff;color:#2563eb;font-weight:700;font-size:12px;padding:0 6px;transition:transform .15s ease}.perm-roles-chip:hover{transform:scale(1.15)}.perm-system-lock{color:#a78bfa;display:flex;align-items:center;justify-content:center;opacity:.7}.perm-actions{display:flex;gap:6px;align-items:center}.perm-icon-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.perm-icon-btn:active{transform:scale(.85)}.perm-edit-btn{color:#2563eb}.perm-edit-btn:hover{background:#dbeafe;color:#1d4ed8}.perm-delete-btn{color:#ef4444}.perm-delete-btn:hover{background:#fee2e2;color:#dc2626}.perm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:perm-overlayIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.perm-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000026;animation:perm-modalIn .3s ease}.perm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.perm-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.perm-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.perm-modal-close:hover{background:#f1f5f9;color:#475569}.perm-modal-body{padding:20px}.perm-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.perm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.perm-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.perm-field label{font-size:12px;font-weight:600;color:#374151}.perm-req{color:#ef4444}.perm-hint{font-weight:400;color:#94a3b8;font-size:11px}.perm-field input,.perm-field select,.perm-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.perm-field input:focus,.perm-field select:focus,.perm-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.perm-field textarea{resize:vertical;min-height:50px}.perm-field input:disabled,.perm-field select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.perm-field-error select,.perm-field-error input{border-color:#ef4444!important}.perm-err{font-size:11px;color:#ef4444}@media(max-width:900px){.perm-grid-wrapper{overflow-x:auto}}@media(max-width:640px){.perm-toolbar{flex-direction:column;align-items:stretch}.perm-toolbar-right{margin-left:0;justify-content:flex-end}.perm-stats-inline{display:none}.perm-form-grid{grid-template-columns:1fr}.perm-modal{max-width:95vw}}.role-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.role-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.role-search-box svg{color:#94a3b8;flex-shrink:0}.role-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.role-search-box input::placeholder{color:#1e293b;font-weight:600}.role-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.role-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600}.role-stat-active{background:#dcfce7;color:#16a34a}.role-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}.role-btn:hover{background:#f8fafc}.role-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.role-add-btn:hover{background:#1d4ed8}.role-add-btn:disabled{opacity:.6;cursor:not-allowed}.role-cancel-btn{background:#f1f5f9;color:#475569}.role-toggle-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.role-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.role-empty{text-align:center;padding:60px 20px;color:#94a3b8}.role-empty svg{margin-bottom:16px;opacity:.4}.role-empty h3{color:#475569}.role-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.role-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.role-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.role-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.role-grid-wrapper .ag-row{border-color:#f1f5f9!important}.role-grid-wrapper .ag-row:hover{background:#f8fafc!important}.role-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.role-sys-badge{font-size:9px;padding:1px 6px;border-radius:4px;background:#dbeafe;color:#2563eb;font-weight:600;margin-left:6px}.role-actions{display:flex;gap:4px;align-items:center}.role-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;transition:all .2s}.role-perm-btn{color:#7c3aed}.role-perm-btn:hover{background:#ede9fe}.role-emp-btn{color:#0891b2}.role-emp-btn:hover{background:#cffafe}.role-edit-btn{color:#2563eb}.role-edit-btn:hover{background:#dbeafe}.role-delete-btn{color:#ef4444}.role-delete-btn:hover{background:#fee2e2}.role-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.role-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026}.role-modal-lg{max-width:700px}.role-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.role-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.role-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.role-modal-close:hover{background:#f1f5f9}.role-modal-body{padding:20px}.role-modal-footer{display:flex;align-items:center;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.role-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.role-field label{font-size:12px;font-weight:600;color:#374151}.role-req{color:#ef4444}.role-hint{font-weight:400;color:#94a3b8;font-size:11px}.role-field input,.role-field select,.role-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.role-field input:focus,.role-field select:focus,.role-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.role-field textarea{resize:vertical;min-height:50px}.role-field-error input,.role-field-error select{border-color:#ef4444!important}.role-err{font-size:11px;color:#ef4444}.role-perm-grid{display:flex;flex-direction:column;gap:8px}.role-perm-module{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.role-perm-module-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.role-perm-module-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#1e293b;cursor:pointer}.role-perm-module-check input{width:15px;height:15px;accent-color:#2563eb}.role-perm-count{font-size:11px;color:#94a3b8}.role-perm-types{display:flex;gap:4px;padding:8px 12px;flex-wrap:wrap}.role-perm-chip{font-size:11px;padding:3px 10px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;font-weight:500;transition:all .15s;text-transform:uppercase;letter-spacing:.3px}.role-perm-chip:hover{border-color:#93c5fd;background:#eff6ff}.role-perm-chip-on{background:#2563eb;color:#fff;border-color:#2563eb}@media(max-width:640px){.role-toolbar{flex-direction:column;align-items:stretch}.role-toolbar-right{margin-left:0;justify-content:flex-end}.role-form-grid{grid-template-columns:1fr}.role-modal{max-width:95vw}}.rh-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.rh-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.rh-search-box svg{color:#94a3b8;flex-shrink:0}.rh-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.rh-search-box input::placeholder{color:#1e293b;font-weight:600}.rh-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.rh-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600}.rh-filter{padding:6px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;color:#475569;background:#fff}.rh-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.rh-btn:hover{background:#f8fafc}.rh-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.rh-add-btn:hover{background:#1d4ed8}.rh-add-btn:disabled{opacity:.6;cursor:not-allowed}.rh-cancel-btn{background:#f1f5f9;color:#475569}.rh-empty{text-align:center;padding:60px 20px;color:#94a3b8}.rh-empty svg{margin-bottom:16px;opacity:.4}.rh-empty h3{color:#475569}.rh-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.rh-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.rh-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.rh-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.rh-grid-wrapper .ag-row{border-color:#f1f5f9!important}.rh-grid-wrapper .ag-row:hover{background:#f8fafc!important}.rh-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.rh-type-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}.rh-actions{display:flex;gap:4px}.rh-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;transition:all .2s}.rh-edit-btn{color:#2563eb}.rh-edit-btn:hover{background:#dbeafe}.rh-delete-btn{color:#ef4444}.rh-delete-btn:hover{background:#fee2e2}.rh-page-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.rh-page-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.rh-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s;flex-shrink:0}.rh-back-btn:hover{background:#f1f5f9;color:#1e293b}.rh-page-form{display:flex;flex-direction:column;gap:20px}.rh-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rh-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.rh-form-card-single{max-width:560px}.rh-card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.rh-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.rh-field{display:flex;flex-direction:column;gap:5px}.rh-field-full{margin-top:4px}.rh-field label{font-size:12px;font-weight:600;color:#374151}.rh-req{color:#ef4444}.rh-field input,.rh-field select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b;background:#fff;height:40px}.rh-field input:focus,.rh-field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rh-field select:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.rh-field-error select{border-color:#ef4444!important}.rh-err{font-size:11px;color:#ef4444;margin-top:2px}.rh-form-bottom{display:flex;align-items:flex-end;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.rh-bottom-fields{display:flex;gap:20px}.rh-bottom-fields .rh-field{min-width:200px}.rh-form-actions{display:flex;gap:10px}.rh-toggle-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.rh-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}@media(max-width:900px){.rh-form-columns{grid-template-columns:1fr}}@media(max-width:640px){.rh-toolbar{flex-direction:column;align-items:stretch}.rh-toolbar-right{margin-left:0}.rh-card-grid{grid-template-columns:1fr}.rh-form-bottom{flex-direction:column;align-items:stretch;gap:16px}.rh-bottom-fields{flex-direction:column;gap:12px}.rh-bottom-fields .rh-field{min-width:unset}.rh-form-actions{justify-content:flex-end}}.apv-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.apv-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.apv-search-box svg{color:#94a3b8;flex-shrink:0}.apv-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.apv-search-box input::placeholder{color:#1e293b;font-weight:600}.apv-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.apv-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600}.apv-stat-action{background:#fee2e2;color:#dc2626}.apv-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid #e2e8f0}.apv-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}.apv-tab:hover{color:#1e293b}.apv-tab-active{color:#2563eb;border-bottom-color:#2563eb}.apv-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}.apv-btn:hover{background:#f8fafc}.apv-btn-green{color:#16a34a;border-color:#bbf7d0}.apv-btn-green:hover{background:#dcfce7}.apv-btn-red{color:#dc2626;border-color:#fecaca}.apv-btn-red:hover{background:#fee2e2}.apv-icon-btn{background:none;border:none;cursor:pointer;color:#2563eb;padding:5px;border-radius:6px;display:flex}.apv-icon-btn:hover{background:#dbeafe}.apv-empty{text-align:center;padding:60px 20px;color:#94a3b8}.apv-empty svg{margin-bottom:16px;opacity:.4}.apv-empty h3{color:#475569}.apv-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px}.apv-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.apv-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.apv-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.apv-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.apv-grid-wrapper .ag-row{border-color:#f1f5f9!important}.apv-grid-wrapper .ag-row:hover{background:#f8fafc!important}.apv-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.apv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.apv-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026}.apv-modal-lg{max-width:680px}.apv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.apv-modal-header h3{margin:0;font-size:16px;font-weight:600}.apv-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;display:flex}.apv-modal-body{padding:20px;max-height:70vh;overflow-y:auto}.apv-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.apv-summary{display:flex;flex-wrap:wrap;gap:12px;padding:10px 14px;background:#f8fafc;border-radius:8px;font-size:12px;color:"#64748b"}.apv-detail-actions{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #e2e8f0}.apv-timeline{display:flex;flex-direction:column}.apv-tl-item{display:flex;gap:12px;border-left:2px solid #e2e8f0;margin-left:10px;padding:10px 0 10px 16px;position:relative}.apv-tl-dot{position:absolute;left:-9px;top:12px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.apv-tl-approved .apv-tl-dot{border-color:#16a34a;color:#16a34a}.apv-tl-rejected .apv-tl-dot{border-color:#dc2626;color:#dc2626}.apv-tl-pending .apv-tl-dot{border-color:#94a3b8;color:#94a3b8}.apv-tl-content{flex:1}.apv-info-banner{background:#fef3c7;border:1px solid #fde68a;border-radius:10px;padding:14px 16px;margin:16px 0}.apv-info-banner-header{display:flex;align-items:center;gap:8px;font-size:13px;color:#92400e;font-weight:500;margin-bottom:6px}.apv-info-question{font-size:13px;color:"#78350f";font-style:italic;padding:8px 12px;background:#fff9;border-radius:6px;margin-bottom:10px}@media(max-width:640px){.apv-toolbar{flex-direction:column;align-items:stretch}.apv-modal{max-width:95vw}}.mpr-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.mpr-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:160px}.mpr-search-box svg{color:#94a3b8;flex-shrink:0}.mpr-search-box input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.mpr-search-box input::placeholder{color:#1e293b;font-weight:600}.mpr-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.mpr-stat-chip{font-size:11px;padding:4px 10px;border-radius:16px;background:#f1f5f9;color:#64748b;font-weight:600}.mpr-filter{padding:6px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;color:#475569;background:#fff}.mpr-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}.mpr-btn:hover{background:#f8fafc}.mpr-add-btn{background:#2563eb;color:#fff;border-color:#2563eb}.mpr-add-btn:hover{background:#1d4ed8}.mpr-add-btn:disabled{opacity:.6;cursor:not-allowed}.mpr-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}.mpr-empty{text-align:center;padding:60px 20px;color:#94a3b8}.mpr-empty svg{margin-bottom:16px;opacity:.4}.mpr-empty h3{color:#475569}.mpr-icon-btn{background:none;border:none;cursor:pointer;color:#2563eb;padding:5px;border-radius:6px;display:flex}.mpr-icon-btn:hover{background:#dbeafe}.mpr-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.mpr-grid-wrapper .ag-root-wrapper{border:none!important;border-radius:0!important}.mpr-grid-wrapper .ag-header{border-bottom:2px solid #e2e8f0!important}.mpr-grid-wrapper .ag-header-cell{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.mpr-grid-wrapper .ag-row{border-color:#f1f5f9!important;cursor:pointer}.mpr-grid-wrapper .ag-row:hover{background:#f8fafc!important}.mpr-grid-wrapper .ag-cell{display:flex!important;align-items:center!important}.mpr-status-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px}.mpr-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.mpr-detail-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.mpr-progress{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.mpr-progress-fill{height:100%;background:#2563eb;border-radius:3px}.mpr-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.mpr-info-item{display:flex;flex-direction:column;gap:2px;padding:6px 10px;background:#f8fafc;border-radius:6px}.mpr-info-label{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase}.mpr-info-value{font-size:13px;color:#1e293b;font-weight:500}.mpr-skill-chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:4px;background:#dbeafe;color:#2563eb;margin-right:4px;font-weight:500}.mpr-timeline{display:flex;flex-direction:column;gap:0}.mpr-timeline-item{display:flex;gap:12px;border-left:2px solid #e2e8f0;margin-left:10px;padding:10px 0 10px 16px;position:relative}.mpr-tl-dot{position:absolute;left:-9px;top:12px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.mpr-tl-approved .mpr-tl-dot{border-color:#16a34a;color:#16a34a}.mpr-tl-rejected .mpr-tl-dot{border-color:#dc2626;color:#dc2626}.mpr-tl-pending .mpr-tl-dot{border-color:#94a3b8;color:#94a3b8}.mpr-tl-content{flex:1}.mpr-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.mpr-section{font-size:12px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px;padding-bottom:4px;border-bottom:1px solid #eff6ff}.mpr-section:first-of-type{margin-top:0}.mpr-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mpr-form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.mpr-form-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.mpr-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.mpr-field label{font-size:12px;font-weight:600;color:#374151}.mpr-req{color:#ef4444}.mpr-field input,.mpr-field select,.mpr-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.mpr-field input:focus,.mpr-field select:focus,.mpr-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.mpr-field textarea{resize:vertical;min-height:50px}.mpr-field-error input,.mpr-field-error select,.mpr-field-error textarea{border-color:#ef4444!important}.mpr-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer;font-weight:500}.mpr-checkbox input{width:16px;height:16px;accent-color:#2563eb}.mpr-form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}@media(max-width:640px){.mpr-toolbar{flex-direction:column;align-items:stretch}.mpr-form-grid-2,.mpr-form-grid-3,.mpr-form-grid-4,.mpr-info-grid{grid-template-columns:1fr}}.lt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lt-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.lt-header-actions{display:flex;gap:8px}.lt-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}.lt-btn:hover{background:#f8fafc;border-color:#cbd5e1}.lt-primary{background:#2563eb;color:#fff;border-color:#2563eb}.lt-primary:hover{background:#1d4ed8}.lt-primary:disabled{opacity:.6;cursor:not-allowed}.lt-refresh:disabled{opacity:.6;cursor:not-allowed}.lt-cancel{background:#f1f5f9;color:#475569}.lt-filters{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.lt-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:220px}.lt-search svg{color:#94a3b8;flex-shrink:0}.lt-search input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.lt-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:12px;color:#64748b;cursor:pointer;margin-left:auto}.lt-toggle.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.lt-empty{text-align:center;padding:60px 20px;color:#94a3b8}.lt-empty h3{color:#475569;margin-bottom:8px}.lt-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.lt-table{width:100%;border-collapse:collapse}.lt-table thead th{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:left}.lt-table tbody td{padding:12px 16px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.lt-table tbody tr:hover{background:#f8fafc}.lt-row-inactive{opacity:.5}.lt-color-dot{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.1)}.lt-name{font-weight:600;color:#1e293b}.lt-badge-system{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:1px 6px;border-radius:4px;background:#dbeafe;color:#1d4ed8;font-weight:600;margin-left:6px}.lt-code{font-family:monospace;font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:4px}.lt-applicable{font-size:12px;color:#475569}.lt-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.lt-status-active{background:#dcfce7;color:#15803d}.lt-status-inactive{background:#fee2e2;color:#b91c1c}.lt-actions{display:flex;gap:4px}.lt-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.lt-icon-btn:hover{background:#f1f5f9;color:#1e293b}.lt-edit:hover{color:#2563eb;background:#eff6ff}.lt-delete:hover{color:#ef4444;background:#fef2f2}.lt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.lt-modal{background:#fff;border-radius:12px;width:100%;max-width:540px;box-shadow:0 20px 60px #00000026}.lt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.lt-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.lt-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.lt-modal-close:hover{background:#f1f5f9;color:#475569}.lt-modal-body{padding:20px}.lt-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.lt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.lt-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.lt-field label{font-size:12px;font-weight:600;color:#374151}.lt-req{color:#ef4444}.lt-field input[type=text],.lt-field input[type=number],.lt-field select,.lt-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.lt-field input:focus,.lt-field select:focus,.lt-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.lt-field textarea{resize:vertical;min-height:50px}.lt-input-err{border-color:#ef4444!important}.lt-err{font-size:11px;color:#ef4444}.lt-check-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.lt-check-label input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.lt-paid-pct{margin-top:8px}.lt-paid-pct label{font-size:11px;color:#64748b}.lt-paid-pct input{width:100%;margin-top:4px}.lt-color-picker{display:flex;align-items:center;gap:8px}.lt-color-picker input[type=color]{width:36px;height:36px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:2px}.lt-color-hex{font-size:12px;color:#64748b;font-family:monospace}.lt-active-toggle{padding:10px 14px;border-radius:8px;margin-top:8px}@media(max-width:640px){.lt-header{flex-direction:column;gap:12px;align-items:flex-start}.lt-filters{flex-direction:column;align-items:stretch}.lt-toggle{margin-left:0}.lt-form-grid{grid-template-columns:1fr}.lt-modal{max-width:95vw}.lt-table-wrap{overflow-x:auto}}.lp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lp-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.lp-header-actions{display:flex;gap:8px}.lp-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}.lp-btn:hover{background:#f8fafc}.lp-primary{background:#2563eb;color:#fff;border-color:#2563eb}.lp-primary:hover{background:#1d4ed8}.lp-primary:disabled{opacity:.6;cursor:not-allowed}.lp-refresh:disabled{opacity:.6;cursor:not-allowed}.lp-cancel{background:#f1f5f9;color:#475569}.lp-filters{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.lp-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:220px}.lp-search svg{color:#94a3b8}.lp-search input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;background:transparent}.lp-filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff}.lp-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:12px;color:#64748b;cursor:pointer;margin-left:auto}.lp-toggle.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.lp-empty{text-align:center;padding:60px 20px;color:#94a3b8}.lp-empty svg{margin-bottom:16px;opacity:.4}.lp-empty h3{color:#475569}.lp-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.lp-table{width:100%;border-collapse:collapse}.lp-table thead th{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:left}.lp-table tbody td{padding:12px 16px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.lp-row:hover{background:#f8fafc}.lp-row-inactive{opacity:.5}.lp-name{font-weight:600;color:#1e293b}.lp-code{font-family:monospace;font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:4px}.lp-detail-count{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#eff6ff;color:#2563eb;font-weight:700;font-size:12px}.lp-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.lp-status-active{background:#dcfce7;color:#15803d}.lp-status-inactive{background:#fee2e2;color:#b91c1c}.lp-default{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#ca8a04}.lp-actions{display:flex;gap:4px}.lp-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.lp-icon-btn:hover{background:#f1f5f9;color:#1e293b}.lp-edit:hover{color:#2563eb;background:#eff6ff}.lp-delete:hover{color:#ef4444;background:#fef2f2}.lp-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.lp-pagination button{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.lp-pagination button:hover:not(:disabled){background:#f8fafc}.lp-pagination button:disabled{opacity:.4;cursor:not-allowed}.lp-pagination span{font-size:13px;color:#64748b}.lp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.lp-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;box-shadow:0 20px 60px #00000026}.lp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.lp-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.lp-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.lp-modal-close:hover{background:#f1f5f9;color:#475569}.lp-modal-body{padding:20px}.lp-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.lp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.lp-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.lp-field label{font-size:12px;font-weight:600;color:#374151}.lp-req{color:#ef4444}.lp-hint{font-weight:400;color:#94a3b8;font-size:11px}.lp-field input,.lp-field select,.lp-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.lp-field input:focus,.lp-field select:focus,.lp-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.lp-field textarea{resize:vertical;min-height:50px}.lp-input-err{border-color:#ef4444!important}.lp-err{font-size:11px;color:#ef4444}.lp-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.lp-check input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}@media(max-width:640px){.lp-header{flex-direction:column;gap:12px;align-items:flex-start}.lp-filters{flex-direction:column;align-items:stretch}.lp-toggle{margin-left:0}.lp-form-grid{grid-template-columns:1fr}.lp-modal{max-width:95vw}.lp-table-wrap{overflow-x:auto}}.lpd-page{max-width:1000px;margin:0 auto}.lpd-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lpd-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.lpd-back:hover{background:#f8fafc}.lpd-nav-actions{display:flex;gap:6px}.lpd-btn{display:inline-flex;align-items:center;gap:6px;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}.lpd-btn:hover{background:#f8fafc}.lpd-btn:disabled{opacity:.6;cursor:not-allowed}.lpd-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.lpd-btn-primary:hover{background:#1d4ed8}.lpd-btn-danger{color:#ef4444;border-color:#fecaca}.lpd-btn-danger:hover{background:#fef2f2}.lpd-btn-sm{padding:4px 10px;font-size:11px}.lpd-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:20px}.lpd-header-top{display:flex;justify-content:space-between;align-items:flex-start}.lpd-header-top h1{font-size:20px;font-weight:700;color:#1e293b;margin:0}.lpd-code{font-family:monospace;font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:4px;margin-left:8px}.lpd-company{font-size:12px;color:#475569;margin-left:8px}.lpd-header-badges{display:flex;align-items:center;gap:8px}.lpd-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px}.lpd-active{background:#dcfce7;color:#15803d}.lpd-inactive{background:#fee2e2;color:#b91c1c}.lpd-default-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;background:#fef9c3;color:#ca8a04}.lpd-desc{font-size:13px;color:#475569;margin:8px 0 0}.lpd-header-meta{display:flex;gap:16px;margin-top:12px;font-size:12px;color:#94a3b8}.lpd-header-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.lpd-section{margin-bottom:20px}.lpd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.lpd-section-header h2{font-size:16px;font-weight:600;color:#1e293b;margin:0}.lpd-empty{text-align:center;padding:40px;color:#94a3b8;font-size:13px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.lpd-empty-text{color:#94a3b8;font-size:13px;margin:0}.lpd-details-list{display:flex;flex-direction:column;gap:8px}.lpd-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.lpd-detail-expanded{border-color:#2563eb}.lpd-detail-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer}.lpd-detail-header:hover{background:#f8fafc}.lpd-detail-info{display:flex;align-items:center;gap:10px}.lpd-detail-name{font-size:14px;font-weight:600;color:#1e293b}.lpd-detail-code{font-size:11px;color:#64748b;font-family:monospace;background:#f1f5f9;padding:1px 6px;border-radius:4px}.lpd-detail-quota{font-size:12px;color:#2563eb;font-weight:600}.lpd-detail-actions{display:flex;align-items:center;gap:4px}.lpd-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.lpd-icon-btn:hover{background:#f1f5f9;color:#1e293b}.lpd-icon-delete:hover{color:#ef4444;background:#fef2f2}.lpd-chevron{color:#94a3b8}.lpd-detail-body{border-top:1px solid #e2e8f0}.lpd-detail-tabs{display:flex;gap:2px;background:#f8fafc;padding:4px 8px;border-bottom:1px solid #e2e8f0;overflow-x:auto}.lpd-detail-tab{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:none;background:none;font-size:12px;color:#64748b;cursor:pointer;border-radius:6px;white-space:nowrap}.lpd-detail-tab:hover{background:#e2e8f0}.lpd-detail-tab.active{background:#2563eb;color:#fff}.lpd-detail-content{padding:16px}.lpd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.lpd-info-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.lpd-info-label{color:#64748b}.lpd-info-value{color:#1e293b;font-weight:500}.lpd-flag-on{color:#16a34a;font-weight:600;font-size:12px}.lpd-flag-off{color:#ef4444;font-weight:600;font-size:12px}.lpd-table{width:100%;border-collapse:collapse}.lpd-table th{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:left}.lpd-table td{padding:8px 12px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9}.lpd-table-sm th,.lpd-table-sm td{padding:6px 10px;font-size:12px}.lpd-clubbing-table{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.lpd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.lpd-field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.lpd-field label{font-size:11px;font-weight:600;color:#374151}.lpd-field input,.lpd-field select,.lpd-field textarea{padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#1e293b}.lpd-field input:focus,.lpd-field select:focus,.lpd-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.lpd-field textarea{resize:vertical;min-height:50px}.lpd-checks{display:flex;flex-direction:column;gap:8px;justify-content:center}.lpd-check{display:flex;align-items:center;gap:6px;font-size:12px;color:#374151;cursor:pointer}.lpd-check input[type=checkbox]{width:15px;height:15px;accent-color:#2563eb}.lpd-checks-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:8px 0}.lpd-edit-form h4{font-size:13px;font-weight:600;color:#1e293b;margin:16px 0 8px;padding-bottom:4px;border-bottom:1px solid #e2e8f0}.lpd-edit-form h4:first-child{margin-top:0}.lpd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.lpd-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026}.lpd-modal-lg{max-width:700px}.lpd-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e2e8f0}.lpd-modal-header h3{font-size:15px;font-weight:600;color:#1e293b;margin:0}.lpd-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.lpd-modal-close:hover{background:#f1f5f9;color:#475569}.lpd-modal-body{padding:18px}.lpd-modal-scroll{max-height:70vh;overflow-y:auto}.lpd-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid #e2e8f0}@media(max-width:768px){.lpd-info-grid,.lpd-form-grid{grid-template-columns:1fr}.lpd-header-top{flex-direction:column;gap:8px}.lpd-nav{flex-direction:column;gap:8px;align-items:flex-start}.lpd-modal-lg{max-width:95vw}}@media(max-width:640px){.lpd-detail-info{flex-wrap:wrap}.lpd-header-meta{flex-direction:column;gap:4px}}.la-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.la-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.la-header-actions{display:flex;gap:8px}.la-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}.la-btn:hover{background:#f8fafc}.la-primary{background:#2563eb;color:#fff;border-color:#2563eb}.la-primary:hover{background:#1d4ed8}.la-primary:disabled{opacity:.6;cursor:not-allowed}.la-refresh:disabled{opacity:.6;cursor:not-allowed}.la-draft-btn{background:#fef9c3;color:#92400e;border-color:#fcd34d}.la-draft-btn:hover{background:#fef3c7}.la-withdraw-btn{color:#d97706;border-color:#fcd34d}.la-withdraw-btn:hover{background:#fef9c3}.la-cancel-btn{color:#ef4444;border-color:#fecaca}.la-cancel-btn:hover{background:#fef2f2}.la-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.la-filter{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff}.la-filter:focus{outline:none;border-color:#2563eb}.la-empty{text-align:center;padding:60px 20px;color:#94a3b8}.la-empty svg{margin-bottom:16px;opacity:.4}.la-empty h3{color:#475569}.la-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.la-table{width:100%;border-collapse:collapse}.la-table thead th{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:left}.la-table tbody td{padding:10px 16px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.la-table tbody tr:hover{background:#f8fafc}.la-ref{font-family:monospace;font-size:12px;color:#2563eb;font-weight:500}.la-lt-chip{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.la-dates{font-size:12px;white-space:nowrap}.la-days{font-weight:700;color:#1e293b}.la-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;display:inline-block}.la-cancel-badge{font-size:10px;padding:1px 6px;border-radius:4px;background:#fef3c7;color:#92400e;font-weight:600;margin-left:4px}.la-date-sm{font-size:12px;color:#94a3b8;white-space:nowrap}.la-actions{display:flex;gap:4px}.la-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.la-icon-btn:hover{background:#f1f5f9;color:#1e293b}.la-icon-delete:hover{color:#ef4444;background:#fef2f2}.la-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.la-pagination button{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.la-pagination button:hover:not(:disabled){background:#f8fafc}.la-pagination button:disabled{opacity:.4;cursor:not-allowed}.la-pagination span{font-size:13px;color:#64748b}.la-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.la-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026}.la-modal-lg{max-width:640px}.la-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.la-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.la-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.la-modal-close:hover{background:#f1f5f9;color:#475569}.la-modal-body{padding:20px}.la-modal-scroll{max-height:70vh;overflow-y:auto}.la-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0;flex-wrap:wrap}.la-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.la-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.la-field label{font-size:12px;font-weight:600;color:#374151}.la-req{color:#ef4444}.la-field input,.la-field select,.la-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.la-field input:focus,.la-field select:focus,.la-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.la-field textarea{resize:vertical;min-height:60px}.la-input-err{border-color:#ef4444!important}.la-err{font-size:11px;color:#ef4444}.la-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.la-check input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.la-handover-toggle{padding:10px 0;margin-bottom:8px}.la-emp-picker{display:flex;flex-direction:column;gap:4px}.la-emp-search{font-size:12px!important;padding:6px 10px!important}.la-emp-picker select{font-size:12px}.la-detail-loading{display:flex;align-items:center;gap:8px;padding:24px;color:#94a3b8;font-size:13px}.la-detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.la-detail-grid{display:flex;flex-direction:column}.la-detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.la-detail-label{color:#64748b;min-width:120px}@media(max-width:640px){.la-header{flex-direction:column;gap:12px;align-items:flex-start}.la-filters{flex-direction:column;align-items:stretch}.la-form-grid{grid-template-columns:1fr}.la-modal,.la-modal-lg{max-width:95vw}.la-table-wrap{overflow-x:auto}.la-modal-footer{flex-direction:column}}.le-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.le-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.le-header-actions{display:flex;gap:8px}.le-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}.le-btn:hover{background:#f8fafc}.le-primary{background:#2563eb;color:#fff;border-color:#2563eb}.le-primary:hover{background:#1d4ed8}.le-primary:disabled{opacity:.6;cursor:not-allowed}.le-refresh:disabled{opacity:.6;cursor:not-allowed}.le-withdraw-btn{color:#d97706;border-color:#fcd34d}.le-withdraw-btn:hover{background:#fef9c3}.le-process-btn{background:#7c3aed;color:#fff;border-color:#7c3aed}.le-process-btn:hover{background:#6d28d9}.le-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.le-filter{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff}.le-filter:focus{outline:none;border-color:#2563eb}.le-empty{text-align:center;padding:60px 20px;color:#94a3b8}.le-empty svg{margin-bottom:16px;opacity:.4}.le-empty h3{color:#475569}.le-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.le-table{width:100%;border-collapse:collapse}.le-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}.le-table tbody td{padding:10px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.le-table tbody tr:hover{background:#f8fafc}.le-row-pending{background:#fffbeb}.le-row-pending:hover{background:#fef9c3!important}.le-emp-cell{display:flex;flex-direction:column}.le-emp-code{font-size:11px;color:#94a3b8}.le-lt-chip{font-size:11px;padding:2px 8px;border-radius:10px;background:#f1f5f9;color:#475569;font-weight:600}.le-date-sm{font-size:12px;color:#94a3b8;white-space:nowrap}.le-days,.le-amount{font-weight:700;color:#1e293b}.le-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;display:inline-block}.le-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.le-icon-btn:hover{background:#f1f5f9;color:#1e293b}.le-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.le-pagination button{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.le-pagination button:hover:not(:disabled){background:#f8fafc}.le-pagination button:disabled{opacity:.4;cursor:not-allowed}.le-pagination span{font-size:13px;color:#64748b}.le-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.le-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026}.le-modal-lg{max-width:580px}.le-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.le-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.le-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.le-modal-close:hover{background:#f1f5f9;color:#475569}.le-modal-body{padding:20px}.le-modal-scroll{max-height:70vh;overflow-y:auto}.le-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.le-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.le-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.le-field label{font-size:12px;font-weight:600;color:#374151}.le-req{color:#ef4444}.le-field input,.le-field select,.le-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.le-field input:focus,.le-field select:focus,.le-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.le-field textarea{resize:vertical;min-height:60px}.le-input-err{border-color:#ef4444!important}.le-err{font-size:11px;color:#ef4444}.le-emp-picker{display:flex;flex-direction:column;gap:4px}.le-emp-search{font-size:12px!important;padding:6px 10px!important}.le-emp-picker select{font-size:12px}.le-bal-loading{font-size:12px;color:#64748b;padding:8px 0}.le-bal-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin-bottom:14px}.le-bal-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:#334155}.le-bal-row span{color:#64748b}.le-bal-warn{font-size:12px;color:#ef4444;font-weight:600;margin-top:6px;padding-top:6px;border-top:1px solid #fecaca}.le-green{color:#16a34a}.le-red{color:#ef4444}.le-detail-loading{display:flex;align-items:center;gap:8px;padding:24px;color:#94a3b8;font-size:13px}.le-detail-top{display:flex;gap:8px;align-items:center;margin-bottom:16px}.le-detail-grid{display:flex;flex-direction:column}.le-detail-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.le-detail-label{color:#64748b;min-width:120px}.le-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:640px){.le-header{flex-direction:column;gap:12px;align-items:flex-start}.le-filters{flex-direction:column;align-items:stretch}.le-form-grid{grid-template-columns:1fr}.le-modal{max-width:95vw}.le-table-wrap{overflow-x:auto}}.ot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ot-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.ot-header-actions{display:flex;gap:8px}.ot-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}.ot-btn:hover{background:#f8fafc}.ot-primary{background:#2563eb;color:#fff;border-color:#2563eb}.ot-primary:hover{background:#1d4ed8}.ot-primary:disabled{opacity:.6;cursor:not-allowed}.ot-refresh:disabled{opacity:.6;cursor:not-allowed}.ot-withdraw-btn{color:#d97706;border-color:#fcd34d}.ot-withdraw-btn:hover{background:#fef9c3}.ot-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.ot-stat-card{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.ot-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.ot-stat-value{font-size:22px;font-weight:700;color:#1e293b}.ot-stat-label{font-size:12px;color:#64748b;margin-top:2px}.ot-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #e2e8f0}.ot-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}.ot-tab:hover{color:#1e293b}.ot-tab.active{color:#2563eb;border-bottom-color:#2563eb}.ot-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.ot-filter{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff}.ot-filter:focus{outline:none;border-color:#2563eb}.ot-empty{text-align:center;padding:60px 20px;color:#94a3b8}.ot-empty svg{margin-bottom:16px;opacity:.4}.ot-empty h3{color:#475569}.ot-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:12px}.ot-table{width:100%;border-collapse:collapse}.ot-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}.ot-table tbody td{padding:10px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.ot-table tbody tr:hover{background:#f8fafc}.ot-row-pending{background:#fffbeb}.ot-row-pending:hover{background:#fef9c3!important}.ot-type-chip{font-size:10px;padding:2px 6px;border-radius:4px;background:#f1f5f9;color:#475569;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ot-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;display:inline-block}.ot-priority{font-size:11px;font-weight:600}.ot-date-sm{font-size:12px;color:#94a3b8;white-space:nowrap}.ot-notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#64748b}.ot-green{color:#16a34a;font-weight:600}.ot-red{color:#ef4444;font-weight:600}.ot-blue{color:#2563eb}.ot-gray{color:#64748b}.ot-purple{color:#7c3aed}.ot-teal{color:#0d9488}.ot-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.ot-icon-btn:hover{background:#f1f5f9;color:#1e293b}.ot-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.ot-pagination button{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.ot-pagination button:hover:not(:disabled){background:#f8fafc}.ot-pagination button:disabled{opacity:.4;cursor:not-allowed}.ot-pagination span{font-size:13px;color:#64748b}.ot-balance-section{margin-top:4px}.ot-bal-picker{display:flex;gap:8px;align-items:center;margin-bottom:20px}.ot-bal-picker .ot-filter{min-width:250px}.ot-bal-loading{display:flex;align-items:center;gap:8px;padding:24px;color:#94a3b8;font-size:13px}.ot-bal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ot-bal-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.ot-bal-fy{font-size:13px;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:6px}.ot-bal-cards{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.ot-bal-main{background:#2563eb;color:#fff;padding:24px;border-radius:12px;min-width:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ot-bal-big{font-size:28px;font-weight:700}.ot-bal-label{font-size:12px;opacity:.85;margin-top:4px}.ot-bal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1}.ot-bal-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px}.ot-bal-item span:last-child{font-size:11px;color:#64748b}.ot-bal-num{font-size:16px;font-weight:700}.ot-ledger-section{margin-top:20px}.ot-ledger-section h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px}.ot-ledger-toggle{margin-top:8px;font-size:12px;color:#2563eb;border:none;background:none;cursor:pointer;padding:6px 0;display:flex;align-items:center;gap:4px}.ot-ledger-toggle:hover{text-decoration:underline}.ot-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.ot-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026}.ot-modal-lg{max-width:600px}.ot-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.ot-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.ot-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.ot-modal-close:hover{background:#f1f5f9;color:#475569}.ot-modal-body{padding:20px}.ot-modal-scroll{max-height:70vh;overflow-y:auto}.ot-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.ot-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.ot-form-grid-3{grid-template-columns:1fr 1fr 1fr}.ot-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.ot-field label{font-size:12px;font-weight:600;color:#374151}.ot-req{color:#ef4444}.ot-field input,.ot-field select,.ot-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.ot-field input:focus,.ot-field select:focus,.ot-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ot-field textarea{resize:vertical;min-height:60px}.ot-input-err{border-color:#ef4444!important}.ot-err{font-size:11px;color:#ef4444}.ot-emp-picker{display:flex;flex-direction:column;gap:4px}.ot-emp-search{font-size:12px!important;padding:6px 10px!important}.ot-emp-picker select{font-size:12px}.ot-detail-loading{display:flex;align-items:center;gap:8px;padding:24px;color:#94a3b8;font-size:13px}.ot-detail-top{display:flex;gap:8px;align-items:center;margin-bottom:16px}.ot-detail-grid{display:flex;flex-direction:column}.ot-detail-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.ot-detail-label{color:#64748b;min-width:110px}.ot-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){.ot-dashboard{grid-template-columns:repeat(2,1fr)}.ot-bal-cards{flex-direction:column}.ot-bal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ot-header{flex-direction:column;gap:12px;align-items:flex-start}.ot-dashboard{grid-template-columns:1fr}.ot-filters{flex-direction:column;align-items:stretch}.ot-form-grid,.ot-form-grid-3{grid-template-columns:1fr}.ot-modal{max-width:95vw}.ot-table-wrap{overflow-x:auto}.ot-bal-grid{grid-template-columns:1fr}}.sft-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.sft-page-header h1{font-size:1.5rem;font-weight:700;color:var(--theme-text-primary);margin:0}.sft-header-actions{display:flex;gap:10px;flex-wrap:wrap}.sft-action-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}.sft-refresh-btn{background:var(--theme-bg-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border-medium)}.sft-refresh-btn:hover{background:var(--theme-bg-hover)}.sft-add-btn{background:var(--color-primary);color:#fff}.sft-add-btn:hover{opacity:.9}.sft-stats-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.sft-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:100px;box-shadow:0 1px 3px #0000000f}.sft-stat-value{font-size:1.4rem;font-weight:700;color:var(--theme-text-primary)}.sft-stat-label{font-size:.75rem;color:var(--theme-text-tertiary);margin-top:2px}.sft-filters-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.sft-search-box{display:flex;align-items:center;gap:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border-medium);border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:320px}.sft-search-box input{border:none;outline:none;background:transparent;font-size:.85rem;color:var(--theme-text-primary);width:100%}.sft-search-box svg{color:var(--theme-text-tertiary);flex-shrink:0}.sft-type-filters{display:flex;gap:6px;flex-wrap:wrap}.sft-type-pill{padding:6px 14px;border-radius:20px;border:1px solid var(--theme-border-medium);background:var(--theme-bg-card);color:var(--theme-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.sft-type-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.sft-type-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sft-toggle-inactive{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1px solid var(--theme-border-medium);background:var(--theme-bg-card);color:var(--theme-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;margin-left:auto}.sft-toggle-inactive.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.sft-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.sft-card{background:var(--theme-bg-card);border-radius:12px;border:1px solid var(--theme-border-light);border-left:4px solid var(--color-primary);padding:18px;box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:12px}.sft-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.sft-card.inactive{opacity:.6}.sft-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.sft-card-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sft-card-name{font-size:1rem;font-weight:600;color:var(--theme-text-primary);margin:0}.sft-card-inactive-badge{font-size:.65rem;padding:2px 8px;border-radius:10px;background:#fee2e2;color:#dc2626;font-weight:600}.sft-card-code{font-size:.75rem;color:var(--theme-text-tertiary);background:var(--theme-bg-surface);padding:2px 8px;border-radius:6px;font-family:monospace;white-space:nowrap}.sft-card-body{display:flex;flex-direction:column;gap:10px}.sft-card-type-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:.75rem;font-weight:600;width:fit-content}.sft-card-meta{display:flex;gap:16px;flex-wrap:wrap}.sft-card-meta-item{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--theme-text-secondary)}.sft-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--theme-border-light)}.sft-card-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--theme-border-medium);border-radius:8px;background:var(--theme-bg-surface);cursor:pointer;transition:all .2s;color:var(--theme-text-secondary)}.sft-card-action-btn.edit:hover{background:#dbeafe;color:#2563eb;border-color:#93c5fd}.sft-card-action-btn.delete:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.sft-card-action-btn.restore{color:#16a34a;border-color:#86efac}.sft-card-action-btn.restore:hover{background:#dcfce7}.sft-empty-state{text-align:center;padding:60px 20px;color:var(--theme-text-tertiary)}.sft-empty-state svg{margin-bottom:12px;opacity:.4}.sft-empty-state h3{margin:0 0 6px;color:var(--theme-text-secondary)}.sft-empty-state p{margin:0;font-size:.85rem}@keyframes sft-spin{to{transform:rotate(360deg)}}.sft-refresh-btn .spin{animation:sft-spin 1s linear infinite}@media(max-width:768px){.sft-page-header{flex-direction:column;align-items:flex-start}.sft-stats-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.sft-stat-card{min-width:80px;padding:10px 14px}.sft-filters-bar{flex-direction:column;align-items:stretch}.sft-search-box{max-width:100%}.sft-type-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.sft-toggle-inactive{margin-left:0}.sft-card-grid{grid-template-columns:1fr}}.sftf-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.sftf-page-header h1{font-size:1.5rem;font-weight:700;color:var(--theme-text-primary);margin:0}.sftf-header-actions{display:flex;gap:10px;flex-wrap:wrap}.sftf-action-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}.sftf-back-btn{background:var(--theme-bg-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border-medium)}.sftf-back-btn:hover{background:var(--theme-bg-hover)}.sftf-save-btn{background:var(--color-primary);color:#fff}.sftf-save-btn:hover{opacity:.9}.sftf-save-btn:disabled{opacity:.6;cursor:not-allowed}.sftf-tabs{display:flex;gap:4px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px;border-bottom:2px solid var(--theme-border-light)}.sftf-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;color:var(--theme-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap}.sftf-tab:hover{color:var(--color-primary)}.sftf-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sftf-form-container{background:var(--theme-bg-card);border-radius:16px;box-shadow:0 1px 3px #00000014;padding:24px}.sftf-section{margin-bottom:0}.sftf-section-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--theme-text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--theme-border-light)}.sftf-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.sftf-form-group{display:flex;flex-direction:column;gap:4px}.sftf-form-group.full-width{grid-column:1 / -1}.sftf-form-group.compact{gap:2px}.sftf-form-group label{font-size:.8rem;font-weight:500;color:var(--theme-text-secondary)}.sftf-form-group label .required{color:#ef4444}.sftf-form-group input,.sftf-form-group select,.sftf-form-group textarea{padding:8px 12px;border:1px solid var(--theme-border-medium);border-radius:8px;font-size:.85rem;color:var(--theme-text-primary);background:var(--theme-bg-card);transition:border-color .2s}.sftf-form-group input:focus,.sftf-form-group select:focus,.sftf-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.sftf-form-group textarea{resize:vertical}.sftf-disabled{background:var(--theme-bg-surface)!important;cursor:not-allowed;opacity:.7}.sftf-toggle-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--theme-text-secondary)}.sftf-toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.sftf-toggle-switch.small{width:34px;height:18px}.sftf-toggle-switch input{opacity:0;width:0;height:0}.sftf-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:22px;transition:.3s}.sftf-toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.sftf-toggle-switch.small .sftf-toggle-slider:before{height:14px;width:14px;left:2px;bottom:2px}.sftf-toggle-switch input:checked+.sftf-toggle-slider{background:var(--color-primary)}.sftf-toggle-switch input:checked+.sftf-toggle-slider:before{transform:translate(18px)}.sftf-toggle-switch.small input:checked+.sftf-toggle-slider:before{transform:translate(16px)}.sftf-day-list{display:flex;flex-direction:column;gap:12px}.sftf-day-card{background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:12px;padding:14px;transition:all .2s}.sftf-day-card.off{opacity:.5}.sftf-day-card-header{display:flex;justify-content:space-between;align-items:center}.sftf-day-name{font-size:.9rem;font-weight:600;color:var(--theme-text-primary)}.sftf-day-status{font-size:.75rem;color:var(--theme-text-tertiary)}.sftf-day-card-body{margin-top:12px;display:flex;flex-direction:column;gap:10px}.sftf-day-row{display:flex;gap:12px;flex-wrap:wrap}.sftf-day-row .sftf-form-group.compact{min-width:120px;flex:1}.sftf-breaks-section{background:var(--theme-bg-card);border:1px solid var(--theme-border-light);border-radius:8px;padding:10px}.sftf-breaks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.8rem;font-weight:600;color:var(--theme-text-secondary)}.sftf-break-row{display:flex;gap:8px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.sftf-break-row input[type=text],.sftf-break-row input:not([type]){padding:6px 10px;border:1px solid var(--theme-border-medium);border-radius:6px;font-size:.8rem;min-width:100px;flex:1;color:var(--theme-text-primary);background:var(--theme-bg-card)}.sftf-break-row input[type=time]{padding:6px 8px;border:1px solid var(--theme-border-medium);border-radius:6px;font-size:.8rem;color:var(--theme-text-primary);background:var(--theme-bg-card)}.sftf-check-label{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--theme-text-secondary);white-space:nowrap;cursor:pointer}.sftf-check-label input[type=checkbox]{margin:0}.sftf-mini-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--theme-border-medium);border-radius:6px;background:var(--theme-bg-card);color:var(--color-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.sftf-mini-btn:hover{background:#dbeafe;border-color:#93c5fd}.sftf-mini-btn.danger{color:#ef4444}.sftf-mini-btn.danger:hover{background:#fee2e2;border-color:#fca5a5}.sftf-weekoff-days{margin-top:16px}.sftf-weekoff-days>label{display:block;font-size:.8rem;font-weight:500;color:var(--theme-text-secondary);margin-bottom:8px}.sftf-day-pills{display:flex;gap:8px;flex-wrap:wrap}.sftf-day-pill{padding:8px 16px;border-radius:20px;border:1px solid var(--theme-border-medium);background:var(--theme-bg-card);color:var(--theme-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.sftf-day-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.sftf-day-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sftf-rotation-card{background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:12px;padding:16px;margin-bottom:12px}.sftf-rotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:600;color:var(--theme-text-primary)}.sftf-empty-msg{text-align:center;color:var(--theme-text-tertiary);font-size:.85rem;padding:24px}@media(max-width:768px){.sftf-page-header{flex-direction:column;align-items:flex-start}.sftf-tabs{overflow-x:auto;flex-wrap:nowrap}.sftf-tab{padding:8px 12px;font-size:.8rem}.sftf-form-container{padding:16px}.sftf-form-grid{grid-template-columns:1fr}.sftf-day-row{flex-direction:column}.sftf-break-row{flex-direction:column;align-items:stretch}}@media(max-width:480px){.sftf-form-container{padding:12px}.sftf-day-card{padding:10px}.sftf-day-pills{gap:6px}.sftf-day-pill{padding:6px 12px;font-size:.75rem}}.sftf-field-error input,.sftf-field-error select,.sftf-field-error textarea{border-color:#ef4444!important;background-color:#fef2f2!important;box-shadow:0 0 0 2px #ef444426}.sftf-field-error label{color:#dc2626}.sftf-error-text{display:block;color:#dc2626;font-size:.75rem;margin-top:4px}.sftf-validation-banner{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:12px 16px;margin-bottom:16px;color:#991b1b;font-size:.85rem;display:flex;align-items:flex-start;gap:10px}.sftf-validation-banner svg{flex-shrink:0;margin-top:2px}.sftf-validation-banner ul{margin:4px 0 0;padding-left:18px;list-style:disc}.sftf-validation-banner ul li{margin-bottom:2px}.sftf-tab.sftf-tab-error{color:#dc2626;border-color:#fca5a5}.sftf-tab.sftf-tab-error:after{content:"";width:6px;height:6px;background:#ef4444;border-radius:50%;margin-left:6px}.apl-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.apl-page-header h1{font-size:1.5rem;font-weight:700;color:var(--theme-text-primary);margin:0}.apl-header-actions{display:flex;gap:10px;flex-wrap:wrap}.apl-action-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}.apl-refresh-btn{background:var(--theme-bg-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border-medium)}.apl-refresh-btn:hover{background:var(--theme-bg-hover)}.apl-add-btn{background:var(--color-primary);color:#fff}.apl-add-btn:hover{opacity:.9}.apl-stats-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.apl-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:100px;box-shadow:0 1px 3px #0000000f}.apl-stat-value{font-size:1.4rem;font-weight:700;color:var(--theme-text-primary)}.apl-stat-label{font-size:.75rem;color:var(--theme-text-tertiary);margin-top:2px}.apl-filters-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.apl-search-box{display:flex;align-items:center;gap:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border-medium);border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:320px}.apl-search-box input{border:none;outline:none;background:transparent;font-size:.85rem;color:var(--theme-text-primary);width:100%}.apl-search-box svg{color:var(--theme-text-tertiary);flex-shrink:0}.apl-status-filters{display:flex;gap:6px;flex-wrap:wrap}.apl-status-pill{padding:6px 14px;border-radius:20px;border:1px solid var(--theme-border-medium);background:var(--theme-bg-card);color:var(--theme-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.apl-status-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.apl-status-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.apl-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.apl-card{background:var(--theme-bg-card);border-radius:12px;border:1px solid var(--theme-border-light);border-left:4px solid var(--color-primary);padding:18px;box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:12px}.apl-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.apl-card.inactive{opacity:.6;border-left-color:#94a3b8}.apl-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.apl-card-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.apl-card-name{font-size:1rem;font-weight:600;color:var(--theme-text-primary);margin:0}.apl-card-code{font-size:.75rem;color:var(--theme-text-tertiary);background:var(--theme-bg-surface);padding:2px 8px;border-radius:6px;font-family:monospace;white-space:nowrap}.apl-badge{font-size:.65rem;padding:2px 8px;border-radius:10px;font-weight:600;white-space:nowrap}.apl-badge-active{background:#d1fae5;color:#059669}.apl-badge-inactive{background:#fee2e2;color:#dc2626}.apl-badge-default{background:#dbeafe;color:#2563eb}.apl-card-body{display:flex;flex-direction:column;gap:10px}.apl-card-description{font-size:.82rem;color:var(--theme-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.apl-card-meta{display:flex;gap:16px;flex-wrap:wrap}.apl-card-meta-item{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--theme-text-secondary)}.apl-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--theme-border-light)}.apl-card-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--theme-border-medium);border-radius:8px;background:var(--theme-bg-surface);cursor:pointer;transition:all .2s;color:var(--theme-text-secondary)}.apl-card-action-btn.edit:hover{background:#dbeafe;color:#2563eb;border-color:#93c5fd}.apl-card-action-btn.delete:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.apl-empty-state{text-align:center;padding:60px 20px;color:var(--theme-text-tertiary)}.apl-empty-state svg{margin-bottom:12px;opacity:.4}.apl-empty-state h3{margin:0 0 6px;color:var(--theme-text-secondary)}.apl-empty-state p{margin:0;font-size:.85rem}.apl-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--theme-text-tertiary)}.apl-loading-spinner{width:36px;height:36px;border:3px solid var(--theme-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:apl-spin .8s linear infinite;margin-bottom:12px}@keyframes apl-spin{to{transform:rotate(360deg)}}.apl-refresh-btn .spin{animation:apl-spin 1s linear infinite}@media(max-width:768px){.apl-page-header{flex-direction:column;align-items:flex-start}.apl-stats-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.apl-stat-card{min-width:80px;padding:10px 14px}.apl-filters-bar{flex-direction:column;align-items:stretch}.apl-search-box{max-width:100%}.apl-status-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.apl-card-grid{grid-template-columns:1fr}}@media(max-width:480px){.apl-card{padding:14px}.apl-stat-card{min-width:70px;padding:8px 10px}.apl-stat-value{font-size:1.1rem}}.apf-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.apf-page-header h1{font-size:1.5rem;font-weight:700;color:var(--theme-text-primary);margin:0}.apf-header-actions{display:flex;gap:10px;flex-wrap:wrap}.apf-action-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}.apf-back-btn{background:var(--theme-bg-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border-medium)}.apf-back-btn:hover{background:var(--theme-bg-hover)}.apf-save-btn{background:var(--color-primary);color:#fff}.apf-save-btn:hover{opacity:.9}.apf-save-btn:disabled{opacity:.6;cursor:not-allowed}.apf-tabs{display:flex;gap:4px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px;border-bottom:2px solid var(--theme-border-light)}.apf-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;color:var(--theme-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap}.apf-tab:hover{color:var(--color-primary)}.apf-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.apf-form-container{background:var(--theme-bg-card);border-radius:16px;box-shadow:0 1px 3px #00000014;padding:24px}.apf-section{margin-bottom:0}.apf-section-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--theme-text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--theme-border-light)}.apf-sub-title{font-size:.9rem;font-weight:600;color:var(--theme-text-secondary);margin:20px 0 12px;padding-bottom:6px;border-bottom:1px dashed var(--theme-border-light)}.apf-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.apf-form-group{display:flex;flex-direction:column;gap:4px}.apf-form-group.full-width{grid-column:1 / -1}.apf-form-group label{font-size:.8rem;font-weight:500;color:var(--theme-text-secondary)}.apf-form-group label .required{color:#ef4444}.apf-form-group input,.apf-form-group select,.apf-form-group textarea{padding:8px 12px;border:1px solid var(--theme-border-medium);border-radius:8px;font-size:.85rem;color:var(--theme-text-primary);background:var(--theme-bg-card);transition:border-color .2s}.apf-form-group input:focus,.apf-form-group select:focus,.apf-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.apf-form-group textarea{resize:vertical}.apf-toggle-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--theme-text-secondary)}.apf-toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.apf-toggle-switch input{opacity:0;width:0;height:0}.apf-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:22px;transition:.3s}.apf-toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.apf-toggle-switch input:checked+.apf-toggle-slider{background:var(--color-primary)}.apf-toggle-switch input:checked+.apf-toggle-slider:before{transform:translate(18px)}.apf-slabs-section{background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:10px;padding:14px;margin-top:12px}.apf-slabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.85rem;font-weight:600;color:var(--theme-text-secondary)}.apf-slab-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:8px;flex-wrap:wrap}.apf-slab-row .apf-form-group{min-width:100px;flex:1}.apf-slab-row .apf-form-group label{font-size:.72rem}.apf-slab-row .apf-form-group input,.apf-slab-row .apf-form-group select{padding:6px 10px;font-size:.8rem}.apf-mini-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--theme-border-medium);border-radius:6px;background:var(--theme-bg-card);color:var(--color-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.apf-mini-btn:hover{background:#dbeafe;border-color:#93c5fd}.apf-mini-btn.danger{color:#ef4444}.apf-mini-btn.danger:hover{background:#fee2e2;border-color:#fca5a5}.apf-hint{font-size:.72rem;color:var(--theme-text-tertiary);margin-top:2px}.apf-employees-section{margin-top:8px}.apf-employees-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.apf-employees-toolbar .apf-search-box{display:flex;align-items:center;gap:8px;background:var(--theme-bg-surface);border:1px solid var(--theme-border-medium);border-radius:8px;padding:6px 12px;flex:1;min-width:180px;max-width:280px}.apf-employees-toolbar .apf-search-box input{border:none;outline:none;background:transparent;font-size:.82rem;color:var(--theme-text-primary);width:100%}.apf-employees-toolbar .apf-search-box svg{color:var(--theme-text-tertiary);flex-shrink:0}.apf-employee-table{width:100%;border-collapse:collapse;font-size:.82rem}.apf-employee-table th{text-align:left;padding:8px 10px;background:var(--theme-bg-surface);color:var(--theme-text-secondary);font-weight:600;border-bottom:1px solid var(--theme-border-light)}.apf-employee-table td{padding:8px 10px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-primary)}.apf-employee-table tr:hover td{background:var(--theme-bg-hover)}.apf-unassign-btn{padding:4px 10px;border:1px solid #fca5a5;border-radius:6px;background:#fff;color:#dc2626;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.apf-unassign-btn:hover{background:#fee2e2}.apf-assign-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.apf-assign-modal{background:var(--theme-bg-card);border-radius:16px;padding:24px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.apf-assign-modal h3{margin:0 0 16px;font-size:1.1rem;color:var(--theme-text-primary)}.apf-assign-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.apf-empty-msg{text-align:center;color:var(--theme-text-tertiary);font-size:.85rem;padding:24px}@media(max-width:768px){.apf-page-header{flex-direction:column;align-items:flex-start}.apf-tabs{overflow-x:auto;flex-wrap:nowrap}.apf-tab{padding:8px 12px;font-size:.8rem}.apf-form-container{padding:16px}.apf-form-grid{grid-template-columns:1fr}.apf-slab-row,.apf-employees-toolbar{flex-direction:column;align-items:stretch}.apf-employees-toolbar .apf-search-box{max-width:100%}}@media(max-width:480px){.apf-form-container{padding:12px}.apf-tab{padding:6px 10px;font-size:.75rem}}.sa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sa-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.sa-header-actions{display:flex;gap:8px;flex-wrap:wrap}.sa-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}.sa-btn:hover{background:#f8fafc}.sa-primary{background:#2563eb;color:#fff;border-color:#2563eb}.sa-primary:hover{background:#1d4ed8}.sa-primary:disabled{opacity:.6;cursor:not-allowed}.sa-success{background:#16a34a;color:#fff;border-color:#16a34a}.sa-success:hover{background:#15803d}.sa-refresh:disabled{opacity:.6;cursor:not-allowed}.sa-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #e2e8f0}.sa-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}.sa-tab:hover{color:#1e293b}.sa-tab.active{color:#2563eb;border-bottom-color:#2563eb}.sa-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sa-filter{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff}.sa-filter:focus{outline:none;border-color:#2563eb}.sa-empty{text-align:center;padding:60px 20px;color:#94a3b8}.sa-empty svg{margin-bottom:16px;opacity:.4}.sa-empty h3{color:#475569}.sa-rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.sa-rule-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;transition:box-shadow .15s}.sa-rule-card:hover{box-shadow:0 4px 12px #0000000f}.sa-rule-card.sa-inactive{opacity:.55}.sa-rule-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sa-rule-type{font-size:13px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.3px}.sa-rule-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.sa-active{background:#dcfce7;color:#16a34a}.sa-disabled{background:#f1f5f9;color:#94a3b8}.sa-rule-shift{font-size:14px;font-weight:500;color:#475569;margin-bottom:12px}.sa-rule-details{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#334155}.sa-rule-label{color:#64748b;min-width:100px;display:inline-block}.sa-rule-actions{display:flex;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.sa-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:12px}.sa-table{width:100%;border-collapse:collapse}.sa-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}.sa-table tbody td{padding:10px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.sa-table tbody tr:hover{background:#f8fafc}.sa-row-waived{opacity:.5;background:#fef2f2}.sa-row-waived:hover{background:#fef2f2!important}.sa-emp-cell{display:flex;flex-direction:column}.sa-emp-code{font-size:11px;color:#94a3b8}.sa-date-sm{font-size:12px;color:#94a3b8;white-space:nowrap}.sa-amount{font-weight:700;color:#1e293b}.sa-green{color:#16a34a;font-weight:600}.sa-red{color:#ef4444;font-weight:600}.sa-source-chip{font-size:10px;padding:2px 6px;border-radius:4px;background:#f1f5f9;color:#475569;font-weight:600;text-transform:uppercase}.sa-paid-yes{font-size:11px;color:#16a34a;font-weight:600}.sa-paid-no{font-size:11px;color:#d97706;font-weight:600}.sa-waived-badge{font-size:10px;padding:2px 6px;border-radius:4px;background:#fef2f2;color:#ef4444;font-weight:600}.sa-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:5px;border-radius:6px;color:#64748b;display:flex;transition:all .15s}.sa-icon-btn:hover{background:#f1f5f9;color:#1e293b}.sa-icon-delete:hover{color:#ef4444;background:#fef2f2}.sa-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.sa-pagination button{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.sa-pagination button:hover:not(:disabled){background:#f8fafc}.sa-pagination button:disabled{opacity:.4;cursor:not-allowed}.sa-pagination span{font-size:13px;color:#64748b}.sa-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.sa-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026}.sa-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.sa-modal-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.sa-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex}.sa-modal-close:hover{background:#f1f5f9;color:#475569}.sa-modal-body{padding:20px}.sa-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0}.sa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.sa-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.sa-field label{font-size:12px;font-weight:600;color:#374151}.sa-req{color:#ef4444}.sa-field input,.sa-field select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b}.sa-field input:focus,.sa-field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.sa-input-err{border-color:#ef4444!important}.sa-err{font-size:11px;color:#ef4444}.sa-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer;margin-top:4px}.sa-check input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.sa-days-picker{display:flex;gap:4px;flex-wrap:wrap}.sa-day-btn{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.sa-day-btn:hover{border-color:#2563eb}.sa-day-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}@media(max-width:640px){.sa-header{flex-direction:column;gap:12px;align-items:flex-start}.sa-filters{flex-direction:column;align-items:stretch}.sa-form-grid{grid-template-columns:1fr}.sa-modal{max-width:95vw}.sa-table-wrap{overflow-x:auto}.sa-rules-grid{grid-template-columns:1fr}}.wm-page{padding:0}.wm-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.wm-page-title h1{font-size:22px;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0}.wm-header-actions{display:flex;gap:8px;flex-shrink:0}.wm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap;line-height:1.4}.wm-btn:disabled{opacity:.6;cursor:not-allowed}.wm-btn-primary{background:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.wm-btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.wm-btn-ghost{background:var(--theme-bg-card, #fff);color:var(--theme-text-secondary, #475569);border-color:var(--theme-border, #e2e8f0)}.wm-btn-ghost:hover:not(:disabled){background:var(--theme-bg-hover, #f8fafc);border-color:#cbd5e1}.wm-btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.wm-btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.wm-btn-warning{background:#f59e0b;color:#fff;border-color:#f59e0b}.wm-btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706}.wm-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.wm-stat-card{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-top:3px solid #e2e8f0;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:box-shadow .15s ease}.wm-stat-card:hover{box-shadow:0 2px 8px #0000000f}.wm-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.wm-stat-content{display:flex;flex-direction:column}.wm-stat-value{font-size:24px;font-weight:700;color:var(--theme-text-primary, #1e293b);line-height:1.2}.wm-stat-label{font-size:12px;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.wm-filter-card{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:12px;padding:18px 20px;margin-bottom:20px}.wm-filter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}.wm-filter-field{display:flex;flex-direction:column;gap:4px}.wm-filter-field label{font-size:11px;font-weight:600;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.4px}.wm-filter-field select,.wm-filter-field input{padding:8px 10px;border:1px solid var(--theme-border, #e2e8f0);border-radius:6px;font-size:13px;color:var(--theme-text-primary, #1e293b);background:var(--theme-bg-input, #fff);outline:none;transition:border-color .15s}.wm-filter-field select:focus,.wm-filter-field input:focus{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.wm-filter-actions{display:flex;gap:8px;justify-content:flex-end}.wm-table-wrapper{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:12px;overflow:hidden;overflow-x:auto}.wm-table{width:100%;border-collapse:collapse;min-width:900px}.wm-table thead th{padding:12px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text-muted, #64748b);background:var(--theme-bg-surface, #f8fafc);border-bottom:1px solid var(--theme-border, #e2e8f0);text-align:left;white-space:nowrap}.wm-table tbody tr{transition:background .15s;border-bottom:1px solid #f1f5f9}.wm-table tbody tr:last-child{border-bottom:none}.wm-table tbody tr:hover{background:var(--theme-bg-hover, #f8fafc)}.wm-table tbody td{padding:11px 14px;font-size:13px;color:var(--theme-text-primary, #334155);vertical-align:middle}.wm-row-pending{border-left:3px solid #f59e0b}.wm-row-pending td:first-child{padding-left:11px}.wm-employee-cell{display:flex;align-items:center;gap:8px}.wm-employee-icon{color:var(--theme-text-muted, #94a3b8);font-size:14px;flex-shrink:0}.wm-type-badge,.wm-status-badge,.wm-priority-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;white-space:nowrap;line-height:1.4}.wm-cell-truncate{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-text-secondary, #64748b)}.wm-actions{display:flex;gap:4px}.wm-icon-btn{background:none;border:1px solid transparent;cursor:pointer;padding:6px;border-radius:6px;color:var(--theme-text-muted, #64748b);display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:15px}.wm-icon-btn:hover{background:#f1f5f9;color:var(--theme-text-primary, #1e293b)}.wm-icon-btn-edit:hover{color:#2563eb;background:#eff6ff}.wm-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 0;gap:12px;flex-wrap:wrap}.wm-pagination-info{font-size:13px;color:var(--theme-text-muted, #94a3b8)}.wm-pagination-controls{display:flex;align-items:center;gap:8px}.wm-pagination-page{font-size:13px;font-weight:500;color:var(--theme-text-secondary, #475569);padding:0 4px}.wm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wm-modal{background:var(--theme-bg-card, #fff);border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;animation:wm-modal-in .2s ease-out}.wm-modal-detail{max-width:680px}@keyframes wm-modal-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.wm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--theme-border, #e2e8f0)}.wm-modal-header h2{font-size:17px;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0}.wm-modal-close{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--theme-text-muted, #94a3b8);display:flex;font-size:18px;transition:all .15s}.wm-modal-close:hover{background:#f1f5f9;color:var(--theme-text-primary, #1e293b)}.wm-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.wm-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--theme-border, #e2e8f0)}.wm-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--theme-text-muted, #94a3b8);gap:12px}.wm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wm-form-group{display:flex;flex-direction:column;gap:4px}.wm-form-group.wm-form-full{margin-top:14px}.wm-form-group.wm-form-span-2{grid-column:span 2}.wm-form-group label{font-size:13px;font-weight:600;color:var(--theme-text-secondary, #475569)}.wm-required{color:#ef4444}.wm-form-group select,.wm-form-group input,.wm-form-group textarea{padding:9px 12px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;font-size:13px;color:var(--theme-text-primary, #1e293b);background:var(--theme-bg-input, #fff);outline:none;transition:border-color .15s;font-family:inherit;resize:vertical}.wm-form-group select:focus,.wm-form-group input:focus,.wm-form-group textarea:focus{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.wm-form-hint{font-size:11px;color:var(--theme-text-muted, #94a3b8);margin-top:2px}.wm-location-section{margin-top:18px;padding-top:18px;border-top:1px dashed var(--theme-border, #e2e8f0)}.wm-location-section h4{font-size:13px;font-weight:600;color:var(--theme-text-secondary, #475569);margin:0 0 12px}.wm-detail-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:12px;flex-wrap:wrap}.wm-detail-employee{display:flex;align-items:center;gap:10px}.wm-detail-employee-icon{font-size:22px;color:var(--color-primary, #2563eb);background:#eff6ff;padding:8px;border-radius:10px;flex-shrink:0}.wm-detail-name{display:block;font-size:16px;font-weight:700;color:var(--theme-text-primary, #1e293b)}.wm-detail-code{display:block;font-size:12px;color:var(--theme-text-muted, #94a3b8);font-family:monospace}.wm-detail-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.wm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.wm-detail-item{display:flex;flex-direction:column;gap:3px}.wm-detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--theme-text-muted, #94a3b8)}.wm-detail-value{font-size:13px;color:var(--theme-text-primary, #334155);line-height:1.5;word-break:break-word}.wm-text-danger{color:#dc2626}.wm-detail-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--theme-border, #f1f5f9)}.wm-detail-section h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text-muted, #64748b);margin:0 0 12px}.wm-detail-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--theme-border, #f1f5f9);font-size:12px;color:var(--theme-text-muted, #94a3b8)}.wm-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--theme-text-muted, #94a3b8);gap:12px}.wm-spinner{width:32px;height:32px;border:3px solid var(--theme-border, #e2e8f0);border-top-color:var(--color-primary, #2563eb);border-radius:50%;animation:wm-spin .7s linear infinite}.wm-spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:wm-spin .7s linear infinite}@keyframes wm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wm-spin{animation:wm-spin .8s linear infinite}.wm-empty-state{text-align:center;padding:60px 20px;color:var(--theme-text-muted, #94a3b8)}.wm-empty-state svg{margin-bottom:16px;opacity:.35}.wm-empty-state h3{color:var(--theme-text-secondary, #475569);margin:0 0 8px;font-size:16px}.wm-empty-state p{margin:0;font-size:13px}@media(max-width:768px){.wm-page-header{flex-direction:column;align-items:flex-start}.wm-header-actions{width:100%}.wm-stats-grid,.wm-filter-grid{grid-template-columns:repeat(2,1fr);gap:10px}.wm-filter-actions{justify-content:stretch}.wm-filter-actions .wm-btn{flex:1;justify-content:center}.wm-table{min-width:800px}.wm-pagination{flex-direction:column;align-items:flex-start}.wm-modal{max-width:100%;max-height:95vh;border-radius:12px}.wm-form-grid{grid-template-columns:1fr}.wm-form-group.wm-form-span-2{grid-column:span 1}.wm-detail-grid{grid-template-columns:1fr}.wm-detail-section-header{flex-direction:column}}@media(max-width:480px){.wm-stats-grid{grid-template-columns:1fr}.wm-stat-card{padding:14px 16px}.wm-filter-grid{grid-template-columns:1fr}.wm-filter-card{padding:14px 16px}.wm-header-actions{flex-direction:column}.wm-header-actions .wm-btn{justify-content:center}.wm-modal-overlay{padding:10px}.wm-modal-header{padding:14px 18px}.wm-modal-body{padding:16px 18px}.wm-modal-footer{padding:12px 18px;flex-wrap:wrap}.wm-modal-footer .wm-btn{flex:1;justify-content:center;min-width:100px}.wm-detail-badges{gap:4px}}.tvd-page{display:flex;flex-direction:column;gap:20px}.tvd-header{display:flex;justify-content:space-between;align-items:center}.tvd-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.tvd-header-actions{display:flex;gap:8px}.tvd-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;white-space:nowrap}.tvd-btn:hover{background:#f8fafc}.tvd-btn:disabled{opacity:.6;cursor:not-allowed}.tvd-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tvd-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:12px}.tvd-kpi-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tvd-kpi-body{flex:1;min-width:0}.tvd-kpi-label{font-size:12px;color:#64748b;margin-bottom:2px}.tvd-kpi-value{font-size:24px;font-weight:700;color:#1e293b;line-height:1.1}.tvd-type-row{display:flex;gap:12px}.tvd-type-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 20px;display:flex;align-items:center;gap:10px;flex:1}.tvd-type-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tvd-type-label{font-size:13px;color:#64748b}.tvd-type-count{font-size:18px;font-weight:700;color:#1e293b;margin-left:auto}.tvd-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.tvd-section-title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 16px}.tvd-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tvd-bar-row:last-child{margin-bottom:0}.tvd-bar-badge{min-width:100px;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;text-align:center;white-space:nowrap}.tvd-bar-track{flex:1;height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden}.tvd-bar-fill{height:100%;border-radius:5px;transition:width .4s ease;min-width:4px}.tvd-bar-count{width:40px;text-align:right;font-size:13px;color:#475569;font-weight:600}.tvd-table{width:100%;border-collapse:collapse}.tvd-table th{text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;white-space:nowrap}.tvd-table td{padding:10px 12px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.tvd-table tr:hover td{background:#f8fafc;cursor:pointer}.tvd-table tbody tr:last-child td{border-bottom:none}.tvd-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.tvd-loading,.tvd-error{text-align:center;padding:80px 24px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:12px}.tvd-error .tvd-btn{margin-top:4px}@media(max-width:768px){.tvd-kpi-grid{grid-template-columns:repeat(2,1fr)}.tvd-header{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.tvd-kpi-grid{grid-template-columns:repeat(2,1fr)}.tvd-type-row{flex-direction:column}.tvd-header-actions{flex-wrap:wrap}}.tvl-page{display:flex;flex-direction:column;gap:20px}.tvl-header{display:flex;justify-content:space-between;align-items:center}.tvl-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.tvl-filters{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tvl-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;outline:none}.tvl-select:focus{border-color:#2563eb}.tvl-date-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;outline:none}.tvl-date-input:focus{border-color:#2563eb}.tvl-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}.tvl-btn:hover{background:#f8fafc}.tvl-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.tvl-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.tvl-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.tvl-table{width:100%;border-collapse:collapse}.tvl-table th{text-align:left;padding:11px 14px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #e2e8f0;background:#f8fafc;white-space:nowrap}.tvl-table td{padding:12px 14px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.tvl-table tr:last-child td{border-bottom:none}.tvl-table tr:hover td{background:#f8fafc}.tvl-ref{font-weight:600;color:#2563eb}.tvl-emp-name{font-weight:500;color:#1e293b}.tvl-emp-code{font-size:11px;color:#94a3b8;margin-top:2px}.tvl-route{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.tvl-badge{display:inline-flex;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600}.tvl-badge-domestic{color:#0891b2;background:#cffafe}.tvl-badge-intl{color:#7c3aed;background:#f3e8ff}.tvl-actions{display:flex;gap:4px}.tvl-icon-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .15s}.tvl-icon-btn:hover{background:#f1f5f9;color:#1e293b}.tvl-icon-approve:hover{color:#16a34a;background:#dcfce7}.tvl-icon-cancel:hover{color:#dc2626;background:#fee2e2}.tvl-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e2e8f0}.tvl-page-info{font-size:13px;color:#64748b}.tvl-page-btns{display:flex;gap:8px}.tvl-btn-page{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer;transition:background .15s}.tvl-btn-page:hover:not(:disabled){background:#f8fafc}.tvl-btn-page:disabled{opacity:.4;cursor:not-allowed}.tvl-empty{text-align:center;padding:60px;color:#94a3b8}.tvl-empty p{margin:12px 0 0;font-size:14px}.spin{animation:spin .9s linear infinite}.tvdt-page{display:flex;flex-direction:column;gap:20px}.tvdt-header{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tvdt-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.tvdt-back-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.tvdt-back-btn:hover{background:#f1f5f9}.tvdt-ref{font-size:20px;font-weight:700;color:#1e293b;margin:0}.tvdt-header-right{display:flex;gap:8px;align-items:center;flex-shrink:0;flex-wrap:wrap}.tvdt-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.tvdt-type-badge-d{color:#0891b2;background:#cffafe;padding:3px 12px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.tvdt-type-badge-i{color:#7c3aed;background:#f3e8ff;padding:3px 12px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.tvdt-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;white-space:nowrap}.tvdt-btn:hover{background:#f8fafc}.tvdt-btn-approve{border-color:#16a34a;color:#16a34a}.tvdt-btn-approve:hover{background:#dcfce7}.tvdt-btn-danger{border-color:#dc2626;color:#dc2626}.tvdt-btn-danger:hover{background:#fee2e2}.tvdt-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.tvdt-btn-primary:hover{background:#1d4ed8}.tvdt-btn-finance{background:#7c3aed;color:#fff;border-color:#7c3aed}.tvdt-btn-finance:hover{background:#6d28d9}.tvdt-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.tvdt-section-title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between}.tvdt-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.tvdt-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.tvdt-info-row:last-child{border-bottom:none}.tvdt-info-label{color:#64748b}.tvdt-info-value{color:#1e293b;font-weight:500;text-align:right}.tvdt-advance-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px}.tvdt-recon-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px}.tvdt-recon-pending{background:#fef2f2;border:1px solid #fecaca}.tvdt-table{width:100%;border-collapse:collapse}.tvdt-table th{text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;white-space:nowrap}.tvdt-table td{padding:10px 12px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.tvdt-table tr:last-child td{border-bottom:none}.tvdt-leg-mode{display:flex;align-items:center;gap:6px}.tvdt-leg-icon{font-size:16px}.tvdt-icon-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#64748b;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.tvdt-icon-btn:hover{background:#f1f5f9;color:#1e293b}.tvdt-icon-delete:hover{color:#dc2626;background:#fee2e2}.tvdt-timeline{display:flex;align-items:center;gap:0;padding:16px 0}.tvdt-tl-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.tvdt-tl-step:not(:last-child):after{content:"";position:absolute;top:14px;left:50%;width:100%;height:2px;background:#e2e8f0;z-index:0}.tvdt-tl-step.done:not(:last-child):after{background:#16a34a}.tvdt-tl-circle{width:28px;height:28px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1;position:relative;font-size:13px}.tvdt-tl-circle.active{background:#2563eb;border-color:#2563eb;color:#fff}.tvdt-tl-circle.done{background:#16a34a;border-color:#16a34a;color:#fff}.tvdt-tl-label{font-size:11px;color:#64748b;margin-top:6px;text-align:center}.tvdt-notes-text{font-size:14px;color:#475569;line-height:1.6;white-space:pre-wrap;margin:0}.tvdt-loading,.tvdt-error{text-align:center;padding:80px 24px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:12px}@keyframes tvdt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tvdt-spin{animation:tvdt-spin .8s linear infinite}@media(max-width:640px){.tvdt-info-grid{grid-template-columns:1fr}.tvdt-header{flex-direction:column;align-items:flex-start}}.pd-page{display:flex;flex-direction:column;gap:20px}.pd-header{display:flex;align-items:center;justify-content:space-between}.pd-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.pd-header-right{display:flex;align-items:center;gap:8px}.pd-filters{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pd-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;outline:none;transition:border-color .15s}.pd-select:focus{border-color:#2563eb}.pd-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;white-space:nowrap}.pd-btn:hover{background:#f8fafc}.pd-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.pd-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.pd-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;overflow-x:auto}.pd-table{width:100%;border-collapse:collapse}.pd-table th{text-align:left;padding:11px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;background:#f8fafc;white-space:nowrap}.pd-table td{padding:11px 14px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.pd-table tr:last-child td{border-bottom:none}.pd-table tr:hover td{background:#f8fafc}.pd-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600}.pd-badge-active{color:#16a34a;background:#dcfce7;cursor:pointer}.pd-badge-active:hover{background:#bbf7d0}.pd-badge-inactive{color:#64748b;background:#f1f5f9;cursor:pointer}.pd-badge-inactive:hover{background:#e2e8f0}.pd-tier-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#2563eb;background:#dbeafe;white-space:nowrap}.pd-tier-badge.pd-all-tier{color:#64748b;background:#f1f5f9}.pd-actions{display:flex;gap:4px}.pd-icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#64748b;transition:all .15s}.pd-icon-btn:hover{background:#f1f5f9;color:#1e293b}.pd-icon-delete:hover{color:#dc2626;background:#fee2e2}.pd-empty{text-align:center;padding:60px 20px;color:#94a3b8}.pd-empty p{margin:12px 0 0;font-size:14px}.spin{animation:spin 1s linear infinite;display:inline-block}.tvr-page{display:flex;flex-direction:column;gap:20px}.tvr-header{display:flex;justify-content:space-between;align-items:center}.tvr-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.tvr-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tvr-filter-bar label{font-size:12px;font-weight:600;color:#64748b;white-space:nowrap}.tvr-select{padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;outline:none;transition:border-color .15s}.tvr-select:focus{border-color:#2563eb}.tvr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:#2563eb;color:#fff;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.tvr-btn:hover{background:#1d4ed8}.tvr-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tvr-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;text-align:center}.tvr-summary-label{font-size:12px;color:#64748b;margin-bottom:4px}.tvr-summary-value{font-size:20px;font-weight:700;color:#1e293b;line-height:1.2}.tvr-summary-sub{font-size:11px;color:#94a3b8;margin-top:4px}.tvr-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.tvr-section-title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 16px}.tvr-table{width:100%;border-collapse:collapse}.tvr-table th{text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;white-space:nowrap}.tvr-table td{padding:10px 12px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9}.tvr-table tr:last-child td{border-bottom:none}.tvr-savings-pos{color:#16a34a;font-weight:600}.tvr-savings-neg{color:#dc2626;font-weight:600}.tvr-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tvr-bar-row:last-child{margin-bottom:0}.tvr-bar-label{font-size:13px;color:#1e293b;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tvr-bar-track{flex:1;height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden}.tvr-bar-fill{height:100%;background:#2563eb;border-radius:5px;transition:width .4s ease;min-width:4px}.tvr-bar-meta{font-size:12px;color:#64748b;width:80px;text-align:right;white-space:nowrap;flex-shrink:0}.tvr-loading,.tvr-error,.tvr-empty{text-align:center;padding:80px 24px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:12px}@media(max-width:1024px){.tvr-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.tvr-summary-grid{grid-template-columns:repeat(2,1fr)}.tvr-header{flex-direction:column;align-items:flex-start;gap:12px}.tvr-bar-label{min-width:80px}.tvr-bar-meta{width:60px}}.rec-page{display:flex;flex-direction:column;gap:20px}.rec-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.rec-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.rec-header-actions{display:flex;gap:8px}.rec-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:background .15s,border-color .15s,color .15s;white-space:nowrap}.rec-btn:hover{background:#f8fafc}.rec-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.rec-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.rec-btn:disabled{opacity:.6;cursor:not-allowed}.rec-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rec-kpi-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;transition:box-shadow .15s,transform .15s}.rec-kpi-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.rec-kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rec-kpi-label{font-size:12px;color:#64748b;margin-bottom:2px}.rec-kpi-value{font-size:24px;font-weight:700;color:#1e293b;line-height:1.1}.rec-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.rec-section-title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 16px}.rec-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rec-bar-row:last-child{margin-bottom:0}.rec-bar-label{font-size:13px;color:#1e293b;width:140px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-bar-track{flex:1;height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden}.rec-bar-fill{height:100%;border-radius:5px;transition:width .4s ease}.rec-bar-count{font-size:12px;color:#64748b;width:40px;text-align:right;flex-shrink:0}.rec-table{width:100%;border-collapse:collapse}.rec-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.rec-table td{padding:10px 12px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.rec-table tr:hover td{background:#f8fafc;cursor:pointer}.rec-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.rec-loading,.rec-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:80px 20px;color:#94a3b8;font-size:14px}.rec-error p{margin:0;max-width:360px;line-height:1.5}.rec-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .7s linear infinite}.spin{animation:spin .7s linear infinite}@media(max-width:768px){.rec-kpi-grid{grid-template-columns:repeat(2,1fr)}.rec-bar-label{width:100px;font-size:12px}.rec-table th,.rec-table td{padding:8px 10px;font-size:12px}}@media(max-width:480px){.rec-kpi-grid{grid-template-columns:1fr}.rec-header{flex-direction:column;align-items:flex-start}.rec-header-actions{width:100%}.rec-btn{flex:1;justify-content:center}}.rr-page{display:flex;flex-direction:column;gap:20px}.rr-header{display:flex;justify-content:space-between;align-items:center}.rr-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center}.rr-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.rr-filter-bar label{font-size:12px;font-weight:600;color:#64748b}.rr-select{padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.rr-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;background:#2563eb;color:#fff;border:none;cursor:pointer;transition:background .2s;white-space:nowrap}.rr-btn:hover{background:#1d4ed8}.rr-btn:disabled{opacity:.6;cursor:not-allowed}.rr-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.rr-section-title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 16px;display:flex;align-items:center;gap:8px}.rr-funnel-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rr-funnel-row:last-child{margin-bottom:0}.rr-funnel-badge{min-width:110px;padding:4px 12px;border-radius:10px;font-size:12px;font-weight:600;text-align:center;flex-shrink:0}.rr-funnel-bar-track{flex:1;height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden}.rr-funnel-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.rr-funnel-count{width:50px;text-align:right;font-size:14px;font-weight:600;color:#1e293b;flex-shrink:0}.rr-funnel-dropoff{width:70px;font-size:12px;text-align:right;color:#dc2626;flex-shrink:0}.rr-table{width:100%;border-collapse:collapse}.rr-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #e2e8f0;white-space:nowrap}.rr-table td{padding:10px 12px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.rr-table tr:last-child td{border-bottom:none}.rr-table tbody tr:hover{background:#f8fafc}.rr-badge{display:inline-flex;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.rr-conv-high{color:#16a34a;font-weight:600}.rr-conv-mid{color:#d97706;font-weight:600}.rr-conv-low{color:#dc2626;font-weight:600}.rr-loading,.rr-error,.rr-empty{text-align:center;padding:80px 20px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:12px}.rr-loading p,.rr-error p,.rr-empty p{font-size:15px;margin:0}.rr-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.rr-filter-bar{padding:12px 16px}.rr-funnel-badge{min-width:90px;font-size:11px;padding:3px 8px}.rr-funnel-dropoff{width:56px}.rr-table{font-size:12px}.rr-table th,.rr-table td{padding:8px}}.pk-page{display:flex;flex-direction:column;gap:16px;height:100%}.pk-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pk-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.pk-job-select{padding:9px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;min-width:280px;outline:none;transition:border-color .15s}.pk-job-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pk-job-select:disabled{opacity:.6;cursor:not-allowed}.pk-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:16px;min-height:500px}.pk-board::-webkit-scrollbar{height:6px}.pk-board::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.pk-board::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pk-board::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pk-column{flex-shrink:0;width:220px;display:flex;flex-direction:column;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:border-color .15s,background .15s}.pk-column.pk-drag-over{border-color:#2563eb;background:#eff6ff}.pk-col-header{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;background:#fff}.pk-col-title{display:flex;align-items:center;gap:6px}.pk-stage-badge{padding:2px 10px;border-radius:6px;font-size:11px;font-weight:600}.pk-col-count{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:20px;text-align:center;font-size:11px;font-weight:600;color:#475569;padding:1px 6px}.pk-col-cards{flex:1;padding:8px;overflow-y:auto;max-height:600px;display:flex;flex-direction:column;gap:6px}.pk-col-cards::-webkit-scrollbar{width:4px}.pk-col-cards::-webkit-scrollbar-track{background:transparent}.pk-col-cards::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pk-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;cursor:grab;transition:border-color .15s,box-shadow .15s,transform .1s;-webkit-user-select:none;user-select:none;outline:none}.pk-card:hover{border-color:#2563eb;box-shadow:0 2px 8px #00000014}.pk-card:active{cursor:grabbing;transform:scale(.98)}.pk-card:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.pk-card-name{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-card-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#64748b;align-items:center}.pk-card-tag{background:#f1f5f9;padding:1px 6px;border-radius:4px;font-size:11px;color:#64748b;display:flex;align-items:center;gap:2px}.pk-source-badge{padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600}.pk-drop-zone{flex:1;display:flex;align-items:center;justify-content:center;border:2px dashed #cbd5e1;border-radius:6px;margin:6px;font-size:12px;color:#94a3b8;min-height:80px;transition:border-color .15s,background .15s}.pk-drop-zone.pk-drag-over{border-color:#2563eb;background:#eff6ff;color:#2563eb}.pk-rejected-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.pk-rejected-toggle{width:100%;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border:none;background:transparent;font-size:14px;font-weight:500;color:#475569;transition:background .15s}.pk-rejected-toggle:hover{background:#f8fafc}.pk-rejected-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:12px}.pk-rejected-card{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px;transition:box-shadow .15s;outline:none}.pk-rejected-card:hover{box-shadow:0 2px 8px #dc26261a}.pk-rejected-card:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.pk-withdrawn-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;transition:box-shadow .15s;outline:none}.pk-withdrawn-card:hover{box-shadow:0 2px 8px #0000000f}.pk-withdrawn-card:focus-visible{outline:2px solid #64748b;outline-offset:2px}.pk-empty-board{text-align:center;padding:80px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:15px}.pk-loading{text-align:center;padding:80px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:16px;font-size:14px}.pk-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:pk-spin .7s linear infinite}@keyframes pk-spin{to{transform:rotate(360deg)}}.jl-page{display:flex;flex-direction:column;gap:20px}.jl-header{display:flex;justify-content:space-between;align-items:center}.jl-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.jl-filters{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.jl-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:220px}.jl-search input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;color:#1e293b;background:transparent}.jl-search input::placeholder{color:#94a3b8}.jl-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;outline:none}.jl-select:focus{border-color:#2563eb}.jl-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;white-space:nowrap}.jl-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.jl-btn:disabled{opacity:.45;cursor:not-allowed}.jl-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.jl-btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.jl-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.jl-table{width:100%;border-collapse:collapse}.jl-table th{text-align:left;padding:11px 14px;font-size:11px;text-transform:uppercase;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;background:#f8fafc;white-space:nowrap;letter-spacing:.04em}.jl-table td{padding:12px 14px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.jl-table tr:last-child td{border-bottom:none}.jl-table tbody tr:hover td{background:#f8fafc}.jl-title-cell{display:flex;flex-direction:column;gap:2px}.jl-job-title{font-weight:600;color:#1e293b;font-size:13px}.jl-designation{font-size:11px;color:#94a3b8}.jl-badge{display:inline-flex;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.jl-positions{display:flex;align-items:center;gap:6px;font-size:13px}.jl-pos-bar{height:4px;background:#f1f5f9;border-radius:2px;width:50px;flex-shrink:0}.jl-pos-fill{height:100%;background:#2563eb;border-radius:2px;transition:width .3s ease}.jl-closing-date{font-size:12px;font-weight:500}.jl-action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#64748b;transition:all .15s;display:flex;align-items:center;justify-content:center}.jl-action-btn:hover{background:#f1f5f9;color:#1e293b}.jl-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e2e8f0}.jl-page-info{font-size:13px;color:#64748b}.jl-page-btns{display:flex;gap:8px}.jl-empty{text-align:center;padding:60px 20px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:10px}.jl-empty p{font-size:15px;font-weight:600;color:#64748b;margin:0}.jl-empty span{font-size:13px}.jl-skel{height:14px;background:linear-gradient(90deg,#f1f5f9 25%,#e8edf2,#f1f5f9 75%);background-size:200% 100%;border-radius:4px;animation:jl-shimmer 1.4s infinite}@keyframes jl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.jl-col-dept,.jl-col-loc,.jl-col-type,.jl-col-date{display:none}.jl-header h1{font-size:18px}.jl-filters{padding:12px;gap:8px}.jl-search{min-width:160px;flex:1}.jl-pagination{flex-direction:column;gap:10px;align-items:flex-start}}.cjf-page{display:flex;flex-direction:column;gap:20px;max-width:960px;margin:0 auto}.cjf-header{display:flex;align-items:center;gap:12px}.cjf-back-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.cjf-back-btn:hover{background:#f1f5f9;color:#1e293b}.cjf-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.cjf-form{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px}.cjf-section-title{font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.cjf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cjf-full{grid-column:1 / -1}.cjf-field{display:flex;flex-direction:column;gap:4px}.cjf-field label{font-size:12px;font-weight:600;color:#374151}.cjf-field label span{color:#dc2626}.cjf-input{padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b;background:#fff;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box;font-family:inherit}.cjf-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.cjf-input::placeholder{color:#9ca3af}.cjf-textarea{min-height:100px;resize:vertical;line-height:1.5}.cjf-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.cjf-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #e2e8f0;margin-top:16px}.cjf-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.cjf-btn-draft{background:#fff;color:#475569;border:1px solid #e2e8f0}.cjf-btn-draft:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.cjf-btn-publish{background:#2563eb;color:#fff;border:none}.cjf-btn-publish:hover:not(:disabled){background:#1d4ed8}.cjf-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.cjf-grid{grid-template-columns:1fr}.cjf-full{grid-column:1}.cjf-header h1{font-size:18px}.cjf-form{padding:16px}.cjf-footer{flex-direction:column-reverse;align-items:stretch}.cjf-btn{justify-content:center}}.jd-page{display:flex;flex-direction:column;gap:20px}.jd-header{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.jd-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.jd-back-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.jd-back-btn:hover{background:#f1f5f9}.jd-title{font-size:20px;font-weight:700;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jd-header-right{display:flex;gap:8px;align-items:center;flex-shrink:0}.jd-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.jd-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;white-space:nowrap}.jd-btn:hover{background:#f8fafc}.jd-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.jd-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.jd-status-dropdown{position:relative}.jd-status-menu{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 20px #0000001a;z-index:100;min-width:150px;overflow:hidden}.jd-status-opt{padding:9px 14px;font-size:13px;color:#475569;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s}.jd-status-opt:hover{background:#f8fafc}.jd-info-grid{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:0}.jd-info-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.jd-info-row:last-child,.jd-info-row:nth-last-child(2):nth-child(odd){border-bottom:none}.jd-info-label{color:#64748b}.jd-info-value{color:#1e293b;font-weight:500;text-align:right}.jd-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.jd-section-title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 16px}.jd-text-content{font-size:14px;color:#475569;line-height:1.6;white-space:pre-wrap;margin:0}.jd-funnel-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.jd-funnel-row:last-child{margin-bottom:0}.jd-funnel-badge{min-width:120px;padding:4px 12px;border-radius:10px;font-size:12px;font-weight:600;text-align:center;flex-shrink:0}.jd-funnel-bar-track{flex:1;height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden}.jd-funnel-bar-fill{height:100%;border-radius:5px;transition:width .4s ease}.jd-funnel-count{width:40px;text-align:right;font-size:14px;font-weight:600;color:#1e293b;flex-shrink:0}.jd-loading{text-align:center;padding:80px;color:#94a3b8;font-size:15px}@media(max-width:640px){.jd-info-grid{grid-template-columns:1fr}.jd-info-row:nth-last-child(2):nth-child(odd){border-bottom:1px solid #f1f5f9}.jd-info-row:last-child{border-bottom:none}.jd-header{flex-direction:column;align-items:flex-start}.jd-header-right{width:100%;flex-wrap:wrap}.jd-title{font-size:17px}}.cl-page{display:flex;flex-direction:column;gap:20px}.cl-header{display:flex;justify-content:space-between;align-items:center}.cl-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.cl-filters{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cl-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:220px;transition:border-color .15s}.cl-search:focus-within{border-color:#2563eb}.cl-search input{border:none;outline:none;padding:8px 0;font-size:13px;width:100%;color:#1e293b;background:transparent}.cl-search input::placeholder{color:#94a3b8}.cl-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;outline:none;transition:border-color .15s}.cl-select:focus{border-color:#2563eb}.cl-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.cl-table{width:100%;border-collapse:collapse}.cl-table th{text-align:left;padding:11px 14px;font-size:11px;text-transform:uppercase;font-weight:600;color:#64748b;letter-spacing:.04em;border-bottom:2px solid #e2e8f0;background:#f8fafc;white-space:nowrap}.cl-table td{padding:12px 14px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.cl-table tbody tr:last-child td{border-bottom:none}.cl-table tbody tr:hover td{background:#f8fafc;cursor:pointer}.cl-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.cl-rating{color:#d97706;font-weight:600;font-size:13px}.cl-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e2e8f0}.cl-page-info{font-size:13px;color:#64748b}.cl-page-btns{display:flex;gap:8px}.cl-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#475569;cursor:pointer;transition:background .15s}.cl-btn:hover:not(:disabled){background:#f8fafc}.cl-btn:disabled{opacity:.5;cursor:not-allowed}.cl-empty{text-align:center;padding:60px 20px;color:#94a3b8;font-size:14px;display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.cl-table-wrap{overflow-x:auto}.cl-table{min-width:800px}.cl-filters{flex-direction:column;align-items:stretch}.cl-search{min-width:unset;width:100%}.cl-select{width:100%}}.cd-page{display:flex;flex-direction:column;gap:20px}.cd-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.cd-back-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s}.cd-back-btn:hover{background:#f1f5f9}.cd-profile{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px}.cd-profile-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.cd-name{font-size:20px;font-weight:700;color:#1e293b;margin:0}.cd-job-title{font-size:14px;color:#64748b;margin:4px 0 0}.cd-stage-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:10px;font-size:12px;font-weight:600}.cd-contact-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.cd-contact-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.cd-contact-item a{text-decoration:none}.cd-contact-item a:hover{text-decoration:underline}.cd-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.cd-info-box{background:#f8fafc;border-radius:8px;padding:10px 12px}.cd-info-lbl{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.cd-info-val{font-size:13px;font-weight:600;color:#1e293b;margin-top:2px}.cd-skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.cd-skill-chip{background:#f1f5f9;color:#475569;padding:3px 10px;border-radius:6px;font-size:12px}.cd-stars{display:flex;gap:2px;color:#d97706}.cd-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.cd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cd-section-title{font-size:15px;font-weight:600;color:#1e293b;margin:0}.cd-table{width:100%;border-collapse:collapse}.cd-table th{text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;white-space:nowrap}.cd-table td{padding:10px 12px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.cd-table tr:last-child td{border-bottom:none}.cd-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.cd-icon-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .15s}.cd-icon-btn:hover{background:#f1f5f9;color:#1e293b}.cd-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s;white-space:nowrap}.cd-btn:hover{background:#f8fafc}.cd-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.cd-btn-primary:hover{background:#1d4ed8}.cd-empty-section{text-align:center;padding:30px;color:#94a3b8;font-size:13px}.cd-loading{text-align:center;padding:80px;color:#94a3b8}@media(max-width:768px){.cd-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cd-info-grid{grid-template-columns:1fr}}.trd-page{display:flex;flex-direction:column;gap:20px}.trd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.trd-spinner{width:32px;height:32px;border:3px solid var(--theme-border, #e2e8f0);border-top-color:var(--color-primary, #4f46e5);border-radius:50%;animation:trd-spin-anim .7s linear infinite}@keyframes trd-spin-anim{to{transform:rotate(360deg)}}.trd-spin{animation:trd-spin-anim .7s linear infinite}.trd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);font-size:.88rem}.trd-error p{margin:0}.trd-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);color:var(--color-primary, #4f46e5);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.trd-retry-btn:hover{border-color:var(--color-primary, #4f46e5);background:#4f46e50a}.trd-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);text-align:center}.trd-access-denied h2{margin:0;font-size:1.2rem;font-weight:700;color:var(--theme-text-primary, #1e293b)}.trd-access-denied p{margin:0;font-size:.88rem}.trd-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.trd-header-left h1{display:flex;align-items:center;gap:8px;font-size:1.4rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0}.trd-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);color:var(--theme-text-secondary, #64748b);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.trd-refresh-btn:hover:not(:disabled){border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.trd-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.trd-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trd-kpi-card{display:flex;align-items:center;gap:14px;padding:18px;background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:12px;border-left:4px solid transparent;transition:transform .15s,box-shadow .15s}.trd-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.trd-kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.trd-kpi-body{display:flex;flex-direction:column}.trd-kpi-value{font-size:1.5rem;font-weight:700;line-height:1.1}.trd-kpi-label{font-size:.72rem;font-weight:500;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.3px;margin-top:3px}.trd-card{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:14px;padding:20px}.trd-card-title{font-size:1rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0 0 16px}.trd-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trd-bar-chart{display:flex;flex-direction:column;gap:12px}.trd-bar-row{display:flex;align-items:center;gap:12px}.trd-bar-label{width:130px;flex-shrink:0;font-size:.82rem;font-weight:600;color:var(--theme-text-primary, #1e293b);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:flex-end;gap:6px}.trd-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.trd-bar-track{flex:1;height:22px;background:var(--theme-bg-surface, #f1f5f9);border-radius:6px;overflow:hidden}.trd-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.trd-bar-dept{background:linear-gradient(90deg,#4f46e5,#6366f1)}.trd-bar-value{width:55px;text-align:right;font-size:.82rem;font-weight:700;color:var(--theme-text-primary, #1e293b);flex-shrink:0}.trd-empty-chart{padding:32px 16px;text-align:center;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.trd-table-wrap{overflow-x:auto}.trd-table{width:100%;border-collapse:collapse;font-size:.84rem}.trd-table thead th{text-align:left;padding:10px 14px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--theme-text-muted, #94a3b8);border-bottom:2px solid var(--theme-border, #e2e8f0);white-space:nowrap}.trd-table tbody tr{transition:background .1s}.trd-table tbody tr:nth-child(2n){background:var(--theme-bg-surface, #f8fafc)}.trd-table tbody tr:hover{background:#4f46e508}.trd-table tbody td{padding:10px 14px;color:var(--theme-text-secondary, #64748b);border-bottom:1px solid var(--theme-border, #f1f5f9);white-space:nowrap}.trd-cell-name{font-weight:600;color:var(--theme-text-primary, #1e293b)!important}.trd-badge{display:inline-block;padding:2px 10px;border-radius:6px;font-size:.72rem;font-weight:600;letter-spacing:.3px}.trd-score{font-weight:600;color:var(--theme-text-primary, #1e293b)}.trd-empty-table{padding:32px 16px;text-align:center;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.trd-footer{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--theme-text-muted, #94a3b8)}.trd-auto-refresh{padding:2px 8px;background:var(--theme-bg-surface, #f1f5f9);border-radius:4px;font-size:.7rem}@media(max-width:1024px){.trd-kpi-grid{grid-template-columns:repeat(2,1fr)}.trd-charts-row{grid-template-columns:1fr}.trd-bar-label{width:110px}}@media(max-width:768px){.trd-kpi-grid{grid-template-columns:1fr}.trd-header{flex-direction:column;align-items:flex-start}.trd-bar-label{width:85px;font-size:.75rem}.trd-bar-value{width:45px;font-size:.75rem}.trd-kpi-card{padding:14px}.trd-kpi-value{font-size:1.2rem}.trd-card{padding:16px}.trd-table{font-size:.78rem}.trd-table thead th,.trd-table tbody td{padding:8px 10px}.trd-footer{flex-direction:column;align-items:flex-start;gap:6px}}.trr-container{padding:0;max-width:1400px}.trr-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted)}.trr-no-access svg{opacity:.4;width:40px;height:40px}.trr-no-access p{font-size:.9375rem}.trr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.trr-filter-group{display:flex;flex-direction:column;gap:4px}.trr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.trr-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.trr-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.trr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.trr-btn:hover{background:var(--theme-bg-surface)}.trr-btn:disabled{opacity:.6;cursor:not-allowed}.trr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.trr-btn--primary:hover{background:var(--color-primary-dark)}.trr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.trr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:trr-spin .8s linear infinite}@keyframes trr-spin{to{transform:rotate(360deg)}}.trr-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--color-danger)}.trr-error svg{opacity:.5;width:40px;height:40px}.trr-error p{font-size:.9375rem}.trr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.trr-empty svg{opacity:.4;width:40px;height:40px}.trr-empty p{font-size:.9375rem}.trr-section{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden;margin-bottom:16px}.trr-section__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.trr-section__title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.trr-section__count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.trr-table-scroll{overflow-x:auto}.trr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.trr-table thead{background:var(--theme-bg-input)}.trr-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.trr-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.trr-table tbody tr:nth-child(2n){background:var(--theme-bg-input)}.trr-table tbody tr:hover{background:var(--theme-bg-surface)}.trr-table tbody tr:last-child td{border-bottom:none}.trr-course-name{font-weight:500;color:var(--theme-text-primary)}.trr-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.7rem;font-weight:600;white-space:nowrap;text-transform:capitalize}.trr-icon--yes{color:#10b981;font-size:1rem}.trr-icon--no{color:var(--theme-text-placeholder);font-size:1rem}.trr-fail-count{color:var(--color-danger);font-weight:600}.trr-score{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;font-weight:600}.trr-progress{display:inline-block;width:60px;height:6px;background:var(--theme-bg-surface);border-radius:3px;overflow:hidden;vertical-align:middle}.trr-progress--wide{width:120px}.trr-progress__fill{height:100%;border-radius:3px;transition:width .3s}.trr-progress__fill--green{background:#10b981}.trr-progress__fill--yellow{background:#f59e0b}.trr-progress__fill--red{background:#ef4444}.trr-progress__label{font-size:.75rem;font-weight:600;color:var(--theme-text-dark);margin-left:6px;font-family:SF Mono,Menlo,Consolas,monospace}.trr-compliance-cell{display:flex;align-items:center}.trr-chart{padding:16px;display:flex;flex-direction:column;gap:14px}.trr-chart__row{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:12px}.trr-chart__label{font-size:.8125rem;font-weight:500;color:var(--theme-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trr-chart__bar-wrapper{height:24px;background:var(--theme-bg-surface);border-radius:4px;overflow:hidden;min-width:60px}.trr-chart__bar{height:100%;background:var(--color-primary-hover);border-radius:4px;transition:width .4s ease;min-width:4px}.trr-chart__meta{display:flex;align-items:center;gap:10px;min-width:240px}.trr-chart__cost{font-size:.8125rem;font-weight:600;color:var(--theme-text-primary);font-family:SF Mono,Menlo,Consolas,monospace;min-width:90px}.trr-chart__detail{font-size:.75rem;color:var(--theme-text-muted);white-space:nowrap}@media(max-width:1024px){.trr-chart__row{grid-template-columns:120px 1fr auto}.trr-chart__meta{min-width:180px}}@media(max-width:768px){.trr-container{padding:16px}.trr-filters{flex-direction:column}.trr-filter-select{width:100%}.trr-chart__row{grid-template-columns:1fr;gap:4px}.trr-chart__meta{min-width:unset;flex-wrap:wrap}.trr-chart__bar-wrapper{height:18px}.trr-table-scroll{overflow-x:auto}}.tcl-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.tcl-page-header h1{font-size:1.5rem;font-weight:700;color:var(--theme-text-primary);margin:0}.tcl-header-actions{display:flex;gap:10px;flex-wrap:wrap}.tcl-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}.tcl-add-btn{background:var(--color-primary);color:#fff}.tcl-add-btn:hover{opacity:.9}.tcl-retry-btn{background:var(--theme-bg-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border-medium)}.tcl-retry-btn:hover{background:var(--theme-bg-hover)}.tcl-filters-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.tcl-filter-select{padding:7px 12px;border:1px solid var(--theme-border-medium);border-radius:8px;background:var(--theme-bg-card);color:var(--theme-text-primary);font-size:.85rem;cursor:pointer;min-width:140px}.tcl-filter-select:focus{outline:none;border-color:var(--color-primary)}.tcl-search-box{display:flex;align-items:center;gap:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border-medium);border-radius:8px;padding:6px 12px;flex:1;min-width:180px;max-width:280px}.tcl-search-box input{border:none;outline:none;background:transparent;font-size:.85rem;color:var(--theme-text-primary);width:100%}.tcl-search-box svg{color:var(--theme-text-tertiary);flex-shrink:0}.tcl-table-wrap{overflow-x:auto;background:var(--theme-bg-card);border:1px solid var(--theme-border-light);border-radius:12px;box-shadow:0 1px 3px #0000000f}.tcl-table{width:100%;border-collapse:collapse;font-size:.85rem}.tcl-table thead th{text-align:left;padding:12px 14px;font-weight:600;color:var(--theme-text-secondary);background:var(--theme-bg-surface);border-bottom:1px solid var(--theme-border-light);white-space:nowrap;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.tcl-table tbody td{padding:11px 14px;color:var(--theme-text-primary);border-bottom:1px solid var(--theme-border-light);vertical-align:middle}.tcl-row:hover{background:var(--theme-bg-hover, rgba(0, 0, 0, .02))}.tcl-row:last-child td{border-bottom:none}.tcl-course-name{color:var(--color-primary);font-weight:500;cursor:pointer;transition:color .15s}.tcl-course-name:hover{text-decoration:underline;opacity:.85}.tcl-code{font-size:.78rem;color:var(--theme-text-tertiary);background:var(--theme-bg-surface);padding:2px 8px;border-radius:6px;font-family:monospace;white-space:nowrap}.tcl-category-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid;white-space:nowrap}.tcl-mandatory-yes{color:#16a34a;font-weight:700;font-size:1rem}.tcl-mandatory-no{color:#94a3b8;font-weight:700;font-size:1rem}.tcl-center{text-align:center}.tcl-active-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.tcl-active-green{background:#16a34a;box-shadow:0 0 0 3px #16a34a33}.tcl-active-red{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.tcl-actions{display:flex;gap:6px;justify-content:center}.tcl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--theme-border-medium);border-radius:8px;background:var(--theme-bg-surface);cursor:pointer;transition:all .2s;color:var(--theme-text-secondary)}.tcl-delete-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.tcl-pagination{display:flex;align-items:center;gap:6px;margin-top:20px;flex-wrap:wrap}.tcl-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border:1px solid var(--theme-border-medium);border-radius:8px;background:var(--theme-bg-card);color:var(--theme-text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.tcl-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.tcl-page-btn:disabled{opacity:.4;cursor:not-allowed}.tcl-page-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tcl-page-active:hover{color:#fff}.tcl-page-ellipsis{padding:0 4px;color:var(--theme-text-tertiary);font-size:.85rem}.tcl-page-info{margin-left:12px;font-size:.8rem;color:var(--theme-text-tertiary)}.tcl-empty-state{text-align:center;padding:60px 20px;color:var(--theme-text-tertiary)}.tcl-empty-state svg{margin-bottom:12px;opacity:.4}.tcl-empty-state h3{margin:0 0 6px;color:var(--theme-text-secondary)}.tcl-empty-state p{margin:0;font-size:.85rem}.tcl-error-state{text-align:center;padding:40px 20px;color:#ef4444}.tcl-error-state p{margin:0 0 12px;font-size:.9rem}@media(max-width:1024px){.tcl-filters-bar{gap:8px}.tcl-filter-select{min-width:120px;font-size:.8rem}}@media(max-width:768px){.tcl-page-header{flex-direction:column;align-items:flex-start}.tcl-filters-bar{flex-direction:column;align-items:stretch}.tcl-filter-select{min-width:100%}.tcl-search-box{max-width:100%}.tcl-table-wrap{border-radius:8px}.tcl-table thead th,.tcl-table tbody td{padding:9px 10px;font-size:.78rem}.tcl-pagination{justify-content:center}.tcl-page-info{width:100%;text-align:center;margin-left:0;margin-top:8px}}@media(max-width:480px){.tcl-page-header h1{font-size:1.25rem}.tcl-table thead th,.tcl-table tbody td{padding:8px 6px;font-size:.75rem}}.tcc-page{display:flex;flex-direction:column;gap:20px;max-width:960px;margin:0 auto}.tcc-header{display:flex;align-items:center;gap:12px}.tcc-back-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.tcc-back-btn:hover{background:#f1f5f9;color:#1e293b}.tcc-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.tcc-form{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px}.tcc-section-title{font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.tcc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tcc-full{grid-column:1 / -1}.tcc-field{display:flex;flex-direction:column;gap:4px}.tcc-field label{font-size:12px;font-weight:600;color:#374151}.tcc-field label span{color:#dc2626}.tcc-input{padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b;background:#fff;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box;font-family:inherit}.tcc-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.tcc-input::placeholder{color:#9ca3af}.tcc-textarea{min-height:100px;resize:vertical;line-height:1.5}.tcc-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.tcc-checkbox-field{display:flex;align-items:center}.tcc-checkbox-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer}.tcc-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer}.tcc-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #e2e8f0;margin-top:16px}.tcc-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.tcc-btn-create{background:#2563eb;color:#fff;border:none}.tcc-btn-create:hover:not(:disabled){background:#1d4ed8}.tcc-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.tcc-grid{grid-template-columns:1fr}.tcc-full{grid-column:1}.tcc-header h1{font-size:18px}.tcc-form{padding:16px}.tcc-footer{flex-direction:column-reverse;align-items:stretch}.tcc-btn{justify-content:center}}.tcd-page{display:flex;flex-direction:column;gap:20px}.tcd-header{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tcd-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.tcd-back-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.tcd-back-btn:hover{background:#f1f5f9}.tcd-title{font-size:20px;font-weight:700;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcd-code{font-size:13px;font-weight:500;color:#64748b;background:#f1f5f9;padding:2px 10px;border-radius:6px;white-space:nowrap;flex-shrink:0}.tcd-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.tcd-badge-type{color:#0891b2;background:#cffafe}.tcd-badge-active{color:#16a34a;background:#dcfce7}.tcd-badge-inactive{color:#94a3b8;background:#f8fafc}.tcd-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.tcd-section-title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 16px}.tcd-text-content{font-size:14px;color:#475569;line-height:1.6;white-space:pre-wrap;margin:0}.tcd-info-grid{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:0}.tcd-info-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.tcd-info-row:last-child,.tcd-info-row:nth-last-child(2):nth-child(odd){border-bottom:none}.tcd-info-label{color:#64748b}.tcd-info-value{color:#1e293b;font-weight:500;text-align:right}.tcd-link{color:#2563eb;text-decoration:none;display:inline-flex;align-items:center;gap:4px;font-weight:500}.tcd-link:hover{text-decoration:underline}.tcd-stats-row{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.tcd-stat-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #2563eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:4px}.tcd-stat-value{font-size:22px;font-weight:700;line-height:1.2}.tcd-stat-label{font-size:12px;color:#64748b;font-weight:500}.tcd-actions-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tcd-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;white-space:nowrap}.tcd-btn:hover{background:#f8fafc}.tcd-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.tcd-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.tcd-btn-danger{border-color:#dc2626;color:#dc2626}.tcd-btn-danger:hover{background:#fee2e2}.tcd-table-wrap{overflow-x:auto}.tcd-table{width:100%;border-collapse:collapse}.tcd-table th{text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;white-space:nowrap}.tcd-table td{padding:10px 12px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.tcd-table tr:last-child td{border-bottom:none}.tcd-row-actions{display:flex;gap:4px;align-items:center}.tcd-icon-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#64748b;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.tcd-icon-btn:hover{background:#f1f5f9;color:#1e293b}.tcd-icon-complete:hover{color:#16a34a;background:#dcfce7}.tcd-icon-cancel:hover{color:#dc2626;background:#fee2e2}.tcd-no-action{color:#cbd5e1;font-size:13px;padding:0 6px}.tcd-empty{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.tcd-loading{text-align:center;padding:80px;color:#94a3b8;font-size:15px}@media(max-width:1024px){.tcd-stats-row{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.tcd-stats-row{grid-template-columns:repeat(2,1fr)}.tcd-info-grid{grid-template-columns:1fr}.tcd-info-row:nth-last-child(2):nth-child(odd){border-bottom:1px solid #f1f5f9}.tcd-info-row:last-child{border-bottom:none}.tcd-header{flex-direction:column;align-items:flex-start}.tcd-header-left{width:100%}.tcd-title{font-size:17px}.tcd-actions-row{width:100%}.tcd-table th,.tcd-table td{padding:8px;font-size:12px}}.tal-page{padding:0}.tal-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#94a3b8;text-align:center}.tal-access-denied h2{color:#475569;margin:16px 0 4px;font-size:18px}.tal-access-denied p{font-size:13px;color:#94a3b8;margin:0}.tal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:#64748b;font-size:14px}.tal-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:tal-spin-anim .7s linear infinite}.tal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#ef4444}.tal-error p{color:#475569;margin:12px 0;font-size:14px}.tal-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#475569;cursor:pointer}.tal-retry-btn:hover{background:#f8fafc}.tal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tal-header-left h1{font-size:22px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.tal-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}.tal-btn:hover{background:#f8fafc}.tal-btn:disabled{opacity:.6;cursor:not-allowed}.tal-refresh-btn{white-space:nowrap}.tal-apply-btn{background:#2563eb;color:#fff;border-color:#2563eb}.tal-apply-btn:hover{background:#1d4ed8}.tal-reset-btn{color:#64748b}.tal-reset-btn:hover{background:#f1f5f9}.tal-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.tal-filter-icon{color:#94a3b8;flex-shrink:0}.tal-filter{padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;min-width:0}.tal-filter:focus{outline:none;border-color:#2563eb}input[type=number].tal-filter{width:110px}.tal-checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569;cursor:pointer;white-space:nowrap}.tal-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer}.tal-empty{text-align:center;padding:60px 20px;color:#94a3b8}.tal-empty svg{margin-bottom:16px;opacity:.4}.tal-empty h3{color:#475569;margin-bottom:4px}.tal-empty p{font-size:13px;color:#94a3b8;margin:0}.tal-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;margin-bottom:12px}.tal-table{width:100%;border-collapse:collapse;min-width:1100px}.tal-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}.tal-table tbody td{padding:10px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.tal-table tbody tr:hover{background:#f8fafc}.tal-cell-name{font-weight:500;color:#1e293b;white-space:nowrap}.tal-cell-code{font-size:12px;color:#94a3b8;font-family:monospace;white-space:nowrap}.tal-cell-course{font-weight:500;color:#1e293b;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tal-cell-date{font-size:12px;color:#64748b;white-space:nowrap}.tal-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;display:inline-block;white-space:nowrap}.tal-actions-cell{display:flex;gap:6px;align-items:center;white-space:nowrap}.tal-action-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;background:none}.tal-complete-btn{color:#16a34a;border-color:#86efac}.tal-complete-btn:hover{background:#dcfce7}.tal-cancel-btn{color:#ef4444;border-color:#fca5a5}.tal-cancel-btn:hover{background:#fee2e2}.tal-no-action{color:#cbd5e1;font-size:13px}.tal-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.tal-pagination button{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer;transition:all .15s}.tal-pagination button:hover:not(:disabled){background:#f8fafc}.tal-pagination button:disabled{opacity:.4;cursor:not-allowed}.tal-pagination span{font-size:13px;color:#64748b}@keyframes tal-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tal-spin{animation:tal-spin-anim .8s linear infinite}@media(max-width:1024px){.tal-filter-bar{gap:6px;padding:10px 12px}.tal-filter{padding:6px 10px;font-size:12px}input[type=number].tal-filter{width:90px}.tal-table{min-width:1000px}}@media(max-width:768px){.tal-header{flex-direction:column;gap:12px;align-items:flex-start}.tal-filter-bar{flex-direction:column;align-items:stretch;gap:8px}.tal-filter,input[type=number].tal-filter{width:100%}.tal-checkbox-label{padding:4px 0}.tal-filter-bar .tal-btn{width:100%;justify-content:center}.tal-table{min-width:900px}.tal-pagination{flex-wrap:wrap;gap:8px}}.teh-page{padding:0}.teh-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.teh-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.teh-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;transition:all .15s;flex-shrink:0}.teh-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.teh-employee-card{display:flex;align-items:center;gap:24px;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px}.teh-employee-detail{display:flex;align-items:center;gap:8px}.teh-employee-icon{color:#4f46e5;flex-shrink:0}.teh-employee-name{font-size:15px;font-weight:600;color:#1e293b}.teh-employee-code{font-size:13px;font-weight:500;color:#64748b}.teh-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.teh-summary-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-left:3px solid;border-radius:12px;transition:box-shadow .15s}.teh-summary-card:hover{box-shadow:0 4px 12px #00000014}.teh-summary-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.teh-summary-body{display:flex;flex-direction:column}.teh-summary-value{font-size:20px;font-weight:700}.teh-summary-label{font-size:11px;color:#64748b;margin-top:2px}.teh-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.teh-table{width:100%;border-collapse:collapse;min-width:1100px}.teh-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}.teh-table tbody td{padding:10px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle;white-space:nowrap}.teh-table tbody tr:hover{background:#f8fafc}.teh-table tbody tr:last-child td{border-bottom:none}.teh-cell-course{font-weight:500;color:#1e293b;max-width:200px;overflow:hidden;text-overflow:ellipsis}.teh-cell-center{text-align:center}.teh-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.teh-mandatory-yes{color:#16a34a;font-size:15px;font-weight:700}.teh-mandatory-no{color:#94a3b8;font-size:15px;font-weight:700}.teh-cert-link{display:inline-flex;align-items:center;gap:4px;color:#2563eb;font-size:12px;font-weight:500;text-decoration:none;padding:3px 8px;border-radius:6px;transition:background .15s,color .15s}.teh-cert-link:hover{background:#2563eb14;color:#1d4ed8}.teh-cell-expiry{font-weight:600;border-radius:6px;padding:2px 6px}.teh-expired{color:#dc2626;background:#fee2e2}.teh-expiring-soon{color:#d97706;background:#fef9c3}.teh-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#ef4444;text-align:center}.teh-access-denied h2{margin:16px 0 8px;font-size:20px;color:#1e293b}.teh-access-denied p{color:#64748b;font-size:14px}.teh-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:#94a3b8;font-size:14px}.teh-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:teh-spin .7s linear infinite}@keyframes teh-spin{to{transform:rotate(360deg)}}.teh-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:10px;color:#ef4444;font-size:14px;text-align:center}.teh-error svg{font-size:28px}.teh-retry-btn{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s}.teh-retry-btn:hover{border-color:#4f46e5}.teh-empty{text-align:center;padding:60px 20px;color:#94a3b8}.teh-empty svg{margin-bottom:12px;opacity:.4}.teh-empty h3{font-size:16px;color:#475569;margin:0 0 6px}.teh-empty p{font-size:13px;color:#94a3b8;margin:0}@media(max-width:1024px){.teh-summary-grid{grid-template-columns:repeat(3,1fr)}.teh-table{min-width:1000px}}@media(max-width:768px){.teh-header h1{font-size:18px}.teh-employee-card{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.teh-summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}.teh-summary-card{padding:12px}.teh-summary-value{font-size:16px}.teh-summary-icon{width:34px;height:34px}.teh-table-wrap{border-radius:8px}}.pjd-page{display:flex;flex-direction:column;gap:20px}.pjd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.pjd-spinner{width:32px;height:32px;border:3px solid var(--theme-border, #e2e8f0);border-top-color:var(--color-primary, #4f46e5);border-radius:50%;animation:pjd-spin-anim .7s linear infinite}@keyframes pjd-spin-anim{to{transform:rotate(360deg)}}.pjd-spin{animation:pjd-spin-anim .7s linear infinite}.pjd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);font-size:.88rem}.pjd-error p{margin:0}.pjd-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);color:var(--color-primary, #4f46e5);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.pjd-retry-btn:hover{border-color:var(--color-primary, #4f46e5);background:#4f46e50a}.pjd-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);text-align:center}.pjd-access-denied h2{margin:0;font-size:1.2rem;font-weight:700;color:var(--theme-text-primary, #1e293b)}.pjd-access-denied p{margin:0;font-size:.88rem}.pjd-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.pjd-header-left h1{display:flex;align-items:center;gap:8px;font-size:1.4rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0}.pjd-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);color:var(--theme-text-secondary, #64748b);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.pjd-refresh-btn:hover:not(:disabled){border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.pjd-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.pjd-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pjd-kpi-card{display:flex;align-items:center;gap:14px;padding:18px;background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:12px;border-left:4px solid transparent;transition:transform .15s,box-shadow .15s}.pjd-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.pjd-kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pjd-kpi-body{display:flex;flex-direction:column}.pjd-kpi-value{font-size:1.5rem;font-weight:700;line-height:1.1}.pjd-kpi-label{font-size:.72rem;font-weight:500;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.3px;margin-top:3px}.pjd-card{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:14px;padding:20px}.pjd-card-title{font-size:1rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0 0 16px}.pjd-bar-chart{display:flex;flex-direction:column;gap:12px}.pjd-bar-row{display:flex;align-items:center;gap:12px}.pjd-bar-label{width:140px;flex-shrink:0;font-size:.82rem;font-weight:600;color:var(--theme-text-primary, #1e293b);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:flex-end;gap:6px}.pjd-project-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.pjd-bar-track{flex:1;height:22px;background:var(--theme-bg-surface, #f1f5f9);border-radius:6px;overflow:hidden;position:relative}.pjd-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.pjd-bar-budget{position:absolute;top:0;bottom:0;width:2px;border-left:2px dashed var(--theme-text-muted, #94a3b8);pointer-events:none}.pjd-bar-value{width:100px;text-align:right;font-size:.82rem;font-weight:700;color:var(--theme-text-primary, #1e293b);flex-shrink:0;white-space:nowrap}.pjd-bar-budget-label{font-weight:500;color:var(--theme-text-muted, #94a3b8);font-size:.75rem;margin-left:2px}.pjd-empty-chart{padding:32px 16px;text-align:center;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.pjd-table-wrap{overflow-x:auto}.pjd-table{width:100%;border-collapse:collapse;font-size:.84rem}.pjd-table thead th{text-align:left;padding:10px 14px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--theme-text-muted, #94a3b8);border-bottom:2px solid var(--theme-border, #e2e8f0);white-space:nowrap}.pjd-table tbody tr{transition:background .1s}.pjd-table tbody tr:nth-child(2n){background:var(--theme-bg-surface, #f8fafc)}.pjd-table tbody tr:hover{background:#4f46e508}.pjd-table tbody td{padding:10px 14px;color:var(--theme-text-secondary, #64748b);border-bottom:1px solid var(--theme-border, #f1f5f9);white-space:nowrap}.pjd-cell-name{font-weight:600;color:var(--theme-text-primary, #1e293b)!important;display:flex;align-items:center;gap:8px}.pjd-progress-wrap{display:flex;align-items:center;gap:8px;min-width:120px}.pjd-progress-track{flex:1;height:8px;background:var(--theme-bg-surface, #f1f5f9);border-radius:4px;overflow:hidden}.pjd-progress-fill{height:100%;border-radius:4px;background:var(--color-primary, #4f46e5);transition:width .4s ease}.pjd-progress-over{background:#dc2626}.pjd-progress-text{font-size:.75rem;font-weight:600;color:var(--theme-text-secondary, #64748b);white-space:nowrap;min-width:36px;text-align:right}.pjd-member-count{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--theme-text-secondary, #64748b)}.pjd-empty-table{padding:32px 16px;text-align:center;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.pjd-footer{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--theme-text-muted, #94a3b8)}.pjd-auto-refresh{padding:2px 8px;background:var(--theme-bg-surface, #f1f5f9);border-radius:4px;font-size:.7rem}@media(max-width:1024px){.pjd-kpi-grid{grid-template-columns:repeat(2,1fr)}.pjd-bar-label{width:110px}.pjd-bar-value{width:85px}}@media(max-width:768px){.pjd-kpi-grid{grid-template-columns:1fr}.pjd-header{flex-direction:column;align-items:flex-start}.pjd-bar-label{width:85px;font-size:.75rem}.pjd-bar-value{width:70px;font-size:.75rem}.pjd-kpi-card{padding:14px}.pjd-kpi-value{font-size:1.2rem}.pjd-card{padding:16px}.pjd-table{font-size:.78rem}.pjd-table thead th,.pjd-table tbody td{padding:8px 10px}.pjd-footer{flex-direction:column;align-items:flex-start;gap:6px}}.pjl-page{max-width:1440px;margin:0 auto}.pjl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.pjl-title{font-size:1.5rem;font-weight:700;color:var(--theme-text-primary);margin:0}.pjl-header-actions{display:flex;gap:10px;flex-wrap:wrap}.pjl-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap;line-height:1.4}.pjl-btn:disabled{opacity:.5;cursor:not-allowed}.pjl-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pjl-btn-primary:hover:not(:disabled){opacity:.9}.pjl-btn-ghost{background:var(--theme-bg-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border-medium)}.pjl-btn-ghost:hover:not(:disabled){background:var(--theme-bg-hover)}.pjl-btn-sm{padding:6px 12px;font-size:.8rem}.pjl-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.pjl-search-box{display:flex;align-items:center;gap:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border-medium);border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:300px}.pjl-search-box input{border:none;outline:none;background:transparent;font-size:.85rem;color:var(--theme-text-primary);width:100%}.pjl-search-box svg{color:var(--theme-text-tertiary);flex-shrink:0}.pjl-filter-select{padding:7px 12px;border-radius:8px;border:1px solid var(--theme-border-medium);background:var(--theme-bg-card);color:var(--theme-text-primary);font-size:.85rem;cursor:pointer;outline:none;min-width:140px}.pjl-filter-select:focus{border-color:var(--color-primary)}.pjl-error{text-align:center;padding:40px 20px;color:var(--theme-text-secondary)}.pjl-error p{margin:0 0 12px;font-size:.9rem}.pjl-empty{text-align:center;padding:60px 20px;color:var(--theme-text-tertiary)}.pjl-empty svg{margin-bottom:12px;opacity:.4}.pjl-empty h3{margin:0 0 6px;color:var(--theme-text-secondary)}.pjl-empty p{margin:0;font-size:.85rem}.pjl-table-wrap{overflow-x:auto;background:var(--theme-bg-card);border:1px solid var(--theme-border-light);border-radius:12px;box-shadow:0 1px 3px #0000000f}.pjl-table{width:100%;border-collapse:collapse;font-size:.85rem}.pjl-table thead th{padding:12px 14px;text-align:left;font-weight:600;font-size:.78rem;color:var(--theme-text-tertiary);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--theme-border-light);white-space:nowrap;background:var(--theme-bg-surface)}.pjl-table tbody td{padding:11px 14px;color:var(--theme-text-primary);border-bottom:1px solid var(--theme-border-light);white-space:nowrap}.pjl-row:hover{background:var(--theme-bg-hover)}.pjl-row:last-child td{border-bottom:none}.pjl-color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle}.pjl-project-name{color:var(--color-primary);font-weight:600;cursor:pointer;transition:color .15s}.pjl-project-name:hover{text-decoration:underline;opacity:.85}.pjl-code{font-size:.75rem;color:var(--theme-text-tertiary);background:var(--theme-bg-surface);padding:2px 8px;border-radius:6px;font-family:monospace}.pjl-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.72rem;font-weight:600;white-space:nowrap}.pjl-logged-cell{display:flex;flex-direction:column;gap:4px;min-width:80px}.pjl-progress-bar{width:100%;height:4px;background:var(--theme-border-light);border-radius:2px;overflow:hidden}.pjl-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.pjl-member-count{display:inline-flex;align-items:center;gap:4px;color:var(--theme-text-secondary);font-size:.83rem}.pjl-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;padding:12px 0}.pjl-pagination-info{font-size:.85rem;color:var(--theme-text-tertiary)}.pjl-pagination-controls{display:flex;align-items:center;gap:8px}.pjl-pagination-page{font-size:.85rem;font-weight:500;color:var(--theme-text-secondary);min-width:100px;text-align:center}@keyframes pjl-spin{to{transform:rotate(360deg)}}.pjl-spin{animation:pjl-spin 1s linear infinite}@media(max-width:1024px){.pjl-table-wrap{border-radius:8px}.pjl-table thead th,.pjl-table tbody td{padding:10px;font-size:.8rem}}@media(max-width:768px){.pjl-header{flex-direction:column;align-items:flex-start}.pjl-filters{flex-direction:column;align-items:stretch}.pjl-search-box{max-width:100%}.pjl-filter-select{min-width:0;width:100%}.pjl-table-wrap{border-radius:8px;margin:0 -8px}.pjl-table thead th,.pjl-table tbody td{padding:8px;font-size:.78rem}.pjl-pagination{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.pjl-header-actions{width:100%}.pjl-header-actions .pjl-btn{flex:1;justify-content:center}}.cpj-page{display:flex;flex-direction:column;gap:20px;max-width:960px;margin:0 auto}.cpj-header{display:flex;align-items:center;gap:12px}.cpj-back-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.cpj-back-btn:hover{background:#f1f5f9;color:#1e293b}.cpj-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.cpj-form{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px}.cpj-section-title{font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.cpj-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cpj-full{grid-column:1 / -1}.cpj-field{display:flex;flex-direction:column;gap:4px}.cpj-field label{font-size:12px;font-weight:600;color:#374151}.cpj-field label span{color:#dc2626}.cpj-input{padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b;background:#fff;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box;font-family:inherit}.cpj-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.cpj-input::placeholder{color:#9ca3af}.cpj-textarea{min-height:100px;resize:vertical;line-height:1.5}.cpj-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.cpj-color-wrapper{display:flex;align-items:center;gap:12px}.cpj-color-input{width:44px;height:44px;padding:2px;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;background:none;transition:border-color .15s;flex-shrink:0}.cpj-color-input:hover{border-color:#2563eb}.cpj-color-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.cpj-color-value{font-size:13px;font-weight:500;color:#64748b;font-family:monospace;letter-spacing:.5px}.cpj-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #e2e8f0;margin-top:16px}.cpj-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.cpj-btn-create{background:#2563eb;color:#fff;border:none}.cpj-btn-create:hover:not(:disabled){background:#1d4ed8}.cpj-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.cpj-grid{grid-template-columns:1fr}.cpj-full{grid-column:1}.cpj-header h1{font-size:18px}.cpj-form{padding:16px}.cpj-footer{flex-direction:column-reverse;align-items:stretch}.cpj-btn{justify-content:center}}.pdt-page{display:flex;flex-direction:column;gap:20px;min-height:100%;padding:0}.pdt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.pdt-spinner{width:48px;height:48px;border:4px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:pdt-spin .8s linear infinite}@keyframes pdt-spin{to{transform:rotate(360deg)}}.pdt-loading p{font-size:15px;color:var(--theme-text-muted);font-weight:500}.pdt-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--theme-text-muted);font-size:15px}.pdt-nav{display:flex;justify-content:space-between;align-items:center}.pdt-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--theme-text-secondary);background:var(--theme-bg-card);border:1.5px solid var(--theme-border);border-radius:10px;cursor:pointer;transition:all .2s}.pdt-back:hover{border-color:var(--color-primary);color:var(--color-primary)}.pdt-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--theme-text-secondary);background:var(--theme-bg-card);border:1.5px solid var(--theme-border);border-radius:10px;cursor:pointer;transition:all .2s}.pdt-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pdt-btn:disabled{opacity:.6;cursor:not-allowed}.pdt-btn svg.spin{animation:pdt-spin .8s linear infinite}.pdt-header-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:14px;padding:20px 24px}.pdt-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.pdt-header-title{display:flex;align-items:center;gap:10px;min-width:0}.pdt-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #6366f126}.pdt-header-title h1{font-size:22px;font-weight:700;color:var(--theme-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdt-code-badge{display:inline-block;padding:2px 10px;font-size:11px;font-weight:700;color:var(--color-primary);background:var(--color-primary-light);border-radius:6px;white-space:nowrap;letter-spacing:.5px}.pdt-header-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.pdt-badge{display:inline-block;padding:4px 12px;font-size:11px;font-weight:700;border-radius:8px;white-space:nowrap}.pdt-description{margin:12px 0 0;font-size:14px;color:var(--theme-text-secondary);line-height:1.6}.pdt-section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--theme-text-primary);margin:0 0 16px}.pdt-section-title svg{font-size:18px;color:var(--color-primary)}.pdt-info-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:14px;padding:20px 24px}.pdt-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pdt-info-item{display:flex;flex-direction:column;gap:4px}.pdt-info-label{font-size:12px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px}.pdt-info-value{font-size:14px;font-weight:600;color:var(--theme-text-primary)}.pdt-budget-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:14px;padding:20px 24px}.pdt-budget-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pdt-budget-item{display:flex;flex-direction:column;gap:8px}.pdt-budget-header{display:flex;justify-content:space-between;align-items:center}.pdt-budget-label{font-size:13px;font-weight:700;color:var(--theme-text-primary)}.pdt-budget-stats{font-size:12px;font-weight:600;color:var(--theme-text-muted)}.pdt-progress-track{width:100%;height:10px;background:var(--theme-bg-surface, #eaf1f9);border-radius:6px;overflow:hidden;border:1px solid var(--theme-border)}.pdt-progress-fill{height:100%;border-radius:6px;transition:width .5s ease;min-width:0}.pdt-progress-hours{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.pdt-progress-cost{background:linear-gradient(90deg,#10b981,#34d399)}.pdt-progress-pct{font-size:12px;font-weight:700;color:var(--theme-text-secondary);text-align:right}.pdt-budget-note{margin-top:12px;padding:10px 14px;background:var(--theme-bg-surface, #eaf1f9);border-radius:8px;font-size:13px;color:var(--theme-text-muted);border:1px solid var(--theme-border)}.pdt-budget-note strong{color:var(--theme-text-primary);font-weight:700}.pdt-actions-row{display:flex;gap:10px;flex-wrap:wrap}.pdt-action-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;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}.pdt-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pdt-action-status{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pdt-action-status:hover{background:var(--color-primary-hover, #4f46e5);border-color:var(--color-primary-hover, #4f46e5);color:#fff}.pdt-action-add{background:var(--color-success);color:#fff;border-color:var(--color-success)}.pdt-action-add:hover{background:var(--color-success-hover, #059669);border-color:var(--color-success-hover, #059669);color:#fff}.pdt-members-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:14px;padding:20px 24px}.pdt-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pdt-table{width:100%;border-collapse:collapse;font-size:13px}.pdt-table thead th{text-align:left;padding:10px 12px;font-size:11px;font-weight:700;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--theme-border);white-space:nowrap}.pdt-table tbody td{padding:10px 12px;color:var(--theme-text-primary);border-bottom:1px solid var(--theme-border-light, #d6e4f0);vertical-align:middle}.pdt-table tbody tr:hover{background:var(--theme-bg-hover, #e0ecf6)}.pdt-table tbody tr:last-child td{border-bottom:none}.pdt-member-name{display:flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}.pdt-member-icon{font-size:14px;color:var(--theme-text-disabled);flex-shrink:0}.pdt-code-cell{font-size:12px;font-weight:600;color:var(--theme-text-muted);font-family:SF Mono,Monaco,monospace}.pdt-flag-on{font-weight:700;color:var(--color-success)}.pdt-flag-off{font-weight:700;color:var(--color-danger)}.pdt-active-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.pdt-dot-green{background:var(--color-success);box-shadow:0 0 0 3px #10b98133}.pdt-dot-red{background:var(--color-danger);box-shadow:0 0 0 3px #ef444433}.pdt-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--theme-border);background:transparent;cursor:pointer;color:var(--theme-text-secondary);transition:all .2s}.pdt-icon-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:#6366f114}.pdt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--theme-text-disabled)}.pdt-empty svg{font-size:32px;margin-bottom:12px;opacity:.5}.pdt-empty p{font-size:14px;color:var(--theme-text-muted);margin:0}.pdt-footer-meta{display:flex;gap:16px;font-size:12px;color:var(--theme-text-muted);padding:4px 0}@media(max-width:1024px){.pdt-info-grid,.pdt-budget-grid{grid-template-columns:1fr 1fr}.pdt-header-top{flex-direction:column;gap:12px}}@media(max-width:768px){.pdt-page{gap:14px}.pdt-header-card,.pdt-info-card,.pdt-budget-card,.pdt-members-card{padding:16px;border-radius:12px}.pdt-header-title h1{font-size:18px}.pdt-info-grid{grid-template-columns:1fr}.pdt-budget-grid{grid-template-columns:1fr;gap:16px}.pdt-nav{flex-direction:row;gap:8px}.pdt-actions-row{flex-direction:column}.pdt-action-btn{width:100%;justify-content:center}.pdt-table{font-size:12px}.pdt-table thead th,.pdt-table tbody td{padding:8px}.pdt-header-badges{flex-wrap:wrap}.pdt-footer-meta{flex-direction:column;gap:4px}}.tsl-page{display:flex;flex-direction:column;gap:20px}.tsl-header{display:flex;justify-content:space-between;align-items:center}.tsl-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.tsl-no-access{text-align:center;padding:80px 20px;color:#94a3b8}.tsl-no-access h2{margin:16px 0 8px;color:#475569;font-size:20px}.tsl-no-access p{font-size:14px;color:#94a3b8}.tsl-filters{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tsl-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;outline:none}.tsl-select:focus{border-color:#2563eb}.tsl-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;outline:none;width:120px}.tsl-input:focus{border-color:#2563eb}.tsl-date-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;outline:none}.tsl-date-input:focus{border-color:#2563eb}.tsl-btn{display:inline-flex;align-items:center;gap:5px;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}.tsl-btn:hover{background:#f8fafc}.tsl-btn-apply{background:#2563eb;color:#fff;border-color:#2563eb}.tsl-btn-apply:hover{background:#1d4ed8;border-color:#1d4ed8}.tsl-btn-reset{background:#fff;color:#64748b;border-color:#e2e8f0}.tsl-btn-reset:hover{background:#f1f5f9;color:#475569}.tsl-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.tsl-table{width:100%;border-collapse:collapse}.tsl-table th{text-align:left;padding:11px 14px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #e2e8f0;background:#f8fafc;white-space:nowrap}.tsl-table td{padding:12px 14px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.tsl-table tr:last-child td{border-bottom:none}.tsl-table tr:hover td{background:#f8fafc}.tsl-emp-name{font-weight:500;color:#1e293b}.tsl-emp-code{font-size:12px;color:#64748b;font-family:monospace}.tsl-hours{font-weight:600;color:#1e293b;text-align:left}.tsl-badge{display:inline-flex;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.tsl-actions{display:flex;gap:6px;flex-wrap:wrap}.tsl-action-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.tsl-action-view{color:#2563eb;border-color:#bfdbfe}.tsl-action-view:hover{background:#eff6ff;border-color:#93c5fd}.tsl-action-approve{color:#16a34a;border-color:#bbf7d0}.tsl-action-approve:hover{background:#f0fdf4;border-color:#86efac}.tsl-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e2e8f0}.tsl-page-info{font-size:13px;color:#64748b}.tsl-page-btns{display:flex;gap:8px}.tsl-btn-page{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer;transition:background .15s}.tsl-btn-page:hover:not(:disabled){background:#f8fafc}.tsl-btn-page:disabled{opacity:.4;cursor:not-allowed}.tsl-empty{text-align:center;padding:60px;color:#94a3b8}.tsl-empty p{margin:12px 0 0;font-size:14px}.tsl-error{color:#ef4444}@keyframes tsl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tsl-page .spin{animation:tsl-spin .9s linear infinite}@media(max-width:1024px){.tsl-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tsl-table{min-width:900px}}@media(max-width:768px){.tsl-header{flex-direction:column;align-items:flex-start;gap:12px}.tsl-filters{flex-direction:column;align-items:stretch}.tsl-select,.tsl-input,.tsl-date-input{width:100%}.tsl-pagination{flex-direction:column;gap:10px;text-align:center}.tsl-page-btns{justify-content:center}.tsl-actions{flex-direction:column}}@media(max-width:480px){.tsl-header h1{font-size:18px}.tsl-filters{padding:12px 14px;gap:8px}.tsl-empty{padding:40px 20px}}.tsdt-page{display:flex;flex-direction:column;gap:20px}.tsdt-header{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tsdt-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.tsdt-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.tsdt-back-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.tsdt-back-btn:hover{background:#f1f5f9}.tsdt-title{font-size:20px;font-weight:700;color:#1e293b;margin:0;white-space:nowrap}.tsdt-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.tsdt-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tsdt-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;display:flex;align-items:flex-start;gap:12px}.tsdt-info-icon{width:36px;height:36px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tsdt-info-body{display:flex;flex-direction:column;gap:2px;min-width:0}.tsdt-info-label{font-size:12px;color:#64748b;font-weight:500}.tsdt-info-value{font-size:14px;color:#1e293b;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsdt-info-sub{font-size:12px;color:#94a3b8;font-weight:400}.tsdt-rejection-box{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:10px;padding:16px 20px;display:flex;align-items:flex-start;gap:12px;color:#dc2626}.tsdt-rejection-box strong{display:block;font-size:13px;font-weight:600;color:#991b1b;margin-bottom:4px}.tsdt-rejection-box p{margin:0;font-size:13px;color:#7f1d1d;line-height:1.5}.tsdt-entries-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.tsdt-section-title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 16px}.tsdt-day-group{margin-bottom:20px}.tsdt-day-group:last-child{margin-bottom:0}.tsdt-day-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px 8px 0 0}.tsdt-day-date{font-size:13px;font-weight:600;color:#1e293b}.tsdt-day-total{font-size:13px;font-weight:700;color:#2563eb;background:#dbeafe;padding:2px 10px;border-radius:6px}.tsdt-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px}.tsdt-table{width:100%;border-collapse:collapse}.tsdt-table th{text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;white-space:nowrap;background:#fff}.tsdt-table td{padding:10px 12px;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle}.tsdt-table tr:last-child td{border-bottom:none}.tsdt-project-cell{display:flex;align-items:center;gap:8px}.tsdt-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tsdt-project-code{font-size:11px;color:#94a3b8;font-weight:500;background:#f1f5f9;padding:1px 6px;border-radius:4px;white-space:nowrap}.tsdt-cat-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap}.tsdt-hours-cell{font-weight:600;color:#1e293b}.tsdt-billable-cell{text-align:center}.tsdt-billable-yes{color:#16a34a}.tsdt-billable-no{color:#cbd5e1}.tsdt-time-cell{white-space:nowrap;color:#64748b;font-size:12px}.tsdt-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;white-space:nowrap}.tsdt-btn:hover{background:#f8fafc}.tsdt-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.tsdt-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.tsdt-empty{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.tsdt-loading{text-align:center;padding:80px;color:#94a3b8;font-size:15px}@media(max-width:1024px){.tsdt-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tsdt-info-grid{grid-template-columns:1fr}.tsdt-header{flex-direction:column;align-items:flex-start}.tsdt-header-left,.tsdt-header-actions{width:100%}.tsdt-header-actions .tsdt-btn{flex:1;justify-content:center}.tsdt-title{font-size:17px}.tsdt-table th,.tsdt-table td{padding:8px;font-size:12px}.tsdt-day-header{padding:8px 10px}.tsdt-day-date,.tsdt-day-total{font-size:12px}}.tsr-container{padding:0;max-width:1400px;display:flex;flex-direction:column;gap:16px}.tsr-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted);text-align:center}.tsr-access-denied h2{font-size:1.25rem;color:var(--theme-text-primary);margin:0}.tsr-access-denied p{font-size:.9375rem;margin:0}.tsr-access-denied svg{color:var(--color-danger);opacity:.6}.tsr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;flex-wrap:wrap;align-items:flex-end}.tsr-filter-group{display:flex;flex-direction:column;gap:4px}.tsr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.tsr-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px;cursor:pointer}.tsr-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.tsr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.tsr-btn:hover{background:var(--theme-bg-surface)}.tsr-btn:disabled{opacity:.6;cursor:not-allowed}.tsr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.tsr-btn--primary:hover{background:var(--color-primary-dark)}.tsr-spin{animation:tsr-spin .8s linear infinite}@keyframes tsr-spin{to{transform:rotate(360deg)}}.tsr-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tsr-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border);display:flex;align-items:center;gap:12px}.tsr-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tsr-card__body{display:flex;flex-direction:column;min-width:0}.tsr-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.tsr-card__value{font-size:1.5rem;font-weight:700;margin-top:2px;color:var(--theme-text-primary)}.tsr-card--total{border-left-color:#2563eb}.tsr-card--total .tsr-card__icon{background:#2563eb1a;color:#2563eb}.tsr-card--total .tsr-card__value{color:#2563eb}.tsr-card--billable{border-left-color:#7c3aed}.tsr-card--billable .tsr-card__icon{background:#7c3aed1a;color:#7c3aed}.tsr-card--billable .tsr-card__value{color:#7c3aed}.tsr-card--utilization{border-left-color:#059669}.tsr-card--utilization .tsr-card__icon{background:#0596691a;color:#059669}.tsr-card--utilization .tsr-card__value{color:#059669}.tsr-card--employees{border-left-color:#d97706}.tsr-card--employees .tsr-card__icon{background:#d977061a;color:#d97706}.tsr-card--employees .tsr-card__value{color:#d97706}.tsr-card--projects{border-left-color:#0891b2}.tsr-card--projects .tsr-card__icon{background:#0891b21a;color:#0891b2}.tsr-card--projects .tsr-card__value{color:#0891b2}.tsr-section{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.tsr-section-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.tsr-section-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.tsr-section-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.tsr-empty-section{padding:40px 20px;text-align:center;color:var(--theme-text-muted);font-size:.875rem}.tsr-table-scroll{overflow-x:auto}.tsr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.tsr-table thead{background:var(--theme-bg-input)}.tsr-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.tsr-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.tsr-table tbody tr:hover{background:var(--theme-bg-input)}.tsr-table tbody tr:last-child td{border-bottom:none}.tsr-cell-name{font-weight:500;color:var(--theme-text-primary)}.tsr-cell-revenue{font-weight:600;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.tsr-code-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500;background:var(--theme-bg-surface);color:var(--theme-text-muted);font-family:SF Mono,Menlo,Consolas,monospace}.tsr-billing-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap;text-transform:capitalize}.tsr-team-count{display:inline-flex;align-items:center;gap:4px;color:var(--theme-text-secondary)}.tsr-progress-wrap{display:flex;align-items:center;gap:8px;min-width:120px}.tsr-progress-track{flex:1;height:6px;background:var(--theme-bg-surface);border-radius:3px;overflow:hidden}.tsr-progress-fill{height:100%;border-radius:3px;background:var(--color-primary-hover);transition:width .3s ease}.tsr-progress-over{background:var(--color-danger)}.tsr-progress-text{font-size:.75rem;font-weight:600;color:var(--theme-text-secondary);min-width:36px;text-align:right}.tsr-util-wrap{display:flex;align-items:center;gap:8px;min-width:140px}.tsr-util-track{flex:1;height:6px;background:var(--theme-bg-surface);border-radius:3px;overflow:hidden}.tsr-util-fill{height:100%;border-radius:3px;transition:width .3s ease}.tsr-util-fill.tsr-util--high{background:#16a34a}.tsr-util-fill.tsr-util--medium{background:#d97706}.tsr-util-fill.tsr-util--low{background:#dc2626}.tsr-util-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;min-width:40px;text-align:center}.tsr-util-badge.tsr-util--high{background:#dcfce7;color:#15803d}.tsr-util-badge.tsr-util--medium{background:#fef3c7;color:#b45309}.tsr-util-badge.tsr-util--low{background:#fee2e2;color:#dc2626}.tsr-chart{padding:16px;display:flex;flex-direction:column;gap:12px}.tsr-chart-row{display:flex;align-items:center;gap:12px}.tsr-chart-label{min-width:140px;font-size:.8125rem;font-weight:500;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px;white-space:nowrap}.tsr-chart-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tsr-chart-track{flex:1;height:24px;background:var(--theme-bg-surface);border-radius:4px;overflow:hidden}.tsr-chart-bar{height:100%;border-radius:4px;transition:width .4s ease;min-width:2px}.tsr-chart-value{min-width:60px;font-size:.8125rem;font-weight:600;color:var(--theme-text-secondary);text-align:right;font-family:SF Mono,Menlo,Consolas,monospace}.tsr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.tsr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:tsr-spin .8s linear infinite}.tsr-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted);text-align:center}.tsr-error svg{color:var(--color-danger);opacity:.6}.tsr-error p{font-size:.9375rem;margin:0}.tsr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.tsr-empty svg{opacity:.4;width:40px;height:40px}.tsr-empty p{font-size:.9375rem}@media(max-width:1024px){.tsr-summary-cards{grid-template-columns:repeat(3,1fr)}.tsr-chart-label{min-width:110px}}@media(max-width:768px){.tsr-filters{flex-direction:column}.tsr-filter-select{width:100%;min-width:unset}.tsr-summary-cards{grid-template-columns:repeat(2,1fr)}.tsr-card{flex-direction:column;align-items:flex-start;gap:8px}.tsr-table-scroll{overflow-x:auto}.tsr-chart-row{flex-wrap:wrap}.tsr-chart-label{min-width:100%;margin-bottom:-4px}.tsr-chart-track{flex:1}.tsr-util-wrap,.tsr-progress-wrap{min-width:unset}}.rrd-page{display:flex;flex-direction:column;gap:20px}.rrd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.rrd-spinner{width:32px;height:32px;border:3px solid var(--theme-border, #e2e8f0);border-top-color:var(--color-primary, #4f46e5);border-radius:50%;animation:rrd-spin-anim .7s linear infinite}@keyframes rrd-spin-anim{to{transform:rotate(360deg)}}.rrd-spin{animation:rrd-spin-anim .7s linear infinite}.rrd-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);text-align:center}.rrd-access-denied h2{margin:0;font-size:1.2rem;color:var(--theme-text-primary, #1e293b)}.rrd-access-denied p{margin:0;font-size:.85rem}.rrd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);text-align:center}.rrd-error p{margin:0;font-size:.85rem}.rrd-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);color:var(--color-primary, #4f46e5);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.rrd-retry-btn:hover{border-color:var(--color-primary, #4f46e5);background:#4f46e50a}.rrd-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.rrd-header h1{font-size:1.4rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0}.rrd-subtitle{font-size:.82rem;color:var(--theme-text-muted, #94a3b8);font-weight:500}.rrd-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);color:var(--theme-text-secondary, #64748b);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.rrd-refresh-btn:hover:not(:disabled){border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.rrd-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.rrd-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rrd-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:12px;border-left:4px solid transparent;transition:transform .15s,box-shadow .15s}.rrd-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.rrd-stat-amber{border-left-color:#f59e0b;background:#f59e0b08}.rrd-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rrd-stat-body{display:flex;flex-direction:column}.rrd-stat-value{font-size:1.4rem;font-weight:700;line-height:1.1;color:var(--theme-text-primary, #1e293b)}.rrd-stat-label{font-size:.72rem;font-weight:500;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.rrd-card{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:14px;padding:20px}.rrd-card-title{font-size:1rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0 0 16px}.rrd-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rrd-bar-chart{display:flex;flex-direction:column;gap:10px}.rrd-bar-row{display:flex;align-items:center;gap:12px}.rrd-bar-label{width:120px;flex-shrink:0;font-size:.82rem;font-weight:600;color:var(--theme-text-primary, #1e293b);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rrd-bar-track{flex:1;height:22px;background:var(--theme-bg-surface, #f1f5f9);border-radius:6px;overflow:hidden}.rrd-bar-fill{height:100%;border-radius:6px;transition:width .5s ease;min-width:0}.rrd-bar-count{width:40px;text-align:right;font-size:.82rem;font-weight:700;color:var(--theme-text-primary, #1e293b)}.rrd-empty-chart{padding:32px 16px;text-align:center;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.rrd-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.rrd-table{width:100%;border-collapse:collapse;font-size:.82rem}.rrd-table thead th{text-align:left;padding:10px 12px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--theme-text-muted, #94a3b8);border-bottom:1px solid var(--theme-border, #e2e8f0);white-space:nowrap}.rrd-table tbody tr{transition:background .1s}.rrd-table tbody tr:hover{background:var(--theme-bg-surface, #f8fafc)}.rrd-table tbody td{padding:10px 12px;color:var(--theme-text-primary, #1e293b);border-bottom:1px solid var(--theme-border-light, #f1f5f9);white-space:nowrap}.rrd-badge-cell{display:inline-flex;align-items:center;gap:6px}.rrd-badge-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.rrd-points-cell{font-weight:700;color:var(--color-primary, #4f46e5)}.rrd-message-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-text-secondary, #64748b)}.rrd-date-cell{color:var(--theme-text-muted, #94a3b8);font-size:.78rem}.rrd-footer{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--theme-text-muted, #94a3b8)}.rrd-auto-refresh{padding:2px 8px;background:var(--theme-bg-surface, #f1f5f9);border-radius:4px;font-size:.7rem}@media(max-width:1024px){.rrd-stats-grid{grid-template-columns:repeat(2,1fr)}.rrd-charts-row{grid-template-columns:1fr}.rrd-bar-label{width:100px}}@media(max-width:768px){.rrd-stats-grid{grid-template-columns:1fr}.rrd-header{flex-direction:column;align-items:flex-start}.rrd-bar-label{width:80px;font-size:.75rem}.rrd-stat-card{padding:12px}.rrd-stat-value{font-size:1.1rem}.rrd-table{font-size:.78rem}.rrd-table thead th,.rrd-table tbody td{padding:8px 10px}.rrd-message-cell{max-width:140px}.rrd-footer{flex-direction:column;align-items:flex-start;gap:6px}}.rrr-container{padding:0;max-width:1400px}.rrr-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted)}.rrr-no-access svg{opacity:.4;width:48px;height:48px}.rrr-no-access p{font-size:.9375rem}.rrr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.rrr-filter-group{display:flex;flex-direction:column;gap:4px}.rrr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.rrr-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.rrr-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.rrr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.rrr-btn:hover{background:var(--theme-bg-surface)}.rrr-btn:disabled{opacity:.6;cursor:not-allowed}.rrr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.rrr-btn--primary:hover{background:var(--color-primary-dark)}.rrr-spin{animation:rrr-spin .8s linear infinite}@keyframes rrr-spin{to{transform:rotate(360deg)}}.rrr-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.rrr-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border);display:flex;align-items:center;gap:14px}.rrr-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.rrr-card__content{flex:1;min-width:0}.rrr-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.rrr-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary)}.rrr-card--total{border-left-color:var(--color-primary-hover)}.rrr-card--total .rrr-card__value{color:var(--color-primary-hover)}.rrr-card--total .rrr-card__icon{background:#6366f11a;color:var(--color-primary-hover)}.rrr-card--points{border-left-color:#f59e0b}.rrr-card--points .rrr-card__value{color:#f59e0b}.rrr-card--points .rrr-card__icon{background:#f59e0b1a;color:#f59e0b}.rrr-card--givers{border-left-color:#10b981}.rrr-card--givers .rrr-card__value{color:#10b981}.rrr-card--givers .rrr-card__icon{background:#10b9811a;color:#10b981}.rrr-card--receivers{border-left-color:#7c3aed}.rrr-card--receivers .rrr-card__value{color:#7c3aed}.rrr-card--receivers .rrr-card__icon{background:#7c3aed1a;color:#7c3aed}.rrr-section{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden;margin-bottom:16px}.rrr-section__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.rrr-section__title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.rrr-section__count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.rrr-table-scroll{overflow-x:auto}.rrr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.rrr-table thead{background:var(--theme-bg-input)}.rrr-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.rrr-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.rrr-table tbody tr:hover{background:var(--theme-bg-input)}.rrr-table tbody tr:last-child td{border-bottom:none}.rrr-badge-name{font-weight:500;color:var(--theme-text-primary)}.rrr-td-number{font-weight:600;font-variant-numeric:tabular-nums}.rrr-badge-pill{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.rrr-chart{padding:16px;display:flex;flex-direction:column;gap:12px}.rrr-bar-row{display:flex;align-items:center;gap:12px}.rrr-bar-label{min-width:120px;font-size:.8125rem;font-weight:500;color:var(--theme-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rrr-bar-track{flex:1;height:22px;background:var(--theme-bg-surface);border-radius:4px;overflow:hidden;min-width:100px}.rrr-bar-fill{height:100%;border-radius:4px;transition:width .4s ease;min-width:2px}.rrr-bar-fill--value{background:var(--color-primary-hover)}.rrr-bar-fill--received{background:#10b981}.rrr-bar-fill--points{background:#f59e0b}.rrr-bar-value{min-width:36px;font-size:.8125rem;font-weight:700;color:var(--theme-text-primary);text-align:right;font-variant-numeric:tabular-nums}.rrr-bar-points{min-width:60px;font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-align:right;white-space:nowrap}.rrr-dept-bar-row{display:flex;gap:12px;align-items:flex-start}.rrr-dept-bar-row .rrr-bar-label{padding-top:4px}.rrr-dept-bars{flex:1;display:flex;flex-direction:column;gap:4px}.rrr-dept-bar-group{display:flex;align-items:center;gap:8px}.rrr-dept-bar-legend{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;min-width:60px;white-space:nowrap}.rrr-dept-bar-legend--received{color:#10b981}.rrr-dept-bar-legend--points{color:#f59e0b}.rrr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.rrr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:rrr-spin .8s linear infinite}.rrr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.rrr-empty svg{opacity:.4;width:40px;height:40px}.rrr-empty p{font-size:.9375rem}@media(max-width:1024px){.rrr-summary-cards{grid-template-columns:repeat(2,1fr)}.rrr-bar-label{min-width:100px}}@media(max-width:768px){.rrr-container{padding:16px}.rrr-filters{flex-direction:column}.rrr-filter-select{width:100%}.rrr-summary-cards{grid-template-columns:repeat(2,1fr)}.rrr-table-scroll{overflow-x:auto}.rrr-bar-label{min-width:80px;font-size:.75rem}.rrr-bar-points{min-width:50px}.rrr-dept-bar-row{flex-direction:column;gap:6px}.rrr-dept-bar-row .rrr-bar-label{padding-top:0}.rrr-dept-bar-legend{min-width:50px}}@media(max-width:480px){.rrr-summary-cards{grid-template-columns:1fr}.rrr-bar-row{flex-wrap:wrap}.rrr-bar-label{min-width:100%}}.rlb-container{padding:24px;max-width:1400px;margin:0 auto}.rlb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.rlb-header__title-group{display:flex;align-items:center;gap:10px}.rlb-header__icon{font-size:24px;color:#7c3aed}.rlb-header__title{font-size:22px;font-weight:700;color:#1e293b;margin:0}.rlb-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.rlb-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0;overflow:hidden}.rlb-section__header{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.rlb-section__icon{font-size:20px}.rlb-section__icon--receivers{color:#ef4444}.rlb-section__icon--givers{color:#2563eb}.rlb-section__title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.rlb-ranked-list{padding:8px 0}.rlb-entry{display:flex;align-items:flex-start;gap:14px;padding:14px 20px;transition:background .15s ease}.rlb-entry:not(:last-child){border-bottom:1px solid #f1f5f9}.rlb-entry:hover{background:#f8fafc}.rlb-entry--top{background:#fffbeb}.rlb-entry--top:hover{background:#fef3c7}.rlb-entry__rank{flex-shrink:0;padding-top:2px}.rlb-position{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:13px;font-weight:700;background:#f1f5f9;color:#64748b;border:2px solid transparent;transition:all .2s ease}.rlb-medal--gold{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:gold;box-shadow:0 2px 8px #ffd7004d}.rlb-medal--silver{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:silver;box-shadow:0 2px 8px #c0c0c04d}.rlb-medal--bronze{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#9a3412;border-color:#cd7f32;box-shadow:0 2px 8px #cd7f324d}.rlb-entry__info{flex:1;min-width:0}.rlb-entry__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.rlb-entry__name-group{display:flex;align-items:center;gap:8px;min-width:0}.rlb-entry__name{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rlb-entry__code{font-size:12px;color:#94a3b8;white-space:nowrap}.rlb-entry__dept{font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.rlb-entry__bar-row{display:flex;align-items:center;gap:10px}.rlb-bar{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.rlb-bar__fill{height:100%;border-radius:4px;background:#94a3b8;transition:width .6s cubic-bezier(.4,0,.2,1)}.rlb-bar--gold{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.rlb-bar--silver{background:linear-gradient(90deg,#cbd5e1,#94a3b8)}.rlb-bar--bronze{background:linear-gradient(90deg,#fdba74,#f97316)}.rlb-entry__value{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#475569;white-space:nowrap;min-width:80px;justify-content:flex-end}.rlb-entry__value svg{font-size:12px;color:#7c3aed}.rlb-entry__count{display:inline-block;margin-top:4px;font-size:11px;color:#94a3b8}.rlb-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;color:#ef4444;font-size:15px;text-align:center;padding:40px 20px}.rlb-no-access svg{font-size:36px}.rlb-no-access p{margin:0;color:#64748b}.rlb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:#64748b;font-size:14px}.rlb-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;animation:rlb-spin .8s linear infinite}@keyframes rlb-spin{to{transform:rotate(360deg)}}.rlb-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;padding:40px 20px;text-align:center}.rlb-error__icon{font-size:36px;color:#ef4444}.rlb-error p{margin:0;color:#64748b;font-size:15px}.rlb-error__retry{margin-top:4px;padding:8px 20px;border:none;border-radius:8px;background:#7c3aed;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.rlb-error__retry:hover{background:#6d28d9}.rlb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:8px;padding:60px 20px;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.rlb-empty-state__icon{font-size:40px;color:#cbd5e1;margin-bottom:8px}.rlb-empty-state h3{margin:0;font-size:17px;font-weight:600;color:#334155}.rlb-empty-state p{margin:0;font-size:14px;color:#94a3b8;max-width:400px}.rlb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:8px;color:#94a3b8;text-align:center}.rlb-empty__icon{font-size:28px;color:#cbd5e1}.rlb-empty p{margin:0;font-size:13px}@media(max-width:1024px){.rlb-grid{grid-template-columns:1fr;gap:20px}.rlb-container{padding:20px 16px}}@media(max-width:768px){.rlb-container{padding:16px 12px}.rlb-header__title{font-size:18px}.rlb-header__icon{font-size:20px}.rlb-entry{padding:12px 14px;gap:10px}.rlb-entry__header{flex-direction:column;align-items:flex-start;gap:4px}.rlb-entry__dept{font-size:11px}.rlb-entry__name{font-size:13px}.rlb-entry__value{font-size:11px;min-width:60px}.rlb-section__header{padding:14px}.rlb-position{width:28px;height:28px;font-size:12px}}.rbl-page{display:flex;flex-direction:column;gap:16px}.rbl-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.rbl-header h1{font-size:22px;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0;display:flex;align-items:center;gap:8px}.rbl-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rbl-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}.rbl-btn:disabled{opacity:.5;cursor:not-allowed}.rbl-btn-primary{background:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.rbl-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.rbl-btn-ghost{background:transparent;color:var(--theme-text-secondary, #475569);border-color:var(--theme-border, #e2e8f0)}.rbl-btn-ghost:hover:not(:disabled){background:var(--theme-bg-hover, #f8fafc);color:var(--theme-text-primary, #1e293b)}@keyframes rbl-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rbl-spin{animation:rbl-spin-anim .8s linear infinite}.rbl-table-wrap{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:12px;overflow-x:auto}.rbl-table{width:100%;border-collapse:collapse;min-width:1000px}.rbl-table thead{background:var(--theme-bg-surface, #f8fafc)}.rbl-table th{padding:12px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--theme-text-muted, #64748b);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--theme-border, #e2e8f0);white-space:nowrap}.rbl-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}.rbl-table tbody tr:last-child td{border-bottom:none}.rbl-table tbody tr:hover{background:var(--theme-bg-hover, #f8fafc)}.rbl-row-inactive{opacity:.55}.rbl-color-dot{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.08);vertical-align:middle}.rbl-cell-name{font-weight:600;white-space:nowrap}.rbl-cell-desc{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--theme-text-muted, #94a3b8);font-size:13px}.rbl-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.rbl-bool{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:13px;font-weight:700}.rbl-bool-yes{background:#22c55e1a;color:#16a34a}.rbl-bool-no{background:#ef444414;color:#dc2626}.rbl-active-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.rbl-active-on{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.rbl-active-off{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.rbl-actions{display:flex;align-items:center;gap:2px}.rbl-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}.rbl-icon-btn:hover{background:var(--theme-bg-hover, #f1f5f9);color:var(--color-primary, #2563eb)}.rbl-icon-edit:hover{color:var(--color-primary, #2563eb);background:#2563eb14}.rbl-icon-delete:hover{color:#ef4444;background:#fef2f2}.rbl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.rbl-empty svg{font-size:48px;color:var(--theme-text-muted, #94a3b8);margin-bottom:16px;opacity:.5}.rbl-empty h3{font-size:18px;font-weight:600;color:var(--theme-text-primary, #475569);margin:0 0 6px}.rbl-empty p{font-size:14px;color:var(--theme-text-muted, #94a3b8);margin:0}.rbl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--theme-text-muted, #94a3b8);font-size:14px}.rbl-spinner{width:36px;height:36px;border:3px solid var(--theme-border, #e2e8f0);border-top-color:var(--color-primary, #2563eb);border-radius:50%;animation:rbl-spin-anim .8s linear infinite}.rbl-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:12px}.rbl-error svg{color:#ef4444;opacity:.7}.rbl-error p{font-size:14px;color:var(--theme-text-secondary, #475569);margin:0}@media(max-width:768px){.rbl-table-wrap{overflow-x:auto}}@media(max-width:640px){.rbl-header{flex-direction:column;align-items:flex-start}.rbl-header-actions{width:100%}.rbl-btn{flex:1;justify-content:center}.rbl-table{min-width:900px}.rbl-empty{padding:40px 16px}}.raq-page{display:flex;flex-direction:column;gap:20px}.raq-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.raq-spinner{width:32px;height:32px;border:3px solid var(--theme-border, #e2e8f0);border-top-color:var(--color-primary, #4f46e5);border-radius:50%;animation:raq-spin-anim .7s linear infinite}@keyframes raq-spin-anim{to{transform:rotate(360deg)}}.raq-spin{animation:raq-spin-anim .7s linear infinite}.raq-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);text-align:center}.raq-access-denied h2{margin:0;font-size:1.2rem;color:var(--theme-text-primary, #1e293b)}.raq-access-denied p{margin:0;font-size:.85rem}.raq-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);text-align:center}.raq-error p{margin:0;font-size:.85rem;color:var(--theme-text-secondary, #64748b)}.raq-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.raq-header__left{display:flex;align-items:center;gap:8px}.raq-header__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--theme-text-primary, #1e293b);display:flex;align-items:center;gap:8px}.raq-header__badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:var(--color-primary, #4f46e5);color:#fff;font-size:.75rem;font-weight:600;line-height:1}.raq-header__right{display:flex;align-items:center;gap:8px}.raq-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s,transform .15s;white-space:nowrap}.raq-btn:hover{opacity:.9}.raq-btn:active{transform:scale(.97)}.raq-btn:disabled{opacity:.5;cursor:not-allowed}.raq-btn--icon{padding:8px;background:var(--theme-bg-secondary, #f1f5f9);color:var(--theme-text-secondary, #64748b);border-radius:8px}.raq-btn--icon:hover{background:var(--theme-border, #e2e8f0)}.raq-btn--credit{background:var(--color-primary, #4f46e5);color:#fff}.raq-btn--credit:hover{background:#4338ca}.raq-btn--approve{background:#dcfce7;color:#16a34a;flex:1;justify-content:center}.raq-btn--approve:hover{background:#bbf7d0}.raq-btn--reject{background:#fee2e2;color:#dc2626;flex:1;justify-content:center}.raq-btn--reject:hover{background:#fecaca}.raq-btn--retry{background:var(--color-primary, #4f46e5);color:#fff}.raq-btn--retry:hover{background:#4338ca}.raq-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center;color:var(--theme-text-muted, #94a3b8)}.raq-empty svg{color:var(--theme-border, #cbd5e1)}.raq-empty h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--theme-text-primary, #1e293b)}.raq-empty p{margin:0;font-size:.85rem;color:var(--theme-text-secondary, #64748b)}.raq-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.raq-card{background:#fff;border:1px solid var(--theme-border, #e2e8f0);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s}.raq-card:hover{box-shadow:0 2px 12px #0000000f}.raq-card__header{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--theme-text-primary, #1e293b)}.raq-card__from{color:var(--color-primary, #4f46e5)}.raq-card__arrow{color:var(--theme-text-muted, #94a3b8);flex-shrink:0}.raq-card__to{color:#16a34a}.raq-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.raq-card__badge-name{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:500;color:var(--theme-text-primary, #1e293b)}.raq-card__badge-type{display:inline-block;padding:2px 10px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.raq-card__details{display:flex;gap:16px;flex-wrap:wrap}.raq-card__detail{display:flex;flex-direction:column;gap:2px;min-width:0}.raq-card__label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.4px;color:var(--theme-text-muted, #94a3b8)}.raq-card__value{font-size:.82rem;font-weight:500;color:var(--theme-text-primary, #1e293b)}.raq-card__points{font-weight:700;color:var(--color-primary, #4f46e5)}.raq-card__message{display:flex;flex-direction:column;gap:4px}.raq-card__message p{margin:0;font-size:.82rem;color:var(--theme-text-secondary, #64748b);line-height:1.5;word-break:break-word}.raq-card__actions{display:flex;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--theme-border, #f1f5f9)}@media(max-width:1024px){.raq-cards{grid-template-columns:repeat(2,1fr);gap:14px}.raq-card{padding:16px}}@media(max-width:768px){.raq-header{flex-direction:column;align-items:flex-start}.raq-header__right{width:100%;justify-content:flex-end}.raq-cards{grid-template-columns:1fr;gap:12px}.raq-card__details{gap:12px}.raq-card__header{font-size:.88rem}.raq-btn--credit{font-size:.75rem;padding:7px 12px}}.reh-page{padding:0}.reh-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.reh-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.reh-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;transition:all .15s;flex-shrink:0}.reh-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.reh-employee-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;gap:20px}.reh-employee-info{display:flex;align-items:center;gap:24px}.reh-employee-detail{display:flex;align-items:center;gap:8px}.reh-employee-icon{color:#4f46e5;flex-shrink:0}.reh-employee-name{font-size:15px;font-weight:600;color:#1e293b}.reh-employee-code{font-size:13px;font-weight:500;color:#64748b}.reh-points-balance{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:10px}.reh-points-icon{color:#f59e0b;flex-shrink:0}.reh-points-body{display:flex;flex-direction:column}.reh-points-value{font-size:20px;font-weight:700;color:#d97706;line-height:1.2}.reh-points-label{font-size:11px;color:#92400e;font-weight:500}.reh-tabs{display:flex;gap:8px;margin-bottom:20px}.reh-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s}.reh-tab:hover{color:#1e293b;border-color:#cbd5e1;background:#f8fafc}.reh-tab-active{color:#4f46e5;background:#4f46e50f;border-color:#4f46e5}.reh-tab-active:hover{color:#4f46e5;border-color:#4f46e5;background:#4f46e51a}.reh-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.reh-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:box-shadow .15s}.reh-card:hover{box-shadow:0 4px 12px #00000014}.reh-card-header{padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.reh-badge-name{font-size:14px;font-weight:700;color:#1e293b}.reh-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.reh-card-row{display:flex;align-items:center;gap:6px}.reh-card-icon{color:#94a3b8;flex-shrink:0}.reh-card-label{font-size:12px;font-weight:500;color:#64748b}.reh-card-value{font-size:13px;font-weight:600;color:#1e293b}.reh-core-value{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;color:#7c3aed;background:#7c3aed1a;white-space:nowrap}.reh-card-points-row{gap:4px}.reh-star-icon{color:#f59e0b;flex-shrink:0}.reh-card-points{font-size:13px;font-weight:700;color:#d97706}.reh-card-message{font-size:13px;color:#475569;line-height:1.5;margin:2px 0 0;padding-top:8px;border-top:1px solid #f1f5f9}.reh-card-footer{padding:10px 16px;background:#fafafa;border-top:1px solid #f1f5f9}.reh-card-date{font-size:12px;color:#94a3b8}.reh-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#ef4444;text-align:center}.reh-access-denied h2{margin:16px 0 8px;font-size:20px;color:#1e293b}.reh-access-denied p{color:#64748b;font-size:14px}.reh-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:#94a3b8;font-size:14px}.reh-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:reh-spin .7s linear infinite}@keyframes reh-spin{to{transform:rotate(360deg)}}.reh-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:10px;color:#ef4444;font-size:14px;text-align:center}.reh-error svg{font-size:28px}.reh-retry-btn{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s}.reh-retry-btn:hover{border-color:#4f46e5}.reh-empty{text-align:center;padding:60px 20px;color:#94a3b8}.reh-empty svg{margin-bottom:12px;opacity:.4}.reh-empty h3{font-size:16px;color:#475569;margin:0 0 6px}.reh-empty p{font-size:13px;color:#94a3b8;margin:0}@media(max-width:1024px){.reh-cards-grid{grid-template-columns:repeat(2,1fr);gap:14px}.reh-employee-card{flex-wrap:wrap}}@media(max-width:768px){.reh-header h1{font-size:18px}.reh-employee-card{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.reh-employee-info{flex-direction:column;align-items:flex-start;gap:10px}.reh-points-balance{width:100%;justify-content:center}.reh-tabs{width:100%}.reh-tab{flex:1;justify-content:center;padding:9px 12px}.reh-cards-grid{grid-template-columns:1fr;gap:12px}.reh-card-body{padding:12px 14px}.reh-card-header{padding:10px 14px}.reh-card-footer{padding:8px 14px}}.gvd-page{display:flex;flex-direction:column;gap:20px}.gvd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.gvd-spinner{width:32px;height:32px;border:3px solid var(--theme-border, #e2e8f0);border-top-color:var(--color-primary, #4f46e5);border-radius:50%;animation:gvd-spin-anim .7s linear infinite}@keyframes gvd-spin-anim{to{transform:rotate(360deg)}}.gvd-spin{animation:gvd-spin-anim .7s linear infinite}.gvd-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);text-align:center}.gvd-access-denied h2{margin:0;font-size:1.2rem;color:var(--theme-text-primary, #1e293b)}.gvd-access-denied p{margin:0;font-size:.85rem}.gvd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted, #94a3b8);text-align:center}.gvd-error p{margin:0;font-size:.85rem}.gvd-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);color:var(--color-primary, #4f46e5);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.gvd-retry-btn:hover{border-color:var(--color-primary, #4f46e5);background:#4f46e50a}.gvd-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.gvd-header h1{font-size:1.4rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0}.gvd-subtitle{font-size:.82rem;color:var(--theme-text-muted, #94a3b8);font-weight:500}.gvd-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;background:var(--theme-bg-card, #fff);color:var(--theme-text-secondary, #64748b);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.gvd-refresh-btn:hover:not(:disabled){border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.gvd-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.gvd-sla-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;color:#fff;font-size:.85rem;font-weight:500}.gvd-sla-alert--red{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc262640}.gvd-sla-alert--amber{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 2px 8px #d9770640}.gvd-sla-alert-content{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gvd-sla-alert-content strong{font-weight:700}.gvd-sla-divider{opacity:.5;margin:0 4px}.gvd-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gvd-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:12px;border-left:4px solid transparent;transition:transform .15s,box-shadow .15s}.gvd-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.gvd-stat-amber{border-left-color:#d97706;background:#d9770608}.gvd-stat-red{border-left-color:#dc2626;background:#dc262608}.gvd-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gvd-stat-body{display:flex;flex-direction:column}.gvd-stat-value{font-size:1.4rem;font-weight:700;line-height:1.1;color:var(--theme-text-primary, #1e293b)}.gvd-stat-label{font-size:.72rem;font-weight:500;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.gvd-card{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:14px;padding:20px}.gvd-card-title{font-size:1rem;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0 0 16px}.gvd-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gvd-bar-chart{display:flex;flex-direction:column;gap:10px}.gvd-bar-row{display:flex;align-items:center;gap:12px}.gvd-bar-label{width:120px;flex-shrink:0;font-size:.82rem;font-weight:600;color:var(--theme-text-primary, #1e293b);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gvd-bar-track{flex:1;height:22px;background:var(--theme-bg-surface, #f1f5f9);border-radius:6px;overflow:hidden}.gvd-bar-fill{height:100%;border-radius:6px;transition:width .5s ease;min-width:0}.gvd-bar-count{width:40px;text-align:right;font-size:.82rem;font-weight:700;color:var(--theme-text-primary, #1e293b)}.gvd-empty-chart{padding:32px 16px;text-align:center;color:var(--theme-text-muted, #94a3b8);font-size:.85rem}.gvd-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.gvd-table{width:100%;border-collapse:collapse;font-size:.82rem}.gvd-table thead th{text-align:left;padding:10px 12px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--theme-text-muted, #94a3b8);border-bottom:1px solid var(--theme-border, #e2e8f0);white-space:nowrap}.gvd-table tbody tr{transition:background .1s}.gvd-table-row-clickable{cursor:pointer}.gvd-table-row-clickable:hover{background:var(--theme-bg-surface, #f8fafc)}.gvd-table tbody td{padding:10px 12px;color:var(--theme-text-primary, #1e293b);border-bottom:1px solid var(--theme-border-light, #f1f5f9);white-space:nowrap}.gvd-ref-cell{font-weight:600;color:var(--color-primary, #4f46e5);font-family:monospace;font-size:.78rem}.gvd-subject-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-text-secondary, #64748b)}.gvd-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.72rem;font-weight:600;white-space:nowrap}.gvd-date-cell{color:var(--theme-text-muted, #94a3b8);font-size:.78rem}.gvd-footer{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--theme-text-muted, #94a3b8)}.gvd-auto-refresh{padding:2px 8px;background:var(--theme-bg-surface, #f1f5f9);border-radius:4px;font-size:.7rem}@media(max-width:1024px){.gvd-stats-grid{grid-template-columns:repeat(2,1fr)}.gvd-charts-row{grid-template-columns:1fr}.gvd-bar-label{width:100px}}@media(max-width:768px){.gvd-stats-grid{grid-template-columns:1fr}.gvd-header{flex-direction:column;align-items:flex-start}.gvd-bar-label{width:80px;font-size:.75rem}.gvd-stat-card{padding:12px}.gvd-stat-value{font-size:1.1rem}.gvd-table{font-size:.78rem}.gvd-table thead th,.gvd-table tbody td{padding:8px 10px}.gvd-subject-cell{max-width:140px}.gvd-sla-alert{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.gvd-footer{flex-direction:column;align-items:flex-start;gap:6px}}.gvr-container{padding:0;max-width:1400px}.gvr-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted)}.gvr-no-access svg{opacity:.4;width:48px;height:48px}.gvr-no-access p{font-size:.9375rem}.gvr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.gvr-filter-group{display:flex;flex-direction:column;gap:4px}.gvr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.gvr-filter-select{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;min-width:150px}.gvr-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.gvr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.gvr-btn:hover{background:var(--theme-bg-surface)}.gvr-btn:disabled{opacity:.6;cursor:not-allowed}.gvr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.gvr-btn--primary:hover{background:var(--color-primary-dark)}.gvr-spin{animation:gvr-spin .8s linear infinite}@keyframes gvr-spin{to{transform:rotate(360deg)}}.gvr-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.gvr-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border);display:flex;align-items:center;gap:14px}.gvr-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.gvr-card__content{flex:1;min-width:0}.gvr-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.gvr-card__value{font-size:1.5rem;font-weight:700;margin-top:4px;color:var(--theme-text-primary);display:flex;align-items:baseline;gap:8px}.gvr-card--resolve{border-left-color:var(--color-info)}.gvr-card--resolve .gvr-card__value{color:var(--color-info)}.gvr-card--resolve .gvr-card__icon{background:#3b82f61a;color:var(--color-info)}.gvr-card--ack{border-left-color:#10b981}.gvr-card--ack .gvr-card__value{color:#10b981}.gvr-card--ack .gvr-card__icon{background:#10b9811a;color:#10b981}.gvr-card--satisfaction{border-left-color:#f59e0b}.gvr-card--satisfaction .gvr-card__value{color:#f59e0b}.gvr-card--satisfaction .gvr-card__icon{background:#f59e0b1a;color:#f59e0b}.gvr-card--resolved{border-left-color:#10b981}.gvr-card--resolved .gvr-card__value{color:#10b981}.gvr-card--resolved .gvr-card__icon{background:#10b9811a;color:#10b981}.gvr-card--escalated{border-left-color:var(--color-danger)}.gvr-card--escalated .gvr-card__value{color:var(--color-danger)}.gvr-card--escalated .gvr-card__icon{background:#ef44441a;color:var(--color-danger)}.gvr-card.gvr-sla--ok{border-left-color:#10b981}.gvr-card.gvr-sla--ok .gvr-card__value{color:#10b981}.gvr-card.gvr-sla--ok .gvr-card__icon{background:#10b9811a;color:#10b981}.gvr-card.gvr-sla--breach{border-left-color:var(--color-danger)}.gvr-card.gvr-sla--breach .gvr-card__value{color:var(--color-danger)}.gvr-card.gvr-sla--breach .gvr-card__icon{background:#ef44441a;color:var(--color-danger)}.gvr-sla-tag{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:10px;white-space:nowrap}.gvr-sla--ok .gvr-sla-tag{background:#10b9811a;color:#059669}.gvr-sla--breach .gvr-sla-tag{background:#ef44441a;color:var(--color-danger)}.gvr-section{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden;margin-bottom:16px}.gvr-section__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.gvr-section__title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.gvr-section__count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.gvr-table-scroll{overflow-x:auto}.gvr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.gvr-table thead{background:var(--theme-bg-input)}.gvr-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.gvr-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.gvr-table tbody tr:hover{background:var(--theme-bg-input)}.gvr-table tbody tr:last-child td{border-bottom:none}.gvr-td-number{font-weight:600;font-variant-numeric:tabular-nums}.gvr-type-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.gvr-rate-cell{display:flex;align-items:center;gap:8px}.gvr-progress-track{width:80px;height:6px;background:var(--theme-bg-surface);border-radius:3px;overflow:hidden}.gvr-progress-fill{height:100%;border-radius:3px;transition:width .4s ease;min-width:2px}.gvr-progress-fill--high{background:#10b981}.gvr-progress-fill--mid{background:#f59e0b}.gvr-progress-fill--low{background:var(--color-danger)}.gvr-rate-text{font-size:.75rem;font-weight:600;color:var(--theme-text-dark);min-width:36px;font-variant-numeric:tabular-nums}.gvr-chart{padding:16px;display:flex;flex-direction:column;gap:12px}.gvr-bar-row{display:flex;align-items:center;gap:12px}.gvr-bar-label{min-width:120px;font-size:.8125rem;font-weight:500;color:var(--theme-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gvr-bar-track{flex:1;height:22px;background:var(--theme-bg-surface);border-radius:4px;overflow:hidden;min-width:100px}.gvr-bar-fill{height:100%;border-radius:4px;transition:width .4s ease;min-width:2px;background:var(--color-primary-hover)}.gvr-bar-value{min-width:36px;font-size:.8125rem;font-weight:700;color:var(--theme-text-primary);text-align:right;font-variant-numeric:tabular-nums}.gvr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.gvr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:gvr-spin .8s linear infinite}.gvr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.gvr-empty svg{opacity:.4;width:40px;height:40px}.gvr-empty p{font-size:.9375rem}@media(max-width:1024px){.gvr-summary-cards{grid-template-columns:repeat(3,1fr)}.gvr-bar-label{min-width:100px}}@media(max-width:768px){.gvr-container{padding:16px}.gvr-filters{flex-direction:column}.gvr-filter-select{width:100%}.gvr-summary-cards{grid-template-columns:repeat(2,1fr)}.gvr-table-scroll{overflow-x:auto}.gvr-bar-label{min-width:80px;font-size:.75rem}}@media(max-width:480px){.gvr-summary-cards{grid-template-columns:1fr}.gvr-bar-row{flex-wrap:wrap}.gvr-bar-label{min-width:100%}}.gvl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.gvl-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.gvl-header-actions{display:flex;gap:8px}.gvl-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}.gvl-btn:hover{background:#f8fafc}.gvl-primary{background:#2563eb;color:#fff;border-color:#2563eb}.gvl-primary:hover{background:#1d4ed8}.gvl-primary:disabled{opacity:.6;cursor:not-allowed}.gvl-refresh:disabled{opacity:.6;cursor:not-allowed}.gvl-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.gvl-filter{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;min-width:140px}.gvl-filter:focus{outline:none;border-color:#2563eb}.gvl-search-wrap{position:relative;flex:1;min-width:180px}.gvl-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px;pointer-events:none}.gvl-search{width:100%;padding:8px 12px 8px 32px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff}.gvl-search:focus{outline:none;border-color:#2563eb}.gvl-empty{text-align:center;padding:60px 20px;color:#94a3b8}.gvl-empty svg{margin-bottom:16px;opacity:.4}.gvl-empty h3{color:#475569;margin-bottom:4px}.gvl-empty p{font-size:13px;color:#94a3b8;margin:0}.gvl-error{text-align:center;padding:60px 20px;color:#ef4444}.gvl-error svg{margin-bottom:16px;opacity:.5}.gvl-error h3{color:#1e293b;margin-bottom:4px}.gvl-error p{font-size:13px;color:#64748b;margin:0 0 16px}.gvl-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:12px;overflow-x:auto}.gvl-table{width:100%;border-collapse:collapse;min-width:900px}.gvl-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}.gvl-table tbody td{padding:10px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.gvl-table tbody tr:hover{background:#f8fafc}.gvl-ref{color:#2563eb;font-weight:600;font-size:12px;cursor:pointer;text-decoration:none;white-space:nowrap;font-family:monospace}.gvl-ref:hover{text-decoration:underline;color:#1d4ed8}.gvl-subject{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gvl-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;display:inline-block;white-space:nowrap}.gvl-anonymous{font-size:12px;font-weight:500;color:#7c3aed;background:#ede9fe;padding:2px 8px;border-radius:6px;font-style:italic}.gvl-days{font-size:13px;font-weight:600;color:#334155}.gvl-days-overdue{color:#dc2626;background:#fee2e2;padding:2px 8px;border-radius:6px}.gvl-date{font-size:12px;color:#94a3b8;white-space:nowrap}.gvl-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.gvl-pagination button{padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.gvl-pagination button:hover:not(:disabled){background:#f8fafc}.gvl-pagination button:disabled{opacity:.4;cursor:not-allowed}.gvl-pagination span{font-size:13px;color:#64748b}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@media(max-width:768px){.gvl-filters{flex-direction:column;align-items:stretch}.gvl-filter,.gvl-search-wrap{min-width:unset}}@media(max-width:640px){.gvl-header{flex-direction:column;gap:12px;align-items:flex-start}.gvl-header-actions{width:100%}.gvl-header-actions .gvl-btn{flex:1;justify-content:center}.gvl-table-wrap{border-radius:8px}.gvl-pagination{flex-direction:column;gap:8px}}.gvdt-page{display:flex;flex-direction:column;gap:20px}.gvdt-header{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.gvdt-header-left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.gvdt-back-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0;margin-top:2px}.gvdt-back-btn:hover{background:#f1f5f9}.gvdt-header-text{display:flex;flex-direction:column;gap:4px;min-width:0}.gvdt-ref{font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 10px;border-radius:6px;width:fit-content}.gvdt-title{font-size:20px;font-weight:700;color:#1e293b;margin:0;line-height:1.3}.gvdt-header-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.gvdt-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.gvdt-days-open{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9;padding:4px 12px;border-radius:10px;white-space:nowrap}.gvdt-days-overdue{color:#dc2626;background:#fee2e2}.gvdt-info-grid{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:0}.gvdt-info-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.gvdt-info-row:last-child,.gvdt-info-row:nth-last-child(2):nth-child(odd){border-bottom:none}.gvdt-info-label{color:#64748b}.gvdt-info-value{color:#1e293b;font-weight:500;text-align:right}.gvdt-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.gvdt-section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.gvdt-section-icon{color:#64748b;flex-shrink:0}.gvdt-icon-warning{color:#d97706}.gvdt-section-title{font-size:15px;font-weight:600;color:#1e293b;margin:0}.gvdt-text-content{font-size:14px;color:#475569;line-height:1.7;white-space:pre-wrap;margin:0}.gvdt-evidence-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.gvdt-evidence-item{margin:0}.gvdt-evidence-link{display:inline-flex;align-items:center;gap:6px;color:#2563eb;font-size:13px;font-weight:500;text-decoration:none;padding:6px 12px;border-radius:6px;background:#f8fafc;border:1px solid #e2e8f0;transition:all .15s}.gvdt-evidence-link:hover{background:#dbeafe;border-color:#93c5fd;text-decoration:none}.gvdt-related-link{font-size:14px;color:#475569;margin:0}.gvdt-related-link strong{color:#2563eb}.gvdt-timeline{display:flex;flex-direction:column;gap:0;padding:4px 0}.gvdt-timeline-step{display:flex;gap:16px;min-height:60px}.gvdt-timeline-step:last-child{min-height:auto}.gvdt-timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:24px}.gvdt-timeline-dot{width:14px;height:14px;border-radius:50%;border:3px solid #cbd5e1;background:#fff;flex-shrink:0;position:relative;z-index:1}.gvdt-timeline-completed .gvdt-timeline-dot{border-color:#16a34a;background:#16a34a;box-shadow:0 0 0 4px #dcfce7}.gvdt-timeline-line{width:2px;flex:1;background:#e2e8f0;min-height:24px}.gvdt-timeline-completed .gvdt-timeline-line{background:#86efac}.gvdt-timeline-content{display:flex;flex-direction:column;gap:2px;padding-bottom:16px}.gvdt-timeline-step:last-child .gvdt-timeline-content{padding-bottom:0}.gvdt-timeline-label{font-size:14px;font-weight:600;color:#1e293b}.gvdt-timeline-pending .gvdt-timeline-label{color:#94a3b8}.gvdt-timeline-date{font-size:12px;color:#64748b}.gvdt-timeline-pending .gvdt-timeline-date{color:#cbd5e1;font-style:italic}.gvdt-resolution-meta{display:flex;gap:20px;margin-top:12px;flex-wrap:wrap}.gvdt-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.gvdt-stars{display:inline-flex;align-items:center;gap:4px}.gvdt-star-filled{color:#f59e0b;fill:#f59e0b}.gvdt-star-empty{color:#e2e8f0}.gvdt-star-value{margin-left:8px;font-size:14px;font-weight:600;color:#475569}.gvdt-not-rated{font-size:14px;color:#94a3b8;font-style:italic}.gvdt-actions-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gvdt-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;white-space:nowrap}.gvdt-btn:hover{background:#f8fafc}.gvdt-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.gvdt-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.gvdt-btn-success{background:#16a34a;color:#fff;border-color:#16a34a}.gvdt-btn-success:hover{background:#15803d;border-color:#15803d}.gvdt-loading{text-align:center;padding:80px;color:#94a3b8;font-size:15px}@media(max-width:1024px){.gvdt-header{flex-direction:column;align-items:flex-start}.gvdt-header-badges{width:100%}}@media(max-width:768px){.gvdt-info-grid{grid-template-columns:1fr}.gvdt-info-row:nth-last-child(2):nth-child(odd){border-bottom:1px solid #f1f5f9}.gvdt-info-row:last-child{border-bottom:none}.gvdt-title{font-size:17px}.gvdt-header-left{width:100%}.gvdt-actions-row{width:100%;flex-direction:column}.gvdt-btn{width:100%;justify-content:center}.gvdt-timeline-step{min-height:50px}.gvdt-timeline-content{padding-bottom:12px}.gvdt-resolution-meta{flex-direction:column;gap:8px}.gvdt-evidence-link{font-size:12px}}.ftl-page{display:flex;flex-direction:column;gap:16px}.ftl-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ftl-header h1{font-size:22px;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0}.ftl-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ftl-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}.ftl-btn:disabled{opacity:.5;cursor:not-allowed}.ftl-btn-primary{background:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.ftl-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.ftl-btn-ghost{background:transparent;color:var(--theme-text-secondary, #475569);border-color:var(--theme-border, #e2e8f0)}.ftl-btn-ghost:hover:not(:disabled){background:var(--theme-bg-hover, #f8fafc);color:var(--theme-text-primary, #1e293b)}.ftl-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}.ftl-icon-btn:hover{background:var(--theme-bg-hover, #f1f5f9);color:var(--color-primary, #2563eb)}.ftl-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ftl-filter-group{display:flex;align-items:center}.ftl-filter-input{padding:8px 12px;border:1px solid var(--theme-border, #e2e8f0);border-radius:8px;font-size:13px;color:var(--theme-text-primary, #1e293b);background:var(--theme-bg-card, #fff);outline:none;min-width:130px;transition:border-color .2s}.ftl-filter-input:focus{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.ftl-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;min-width:130px;transition:border-color .2s}.ftl-filter-select:focus{border-color:var(--color-primary, #2563eb)}.ftl-table-wrapper{background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:12px;overflow-x:auto}.ftl-table{width:100%;border-collapse:collapse;min-width:950px}.ftl-table thead{background:var(--theme-bg-surface, #f8fafc)}.ftl-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}.ftl-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}.ftl-table tbody tr:last-child td{border-bottom:none}.ftl-table tbody tr:hover{background:var(--theme-bg-hover, #f8fafc)}.ftl-cell-name{font-weight:600;white-space:nowrap}.ftl-cell-title{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ftl-cell-location{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ftl-actions-cell{display:flex;align-items:center;gap:2px}.ftl-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.ftl-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0}.ftl-page-info{font-size:13px;color:var(--theme-text-secondary, #64748b)}.ftl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--theme-bg-card, #fff);border:1px solid var(--theme-border, #e2e8f0);border-radius:12px}.ftl-empty svg{font-size:48px;color:var(--theme-text-muted, #94a3b8);margin-bottom:16px;opacity:.5}.ftl-empty h3{font-size:18px;font-weight:600;color:var(--theme-text-primary, #475569);margin:0 0 6px}.ftl-empty p{font-size:14px;color:var(--theme-text-muted, #94a3b8);margin:0}.ftl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--theme-text-secondary, #64748b);font-size:14px}.ftl-spinner{width:36px;height:36px;border:3px solid var(--theme-border, #e2e8f0);border-top-color:var(--color-primary, #2563eb);border-radius:50%;animation:ftl-spin .8s linear infinite}@keyframes ftl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ftl-spin{animation:ftl-spin .8s linear infinite}.ftl-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center}.ftl-error svg{color:#ef4444}.ftl-error p{font-size:14px;color:var(--theme-text-secondary, #64748b);margin:0}.ftl-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.ftl-no-access svg{color:#f59e0b;margin-bottom:16px}.ftl-no-access h2{font-size:20px;font-weight:700;color:var(--theme-text-primary, #1e293b);margin:0 0 8px}.ftl-no-access p{font-size:14px;color:var(--theme-text-muted, #94a3b8);margin:0}@media(max-width:768px){.ftl-header{flex-direction:column;align-items:flex-start}.ftl-header-actions{width:100%}.ftl-filters{flex-direction:column;align-items:stretch}.ftl-filter-input,.ftl-filter-select{min-width:unset;width:100%}.ftl-filter-group,.ftl-filter-group .ftl-filter-input,.ftl-filter-group .ftl-filter-select{width:100%}.ftl-filters .ftl-btn{width:100%;justify-content:center}.ftl-pagination{flex-direction:column;gap:8px}}@media(max-width:480px){.ftl-header h1{font-size:18px}.ftl-header-actions .ftl-btn{flex:1;justify-content:center}}.ept-page{padding:0;min-height:calc(100vh - 64px);background:#f8fafc}.ept-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b;font-size:14px}.ept-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:ept-spin .7s linear infinite}@keyframes ept-spin{to{transform:rotate(360deg)}}.ept-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:12px;color:#94a3b8;text-align:center;padding:24px}.ept-no-access h3{margin:0;font-size:20px;font-weight:600;color:#334155}.ept-no-access p{margin:0;font-size:14px;color:#64748b;max-width:400px}.ept-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;gap:16px;flex-wrap:wrap}.ept-header-left{display:flex;align-items:center;gap:12px;min-width:0}.ept-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s;flex-shrink:0}.ept-back-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.ept-header-info h2{margin:0;font-size:18px;font-weight:600;color:#0f172a;line-height:1.3}.ept-header-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin-top:2px}.ept-emp-code{background:#f1f5f9;padding:1px 8px;border-radius:6px;font-size:12px;font-weight:500;color:#475569}.ept-date{color:#64748b}.ept-header-stats{display:flex;align-items:center;gap:10px;flex-shrink:0}.ept-stat-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:#f0f9ff;color:#0369a1;font-size:13px;font-weight:600;border:1px solid #bae6fd;white-space:nowrap}.ept-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:12px;color:#94a3b8;text-align:center;padding:40px 24px}.ept-empty h3{margin:0;font-size:20px;font-weight:600;color:#334155}.ept-empty p{margin:0;font-size:14px;color:#64748b;max-width:400px}.ept-back-link{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;margin-top:8px}.ept-back-link:hover{background:#f1f5f9;color:#1e293b}.ept-content{display:flex;gap:0;min-height:calc(100vh - 140px)}.ept-map-section{flex:7;min-width:0;display:flex;flex-direction:column}.ept-map-container{border-right:1px solid #e2e8f0;overflow:hidden}.ept-map-container .gm-style{border-radius:0}.ept-map-legend{display:flex;align-items:center;gap:20px;padding:10px 20px;background:#fff;border-right:1px solid #e2e8f0;border-top:1px solid #e2e8f0;font-size:12px;color:#475569}.ept-legend-item{display:flex;align-items:center;gap:6px}.ept-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ept-info-window{font-size:13px;line-height:1.6;color:#334155;min-width:160px}.ept-info-window p{margin:2px 0}.ept-side-panel{flex:3;min-width:280px;max-width:380px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.ept-side-panel.collapsed{flex:0 0 auto;max-width:none;min-width:auto}.ept-panel-toggle{display:none;align-items:center;gap:6px;padding:10px 16px;background:#f8fafc;border:none;border-bottom:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:500;cursor:pointer;width:100%;text-align:left}.ept-panel-toggle:hover{background:#f1f5f9}.ept-summary-card{padding:16px 20px;border-bottom:1px solid #f1f5f9}.ept-summary-card h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#334155;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.3px}.ept-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ept-summary-item{display:flex;flex-direction:column;gap:2px}.ept-summary-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.ept-summary-value{font-size:18px;font-weight:700;color:#0f172a}.ept-location-entries{display:flex;flex-direction:column;gap:8px}.ept-location-entry{display:flex;align-items:center;gap:10px}.ept-loc-badge{padding:2px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ept-loc-badge.start{background:#dcfce7;color:#16a34a}.ept-loc-badge.end{background:#fee2e2;color:#dc2626}.ept-loc-time{font-size:13px;color:#334155;font-weight:500}.ept-battery-timeline{display:flex;flex-direction:column;gap:8px}.ept-battery-point{display:flex;align-items:center;gap:10px}.ept-battery-label{font-size:12px;font-weight:600;color:#64748b;width:36px;flex-shrink:0}.ept-battery-time{font-size:12px;color:#94a3b8;flex:1}.ept-battery-level{font-size:13px;font-weight:600;padding:2px 8px;border-radius:6px}.ept-battery-level.high{background:#dcfce7;color:#16a34a}.ept-battery-level.mid{background:#fef3c7;color:#d97706}.ept-battery-level.low{background:#fee2e2;color:#dc2626}.ept-points-card{padding:16px 20px 0;flex:1;display:flex;flex-direction:column;min-height:0}.ept-points-card h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#334155;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.ept-points-list{overflow-y:auto;flex:1;padding-bottom:16px;max-height:calc(100vh - 520px)}.ept-points-list::-webkit-scrollbar{width:5px}.ept-points-list::-webkit-scrollbar-track{background:transparent}.ept-points-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.ept-point-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s}.ept-point-item:hover{background:#f8fafc}.ept-point-item.active{background:#eff6ff;outline:1px solid #bfdbfe}.ept-point-index{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:600;flex-shrink:0;margin-top:2px}.ept-point-details{flex:1;min-width:0}.ept-point-time{display:flex;align-items:center;gap:4px;font-size:12px;color:#475569;font-weight:500;margin-bottom:4px}.ept-point-indicators{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ept-speed-badge{font-size:11px;font-weight:600;padding:1px 7px;border-radius:6px;border:1px solid;background:#fff}.ept-battery-badge{display:flex;align-items:center;gap:3px;font-size:11px;color:#64748b}.ept-geofence-badge{display:flex;align-items:center}.ept-geofence-badge.inside{color:#16a34a}.ept-geofence-badge.outside{color:#dc2626}@media(max-width:1024px){.ept-content{flex-direction:column}.ept-map-section{flex:none}.ept-map-container{border-right:none;border-bottom:1px solid #e2e8f0}.ept-map-legend{border-right:none}.ept-side-panel{flex:none;max-width:none;min-width:auto}.ept-panel-toggle{display:flex}.ept-points-list{max-height:350px}}@media(max-width:768px){.ept-header{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:10px}.ept-header-stats{width:100%;justify-content:flex-start}.ept-stat-badge{font-size:12px;padding:5px 10px}.ept-header-info h2{font-size:16px}.ept-summary-card{padding:12px 16px}.ept-summary-value{font-size:16px}.ept-points-card{padding:12px 16px 0}.ept-points-list{max-height:300px}.ept-point-item{padding:6px 8px}.ept-empty{min-height:300px;padding:24px 16px}}.llm-page{display:flex;flex-direction:column;gap:16px}.llm-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#94a3b8;text-align:center}.llm-access-denied svg{margin-bottom:16px;color:#f59e0b}.llm-access-denied h2{color:#1e293b;margin:0 0 8px;font-size:20px}.llm-access-denied p{color:#64748b;margin:0;font-size:14px}.llm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#64748b;gap:12px}.llm-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:llm-spin-anim .7s linear infinite}@keyframes llm-spin-anim{to{transform:rotate(360deg)}}.llm-empty{text-align:center;padding:80px 20px;color:#94a3b8}.llm-empty svg{margin-bottom:16px;opacity:.4}.llm-empty h3{color:#475569;margin:0 0 8px;font-size:16px}.llm-empty p{color:#94a3b8;margin:0;font-size:13px}.llm-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.llm-header-left,.llm-header-right{display:flex;align-items:center;gap:12px}.llm-title{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:#1e293b;margin:0}.llm-title svg{color:#6366f1}.llm-count-badge{display:inline-flex;align-items:center;gap:5px;background:#dbeafe;color:#2563eb;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px}.llm-refresh-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.llm-auto-label{background:#f1f5f9;color:#64748b;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.llm-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}.llm-btn:hover{background:#f8fafc;border-color:#cbd5e1}.llm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.llm-spin{animation:llm-spin-anim .8s linear infinite}.llm-apply-btn{background:#6366f1;color:#fff;border-color:#6366f1}.llm-apply-btn:hover{background:#4f46e5}.llm-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.llm-filter-icon{color:#94a3b8;flex-shrink:0}.llm-filter-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;width:130px;outline:none;transition:border-color .15s}.llm-filter-input:focus{border-color:#6366f1}.llm-filter-input::placeholder{color:#cbd5e1}.llm-content{display:flex;gap:16px;min-height:0}.llm-map-panel{flex:0 0 65%;min-width:0;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.llm-sidebar{flex:0 0 35%;min-width:0;display:flex;flex-direction:column}.llm-map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 200px);background:#f8fafc;color:#64748b;gap:12px}.llm-info-window{min-width:200px;font-family:inherit}.llm-info-name{margin:0 0 2px;font-size:15px;font-weight:700;color:#1e293b}.llm-info-code{margin:0 0 10px;font-size:12px;color:#94a3b8}.llm-info-details{display:flex;flex-direction:column;gap:6px}.llm-info-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#475569}.llm-info-label{font-weight:600;color:#64748b}.llm-info-row span{display:inline-flex;align-items:center;gap:4px}.llm-geo-inside{color:#16a34a;font-weight:600}.llm-geo-outside{color:#dc2626;font-weight:600}.llm-sidebar-header{padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:10px 10px 0 0}.llm-sidebar-header h3{margin:0;font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.llm-card-list{display:flex;flex-direction:column;gap:0;overflow-y:auto;max-height:calc(100vh - 260px);background:#fff;border:1px solid #e2e8f0;border-radius:0 0 10px 10px}.llm-emp-card{padding:12px 14px;cursor:pointer;border-bottom:1px solid #f1f5f9;border-left:3px solid transparent;transition:all .15s}.llm-emp-card:last-child{border-bottom:none}.llm-emp-card:hover{background:#f8fafc}.llm-card-inside{border-left-color:#16a34a}.llm-card-outside{border-left-color:#dc2626}.llm-card-selected{background:#eef2ff!important;border-left-width:4px}.llm-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.llm-card-identity{display:flex;flex-direction:column;min-width:0}.llm-card-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.llm-card-code{font-size:11px;color:#94a3b8}.llm-geo-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.llm-geo-badge-inside{background:#dcfce7;color:#16a34a}.llm-geo-badge-outside{background:#fee2e2;color:#dc2626}.llm-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px}.llm-card-branch{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#64748b}.llm-card-battery{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500}.llm-battery-good{color:#16a34a}.llm-battery-medium{color:#d97706}.llm-battery-low{color:#dc2626}.llm-card-bottom{display:flex;align-items:center;gap:10px}.llm-card-time{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8}.llm-card-speed{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#64748b}@media(max-width:1024px){.llm-content{flex-direction:column}.llm-map-panel,.llm-sidebar{flex:none;width:100%}.llm-card-list{max-height:400px}}@media(max-width:768px){.llm-header{flex-direction:column;align-items:flex-start}.llm-header-right{width:100%;justify-content:space-between}.llm-filter-bar{flex-direction:column;align-items:stretch}.llm-filter-input{width:100%}.llm-title{font-size:18px}.llm-card-list{max-height:300px}}.cvp-page{padding:24px;max-width:1440px;margin:0 auto}.cvp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.cvp-header-left{display:flex;align-items:center;gap:12px}.cvp-header-icon{font-size:28px;color:var(--color-primary);flex-shrink:0}.cvp-title{font-size:24px;font-weight:700;color:var(--theme-text-primary);margin:0;line-height:1.2}.cvp-subtitle{font-size:14px;color:var(--theme-text-muted);margin:2px 0 0}.cvp-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cvp-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}.cvp-btn:disabled{opacity:.5;cursor:not-allowed}.cvp-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cvp-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.cvp-btn-ghost{background:transparent;color:var(--theme-text-secondary);border-color:var(--theme-border)}.cvp-btn-ghost:hover:not(:disabled){background:var(--theme-bg-hover);color:var(--theme-text-primary)}.cvp-btn-sm{padding:6px 12px;font-size:13px}.cvp-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}.cvp-icon-btn:hover{background:var(--theme-bg-hover);color:var(--color-primary)}.cvp-filter-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:12px;padding:20px;margin-bottom:20px}.cvp-filter-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--theme-text-primary);margin-bottom:16px}.cvp-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:16px}.cvp-filter-field label{display:block;font-size:12px;font-weight:600;color:var(--theme-text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.cvp-filter-field input,.cvp-filter-field select{width:100%;padding:8px 10px;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}.cvp-filter-field input:focus,.cvp-filter-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.cvp-filter-actions{display:flex;align-items:center;gap:10px;padding-top:4px}.cvp-error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;font-size:14px;font-weight:500}.cvp-table-wrapper{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:12px;overflow-x:auto;margin-bottom:16px}.cvp-table{width:100%;border-collapse:collapse;min-width:1100px}.cvp-table thead{background:var(--theme-bg-surface)}.cvp-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}.cvp-table td{padding:10px 14px;font-size:14px;color:var(--theme-text-primary);border-bottom:1px solid var(--theme-border);vertical-align:middle}.cvp-table tbody tr:last-child td{border-bottom:none}.cvp-table tbody tr:hover{background:var(--theme-bg-hover)}.cvp-employee-cell{font-weight:500;white-space:nowrap}.cvp-code-cell{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;white-space:nowrap;color:var(--theme-text-secondary)}.cvp-client-cell{font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvp-purpose-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvp-time-cell{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;white-space:nowrap}.cvp-outcome-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.cvp-stars{display:inline-flex;align-items:center;gap:2px;font-size:14px}.cvp-star-filled{color:#f59e0b;fill:#f59e0b;stroke-width:0}.cvp-star-empty{color:#d1d5db}.cvp-actions-cell{display:flex;align-items:center;gap:4px}.cvp-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:8px 0}.cvp-pagination-info{font-size:14px;color:var(--theme-text-muted)}.cvp-pagination-controls{display:flex;align-items:center;gap:8px}.cvp-pagination-page{font-size:14px;font-weight:500;color:var(--theme-text-secondary);min-width:100px;text-align:center}.cvp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.cvp-loading p{color:var(--theme-text-muted);font-size:14px;margin:0}.cvp-spinner{width:36px;height:36px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:cvp-spin .8s linear infinite}@keyframes cvp-spin{to{transform:rotate(360deg)}}.cvp-spin{animation:cvp-spin 1s linear infinite}.cvp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.cvp-empty-icon{font-size:48px;color:var(--theme-text-muted);margin-bottom:16px;opacity:.5}.cvp-empty h3{font-size:18px;font-weight:600;color:var(--theme-text-primary);margin:0 0 6px}.cvp-empty p{font-size:14px;color:var(--theme-text-muted);margin:0}.cvp-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.cvp-no-access-icon{font-size:48px;color:var(--theme-text-muted);margin-bottom:16px;opacity:.5}.cvp-no-access h3{font-size:20px;font-weight:600;color:var(--theme-text-primary);margin:0 0 8px}.cvp-no-access p{font-size:14px;color:var(--theme-text-muted);margin:0}@media(max-width:768px){.cvp-page{padding:16px}.cvp-header{flex-direction:column;align-items:flex-start}.cvp-header-actions{width:100%}.cvp-filter-grid{grid-template-columns:1fr 1fr;gap:10px}.cvp-filter-actions{flex-wrap:wrap}.cvp-pagination{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.cvp-page{padding:12px}.cvp-title{font-size:20px}.cvp-filter-grid{grid-template-columns:1fr}.cvp-header-actions{flex-direction:column}.cvp-header-actions .cvp-btn{width:100%;justify-content:center}.cvp-btn{padding:8px 12px;font-size:13px}}.fdr-container{padding:0;max-width:1400px}.fdr-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--theme-text-muted)}.fdr-no-access svg{opacity:.4;width:40px;height:40px}.fdr-no-access p{font-size:.9375rem}.fdr-filters{display:flex;gap:12px;padding:16px;background:var(--theme-bg-input);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.fdr-filter-group{display:flex;flex-direction:column;gap:4px}.fdr-filter-label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.fdr-filter-input{padding:8px 10px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-dark);outline:none;width:120px}.fdr-filter-input--date{width:160px;cursor:pointer}.fdr-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.fdr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--theme-border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--theme-bg-card);color:var(--theme-text-secondary);white-space:nowrap}.fdr-btn:hover{background:var(--theme-bg-surface)}.fdr-btn:disabled{opacity:.6;cursor:not-allowed}.fdr-btn--primary{background:var(--color-primary-hover);color:#fff;border-color:var(--color-primary-hover)}.fdr-btn--primary:hover{background:var(--color-primary-dark)}.fdr-btn--trail{padding:4px 10px;font-size:.75rem;gap:4px;color:var(--color-primary-hover);border-color:var(--color-primary-hover);background:transparent}.fdr-btn--trail:hover{background:var(--color-primary-hover);color:#fff}.fdr-spin{animation:fdr-spin .8s linear infinite}@keyframes fdr-spin{to{transform:rotate(360deg)}}.fdr-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.fdr-card{padding:16px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-left:3px solid var(--theme-border);display:flex;align-items:center;gap:12px}.fdr-card__icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.fdr-card__content{min-width:0}.fdr-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.fdr-card__value{font-size:1.35rem;font-weight:700;margin-top:2px;color:var(--theme-text-primary)}.fdr-card--total{border-left-color:var(--color-primary-hover)}.fdr-card--total .fdr-card__value{color:var(--color-primary-hover)}.fdr-card--total .fdr-card__icon{background:#6366f11a;color:var(--color-primary-hover)}.fdr-card--avg{border-left-color:#10b981}.fdr-card--avg .fdr-card__value{color:#10b981}.fdr-card--avg .fdr-card__icon{background:#10b9811a;color:#10b981}.fdr-card--max{border-left-color:#f59e0b}.fdr-card--max .fdr-card__value{color:#f59e0b}.fdr-card--max .fdr-card__icon{background:#f59e0b1a;color:#f59e0b}.fdr-card--employees{border-left-color:#8b5cf6}.fdr-card--employees .fdr-card__value{color:#8b5cf6}.fdr-card--employees .fdr-card__icon{background:#8b5cf61a;color:#8b5cf6}.fdr-card--records{border-left-color:var(--color-info)}.fdr-card--records .fdr-card__value{color:var(--color-info)}.fdr-card--records .fdr-card__icon{background:#3b82f61a;color:var(--color-info)}.fdr-chart-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);margin-bottom:16px;overflow:hidden}.fdr-chart-header{padding:14px 16px;border-bottom:1px solid var(--theme-border)}.fdr-chart-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.fdr-chart{padding:16px;display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.fdr-chart-row{display:flex;align-items:center;gap:12px}.fdr-chart-row__label{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:1px;overflow:hidden}.fdr-chart-row__name{font-size:.8125rem;font-weight:500;color:var(--theme-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fdr-chart-row__date{font-size:.6875rem;color:var(--theme-text-muted)}.fdr-chart-row__bar-wrapper{flex:1;height:20px;background:var(--theme-bg-surface);border-radius:4px;overflow:hidden}.fdr-chart-row__bar{height:100%;background:linear-gradient(90deg,var(--color-primary-hover),#8b5cf6);border-radius:4px;min-width:2px;transition:width .3s ease}.fdr-chart-row__value{width:70px;flex-shrink:0;text-align:right;font-size:.8125rem;font-weight:600;color:var(--theme-text-primary);font-family:SF Mono,Menlo,Consolas,monospace}.fdr-table-wrapper{background:var(--theme-bg-card);border-radius:8px;border:1px solid var(--theme-border);overflow:hidden}.fdr-table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.fdr-table-title{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:8px}.fdr-table-count{font-size:.8125rem;color:var(--theme-text-muted);background:var(--theme-bg-surface);padding:2px 10px;border-radius:12px}.fdr-table-scroll{overflow-x:auto}.fdr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.fdr-table thead{background:var(--theme-bg-input)}.fdr-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.fdr-table td{padding:10px 14px;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-dark);vertical-align:middle;white-space:nowrap}.fdr-table tbody tr:hover{background:var(--theme-bg-input)}.fdr-table tbody tr:last-child td{border-bottom:none}.fdr-emp-name{font-weight:500;color:var(--theme-text-primary)}.fdr-emp-code{font-size:.75rem;color:var(--theme-text-placeholder);background:var(--theme-bg-surface);padding:2px 8px;border-radius:4px}.fdr-distance-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background:#6366f11a;color:var(--color-primary-hover);font-family:SF Mono,Menlo,Consolas,monospace}.fdr-coord{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.75rem;color:var(--theme-text-muted)}.fdr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.fdr-spinner{width:32px;height:32px;border:3px solid var(--theme-border);border-top-color:var(--color-primary);border-radius:50%;animation:fdr-spin .8s linear infinite}.fdr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--theme-text-muted)}.fdr-empty svg{opacity:.4;width:40px;height:40px}.fdr-empty p{font-size:.9375rem}.fdr-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding:12px 0}.fdr-pagination__btn{padding:8px 18px;border:1px solid var(--theme-border);border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;background:var(--theme-bg-card);color:var(--theme-text-secondary);transition:all .2s}.fdr-pagination__btn:hover:not(:disabled){background:var(--theme-bg-surface);border-color:var(--color-primary);color:var(--color-primary)}.fdr-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.fdr-pagination__info{font-size:.8125rem;color:var(--theme-text-muted);font-weight:500}@media(max-width:1200px){.fdr-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.fdr-container{padding:16px}.fdr-filters{flex-direction:column}.fdr-filter-input,.fdr-filter-input--date{width:100%}.fdr-summary-cards{grid-template-columns:repeat(2,1fr)}.fdr-chart-row__label{width:120px}.fdr-chart-row__value{width:60px}.fdr-table-scroll{overflow-x:auto}}@media(max-width:480px){.fdr-summary-cards{grid-template-columns:1fr}.fdr-chart-row{flex-wrap:wrap}.fdr-chart-row__label{width:100%}.fdr-chart-row__bar-wrapper{flex:1;min-width:0}.fdr-pagination{flex-direction:column;gap:8px}}.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: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "DM Serif Display", Georgia, "Times New Roman", 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: #6366f1;--color-primary-hover: #4f46e5;--color-primary-dark: #4338ca;--color-primary-light: #e0e7ff;--color-primary-lightest: #eef2ff;--color-primary-border: #c7d2fe;--color-primary-violet: #7c3aed;--color-primary-violet-light: #8b5cf6;--color-primary-violet-lighter: #a78bfa;--color-violet-light-bg: #ede9fe;--color-violet-lightest-bg: #f5f3ff;--color-purple-light-bg: #f3e8ff;--gradient-brand: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--gradient-primary-violet: linear-gradient(135deg, #6366f1 0%, #8b5cf6 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: #1e293b;--color-sidebar-bg-deep: #0f172a;--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(99, 102, 241, .3);--shadow-primary-lg: 0 8px 25px rgba(99, 102, 241, .4);--shadow-danger: 0 4px 15px rgba(239, 68, 68, .3);--ring-primary: 0 0 0 3px rgba(99, 102, 241, .5);--ring-primary-sm: 0 0 0 2px rgba(99, 102, 241, .3);--ring-danger: 0 0 0 3px rgba(239, 68, 68, .3);--theme-accent-bar: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--color-brand-start: #667eea;--color-brand-end: #764ba2;--color-header-bg: #1a1a2e;--color-header-border: #2d2d44;--color-header-btn-border: #3d3d5c;--color-header-text-muted: #a0a0b8;--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: #0d1117;--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}