@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#2a6b5c;--primary-dark:#003828;--primary-darker:#00261b;--primary-light:#e8f5e9;--primary-hover:#00664d;--primary-50:#004d3a14;--primary-100:#004d3a26;--primary-medium:#00664d;--sidebar-bg:#fefefe;--sidebar-hover:#f5f8f7;--sidebar-active:#eaf3f0;--sidebar-text:#5f6865;--sidebar-text-active:#2f3a37;--sidebar-width:250px;--sidebar-accent:#f5a623;--navbar-bg:#fefefe;--navbar-text:#5f6865;--navbar-text-active:#2f3a37;--navbar-icon:#59635f;--navbar-border:#e7ebe9;--accent:#f5a623;--accent-dark:#e09415;--accent-light:#fff4e0;--accent-hover:#ffba3d;--text-primary:#303936;--text-secondary:#626d69;--text-muted:#8a9490;--text-inverse:#fff;--background:#f4f6f9;--surface:#fff;--surface-hover:#fafbfd;--surface-secondary:#f8f9fb;--border:#e4e7ec;--border-light:#f0f1f5;--border-focus:var(--primary);--success:#2e7d32;--success-light:#e8f5e9;--warning:#e67e22;--warning-light:#fef5e7;--danger:#c62828;--danger-light:#ffebee;--info:#1565c0;--info-light:#e3f2fd;--kpi-green:#e8f5e9;--kpi-green-icon:#2e7d32;--kpi-orange:#fff3e0;--kpi-orange-icon:#e67e22;--kpi-blue:#e3f2fd;--kpi-blue-icon:#1565c0;--kpi-purple:#f3e5f5;--kpi-purple-icon:#7b1fa2;--qa-green:#e8f5e9;--qa-green-icon:#2e7d32;--qa-orange:#fff3e0;--qa-orange-icon:#e67e22;--qa-blue:#e3f2fd;--qa-blue-icon:#1565c0;--qa-purple:#f3e5f5;--qa-purple-icon:#7b1fa2;--qa-red:#fce4ec;--qa-red-icon:#c62828;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-family:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:34px;--font-size-4xl:40px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--navbar-height:64px;--content-max-width:1400px;--page-padding:24px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-navbar:500;--z-sidebar:600;--z-modal-backdrop:900;--z-modal:1000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family,"Inter"), Arial, sans-serif;font-size:var(--font-size-base,16px);color:var(--text-primary);background-color:var(--background);min-height:100vh;line-height:1.6}#root{text-align:left;border:none;width:100%;max-width:none;margin:0;display:block}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.3}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);animation:fadeSlideUp .45s var(--ease-smooth,cubic-bezier(.4, 0, .2, 1)) both;padding:20px}.dashboard .card:first-child{animation-delay:0s}.dashboard .card:nth-child(2){animation-delay:60ms}.dashboard .card:nth-child(3){animation-delay:.12s}.dashboard .card:nth-child(4){animation-delay:.18s}.summary-cards .card,.summary-cards .card:first-child{animation-delay:0s}.summary-cards .card:nth-child(2){animation-delay:80ms}.summary-cards .card:nth-child(3){animation-delay:.16s}.summary-cards .card:nth-child(4){animation-delay:.24s}.profile-page .card,.profile-page .card:first-child{animation-delay:0s}.profile-page .card:nth-child(2){animation-delay:80ms}.profile-page .card:nth-child(3){animation-delay:.16s}.profile-page .card:nth-child(4){animation-delay:.24s}.profile-page .card:nth-child(5){animation-delay:.32s}.leave-page .card:first-child{animation-delay:0s}.leave-page .card:nth-child(2){animation-delay:.1s}.leave-page .card:nth-child(3){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.card{opacity:1!important;animation:none!important}}.card--clickable{cursor:pointer;transition:box-shadow var(--transition-base), transform var(--transition-base)}.card--clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary);cursor:pointer;transition:color var(--transition-fast);align-items:center;gap:4px;display:inline-flex}.card__link:hover{color:var(--primary-hover)}.card__link svg{transition:transform var(--transition-fast)}.card__link:hover svg{transform:translate(3px)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:10px 20px;display:inline-flex}.btn--primary{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.btn--primary:hover{color:#f4f6f9;border-color:var(--primary-hover)}.btn--outline{color:var(--primary);border-color:var(--border);background:0 0}.btn--outline:hover{background:var(--primary-light);border-color:var(--primary)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover{background:var(--primary-light);color:var(--primary)}.btn--sm{font-size:var(--font-size-xs);padding:6px 12px}.btn--lg{font-size:var(--font-size-base);padding:12px 24px}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:4px;padding:3px 10px;line-height:1;display:inline-flex}.badge--success{background:var(--success-light);color:var(--success)}.badge--warning{background:var(--warning-light);color:var(--warning)}.badge--danger{background:var(--danger-light);color:var(--danger)}.badge--info{background:var(--info-light);color:var(--info)}.badge--purple{background:var(--kpi-purple);color:var(--kpi-purple-icon)}.icon-wrapper{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-wrapper--sm{width:36px;height:36px}.icon-wrapper--md{width:44px;height:44px}.icon-wrapper--lg{width:56px;height:56px}.icon-wrapper--green{background:var(--kpi-green);color:var(--kpi-green-icon)}.icon-wrapper--orange{background:var(--kpi-orange);color:var(--kpi-orange-icon)}.icon-wrapper--blue{background:var(--kpi-blue);color:var(--kpi-blue-icon)}.icon-wrapper--purple{background:var(--kpi-purple);color:var(--kpi-purple-icon)}.icon-wrapper--red{background:var(--danger-light);color:var(--danger)}.section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.avatar{border-radius:var(--radius-full);background:var(--primary);width:36px;height:36px;color:var(--text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar--lg{width:44px;height:44px;font-size:var(--font-size-base)}.avatar--xl{width:72px;height:72px;font-size:var(--font-size-xl)}.avatar img{object-fit:cover;width:100%;height:100%}.divider{border:none;border-top:1px solid var(--border-light);margin:var(--space-md) 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}:root{--ease-apple:cubic-bezier(.25, .1, .25, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.3s;--duration-normal:.45s;--duration-slow:.6s}.page-transition{animation:fadeSlideUp var(--duration-normal) var(--ease-smooth) both}.stagger-parent{display:contents}.stagger-child{opacity:0;animation:fadeSlideUp var(--duration-normal) var(--ease-smooth) both}.stagger-child:first-child{animation-delay:60ms}.stagger-child:nth-child(2){animation-delay:.12s}.stagger-child:nth-child(3){animation-delay:.18s}.stagger-child:nth-child(4){animation-delay:.24s}.stagger-child:nth-child(5){animation-delay:.3s}.stagger-child:nth-child(6){animation-delay:.36s}.stagger-child:nth-child(7){animation-delay:.42s}.stagger-child:nth-child(8){animation-delay:.48s}.stagger-child:nth-child(9){animation-delay:.54s}.stagger-child:nth-child(10){animation-delay:.6s}.stagger-child:nth-child(11){animation-delay:.66s}.stagger-child:nth-child(12){animation-delay:.72s}.dashboard .stagger-child:first-child{animation-delay:0s}.dashboard .stagger-child:nth-child(2){animation-delay:80ms}.dashboard .stagger-child:nth-child(3){animation-delay:.16s}.dashboard .stagger-child:nth-child(4){animation-delay:.24s}.dashboard .stagger-child:nth-child(5){animation-delay:.32s}.dashboard .stagger-child:nth-child(6){animation-delay:.4s}.dashboard .stagger-child:nth-child(7){animation-delay:.48s}.dashboard .stagger-child:nth-child(8){animation-delay:.56s}.scale-in{opacity:0;animation:fadeScaleUp var(--duration-normal) var(--ease-smooth) both}.scale-in:first-child{animation-delay:0s}.scale-in:nth-child(2){animation-delay:60ms}.scale-in:nth-child(3){animation-delay:.12s}.scale-in:nth-child(4){animation-delay:.18s}.scale-in:nth-child(5){animation-delay:.24s}.scale-in:nth-child(6){animation-delay:.3s}.slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-smooth) both}.slide-in-left{animation:slideInLeft var(--duration-normal) var(--ease-smooth) both}.sidebar-enter{animation:slideInLeft var(--duration-fast) var(--ease-smooth) both}.dropdown-enter{animation:fadeIn .2s var(--ease-smooth) both}.profile-page .profile-card-block{opacity:0;animation:fadeSlideUp var(--duration-normal) var(--ease-smooth) both}.profile-page .profile-card-block:first-child{animation-delay:.1s}.profile-page .profile-card-block:nth-child(2){animation-delay:.2s}.profile-page .profile-card-block:nth-child(3){animation-delay:.3s}.profile-page .profile-card-block:nth-child(4){animation-delay:.4s}.profile-page .profile-summary{opacity:0;animation:fadeSlideUp var(--duration-normal) var(--ease-smooth) both;animation-delay:0s}@media (prefers-reduced-motion:reduce){.page-transition,.stagger-child,.scale-in,.slide-in-right,.slide-in-left,.sidebar-enter,.dropdown-enter,.profile-page .profile-card-block,.profile-page .profile-summary{opacity:1!important;animation:none!important}}.hide-on-mobile{display:block}.hide-on-desktop{display:none}@media (width<=768px){.hide-on-mobile{display:none!important}.hide-on-desktop{display:block!important}}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);height:100vh;z-index:var(--z-sidebar);transition:transform var(--transition-slow);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar::-webkit-scrollbar{display:none}.sidebar-overlay{display:none}.sidebar__brand{border-bottom:1px solid var(--border);flex-shrink:0;margin-bottom:14px;padding:20px 20px 16px}.sidebar__logo-link{align-items:center;gap:20px;text-decoration:none;display:flex}.sidebar__brand-text{flex-direction:column;min-width:0;display:flex}.sidebar__brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#303936;letter-spacing:-.3px;line-height:1.2}.sidebar__brand-tagline{color:#ffffff80;font-size:10px;font-weight:var(--font-weight-normal);white-space:nowrap;text-overflow:ellipsis;display:none;overflow:hidden}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:4px 10px;display:flex;overflow:hidden auto}.sidebar__nav::-webkit-scrollbar{display:none}.sidebar__nav-item{border-radius:var(--radius-sm);font-size:13px;font-weight:var(--font-weight-medium);color:var(--sidebar-text);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex;position:relative}.sidebar__nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar__nav-item--active{background:var(--sidebar-active);color:var(--sidebar-text-active);font-weight:var(--font-weight-semibold)}.sidebar__nav-item--active:before{content:"";background:var(--sidebar-accent);border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.sidebar__nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar__nav-label{text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar__bottom{text-align:center;border-top:1px solid #ffffff14;flex-shrink:0;padding:14px 20px 18px}.sidebar__bottom-illustration{justify-content:center;margin-bottom:8px;display:flex}.sidebar__bottom-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#ffffffb3;line-height:1.3}.sidebar__nav-group{width:100%}.sidebar__nav-item--button{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.sidebar__nav-item--button.sidebar__nav-item--active{background:var(--sidebar-active);color:var(--sidebar-text-active)}.sidebar__nav-chevron{width:18px;height:18px;color:var(--sidebar-text);justify-content:center;align-items:center;margin-left:auto;font-size:20px;line-height:1;transition:transform .2s;display:flex;transform:rotate(0)}.sidebar__nav-chevron--open{transform:rotate(90deg)}.sidebar__submenu{flex-direction:column;gap:2px;margin:2px 0 4px;padding-left:34px;animation:.2s leaveSubmenuIn;display:flex}.sidebar__submenu-item{border-radius:var(--radius-sm);min-height:34px;color:var(--sidebar-text);font-size:12px;font-weight:var(--font-weight-medium);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:9px;padding:7px 12px;text-decoration:none;display:flex}.sidebar__submenu-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar__submenu-item--active{background:var(--sidebar-hover);color:var(--sidebar-text-active);font-weight:var(--font-weight-semibold)}.sidebar__submenu-dot{opacity:.7;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}@keyframes leaveSubmenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar__bottom-subtext{color:#fff6;font-size:11px}.sidebar__logout{border-top:1px solid var(--border);margin-top:auto;padding:12px 16px 8px}.sidebar__logout-button{color:#5f6865;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,transform .2s;display:flex}.sidebar__logout-button:hover{color:#2f3a37;background:#ffffff14}.sidebar__logout-button:active{transform:scale(.98)}.sidebar__logout-button:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}.sidebar__logout-button .sidebar__nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{z-index:calc(var(--z-sidebar) - 1);background:#0006;animation:.2s fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.user-menu{position:relative}.user-menu__trigger{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:background var(--transition-fast);color:var(--text-secondary);padding:4px 8px 4px 4px;display:flex}.user-menu__trigger:hover{background:var(--primary-light)}.user-menu__avatar{border-radius:var(--radius-full);background:var(--primary);width:36px;height:36px;color:var(--text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.user-menu__avatar--lg{width:44px;height:44px;font-size:var(--font-size-base)}.user-menu__avatar img{object-fit:cover;width:100%;height:100%}.user-menu__meta{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;line-height:1.25;display:flex}.user-menu__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap}.user-menu__id{color:var(--text-muted);white-space:nowrap;letter-spacing:.2px;font-size:11px}.user-menu__dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-menu__dropdown-header{align-items:center;gap:var(--space-md);padding:var(--space-lg);display:flex}.user-menu__full-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.user-menu__role{font-size:var(--font-size-sm);color:var(--text-muted)}.user-menu__dropdown-divider{background:var(--border-light);height:1px}.user-menu__item{align-items:center;gap:var(--space-sm);width:100%;padding:12px var(--space-lg);font-size:var(--font-size-base);color:var(--text-secondary);text-align:left;transition:background var(--transition-fast), color var(--transition-fast);display:flex}.user-menu__item:hover{background:var(--surface-hover);color:var(--text-primary)}.user-menu__item--danger{color:var(--danger)}.user-menu__item--danger:hover{background:var(--danger-light);color:var(--danger)}.top-header{height:80px;padding:0 var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.top-header__left{align-items:center;gap:var(--space-md);flex:1;min-width:0;display:flex}.top-header__right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.top-header__hamburger{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:none}.top-header__hamburger:hover{background:var(--primary-light);color:var(--primary)}.top-header__search{align-items:center;gap:var(--space-sm);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:440px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);color:var(--text-muted);flex:1;margin-left:auto;padding:7px 14px;display:flex}.top-header__search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.top-header__search input{font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;outline:none;width:100%}.top-header__search input::placeholder{color:var(--text-muted)}.top-header__separator{background:var(--border);width:1px;height:24px;margin:0 4px}@media (width<=1024px){.top-header__hamburger{display:flex}}@media (width<=768px){.top-header__search{display:none}}@media (width<=640px){.top-header{padding:0 var(--space-md)}}.app-shell{width:100%;min-height:100vh;display:flex}.app-shell__main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;width:100%;min-width:0;min-height:100vh;display:flex}.app-shell__content{box-sizing:border-box;flex:1;width:100%;min-width:0;padding:20px 24px;overflow-y:auto}@media (width<=1024px){.app-shell__main{margin-left:0}}@media (width<=768px){.app-shell__content{padding:12px 16px}}.hr-shell{--hr-sidebar-width:237px;--hr-header-height:64px;--hr-sidebar-active-bg:#e8f5e929;--hr-sidebar-hover-bg:#ffffff12;--hr-sidebar-line:#ffffff1a;--hr-sidebar-text:#ffffffb8;width:100%;min-height:100vh;display:flex}.hr-shell__main{margin-left:var(--hr-sidebar-width);flex-direction:column;flex:1;width:100%;min-width:0;min-height:100vh;display:flex}.hr-shell__content{box-sizing:border-box;flex:1;width:100%;min-width:0;padding:18px 20px 24px}.hr-sidebar{width:var(--hr-sidebar-width);background:var(--primary-dark);height:100vh;z-index:var(--z-sidebar);transition:transform var(--transition-slow);scrollbar-width:none;border-right:1px solid #00000047;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.hr-sidebar::-webkit-scrollbar{display:none}.hr-sidebar__brand{flex-shrink:0;align-items:center;gap:10px;min-width:0;padding:16px 18px 14px;display:flex}.hr-sidebar__logo{object-fit:cover;border-radius:6px;flex-shrink:0;width:34px;height:34px}.hr-sidebar__brand-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.hr-sidebar__brand-sub{color:#fff9;letter-spacing:.02em;white-space:nowrap;font-size:10.5px}.hr-sidebar__brand-name{font-size:14.5px;font-weight:var(--font-weight-bold,700);color:#fff;letter-spacing:.07em;white-space:nowrap}.hr-sidebar__divider{background:var(--hr-sidebar-line);flex-shrink:0;height:1px;margin:0 14px;display:block}.hr-sidebar__nav{flex-direction:column;flex:1;gap:3px;padding:12px;display:flex}.hr-sidebar__nav-item{font-size:13px;font-weight:var(--font-weight-medium);color:var(--hr-sidebar-text);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);border-radius:8px;align-items:center;gap:11px;padding:9px 12px;text-decoration:none;display:flex}.hr-sidebar__nav-item:hover{background:var(--hr-sidebar-hover-bg);color:#fff}.hr-sidebar__nav-item--active{background:var(--hr-sidebar-active-bg);color:#fff;font-weight:var(--font-weight-semibold)}.hr-sidebar__nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.hr-sidebar__nav-icon svg{width:17px;height:17px}.hr-sidebar__nav-label{text-overflow:ellipsis;flex:1;overflow:hidden}.hr-sidebar__footer{border-top:1px solid var(--hr-sidebar-line);flex-shrink:0;padding:10px 12px 16px}.hr-sidebar__logout{cursor:pointer;width:100%;font-family:inherit;font-size:13px;font-weight:var(--font-weight-medium);color:var(--hr-sidebar-text);text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;padding:9px 12px;display:flex}.hr-sidebar__logout:hover{color:#fff;background:#c628284d}.hr-sidebar__logout svg{width:17px;height:17px}.hr-sidebar-overlay{display:none}.hr-header{justify-content:space-between;align-items:center;gap:var(--space-md);height:var(--hr-header-height);background:var(--surface,#fff);border-bottom:1px solid var(--border);z-index:var(--z-sticky);padding:0 20px;display:flex;position:sticky;top:0}.hr-header__left{align-items:center;gap:var(--space-md);flex:1;min-width:0;display:flex}.hr-header__right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.hr-header__hamburger{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--navbar-icon,var(--text-primary));cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:none}.hr-header__hamburger:hover{background:var(--surface-hover);color:var(--navbar-text-active,var(--text-primary))}.hr-header__search{align-items:center;width:100%;min-width:0;max-width:460px;display:flex;position:relative}.hr-header__search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.hr-header__search input{border:1px solid var(--border);background:var(--surface,#fff);width:100%;height:36px;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;outline:none;padding:0 12px 0 34px;font-family:inherit;font-size:13px}.hr-header__search input::placeholder{color:var(--text-muted)}.hr-header__search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}@media (width<=1024px){.hr-shell__main{margin-left:0}.hr-sidebar{box-shadow:var(--shadow-lg);transform:translate(-100%)}.hr-sidebar--open{transform:translate(0)}.hr-sidebar-overlay{z-index:calc(var(--z-sidebar) - 1);animation:hrFadeIn var(--transition-fast) ease;background:#0f171473;display:block;position:fixed;inset:0}.hr-header__hamburger{display:inline-flex}}@media (width<=768px){.hr-shell__content{padding:12px 16px 24px}.hr-header{gap:var(--space-sm);padding:0 14px}.hr-header__left{gap:var(--space-sm)}.hr-header__search{max-width:none}.hr-header__search input{font-size:12.5px}}@keyframes hrFadeIn{0%{opacity:0}to{opacity:1}}.notification-menu{position:relative}.notification-bell{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.notification-bell:hover{background:var(--primary-light);color:var(--primary)}.notification-badge{border-radius:var(--radius-full);background:var(--danger);min-width:18px;height:18px;color:var(--text-inverse);font-size:10px;font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;padding:0 5px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.notification-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:340px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-dropdown__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.notification-dropdown__header h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.mark-read-btn{font-size:var(--font-size-xs);color:var(--primary);font-weight:var(--font-weight-medium)}.mark-read-btn:hover{text-decoration:underline}.notification-dropdown__list{max-height:320px;overflow-y:auto}.notification-empty{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.notification-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);display:flex}.notification-item:hover{background:var(--surface-hover)}.notification-item--unread{background:var(--primary-50)}.notification-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-content p{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:2px;line-height:1.4}.notification-content span{font-size:var(--font-size-xs);color:var(--text-muted)}@media (width<=640px){.notification-dropdown{width:300px;right:-40px}}.hr-dashboard{max-width:var(--content-max-width);box-sizing:border-box;flex-direction:column;gap:12px;width:100%;margin:0 auto;display:flex}.welcome{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;min-height:96px;padding:10px 2px;display:flex}.welcome__text{min-width:0}.welcome__greeting{font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-muted)}.welcome__title{font-size:26px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.4px;margin-top:3px;line-height:1.2}.welcome__subtitle{color:var(--text-muted);margin-top:5px;font-size:13px}.welcome__meta{flex-shrink:0;align-items:center;gap:14px;display:flex}.welcome__date{font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.welcome__date svg{color:var(--primary-medium)}.welcome__org{color:var(--text-muted);border-left:1px solid var(--border);white-space:nowrap;padding-left:14px;font-size:12.5px}.control{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:32px;color:var(--text-muted);font-size:var(--font-size-sm);transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.control:hover,.control:focus-within{border-color:var(--border-focus)}.control select,.control input{color:var(--text-primary);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;min-width:0;max-width:168px;font-family:inherit}.control input[type=date]{width:118px}.control input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--primary-50);border-color:var(--border-focus);color:var(--primary-medium)}.icon-btn.is-spinning svg{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.kpi-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.stat{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);min-height:105px;box-shadow:var(--shadow-xs);text-align:left;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:14px;font-family:inherit;display:flex}.stat--clickable{cursor:pointer;transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast)}.stat--clickable:hover{box-shadow:var(--shadow-sm);border-color:var(--border-focus);transform:translateY(-1px)}.stat--clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.stat__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.stat__icon--green{background:var(--kpi-green);color:var(--kpi-green-icon)}.stat__icon--orange{background:var(--kpi-orange);color:var(--kpi-orange-icon)}.stat__icon--blue{background:var(--kpi-blue);color:var(--kpi-blue-icon)}.stat__icon--purple{background:var(--kpi-purple);color:var(--kpi-purple-icon)}.stat__icon--red{background:var(--qa-red);color:var(--qa-red-icon)}.stat__icon--amber{background:var(--accent-light);color:var(--accent-dark)}.stat__body{flex-direction:column;gap:1px;min-width:0;display:flex}.stat__value{font-size:27px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.5px;line-height:1.1}.stat__label{font-size:12.5px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stat__sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11.5px;display:flex;overflow:hidden}.stat__delta{font-weight:var(--font-weight-semibold)}.stat__delta--good{color:var(--success)}.stat__delta--bad{color:var(--danger)}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);box-sizing:border-box;border-radius:9px;flex-direction:column;min-width:0;padding:12px 14px 14px;display:flex}.panel__head{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:8px;display:flex}.panel__heading{align-items:center;gap:10px;min-width:0;display:flex}.panel__icon{background:var(--primary-50);width:28px;height:28px;color:var(--primary-medium);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.panel__titles{min-width:0}.panel__title{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.3}.panel__subtitle{color:var(--text-muted);margin-top:1px;font-size:11.5px}.panel__actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.panel__body{flex:1;min-width:0}.panel__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:3px;padding:3px 6px;text-decoration:none;display:inline-flex}.panel__link:hover{background:var(--primary-50);color:var(--primary-hover)}.dash-error .state{padding:var(--space-xxl,48px) var(--space-md)}.analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.panel--chart{min-height:230px}.att-overview{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;height:160px;display:grid}.att-overview__chart{min-width:0;height:100%;position:relative}.att-overview__center,.dept-donut__center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.att-overview__total,.dept-donut__total{font-size:22px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.4px;line-height:1}.att-overview__caption,.dept-donut__caption{color:var(--text-muted);white-space:nowrap;margin-top:3px;font-size:10.5px}.att-overview__legend,.dept-donut__legend{flex-direction:column;justify-content:center;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.legend-row{cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-family:inherit;display:flex}.legend-row:hover{background:var(--surface-hover)}.legend-row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.legend-row--off{opacity:.45}.legend-row--static,.legend-row[disabled]{cursor:default}.legend-row--static:hover,.legend-row[disabled]:hover{background:0 0}.legend-row__swatch{border-radius:3px;flex-shrink:0;width:9px;height:9px}.legend-row__label{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.legend-row__value{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.legend-row__pct{text-align:right;width:32px;color:var(--text-muted);font-size:11px}.leave-types{box-sizing:border-box;min-width:0;height:160px}.dept-donut{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;height:160px;display:grid}.dept-donut__chart{min-width:0;height:100%;position:relative}.ops-grid{grid-template-columns:minmax(0,58fr) minmax(0,25fr) minmax(0,25fr);gap:12px;display:grid}.ops-grid>.panel{min-height:280px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table.leave-requests{min-width:480px}.data-table.leave-requests th,.data-table.leave-requests td{padding:5px 8px;font-size:12.5px}.leave-requests__dates{white-space:nowrap;color:var(--text-secondary);font-size:12px}.employee-cell{align-items:center;gap:8px;min-width:0;display:flex}.avatar-initials{background:var(--primary-50);width:24px;height:24px;color:var(--primary-medium);font-size:10px;font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.employee-cell__text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.employee-cell__name{font-size:12.5px;font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.table-link{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--primary);text-decoration:none}.table-link:hover{text-decoration:underline}.holiday-list,.birthday-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.holiday-list__item,.birthday-list__item{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;min-width:0;padding:6px 0;display:flex}.holiday-list__item:first-child,.birthday-list__item:first-child{padding-top:0}.holiday-list__item:last-child,.birthday-list__item:last-child{border-bottom:none;padding-bottom:0}.date-tile{background:var(--primary-50);border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:32px;line-height:1.1;display:flex}.date-tile--sm{width:30px;height:30px}.date-tile__day{font-size:12.5px;font-weight:var(--font-weight-bold);color:var(--primary-dark)}.date-tile__month{font-size:9px;font-weight:var(--font-weight-semibold);color:var(--primary-medium);text-transform:uppercase;letter-spacing:.04em}.holiday-list__body,.birthday-list__body{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.holiday-list__name,.birthday-list__name{font-size:12.5px;font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.holiday-list__meta,.birthday-list__meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.when-badge{font-size:10.5px;font-weight:var(--font-weight-semibold);color:var(--primary-medium);background:var(--primary-50);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:2px 7px}.qa-panel{min-height:96px}.quick-actions{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.qa-tile{box-sizing:border-box;border:1px solid var(--border-light);background:var(--surface);min-width:0;min-height:52px;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:flex}.qa-tile:hover{background:var(--surface-hover);border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.qa-tile:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.qa-tile__icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.qa-tile__icon--green{background:var(--qa-green);color:var(--qa-green-icon)}.qa-tile__icon--orange{background:var(--qa-orange);color:var(--qa-orange-icon)}.qa-tile__icon--blue{background:var(--qa-blue);color:var(--qa-blue-icon)}.qa-tile__icon--purple{background:var(--qa-purple);color:var(--qa-purple-icon)}.qa-tile__icon--red{background:var(--qa-red);color:var(--qa-red-icon)}.qa-tile__label{font-size:11.5px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);overflow-wrap:anywhere;min-width:0;line-height:1.25}.trend-chart{min-width:0}.chart-note{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;margin-top:4px}.data-table{border-collapse:collapse;width:100%;min-width:520px}.data-table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 10px}.data-table td{font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:9px 10px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-hover)}.data-table__strong{color:var(--text-primary);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;max-width:190px;overflow:hidden}.pill{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;padding:2px 8px;display:inline-flex}.pill--success{background:var(--success-light);color:var(--success)}.pill--warning{background:var(--warning-light);color:var(--warning)}.pill--danger{background:var(--danger-light);color:var(--danger)}.pill--info{background:var(--info-light);color:var(--info)}.pill--neutral{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.skeleton-stack{flex-direction:column;gap:12px;display:flex}.skeleton{border-radius:var(--radius-sm);background:var(--surface-secondary);width:100%;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton--welcome{border-radius:9px;height:96px}.skeleton--kpi{border-radius:9px;height:105px}.skeleton--panel{border-radius:9px;height:255px}.skeleton--qa{height:96px}.state{padding:var(--space-xl) var(--space-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.state__icon{color:var(--text-muted);margin-bottom:2px}.state--error .state__icon{color:var(--danger)}.state__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.state__message{font-size:var(--font-size-sm);color:var(--text-muted);max-width:340px}.state--error .btn{margin-top:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1360px){.kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1180px){.analytics-grid,.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-leave{grid-column:1/-1}}@media (width<=900px){.analytics-grid,.ops-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.hr-dashboard{gap:10px}.welcome{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:4px 0 8px}.welcome__title{font-size:21px}.welcome__meta{justify-content:flex-start;width:100%}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{gap:10px;min-height:96px;padding:12px}.stat__value{font-size:24px}.att-overview,.dept-donut{grid-template-columns:minmax(0,1fr);gap:4px;height:180px}.att-overview__chart,.dept-donut__chart{height:130px}.att-overview__legend,.dept-donut__legend{flex-flow:wrap;gap:4px 10px}.att-overview__legend .legend-row,.dept-donut__legend .legend-row{width:auto;padding:3px 4px}.leave-types{height:180px}.panel{padding:10px 12px 12px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.data-table{min-width:420px}}@media (width<=640px){.hide-sm{display:none}}@media (width<=480px){.stat__label{font-size:12px}.welcome__title{font-size:19px}}.hr-page{gap:var(--space-lg);max-width:var(--content-max-width);flex-direction:column;width:100%;margin:0 auto;display:flex}.hr-page__header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hr-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.3px}.hr-page__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin-top:2px}.hr-controls{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.hr-control{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:6px;padding:7px 10px;font-family:inherit;display:inline-flex}.hr-control:hover{border-color:var(--border-focus)}.hr-control:focus-within,.hr-control:focus{border-color:var(--border-focus);outline:none}.hr-control svg{color:var(--text-muted);flex-shrink:0}.hr-control input,.hr-control select{color:var(--text-primary);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;min-width:0;font-family:inherit}.hr-control input[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}.hr-note{font-size:var(--font-size-xs);color:var(--text-muted)}.hr-stat-strip{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.hr-stat-strip .hr-stat-card{padding:var(--space-md)}.hr-stat-strip .hr-stat-card__value{font-size:var(--font-size-xl)}.hr-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.hr-table{border-collapse:collapse;width:100%;min-width:560px}.hr-table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}.hr-table td{font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:12px}.hr-table tbody tr:last-child td{border-bottom:none}.hr-table tbody tr:hover td{background:var(--surface-hover)}.hr-table td.is-strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.hr-directory{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.hr-directory__item{padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);align-items:flex-start;gap:12px;min-width:0;display:flex}.hr-directory__avatar{border-radius:var(--radius-full);background:var(--primary-50);width:40px;height:40px;color:var(--primary-medium);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hr-directory__body{flex:1;min-width:0}.hr-directory__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hr-directory__meta{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:1px}.hr-directory__sub{font-size:var(--font-size-xs);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.hr-directory__code{border-radius:var(--radius-full);background:var(--surface-secondary);border:1px solid var(--border-light);font-weight:var(--font-weight-medium);padding:1px 7px}.hr-holiday-month{margin-bottom:var(--space-lg)}.hr-holiday-month:last-child{margin-bottom:0}.hr-holiday-month__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.hr-holiday{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:14px;margin-bottom:8px;padding:12px;display:flex}.hr-holiday:last-child{margin-bottom:0}.hr-holiday__date{border-radius:var(--radius-sm);background:var(--primary-50);min-width:52px;color:var(--primary-medium);flex-direction:column;justify-content:center;align-items:center;padding:6px 8px;display:flex}.hr-holiday__day{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.1}.hr-holiday__weekday{text-transform:uppercase;letter-spacing:.05em;font-size:10px}.hr-holiday__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.hr-holiday__meta{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}@media (width<=640px){.hr-page__header{align-items:flex-start}.hr-page__title{font-size:var(--font-size-lg)}.hr-controls{width:100%}.hr-control{flex:1}}.hr-timeline{flex-direction:column;display:flex}.hr-timeline__item{border-bottom:1px solid var(--border-light);gap:12px;padding:10px 0;display:flex}.hr-timeline__item:first-child{padding-top:0}.hr-timeline__item:last-child{border-bottom:none;padding-bottom:0}.hr-timeline__dot{border-radius:var(--radius-full);background:var(--primary);width:9px;height:9px;box-shadow:0 0 0 3px var(--primary-50);flex-shrink:0;margin-top:6px}.hr-timeline__dot--pending{background:var(--warning);box-shadow:0 0 0 3px var(--warning-light)}.hr-timeline__dot--leave{background:var(--info);box-shadow:0 0 0 3px var(--info-light)}.hr-timeline__body{flex:1;min-width:0}.hr-timeline__top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.hr-timeline__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.hr-timeline__meta{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loginSpin{to{transform:rotate(360deg)}}@keyframes imageZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.login-page{--login-green:#087f5b;--login-green-dark:#055d42;--login-green-deep:#003f32;--login-green-light:#e8f3ee;--login-input:#f4f6f5;--login-text:#111;--login-muted:#777}.login-page,.login-page *{box-sizing:border-box}.login-page{width:100%;min-height:100vh;color:var(--login-text);background:#fff;justify-content:center;align-items:center;padding:0;font-family:DM Sans,sans-serif;display:flex}.login-shell{background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;gap:0;width:100%;height:100vh;min-height:650px;padding:20px 30px;display:grid;overflow:hidden}.login-branding{isolation:isolate;color:#fff;background:var(--login-green-deep);border:4px solid #fff;border-right:0;border-radius:40px;flex-direction:column;justify-content:space-between;min-width:0;min-height:0;padding:34px;display:flex;position:relative;overflow:hidden}.login-branding__slides{z-index:-2;position:absolute;inset:0;overflow:hidden}.login-branding__image{object-fit:cover;object-position:center;opacity:0;will-change:opacity, transform;width:100%;height:100%;transition:opacity 1.4s ease-in-out;animation:20s ease-in-out infinite alternate imageZoom;position:absolute;inset:0}.login-branding__image.is-active{opacity:1}.login-branding__overlay{z-index:-1;pointer-events:none;background:linear-gradient(#00000059 0%,#0000000d 35%,#00000059 65%,#000c 100%),#003f3240;position:absolute;inset:0}.login-branding__top{z-index:3;letter-spacing:2.4px;white-space:nowrap;text-shadow:0 1px 6px #00000073;align-items:center;gap:12px;font-size:10px;font-weight:600;display:flex;position:relative}.login-branding__top-line{background:#ffffffa6;width:105px;height:1px;display:block}.login-branding__content{z-index:2;max-width:440px;margin-top:auto;padding-top:40px;animation:.7s both loginFadeIn;position:relative}.login-branding__headline{color:#fff;letter-spacing:-1.8px;text-shadow:0 2px 18px #00000073;margin:0 0 18px;font-family:Playfair Display,Georgia,serif;font-size:clamp(38px,4.1vw,54px);font-weight:400;line-height:.99}.login-branding__tagline{color:#ffffffe6;text-shadow:0 1px 8px #00000080;max-width:310px;margin:0;font-size:10px;line-height:1.8}.login-branding__dots{z-index:3;align-items:center;gap:8px;margin-top:26px;display:flex;position:relative}.login-branding__dot{cursor:pointer;background:#ffffff73;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .4s,background .4s}.login-branding__dot:hover{background:#ffffffbf}.login-branding__dot.is-active{background:#fff;width:28px}.login-branding__dot:focus-visible{outline-offset:3px;outline:2px solid #fff}.login-branding__bottom{z-index:2;color:#fffc;letter-spacing:1.3px;text-shadow:0 1px 6px #00000080;justify-content:space-between;gap:10px;margin-top:28px;font-size:8px;font-weight:600;display:flex;position:relative}.login-form-side{background:#fff;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;padding:65px 30px 45px;display:flex;position:relative}.login-brand{color:#111;white-space:nowrap;justify-content:center;align-items:center;gap:10px;font-size:30px;font-weight:600;display:flex;position:absolute;top:27px;left:50%;transform:translate(-50%)}.login-brand__logo{object-fit:contain;width:auto;height:36px;display:block}.login-card{width:100%;max-width:445px;box-shadow:none;background:0 0;border:none;border-radius:0;margin:auto 0;padding:20px 0;animation:.6s .1s both loginFadeIn}.login-card__header{text-align:center;margin-bottom:34px}.login-card__title{color:#080808;letter-spacing:-1.3px;margin:0 0 8px;font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:400;line-height:1.2}.login-card__subtitle{color:#686868;max-width:330px;margin:0 auto;font-size:14px;font-weight:400;line-height:1.8}.login-error{color:#b42318;background:#fff4f4;border:1px solid #f3cccc;border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:20px;padding:11px 13px;font-size:12px;line-height:1.6;display:flex}.login-error svg{flex-shrink:0;margin-top:1px}.login-form{flex-direction:column;gap:22px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field>label{color:#111;font-size:15px;font-weight:500}.login-field__input{background:var(--login-input);color:#111;border:1px solid #0000;border-radius:8px;outline:none;width:100%;min-width:0;height:40px;padding:0 11px;font-family:sans-serif;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s;display:block}.login-field__input::placeholder{color:#888b92;opacity:1}.login-field__input:hover:not(:disabled){background:#edf3ef}.login-field__input:focus{border-color:var(--login-green);background:#fff;box-shadow:0 0 0 3px #087f5b1f}.login-field__input:disabled{cursor:not-allowed;opacity:.65}.login-field__password-wrap{width:100%;position:relative}.login-field__password-wrap .login-field__input{padding-right:40px}.login-field__toggle{color:#303030;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.login-field__toggle:hover{background:var(--login-green-light);color:var(--login-green)}.login-field__toggle:disabled{cursor:not-allowed;opacity:.5}.login-options{justify-content:space-between;align-items:center;gap:10px;margin-top:-10px;display:flex}.login-checkbox{color:#262626;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.login-checkbox input{opacity:0;width:1px;height:1px;position:absolute}.login-checkbox__box{background:#fff;border:1px solid #c9c9c9;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex;position:relative}.login-checkbox input:checked+.login-checkbox__box{background:var(--login-green);border-color:var(--login-green)}.login-checkbox input:checked+.login-checkbox__box:after{content:"";border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;width:6px;height:3px;transform:rotate(-45deg)translateY(-1px)}.login-checkbox input:focus-visible+.login-checkbox__box{outline:2px solid var(--login-green);outline-offset:2px}.login-forgot{color:var(--login-green);white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none}.login-forgot:hover{color:var(--login-green-dark);text-decoration:underline}.login-submit{border:1px solid var(--login-green);background:var(--login-green);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:34px;margin-top:5px;padding:10px 15px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.login-submit:hover:not(:disabled){background:var(--login-green-dark);border-color:var(--login-green-dark);transform:translateY(-1px);box-shadow:0 5px 15px #087f5b33}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite loginSpin}.login-card__footer{color:#777;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex;position:absolute;bottom:28px;left:20px;right:20px}.login-card__footer span:last-child{color:var(--login-green-dark);font-weight:600}@media (width<=850px){.login-page{background:var(--login-green-deep);padding:12px}.login-shell{border-radius:12px;grid-template-columns:.9fr 1.1fr;height:auto;min-height:calc(100vh - 24px);padding:0}.login-branding{border:3px solid #fff;border-radius:0 18px 18px 0;padding:25px}.login-branding__headline{font-size:clamp(32px,5vw,46px)}.login-branding__bottom{flex-direction:column;gap:8px}.login-form-side{background:#fff;min-height:620px;padding:65px 24px 50px}.login-card{max-width:300px}}@media (width<=600px){.login-page{background:#fff;width:100%;min-height:100dvh;padding:0}.login-shell{border-radius:0;flex-direction:column;gap:0;width:100%;height:auto;min-height:100dvh;padding:0;display:flex;overflow:visible}.login-branding{display:none!important}.login-form-side{background:#fff;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:100dvh;padding:90px 24px 80px;display:flex;position:relative}.login-brand{white-space:normal;text-align:center;justify-content:center;align-items:center;gap:8px;width:calc(100% - 32px);font-size:17px;display:flex;position:absolute;top:28px;left:50%;transform:translate(-50%)}.login-brand__logo{flex-shrink:0;width:auto;height:30px}.login-card{width:100%;max-width:380px;margin:auto 0;padding:20px 0}.login-card__header{text-align:center;margin-bottom:28px}.login-card__title{letter-spacing:-.8px;font-size:clamp(30px,8vw,38px);line-height:1.2}.login-card__subtitle{max-width:320px;margin:10px auto 0;font-size:13px;line-height:1.7}.login-form{gap:20px}.login-field{gap:8px}.login-field>label{font-size:14px}.login-field__input{border-radius:9px;width:100%;height:48px;padding:0 13px;font-size:16px}.login-field__password-wrap .login-field__input{padding-right:44px}.login-field__toggle{width:36px;height:36px;right:6px}.login-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:-4px;display:flex}.login-checkbox,.login-forgot{font-size:12px}.login-checkbox__box{width:15px;height:15px}.login-submit{border-radius:9px;width:100%;min-height:48px;margin-top:4px;padding:12px 16px;font-size:15px}.login-card__footer{text-align:center;flex-wrap:wrap;justify-content:center;gap:5px;font-size:11px;display:flex;position:absolute;bottom:20px;left:16px;right:16px}}@media (width<=360px){.login-form-side{padding-left:18px;padding-right:18px}.login-brand{font-size:15px}.login-options{gap:8px}.login-checkbox,.login-forgot{font-size:11px}}@media (width>=1400px){.login-shell{padding:50px 70px}.login-branding{padding:46px}.login-branding__top{letter-spacing:2.8px;font-size:12px}.login-branding__top-line{width:120px}.login-branding__content{max-width:560px}.login-branding__headline{letter-spacing:-2px;margin-bottom:22px;font-size:clamp(52px,3.8vw,80px)}.login-branding__tagline{max-width:420px;font-size:15px;line-height:1.8}.login-branding__dots{gap:10px;margin-top:32px}.login-branding__dot{width:10px;height:10px}.login-branding__dot.is-active{width:36px}.login-branding__bottom{letter-spacing:1.8px;font-size:11px}.login-brand{gap:10px;font-size:28px;top:34px}.login-brand__logo{height:44px}.login-card{max-width:500px}.login-card__header{margin-bottom:38px}.login-card__title{font-size:50px}.login-card__subtitle{max-width:420px;font-size:16px}.login-error{padding:12px 14px;font-size:14px}.login-form{gap:22px}.login-field>label{font-size:13px}.login-field__input{border-radius:9px;height:50px;padding:0 14px;font-size:15px}.login-field__password-wrap .login-field__input{padding-right:48px}.login-field__toggle{width:32px;height:32px;right:9px}.login-checkbox{gap:9px;font-size:14px}.login-checkbox__box{width:16px;height:16px}.login-checkbox input:checked+.login-checkbox__box:after{width:8px;height:4px}.login-forgot{font-size:14px}.login-submit{border-radius:9px;min-height:50px;font-size:15px}.login-card__footer{font-size:13px;bottom:32px}}@media (width>=1920px){.login-branding__top{font-size:13px}.login-branding__content{max-width:660px}.login-branding__headline{font-size:clamp(68px,4vw,96px)}.login-branding__tagline{max-width:500px;font-size:18px}.login-branding__bottom{font-size:12px}.login-brand{font-size:32px}.login-brand__logo{height:52px}.login-card{max-width:580px}.login-card__title{font-size:65px}.login-card__subtitle{max-width:480px;font-size:12px}.login-field>label{font-size:14px}.login-field__input{height:56px;font-size:16px}.login-checkbox,.login-forgot{font-size:14px}.login-submit{min-height:56px;margin-top:30px;font-size:17px}.login-card__footer{font-size:14px}}@media (prefers-reduced-motion:reduce){.login-branding__image,.login-card,.login-branding__content,.login-spinner{animation:none}.login-branding__image,.login-branding__dot,.login-field__input,.login-field__toggle,.login-submit{transition:none}}.welcome-banner{box-sizing:border-box;border-radius:var(--radius-md);width:100%;min-width:0;color:var(--text-primary);background:linear-gradient(135deg,#e8f5e9 0%,#d8eedb 40%,#c8e6c9 100%);border:1px solid #2e7d321a;min-height:260px;padding:24px 28px;position:relative;overflow:hidden}.welcome-banner__illustration{z-index:0;pointer-events:none;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;inset:42px -5px -8px 25%}.welcome-banner__building-img{object-fit:contain;object-position:bottom right;width:auto;max-width:76%;height:310px;display:block;transform:translateY(8px)}.welcome-banner__scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg,#e8f5e9 0% 28%,#e8f5e9f7 36%,#e8f5e9cc 44%,#e8f5e96b 52%,#e8f5e91f 61%,#e8f5e900 69%);position:absolute;inset:0}.welcome-banner__content{box-sizing:border-box;z-index:2;grid-template-columns:minmax(0,1fr) 210px;align-items:start;gap:20px;width:100%;min-width:0;display:grid;position:relative}.welcome-banner__left{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;min-width:0;max-width:420px;display:flex}.welcome-banner__greeting{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#000;margin:0 0 6px}.welcome-banner__name{font-size:32px;font-weight:var(--font-weight-bold);color:var(--primary);margin:0 0 8px;line-height:1.15}.welcome-banner__wave{transform-origin:70% 70%;animation:2.5s infinite wave-animation;display:inline-block}@keyframes wave-animation{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.welcome-banner__motivation{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.welcome-banner__accent-line{align-items:center;gap:6px;margin-bottom:14px;display:flex}.welcome-banner__accent-green{background:var(--primary);opacity:.4;border-radius:2px;width:40px;height:3px}.welcome-banner__accent-orange{background:var(--accent);border-radius:2px;width:20px;height:3px}.welcome-banner__quote{box-sizing:border-box;border-left:3px solid var(--primary);width:100%;min-width:0;padding:var(--space-sm) var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#004d3a14}.welcome-banner__quote p{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-style:italic;overflow:hidden}.welcome-banner__right{box-sizing:border-box;z-index:5;flex-direction:column;justify-content:flex-start;align-items:flex-end;min-width:0;display:flex;position:relative}.welcome-banner__date-card{box-sizing:border-box;text-align:center;border-radius:var(--radius-sm);flex-shrink:0;width:210px}.welcome-banner__date-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#000;display:block}.welcome-banner__date-wish{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:3px}@media (width>=1400px){.welcome-banner{min-height:309px;padding:28px 30px}.welcome-banner__content{grid-template-columns:minmax(0,1fr) 230px;gap:24px}.welcome-banner__illustration{inset:48px -10px -18px 22%}.welcome-banner__building-img{max-width:80%;height:390px;transform:translateY(110px)}.welcome-banner__date-card{width:230px}}@media (width<=1600px) and (width>=1301px){.welcome-banner{min-height:306px;padding:22px 26px}.welcome-banner__content{grid-template-columns:minmax(0,1fr) 165px;gap:12px}.welcome-banner__left{max-width:390px}.welcome-banner__illustration{inset:50px 0 -6px 30%}.welcome-banner__building-img{max-width:80%;height:300px;transform:translateY(40px)}.welcome-banner__date-card{width:165px}.welcome-banner__date-value{font-size:16px}.welcome-banner__date-wish{font-size:11px}.welcome-banner__scrim{background:linear-gradient(90deg,#e8f5e9 0% 29%,#e8f5e9f7 37%,#e8f5e9c7 46%,#e8f5e959 56%,#e8f5e914 65%,#e8f5e900 73%)}}@media (width<=1000px) and (width>=769px){.welcome-banner{min-height:225px;padding:22px 24px}.welcome-banner__content{grid-template-columns:minmax(0,1fr) 150px;gap:12px}.welcome-banner__left{max-width:320px}.welcome-banner__illustration{inset:50px 0 -5px 34%}.welcome-banner__building-img{max-width:65%;height:220px;transform:translateY(5px)}.welcome-banner__date-card{width:150px}.welcome-banner__date-value{font-size:15px}.welcome-banner__date-wish{font-size:10px}.welcome-banner__scrim{background:linear-gradient(90deg,#e8f5e9 0% 32%,#e8f5e9f2 42%,#e8f5e9a6 52%,#e8f5e933 64%,#e8f5e900 75%)}}@media (width<=768px){.welcome-banner{padding:var(--space-lg);min-height:0}.welcome-banner__content{flex-direction:column;display:flex}.welcome-banner__left{max-width:none}.welcome-banner__right{align-items:flex-start;width:100%;margin-top:12px}.welcome-banner__name{font-size:var(--font-size-2xl)}.welcome-banner__date-card{text-align:left}.welcome-banner__illustration,.welcome-banner__scrim{display:none}}@media (width<=480px){.welcome-banner{padding:18px}.welcome-banner__quote p{white-space:normal}}.profile-card{flex-direction:column;height:100%;display:flex}.profile-card__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.profile-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.profile-card__body{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.profile-card__avatar-wrapper{margin-bottom:1px}.profile-card__avatar-wrapper .avatar--xl{width:60px;height:60px;font-size:var(--font-size-lg)}.profile-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:12px}.profile-card__details{flex-direction:column;gap:10px;width:100%;margin-bottom:14px;display:flex}.profile-card__detail-row{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.profile-card__detail-label{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:var(--font-weight-medium)}.profile-card__detail-value{color:var(--text-primary);font-size:12px;font-weight:var(--font-weight-semibold);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-card__detail-value--email{font-size:10px}.profile-card__cta{width:100%}.summary-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;display:grid}.summary-card{align-items:center;gap:14px;min-width:0;padding:16px 18px;display:flex}.summary-card__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.summary-card__icon--green{background:var(--kpi-green);color:var(--kpi-green-icon)}.summary-card__icon--orange{background:var(--kpi-orange);color:var(--kpi-orange-icon)}.summary-card__icon--blue{background:var(--kpi-blue);color:var(--kpi-blue-icon)}.summary-card__icon--purple{background:var(--kpi-purple);color:var(--kpi-purple-icon)}.summary-card__icon--teal{background:var(--kpi-green);color:var(--kpi-green-icon)}.summary-card__content{flex-direction:column;flex:1;min-width:0;display:flex}.summary-card__value{font-size:24px;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.summary-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.summary-card__subtext{font-size:var(--font-size-xs);color:var(--text-muted)}.summary-card__arrow{color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);flex-shrink:0;transform:translate(-4px)}.summary-card:hover .summary-card__arrow{opacity:1;transform:translate(0)}@media (width<=1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.summary-cards{grid-template-columns:1fr}.summary-card{padding:var(--space-md)}}.dtc{grid-template-columns:.5fr .5fr .5fr;gap:16px;width:100%;display:grid}.dtc__card{border-radius:16px;flex-direction:column;min-width:0;padding:20px;display:flex}.dtc__card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.dtc__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.dtc__card-subtitle{font-size:var(--font-size-sm);color:var(--text-muted)}.dtc__view-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.dtc__view-link:hover{color:var(--primary-hover)}.dtc__view-link svg{transition:transform var(--transition-fast)}.dtc__view-link:hover svg{transform:translate(3px)}.dtc__tiles{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.dtc__tile{transition:transform var(--transition-fast);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.dtc__tile:hover{transform:translateY(-1px)}.dtc__tile--green{background:#f0fdf4}.dtc__tile--orange{background:#fff7ed}.dtc__tile--blue{background:#eff6ff}.dtc__tile-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dtc__tile-icon--green{color:#16a34a;background:#22c55e26}.dtc__tile-icon--orange{color:#ea580c;background:#f9731626}.dtc__tile-icon--blue{color:#2563eb;background:#3b82f626}.dtc__tile-info{flex-direction:column;min-width:0;display:flex}.dtc__tile-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:1px}.dtc__tile-value{font-size:22px;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.dtc__tile-sub{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:1px}.dtc__info-box{background:#f0fdf4;border:1px solid #22c55e1f;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;display:flex}.dtc__info-icon{color:#16a34a;flex-shrink:0;margin-top:1px}.dtc__info-text{flex-direction:column;display:flex}.dtc__info-main{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.5}.dtc__info-main strong{color:var(--primary);font-weight:var(--font-weight-bold)}.dtc__info-sub{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.dtc__leave-list{flex-direction:column;gap:0;display:flex}.dtc__leave{border-bottom:1px solid var(--border-light);animation:fadeSlideUp .4s var(--ease-smooth,cubic-bezier(.4, 0, .2, 1)) both;align-items:center;gap:14px;padding:14px 0;display:flex}.dtc__leave:last-child{border-bottom:none}.dtc__leave-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dtc__leave-icon--green{color:#16a34a;background:#f0fdf4}.dtc__leave-icon--orange{color:#ea580c;background:#fff7ed}.dtc__leave-icon--blue{color:#2563eb;background:#eff6ff}.dtc__leave-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dtc__leave-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow-wrap:anywhere;line-height:1.3}.dtc__leave-meta{font-size:var(--font-size-xs);color:var(--text-muted);overflow-wrap:anywhere;line-height:1.4}.dtc__leave-badge{font-size:11px;font-weight:var(--font-weight-semibold);text-align:center;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:5px 12px;line-height:1.3}.dtc__leave-badge--approved{color:#15803d;background:#dcfce7}.dtc__leave-badge--pending{color:#1d4ed8;background:#dbeafe}.dtc__leave-badge--rejected{color:#b91c1c;background:#fee2e2}.dtc__leave-badge--neutral{color:#475569;background:#f1f5f9}.dtc__holidays-list{flex-direction:column;gap:0;display:flex}.dtc__holiday{border-bottom:1px solid var(--border-light);animation:fadeSlideUp .4s var(--ease-smooth,cubic-bezier(.4, 0, .2, 1)) both;align-items:center;gap:14px;padding:14px 0;display:flex}.dtc__holiday:last-child{border-bottom:none}.dtc__hol-date-badge{background:#f0fdf4;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dtc__hol-month{font-size:9px;font-weight:var(--font-weight-bold);color:#16a34a;text-transform:uppercase;letter-spacing:.5px;line-height:1}.dtc__hol-day{font-size:18px;font-weight:var(--font-weight-bold);color:#16a34a;line-height:1.2}.dtc__hol-info{flex:1;min-width:0}.dtc__hol-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.dtc__hol-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.dtc__hol-badge{font-size:11px;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 10px}.dtc__hol-badge--holiday{color:#fff;background:#16a34a}.dtc__hol-badge--forced{color:#fff;background:#75a8ff}.dtc__loading{flex-direction:column;flex:1;gap:12px;display:flex}.dtc__skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:10px;height:60px;animation:1.5s infinite shimmer}.dtc__empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.dtc__empty-state p{font-size:var(--font-size-sm)}.dtc__empty-state--error{color:#dc2626}@media (width<=1200px){.dtc{grid-template-columns:.5fr .5fr}.dtc__card:last-child{grid-column:1/-1}}@media (width<=900px){.dtc{grid-template-columns:1fr}.dtc__card:last-child{grid-column:auto}}@media (width<=640px){.dtc__card{padding:18px 16px}.dtc__card-header{flex-direction:column;gap:8px}.dtc__tile{padding:12px}.dtc__tile-value{font-size:18px}.dtc__hol-date-badge{width:42px;height:42px}.dtc__hol-day{font-size:16px}.dtc__leave{gap:10px;padding:12px 0}.dtc__leave-icon{width:44px;height:44px}.dtc__leave-badge{white-space:normal;padding:4px 10px}}.att{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;height:auto;max-height:300px;padding:20px 26px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.att__header{justify-content:space-between;align-items:flex-start;margin-bottom:2px;display:flex}.att__title{color:#172033;margin:0;font-size:23px;font-weight:600;line-height:1.2}.att__subtitle{color:#64748b;margin:4px 0 0;font-size:14px;line-height:1.2}.att__month-selector{flex-shrink:0;position:relative}.att__select{appearance:none;color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:175px;height:40px;padding:0 36px 0 14px;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}.att__select:hover{border-color:#cbd5e1}.att__select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1f}.att__select-arrow{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.att__body{align-items:flex-start;gap:18px;min-height:0;margin-top:8px;display:flex}.att__chart-section{flex:1;min-width:0;overflow:visible}.att__chart{gap:5px;width:100%;min-width:0;display:grid}.att__col{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.att__col-hours{justify-content:center;align-items:flex-end;height:17px;min-height:17px;margin-bottom:4px;display:flex}.att__hours-label{color:#475569;white-space:nowrap;font-size:11px;font-weight:600;line-height:1}.att__col-bar{flex-shrink:0;justify-content:center;align-items:flex-end;width:100%;height:78px;display:flex;position:relative}.att__bar{cursor:pointer;border-radius:999px;flex-shrink:0;width:55%;max-width:24px;min-height:8px;max-height:75px;transition:height .35s cubic-bezier(.25,1,.5,1),transform .15s}.att__bar:hover{transform:scaleX(1.08)}.att__bar--present{background:linear-gradient(#4ade80 0%,#22c55e 100%)}.att__bar--halfday{background:linear-gradient(#fbbf24 0%,#f59e0b 100%)}.att__bar--absent{background:linear-gradient(#f87171 0%,#ef4444 100%)}.att__bar--leave{background:linear-gradient(#60a5fa 0%,#2563eb 100%)}.att__bar--holiday{background:linear-gradient(#2dd4bf 0%,#0f766e 100%)}.att__bar--upcoming{cursor:default;background:#d7dde5;border-radius:999px;height:38px!important;min-height:38px!important;max-height:38px!important}.att__dot--holiday{background:#0f766e}.att__bar--today{cursor:pointer;background:linear-gradient(#93c5fd 0%,#60a5fa 100%);border-radius:999px;box-shadow:0 2px 7px #3b82f633;height:38px!important;min-height:38px!important;max-height:38px!important}.att__bar--none{background:0 0;min-height:0}.att__col-day{justify-content:center;align-items:flex-start;padding-top:5px;display:flex}.att__day-label{color:#64748b;font-size:12px;font-weight:500;line-height:1}.att__tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:100;background:#1e293b;border-radius:9px;padding:9px 12px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.att__tooltip:after{content:"";border:6px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.att__tooltip-date{margin-bottom:2px;font-weight:600}.att__tooltip-status{color:#86efac;font-weight:600}.att__tooltip-detail{color:#cbd5e1}.att__divider{background:#e5e7eb;flex-shrink:0;align-self:stretch;width:1px}.att__summary{flex-direction:column;flex-shrink:0;justify-content:center;gap:2px;min-width:165px;display:flex}.att__summary-item{align-items:center;gap:10px;min-height:25px;display:flex}.att__dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.att__dot--present{background:#22c55e}.att__dot--halfday{background:#f59e0b}.att__dot--absent{background:#ef4444}.att__dot--upcoming{background:#d1d5db}.att__summary-label{color:#64748b;flex:1;font-size:14px}.att__summary-count{color:#172033;font-size:15px;font-weight:700}.att__view-link{color:#22c55e;cursor:pointer;background:0 0;border:0;border-top:1px solid #e5e7eb;align-items:center;gap:4px;margin-top:8px;padding-top:9px;font-size:12px;font-weight:600;transition:color .15s;display:inline-flex}.att__view-link:hover{color:#16a34a}.att__view-link svg{transition:transform .15s}.att__view-link:hover svg{transform:translate(3px)}.att__loading{color:#94a3b8;justify-content:center;align-items:center;padding:32px 0;font-size:14px;display:flex}.att__mobile-progress{display:none}@media (width<=1200px){.att{max-height:290px;padding:18px 20px 14px}.att__title{font-size:20px}.att__subtitle{font-size:13px}.att__select{width:165px;height:38px;font-size:13px}.att__col-bar{height:72px}.att__bar{max-width:21px;max-height:70px}.att__bar--today,.att__bar--upcoming{height:36px!important;min-height:36px!important;max-height:36px!important}.att__chart{gap:4px}.att__summary{min-width:145px}.att__summary-label{font-size:13px}.att__summary-count{font-size:14px}}@media (width<=1024px){.att{max-height:none}.att__body{flex-direction:column;gap:12px}.att__divider{align-self:auto;width:100%;height:1px}.att__chart-section{width:100%}.att__col-bar{height:70px}.att__bar{max-height:68px}.att__summary{flex-flow:wrap;justify-content:flex-start;gap:12px;width:100%;min-width:0}.att__summary-item{min-width:115px}.att__view-link{margin-top:2px;padding-top:8px}}@media (width<=640px){.att{border-radius:15px;max-height:none;padding:16px 15px 14px}.att__header{flex-direction:row;align-items:flex-start;gap:10px}.att__title{font-size:19px}.att__subtitle{margin-top:4px;font-size:12px}.att__month-selector{align-self:flex-start}.att__select{width:135px;height:36px;padding-left:11px;padding-right:28px;font-size:11px}.att__select-arrow{right:9px}.att__body{width:100%;margin-top:12px;display:block}.att__chart-section,.att__divider,.att__summary{display:none}.att__mobile-progress{box-sizing:border-box;justify-content:center;align-items:center;gap:22px;width:100%;padding:6px 2px 12px;display:flex}.att__mobile-pie-wrapper{flex-shrink:0}.att__mobile-pie{border-radius:50%;justify-content:center;align-items:center;width:145px;min-width:145px;height:145px;display:flex;position:relative;box-shadow:0 4px 14px #0f172a14}.att__mobile-pie:before{content:"";background:#fff;border-radius:50%;width:104px;height:104px;position:absolute}.att__mobile-pie-center{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.att__mobile-pie-center strong{color:#172033;font-size:27px;font-weight:700;line-height:1}.att__mobile-pie-center span{color:#64748b;margin-top:5px;font-size:10px;font-weight:500}.att__mobile-progress-info{flex:1;min-width:0}.att__mobile-progress-title{color:#172033;font-size:16px;font-weight:700;line-height:1.2}.att__mobile-progress-subtitle{color:#94a3b8;margin-top:4px;font-size:12px}.att__mobile-stats{flex-direction:column;gap:8px;margin-top:13px;display:flex}.att__mobile-stat{color:#64748b;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:12px;display:grid}.att__mobile-stat strong{color:#172033;font-size:13px;font-weight:700}.att__mobile-stat-dot{border-radius:50%;width:8px;height:8px;display:block}.att__mobile-stat-dot--present{background:#22c55e}.att__mobile-stat-dot--halfday{background:#f59e0b}.att__mobile-stat-dot--absent{background:#ef4444}.att__view-link{justify-content:center;width:100%;margin-top:8px;padding-top:11px;font-size:12px;display:flex}}@media (width<=390px){.att{padding-left:12px;padding-right:12px}.att__title{font-size:17px}.att__subtitle{font-size:11px}.att__select{width:120px;font-size:10px}.att__mobile-progress{gap:15px}.att__mobile-pie{width:125px;min-width:125px;height:125px}.att__mobile-pie:before{width:90px;height:90px}.att__mobile-pie-center strong{font-size:23px}.att__mobile-pie-center span{font-size:9px}.att__mobile-progress-title{font-size:14px}.att__mobile-progress-subtitle{font-size:10px}.att__mobile-stat{font-size:11px}.att__mobile-stat strong{font-size:12px}}.company-banner{border-radius:var(--radius-md);padding:var(--space-xl) var(--space-xl);color:#fff;background:linear-gradient(135deg,#2a6b5c 0%,#00664d 50%,#007a5a 100%);position:relative;overflow:hidden}.company-banner__bg{pointer-events:none;position:absolute;inset:0}.company-banner__content{justify-content:space-between;align-items:center;gap:var(--space-lg);z-index:1;display:flex;position:relative}.company-banner__left{align-items:center;gap:var(--space-md);display:flex}.company-banner__icon{border-radius:var(--radius-md);background:#ffffff26;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.company-banner__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:4px}.company-banner__text{font-size:var(--font-size-sm);color:#ffffffb3}.company-banner__btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:all var(--transition-fast);background:#ffffff26;border:1px solid #ffffff40;flex-shrink:0;padding:10px 20px;display:inline-flex}.company-banner__btn:hover{background:#ffffff40}@media (width<=768px){.company-banner{padding:var(--space-lg)}.company-banner__content{flex-direction:column;align-items:flex-start}.company-banner__title{font-size:var(--font-size-lg)}}.dashboard{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;min-width:0;max-width:100%;margin:0;display:flex}.dashboard,.dashboard *{box-sizing:border-box}.dashboard__row,.dashboard__col,.dashboard>.stagger-child{width:100%;min-width:0;max-width:100%}.dashboard__row{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:16px;display:grid}.dashboard__row--hero{grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:16px}.dashboard__col{min-width:0}.dashboard__col--wide,.dashboard__col--narrow,.dashboard__col--profile{width:100%;min-width:0}@media (width<=1200px){.dashboard{gap:16px}.dashboard__row--hero{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}}@media (width<=1024px){.dashboard__row,.dashboard__row--hero{grid-template-columns:minmax(0,1fr);gap:14px}.dashboard{gap:16px}.dashboard__col,.dashboard__col--wide,.dashboard__col--profile{width:100%;min-width:0}}@media (width<=768px){.dashboard{flex-direction:column;gap:14px;width:100%;min-width:0;max-width:100%;margin:0;padding:0;display:flex;overflow:visible}.dashboard>.stagger-child{width:100%;min-width:0;max-width:100%;margin:0}.dashboard__row,.dashboard__row--hero{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0;margin:0;display:grid}.dashboard__col,.dashboard__col--wide,.dashboard__col--narrow,.dashboard__col--profile{width:100%;min-width:0;max-width:100%}.dashboard .card,.dashboard .att,.dashboard .dtc,.dashboard .dtc__card{min-width:0;max-width:100%}}@media (width<=480px){.dashboard{gap:12px}.dashboard>.stagger-child{width:100%}.dashboard__row,.dashboard__row--hero{gap:12px}}@media (width<=360px){.dashboard,.dashboard__row,.dashboard__row--hero{gap:10px}}.profile-page{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.profile-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.profile-page__breadcrumb{align-items:center;gap:6px;margin-bottom:6px;display:flex}.profile-page__crumb{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none}.profile-page__crumb:hover{color:var(--primary)}.profile-page__crumb--current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.profile-page__crumb-sep{color:var(--text-muted);display:inline-flex}.profile-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.profile-page__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:4px}.profile-page__edit-btn{height:40px;padding:0 18px}.profile-summary{align-items:stretch;gap:20px;padding:20px 24px;display:flex}.profile-summary__main{flex:1;align-items:center;gap:16px;max-width:70%;display:flex}.profile-summary__photo{flex-shrink:0;position:relative}.profile-summary__avatar{border-radius:var(--radius-full);background:var(--primary);width:120px;height:120px;color:var(--text-inverse);font-size:26px;font-weight:var(--font-weight-bold);border:3px solid var(--primary-light);justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-summary__avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-summary__initials{line-height:1}.profile-summary__camera{border-radius:var(--radius-full);background:var(--primary);width:28px;height:28px;color:var(--text-inverse);border:2px solid var(--surface);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;bottom:-2px;right:-2px}.profile-summary__camera:hover{background:var(--primary-hover)}.profile-summary__identity{min-width:0}.profile-summary__name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-summary__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.profile-summary__badge{font-size:11px}.profile-summary__meta{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);align-items:center;gap:8px;margin-top:4px;display:flex}.profile-summary__code{color:var(--warning);font-weight:var(--font-weight-semibold)}.profile-summary__meta-sep{color:var(--border)}.profile-summary__quote{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:6px;font-style:italic}.profile-summary__divider{background:var(--border-light);align-self:stretch;width:2px;margin-right:50px}.profile-summary__contact{flex-direction:column;flex-shrink:0;justify-content:center;gap:15px;display:flex}.profile-summary__contact-row{align-items:center;gap:10px;display:flex}.profile-summary__contact-icon{border-radius:var(--radius-sm);background:var(--primary-light);width:30px;height:30px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-summary__contact-text{flex-direction:column;line-height:1.3;display:flex}.profile-summary__contact-label{color:var(--text-muted);font-size:11px}.profile-summary__contact-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.profile-card-block{padding:20px 24px}.profile-card-block__header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.profile-card-block__title-wrap{align-items:center;gap:10px;display:flex}.profile-card-block__header-icon{border-radius:var(--radius-sm);background:var(--primary-light);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-card-block__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.profile-card-block__tag{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium)}.profile-card-block__columns{grid-template-columns:1fr 1fr;gap:8px 24px;display:grid}.profile-card-block__col{flex-direction:column;gap:8px;min-width:0;display:flex}.profile-field{border-radius:var(--radius-sm);background:var(--surface-secondary);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 24px;display:flex}.profile-field__left{align-items:center;gap:10px;min-width:0;display:flex}.profile-field__icon{border-radius:var(--radius-sm);background:var(--primary-light);width:28px;height:28px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-field__icon--accent{background:var(--warning-light);color:var(--warning)}.profile-field__label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.profile-field__req{color:var(--danger);margin-left:2px}.profile-field__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-field__value--accent{color:var(--warning)}.profile-field__value--muted{color:var(--text-muted);font-weight:var(--font-weight-normal)}.profile-field--edit{background:var(--surface);border:1px solid var(--border-light);flex-direction:column;align-items:stretch;gap:6px}.profile-field--edit .profile-field__left{justify-content:flex-start}.profile-field__control{width:100%}.profile-field__input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:8px 12px;font-family:inherit}.profile-field__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50);outline:none}.profile-address__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-address{border:1px solid var(--border-light);border-radius:var(--radius-sm);min-width:0;overflow:hidden}.profile-address__header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:8px;padding:10px 14px;display:flex}.profile-address__header--local,.profile-address__header--permanent{background:var(--primary-light);color:var(--primary)}.profile-address__body{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.profile-address__body .profile-field{background:var(--surface-secondary)}.profile-page__actions{justify-content:flex-end;gap:12px;padding-top:4px;display:flex}@media (width<=1024px){.profile-summary{flex-direction:column;align-items:stretch;gap:16px}.profile-summary__divider{align-self:auto;width:100%;height:1px}.profile-summary__contact{flex-flow:wrap;gap:16px}}@media (width<=768px){.profile-page__header{flex-direction:column;align-items:flex-start}.profile-page__edit-btn{width:100%}.profile-card-block__columns,.profile-address__grid{grid-template-columns:1fr}.profile-summary__contact{flex-direction:column}.profile-field{flex-direction:column;align-items:flex-start;gap:4px}.profile-field__value{text-align:left;white-space:normal}}@keyframes leaveFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes leaveSpin{to{transform:rotate(360deg)}}.leave-form__reveal{animation:.3s both leaveFadeIn}.short-leave-preview{background:var(--primary-light);border-radius:var(--radius-sm);border:1px solid #2a6b5c1f;align-items:center;gap:10px;padding:10px 14px;animation:.25s both leaveFadeIn;display:flex}.short-leave-preview__icon{background:var(--kpi-green);width:28px;height:28px;color:var(--kpi-green-icon);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.short-leave-preview__text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.4}.short-leave-preview__text strong{font-weight:var(--font-weight-semibold);color:var(--primary-dark)}.short-leave-exhausted{background:var(--danger-light);border-radius:var(--radius-sm);border:1px solid #c628281f;align-items:center;gap:10px;padding:10px 14px;animation:.25s both leaveFadeIn;display:flex}.short-leave-exhausted__icon{width:28px;height:28px;color:var(--danger);background:#c628281a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.short-leave-exhausted__text{font-size:var(--font-size-sm);color:var(--danger);font-weight:var(--font-weight-medium);line-height:1.4}.saturday-off-balance{border-radius:var(--radius-sm);background:#f5f0ff;border:1px solid #7b1fa21f;align-items:center;gap:12px;padding:12px 14px;animation:.25s both leaveFadeIn;display:flex}.saturday-off-balance__icon{background:var(--kpi-purple);width:34px;height:34px;color:var(--kpi-purple-icon);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.saturday-off-balance__content{flex-direction:column;gap:2px;display:flex}.saturday-off-balance__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#5b21b6}.saturday-off-balance__text{font-size:var(--font-size-xs);color:#7c3aed;line-height:1.3}.leave-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;min-width:0;animation:.35s both leaveFadeIn;display:flex}.leave-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.leave-page__header-left{flex-direction:column;display:flex}.leave-page__breadcrumb{align-items:center;gap:6px;margin-bottom:6px;display:flex}.leave-page__crumb{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.leave-page__crumb:hover{color:var(--primary)}.leave-page__crumb--current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.leave-page__crumb-sep{color:var(--text-muted);align-items:center;display:inline-flex}.leave-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.leave-page__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:4px}.leave-balance{flex-direction:column;gap:16px;display:flex}.leave-balance__header{justify-content:space-between;align-items:flex-start;display:flex}.leave-balance__title-wrap{align-items:center;gap:10px;display:flex}.leave-balance__icon{border-radius:var(--radius-sm);background:var(--kpi-green);width:36px;height:36px;color:var(--kpi-green-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.leave-balance__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.leave-balance__subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:1px}.leave-balance__metrics{align-items:stretch;gap:0;display:flex}.leave-balance__metric{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 8px;display:flex}.leave-balance__metric-divider{background:var(--border-light);align-self:stretch;width:1px;margin:4px 0}.leave-balance__metric-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;display:flex}.leave-balance__metric-icon--green{background:var(--kpi-green);color:var(--kpi-green-icon)}.leave-balance__metric-icon--orange{background:var(--kpi-orange);color:var(--kpi-orange-icon)}.leave-balance__metric-icon--blue{background:var(--kpi-blue);color:var(--kpi-blue-icon)}.leave-balance__metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.leave-balance__metric-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.leave-balance__metric-sub{color:var(--text-muted);font-size:10px}.leave-status__alert{background:var(--warning-light);border-radius:var(--radius-sm);color:var(--warning);font-size:var(--font-size-sm);border:1px solid #e67e2226;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.leave-status__alert>svg{flex-shrink:0;margin-top:1px}.leave-status__alert-text{flex-direction:column;gap:2px;line-height:1.4;display:flex}.leave-status__alert-sub{font-size:var(--font-size-xs);color:var(--text-muted)}.leave-apply__header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.leave-apply__title-wrap{align-items:center;gap:10px;display:flex}.leave-apply__icon{border-radius:var(--radius-sm);background:var(--kpi-green);width:32px;height:32px;color:var(--kpi-green-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.leave-apply__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.leave-apply__subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:1px}.leave-apply__success{background:var(--success-light);border-radius:var(--radius-sm);color:var(--success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid #2e7d321f;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;animation:.3s both leaveFadeIn;display:flex}.leave-apply__error-banner{background:var(--danger-light);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid #c628281f;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;animation:.3s both leaveFadeIn;display:flex}.leave-apply__form{flex-direction:column;gap:0;display:flex}.leave-form__row{border-bottom:1px solid var(--border-light);grid-template-columns:1fr;gap:14px;padding:10px 0;display:grid}.leave-form__row:last-of-type{border-bottom:none}.leave-form__row--double{grid-template-columns:1fr 1fr;gap:20px}.leave-form__row--quad{grid-template-columns:1.3fr 1fr 1.3fr 1fr;gap:16px}.leave-form__field{flex-direction:column;gap:4px;display:flex}.leave-form__field--full{grid-column:1/-1}.leave-form__field--date-group{flex-direction:column;gap:6px;display:flex}.leave-form__label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-primary);align-items:center;gap:4px;display:flex}.leave-form__req{color:var(--danger);font-weight:var(--font-weight-semibold)}.leave-form__input,.leave-form__select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:36px;color:var(--text-primary);background:var(--surface);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:0 10px;font-size:13px}.leave-form__input::placeholder,.leave-form__select{color:var(--text-muted)}.leave-form__input:focus,.leave-form__select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.leave-form__input--error{border-color:var(--danger)}.leave-form__input:disabled{background:var(--surface-alt,#f3f6f8);color:var(--text-secondary,#54627a);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--text-secondary,#54627a);font-weight:600}.leave-form__input--error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #c6282814}.leave-form__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e96a4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.leave-type-dropdown{width:100%;position:relative}.leave-type-dropdown__trigger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;height:42px;font-family:var(--font-family);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;display:flex}.leave-type-dropdown__trigger:hover{border-color:#b8c2ce}.leave-type-dropdown__trigger:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50);outline:none}.leave-type-dropdown--error .leave-type-dropdown__trigger{border-color:var(--danger)}.leave-type-dropdown--error .leave-type-dropdown__trigger:focus{border-color:var(--danger);box-shadow:0 0 0 3px #c6282814}.leave-type-dropdown__selected{align-items:center;gap:10px;display:flex}.leave-type-dropdown__icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.leave-type-dropdown__label{font-weight:var(--font-weight-medium);color:var(--text-primary)}.leave-type-dropdown__placeholder{color:var(--text-muted);font-weight:var(--font-weight-normal)}.leave-type-dropdown__chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.leave-type-dropdown__chevron--open{transform:rotate(180deg)}.leave-type-dropdown__menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:6px;animation:.18s leaveDropdownFade;position:absolute;top:calc(100% + 6px);left:0}@keyframes leaveDropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.leave-type-dropdown__option{border-radius:var(--radius-sm);cursor:pointer;width:100%;font-family:var(--font-family);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.leave-type-dropdown__option:hover{background:var(--surface-secondary)}.leave-type-dropdown__option--active{background:var(--primary-50)}.leave-type-dropdown__option--active:hover{background:var(--primary-100)}.leave-type-dropdown__option-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.leave-type-dropdown__option-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.leave-type-dropdown__option-label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.leave-type-dropdown__option-desc{color:var(--text-muted);font-size:11px}.leave-type-dropdown__check{color:var(--primary);flex-shrink:0}.leave-form__input--date{cursor:pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.leave-form__date-session{grid-template-columns:1fr auto;gap:8px;display:grid}.leave-form__date-session .leave-form__input--date{min-width:0}.leave-form__date-session .leave-form__select{min-width:96px}.leave-form__textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--surface);resize:vertical;box-sizing:border-box;min-height:56px;font-size:13px;font-family:var(--font-family);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:8px 10px}.leave-form__textarea::placeholder{color:var(--text-muted)}.leave-form__textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.leave-form__error{font-size:var(--font-size-xs);color:var(--danger);font-weight:var(--font-weight-medium);align-items:center;gap:4px;display:flex}.leave-form__help{color:var(--text-muted);margin-top:1px;font-size:11px;line-height:1.3}.leave-form__actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding-top:12px;display:flex}.leave-form__actions .btn{height:36px;padding:0 16px;font-size:13px}.leave-form__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite leaveSpin}.leave-apply--full{box-sizing:border-box;width:100%;min-width:0;padding:18px 20px}.leave-apply--full .leave-apply__header{margin-bottom:6px}.leave-apply--full .leave-form__row{padding:10px 0}.leave-page__main-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:20px;width:100%;display:grid}.leave-page__right-col{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.leave-page__right-col .leave-balance,.leave-policy{box-sizing:border-box;width:100%;min-width:0}.leave-policy{flex-direction:column;padding:20px;display:flex}.leave-policy__header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.leave-policy__icon{border-radius:var(--radius-sm);background:var(--kpi-blue);width:36px;height:36px;color:var(--kpi-blue-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.leave-policy__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.leave-policy__subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.leave-policy__list{flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.leave-policy__list li{font-size:var(--font-size-sm);color:var(--text-secondary);padding-left:18px;line-height:1.5;position:relative}.leave-policy__list li:before{content:"";background:var(--primary);opacity:.65;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.leave-policy__link{width:fit-content;color:var(--primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast);align-items:center;gap:5px;margin-top:auto;text-decoration:none;display:inline-flex}.leave-policy__link:hover{color:var(--primary-hover)}.leave-policy__link svg{transition:transform var(--transition-fast)}.leave-policy__link:hover svg{transform:translate(3px)}.leave-form__row--three{grid-template-columns:1fr 1fr 1fr;gap:16px}@media (width<=1200px){.leave-form__row--quad{grid-template-columns:1fr 1fr}}@media (width<=1024px){.leave-form__row--three{grid-template-columns:1fr 1fr}.leave-page__header{flex-direction:column;align-items:flex-start}.leave-page__main-row,.leave-form__row--double,.leave-form__row--quad,.leave-form__date-session{grid-template-columns:1fr}.leave-form__date-session .leave-form__select{min-width:0}}@media (width<=768px){.leave-page__title{font-size:var(--font-size-xl)}.leave-balance__metrics{flex-direction:column;gap:0}.leave-balance__metric{text-align:left;flex-direction:row;gap:10px;padding:12px}.leave-balance__metric-divider{width:100%;height:1px;margin:0}.leave-apply--full{padding:18px}.leave-page__main-row{gap:14px}.leave-form__row--three,.leave-form__row--double,.leave-form__row--quad,.leave-form__date-session{grid-template-columns:1fr}.leave-form__date-session .leave-form__select{min-width:0}.leave-form__actions{flex-direction:column;align-items:stretch}.leave-form__actions .btn{justify-content:center;width:100%}}@media (width<=480px){.leave-page{gap:14px}.leave-form__actions{flex-direction:column}.leave-form__actions .btn{width:100%}}.leave-page__main-row{z-index:1;position:relative}.leave-apply--full{z-index:20;position:relative;overflow:visible!important}.leave-type-dropdown{z-index:1000;position:relative}.leave-type-dropdown__menu{z-index:99999;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-lg);box-sizing:border-box;padding:6px;position:absolute;top:calc(100% + 6px);left:0}.leave-page__right-col{z-index:1;position:relative}.custom-calendar{width:100%;position:relative}.custom-calendar__input{color:#273142;cursor:pointer;text-align:left;background:#fff;border:1px solid #dfe4ea;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.custom-calendar__input:hover{border-color:#b8c2ce}.custom-calendar__input:focus{border-color:#16856f;outline:none;box-shadow:0 0 0 3px #16856f1a}.custom-calendar__value{color:#273142}.custom-calendar__placeholder{color:#9aa5b5}.custom-calendar__calendar-icon{color:#566273;flex-shrink:0}.custom-calendar--disabled .custom-calendar__input,.custom-calendar__input:disabled{color:#9ca3af;cursor:not-allowed;background:#f5f6f8}.custom-calendar__dropdown{z-index:1000;background:#fff;border:1px solid #e3e7ec;border-radius:12px;width:300px;padding:14px;animation:.16s customCalendarFadeIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 30px #1423321f,0 3px 8px #1423320f}@keyframes customCalendarFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-calendar__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.custom-calendar__month-year{color:#273142;align-items:center;gap:5px;display:flex}.custom-calendar__month{font-size:14px;font-weight:700}.custom-calendar__year{color:#7c8797;font-size:14px;font-weight:500}.custom-calendar__nav-button{color:#566273;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .15s,color .15s;display:flex}.custom-calendar__nav-button:hover{color:#16856f;background:#f1f5f4}.custom-calendar__weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:5px;display:grid}.custom-calendar__weekday{color:#8993a2;justify-content:center;align-items:center;height:30px;font-size:11px;font-weight:600;display:flex}.custom-calendar__days{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.custom-calendar__day{color:#303a4b;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:100%;height:34px;font-family:inherit;font-size:12px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.custom-calendar__day:hover:not(:disabled){color:#16856f;background:#eaf5f2}.custom-calendar__day--outside{color:#c3c9d1}.custom-calendar__day--today{color:#16856f;font-weight:700;position:relative}.custom-calendar__day--today:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:4px}.custom-calendar__day--selected{font-weight:700;color:#fff!important;background:#16856f!important}.custom-calendar__day--selected:after{display:none}.custom-calendar__day--disabled{color:#d4d8de;cursor:not-allowed;background:0 0}.custom-calendar__day--saturday:not(.custom-calendar__day--disabled){color:#6b21a8;background:#f5f0ff;font-weight:600}.custom-calendar__day--saturday:not(.custom-calendar__day--disabled):hover{color:#5b21b6;background:#ede9fe}.custom-calendar__footer{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.custom-calendar__today,.custom-calendar__clear{cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:600}.custom-calendar__today{color:#16856f}.custom-calendar__clear{color:#7c8797}.custom-calendar__today:hover{color:#0f6756}.custom-calendar__clear:hover{color:#dc5a5a}@media (width<=480px){.custom-calendar__dropdown{width:min(300px,100vw - 32px)}}.leave-approval-page{box-sizing:border-box;color:#182338;background:#f5f7f9;width:100%;min-height:100%;padding:18px 20px 24px;overflow-x:hidden}.leave-approval-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.leave-approval-heading{min-width:0}.leave-approval-breadcrumbs{color:#7a8798;align-items:center;gap:6px;margin-bottom:9px;font-size:12px;display:flex}.leave-approval-breadcrumbs strong{color:#26364d;font-weight:600}.breadcrumb-chevron{color:#a5afbb}.leave-approval-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.leave-approval-heading h1{letter-spacing:-.35px;color:#172238;margin:0;font-size:26px;font-weight:700;line-height:1.2}.latest-badge{color:#21483f;white-space:nowrap;background:#e9f5f1;border:1px solid #d7ebe5;border-radius:20px;align-items:center;height:24px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.leave-approval-heading p{color:#738097;margin:5px 0 0;font-size:13px}.leave-approval-card{box-sizing:border-box;background:#fff;border:1px solid #e4e9ee;border-radius:13px;width:100%;max-width:100%;overflow:hidden;box-shadow:0 3px 15px #1f30430b}.approval-filter-bar{box-sizing:border-box;border-bottom:1px solid #edf0f3;grid-template-columns:1fr;align-items:center;gap:10px;padding:14px;display:grid}.approval-search{box-sizing:border-box;background:#fff;border:1px solid #dce3e9;border-radius:9px;align-items:center;gap:9px;min-width:0;height:43px;padding:0 12px;transition:all .2s;display:flex}.approval-search:focus-within{border-color:#4d9987;box-shadow:0 0 0 3px #4d998714}.approval-search svg{color:#718095;flex-shrink:0}.approval-search input{color:#27384e;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px}.approval-search input::placeholder{color:#97a3b3}.approval-table-wrapper{box-sizing:border-box;width:100%;padding:0 10px;overflow:hidden}.approval-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:0}.approval-table .col-number{width:3%}.approval-table .col-employee{width:16%}.approval-table .col-code{width:10%}.approval-table .col-dept{width:14%}.approval-table .col-nominee{width:17%}.approval-table .col-date,.approval-table .col-status{width:12%}.approval-table .col-actions{width:16%}.approval-table thead th{color:#21483f;text-align:left;white-space:nowrap;box-sizing:border-box;background:#e9f5f1;border-bottom:1px solid #d7ebe5;height:49px;padding:0 6px;font-size:12px;font-weight:700}.approval-table thead th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.approval-table thead th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.approval-table tbody td{color:#344359;vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #edf0f3;height:62px;padding:5px 6px;font-size:12px;overflow:hidden}.approval-table tbody tr{transition:background .15s}.approval-table tbody tr:hover{background:#fbfcfc}.employee-cell{align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.employee-cell span{text-overflow:ellipsis;white-space:nowrap;color:#24344b;min-width:0;font-weight:600;overflow:hidden}.emp-code,.dept-text,.nominee-text,.table-date{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.emp-code{color:#3c4b60;font-weight:600}.dept-text{color:#56667a}.nominee-text{color:#2c6e60;font-weight:600}.table-date{color:#425269;font-weight:500}.approval-status{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;min-height:25px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.approval-status.pending{color:#b8640c;background:#fff2df}.approval-status.approved{color:#26744e;background:#e5f6ed}.approval-status.rejected{color:#b54b4b;background:#fceaea}.approval-status.timeout{color:#5f6b7a;background:#eceff3}.status-dot{background:currentColor;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.no-requests{text-align:center;height:220px!important}.empty-state{color:#7d8999;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.empty-state strong{color:#34445a;font-size:13px}.empty-state span{font-size:11px}.approval-loading{color:#7a8798;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:13px;display:flex}.approval-loading .spin{color:#2d9077;animation:.8s linear infinite ov-spin}.approval-error{color:#b54b4b;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;font-size:13px;display:flex}.approval-error button{color:#dc5353;cursor:pointer;background:#fff;border:1px solid #dc5353;border-radius:7px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.approval-error button:hover{background:#fdf0f0}.approval-table-footer{box-sizing:border-box;align-items:center;gap:15px;min-height:61px;padding:0 10px;display:flex}.request-count{color:#718096;font-size:10px}.request-count strong{color:#405067;font-weight:600}@keyframes ov-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1280px){.leave-approval-page{padding:15px 12px 20px}.leave-approval-heading h1{font-size:23px}.approval-filter-bar{gap:7px;padding:11px}.approval-table-wrapper{padding:0 7px}.approval-table thead th{padding:0 4px;font-size:9px}.approval-table tbody td{padding:4px;font-size:9px}.approval-status{padding:0 5px;font-size:8px}}@media (width<=1100px){.leave-approval-page{padding:12px 8px 16px}.leave-approval-heading h1{font-size:21px}.leave-approval-heading p{font-size:11px}.approval-filter-bar{gap:5px;padding:9px}.approval-search{height:38px}.approval-table-wrapper{padding:0 4px}.approval-table thead th{height:42px;padding:0 3px;font-size:8px}.approval-table tbody td{height:53px;padding:3px;font-size:8px}.approval-status{min-height:21px;padding:0 4px;font-size:7px}.status-dot{flex-basis:4px;width:4px;height:4px}.approval-table-footer{min-height:52px;padding:0 5px}.request-count{font-size:9px}}@media (width<=700px){.approval-table-wrapper{overflow-x:auto}.approval-table{min-width:950px}.approval-table-footer{flex-direction:column;align-items:flex-start;padding:12px}.latest-badge{height:21px;padding:0 8px;font-size:10px}}.approval-actions{align-items:center;gap:5px;width:100%;display:flex}.accept-btn,.reject-btn{white-space:nowrap;cursor:pointer;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;height:30px;padding:0 6px;font-family:inherit;font-size:11px;font-weight:700;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.accept-btn{color:#fff;background:#2d9077;border:1px solid #2d9077}.accept-btn:hover:not(:disabled){background:#247b66;border-color:#247b66;transform:translateY(-1px)}.reject-btn{color:#fff;background:#dc5353;border:1px solid #dc5353}.reject-btn:hover:not(:disabled){background:#c94040;border-color:#c94040;transform:translateY(-1px)}.accept-btn:disabled,.reject-btn:disabled{cursor:default;opacity:.6;transform:none}.action-placeholder{color:#9aa6b5;font-weight:600}.approval-action-error{color:#b54b4b;box-sizing:border-box;background:#fdf0f0;border:1px solid #f2c9c9;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:12px 14px 0;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.approval-action-error button{color:#dc5353;cursor:pointer;background:#fff;border:1px solid #dc5353;border-radius:6px;flex-shrink:0;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600}.approval-action-error button:hover{background:#fbfafa}.reject-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.reject-modal{box-sizing:border-box;background:#fff;border-radius:13px;width:min(420px,100%);padding:22px;box-shadow:0 18px 50px #0f172a40}.reject-modal h3{color:#172238;margin:0;font-size:17px;font-weight:700}.reject-modal p{color:#738097;margin:8px 0 0;font-size:13px}.reject-modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.reject-cancel-btn,.reject-confirm-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.reject-cancel-btn{color:#54627a;background:#fff;border:1px solid #d3dae2}.reject-cancel-btn:hover:not(:disabled){background:#f4f6f8}.reject-confirm-btn{color:#fff;background:#dc5353;border:1px solid #dc5353}.reject-confirm-btn:hover:not(:disabled){background:#c94040;border-color:#c94040}.reject-cancel-btn:disabled,.reject-confirm-btn:disabled{cursor:default;opacity:.6}@media (width<=1280px){.approval-actions{gap:3px}.accept-btn,.reject-btn{gap:3px;height:27px;padding:0 4px;font-size:9px}}@media (width<=1100px){.approval-actions{gap:2px}.accept-btn,.reject-btn{gap:2px;height:24px;padding:0 3px;font-size:8px}.accept-btn svg,.reject-btn svg{width:11px;height:11px}}.hod-leave-table .hod-col-num{width:3%}.hod-leave-table .hod-col-employee{width:17%}.hod-leave-table .hod-col-code{width:9%}.hod-leave-table .hod-col-dept{width:14%}.hod-leave-table .hod-col-type{width:13%}.hod-leave-table .hod-col-period{width:17%}.hod-leave-table .hod-col-status{width:12%}.hod-leave-table .hod-col-actions{width:15%}.hod-tour-table .hod-col-num{width:3%}.hod-tour-table .hod-col-employee{width:15%}.hod-tour-table .hod-col-code{width:9%}.hod-tour-table .hod-col-dept,.hod-tour-table .hod-col-category{width:12%}.hod-tour-table .hod-col-destination{width:13%}.hod-tour-table .hod-col-date,.hod-tour-table .hod-col-status{width:11%}.hod-tour-table .hod-col-actions{width:14%}.hod-visit-table .hod-col-num{width:3%}.hod-visit-table .hod-col-employee{width:14%}.hod-visit-table .hod-col-code{width:8%}.hod-visit-table .hod-col-dept{width:11%}.hod-visit-table .hod-col-place{width:14%}.hod-visit-table .hod-col-datetime{width:13%}.hod-visit-table .hod-col-purpose{width:12%}.hod-visit-table .hod-col-status{width:11%}.hod-visit-table .hod-col-actions{width:14%}.approval-error-banner{color:#b54b4b;background:#fceaea;border-radius:8px;margin:0 20px 12px;padding:10px 14px;font-size:13px;font-weight:500}.approval-table-wrapper .spin,.approval-actions .spin{animation:.8s linear infinite hod-approval-spin}@keyframes hod-approval-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hod-cell-multiline{text-overflow:ellipsis;white-space:normal;line-height:1.35;display:block;overflow:hidden}.lc-page{flex-direction:column;gap:16px;width:100%;min-width:0;max-width:none;display:flex}.lc-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lc-heading h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.lc-heading p{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:4px}.lc-breadcrumbs{font-size:var(--font-size-sm);color:var(--text-muted);align-items:center;gap:6px;margin-bottom:4px;display:flex}.lc-crumb{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.lc-crumb:hover{color:var(--primary)}.lc-crumb-sep{color:var(--text-muted)}.lc-crumb--current{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.lc-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.lc-filter-bar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.lc-search{border:1px solid var(--border);background:var(--surface);min-width:200px;height:40px;transition:border-color var(--transition-fast);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.lc-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2a6b5c1a}.lc-search svg{color:var(--text-muted);flex-shrink:0}.lc-search input{font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.lc-search input::placeholder{color:var(--text-muted)}.lc-status-select{border:1px solid var(--border);height:40px;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;min-width:140px;padding:0 32px 0 12px}.lc-status-select:hover{border-color:var(--primary)}.lc-reset-btn{border:1.5px solid var(--border);height:40px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.lc-reset-btn:hover{border-color:var(--text-muted);background:#f8fafc}.lc-loading{color:var(--text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.lc-spin{animation:.8s linear infinite lc-spin}@keyframes lc-spin{to{transform:rotate(360deg)}}.lc-error{color:#dc2626;font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:10px;padding:32px 20px;display:flex}.lc-error button{color:#dc2626;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:1px solid #dc2626;border-radius:8px;padding:6px 14px}.lc-error button:hover{background:#fef2f2}.lc-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.lc-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);white-space:nowrap}.lc-table thead{background:#f8fafc}.lc-th{text-align:left;font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:12px 16px}.lc-th--num{text-align:center;width:48px}.lc-td{border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary);padding:12px 16px}.lc-table tbody tr:hover{background:#f8fafc}.lc-td--num{text-align:center;color:var(--text-muted);font-weight:var(--font-weight-medium)}.lc-td--code{font-weight:var(--font-weight-semibold);color:#1e3a5f;font-family:SF Mono,Fira Code,monospace;font-size:13px}.lc-td--center,.lc-td--actions{text-align:center}.lc-applied{flex-direction:column;display:flex}.lc-applied small{color:var(--text-muted);font-size:11px}.lc-status{font-size:12px;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.lc-status-dot{border-radius:50%;width:6px;height:6px}.lc-status--pending{color:#92400e;background:#fef3c7}.lc-status--pending .lc-status-dot{background:#f59e0b}.lc-status--approved{color:#166534;background:#dcfce7}.lc-status--approved .lc-status-dot{background:#16a34a}.lc-cancel-btn{color:#dc2626;font-size:12px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #dc2626;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;display:inline-flex}.lc-cancel-btn:hover:not(:disabled){background:#fef2f2}.lc-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.lc-empty{text-align:center;padding:48px 16px!important}.lc-empty-inner{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.lc-empty-inner strong{font-size:var(--font-size-base);color:var(--text-primary)}.lc-empty-inner span{font-size:var(--font-size-sm)}.lc-table-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.lc-count{font-size:var(--font-size-sm);color:var(--text-muted)}.lc-pagination{align-items:center;gap:4px;display:flex}.lc-page-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.lc-page-btn:hover:not(:disabled):not(.lc-page-btn--active){border-color:var(--primary);color:var(--primary);background:#f0fdf4}.lc-page-btn--active{color:#fff;background:#16a34a;border-color:#16a34a}.lc-page-btn:disabled{opacity:.4;cursor:not-allowed}.lc-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s lc-fade-in;display:flex;position:fixed;inset:0}@keyframes lc-fade-in{0%{opacity:0}to{opacity:1}}.lc-modal{background:var(--surface);border-radius:16px;width:100%;max-width:480px;animation:.25s lc-slide-up;box-shadow:0 20px 60px #0003}@keyframes lc-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lc-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lc-modal-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.lc-modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.lc-modal-close:hover{background:#f1f5f9}.lc-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.lc-modal-info{border:1px solid var(--border);background:#f8fafc;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.lc-modal-info p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.lc-modal-info strong{color:var(--text-primary)}.lc-modal-field{flex-direction:column;gap:6px;display:flex}.lc-modal-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.lc-modal-field textarea{border:1px solid var(--border);width:100%;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface);resize:vertical;transition:border-color var(--transition-fast);border-radius:10px;padding:12px 14px;font-family:inherit}.lc-modal-field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2a6b5c1a}.lc-modal-field textarea::placeholder{color:var(--text-muted)}.lc-modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.lc-btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.lc-btn--outline{color:var(--text-secondary);border:1.5px solid var(--border);background:0 0}.lc-btn--outline:hover{border-color:var(--text-muted);background:#f8fafc}.lc-btn--danger{color:#fff;background:#dc2626}.lc-btn--danger:hover:not(:disabled){background:#b91c1c}.lc-btn--danger:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.lc-filter-bar{flex-direction:column;align-items:stretch}.lc-search{min-width:0}.lc-status-select{width:100%}.lc-reset-btn{justify-content:center;width:100%}.lc-table-footer{flex-direction:column;align-items:flex-start;gap:12px}}@keyframes lhFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lhSpin{to{transform:rotate(360deg)}}@keyframes lhModalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes lhShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.lh-page{box-sizing:border-box;flex-direction:column;gap:22px;width:100%;min-width:0;animation:.35s both lhFadeIn;display:flex}.lh-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.lh-page__header-left{flex-direction:column;display:flex}.lh-page__header-right{flex-shrink:0}.lh-breadcrumb{align-items:center;gap:6px;margin-bottom:8px;display:flex}.lh-crumb{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.lh-crumb:hover{color:#f79f1f}.lh-crumb--current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.lh-crumb-sep{color:var(--text-muted);align-items:center;display:inline-flex}.lh-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.lh-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:4px}.lh-summary-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.lh-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:14px;padding:18px 20px;display:flex}.lh-summary-card:hover{box-shadow:var(--shadow-md,0 6px 16px #00000014);border-color:var(--border-light);transform:translateY(-2px)}.lh-summary-card__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.lh-summary-card--total .lh-summary-card__icon{background:var(--kpi-blue);color:var(--kpi-blue-icon)}.lh-summary-card--approved .lh-summary-card__icon{background:var(--kpi-green);color:var(--kpi-green-icon)}.lh-summary-card--pending .lh-summary-card__icon{background:var(--kpi-orange);color:var(--kpi-orange-icon)}.lh-summary-card--rejected .lh-summary-card__icon{background:var(--danger-light);color:var(--danger)}.lh-summary-card__content{flex-direction:column;min-width:0;display:flex}.lh-summary-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.lh-summary-card__label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);white-space:nowrap;margin-top:3px}.lh-history-card{flex-direction:column;display:flex}.lh-table__leave-time{color:var(--text-muted);font-size:12px;font-weight:var(--font-weight-medium);white-space:nowrap}.lh-history__header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:16px;display:flex}.lh-history__title-wrap{align-items:center;gap:10px;display:flex}.lh-history__icon{border-radius:var(--radius-sm);background:var(--kpi-purple);width:38px;height:38px;color:var(--kpi-purple-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lh-history__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.lh-history__subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:1px}.lh-history__count{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-semibold);white-space:nowrap;background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:999px;padding:5px 12px}.lh-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.lh-toolbar__filters{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.lh-toolbar__icon{border-radius:var(--radius-sm);background:var(--surface-secondary);width:34px;height:34px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lh-filter{flex-direction:column;gap:5px;min-width:150px;display:flex}.lh-filter__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.lh-filter__select{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface);appearance:none;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e96a4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 32px 8px 12px}.lh-filter__select:hover{border-color:var(--text-muted)}.lh-filter__select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.lh-clear-filters{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:5px;padding:7px 12px;display:inline-flex}.lh-clear-filters:hover{background:var(--danger-light);color:var(--danger);border-color:var(--danger-light)}.lh-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;overflow-x:auto}.lh-table{border-collapse:separate;border-spacing:0;width:100%;min-width:950px;font-size:var(--font-size-sm)}.lh-table thead th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-secondary);border-right:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap;z-index:1;padding:12px 14px;position:sticky;top:0}.lh-table thead th:last-child{border-right:none}.lh-table tbody tr{background:var(--surface);transition:background var(--transition-fast)}.lh-table tbody tr:hover{background:var(--surface-secondary)}.lh-table tbody td{color:var(--text-primary);vertical-align:middle;white-space:nowrap;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:13px 14px}.lh-table tbody td:last-child{border-right:none}.lh-table tbody tr:last-child td{border-bottom:none}.lh-table__center{text-align:center!important}.lh-table__num{text-align:center;width:55px;font-weight:var(--font-weight-medium);color:var(--text-muted)!important}.lh-table__type{min-width:150px;font-weight:var(--font-weight-medium);color:var(--text-primary)!important}.lh-table__muted{white-space:nowrap;color:var(--text-muted)!important}.lh-table__days{text-align:center}.lh-days-pill{min-width:30px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;display:inline-flex}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.badge--success{background:var(--kpi-green);color:var(--kpi-green-icon);border:1px solid var(--border-light)}.badge--warning{background:var(--kpi-orange);color:var(--kpi-orange-icon);border:1px solid var(--border-light)}.badge--danger{background:var(--danger-light);color:var(--danger);border:1px solid var(--border-light)}.badge--neutral{color:#5f6b7a;border:1px solid var(--border-light);background:#eceff3}.lh-pagination{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.lh-pagination__info{font-size:var(--font-size-sm);color:var(--text-muted)}.lh-pagination__info strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.lh-pagination__controls{align-items:center;gap:6px;display:flex}.lh-pagination__pages{align-items:center;gap:4px;display:flex}.lh-pagination__btn{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:7px 14px;display:inline-flex}.lh-pagination__btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.lh-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.lh-pagination__page{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:34px;height:34px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.lh-pagination__page:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.lh-pagination__page--active{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.lh-pagination__page--active:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--text-inverse)}.lh-pagination__ellipsis{min-width:34px;height:34px;font-size:var(--font-size-sm);color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.lh-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;display:flex}.lh-empty__icon{background:var(--surface-secondary);width:72px;height:72px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.lh-empty h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.lh-empty p{font-size:var(--font-size-sm);color:var(--text-muted);max-width:360px;margin-bottom:6px}.lh-skeleton{background:var(--surface-secondary);border-radius:var(--radius-sm);position:relative;overflow:hidden}.lh-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000) 0 0/400px 100%;animation:1.4s infinite lhShimmer;position:absolute;inset:0}.lh-skeleton-card{pointer-events:none}.lh-skeleton--icon{border-radius:var(--radius-sm);flex-shrink:0;width:42px;height:42px}.lh-skeleton--text-lg{width:44px;height:20px;margin-bottom:8px}.lh-skeleton--text-sm{width:70px;height:12px}.lh-skeleton--row-header{height:40px;margin-bottom:12px}.lh-skeleton--row{height:46px;margin-bottom:8px}.lh-error{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:64px 24px;display:flex}.lh-error__icon{background:var(--danger-light);width:64px;height:64px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.lh-error h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.lh-error p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:6px}.lh-leave-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:88px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.lh-leave-status__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.lh-leave-status--approved{color:#21863a;background:#eaf7ee;border:1px solid #ccebd5}.lh-leave-status--approved .lh-leave-status__dot{background:#2e9d4d}.lh-leave-status--pending{color:#9a6b00;background:#fff7df;border:1px solid #f0dfad}.lh-leave-status--pending .lh-leave-status__dot{background:#d59a00}.lh-leave-status--rejected{color:#c03939;background:#fff0f0;border:1px solid #efcccc}.lh-leave-status--rejected .lh-leave-status__dot{background:#d94b4b}.lh-modal-backdrop{z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000073;justify-content:center;align-items:center;padding:24px;animation:.2s both lhFadeIn;display:flex;position:fixed;inset:0}.lh-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:540px;max-height:88vh;animation:.25s both lhModalIn;display:flex;overflow:hidden}.lh-modal__header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 16px;display:flex}.lh-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.lh-modal__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:3px}.lh-modal__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lh-modal__close:hover{background:var(--surface-secondary);color:var(--text-primary)}.lh-modal__status-row{background:var(--surface-secondary);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 24px;display:flex}.lh-modal__days{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);align-items:center;gap:6px;display:inline-flex}.lh-modal__body{flex-direction:column;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.lh-modal__grid{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}.lh-modal__field{align-items:flex-start;gap:10px;display:flex}.lh-modal__field-icon{border-radius:var(--radius-sm);background:var(--surface-secondary);width:30px;height:30px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lh-modal__label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);margin-bottom:2px;display:block}.lh-modal__value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);word-break:break-word;display:block}.lh-modal__note{border-top:1px solid var(--border-light);align-items:flex-start;gap:10px;padding-top:16px;display:flex}.lh-modal__note-text{font-size:var(--font-size-sm);color:var(--text-primary);white-space:pre-wrap;line-height:1.5}.lh-modal__footer{border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;padding:14px 24px;display:flex}@media (width<=1200px){.lh-summary-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.lh-page__header{flex-direction:column;align-items:flex-start}.lh-title{font-size:var(--font-size-xl)}.lh-summary-row{grid-template-columns:1fr 1fr;gap:12px}.lh-summary-card{padding:14px 16px}.lh-toolbar{flex-direction:column;align-items:stretch}.lh-toolbar__filters{flex-direction:column;gap:10px}.lh-toolbar__icon{display:none}.lh-filter{width:100%;min-width:0}.lh-clear-filters{align-self:flex-start}.lh-pagination{flex-direction:column;align-items:center;gap:10px}.lh-modal-backdrop{align-items:flex-end;padding:0}.lh-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:92vh}.lh-modal__grid{grid-template-columns:1fr}}@media (width<=480px){.lh-summary-row{grid-template-columns:1fr}.lh-summary-card__value{font-size:var(--font-size-lg)}.lh-history__header{flex-direction:column;gap:10px}.lh-pagination__controls{flex-wrap:wrap;justify-content:center}.lh-table{font-size:var(--font-size-xs)}.lh-table thead th,.lh-table tbody td{padding:9px 10px}}.att-overlay{--bg:#f4f6f9;--surface:#fff;--ink:#173a1c;--muted:#64708a;--line:#e4e8ef;--brand:#2743d6;--brand-soft:#b1e5e6;--green:#0f9d58;--green-soft:#e3f6ec;--red:#d92d4a;--red-soft:#fde8ec;--amber:#c26a00;--amber-soft:#fff1da;--blue:#2743d6;--blue-soft:#b1e5e6;--leave:#7a3fd0;--leave-soft:#f0e8fc;--off:#64708a;--off-soft:#eceff4}.att-page{--bg:#f4f6f9;--surface:#fff;--ink:#173a1c;--muted:#64708a;--line:#e4e8ef;--brand:#2743d6;--brand-soft:#b1e5e6;--green:#0f9d58;--green-soft:#e3f6ec;--red:#d92d4a;--red-soft:#fde8ec;--amber:#c26a00;--amber-soft:#fff1da;--blue:#2743d6;--blue-soft:#b1e5e6;--leave:#7a3fd0;--leave-soft:#f0e8fc;--off:#64708a;--off-soft:#eceff4;color:var(--ink);background:var(--bg);box-sizing:border-box;font-variant-numeric:tabular-nums;min-height:100%;padding:28px clamp(16px,3vw,40px) 48px;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif}.att-page *,.att-page :before,.att-page :after{box-sizing:border-box}.att-page button{cursor:pointer;font-family:inherit}.att-page :focus-visible{outline:2px solid var(--brand);outline-offset:2px}.att-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.att-breadcrumb{color:var(--muted);gap:8px;margin-bottom:8px;font-size:13px;display:flex}.att-breadcrumb__link{color:var(--muted);text-decoration:none}.att-breadcrumb__link:hover{color:var(--brand)}.att-breadcrumb__current{color:var(--ink);font-weight:600}.att-page__title{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:800}.att-page__subtitle{color:var(--muted);max-width:46ch;margin:6px 0 0;font-size:14px}.att-month-nav{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.att-month-nav__btn{width:36px;height:36px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;transition:background .15s;display:grid}.att-month-nav__btn:hover{background:var(--bg)}.att-month-nav__label{justify-content:center;align-items:center;gap:8px;min-width:168px;font-size:14px;font-weight:700;display:flex}.att-month-nav__label svg{color:var(--brand)}.att-month-nav__today{background:var(--brand-soft);color:var(--brand);border:0;border-radius:999px;margin-left:2px;padding:8px 14px;font-size:12px;font-weight:700}.att-month-nav__today:hover{background:#dbe2ff}.att-summary{grid-template-columns:minmax(280px,1fr) 2fr;gap:16px;margin-bottom:16px;display:grid}.att-hero{background:var(--ink);color:#fff;border-radius:20px;align-items:center;gap:22px;padding:24px;display:flex}.att-ring{flex:none;width:118px;height:118px;position:relative}.att-ring svg{width:100%;height:100%}.att-ring__track{fill:none;stroke:#ffffff24;stroke-width:10px}.att-ring__bar{fill:none;stroke:#71b84e;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1)}.att-ring__text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.att-ring__text strong{font-size:24px;font-weight:800;line-height:1}.att-ring__text span{opacity:.7;margin-top:4px;font-size:11px}.att-hero__meta h2{color:#fff;margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.35}.att-hero__meta p{color:#ffffffbf;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.att-hero__meta strong{color:#fff}.att-tiles{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.att-tile{text-align:left;background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:16px;flex-direction:column;align-items:flex-start;padding:18px;display:flex;position:relative}.att-tile__icon{border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:14px;display:grid}.att-tile--blue .att-tile__icon{background:var(--blue-soft);color:var(--blue)}.att-tile--green .att-tile__icon{background:var(--green-soft);color:var(--green)}.att-tile--red .att-tile__icon{background:var(--red-soft);color:var(--red)}.att-tile--amber .att-tile__icon{background:var(--amber-soft);color:var(--amber)}.att-tile__value{letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1}.att-tile__label{color:var(--muted);margin-top:6px;font-size:13px;font-weight:500}.att-tile__hint{color:var(--amber);margin-top:10px;font-size:12px;font-weight:700}.att-tile--action{cursor:pointer;transition:border-color .15s,box-shadow .15s}.att-tile--action:hover{border-color:var(--amber);box-shadow:0 6px 18px #c26a001f}.att-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px}.att-card__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.att-card__title{margin:0;font-size:17px;font-weight:700}.att-seg{background:var(--bg);border-radius:12px;padding:3px;display:inline-flex}.att-seg button{color:var(--muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.att-seg button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #17233a1f}.att-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.att-badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.att-badge--present{background:var(--green-soft);color:var(--green)}.att-badge--late{background:var(--amber-soft);color:var(--amber)}.att-badge--absent{background:var(--red-soft);color:var(--red)}.att-badge--leave{background:var(--leave-soft);color:var(--leave)}.att-badge--off,.att-badge--none{background:var(--off-soft);color:var(--off)}.att-cal__week,.att-cal__grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.att-cal__week span{text-align:center;color:var(--muted);padding-bottom:4px;font-size:12px;font-weight:600}.att-cal__day{aspect-ratio:1/.82;background:var(--bg);min-height:52px;color:var(--ink);text-align:left;border:1.5px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:8px 10px;transition:transform .12s,border-color .12s;display:flex}.att-cal__day:disabled{cursor:default;opacity:.55}.att-cal__day:not(:disabled):hover{transform:translateY(-2px)}.att-cal__num{font-size:14px;font-weight:700}.att-cal__code{opacity:.85;font-size:10px;font-weight:700}.att-cal__day--present{background:var(--green-soft);color:var(--green)}.att-cal__day--late{background:var(--amber-soft);color:var(--amber)}.att-cal__day--absent{background:var(--red-soft);color:var(--red)}.att-cal__day--off{background:var(--off-soft);color:var(--off)}.att-cal__day--leave,.att-cal__day--monthly,.att-badge--leave,.att-badge--monthly{background:var(--blue-soft);color:var(--blue)}.att-badge--office,.att-cal__day--office{background:var(--leave-soft);color:var(--leave)}.att-cal__day.is-today .att-cal__num:after{content:"";background:var(--brand);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.att-cal__day.is-selected{border-color:var(--ink)}.att-cal__blank{visibility:hidden}.att-cal__legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;font-size:12px;display:flex}.att-cal__legend span{align-items:center;gap:6px;display:inline-flex}.att-dot{border-radius:3px;width:9px;height:9px}.att-dot--present{background:var(--green)}.att-dot--late{background:var(--amber)}.att-dot--absent{background:var(--red)}.att-dot--leave{background:var(--leave)}.att-dot--off{background:var(--off)}.att-cal__detail{border:1px dashed var(--line);border-radius:14px;min-height:84px;padding:16px}.att-cal__hint{color:var(--muted);margin:0;font-size:13px}.att-cal__detail-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.att-cal__facts{grid-template-columns:repeat(5,1fr);gap:14px;margin:0;display:grid}.att-cal__facts dt{color:var(--muted);margin-bottom:3px;font-size:12px}.att-cal__facts dd{margin:0;font-size:14px;font-weight:700}.att-cal__facts-wide{grid-column:1/-1}.att-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.att-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:7px 8px 7px 14px;font-size:13px;font-weight:600;display:inline-flex}.att-chip span{background:var(--bg);color:var(--muted);text-align:center;border-radius:999px;min-width:22px;padding:1px 7px;font-size:12px}.att-chip:hover{border-color:var(--ink)}.att-chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.att-chip.is-on span{color:#fff;background:#ffffff2e}.att-table-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}.att-table{border-collapse:collapse;width:100%;font-size:14px}.att-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfd;padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.att-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:13px 16px}.att-table tbody tr:last-child td{border-bottom:0}.att-table tbody tr:hover{background:#f8f9fc}.att-row--off td{color:var(--muted)}.att-table__date{white-space:nowrap;font-weight:700}.att-table__time{white-space:nowrap}.att-table__remarks{color:var(--muted);max-width:240px}.att-overlay{z-index:1000;background:#17233a73;justify-content:flex-end;animation:.18s ease-out att-fade;display:flex;position:fixed;inset:0}.att-drawer{background:var(--surface);width:min(420px,100%);height:100%;color:var(--ink);flex-direction:column;font-family:Plus Jakarta Sans,system-ui,sans-serif;animation:.24s cubic-bezier(.22,1,.36,1) att-slide;display:flex}.att-drawer__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:22px 22px 16px;display:flex}.att-drawer__head h3{margin:0;font-size:18px}.att-drawer__head p{color:var(--muted);margin:4px 0 0;font-size:13px}.att-drawer__close{background:var(--bg);width:34px;height:34px;color:var(--ink);border:0;border-radius:50%;place-items:center;display:grid}.att-drawer__close:hover{background:var(--line)}.att-drawer__body{flex-direction:column;flex:1;gap:12px;padding:16px 22px 24px;display:flex;overflow-y:auto}.att-late{border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:12px;padding:14px 16px}.att-late__top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.att-late__times{grid-template-columns:repeat(3,1fr);gap:8px;font-size:14px;font-weight:700;display:grid}.att-late__times small{color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:500;display:block}.att-late__remarks{border-top:1px dashed var(--line);color:var(--muted);margin:12px 0 0;padding-top:10px;font-size:13px}@keyframes att-fade{0%{opacity:0}to{opacity:1}}@keyframes att-slide{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}.att-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;padding:48px 16px;display:flex}.att-empty svg{color:#b3bccd;margin-bottom:12px}.att-empty h3{color:var(--ink);margin:0 0 6px;font-size:16px}.att-empty p{max-width:36ch;margin:0;font-size:14px}.att-empty--error{background:var(--surface);border:1px solid var(--line);border-radius:20px}.att-empty--error svg{color:var(--red)}.att-btn{background:var(--ink);color:#fff;border:0;border-radius:10px;margin-top:18px;padding:10px 18px;font-size:13px;font-weight:700}.att-shimmer{background:linear-gradient(90deg,#e9edf3 25%,#f5f7fa 50%,#e9edf3 75%) 0 0/200% 100%;border-radius:16px;animation:1.4s linear infinite att-shimmer}@keyframes att-shimmer{to{background-position:-200% 0}}.att-skeleton{gap:16px;display:grid}.att-skeleton__hero{height:118px}.att-skeleton__grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.att-skeleton__tile{height:110px}.att-skeleton__panel{height:340px}@media (width<=960px){.att-summary{grid-template-columns:1fr}}@media (width<=720px){.att-page{padding:20px 14px 40px}.att-page__title{font-size:24px}.att-tiles,.att-skeleton__grid{grid-template-columns:repeat(2,1fr)}.att-month-nav{justify-content:space-between;width:100%}.att-month-nav__label{flex:1;min-width:0}.att-card{padding:16px}.att-cal__grid,.att-cal__week{gap:4px}.att-cal__day{aspect-ratio:auto;border-radius:9px;min-height:44px;padding:5px 6px}.att-cal__code{display:none}.att-cal__facts{grid-template-columns:repeat(3,1fr)}.att-table-wrap{border:0;overflow:visible}.att-table thead{display:none}.att-table,.att-table tbody,.att-table tr,.att-table td{width:100%;display:block}.att-table tr{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:6px 0}.att-table td{text-align:right;border:0;justify-content:space-between;gap:16px;padding:8px 14px;display:flex}.att-table td:before{content:attr(data-label);color:var(--muted);text-align:left;font-size:12px;font-weight:600}.att-table__remarks{max-width:none}}@media (prefers-reduced-motion:reduce){.att-page *,.att-overlay,.att-drawer{transition:none!important;animation:none!important}}.att-page,.att-overlay{--line:#e8ecf2;--shadow:0 1px 2px #17233a0a, 0 10px 28px -14px #17233a24}.att-page{-webkit-font-smoothing:antialiased}.att-page h1,.att-page h2,.att-page h3{text-wrap:balance}.att-page__title{letter-spacing:-.025em;font-size:28px}.att-page__subtitle{line-height:1.5}.att-card,.att-tile,.att-month-nav{box-shadow:var(--shadow)}.att-card{border-radius:22px;padding:24px}.att-tile{border-radius:18px}.att-hero{align-items:center;gap:24px;box-shadow:0 18px 36px -20px #17233a8c}.att-hero__meta{flex:1;min-width:0}.att-hero__meta h2{font-size:16px}.att-split{margin-top:18px}.att-split__bar{gap:3px;height:8px;display:flex}.att-split__seg{border-radius:4px;min-width:6px;display:block}.att-split__seg--present{background:#71b84e}.att-split__seg--late{background:#fbbf24}.att-split__seg--absent{background:#fb7185}.att-split__seg--leave{background:#c4a5f5}.att-split__legend{color:#ffffffb3;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.att-split__legend li{align-items:center;gap:6px;display:inline-flex}.att-split__legend strong{color:#fff;font-weight:700}.att-split__dot{border-radius:50%;width:8px;height:8px}.att-tile{transition:transform .15s,box-shadow .15s,border-color .15s}.att-tile__icon{border-radius:11px}.att-tile--action:hover{transform:translateY(-2px)}.att-tile__hint:after{content:" ›"}.att-cal__day{border-radius:12px}.att-cal__day.is-weekend .att-cal__num{opacity:.7}.att-cal__day.is-today{box-shadow:inset 0 0 0 1.5px var(--brand)}.att-cal__day.is-selected{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink);border-color:#0000}.att-cal__day.is-selected.is-today{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.att-cal__detail{background:var(--bg);border:0;border-radius:16px;padding:18px}.att-cal__detail-head strong{font-size:15px}.att-cal__hint{text-align:center;padding:12px 0}.att-seg button{transition:background .15s,color .15s}.att-chip{transition:background .15s,border-color .15s,color .15s}.att-table-wrap{border-radius:16px}.att-table th{letter-spacing:.01em;padding:12px 16px}.att-table td{padding:14px 16px}.att-row--late td:first-child{box-shadow:inset 3px 0 0 var(--amber)}.att-row--absent td:first-child{box-shadow:inset 3px 0 0 var(--red)}.att-table__time{font-weight:500}.att-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.att-drawer{box-shadow:-24px 0 48px -24px #17233a59}.att-late{box-shadow:var(--shadow);border-radius:14px}.att-month-nav__btn,.att-btn,.att-month-nav__today{transition:background .15s,transform .1s}.att-month-nav__btn:active,.att-btn:active{transform:scale(.96)}@media (width<=720px){.att-hero{flex-direction:column;align-items:flex-start}.att-hero__meta{width:100%}.att-card{padding:18px}.att-table tr{box-shadow:var(--shadow)}.att-row--late td:first-child,.att-row--absent td:first-child{box-shadow:none}.att-row--late{border-left:4px solid var(--amber)}.att-row--absent{border-left:4px solid var(--red)}}.att-overlay--center{justify-content:center;align-items:center;padding:16px}.att-pop{background:var(--surface);width:min(400px,100%);color:var(--ink);border-radius:22px;padding:22px;font-family:Plus Jakarta Sans,system-ui,sans-serif;animation:.2s cubic-bezier(.22,1,.36,1) att-pop-in;box-shadow:0 30px 60px -20px #17233a73}.att-pop__head{justify-content:space-between;align-items:flex-start;display:flex}.att-pop__head h3{letter-spacing:-.02em;margin:0;font-size:20px}.att-pop__head p{color:var(--muted);margin:4px 0 0;font-size:13px}.att-pop__status{margin:14px 0 18px}.att-pop__facts{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;margin:0;display:grid;overflow:hidden}.att-pop__facts>div{background:var(--surface);padding:12px 14px}.att-pop__facts dt{color:var(--muted);margin-bottom:3px;font-size:12px}.att-pop__facts dd{margin:0;font-size:15px;font-weight:700}.att-pop__facts>div:last-child:nth-child(odd){grid-column:1/-1}.att-pop__remarks{background:var(--bg);border-radius:14px;margin-top:14px;padding:12px 14px}.att-pop__remarks span{color:var(--muted);font-size:12px}.att-pop__remarks p{margin:4px 0 0;font-size:14px;line-height:1.5}@keyframes att-pop-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.att-overlay,.att-overlay *,.att-overlay :before,.att-overlay :after{box-sizing:border-box}.att-overlay button{cursor:pointer;font-family:inherit}.att-overlay{font-variant-numeric:tabular-nums}.att-overlay :focus-visible{outline:2px solid var(--brand);outline-offset:2px}.att-pop{border-top:5px solid var(--off);width:min(420px,100%);padding:0;overflow:hidden}.att-pop--present{border-top-color:var(--green)}.att-pop--late{border-top-color:var(--amber)}.att-pop--absent{border-top-color:var(--red)}.att-pop--leave{border-top-color:var(--leave)}.att-pop__head{align-items:center;padding:20px 20px 4px}.att-pop__head-right{align-items:center;gap:10px;display:flex}.att-pop__times{background:var(--bg);border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:16px 20px;padding:16px;display:grid}.att-pop__times small{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.att-pop__times strong{letter-spacing:-.01em;font-size:18px;font-weight:800}.att-pop__times>div:last-child{text-align:right}.att-pop__mid{align-items:center;display:flex}.att-pop__mid span{color:var(--muted);background:var(--surface);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.att-pop__rows{margin:0;padding:0 20px 12px}.att-pop__rows>div{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;padding:13px 0;display:flex}.att-pop__rows dt{color:var(--muted);flex:none;font-size:13px}.att-pop__rows dd{text-align:right;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}@media (width>=721px){.att-cal__day{aspect-ratio:auto;height:78px}}.att-cal__day{justify-content:flex-start;gap:4px;width:100%}.att-cal__top{justify-content:space-between;align-items:center;width:100%;display:flex}.att-cal__remarks{-webkit-line-clamp:2;width:100%;color:inherit;opacity:.85;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:11px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}@media (width>=721px){.att-cal__day{height:96px}}@media (width<=720px){.att-cal__remarks{background:currentColor;border-radius:50%;width:5px;height:5px;font-size:0;display:block}}.att-cal__times{flex-direction:column;gap:1px;width:100%;font-size:11px;font-weight:700;line-height:1.35;display:flex}.att-cal__times span{white-space:nowrap;justify-content:space-between;gap:6px;display:flex}.att-cal__times em{opacity:.7;font-style:normal;font-weight:600}@media (width>=721px){.att-cal__day{height:122px}}@media (width<=720px){.att-cal__times{display:none}}.att-cal__code{opacity:1;letter-spacing:.02em;background:#ffffffb3;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.att-cal__times{gap:2px;margin-top:2px}.att-cal__hours{letter-spacing:-.02em;font-size:16px;font-weight:800;line-height:1.2}.att-cal__times .att-cal__range{opacity:.8;white-space:nowrap;font-size:11px;font-weight:600;display:block}.att-cal__day.is-weekend:not(.att-cal__day--present):not(.att-cal__day--late):not(.att-cal__day--absent):not(.att-cal__day--leave){background:#f1f3f7}@media (width>=721px){.att-cal__day{height:104px}}.att-cal__times .att-cal__range{opacity:.9;font-size:12px;font-weight:700}@media (width>=721px){.att-cal__day{height:92px}.att-table th,.att-table td{border-right:1px solid var(--line)}.att-table th:last-child,.att-table td:last-child{border-right:0}.att-table th{background:#f6f8fb;border-bottom:1px solid #d5dbe6}.att-table td{border-bottom:1px solid var(--line)}.att-table tbody tr:last-child td{border-bottom:0}}.att-ring{width:136px;height:136px}.att-ring__track,.att-ring__bar{stroke-width:8px}.att-ring__text{text-align:center;padding:0 20px}.att-ring__text strong{letter-spacing:-.03em;white-space:nowrap;justify-content:center;align-items:baseline;font-size:28px;font-weight:800;line-height:1;display:flex}.att-ring__text strong small{opacity:.75;letter-spacing:0;margin-left:1px;font-size:14px;font-weight:700}.att-ring__text span{letter-spacing:.02em;margin-top:6px;font-size:11px}@media (width<=720px){.att-ring{width:120px;height:120px}.att-ring__text strong{font-size:24px}}.att-page{position:relative}.att-progress{z-index:5;height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.att-progress:after{content:"";background:var(--brand);border-radius:3px;width:40%;animation:1s ease-in-out infinite att-progress;position:absolute;inset:0}@keyframes att-progress{0%{transform:translate(-100%)}to{transform:translate(260%)}}.att-content{transition:opacity .2s,filter .2s}.att-content.is-loading{opacity:.5;filter:saturate(.85);pointer-events:none}.att-content--next{animation:.35s cubic-bezier(.22,1,.36,1) both att-in-next}.att-content--prev{animation:.35s cubic-bezier(.22,1,.36,1) both att-in-prev}@keyframes att-in-next{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes att-in-prev{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}.att-ring__bar{animation:.9s cubic-bezier(.22,1,.36,1) both att-ring}@keyframes att-ring{0%{stroke-dashoffset:var(--c)}}@keyframes att-day-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.att-cal__day:nth-child(7n+2){animation-delay:15ms}.att-cal__day:nth-child(7n+3){animation-delay:30ms}.att-cal__day:nth-child(7n+4){animation-delay:45ms}.att-cal__day:nth-child(7n+5){animation-delay:60ms}.att-cal__day:nth-child(7n+6){animation-delay:75ms}.att-cal__day:nth-child(7n+7){animation-delay:90ms}.att-ring__bar{transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1);animation:none}.att-cal__day{animation:none}.att-card{overflow-x:clip}.att-progress{opacity:0;animation:10ms .25s forwards att-progress-show}@keyframes att-progress-show{to{opacity:1}}.att-body{transition:opacity .2s,transform .2s}.att-body--next{animation:.4s cubic-bezier(.22,1,.36,1) backwards att-body-next}.att-body--prev{animation:.4s cubic-bezier(.22,1,.36,1) backwards att-body-prev}@keyframes att-body-next{0%{opacity:.25;transform:translate(32px)}}@keyframes att-body-prev{0%{opacity:.25;transform:translate(-32px)}}.att-body.is-leaving{opacity:.3;transform:translateX(calc(var(--dir,1) * -20px));pointer-events:none}.att-month-nav__text{animation:.3s cubic-bezier(.22,1,.36,1) backwards att-label;display:inline-block}@keyframes att-label{0%{opacity:0;transform:translateY(6px)}}.att-split__seg{transition:flex-grow .5s cubic-bezier(.22,1,.36,1)}.att-tile__value,.att-hero__meta h2{font-variant-numeric:tabular-nums}@media (width>=721px){.att-cal__blank{height:92px}}@media (width<=720px){.att-cal__blank{height:44px}}.tour-page{color:#17252f;background:#f5f7f8;min-height:100vh;padding:24px 32px 40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tour-page *,.tour-page :before,.tour-page :after{box-sizing:border-box}.tour-content{width:100%;max-width:1240px;margin:0 auto}.tour-breadcrumb{justify-content:space-between;align-items:center;height:34px;margin-bottom:12px;font-size:13px;display:flex}.tour-breadcrumb-left{color:#287465;align-items:center;gap:5px;display:flex}.tour-breadcrumb-left svg{color:#9aa7ab}.tour-breadcrumb-left strong{color:#647278;font-weight:500}.tour-date{color:#66757b;align-items:center;gap:7px;font-size:12.5px;display:flex}.tour-date svg{color:#60767b}.tour-panel{background:#fff;border:1px solid #e1e8e9;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 2px 5px #1a343d06,0 12px 30px #1a343d0b}.tour-hero{background:linear-gradient(105deg,#fff 0% 52%,#f5faf8 100%);border-bottom:1px solid #e9eeee;justify-content:space-between;align-items:center;min-height:112px;padding:22px 30px;display:flex;position:relative;overflow:hidden}.tour-hero-content{z-index:3;align-items:center;gap:16px;display:flex;position:relative}.tour-hero-icon{color:#287465;background:#e7f4ef;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:inset 0 0 0 1px #2874650a}.tour-hero-content h1{color:#17252f;letter-spacing:-.5px;margin:0 0 5px;font-size:25px;font-weight:700;line-height:1.15}.tour-hero-content p{color:#718087;margin:0;font-size:14px}.tour-hero-decoration{pointer-events:none;opacity:.85;width:390px;height:100%;position:absolute;top:0;right:235px}.flight-path{border-top:2px dashed #28746526;border-radius:50%;width:260px;height:90px;position:absolute;top:34px;left:30px;transform:rotate(-7deg)}.hero-plane{color:#287465;position:absolute;top:21px;left:190px;transform:rotate(17deg)}.hero-city{opacity:.13;align-items:flex-end;gap:7px;height:62px;display:flex;position:absolute;bottom:0;right:0}.hero-city span{background:#287465;border-radius:2px 2px 0 0;width:24px;display:block}.hero-city span:first-child{height:27px}.hero-city span:nth-child(2){height:48px}.hero-city span:nth-child(3){height:34px}.hero-city span:nth-child(4){width:30px;height:57px}.hero-message{z-index:4;color:#263a43;flex-direction:column;gap:4px;min-width:170px;margin-right:5px;font-size:14px;line-height:1.35;display:flex;position:relative}.hero-message strong{font-weight:700}.hero-message span{color:#627278}.hero-message:after{content:"";background:#287465;border-radius:3px;width:30px;height:3px;margin-top:6px}.duration-badge{z-index:5;color:#287465;background:#e5f3ee;border:1px solid #d4ebe2;border-radius:20px;padding:6px 12px;font-size:11.5px;font-weight:700;position:absolute;bottom:12px;right:30px}.tour-section{background:#fff;border:1px solid #e4eaeb;border-radius:12px;margin:12px 20px 0;padding:16px 12px 18px}.tour-section-header{align-items:center;gap:12px;margin-bottom:14px;padding-left:2px;display:flex}.section-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.section-icon-green{color:#287465;background:#e7f4ef}.section-icon-orange{color:#ec7d27;background:#fff0e3}.section-icon-blue{color:#3178d4;background:#eaf3ff}.tour-section-header h2{color:#1c3039;margin:0 0 3px;font-size:17px;font-weight:700;line-height:1.2}.tour-section-header p{color:#849196;margin:0;font-size:12.5px}.employee-grid{grid-template-columns:1fr 1fr;gap:9px 22px;padding:0 54px;display:grid}.employee-field{background:#f8faf9;border-radius:8px;grid-template-columns:205px minmax(0,1fr);align-items:center;min-height:38px;display:grid;overflow:hidden}.employee-label{color:#34474f;background:#f3f7f6;align-items:center;height:100%;padding:9px 12px;font-size:12.5px;font-weight:650;display:flex}.employee-value{color:#263b44;white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:9px 12px;font-size:13px;font-weight:600;overflow:hidden}.tour-details-grid{grid-template-columns:1fr 1fr;gap:14px 48px;padding:0 54px;display:grid}.form-field{min-width:0}.form-field label{color:#30444d;margin-bottom:7px;font-size:13px;font-weight:650;display:block}.form-field label span{color:#f68832;margin-left:3px}.form-field input,.form-field select,.reason-input-wrapper textarea{color:#263a43;background:#fff;border:1px solid #d9e2e4;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}.form-field input,.form-field select{height:43px;padding:0 12px}.form-field select{cursor:pointer}.form-field input::placeholder{color:#a5b0b4}.form-field input:hover,.form-field select:hover,.reason-input-wrapper textarea:hover{border-color:#c7d4d1}.form-field input:focus,.form-field select:focus,.reason-input-wrapper textarea:focus{background:#fff;border-color:#287465;box-shadow:0 0 0 3px #28746514}.date-input,.date-input input{width:100%}.has-error{background:#fff9f8!important;border-color:#df5b51!important}.has-error:focus{box-shadow:0 0 0 3px #df5b5114!important}.field-error svg{flex-shrink:0}.reason-section{margin-bottom:12px}.reason-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:22px;padding:0 54px;display:grid}.reason-layout .tour-section-header{margin-bottom:0}.required-star{color:#f68832;margin-left:3px}.reason-input-wrapper textarea{resize:vertical;min-height:90px;padding:11px 12px;line-height:1.5}.reason-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:5px;display:flex}.char-count{white-space:nowrap;flex-shrink:0}.tour-actions{background:#fff;border-top:1px solid #edf1f2;justify-content:flex-end;align-items:center;gap:12px;margin-top:2px;padding:16px 30px 20px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:43px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:650;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.cancel-btn{color:#58676d;background:#fff;border:1px solid #d8e1e3;min-width:82px}.cancel-btn:hover:not(:disabled){background:#f5f7f7;border-color:#cbd5d7}.submit-btn:hover:not(:disabled){background:#e97823;border-color:#e97823;transform:translateY(-1px);box-shadow:0 6px 14px #f688323d}.submit-btn:active:not(:disabled){transform:translateY(0)}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@keyframes tour-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tour-success{text-align:center;background:#fff;border:1px solid #e3e9eb;border-radius:18px;max-width:500px;margin:80px auto;padding:45px 38px;box-shadow:0 2px 6px #1e374108,0 12px 30px #1e37410a}.tour-success-icon{color:#287465;background:#e5f3ee;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 20px;display:flex}.tour-success h2{color:#17252f;margin:0 0 10px;font-size:22px;font-weight:700}.tour-success p{color:#7c898f;margin:0;font-size:14px;line-height:1.65}.tour-success p strong{color:#34464e}.tour-success-actions{justify-content:center;gap:12px;margin-top:28px;display:flex}@media (width>=1600px){.tour-page{padding:28px 40px 45px}.tour-content{max-width:95%}.tour-hero{min-height:118px;padding-left:32px;padding-right:32px}.tour-section{margin-left:22px;margin-right:22px}.employee-grid,.tour-details-grid,.reason-layout{padding-left:60px;padding-right:60px}.employee-field{grid-template-columns:220px minmax(0,1fr)}}@media (width>=1024px) and (width<=1279px){.tour-page{padding:22px 20px 35px}.tour-content{max-width:100%}.tour-hero{padding-left:24px;padding-right:24px}.tour-section{margin-left:16px;margin-right:16px}.employee-grid,.tour-details-grid,.reason-layout{padding-left:35px;padding-right:35px}.employee-field{grid-template-columns:160px minmax(0,1fr)}.tour-details-grid{column-gap:28px}.reason-layout{grid-template-columns:210px minmax(0,1fr)}.hero-message{display:none}.tour-hero-decoration{right:30px}}@media (width<=900px){.tour-page{padding:18px 16px 30px}.tour-breadcrumb{height:auto;margin-bottom:10px}.tour-date{display:none}.tour-hero{min-height:100px;padding:20px}.tour-hero-content h1{font-size:22px}.hero-message,.tour-hero-decoration{display:none}.tour-section{margin-left:12px;margin-right:12px}.employee-grid,.tour-details-grid{padding-left:20px;padding-right:20px}.employee-field{grid-template-columns:145px minmax(0,1fr)}.reason-layout{grid-template-columns:1fr;gap:12px;padding-left:20px;padding-right:20px}.reason-layout .tour-section-header{margin-bottom:0}}@media (width<=650px){.tour-page{padding:12px 10px 25px}.tour-panel{border-radius:14px}.tour-hero{align-items:flex-start;padding:18px}.tour-hero-icon{width:48px;height:48px}.tour-hero-icon svg{width:24px;height:24px}.tour-hero-content{gap:12px}.tour-hero-content h1{font-size:19px}.tour-hero-content p{font-size:12px}.duration-badge{bottom:16px;right:18px}.tour-section{margin:10px;padding:14px 10px}.tour-section-header{gap:10px}.section-icon{width:39px;height:39px}.tour-section-header h2{font-size:15px}.tour-section-header p{font-size:11.5px}.employee-grid{grid-template-columns:1fr;padding:0 8px}.employee-field{grid-template-columns:130px minmax(0,1fr)}.tour-details-grid{grid-template-columns:1fr;gap:12px;padding:0 8px}.reason-layout{padding:0 8px}.tour-actions{flex-direction:column-reverse;gap:9px;padding:15px}.cancel-btn,.submit-btn{width:100%}.tour-success{margin:40px auto;padding:32px 22px}.tour-success-actions{flex-direction:column}.tour-success-actions button{width:100%}}@media (width<=400px){.tour-page{padding:8px}.tour-hero{padding:16px}.tour-section{margin:8px;padding:12px 8px}.employee-field{grid-template-columns:115px minmax(0,1fr)}.employee-label,.employee-value{font-size:11.5px}}.custom-time{width:100%;position:relative}.custom-time__input{box-sizing:border-box;color:#273142;cursor:pointer;text-align:left;background:#fff;border:1px solid #dfe4ea;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.custom-time__input:hover{border-color:#b8c2ce}.custom-time__input:focus{border-color:#16856f;outline:none;box-shadow:0 0 0 3px #16856f1a}.custom-time__input:disabled{color:#9ca3af;cursor:not-allowed;background:#f5f6f8}.custom-time__value{color:#273142;font-variant-numeric:tabular-nums;font-weight:600}.custom-time__placeholder{color:#9aa5b5}.custom-time__chevron{color:#7d8997;flex-shrink:0;transition:transform .15s}.custom-time__input[aria-expanded=true] .custom-time__chevron{transform:rotate(180deg)}.custom-time__dropdown{box-sizing:border-box;z-index:999999;transform-origin:0 0;background:#fff;border:1px solid #e3e8ed;border-radius:13px;outline:none;width:335px;max-width:calc(100vw - 20px);padding:14px;position:fixed;overflow:hidden;box-shadow:0 14px 35px #18263224,0 3px 10px #1826320f}.custom-time__dropdown--top{transform-origin:0 100%}.custom-time__dropdown--opening{animation:.14s ease-out custom-time-in}.custom-time__dropdown--closing{animation:.12s ease-in forwards custom-time-out}@keyframes custom-time-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.custom-time__dropdown--top.custom-time__dropdown--opening{animation-name:custom-time-in-top}@keyframes custom-time-in-top{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes custom-time-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.custom-time__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.custom-time__title{color:#718091;letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700}.custom-time__preview{color:#273142;font-variant-numeric:tabular-nums;font-size:21px;font-weight:750;line-height:1.2}.custom-time__now{color:#16856f;cursor:pointer;background:#f1f7f5;border:1px solid #cfe8e0;border-radius:999px;height:30px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:700;transition:background .12s}.custom-time__now:hover{background:#dff1eb}.custom-time__picker{grid-template-columns:1fr 1fr 1fr;gap:7px;height:200px;display:grid}.custom-time__column{background:#fff;border:1px solid #edf0f2;border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.custom-time__column--wheel{cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:contain}.custom-time__column--wheel:active{cursor:grabbing;background:#fafcfb}.custom-time__column--period{justify-content:space-between;padding-bottom:8px}.custom-time__label{color:#7b8795;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;height:25px;font-size:8px;font-weight:700;display:flex}.custom-time__arrow{color:#16856f;cursor:pointer;background:#fff;border:0;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:25px;padding:0;transition:background .1s;display:flex}.custom-time__arrow:hover{background:#f4f9f7}.custom-time__arrow:active{background:#e5f2ee}.custom-time__arrow:focus-visible{z-index:1;position:relative}.custom-time__list{overscroll-behavior:contain;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:1px 6px;display:flex;overflow:hidden}.custom-time__option{color:#718092;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:27px;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s,color .12s,font-size .12s,height .12s;display:flex}.custom-time__option:hover{color:#16856f;background:#f3f8f6}.custom-time__option--active{color:#11735f;background:#dff1eb;height:35px;font-size:15px;font-weight:750}.custom-time__option--active:hover{color:#11735f;background:#d7ede6}.custom-time__option--faded{color:#a0aab5;font-size:12px}.custom-time__period-list{flex-direction:column;gap:5px;padding:8px 8px 0;display:flex}.custom-time__period{color:#718092;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;height:38px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s,color .12s}.custom-time__period:hover{color:#16856f;background:#f3f8f6}.custom-time__period--active{color:#11735f;background:#dff1eb;font-weight:750}.custom-time__toggle{color:#9aa5b5;cursor:pointer;background:0 0;border:0;border-radius:6px;height:24px;margin:6px 8px 0;font-family:inherit;font-size:10px;font-weight:600}.custom-time__toggle:hover{color:#16856f;background:#f4f9f7}.custom-time__footer{border-top:1px solid #edf0f2;align-items:center;gap:7px;margin-top:10px;padding-top:10px;display:flex}.custom-time__clear{color:#7b8794;cursor:pointer;background:0 0;border:0;height:32px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:600}.custom-time__clear:hover{color:#d9534f}.custom-time__cancel{color:#596675;cursor:pointer;background:#fff;border:1px solid #dfe4ea;border-radius:7px;height:32px;margin-left:auto;padding:0 13px;font-family:inherit;font-size:11px;font-weight:600}.custom-time__cancel:hover{background:#f7f9fa;border-color:#cbd3da}.custom-time__done{color:#fff;cursor:pointer;background:#16856f;border:0;border-radius:7px;height:32px;padding:0 17px;font-family:inherit;font-size:11px;font-weight:700;transition:background .12s}.custom-time__done:hover{background:#0f6756}.custom-time__hint{color:#b0b8c2;text-align:center;letter-spacing:.2px;margin-top:8px;font-size:9px}@media (width<=480px){.custom-time__hint{display:none}}.custom-time__input:focus-visible,.custom-time__arrow:focus-visible,.custom-time__option:focus-visible,.custom-time__period:focus-visible,.custom-time__toggle:focus-visible,.custom-time__now:focus-visible,.custom-time__clear:focus-visible,.custom-time__cancel:focus-visible,.custom-time__done:focus-visible{outline-offset:2px;outline:2px solid #16856f}.custom-time__dropdown:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.custom-time__dropdown--opening,.custom-time__dropdown--closing{animation:none}.custom-time__input,.custom-time__chevron,.custom-time__option,.custom-time__period,.custom-time__now,.custom-time__done{transition:none}}@media (width<=480px){.custom-time__dropdown{width:calc(100vw - 20px)}.custom-time__picker{height:195px}}.ov-page{color:#17252f;background:#f5f8f8;min-height:100vh;padding:22px 26px 34px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ov-content{width:100%;max-width:1230px;margin:0 auto}.ov-topbar{justify-content:space-between;align-items:center;gap:20px;min-height:32px;margin-bottom:14px;display:flex}.ov-breadcrumb{color:#687981;align-items:center;gap:7px;font-size:14px;display:flex}.ov-breadcrumb svg{color:#94a1a5}.ov-breadcrumb strong{color:#172d3d;font-weight:700}.ov-current-date{color:#5f7078;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.ov-current-date svg{color:#344f5b}.ov-hero{background:linear-gradient(105deg,#fff 0%,#f8fcfb 56%,#eaf5f2 100%);border:1px solid #dfeae7;border-radius:16px;align-items:center;gap:22px;min-height:128px;margin-bottom:14px;padding:24px 27px;display:flex;position:relative;overflow:hidden}.ov-hero-icon{z-index:3;color:#2a806f;background:#e2f2ed;border-radius:17px;flex:0 0 80px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.ov-hero-content{z-index:3;position:relative}.ov-hero-content h1{color:#132b3c;letter-spacing:-.7px;margin:0 0 5px;font-size:29px;font-weight:750;line-height:1.1}.ov-hero-content p{color:#6a7d86;margin:0;font-size:15px}.ov-hero-art{opacity:.9;width:53%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.ov-building{opacity:.8;background:#dfeeea;position:absolute;bottom:0}.ov-building-one{width:38px;height:48px;right:42%}.ov-building-two{width:55px;height:66px;right:33%}.ov-building-three{width:46px;height:80px;right:22%}.ov-map-pin{z-index:3;color:#298274;background:#ffffffe0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute}.ov-pin-start{color:#9aafb1;top:48%;left:28%}.ov-pin-end{color:#287f70;background:0 0;top:20%;right:24%}.ov-route{transform-origin:0;border-top:2px dashed #9acbc1;width:47%;height:54px;position:absolute;top:46%;left:31%;transform:rotate(-15deg)}.ov-hero-message{z-index:3;color:#183346;flex-direction:column;font-size:14px;line-height:1.35;display:flex;position:absolute;top:32px;right:3%}.ov-hero-message strong{font-size:15px;font-weight:750}.ov-hero-message span{font-weight:600}.ov-hero-message i{background:#2d8172;border-radius:20px;width:44px;height:5px;margin-top:11px}.ov-panel{background:#fff;border:1px solid #dfe6e8;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #1c353f0b}.ov-section{padding:21px 27px 24px}.ov-section+.ov-section{border-top:1px solid #e8edef}.ov-section-header{align-items:center;gap:15px;margin-bottom:18px;display:flex}.ov-section-icon{border-radius:50%;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.ov-section-icon-green{color:#2b8373;background:#e1f2ed}.ov-section-icon-orange{color:#e97825;background:#fff0e3}.ov-section-icon-blue{color:#2871c5;background:#e5f0ff}.ov-section-header h2{color:#183044;letter-spacing:-.2px;margin:0 0 4px;font-size:19px;font-weight:750;line-height:1.2}.ov-section-header p{color:#71828a;margin:0;font-size:13px}.ov-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 15px;display:grid}.ov-info-card{background:#f8fafb;border:1px solid #e0e7e9;border-radius:8px;align-items:center;gap:18px;min-width:0;min-height:52px;padding:11px 15px;display:flex}.ov-info-label{color:#40545f;flex:0 0 174px;width:174px;font-size:13px;font-weight:700}.ov-info-card strong{color:#233b49;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:650}.ov-form-grid,.ov-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.ov-field{min-width:0}.ov-field>label,.ov-time-heading label{color:#233c4d;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.ov-field>label span,.ov-time-heading label span{color:#f0782b}.ov-input-wrap{align-items:center;display:flex;position:relative}.ov-input-wrap>svg{z-index:1;color:#7b8d94;pointer-events:none;position:absolute;left:15px}.ov-input-wrap input{color:#273d4a;width:100%;height:40px;font:inherit;background:#fff;border:1px solid #d9e2e5;border-radius:8px;outline:none;padding:0 13px 0 42px;font-size:14px;transition:border-color .18s,box-shadow .18s}.ov-input-wrap input:focus,.ov-textarea-wrap textarea:focus{border-color:#338474;box-shadow:0 0 0 3px #3384741a}.ov-input-wrap input::placeholder,.ov-textarea-wrap textarea::placeholder{color:#9eabb0}.ov-input-wrap input.has-error,.ov-textarea-wrap textarea.has-error{background:snow;border-color:#e0574c}.ov-input-wrap .custom-calendar{min-width:0}.ov-input-wrap .custom-calendar__input{color:#273d4a;background:#fff;border-color:#d9e2e5;border-radius:8px;height:40px;padding:0 13px 0 42px;font-size:14px}.ov-input-wrap .custom-calendar__input:hover{border-color:#b6c4ca}.ov-input-wrap .custom-calendar__input:focus{border-color:#338474;box-shadow:0 0 0 3px #3384741a}.ov-input-wrap .custom-calendar__value{color:#273d4a;font-weight:500}.ov-input-wrap .custom-calendar__placeholder{color:#9eabb0}.ov-input-wrap.has-error .custom-calendar__input{background:snow;border-color:#e0574c}.ov-input-wrap .custom-time{min-width:0}.ov-input-wrap .custom-time__input{color:#273d4a;background:#fff;border-color:#d9e2e5;border-radius:8px;height:40px;padding:0 13px 0 42px;font-size:14px}.ov-input-wrap .custom-time__input:hover{border-color:#b6c4ca}.ov-input-wrap .custom-time__input:focus{border-color:#338474;box-shadow:0 0 0 3px #3384741a}.ov-input-wrap .custom-time__value{color:#273d4a;font-weight:500}.ov-input-wrap .custom-time__placeholder{color:#9eabb0}.ov-input-wrap.has-error .custom-time__input{background:snow;border-color:#e0574c}.ov-time-heading{align-items:center;gap:8px;margin:21px 0 10px;display:flex}.ov-time-heading svg{color:#657a84}.ov-time-heading label{margin:0}.ov-time-grid{gap:22px}.field-error{color:#d94e43;align-items:center;gap:5px;margin-top:6px;font-size:12px;font-weight:600;display:flex}.field-error svg{flex:none}.ov-purpose-section{padding-bottom:18px}.ov-textarea-wrap textarea{resize:vertical;color:#273d4a;background:#fff;border:1px solid #d9e2e5;border-radius:8px;outline:none;width:100%;min-height:84px;padding:13px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .18s,box-shadow .18s;display:block}.reason-footer{justify-content:space-between;align-items:center;gap:15px;min-height:20px;margin-top:5px;display:flex}.reason-footer small{color:#95a2a7;font-size:12px}.char-count{white-space:nowrap;flex:none}.ov-actions{background:#fbfcfc;border-top:1px solid #e7edef;justify-content:flex-end;align-items:center;gap:12px;padding:13px 20px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:86px;height:40px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.cancel-btn{color:#5d7078;background:#fff;border:1px solid #dce4e7}.cancel-btn:hover:not(:disabled){background:#f2f5f5}.submit-btn{color:#fff;background:#f68832;border:1px solid #f68832;min-width:132px;box-shadow:0 5px 12px #f6883233}.submit-btn:hover:not(:disabled){background:#e97825;border-color:#e97825;transform:translateY(-1px)}.cancel-btn:disabled,.submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.spin{animation:.8s linear infinite ov-spin}.ov-success{text-align:center;background:#fff;border:1px solid #dfe8e6;border-radius:18px;max-width:500px;margin:90px auto;padding:48px 38px;box-shadow:0 8px 28px #1e374112}.ov-success-icon{color:#287d6e;background:#e3f3ee;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 17px;display:flex}.ov-success-label{color:#2c806f;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-block}.ov-success h2{color:#172d3d;margin:0 0 9px;font-size:22px}.ov-success p{color:#72838b;margin:0;font-size:14px;line-height:1.65}.ov-success p strong{color:#314953}.ov-success-actions{justify-content:center;gap:12px;margin-top:28px;display:flex}@media (height<=850px) and (width>=900px){.ov-page{padding-top:14px;padding-bottom:20px}.ov-hero{min-height:108px;padding:18px 23px}.ov-hero-icon{flex-basis:66px;width:66px;height:66px}.ov-hero-content h1{font-size:25px}.ov-section{padding:16px 22px 18px}.ov-section-header{margin-bottom:13px}.ov-section-icon{flex-basis:48px;width:48px;height:48px}.ov-info-card{min-height:46px;padding:8px 12px}.ov-input-wrap input,.ov-input-wrap .custom-calendar__input,.ov-input-wrap .custom-time__input{height:38px}.ov-time-heading{margin-top:15px}.ov-textarea-wrap textarea{min-height:65px}.ov-actions{padding-top:10px;padding-bottom:10px}}@media (width>=1500px){.ov-content{max-width:1320px}.ov-hero{min-height:135px}.ov-section{padding-left:28px;padding-right:28px}}@media (width<=900px){.ov-page{padding:18px 16px 28px}.ov-hero-art{opacity:.55;width:42%}.ov-employee-grid,.ov-form-grid,.ov-time-grid{grid-template-columns:1fr}.ov-info-card{gap:12px}.ov-info-label{flex-basis:180px;width:180px}}@media (width<=650px){.ov-page{padding:12px 10px 24px}.ov-topbar{align-items:flex-start}.ov-current-date{display:none}.ov-hero{border-radius:13px;gap:14px;min-height:110px;padding:17px}.ov-hero-icon{border-radius:14px;flex-basis:58px;width:58px;height:58px}.ov-hero-content h1{font-size:22px}.ov-hero-content p{max-width:230px;font-size:13px}.ov-hero-art{display:none}.ov-panel{border-radius:13px}.ov-section{padding:17px 15px}.ov-section-header{gap:11px}.ov-section-icon{flex-basis:46px;width:46px;height:46px}.ov-section-header h2{font-size:17px}.ov-section-header p{font-size:12px}.ov-employee-grid{gap:9px}.ov-info-card{flex-direction:column;align-items:flex-start;gap:4px;padding:11px 13px}.ov-info-label{flex-basis:auto;width:auto;font-size:12px}.ov-info-card strong{font-size:13px}.ov-actions{flex-direction:column-reverse;padding:13px 15px}.cancel-btn,.submit-btn{width:100%}.ov-success{margin:30px auto;padding:35px 20px}.ov-success-actions{flex-direction:column}}@media (width<=400px){.ov-breadcrumb{font-size:13px}.ov-hero-content h1{font-size:20px}.ov-section{padding-left:12px;padding-right:12px}}.ovh-page{flex-direction:column;gap:16px;width:100%;min-width:0;max-width:none;display:flex}.ovh-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.ovh-heading h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.ovh-heading p{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:4px}.ovh-breadcrumbs{font-size:var(--font-size-sm);color:var(--text-muted);align-items:center;gap:6px;margin-bottom:4px;display:flex}.ovh-crumb{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.ovh-crumb:hover{color:var(--primary)}.ovh-crumb-sep{color:var(--text-muted)}.ovh-crumb--current{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.ovh-stats{flex-shrink:0;gap:12px;display:flex}.ovh-stat-card{border:1px solid var(--border);background:#f8fafc;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:14px 18px;display:flex}.ovh-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ovh-stat-icon--blue{color:#2563eb;background:#eff6ff}.ovh-stat-icon--green{color:#16a34a;background:#f0fdf4}.ovh-stat-icon--orange{color:#ea580c;background:#fff7ed}.ovh-stat-info{flex-direction:column;min-width:0;display:flex}.ovh-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.ovh-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.ovh-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.ovh-filter-bar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.ovh-search{border:1px solid var(--border);background:var(--surface);min-width:200px;height:40px;transition:border-color var(--transition-fast);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.ovh-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2a6b5c1a}.ovh-search svg{color:var(--text-muted);flex-shrink:0}.ovh-search input{font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.ovh-search input::placeholder{color:var(--text-muted)}.ovh-status-select{border:1px solid var(--border);height:40px;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;min-width:140px;padding:0 32px 0 12px}.ovh-status-select:hover{border-color:var(--primary)}.ovh-reset-btn{border:1.5px solid var(--border);height:40px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.ovh-reset-btn:hover{border-color:var(--text-muted);background:#f8fafc}.ovh-loading{color:var(--text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.ovh-spin{animation:.8s linear infinite ovh-spin}@keyframes ovh-spin{to{transform:rotate(360deg)}}.ovh-error{color:#dc2626;font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:10px;padding:32px 20px;display:flex}.ovh-error button{color:#dc2626;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:1px solid #dc2626;border-radius:8px;padding:6px 14px}.ovh-error button:hover{background:#fef2f2}.ovh-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.ovh-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:1305px;font-size:var(--font-size-sm);background:var(--surface)}.ovh-table thead{background:#f8fafc}.ovh-table th{text-align:left;font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;vertical-align:middle;box-sizing:border-box;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-right:1px solid var(--border-light);padding:14px 16px;overflow:hidden}.ovh-table th:first-child{border-left:1px solid var(--border)}.ovh-table th:last-child{border-right:1px solid var(--border)}.ovh-table th:first-child,.ovh-table td:first-child{width:45px}.ovh-table th:nth-child(2),.ovh-table td:nth-child(2){width:150px}.ovh-table th:nth-child(3),.ovh-table td:nth-child(3){width:220px}.ovh-table th:nth-child(4),.ovh-table td:nth-child(4),.ovh-table th:nth-child(5),.ovh-table td:nth-child(5){width:105px}.ovh-table th:nth-child(6),.ovh-table td:nth-child(6){width:145px}.ovh-table th:nth-child(7),.ovh-table td:nth-child(7){width:250px}.ovh-table th:nth-child(8),.ovh-table td:nth-child(8){width:155px}.ovh-table th:nth-child(9),.ovh-table td:nth-child(9){width:130px}.ovh-table tbody tr{background:var(--surface);transition:background .15s}.ovh-table tbody tr:hover{background:#f8fafc}.ovh-table td{color:var(--text-primary);vertical-align:middle;box-sizing:border-box;border-bottom:1px solid var(--border);border-right:1px solid var(--border-light);padding:15px 16px;line-height:1.45;overflow:hidden}.ovh-table td:first-child{border-left:1px solid var(--border)}.ovh-table td:last-child{border-right:1px solid var(--border)}.ovh-th--num,.ovh-td--num{text-align:center;padding-left:8px;padding-right:8px}.ovh-td--num{color:var(--text-muted);font-weight:var(--font-weight-medium)}.ovh-td--date{color:var(--text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap}.ovh-date-inner{white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.ovh-date-inner span{text-overflow:ellipsis;min-width:0;overflow:hidden}.ovh-date-inner svg{color:#2563eb;flex-shrink:0}.ovh-td--place{max-width:none;color:var(--text-primary);font-weight:var(--font-weight-semibold);white-space:normal;word-break:break-word;overflow-wrap:anywhere;vertical-align:top;line-height:1.45}.ovh-place-inner{align-items:flex-start;gap:8px;display:flex}.ovh-place-inner svg{color:#dc2626;flex-shrink:0;margin-top:2px}.ovh-place-inner span{min-width:0}.ovh-table td:nth-child(4),.ovh-table td:nth-child(5){white-space:nowrap;color:var(--text-secondary)}.ovh-td--duration{font-weight:var(--font-weight-semibold);color:#7c3aed;white-space:nowrap;text-overflow:ellipsis;padding-left:14px;padding-right:14px;font-family:SF Mono,Fira Code,monospace;font-size:13px;overflow:hidden}.ovh-duration-inner{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.ovh-duration-inner svg{color:#7c3aed;flex-shrink:0}.ovh-duration-inner span{text-overflow:ellipsis;min-width:0;overflow:hidden}.ovh-td--purpose{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;line-height:1.45;overflow:hidden}.ovh-purpose-inner{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ovh-td--reporting{color:var(--text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ovh-reporting-inner{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ovh-table td:nth-child(9){white-space:nowrap}.ovh-status{font-size:12px;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.ovh-status-dot{border-radius:50%;width:6px;height:6px}.ovh-status--pending{color:#92400e;background:#fef3c7}.ovh-status--pending .ovh-status-dot{background:#f59e0b}.ovh-status--approved{color:#166534;background:#dcfce7}.ovh-status--approved .ovh-status-dot{background:#16a34a}.ovh-status--rejected{color:#991b1b;background:#fee2e2}.ovh-status--rejected .ovh-status-dot{background:#dc2626}.ovh-empty{text-align:center;padding:48px 16px!important}.ovh-empty-inner{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.ovh-empty-inner strong{font-size:var(--font-size-base);color:var(--text-primary)}.ovh-empty-inner span{font-size:var(--font-size-sm)}.ovh-empty-link{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast);background:#16a34a;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;text-decoration:none;display:inline-flex}.ovh-empty-link:hover{background:#15803d}.ovh-table-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.ovh-count{font-size:var(--font-size-sm);color:var(--text-muted)}.ovh-pagination{align-items:center;gap:4px;display:flex}.ovh-page-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.ovh-page-btn:hover:not(:disabled):not(.ovh-page-btn--active){border-color:var(--primary);color:var(--primary);background:#f0fdf4}.ovh-page-btn--active{color:#fff;background:#16a34a;border-color:#16a34a}.ovh-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=1200px){.ovh-header{flex-direction:column}.ovh-stats{width:100%}.ovh-stat-card{flex:1;min-width:0}}@media (width<=900px){.ovh-filter-bar{flex-direction:column;align-items:stretch}.ovh-search{min-width:0}.ovh-status-select{width:100%}.ovh-reset-btn{justify-content:center;width:100%}.ovh-stats{flex-direction:column}.ovh-table-footer{flex-direction:column;align-items:flex-start;gap:12px}}.vc-page{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.vc-breadcrumb{font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:5px;display:flex}.vc-crumb{color:var(--text-secondary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}a.vc-crumb:hover{color:var(--primary)}.vc-crumb--current{color:var(--primary);font-weight:var(--font-weight-semibold)}.vc-crumb__sep{color:var(--text-muted);flex-shrink:0}.vc-hero{border-radius:var(--radius-md);background:linear-gradient(135deg,#e8f5e9 0%,#eef8f0 55%,#f3faf5 100%);border:1px solid #2e7d321f;justify-content:space-between;align-items:center;gap:24px;min-width:0;padding:22px 26px;display:flex}.vc-hero__left{align-items:center;gap:18px;min-width:0;display:flex}.vc-hero__icon{background:var(--surface);width:48px;height:48px;color:var(--primary);box-shadow:var(--shadow-xs);border:1px solid #2e7d3226;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vc-hero__text{min-width:0}.vc-hero__title{font-size:28px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.4px;margin:0 0 6px;line-height:1.2}.vc-hero__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 10px;line-height:1.5}.vc-hero__accent{background:var(--accent);border-radius:2px;width:46px;height:3px;display:block}.vc-hero__right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.vc-hero__card-art{opacity:.95;pointer-events:none;width:170px;height:auto}.vc-hero__quote{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:right;max-width:190px;margin:0;font-style:italic;line-height:1.45}.vc-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;min-width:0;padding:26px 28px}.vc-card__head{align-items:center;gap:12px;margin-bottom:22px;display:flex}.vc-card__head-icon{background:var(--primary-light);width:38px;height:38px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vc-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.2px;margin:0 0 2px}.vc-card__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.vc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.vc-field{flex-direction:column;min-width:0;display:flex}.vc-field__label{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:7px}.vc-input-wrap{align-items:center;display:flex;position:relative}.vc-input__icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.vc-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:44px;font-family:inherit;font-size:var(--font-size-base);color:var(--text-primary);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 14px 0 40px}.vc-input::placeholder{color:var(--text-muted)}.vc-input:not([readonly]):not(.vc-input--select):focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50);outline:none}.vc-input--readonly{border-color:var(--border-light);color:var(--text-primary);cursor:default;background:#2a6b5c0b}.vc-input--readonly:focus{border-color:var(--border-light);box-shadow:none;outline:none}.vc-input-wrap:has(.vc-input--readonly) .vc-input__icon{color:var(--primary);opacity:.8}.vc-input--upper{text-transform:uppercase;letter-spacing:.3px}.vc-input--select{appearance:none;cursor:pointer;padding-right:38px}.vc-input--select:hover{border-color:#cfd6dd}.vc-input--select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50);outline:none}.vc-input__chevron{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.vc-notice{background:var(--accent-light);border:1px solid #f5a62373;border-radius:10px;align-items:flex-start;gap:12px;margin-top:24px;padding:14px 16px;display:flex}.vc-notice__icon{width:32px;height:32px;color:var(--accent-dark);background:#f5a62333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vc-notice__body{min-width:0}.vc-notice__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--accent-dark);margin:0 0 3px}.vc-notice__desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.55}.vc-success{background:var(--success-light);color:var(--success);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1px solid #2e7d3259;border-radius:10px;align-items:center;gap:9px;margin-top:16px;padding:12px 14px;display:flex}.vc-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.vc-btn{border-radius:var(--radius-sm);height:48px;font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.vc-btn:active{transform:translateY(0)}.vc-btn--primary{color:#fff;background:#2a6b5c;border-color:#2a6b5c}.vc-btn--primary:hover{background:#2a6b5c;border-color:#2a6b5c;transform:translateY(-1px);box-shadow:0 4px 10px #40570159}.vc-btn--secondary{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.vc-btn--secondary:hover{background:var(--surface-hover);border-color:#cfd6dd;transform:translateY(-1px)}@media (width<=1024px){.vc-hero__card-art{width:140px}}@media (width<=900px){.vc-hero{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.vc-hero__right{align-items:flex-start}.vc-hero__quote{text-align:left;max-width:none}.vc-card{padding:22px 20px}}@media (width<=768px){.vc-hero__title{font-size:24px}}@media (width<=640px){.vc-page{gap:12px}.vc-grid{grid-template-columns:minmax(0,1fr);gap:15px}.vc-hero{padding:18px 16px}.vc-hero__title{font-size:21px}.vc-hero__card-art{display:none}.vc-card{padding:18px 15px}.vc-actions{flex-direction:column;align-items:stretch;gap:12px}.vc-btn{width:100%}}.hol-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.hol-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.hol-breadcrumb{align-items:center;gap:6px;margin-bottom:6px;display:flex}.hol-breadcrumb__link{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none}.hol-breadcrumb__link:hover{color:var(--primary)}.hol-breadcrumb__sep{color:var(--text-muted);font-size:var(--font-size-sm)}.hol-breadcrumb__current{color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.hol-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.hol-page__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:4px}.hol-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:20px 24px}.hol-card__header{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.hol-card__icon{border-radius:var(--radius-sm);background:var(--kpi-blue);width:38px;height:38px;color:var(--kpi-blue-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hol-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.3}.hol-card__subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.hol-table-wrap{border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow-x:auto}.hol-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);table-layout:fixed}.hol-table colgroup .hol-col-sno{width:7%}.hol-table colgroup .hol-col-date,.hol-table colgroup .hol-col-day{width:18%}.hol-table colgroup .hol-col-occasion{width:22%}.hol-table colgroup .hol-col-remarks{width:35%}.hol-table th{background:var(--surface-secondary);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px}.hol-table__th-sno{width:7%}.hol-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:12px 16px}.hol-table tbody tr{transition:background var(--transition-fast)}.hol-table tbody tr:hover{background:var(--surface-hover)}.hol-table tbody tr:last-child td{border-bottom:none}.hol-table__sno{color:var(--text-muted);font-weight:var(--font-weight-medium);width:7%}.hol-table__date{font-weight:var(--font-weight-medium);white-space:nowrap}.hol-table__remarks{color:var(--text-secondary)}.hol-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);white-space:nowrap;letter-spacing:.2px;align-items:center;padding:3px 10px;display:inline-flex}.hol-badge--holiday{color:#21864a;background:#e8f5ee}.hol-badge--forced{color:#a76500;background:#fff3df}.hol-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.hol-empty svg{opacity:.4;margin-bottom:16px}.hol-empty h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:6px}.hol-empty p{font-size:var(--font-size-sm);color:var(--text-muted)}.hol-skeleton{flex-direction:column;gap:8px;display:flex}.hol-skeleton__row{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-secondary) 25%, var(--border-light) 50%, var(--surface-secondary) 75%);background-size:200% 100%;height:40px;animation:1.5s infinite hol-shimmer}@keyframes hol-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.hol-page__header{flex-direction:column;align-items:flex-start}.hol-card{padding:16px}.hol-card__header{margin-bottom:16px;padding-bottom:12px}.hol-table th,.hol-table td{padding:10px 12px}}@media (width<=480px){.hol-card{padding:12px}}.ae-page{flex-direction:column;gap:16px;width:100%;min-width:0;max-width:none;display:flex}.ae-breadcrumb{font-size:var(--font-size-sm);color:var(--text-muted);align-items:center;gap:6px;display:flex}.ae-breadcrumb__link{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.ae-breadcrumb__link:hover{color:var(--primary)}.ae-breadcrumb__sep{color:var(--text-muted)}.ae-breadcrumb__current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.ae-header{border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.ae-header__left{align-items:center;gap:16px;display:flex}.ae-header__icon-circle{color:#16a34a;background:#f0fdf4;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ae-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.ae-header__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.ae-header__stats{flex-shrink:0;gap:12px;display:flex}.ae-stat-card{border:1px solid var(--border);background:#f8fafc;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:14px 18px;display:flex}.ae-stat-card__icon{color:#16a34a;background:#f0fdf4;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ae-stat-card__icon--blue{color:#2563eb;background:#eff6ff}.ae-stat-card__info{flex-direction:column;min-width:0;display:flex}.ae-stat-card__label{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.ae-stat-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.ae-stat-card__value--sm{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);white-space:nowrap}.ae-export-btn{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;background:#16a34a;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;display:inline-flex}.ae-export-btn:hover{background:#15803d}.ae-filters{border-radius:16px;padding:20px 24px}.ae-filters__row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.ae-filter-group{flex-direction:column;gap:6px;min-width:0;display:flex}.ae-filter-group--search{flex:1;min-width:240px}.ae-filter-group--clear{margin-left:auto}.ae-filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.ae-filter-select{border:1px solid var(--border);height:40px;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface);appearance:none;cursor:pointer;transition:border-color var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;min-width:160px;padding:0 32px 0 12px}.ae-filter-select:hover{border-color:var(--primary)}.ae-filter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2a6b5c1a}.ae-search-input{align-items:center;display:flex;position:relative}.ae-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.ae-filter-input{border:1px solid var(--border);width:100%;height:40px;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface);transition:border-color var(--transition-fast);border-radius:10px;padding:0 12px 0 36px}.ae-filter-input::placeholder{color:var(--text-muted)}.ae-filter-input:hover{border-color:var(--primary)}.ae-filter-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2a6b5c1a}.ae-clear-btn{height:40px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#16a34a;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1.5px solid #16a34a;border-radius:10px;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.ae-clear-btn:hover{background:#f0fdf4}.ae-table-card{border-radius:16px;padding:0;overflow:hidden}.ae-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.ae-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);white-space:nowrap}.ae-table thead{background:#f0fdf4}.ae-th{text-align:left;font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;padding:14px 16px}.ae-th--num{text-align:center;width:48px}.ae-th--actions{text-align:center;width:60px}.ae-td{border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary);padding:14px 16px}.ae-tr:hover{background:#f8fafc}.ae-td--num{text-align:center;color:var(--text-muted);font-weight:var(--font-weight-medium)}.ae-td--photo{padding:10px 16px}.ae-avatar{background:#f0fdf4;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.ae-avatar__img{object-fit:cover;width:100%;height:100%}.ae-avatar__fallback{width:100%;height:100%;font-size:13px;font-weight:var(--font-weight-bold);color:#16a34a;background:#f0fdf4;justify-content:center;align-items:center;display:flex}.ae-td--code{font-weight:var(--font-weight-semibold);color:#1e3a5f;font-size:13px}.ae-td--name{font-weight:var(--font-weight-semibold);color:var(--text-primary);text-overflow:ellipsis;max-width:180px;overflow:hidden}.ae-td--extn{color:#7c3aed;font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:var(--font-weight-semibold)}.ae-extn{color:#7c3aed;font-size:12px;font-weight:var(--font-weight-semibold);background:#f5f3ff;border-radius:6px;padding:2px 8px;display:inline-block}.ae-phone{color:var(--text-primary);align-items:center;gap:6px;display:inline-flex}.ae-phone svg{color:#16a34a;flex-shrink:0}.ae-email-link{color:#2563eb;font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.ae-email-link:hover{color:#1d4ed8;text-decoration:underline}.ae-dept-badge{font-size:12px;font-weight:var(--font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;border-radius:20px;max-width:160px;padding:4px 10px;display:inline-block;overflow:hidden}.ae-td--reporting{color:var(--text-secondary)}.ae-td--company{color:var(--text-secondary);text-overflow:ellipsis;max-width:160px;overflow:hidden}.ae-td--actions{text-align:center}.ae-actions-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.ae-actions-btn:hover{color:var(--primary);border-color:var(--primary);background:#f0fdf4}.ae-muted{color:var(--text-muted)}.ae-empty{text-align:center;padding:48px 16px!important}.ae-empty__inner{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.ae-empty__inner p{font-size:var(--font-size-sm)}.ae-pagination{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ae-pagination__info{font-size:var(--font-size-sm);color:var(--text-muted)}.ae-pagination__controls{align-items:center;gap:4px;display:flex}.ae-page-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.ae-page-btn:hover:not(:disabled):not(.ae-page-btn--active){border-color:var(--primary);color:var(--primary);background:#f0fdf4}.ae-page-btn--active{color:#fff;background:#16a34a;border-color:#16a34a}.ae-page-btn:disabled{opacity:.4;cursor:not-allowed}.ae-page-dots{width:34px;height:34px;color:var(--text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:inline-flex}.ae-skeleton-header{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:16px;height:100px;animation:1.5s infinite ae-shimmer}.ae-skeleton-filters{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:16px;height:80px;animation:1.5s infinite ae-shimmer}.ae-skeleton-table{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:24px;display:flex}.ae-skeleton-row{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;height:52px;animation:1.5s infinite ae-shimmer}@keyframes ae-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ae-error{color:var(--text-muted);text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:64px 24px;display:flex}.ae-error h3{font-size:var(--font-size-lg);color:var(--text-primary)}.ae-error p{font-size:var(--font-size-sm)}@media (width<=1200px){.ae-header{flex-direction:column;align-items:flex-start;gap:16px}.ae-header__stats{width:100%}.ae-stat-card{flex:1;min-width:0}.ae-export-btn{justify-content:center;width:100%}}@media (width<=900px){.ae-filters__row{flex-direction:column;gap:12px}.ae-filter-group--search{width:100%;min-width:0}.ae-filter-group--clear{width:100%;margin-left:0}.ae-clear-btn{justify-content:center;width:100%}.ae-filter-select{width:100%}.ae-pagination{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=640px){.ae-header__stats{flex-direction:column}.ae-header__title{font-size:var(--font-size-xl)}.ae-pagination__controls{flex-wrap:wrap}}.cp-page{flex-direction:column;gap:16px;width:100%;min-width:0;max-width:640px;display:flex}.cp-breadcrumb{font-size:var(--font-size-sm);color:var(--text-muted);align-items:center;gap:6px;display:flex}.cp-breadcrumb__link{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.cp-breadcrumb__link:hover{color:var(--primary)}.cp-breadcrumb__sep{color:var(--text-muted);align-items:center;display:flex}.cp-breadcrumb__current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.cp-header{border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.cp-header__left{align-items:center;gap:16px;display:flex}.cp-header__icon-circle{color:#2563eb;background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cp-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.cp-header__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.cp-form-card{border-radius:16px;padding:32px}.cp-form{flex-direction:column;gap:24px;display:flex}.cp-alert{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:12px;align-items:center;gap:10px;padding:14px 18px;display:flex}.cp-alert--success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.cp-alert--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.cp-field{flex-direction:column;gap:8px;display:flex}.cp-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.cp-field__input-wrap{align-items:center;display:flex;position:relative}.cp-field__icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.cp-field__input{border:1.5px solid var(--border);width:100%;height:48px;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;padding:0 48px 0 42px}.cp-field__input::placeholder{color:var(--text-muted)}.cp-field__input:hover{border-color:var(--primary)}.cp-field__input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2a6b5c1a}.cp-field__input--match{border-color:#16a34a}.cp-field__input--match:focus{box-shadow:0 0 0 3px #16a34a1a}.cp-field__input--error{border-color:#dc2626}.cp-field__input--error:focus{box-shadow:0 0 0 3px #dc26261a}.cp-field__toggle{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.cp-field__toggle:hover{color:var(--text-primary);background:#f1f5f9}.cp-strength{align-items:center;gap:10px;margin-top:4px;display:flex}.cp-strength__bar{flex:1;gap:4px;display:flex}.cp-strength__segment{background:#e2e8f0;border-radius:2px;flex:1;height:4px;transition:background .3s}.cp-strength__segment--active{background:var(--primary)}.cp-strength__label{font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.cp-match{font-size:12px;font-weight:var(--font-weight-medium);align-items:center;gap:6px;margin-top:2px;display:flex}.cp-match--ok{color:#16a34a}.cp-match--fail{color:#dc2626}.cp-requirements{border:1px solid var(--border);background:#f8fafc;border-radius:12px;padding:16px 20px}.cp-requirements__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px}.cp-requirements__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cp-requirements__list li{font-size:var(--font-size-sm);color:var(--text-muted);align-items:center;gap:8px;display:flex}.cp-requirements__list li:before{content:"";background:#cbd5e1;border-radius:50%;flex-shrink:0;width:6px;height:6px}.cp-req--met{color:#16a34a!important}.cp-req--met:before{background:#16a34a!important}.cp-actions{justify-content:flex-end;align-items:center;gap:12px;padding-top:8px;display:flex}.cp-btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;display:inline-flex}.cp-btn--primary{color:#fff;background:#16a34a}.cp-btn--primary:hover:not(:disabled){background:#15803d}.cp-btn--primary:disabled{opacity:.5;cursor:not-allowed}.cp-btn--outline{color:var(--text-secondary);border:1.5px solid var(--border);background:0 0}.cp-btn--outline:hover{border-color:var(--text-muted);background:#f8fafc}.cp-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite cp-spin}@keyframes cp-spin{to{transform:rotate(360deg)}}@media (width<=640px){.cp-form-card,.cp-header{padding:20px}.cp-actions{flex-direction:column}.cp-btn{justify-content:center;width:100%}}.dn-page{width:100%;max-width:var(--content-max-width);flex-direction:column;gap:16px;min-width:0;display:flex}.dn-breadcrumb{font-size:var(--font-size-sm);color:var(--text-muted);align-items:center;gap:6px;display:flex}.dn-breadcrumb__link{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.dn-breadcrumb__link:hover{color:var(--primary)}.dn-breadcrumb__sep{color:var(--text-muted);align-items:center;display:flex}.dn-breadcrumb__current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.dn-header{align-items:center;gap:16px;padding:20px 24px;display:flex}.dn-header__icon{border-radius:var(--radius-sm);background:var(--kpi-green);width:46px;height:46px;color:var(--kpi-green-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dn-header__text{min-width:0}.dn-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.25}.dn-header__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:4px 0 0}.dn-status{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.dn-status--error{background:var(--danger-light);color:var(--danger);border-color:#c628284d}.dn-alert{border-radius:var(--radius-sm);font-size:var(--font-size-sm);border:1px solid #0000;align-items:center;gap:10px;padding:12px 16px;display:flex}.dn-alert--success{background:var(--success-light);color:var(--success);border-color:#2e7d3240}.dn-alert--error{background:var(--danger-light);color:var(--danger);border-color:#c6282840}.dn-alert span{flex:1;min-width:0}.dn-alert__close{color:inherit;border-radius:var(--radius-full);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.dn-alert__close:hover{opacity:1}.dn-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dn-summary__card{align-items:center;gap:14px;min-width:0;padding:16px 18px;display:flex}.dn-summary__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dn-summary__icon--green{background:var(--kpi-green);color:var(--kpi-green-icon)}.dn-summary__icon--orange{background:var(--kpi-orange);color:var(--kpi-orange-icon)}.dn-summary__body{flex-direction:column;min-width:0;display:flex}.dn-summary__value{font-size:24px;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.dn-summary__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.dn-summary__text{font-size:var(--font-size-xs);color:var(--text-muted)}.dn-section{padding:20px 24px}.dn-section__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.dn-section__titles{min-width:0}.dn-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.dn-section__desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:4px 0 0}.dn-section__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dn-allocation{border-radius:var(--radius-full);background:var(--accent-light);color:#96630a;font-size:var(--font-size-xs);white-space:nowrap;border:1px solid #f5a62359;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.dn-allocation strong{font-weight:var(--font-weight-semibold)}.dn-allocation__sep{opacity:.6}.dn-btn{border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 16px;line-height:1.2;display:inline-flex}.dn-btn--primary{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.dn-btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.dn-btn--outline{border-color:var(--border);color:var(--text-secondary);background:0 0}.dn-btn--outline:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.dn-btn--danger{background:var(--danger);border-color:var(--danger);color:var(--text-inverse)}.dn-btn--danger:hover:not(:disabled){background:#a91f1f;border-color:#a91f1f}.dn-btn:disabled{opacity:.65;cursor:not-allowed}.dn-spin{animation:.9s linear infinite dn-spin}@keyframes dn-spin{to{transform:rotate(360deg)}}.dn-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;overflow-x:auto}.dn-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.dn-table__caption{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dn-table thead th{background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 16px}.dn-table tbody td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;white-space:nowrap;padding:12px 16px}.dn-table tbody tr:last-child td{border-bottom:none}.dn-table tbody tr:hover{background:var(--surface-hover)}.dn-table__name{font-weight:var(--font-weight-medium)}.dn-table__num,.dn-table thead th.dn-table__num{text-align:center}.dn-table__actions-col{width:1%}.dn-table__actions{text-align:right}.dn-share{border-radius:var(--radius-full);background:var(--accent-light);color:#96630a;min-width:52px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1px solid #f5a62359;justify-content:center;align-items:center;padding:3px 10px;display:inline-flex}.dn-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.dn-icon-btn+.dn-icon-btn{margin-left:6px}.dn-icon-btn--edit:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.dn-icon-btn--delete:hover{background:var(--danger-light);color:var(--danger);border-color:#c6282866}.dn-empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-secondary);flex-direction:column;align-items:center;gap:6px;padding:36px 20px;display:flex}.dn-empty__icon{border-radius:var(--radius-full);background:var(--kpi-green);width:44px;height:44px;color:var(--kpi-green-icon);justify-content:center;align-items:center;display:flex}.dn-empty__icon--orange{background:var(--kpi-orange);color:var(--kpi-orange-icon)}.dn-empty__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:6px 0 0}.dn-empty__text{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 8px}.dn-notes{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.dn-note{border-radius:var(--radius-md);border:1px solid #0000;padding:18px 20px}.dn-note--green{background:var(--primary-light);border-color:#2a6b5c33}.dn-note--orange{background:var(--accent-light);border-color:#f5a6234d}.dn-note__head{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.dn-note--green .dn-note__head{color:var(--primary)}.dn-note--orange .dn-note__head{color:#96630a}.dn-note__head svg{flex-shrink:0;margin-top:2px}.dn-note__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.4}.dn-note__text{font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 8px}.dn-note__list{font-size:var(--font-size-sm);color:var(--text-secondary);flex-direction:column;gap:6px;margin:0;padding-left:20px;line-height:1.55;display:flex}.dn-note__list li::marker{color:var(--primary)}.dn-note--orange .dn-note__list li::marker{color:var(--accent-dark)}.dn-overlay{z-index:var(--z-modal);background:#11181c61;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.dn-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:500px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);flex-direction:column;animation:.18s both dn-modal-in;display:flex;overflow:hidden}.dn-modal--confirm{max-width:420px}@keyframes dn-modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dn-modal__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.dn-modal__heading{min-width:0}.dn-modal__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.dn-modal__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:4px 0 0;line-height:1.45}.dn-modal__close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.dn-modal__close:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.dn-modal__body{overscroll-behavior:contain;flex-direction:column;gap:16px;min-height:0;padding:24px;display:flex;overflow-y:auto}.dn-modal__footer{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin:4px -24px -4px;padding:14px 24px;display:flex;position:sticky;bottom:0}.dn-confirm__text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}.dn-confirm__text strong{color:var(--text-primary)}.dn-form-error{border-radius:var(--radius-sm);background:var(--danger-light);color:var(--danger);font-size:var(--font-size-sm);border:1px solid #c6282840;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.dn-form-error svg{flex-shrink:0;margin-top:2px}.dn-field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.dn-field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dn-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.dn-field__label span{color:var(--danger)}.dn-input,.dn-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:9px 12px}.dn-input::placeholder{color:var(--text-muted)}.dn-input:focus,.dn-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50);outline:none}.dn-input--invalid{border-color:var(--danger)}.dn-input--invalid:focus{box-shadow:0 0 0 3px #c6282824}.dn-field__error{font-size:var(--font-size-xs);color:var(--danger);align-items:center;gap:4px;margin:0;display:flex}.dn-field__hint{font-size:var(--font-size-xs);color:var(--text-muted);margin:0;line-height:1.45}.dn-input-group{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:stretch;display:flex;overflow:hidden}.dn-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.dn-input-group--invalid{border-color:var(--danger)}.dn-input-group--invalid:focus-within{box-shadow:0 0 0 3px #c6282824}.dn-input--grouped{border:none;border-radius:0;flex:1;min-width:0}.dn-input--grouped:focus{box-shadow:none}.dn-input-suffix{background:var(--surface-secondary);border-left:1px solid var(--border);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);-webkit-user-select:none;user-select:none;align-items:center;padding:0 12px;display:inline-flex}.dn-alloc{border-radius:var(--radius-sm);background:var(--success-light);color:#1f5f24;font-size:var(--font-size-xs);border:1px solid #2e7d3247;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.dn-alloc--invalid{background:var(--danger-light);color:var(--danger);border-color:#c6282847}.dn-alloc__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.dn-alloc__row strong{font-weight:var(--font-weight-semibold)}.dn-page button:focus-visible,.dn-page a:focus-visible,.dn-input:focus-visible,.dn-select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (width<=900px){.dn-notes{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.dn-summary{grid-template-columns:minmax(0,1fr)}.dn-header,.dn-section{padding:18px}.dn-section__head{flex-direction:column;align-items:stretch}.dn-section__actions{justify-content:space-between}.dn-section__actions .dn-btn{flex:1}.dn-field-row{grid-template-columns:minmax(0,1fr)}.dn-table{font-size:var(--font-size-xs)}.dn-table thead th,.dn-table tbody td{padding:10px 12px}}@media (width<=480px){.dn-header__title{font-size:var(--font-size-lg)}.dn-allocation{white-space:normal}.dn-modal__footer{flex-direction:column-reverse}.dn-modal__footer .dn-btn{width:100%}}@media (prefers-reduced-motion:reduce){.dn-modal,.dn-spin{animation:none!important}}.dn-date-control{width:100%;display:block;position:relative}.dn-date-control .dn-input{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;padding-right:42px;display:block}.dn-date-toggle{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.dn-date-toggle:hover{color:var(--primary);background:var(--surface-hover)}.dn-date-picker{z-index:100000;width:min(292px,100vw - 16px);animation:.14s both dn-calendar-in;position:fixed}@keyframes dn-calendar-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dn-calendar{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:var(--font-size-sm);padding:12px}.dn-calendar__header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.dn-calendar__label{border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0;align-items:center;padding:5px 7px;display:inline-flex}.dn-calendar__label:hover{background:var(--surface-hover)}.dn-calendar__nav{align-items:center;gap:2px;display:inline-flex}.dn-calendar__nav-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.dn-calendar__nav-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--primary)}.dn-calendar__nav-btn:disabled{opacity:.35;cursor:not-allowed}.dn-calendar__weekdays,.dn-calendar__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.dn-calendar__weekdays{margin-bottom:5px}.dn-calendar__weekday{height:25px;color:var(--text-muted);font-size:11px;font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:flex}.dn-calendar__day{border-radius:var(--radius-sm);min-width:0;height:32px;color:var(--text-primary);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:13px;display:inline-flex}.dn-calendar__day:hover:not(:disabled){background:var(--surface-hover)}.dn-calendar__day--outside{color:var(--text-muted);opacity:.65}.dn-calendar__day--selected,.dn-calendar__day--selected:hover{background:var(--primary);color:var(--text-inverse);font-weight:var(--font-weight-semibold)}.dn-calendar__day--disabled,.dn-calendar__day:disabled{color:var(--text-muted);opacity:.35;cursor:not-allowed}.dn-calendar__month-picker{flex-direction:column;gap:5px;margin:2px 0 10px;display:flex;position:relative}.dn-calendar__year-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.dn-calendar__year-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:34px;color:var(--text-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.dn-calendar__year-trigger:hover,.dn-calendar__year-trigger[aria-expanded=true]{border-color:var(--primary)}.dn-calendar__year-list{z-index:2;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);max-height:184px;box-shadow:var(--shadow-lg);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.dn-calendar__year-option{border-radius:var(--radius-sm);height:30px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:12px;display:inline-flex}.dn-calendar__year-option:hover{background:var(--surface-hover)}.dn-calendar__year-option--selected,.dn-calendar__year-option--selected:hover{background:var(--primary);color:var(--text-inverse);font-weight:var(--font-weight-semibold)}.dn-calendar__months{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:2px 0 4px;display:grid}.dn-calendar__month{border-radius:var(--radius-sm);min-height:34px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.dn-calendar__month:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.dn-calendar__month--selected,.dn-calendar__month--selected:hover{background:var(--primary);color:var(--text-inverse)}.dn-calendar__month:disabled{opacity:.35;cursor:not-allowed}.dn-calendar__footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:9px;display:flex}.dn-calendar__clear,.dn-calendar__close{border-radius:var(--radius-sm);color:var(--primary);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:0;padding:6px 9px}.dn-calendar__clear:hover:not(:disabled),.dn-calendar__close:hover{background:var(--primary-light)}.dn-calendar__clear:disabled{color:var(--text-muted);opacity:.5;cursor:not-allowed}.dn-calendar button:focus-visible,.dn-calendar select:focus-visible,.dn-date-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (width<=480px){.dn-date-picker{width:min(292px,100vw - 24px)}.dn-calendar{padding:10px}.dn-calendar__day{height:34px}}@media (prefers-reduced-motion:reduce){.dn-date-picker{animation:none}}