@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=DM+Sans:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#003d79;--color-primary-dark:#113a6c;--color-accent:#ffc107;--color-black:#000;--color-white:#fff;--color-primary-light:#0052a3;--color-accent-dark:#e5ac00;--color-accent-light:#ffd54f;--bg-page:#f4f6f9;--bg-card:#fff;--bg-sidebar:#003d79;--text-primary:#0a1628;--text-secondary:#4a5568;--text-muted:#8a9bb0;--text-on-dark:#fff;--text-on-accent:#003d79;--border-color:#dde3ec;--border-focus:#003d79;--color-success:#22c55e;--color-success-bg:#dcfce7;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-danger:#ef4444;--color-danger-bg:#fee2e2;--color-info:#3b82f6;--color-info-bg:#dbeafe;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #003d7914;--shadow-md:0 4px 16px #003d791f;--shadow-lg:0 8px 32px #003d7929;--shadow-xl:0 16px 48px #003d7933;--font-heading:"Plus Jakarta Sans", sans-serif;--font-body:"DM Sans", sans-serif;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--sidebar-width:260px;--header-height:64px;--content-max-width:1200px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-body);outline:none}img{max-width:100%;display:block}#root{flex-direction:column;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-primary-dark);z-index:100;min-height:100vh;transition:width var(--transition-normal), transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar--collapsed{width:64px}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-5);min-height:var(--header-height);border-bottom:1px solid #ffffff14;display:flex;overflow:hidden}.sidebar-logo-img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.sidebar-logo-text{white-space:nowrap;flex-direction:column;display:flex;overflow:hidden}.sidebar-logo-name{font-family:var(--font-heading);color:var(--color-white);letter-spacing:-.2px;font-size:14px;font-weight:700}.sidebar-logo-sub{color:#fff6;margin-top:1px;font-size:10px}.sidebar-nav{padding:var(--space-3);flex:1;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-menu{flex-direction:column;gap:2px;list-style:none;display:flex}.sidebar-menu-item{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:#fff9;transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar-menu-item:hover{color:var(--color-white);background:#ffffff14}.sidebar-menu-item--active{font-weight:600;background:var(--color-accent)!important;color:var(--color-primary-dark)!important}.sidebar-menu-item--icon-only{justify-content:center;gap:0;padding:10px}.sidebar-menu-icon{flex-shrink:0;align-items:center;display:flex}.sidebar-menu-label{text-overflow:ellipsis;transition:opacity var(--transition-normal);overflow:hidden}.nav-group{width:100%}.nav-group-btn{width:100%;padding:10px var(--space-3);border-radius:var(--radius-md);cursor:pointer;color:#fff9;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border:none;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}.nav-group-btn:hover{color:var(--color-white);background:#ffffff14}.nav-group-btn-left{align-items:center;gap:var(--space-3);display:flex}.nav-chevron{color:#ffffff4d;transition:transform var(--transition-fast);flex-shrink:0}.nav-chevron--open{transform:rotate(180deg)}.nav-group-menu{border-left:1.5px solid #ffffff14;flex-direction:column;gap:2px;margin-top:2px;margin-left:22px;padding-left:10px;list-style:none;display:flex}.sidebar-menu-item--sub{font-size:13px}.sidebar-footer{padding:var(--space-4) var(--space-3);align-items:center;gap:var(--space-3);border-top:1px solid #ffffff14;display:flex;overflow:hidden}.sidebar-badge{border-radius:var(--radius-full);width:fit-content;padding:1px 7px;font-size:10px;font-weight:600;display:inline-block}.badge--super{color:var(--color-accent);background:#ffc10733}.badge--admin{color:#93c5fd;background:#3b82f633}.badge--staff{color:#86efac;background:#22c55e33}@media (width<=768px){.sidebar{transition:transform var(--transition-normal);box-shadow:none;left:auto;right:0;transform:translate(100%);width:280px!important}.sidebar--mobile-open{transform:translate(0);box-shadow:-4px 0 24px #00000040}.sidebar--collapsed{transform:translate(100%);width:280px!important}.sidebar--collapsed.sidebar--mobile-open{transform:translate(0)}}.topbar{height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-5);z-index:50;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;min-width:0;display:flex}.topbar-left{gap:var(--space-3)}.topbar-right{gap:var(--space-2);flex-shrink:0}.topbar-divider{background:var(--border-color);width:1px;height:28px;margin:0 var(--space-1)}.topbar-hamburger{border:1px solid var(--border-color);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar-hamburger:hover{background:var(--bg-page);color:var(--text-primary);border-color:var(--color-primary)}.topbar-hamburger--desktop{display:flex}.topbar-hamburger--mobile{display:none}.topbar-icon-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--bg-page);color:var(--text-primary)}.topbar-avatar{background:var(--color-primary-dark);width:34px;height:34px;color:var(--color-accent);font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;overflow:hidden}.topbar-avatar--lg{width:40px;height:40px;font-size:13px}.topbar-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.topbar-notif-wrap{position:relative}.topbar-notif-dot{color:#fff;border:1.5px solid var(--bg-card);z-index:1;background:#ef4444;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.topbar-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:340px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);z-index:200;animation:.2s both dropDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.topbar-dropdown-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.topbar-dropdown-clear{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:12px}.topbar-dropdown-clear:hover{color:var(--color-primary)}.topbar-notif-count{background:var(--color-danger);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.topbar-notif-empty{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);color:var(--text-muted);flex-direction:column;font-size:13px;display:flex}.topbar-notif-list{max-height:360px;overflow-y:auto}.topbar-notif-item{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.topbar-notif-item:last-child{border-bottom:none}.topbar-notif-item:hover{background:var(--bg-page)}.topbar-notif-item-left{cursor:pointer;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.topbar-notif-item-text{flex:1;min-width:0}.topbar-notif-type{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.topbar-notif-type--announcement{background:#6366f1}.topbar-notif-type--reminder{background:#f59e0b}.topbar-notif-type--warning{background:#ef4444}.topbar-notif-type--info{background:#3b82f6}.topbar-notif-title,.topbar-notif-message{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;overflow:hidden}.topbar-notif-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.topbar-notif-message{color:var(--text-secondary);font-size:12px}.topbar-notif-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.topbar-notif-act{cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast);border:none;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600}.topbar-notif-act:disabled{opacity:.5;cursor:not-allowed}.topbar-notif-act--approve{color:#fff;background:#16a34a}.topbar-notif-act--reject{color:#dc2626;background:#fef2f2}.topbar-notif-read-btn{border:1px solid var(--border-color);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar-notif-read-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.topbar-notif-viewall{border:none;border-top:1px solid var(--border-color);background:var(--bg-page);width:100%;color:var(--color-primary);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;gap:4px;padding:10px;font-size:12px;font-weight:500;display:flex}.topbar-notif-viewall:hover{background:var(--bg-card)}.topbar-user-wrap{position:relative}.topbar-user-wrap--mobile{display:none}.topbar-user-wrap--desktop{display:block}.topbar-user{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;padding:4px 6px;display:flex}.topbar-user:hover{background:var(--bg-page)}.topbar-user-email-mobile{max-width:140px;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:none;overflow:hidden}.topbar-user-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-lg);z-index:200;animation:.2s both dropDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.topbar-user-dropdown--left{left:0;right:auto}.topbar-user-dropdown-header{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-color);background:var(--bg-page);display:flex}.topbar-user-dropdown-id{min-width:0}.topbar-user-dropdown-email{max-width:140px;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.topbar-user-dropdown-role{color:var(--text-muted);text-transform:capitalize;margin:2px 0 0;font-size:11px}.topbar-user-dropdown-menu{padding:var(--space-2)}.topbar-user-dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:9px var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-size:13px;font-weight:500;display:flex}.topbar-user-dropdown-item:hover{background:var(--bg-page);color:var(--text-primary)}.topbar-user-dropdown-item--danger:hover{color:var(--color-danger);background:#ef444414}.topbar-user-dropdown-divider{height:1px;margin:var(--space-2) 0;background:var(--border-color)}@keyframes dropDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.topbar{padding:0 var(--space-4)}.topbar-hamburger--desktop{display:none}.topbar-hamburger--mobile{display:flex}.topbar-user-wrap--desktop{display:none}.topbar-user-wrap--mobile,.topbar-user-email-mobile{display:block}.topbar-divider{display:none}.topbar-dropdown{top:var(--header-height);width:auto;max-width:none;max-height:calc(100vh - var(--header-height) - 24px);position:fixed;left:12px;right:12px;overflow-y:auto}.topbar-user-dropdown--left{top:var(--header-height);width:calc(100vw - 24px);max-width:280px;position:fixed;left:12px;right:auto}}@media (width<=480px){.topbar-user-email-mobile{max-width:100px}.topbar-notif-item{flex-wrap:wrap}.topbar-notif-actions{width:100%;padding-left:16px}.topbar-notif-act{flex:1}.topbar-notif-read-btn{margin-left:auto}}.dashboard-layout{min-height:100vh;display:flex}.dashboard-main{margin-left:var(--sidebar-width);min-width:0;min-height:100vh;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.sidebar-collapsed .dashboard-main{margin-left:64px}.dashboard-content{padding:var(--space-6);background:var(--bg-page);isolation:isolate;flex:1;position:relative;overflow-y:auto}.sidebar-overlay{display:none}@media (width<=768px){.dashboard-main{margin-left:0!important}.dashboard-content{padding:var(--space-4)}.sidebar-overlay{z-index:99;background:#00000073;display:block;position:fixed;inset:0}}@media (width<=480px){.dashboard-content{padding:var(--space-3)}}.login-page{grid-template-columns:.6fr 1fr;min-height:100vh;display:grid}.login-left{background-color:var(--color-white);padding:var(--space-12) var(--space-8);border-right:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;animation:.6s both slideInLeft;display:flex}.login-logo{width:102px;height:auto}.login-brand-name{font-family:var(--font-heading);color:var(--color-primary-dark);letter-spacing:-.3px;font-size:22px;font-weight:700}.login-brand-sub{color:var(--text-muted);font-size:13px;font-weight:400}.login-right{background-color:var(--color-primary-dark);padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-right:before,.login-right:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;position:absolute}.login-right:before{width:400px;height:400px;top:-120px;right:-80px}.login-right:after{background:#ffc1070f;width:280px;height:280px;bottom:-60px;left:-40px}.login-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);width:100%;max-width:440px;box-shadow:var(--shadow-xl);z-index:1;animation:.5s .2s both slideUp;position:relative}.login-card-title{color:var(--text-primary);margin-bottom:var(--space-1);font-size:26px;font-weight:700}.login-card-sub{color:var(--text-muted);margin-bottom:var(--space-8);font-size:14px}.form-group{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-input-wrap{position:relative}.form-input{width:100%;height:46px;padding:0 var(--space-4);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-page);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-size:14px}.form-input:focus{border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px #003d791a}.form-input.has-icon{padding-right:44px}.input-icon-btn{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-icon-btn:hover{color:var(--color-primary)}.form-row-end{margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-5);justify-content:flex-end;display:flex}.forgot-link{color:var(--color-accent-dark);transition:color var(--transition-fast);font-size:13px;font-weight:500}.forgot-link:hover{color:var(--color-accent)}.form-error{background:var(--color-danger-bg);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-5);align-items:center;gap:var(--space-2);font-size:13px;display:flex}.btn-login{background:var(--color-primary-dark);width:100%;height:48px;color:var(--color-white);font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);letter-spacing:.2px;border:none;font-size:15px;font-weight:600}.btn-login:hover:not(:disabled){background:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 16px #003d7959}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.65;cursor:not-allowed}.btn-login.loading{color:#0000;position:relative}.btn-login.loading:after{content:"";border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-footer{text-align:center;margin-top:var(--space-8);color:#ffffff59;font-size:12px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@media (width<=768px){.login-page{grid-template-columns:1fr}.login-left{display:none}.login-right{padding:var(--space-6) var(--space-4);align-items:stretch}.login-right:before{width:240px;height:240px;top:-80px;right:-60px}.login-card{max-width:100%;padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg)}.login-card:before{content:"";width:52px;height:52px;margin:0 auto var(--space-5);background:url(/logo.png) 50%/contain no-repeat;display:block}}.form-info{color:var(--color-primary-dark);background:#6366f114;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.nf-page{background-color:var(--color-primary-dark);min-height:100vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.nf-bg-circle{pointer-events:none;border-radius:50%;position:absolute}.nf-bg-circle--1{background:#ffc1070f;width:500px;height:500px;animation:8s ease-in-out infinite floatA;top:-160px;right:-100px}.nf-bg-circle--2{background:#ffffff0a;width:320px;height:320px;animation:10s ease-in-out infinite floatB;bottom:-80px;left:-60px}.nf-bg-circle--3{background:#ffc1070a;width:180px;height:180px;animation:12s ease-in-out 2s infinite floatA;top:40%;left:15%}.nf-content{text-align:center;z-index:1;flex-direction:column;align-items:center;animation:.6s both slideUp;display:flex;position:relative}.nf-code-wrap{margin-bottom:var(--space-8);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.nf-four{font-family:var(--font-heading);color:var(--color-white);opacity:.9;letter-spacing:-4px;font-size:clamp(96px,18vw,160px);font-weight:700;line-height:1}.nf-four--left{animation:.5s .1s both slideUp}.nf-four--right{animation:.5s .3s both slideUp}.nf-zero{border:8px solid var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(80px,14vw,132px);height:clamp(80px,14vw,132px);animation:.5s .2s both slideUp,3s ease-in-out 1s infinite pulse;display:flex}.nf-zero-inner{background:var(--color-accent);opacity:.2;border-radius:50%;width:55%;height:55%;animation:3s ease-in-out 1s infinite innerPulse}.nf-title{font-family:var(--font-heading);color:var(--color-white);margin-bottom:var(--space-3);font-size:clamp(20px,4vw,28px);font-weight:700;animation:.5s .35s both slideUp}.nf-desc{color:#ffffff8c;max-width:360px;margin-bottom:var(--space-10);font-size:15px;line-height:1.7;animation:.5s .45s both slideUp}.nf-actions{gap:var(--space-3);animation:.5s .55s both slideUp;display:flex}.nf-btn{align-items:center;gap:var(--space-2);height:46px;padding:0 var(--space-6);border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:none;font-size:14px;font-weight:600;display:inline-flex}.nf-btn:hover{transform:translateY(-2px)}.nf-btn:active{transform:translateY(0)}.nf-btn--primary{background:var(--color-accent);color:var(--color-primary-dark);box-shadow:0 4px 20px #ffc1074d}.nf-btn--primary:hover{background:var(--color-accent-light);box-shadow:0 8px 28px #ffc10773}.nf-btn--ghost{color:#fffc;background:#ffffff14;border:1.5px solid #ffffff26}.nf-btn--ghost:hover{color:var(--color-white);background:#ffffff24}@keyframes floatA{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-24px)scale(1.04)}}@keyframes floatB{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(20px)scale(.96)}}@keyframes pulse{0%,to{box-shadow:0 0 #ffc10700}50%{box-shadow:0 0 0 12px #ffc1071f}}@keyframes innerPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}@media (width<=480px){.nf-actions{flex-direction:column;width:100%}.nf-btn{justify-content:center;width:100%}.nf-zero{border-width:6px}}:root{--cp-primary:var(--color-primary,#003d79);--cp-primary-2:#0a5bb0;--cp-danger:#dc2626;--cp-danger-bg:#fef2f2;--cp-danger-border:#fecaca}.cp-page{background:radial-gradient(900px 600px at 12% -10%, #0a5bb029, transparent 60%), radial-gradient(900px 600px at 100% 110%, #003d7924, transparent 60%), var(--bg-page,#eef2f8);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.cp-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#003d791a,#0000 70%);border-radius:50%;width:520px;height:520px;position:absolute;top:-160px;right:-140px}.cp-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e6e9f0);border-radius:20px;width:100%;max-width:440px;padding:36px 34px;animation:.45s cubic-bezier(.16,1,.3,1) both cp-rise;position:relative;box-shadow:0 1px 2px #1018280a,0 12px 28px #10182814,0 32px 64px #003d7914}.cp-card:before{content:"";background:linear-gradient(90deg, var(--cp-primary), var(--cp-primary-2));border-radius:20px 20px 0 0;height:4px;position:absolute;inset:0 0 auto}@keyframes cp-rise{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.cp-icon{color:#fff;background:linear-gradient(135deg, var(--cp-primary), var(--cp-primary-2));border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:18px;display:flex;box-shadow:0 8px 18px #003d7947,inset 0 1px #ffffff40}.cp-title{letter-spacing:-.01em;color:var(--text-primary,#0f172a);margin:0 0 6px;font-size:23px;font-weight:700}.cp-sub{color:var(--text-muted,#64748b);margin:0 0 24px;font-size:13.5px;line-height:1.55}.cp-sub b{color:var(--text-secondary,#334155);font-weight:600}.cp-error{background:var(--cp-danger-bg);color:#b91c1c;border:1px solid var(--cp-danger-border);border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:18px;padding:11px 13px;font-size:13px;line-height:1.4;animation:.32s cp-shake;display:flex}.cp-error svg{flex-shrink:0;margin-top:1px}@keyframes cp-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.cp-field{margin-bottom:17px}.cp-label{color:var(--text-secondary,#334155);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.cp-input-wrap{position:relative}.cp-input{border:1.5px solid var(--border-color,#d8dee9);box-sizing:border-box;background:var(--bg-input,#fbfcfe);width:100%;height:46px;color:var(--text-primary,#0f172a);border-radius:12px;outline:none;padding:0 44px 0 14px;font-family:inherit;font-size:14px;transition:border-color .16s,box-shadow .16s,background .16s}.cp-input::placeholder{color:var(--text-muted,#9aa6b8)}.cp-input:hover{border-color:#c2ccdb}.cp-input:focus{background:var(--bg-card,#fff);border-color:var(--cp-primary);box-shadow:0 0 0 4px #003d7921}.cp-toggle{cursor:pointer;color:var(--text-muted,#9aa6b8);background:0 0;border:none;border-radius:8px;align-items:center;padding:7px;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.cp-toggle:hover{color:var(--cp-primary);background:#003d7912}.cp-hint{color:var(--text-muted,#94a3b8);padding-top:12px;font-size:11.5px;line-height:1.45}.cp-mismatch{color:var(--cp-danger);margin-top:6px;font-size:11.5px;font-weight:500}.cp-btn{background:linear-gradient(135deg, var(--cp-primary), var(--cp-primary-2));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;height:48px;margin-top:10px;font-family:inherit;font-size:14.5px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 6px 16px #003d7942}.cp-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #003d7952}.cp-btn:active:not(:disabled){transform:translateY(0)}.cp-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media (width<=480px){.cp-card{border-radius:18px;padding:28px 22px}.cp-title{font-size:21px}}.ds{background:var(--bg-page);min-height:100vh;color:var(--text-primary)}.ds-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.ds-header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.ds-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary) 0%, #5b21b6 100%);width:46px;height:46px;color:var(--color-white);box-shadow:var(--shadow-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ds-header-text h1{font-family:var(--font-heading);white-space:nowrap;color:var(--text-primary);font-size:1.375rem;font-weight:700;line-height:1.2}.ds-header-text p{color:var(--text-secondary);white-space:nowrap;margin-top:2px;font-size:.8125rem}.ds-header-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ds-date{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:7px 13px;font-size:.8125rem;display:flex}.ds-btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:7px 15px;font-size:.8125rem;font-weight:500;line-height:1;display:inline-flex}.ds-btn:disabled{opacity:.55;cursor:not-allowed}.ds-btn--primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.ds-btn--primary:not(:disabled):hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.ds-btn--ghost{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-color)}.ds-btn--ghost:not(:disabled):hover{background:var(--bg-page);color:var(--text-primary)}.ds-filter-bar{align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:11px var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.ds-filter-label{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;display:flex}.ds-filter-select{min-width:160px;max-width:300px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);outline:none;flex:1;padding:6px 10px;font-size:.875rem}.ds-filter-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #003d791a}.ds-filter-badge{color:var(--color-primary);background:var(--color-info-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:3px 10px;font-size:.75rem;font-weight:600}.ds-stat-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.ds-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5) var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);animation:.38s both ds-up;position:relative;overflow:hidden}.ds-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-stat-card:first-child{animation-delay:40ms}.ds-stat-card:nth-child(2){animation-delay:80ms}.ds-stat-card:nth-child(3){animation-delay:.12s}.ds-stat-card:nth-child(4){animation-delay:.16s}.ds-stat-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.ds-stat-card--blue:before{background:var(--color-info)}.ds-stat-card--green:before{background:var(--color-success)}.ds-stat-card--amber:before{background:var(--color-warning)}.ds-stat-card--purple:before{background:#8b5cf6}.ds-stat-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.ds-stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ds-stat-icon--blue{background:var(--color-info-bg);color:var(--color-info)}.ds-stat-icon--green{background:var(--color-success-bg);color:var(--color-success)}.ds-stat-icon--amber{background:var(--color-warning-bg);color:var(--color-warning)}.ds-stat-icon--purple{color:#7c3aed;background:#f5f3ff}.ds-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1);font-size:.6875rem;font-weight:600}.ds-stat-value{font-family:var(--font-heading);color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.ds-stat-badge{border-radius:var(--radius-full);margin-top:var(--space-3);align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.ds-stat-badge--blue{background:var(--color-info-bg);color:var(--color-info)}.ds-stat-badge--green{background:var(--color-success-bg);color:var(--color-success)}.ds-stat-badge--amber{background:var(--color-warning-bg);color:var(--color-warning)}.ds-stat-badge--purple{color:#7c3aed;background:#f5f3ff}.ds-grid-2{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.ds-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-6) var(--space-5);box-shadow:var(--shadow-sm);animation:.38s .22s both ds-up}.ds-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.ds-card-title{font-family:var(--font-heading);color:var(--text-primary);font-size:.9375rem;font-weight:600}.ds-tenant-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.ds-tenant-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-page);transition:all var(--transition-fast);display:flex}.ds-tenant-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);background:var(--bg-card)}.ds-tenant-avatar{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ds-tenant-name{color:var(--text-secondary);white-space:nowrap;margin-bottom:3px;font-size:.75rem;font-weight:500}.ds-tenant-count{font-family:var(--font-heading);color:var(--text-primary);font-size:1.125rem;font-weight:700;line-height:1}.ds-bar-chart{align-items:flex-end;gap:var(--space-2);height:156px;padding-top:var(--space-2);display:flex}.ds-bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.ds-bar-val{color:var(--text-secondary);white-space:nowrap;font-size:.6875rem}.ds-bar-fill{border-radius:5px 5px 0 0;width:100%;min-height:4px;transition:height .5s cubic-bezier(.4,0,.2,1)}.ds-bar-fill--normal{background:var(--color-info-bg)}.ds-bar-fill--highlight{background:var(--color-primary)}.ds-bar-fill--low{background:var(--border-color)}.ds-bar-label{color:var(--text-muted);white-space:nowrap;font-size:.6875rem;font-weight:500}.ds-donut-wrap{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.ds-donut-legend{gap:var(--space-2);flex-direction:column;flex:1;min-width:130px;display:flex}.ds-legend-item{align-items:center;gap:var(--space-2);font-size:.8125rem;display:flex}.ds-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ds-legend-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ds-legend-val{color:var(--text-primary);font-size:.8125rem;font-weight:600}.ds-emp-thead{padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-1);grid-template-columns:1fr 120px 72px;display:grid}.ds-emp-thead-cell{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.ds-emp-row{padding:11px var(--space-2);border-bottom:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);grid-template-columns:1fr 120px 72px;align-items:center;display:grid}.ds-emp-row:last-child{border-bottom:none}.ds-emp-row:hover{background:var(--bg-page)}.ds-emp-cell-name{align-items:center;gap:var(--space-2);min-width:0;display:flex}.ds-emp-avatar{width:33px;height:33px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.ds-emp-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.ds-emp-dept{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.ds-badge-aktif{background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;font-size:.6875rem;font-weight:500;display:inline-flex}.ds-act-list{gap:0 var(--space-8);grid-template-columns:1fr 1fr;display:grid}.ds-act-item{align-items:flex-start;gap:var(--space-3);border-bottom:1px solid var(--border-color);padding:11px 0;display:flex}.ds-act-item:nth-last-child(-n+2),.ds-act-item:last-child{border-bottom:none}.ds-act-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.ds-act-dot--blue{background:var(--color-info)}.ds-act-dot--green{background:var(--color-success)}.ds-act-dot--amber{background:var(--color-warning)}.ds-act-dot--purple{background:#8b5cf6}.ds-act-body{flex:1;min-width:0;overflow:hidden}.ds-act-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.875rem;font-weight:500;overflow:hidden}.ds-act-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.ds-act-time{color:var(--text-muted);white-space:nowrap;text-align:right;flex-shrink:0;max-width:72px;font-size:.75rem}.ds-loading,.ds-error{justify-content:center;align-items:center;gap:var(--space-3);min-height:60vh;color:var(--text-secondary);flex-direction:column;display:flex}.ds-error p{font-size:.9375rem;font-weight:500}.ds-error span{color:var(--text-muted);font-size:.8125rem}.ds-skeleton{background:linear-gradient(90deg, var(--bg-page) 25%, var(--border-color) 50%, var(--bg-page) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.6s ease-in-out infinite ds-shimmer}.ds-skeleton-stat{height:122px}.ds-skeleton-chart{height:216px}.ds-skeleton-card{height:240px}.ds-skeleton-row{height:42px;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.ds-spin{animation:.7s linear infinite ds-rotate}@keyframes ds-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ds-rotate{to{transform:rotate(360deg)}}@media (width<=1100px){.ds{padding:20px 20px 56px}.ds-stat-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.ds-stat-card{padding:var(--space-4) var(--space-4) var(--space-3)}.ds-stat-value{font-size:1.75rem}.ds-grid-2{gap:var(--space-3)}.ds-card{padding:var(--space-5) var(--space-5) var(--space-4)}.ds-act-list{gap:0 var(--space-6)}}@media (width<=900px){.ds{padding:18px 18px 56px}.ds-grid-2{gap:var(--space-3);grid-template-columns:1fr}.ds-stat-grid{gap:var(--space-2)}.ds-stat-value{font-size:1.625rem}.ds-stat-card{padding:var(--space-4) var(--space-4) var(--space-3)}.ds-filter-bar{padding:9px var(--space-3)}.ds-tenant-grid{gap:var(--space-2)}.ds-act-list{gap:0 var(--space-6)}.ds-emp-thead,.ds-emp-row{grid-template-columns:1fr 100px 72px}}@media (width<=640px){.ds{padding:14px 14px 56px}.ds-header{gap:var(--space-2);margin-bottom:var(--space-4)}.ds-header-text h1{font-size:1.0625rem}.ds-header-text p{display:none}.ds-logo{width:38px;height:38px}.ds-stat-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.ds-stat-card{padding:var(--space-3) var(--space-3) var(--space-2)}.ds-stat-value{font-size:1.5rem}.ds-stat-label{font-size:.625rem}.ds-stat-badge{margin-top:var(--space-2);padding:3px 8px;font-size:.6875rem}.ds-stat-icon{width:36px;height:36px}.ds-card{padding:var(--space-4) var(--space-3) var(--space-3)}.ds-card-title{font-size:.875rem}.ds-bar-chart{gap:var(--space-1);height:130px}.ds-bar-val,.ds-bar-label{font-size:.5625rem}.ds-donut-wrap{gap:var(--space-3)}.ds-legend-item{font-size:.75rem}.ds-tenant-grid{gap:var(--space-2);grid-template-columns:1fr 1fr}.ds-tenant-card{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.ds-filter-bar{gap:var(--space-2);padding:9px var(--space-3);margin-bottom:var(--space-4)}.ds-filter-select{flex:1;min-width:0;max-width:100%}.ds-filter-badge{display:none}.ds-emp-thead,.ds-emp-row{grid-template-columns:1fr 68px}.ds-emp-thead-cell:nth-child(2),.ds-emp-dept{display:none}.ds-emp-avatar{width:28px;height:28px}.ds-emp-name{font-size:.8125rem}.ds-act-list{grid-template-columns:1fr}.ds-act-item:nth-last-child(-n+2){border-bottom:1px solid var(--border-color)}.ds-act-item:last-child{border-bottom:none}.ds-act-title{font-size:.8125rem}.ds-act-desc{font-size:.75rem}}@media (width<=400px){.ds{padding:12px 12px 56px}.ds-stat-grid,.ds-tenant-grid{grid-template-columns:1fr}.ds-header-right{display:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1.5px solid #0000;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--disabled,.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none!important}.btn--full{width:100%}.btn--primary{background:var(--color-primary-dark);color:var(--color-white);border-color:var(--color-primary-dark)}.btn--primary:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 14px #003d7959}.btn--secondary{color:var(--color-primary-dark);border-color:var(--color-primary-dark);background:0 0}.btn--secondary:hover{background:#003d790f}.btn--accent{background:var(--color-accent);color:var(--color-primary-dark);border-color:var(--color-accent);font-weight:700}.btn--accent:hover{background:var(--color-accent-light);box-shadow:0 4px 14px #ffc10766}.btn--ghost{color:var(--text-secondary);border-color:var(--border-color);background:0 0}.btn--ghost:hover{background:var(--bg-page);color:var(--text-primary)}.btn--danger{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn--danger:hover{background:#dc2626;box-shadow:0 4px 14px #ef444459}.btn--danger-outline{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btn--danger-outline:hover{background:var(--color-danger-bg)}.btn--success{background:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.btn--success:hover{background:#16a34a;box-shadow:0 4px 14px #22c55e59}.btn--sm{height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:12px}.btn--lg{height:48px;padding:0 var(--space-8);border-radius:var(--radius-lg);font-size:15px}.btn--icon{width:40px;height:40px;padding:0}.btn--icon.btn--sm{width:32px;height:32px}.btn--icon.btn--lg{width:48px;height:48px}.btn--loading{pointer-events:none;color:#0000!important}.btn--loading:after{content:"";border:2px solid #ffffff59;border-top-color:#ffffffe6;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite btn-spin;position:absolute}.btn--loading.btn--ghost:after,.btn--loading.btn--secondary:after{border-color:#003d7933;border-top-color:var(--color-primary-dark)}@keyframes btn-spin{to{transform:rotate(360deg)}}.badge{border-radius:var(--radius-full);letter-spacing:.2px;white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.badge--sm{padding:2px 7px;font-size:10px}.badge--lg{padding:4px 12px;font-size:12px}.badge--primary{color:var(--color-primary-dark);background:#003d791a}.badge--accent{color:#7a5900;background:#ffc1072e}.badge--success{background:var(--color-success-bg);color:#15803d}.badge--warning{background:var(--color-warning-bg);color:#92400e}.badge--danger{background:var(--color-danger-bg);color:#b91c1c}.badge--info{background:var(--color-info-bg);color:#1d4ed8}.badge--gray{background:var(--bg-page);color:var(--text-secondary);border:1px solid var(--border-color)}[data-theme=dark] .badge--primary{color:#93c5fd;background:#0052a333}[data-theme=dark] .badge--accent{color:var(--color-accent);background:#ffc10726}[data-theme=dark] .badge--success{color:#86efac;background:#22c55e26}[data-theme=dark] .badge--warning{color:#fcd34d;background:#f59e0b26}[data-theme=dark] .badge--danger{color:#fca5a5;background:#ef444426}[data-theme=dark] .badge--info{color:#93c5fd;background:#3b82f626}.badge--dot:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge--outline{border:1.5px solid;background:0 0!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;padding:var(--space-4);justify-content:center;align-items:center;height:90vh;animation:.2s both modal-fade;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-xl);animation:.25s both modal-slide;overflow:hidden}.modal--sm{max-width:400px}.modal--lg{max-width:640px}.modal--xl{max-width:800px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.modal-close{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);background:var(--bg-page);display:flex}.modal--confirm .modal-body{text-align:center;padding:var(--space-8) var(--space-6) var(--space-6)}.modal-confirm-icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-confirm-icon--danger{background:var(--color-danger-bg);color:var(--color-danger)}.modal-confirm-icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.modal-confirm-icon--success{background:var(--color-success-bg);color:var(--color-success)}.modal-confirm-icon--info{background:var(--color-info-bg);color:var(--color-info)}.modal-confirm-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 var(--space-2);font-size:17px;font-weight:700}.modal-confirm-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.modal-footer--confirm{background:var(--bg-card);padding-top:var(--space-2);border-top:none;justify-content:center}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-slide{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-group--full{width:100%}.input-label{color:var(--text-secondary);font-size:13px;font-weight:500}.input-label--required:after{content:" *";color:var(--color-danger)}.input-wrap{position:relative}.input{height:42px;padding:0 var(--space-4);border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-page);color:var(--text-primary);font-size:14px;font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}.input--full{width:100%}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--color-primary);background:var(--bg-card);outline:none;box-shadow:0 0 0 3px #003d791a}.input--error{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #ef44441a!important}.input--has-left{padding-left:38px}.input--has-right{padding-right:38px}.input-icon{color:var(--text-muted);align-items:center;font-size:16px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-icon--left{pointer-events:none;left:12px}.input-icon--right{pointer-events:none;right:12px}.input-icon--btn{pointer-events:auto;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;padding:4px}.input-icon--btn:hover{color:var(--color-primary)}.input-hint{color:var(--text-muted);font-size:12px}.input-error{color:var(--color-danger);font-size:12px}.select-group{gap:var(--space-2);flex-direction:column;display:flex}.select-group--full{width:100%}.select-label{color:var(--text-secondary);font-size:13px;font-weight:500}.select-label--required:after{content:" *";color:var(--color-danger)}.select-wrap{position:relative}.select{width:100%;height:42px;padding:0 36px 0 var(--space-4);border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-page);color:var(--text-primary);font-size:14px;font-family:var(--font-body);appearance:none;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.select--full{width:100%}.select:focus{border-color:var(--color-primary);background:var(--bg-card);outline:none;box-shadow:0 0 0 3px #003d791a}.select--error{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #ef44441a!important}.select-chevron{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.select-hint{color:var(--text-muted);font-size:12px}.select-error{color:var(--color-danger);font-size:12px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast);overflow:hidden}.card--hover:hover{box-shadow:var(--shadow-md);cursor:pointer}.card--flat{box-shadow:none}.card-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);display:flex}.card-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.card-subtitle{color:var(--text-muted);margin:3px 0 0;font-size:12px}.card-action{flex-shrink:0}.card-body{padding:var(--space-5) var(--space-6)}.card-body--no-padding{padding:0}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);background:var(--bg-page);justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);align-items:center;gap:var(--space-4);transition:box-shadow var(--transition-fast);display:flex}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.stat-card-icon--primary{color:var(--color-primary-dark);background:#003d791a}.stat-card-icon--accent{color:#7a5900;background:#ffc10726}.stat-card-icon--success{background:var(--color-success-bg);color:#15803d}.stat-card-icon--warning{background:var(--color-warning-bg);color:#92400e}.stat-card-icon--danger{background:var(--color-danger-bg);color:#b91c1c}.stat-card-icon--info{background:var(--color-info-bg);color:#1d4ed8}[data-theme=dark] .stat-card-icon--primary{color:#93c5fd;background:#0052a333}[data-theme=dark] .stat-card-icon--accent{color:var(--color-accent);background:#ffc10726}[data-theme=dark] .stat-card-icon--success{color:#86efac;background:#22c55e26}[data-theme=dark] .stat-card-icon--warning{color:#fcd34d;background:#f59e0b26}[data-theme=dark] .stat-card-icon--danger{color:#fca5a5;background:#ef444426}[data-theme=dark] .stat-card-icon--info{color:#93c5fd;background:#3b82f626}.stat-card-content{flex-direction:column;gap:3px;display:flex}.stat-card-value{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:26px;font-weight:700;line-height:1}.stat-card-label{color:var(--text-muted);margin:0;font-size:12px}.stat-card-trend{align-items:center;gap:3px;font-size:12px;font-weight:500;display:inline-flex}.stat-card-trend--up{color:var(--color-success)}.stat-card-trend--down{color:var(--color-danger)}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-2);z-index:200000;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-white);box-shadow:var(--shadow-lg);min-width:260px;max-width:380px;font-size:13px;font-weight:500;animation:.3s both toast-in;display:flex}.toast--success{background:#16a34a}.toast--error{background:var(--color-danger)}.toast--warning{background:#d97706}.toast--info{background:var(--color-primary-dark)}.toast-icon{flex-shrink:0;display:flex}.toast-message{flex:1;line-height:1.4}.toast-close{cursor:pointer;color:#ffffffb3;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.toast-close:hover{color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.spinner{border-style:solid;border-radius:50%;flex-shrink:0;animation:.65s linear infinite spinner-rotate;display:inline-block}.spinner--sm{border-width:2px;width:16px;height:16px}.spinner--md{border-width:2.5px;width:24px;height:24px}.spinner--lg{border-width:3px;width:36px;height:36px}.spinner--primary{border-color:var(--border-color);border-top-color:var(--color-primary-dark)}.spinner--accent{border-color:#ffc10740;border-top-color:var(--color-accent)}.spinner--white{border-color:#fff #ffffff4d #ffffff4d}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.skeleton{background:var(--border-color);border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton--circle{border-radius:50%}.skeleton-lines{flex-direction:column;gap:8px;display:flex}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid #0000;font-size:13px;line-height:1.5;display:flex}.alert--success{background:var(--color-success-bg);color:#15803d;border-color:#bbf7d0}.alert--warning{background:var(--color-warning-bg);color:#92400e;border-color:#fde68a}.alert--danger{background:var(--color-danger-bg);color:#b91c1c;border-color:#fecaca}.alert--info{background:var(--color-info-bg);color:#1d4ed8;border-color:#bfdbfe}[data-theme=dark] .alert--success{color:#86efac;background:#22c55e1a;border-color:#22c55e33}[data-theme=dark] .alert--warning{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b33}[data-theme=dark] .alert--danger{color:#fca5a5;background:#ef44441a;border-color:#ef444433}[data-theme=dark] .alert--info{color:#93c5fd;background:#3b82f61a;border-color:#3b82f633}.alert-icon{flex-shrink:0;margin-top:1px;display:flex}.alert-content{flex:1;min-width:0}.alert-title{margin:0 0 2px;font-weight:600}.alert-body{margin:0}.alert-close{cursor:pointer;color:currentColor;opacity:.6;border-radius:var(--radius-sm);transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.alert-close:hover{opacity:1}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state-icon{border-radius:var(--radius-lg);background:var(--bg-page);border:1px solid var(--border-color);width:56px;height:56px;color:var(--text-muted);margin-bottom:var(--space-2);justify-content:center;align-items:center;font-size:24px;display:flex}.empty-state-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.empty-state-desc{color:var(--text-muted);max-width:320px;margin:0;font-size:13px;line-height:1.6}.empty-state-action{margin-top:var(--space-2)}.avatar{font-family:var(--font-heading);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.avatar--sm{width:28px;height:28px;font-size:10px}.avatar--md{width:36px;height:36px;font-size:13px}.avatar--lg{width:48px;height:48px;font-size:16px}.avatar--xl{width:64px;height:64px;font-size:20px}.avatar--primary{background:var(--color-primary-dark);color:var(--color-accent)}.avatar--accent{background:var(--color-accent);color:var(--color-primary-dark)}.avatar--success{background:var(--color-success-bg);color:#15803d}.avatar--warning{background:var(--color-warning-bg);color:#92400e}.avatar--danger{background:var(--color-danger-bg);color:#b91c1c}.avatar--info{background:var(--color-info-bg);color:#1d4ed8}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.user-page{gap:var(--space-5);flex-direction:column;width:100%;height:100%;animation:.35s both page-in;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.user-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.user-page-title{color:var(--text-primary);margin:0 0 3px;font-size:22px;font-weight:700}.user-page-subtitle{color:var(--text-muted);margin:0;font-size:13px}.user-stats{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.user-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.user-email-cell{align-items:center;gap:var(--space-3);display:flex}.user-email-text{color:var(--text-primary);font-size:13px;font-weight:500}.user-actions{align-items:center;gap:var(--space-1);display:flex}.user-form{gap:var(--space-4);flex-direction:column;display:flex}.user-form-check{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.user-form-check-label{flex-direction:column;gap:2px;display:flex}.user-form-check-label span{color:var(--text-primary);font-size:13px;font-weight:500}.user-form-check-label small{color:var(--text-muted);font-size:11px}.user-form-error{color:var(--color-danger);margin:0;font-size:12px}@keyframes panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel-user-info{align-items:center;gap:var(--space-3);min-width:0;display:flex}.panel-user-email{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin:0 0 3px;font-size:13px;font-weight:600;overflow:hidden}.panel-section-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.panel-loading{padding:var(--space-8) 0;justify-content:center;display:flex}.activity-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.activity-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), transform var(--transition-fast);align-items:stretch;display:flex;position:relative;overflow:hidden}.activity-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.activity-item-bar{background:var(--color-primary);flex-shrink:0;width:4px}.activity-item-body{min-width:0;padding:var(--space-3) var(--space-4);flex-direction:column;flex:1;gap:2px;display:flex}.activity-name{color:var(--text-primary);word-break:break-word;margin:0;font-size:13px;font-weight:600;line-height:1.35}.activity-date{color:var(--text-muted);margin:0;font-size:11px}.activity-actions{padding-right:var(--space-2);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:2px;display:flex}.activity-item:hover .activity-actions{opacity:1}@media (hover:none){.activity-actions{opacity:1}}.user-toolbar .input-group{flex:1;max-width:300px}.user-toolbar .select-group{flex-shrink:0}.user-toolbar .input-group--full{width:auto}.stat-card-icon i{font-size:20px}.panel-overlay{z-index:150}.panel{z-index:151}.btn--icon{flex-shrink:0}@media (width<=768px){.user-stats{grid-template-columns:1fr}.user-toolbar .input-group{max-width:100%}.panel{width:100%}}.user-tenant-name{color:var(--text-secondary);align-items:center;gap:5px;font-size:13px;display:flex}.user-tenant-name i{color:var(--text-muted);font-size:13px}.nm-pass{position:relative}.nm-pass .nm-input{padding-right:38px}.nm-pass-toggle{cursor:pointer;width:26px;height:26px;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.nm-pass-toggle:hover{color:var(--text-primary);background:var(--bg-page)}@keyframes nm-fade{0%{opacity:0}to{opacity:1}}@keyframes nm-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.user-linked-list{background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;flex-direction:column;gap:6px;max-height:180px;margin:0 0 4px;padding:10px 14px;list-style:none;display:flex;overflow-y:auto}.user-linked-list li{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.user-linked-count{min-width:22px;height:20px;color:var(--color-danger);background:#ef44441f;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.pagination--compact{padding:var(--space-3) 0 0;justify-content:space-between;gap:var(--space-3);background:0 0;border-top:none}.pagination--compact .pagination-info{white-space:nowrap;font-size:11px}.pagination--compact .pagination-btns{gap:var(--space-2)}.pagination-page{color:var(--text-secondary);text-align:center;min-width:36px;font-size:12px;font-weight:500}.tenant-page{gap:var(--space-5);flex-direction:column;animation:.35s both page-in;display:flex}.tenant-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.tenant-page-title{color:var(--text-primary);margin:0 0 3px;font-size:22px;font-weight:700}.tenant-page-subtitle{color:var(--text-muted);margin:0;font-size:13px}.tenant-stats{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.tenant-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tenant-toolbar .input-group{flex:1;max-width:320px}.tenant-name-cell{align-items:center;gap:var(--space-3);display:flex}.tenant-logo{border-radius:var(--radius-sm);object-fit:contain;background:var(--bg-page);border:1px solid var(--border-color);flex-shrink:0;width:36px;height:36px}.tenant-logo-placeholder{border-radius:var(--radius-sm);background:var(--bg-page);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.tenant-name-text{color:var(--text-primary);font-size:13px;font-weight:600}.tenant-address{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin-top:2px;font-size:12px;overflow:hidden}.tenant-created-by{color:var(--text-secondary);font-size:12px}.tenant-actions{align-items:center;gap:var(--space-1);display:flex}.pagination{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color);background:var(--bg-page);justify-content:space-between;align-items:center;display:flex}.tenant-form{gap:var(--space-4);flex-direction:column;display:flex}.tenant-form-check{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.tenant-form-check-label{flex-direction:column;gap:2px;display:flex}.tenant-form-check-label span{color:var(--text-primary);font-size:13px;font-weight:500}.tenant-form-check-label small{color:var(--text-muted);font-size:11px}.toggle{cursor:pointer;align-items:center;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--border-color);border-radius:999px;width:38px;height:22px;transition:background .2s;position:relative}.toggle input:checked~.toggle-track{background:var(--color-primary)}.toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked~.toggle-track .toggle-thumb{transform:translate(16px)}.tenant-logo-preview{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:calc(-1 * var(--space-2));display:flex}.tenant-logo-preview img{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border-color);width:40px;height:40px}.tenant-logo-preview-label{color:var(--text-muted);font-size:12px}@media (width<=768px){.tenant-stats{grid-template-columns:1fr}.tenant-toolbar .input-group{max-width:100%}}.tenant-form-field{flex-direction:column;gap:6px;display:flex}.tenant-logo-upload{border:1.5px dashed var(--border-color);cursor:pointer;justify-content:center;align-items:center;min-height:100px;padding:20px;transition:border-color .2s;display:flex;border-radius:var(--radius-md,8px)!important}.tenant-logo-upload:hover{border-color:var(--color-primary)}.tenant-logo-upload--has-image{min-height:unset;padding:8px}.tenant-logo-upload-placeholder{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:6px;font-size:13px;display:flex}.tenant-logo-upload-hint{color:var(--color-text-tertiary);font-size:11px}.tenant-logo-upload-preview{object-fit:contain;border-radius:4px;max-width:100%;max-height:80px}@media (width<=768px){.tenant-page-title{font-size:18px}.tenant-page-subtitle{font-size:12px}.tenant-page-header{flex-direction:column;align-items:stretch}.tenant-page-header button{justify-content:center;width:100%}.tenant-stats{grid-template-columns:1fr}.tenant-toolbar{flex-direction:column;align-items:stretch}.tenant-toolbar .input-group,.tenant-toolbar .select-group{flex:100%;width:100%!important;max-width:100%!important}.tenant-toolbar .input-wrap,.tenant-toolbar .input,.tenant-toolbar input,.tenant-toolbar select{width:100%!important;max-width:100%!important}.tenant-total-info{display:none}}@media (width<=480px){.tenant-page-title{font-size:16px}}.nm-linked-box{border-radius:var(--radius-md);background:var(--color-danger-bg);text-align:left;border:1px solid #f59e0b33;margin:0 0 18px;padding:14px}.nm-linked-title{color:var(--color-danger);margin:0 0 10px;font-size:13px;font-weight:600}.nm-linked-list{color:var(--text-secondary);flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.nm-linked-list li{color:var(--text-secondary);font-size:13px}.nm-linked-note{color:var(--text-muted);border-top:1px dashed #f59e0b4d;margin:12px 0 0;padding-top:12px;font-size:12px;line-height:1.5}.td-page{gap:var(--space-5);flex-direction:column;animation:.35s both td-page-in;display:flex}@keyframes td-page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.td-breadcrumbs{align-items:center;gap:var(--space-2);font-size:13px;display:flex}.td-breadcrumb-item{color:var(--text-muted);align-items:center;gap:5px;display:flex}.td-breadcrumb-item--link{cursor:pointer;font-family:var(--font-body);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:13px}.td-breadcrumb-item--link:hover{background:var(--bg-page);color:var(--color-primary)}.td-breadcrumb-item--active{color:var(--text-primary);font-weight:500}.td-breadcrumb-sep{color:var(--text-muted);align-items:center;display:flex}.td-header-skeleton{justify-content:center;align-items:center;height:100px;display:flex}.td-header-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);align-items:flex-start;gap:var(--space-5);display:flex}.td-logo-wrap{flex-shrink:0;position:relative}.td-logo-upload{border-radius:var(--radius-md);border:1.5px dashed var(--border-color);cursor:pointer;background:var(--bg-page);width:72px;height:72px;transition:border-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.td-logo-upload:hover{border-color:var(--color-primary)}.td-logo-upload--has-image{border-style:solid}.td-logo-img{object-fit:contain;width:100%;height:100%}.td-logo-placeholder{color:var(--text-muted);justify-content:center;align-items:center;font-size:26px;display:flex}.td-logo-overlay{color:#fff;opacity:0;background:#00000073;justify-content:center;align-items:center;font-size:18px;transition:opacity .15s;display:flex;position:absolute;inset:0}.td-logo-upload:hover .td-logo-overlay{opacity:1}.td-logo-remove{background:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 3px #0003}.td-header-fields{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.td-header-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.td-meta-date{color:var(--text-muted);font-size:12px}.td-form-error{color:var(--color-danger);margin:0;font-size:12px}.td-toggle{cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;min-width:90px;height:28px;padding:0 10px 0 4px;transition:background .2s;display:inline-flex;position:relative}.td-toggle--on{background:var(--color-primary-dark)}.td-toggle--off{background:var(--border-color)}.td-toggle-thumb{pointer-events:none;background:#fff;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:left .2s;position:absolute;left:4px;box-shadow:0 1px 3px #0003}.td-toggle--on .td-toggle-thumb{left:calc(100% - 24px)}.td-toggle-text{pointer-events:none;white-space:nowrap;font-size:12px;font-weight:500;transition:opacity .15s;position:absolute}.td-toggle--off .td-toggle-text{color:var(--text-secondary);left:30px}.td-toggle--on .td-toggle-text{color:#fff;left:10px}.td-tab-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2);align-items:center;gap:2px;display:flex}.td-tab-btn{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border:none;display:flex}.td-tab-btn:hover{background:var(--bg-page);color:var(--text-primary)}.td-tab-btn--active{background:var(--color-primary-dark);color:#fff}.td-tab-btn i{font-size:16px}.td-section-content{gap:var(--space-3);flex-direction:column;animation:.2s both td-page-in;display:flex}.td-section-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.td-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.td-table{border-collapse:collapse;width:100%}.td-table th{padding:var(--space-3) var(--space-5);text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);background:var(--bg-page);border-bottom:1px solid var(--border-color);white-space:nowrap;font-size:11px;font-weight:600}.td-table td{padding:var(--space-3) var(--space-5);color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle;font-size:13px}.td-table tr:last-child td{border-bottom:none}.td-table--hover tbody tr{transition:background var(--transition-fast)}.td-table--hover tbody tr:hover{background:var(--bg-page)}.td-table-loading{padding:var(--space-8) 0;justify-content:center;align-items:center;display:flex}.td-item-name{color:var(--text-primary);font-weight:500}.td-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:12px;overflow:hidden}.td-row-actions{align-items:center;gap:2px;display:flex}.td-pagination{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-color);background:var(--bg-page);justify-content:space-between;align-items:center;display:flex}.td-pagination-info{color:var(--text-muted);font-size:12px}.td-pagination-btns{align-items:center;gap:var(--space-1);display:flex}.td-pagination-dot{color:var(--text-muted);padding:0 2px;font-size:13px}.td-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.15s td-fade;display:flex;position:fixed;inset:0}.td-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-xl);padding:22px;animation:.18s td-pop;position:relative;overflow-y:auto}.td-modal--sm{max-width:420px}.td-modal--lg{max-width:640px}.td-close{background:var(--bg-page);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.td-close:hover{background:var(--border-color);color:var(--text-primary)}.td-title{color:var(--text-primary);margin:0 36px 2px 0;font-size:16px;font-weight:700}.td-sub{color:var(--text-secondary);margin:0 0 4px;font-size:12px}.td-body{flex-direction:column;gap:0;margin-top:16px;display:flex}.td-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.td-field{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.td-field--full{grid-column:1/-1}.td-label{color:var(--text-secondary);text-align:left;width:100%;font-size:12px;font-weight:500}.td-required{color:var(--color-danger)}.td-optional{color:var(--text-muted);font-weight:400}.td-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:1px solid var(--border-color);width:100%;margin:4px 0 0;padding-bottom:6px;font-size:11px;font-weight:600}.td-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:38px;color:var(--text-primary);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 11px;font-family:inherit;font-size:13px}.td-input::placeholder{color:var(--text-muted)}.td-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.td-input:disabled{opacity:.6;cursor:not-allowed}.td-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:38px;color:var(--text-primary);box-sizing:border-box;cursor:pointer;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 11px;font-family:inherit;font-size:13px}.td-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.td-pass{width:100%;position:relative}.td-pass .td-input{padding-right:38px}.td-pass-toggle{cursor:pointer;width:26px;height:26px;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.td-pass-toggle:hover{color:var(--text-primary);background:var(--bg-page)}.td-checkbox-group{flex-direction:column;gap:10px;display:flex}.td-checkbox-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.td-checkbox-label input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--color-primary-dark);flex-shrink:0}.td-switch{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.td-switch input{display:none}.td-switch-track{background:var(--border-color);border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.td-switch input:checked~.td-switch-track{background:var(--color-primary)}.td-switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.td-switch input:checked~.td-switch-track .td-switch-thumb{transform:translate(16px)}.td-switch-text{color:var(--text-primary);font-size:13px;font-weight:500}.td-error{color:var(--color-danger);margin:6px 0 0;font-size:12px}.td-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.td-footer--center{border-top:none;justify-content:center;margin-top:4px;padding-top:4px}.td-btn{border-radius:var(--radius-md);cursor:pointer;height:36px;transition:background var(--transition-fast), opacity var(--transition-fast);border:none;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500}.td-btn:disabled{opacity:.6;cursor:not-allowed}.td-btn--outline{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.td-btn--outline:hover{background:var(--bg-page)}.td-btn--primary{background:var(--color-primary-dark);color:#fff}.td-btn--primary:hover:not(:disabled){opacity:.9}.td-btn--danger{background:var(--color-danger);color:#fff}.td-btn--danger:hover:not(:disabled){filter:brightness(.94)}@keyframes td-fade{0%{opacity:0}to{opacity:1}}@keyframes td-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.td-confirm-desc{color:var(--text-secondary);text-align:center;margin:0 0 4px;font-size:13px;line-height:1.55}.td-confirm-desc strong{color:var(--text-primary)}.td-linked-box{background:var(--color-danger-bg);border-radius:var(--radius-md);text-align:left;border:1px solid #ef444440;margin:14px 0 4px;padding:12px 14px}.td-linked-title{color:var(--color-danger);margin:0 0 6px;font-size:12.5px;font-weight:600}.td-linked-list{color:var(--text-secondary);margin:0 0 4px;padding-left:18px;font-size:12.5px;line-height:1.6}.td-linked-list li{margin:0}.td-linked-note{color:var(--text-secondary);margin:10px 0 0;font-size:12px;line-height:1.55}@media (width<=768px){.td-tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.td-tab-bar::-webkit-scrollbar{display:none}.td-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.td-table{min-width:640px}}@media (width<=600px){.td-page{gap:var(--space-4)}.td-header-card{padding:var(--space-4);align-items:stretch;gap:var(--space-4);flex-direction:column}.td-logo-wrap{align-self:center}.td-header-card>.btn,.td-header-card>button{width:100%}.td-section-toolbar{flex-direction:column;align-items:stretch}.td-section-toolbar>*{width:100%;max-width:100%!important}.td-grid{grid-template-columns:1fr}.td-field--full{grid-column:1}.td-item-desc{max-width:140px}.td-pagination{gap:var(--space-2);flex-direction:column;align-items:stretch}.td-pagination-btns{justify-content:center}.td-modal{padding:16px}}.td-error{color:var(--color-danger);border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444433;align-items:center;gap:6px;margin:8px 0 0;padding:8px 12px;font-size:12px;line-height:1.5;display:flex}.td-error:before{content:"";background-color:var(--color-danger);flex-shrink:0;width:16px;height:16px;display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.td-name-cell{align-items:center;gap:10px;display:flex}.td-avatar-img{object-fit:cover;border:1px solid var(--border-color);background:var(--bg-page);border-radius:50%;flex-shrink:0;width:34px;height:34px}.tab-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.tab-section-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);background:var(--bg-page);display:flex}.tab-section-header i{color:var(--color-primary-dark);font-size:18px}.tab-section-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.tab-filters{align-items:flex-end;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex}.tab-filters>*{flex:1;min-width:130px}.tab-select{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);height:36px;color:var(--text-primary);cursor:pointer;width:100%;padding:0 10px;font-size:13px}.tab-select:focus{border-color:var(--color-primary);outline:none}.tab-empty{text-align:center;color:var(--text-muted);padding:var(--space-6);margin:0;font-size:13px}.tab-reason{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}.tab-doc-link{color:var(--color-primary);align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.tab-doc-link:hover{text-decoration:underline}.tab-face-wrap{gap:var(--space-3);padding:var(--space-4) var(--space-6);flex-direction:column;display:flex}.tab-face-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-page);border:1px solid var(--border-color);display:flex}.tab-face-id{color:var(--text-primary);margin:0;font-family:monospace;font-size:12px}.tab-face-meta{color:var(--text-muted);margin:2px 0 0;font-size:11px}.tab-save-bar{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);display:flex}.tab-save-error{color:var(--color-danger);flex:1;margin:0;font-size:12px}.tab-content{gap:var(--space-5);flex-direction:column;display:flex}@media (width<=640px){.tab-filters{flex-direction:column}.tab-filters>*{min-width:100%}}@keyframes att-absensi-admin-fade{0%{opacity:0}to{opacity:1}}@keyframes att-absensi-admin-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (width<=600px){.att-absensi-admin-modal-overlay{align-items:flex-start;padding:16px;overflow-y:auto}.att-absensi-admin-modal{max-height:none}.att-absensi-admin-modal-body{padding:16px}.att-absensi-admin-modal-grid{grid-template-columns:1fr}.att-absensi-admin-filters{flex-direction:column;align-items:stretch}.att-absensi-admin-filters .att-absensi-admin-select-wrap{min-width:0}}.leave-header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.leave-modal-loading{justify-content:center;padding:24px 0;display:flex}.leave-form{flex-direction:column;gap:14px;display:flex}.leave-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.leave-form-field{flex-direction:column;gap:6px;display:flex}.leave-form-label{color:var(--text-primary);font-size:13px;font-weight:500}.leave-form-required{color:var(--color-danger);margin-left:2px}.leave-form-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input,var(--bg-secondary));width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:80px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.leave-form-textarea:focus{border-color:var(--color-primary);outline:none}.leave-form-error{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, transparent);border-radius:var(--radius-sm);margin:0;padding:6px 10px;font-size:12px}.leave-review-summary{background:var(--bg-secondary);border-radius:var(--radius-md);flex-direction:column;gap:8px;margin-bottom:4px;padding:12px;display:flex}.leave-review-row{align-items:flex-start;gap:8px;display:flex}.leave-review-label{color:var(--text-secondary);flex-shrink:0;min-width:80px;font-size:12px}.leave-review-value{color:var(--text-primary);font-size:13px;font-weight:500}.leave-review-days{color:var(--text-secondary);margin-left:4px;font-size:12px;font-weight:400}.leave-review-actions{gap:8px;display:flex}.leave-action-btn{border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.leave-action-btn--approve:hover,.leave-action-btn--approve.active{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success)}.leave-action-btn--reject:hover,.leave-action-btn--reject.active{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger)}.leave-type-cell{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.leave-period{white-space:nowrap;color:var(--text-primary);font-size:12px}.leave-approver-cell{flex-direction:column;gap:2px;display:flex}.leave-approver-cell span:first-child{font-size:13px;font-weight:500}.leave-no-approver{color:var(--text-secondary);font-size:13px}.leave-rejection-reason{color:var(--color-danger);white-space:normal;max-width:160px;margin:4px 0 0;font-size:11px;line-height:1.4}.quota-section{border-bottom:1px solid var(--border-color);padding:16px 20px}.quota-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.quota-section-title{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.quota-loading,.quota-empty{text-align:center;color:var(--text-secondary);padding:12px 0;font-size:13px}.quota-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.quota-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);flex-direction:column;gap:10px;padding:14px;display:flex}.quota-card-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.quota-card-title{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.quota-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.quota-card-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.quota-bar-wrap{align-items:center;gap:8px;display:flex}.quota-bar{background:var(--border-color);border-radius:999px;flex:1;height:6px;overflow:hidden}.quota-stats{align-items:center;gap:8px;display:flex}.quota-stat{flex-direction:column;flex:1;align-items:center;display:flex}.quota-stat-val{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1}.quota-stat-label{color:var(--text-secondary);margin-top:2px;font-size:10px}.quota-stat-divider{background:var(--border-color);width:1px;height:28px}.leave-doc-notice{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 8%, transparent);border-radius:var(--radius-sm);align-items:center;gap:6px;margin:0;padding:8px 10px;font-size:12px;display:flex}.leave-doc-upload{border:1.5px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s;overflow:hidden}.leave-doc-upload:hover{border-color:var(--color-primary)}.leave-doc-placeholder{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;padding:16px;font-size:13px;display:flex}.leave-doc-hint{color:var(--text-tertiary,var(--text-secondary));font-size:11px}.leave-doc-preview{color:var(--text-primary);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.leave-doc-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.leave-doc-remove{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.leave-doc-remove:hover{color:var(--color-danger)}.leave-doc-link{color:var(--color-primary);align-items:center;gap:4px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.leave-doc-link:hover{text-decoration:underline}.ps-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ps-filter-select{border:1px solid var(--border,#e2e8f0);background:var(--bg-input,#fff);color:var(--text-primary,#1a202c);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;font-size:13px;transition:border-color .15s}.ps-filter-select:focus{border-color:var(--primary,#3b82f6)}.ps-table-wrap{border:1px solid var(--border,#e2e8f0);background:var(--bg-card,#fff);border-radius:12px;overflow-x:auto}.ps-table{border-collapse:collapse;width:100%;font-size:13.5px}.ps-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#64748b);background:var(--bg-subtle,#f8fafc);border-bottom:1px solid var(--border,#e2e8f0);white-space:nowrap;padding:11px 14px;font-size:12px;font-weight:600}.ps-table tbody tr{transition:background .12s}.ps-table tbody tr:hover{background:var(--bg-hover,#f1f5f9)}.ps-table tbody td{border-bottom:1px solid var(--border-subtle,#f1f5f9);color:var(--text-primary,#1a202c);white-space:nowrap;padding:11px 14px}.ps-table tbody tr:last-child td{border-bottom:none}.ps-attendance{color:var(--text-muted,#64748b);font-variant-numeric:tabular-nums;font-size:12.5px}.ps-badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.ps-badge--draft{color:#64748b;background:#f1f5f9}.ps-badge--approved{color:#2563eb;background:#eff6ff}.ps-badge--paid{color:#16a34a;background:#f0fdf4}.ps-badge--cancelled{color:#dc2626;background:#fef2f2}.ps-act-btn{border:1px solid var(--border,#e2e8f0);width:30px;height:30px;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;font-size:14px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.ps-act-btn--approve:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.ps-act-btn--pay:hover{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.ps-act-btn--export:hover{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.ps-act-btn--cancel:hover{color:#ea580c;background:#fff7ed;border-color:#fed7aa}.ps-act-btn--delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.ps-empty{color:var(--text-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 24px;display:flex}.ps-empty i{opacity:.45;font-size:38px}.ps-loading{justify-content:center;align-items:center;padding:52px;display:flex}.ps-page-btn{border:1px solid var(--border,#e2e8f0);color:var(--text-primary,#1a202c);cursor:pointer;background:0 0;border-radius:7px;padding:5px 10px;font-size:13px;transition:background .12s}.ps-page-btn:hover:not(:disabled){background:var(--bg-hover,#f1f5f9)}.ps-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.18s ps-fade;display:flex;position:fixed;inset:0}@keyframes ps-fade{0%{opacity:0}to{opacity:1}}.ps-modal{background:var(--bg-card,#fff);border-radius:16px;flex-direction:column;width:100%;max-width:660px;max-height:88vh;animation:.2s ps-slide;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}@keyframes ps-slide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ps-modal-close{width:32px;height:32px;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:background .12s;display:flex}.ps-modal-close:hover{background:var(--bg-hover,#f1f5f9)}.ps-modal-body{flex:1;padding:20px 22px;overflow-y:auto}.ps-modal-footer{border-top:1px solid var(--border,#e2e8f0);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px 18px;display:flex}.ps-field{flex-direction:column;gap:5px;display:flex}.ps-field label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.ps-field input,.ps-field select,.ps-field textarea{border:1px solid var(--border,#e2e8f0);background:var(--bg-input,#fff);color:var(--text-primary,#1a202c);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:8px 11px;font-size:13.5px;transition:border-color .15s}.ps-field input:focus,.ps-field select:focus,.ps-field textarea:focus{border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.ps-field textarea{resize:vertical;min-height:72px}.ps-form-section{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted,#94a3b8);border-bottom:1px solid var(--border-subtle,#f1f5f9);grid-column:1/-1;margin:10px 0 2px;padding-bottom:5px;font-size:11px;font-weight:700}.ps-preview-box{border:1px solid var(--border,#e2e8f0);border-radius:12px;grid-column:1/-1;margin-top:6px;overflow:hidden}.ps-preview-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted,#94a3b8);background:var(--bg-subtle,#f8fafc);border-bottom:1px solid var(--border-subtle,#f1f5f9);padding:9px 14px;font-size:11px;font-weight:700}.ps-preview-rows{flex-direction:column;gap:5px;padding:8px 14px 12px;display:flex}.ps-preview-row{color:var(--text-muted,#64748b);justify-content:space-between;align-items:center;padding:2px 0;font-size:13px;display:flex}.ps-preview-row--sub{border-top:1px solid var(--border-subtle,#f1f5f9);color:var(--text-primary,#1a202c);margin-top:2px;padding-top:6px;font-weight:600}.ps-preview-row--accent{background:var(--bg-subtle,#f0f9ff);color:var(--primary,#2563eb);border-radius:8px;margin-top:4px;padding:8px 10px;font-weight:700}.ps-preview-row--accent strong{font-size:17px}.ps-form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;grid-column:1/-1;margin:0;padding:9px 12px;font-size:13px}.ps-detail-row{border-bottom:1px solid var(--border-subtle,#f1f5f9);flex-direction:column;gap:2px;padding:9px 0;display:flex}.ps-detail-row:nth-child(odd){padding-right:18px}.ps-detail-row:nth-child(2n){border-left:1px solid var(--border-subtle,#f1f5f9);padding-left:18px}.ps-detail-row--full{border-left:none;grid-column:1/-1;padding-left:0;padding-right:0}.ps-detail-sec{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted,#94a3b8);border-bottom:1px solid var(--border-subtle,#f1f5f9);grid-column:1/-1;padding:14px 0 5px;font-size:11px;font-weight:700}.ps-detail-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#94a3b8);font-size:10.5px;font-weight:600}.ps-confirm-body{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 22px;display:flex}.ps-confirm-icon--approve{color:#2563eb;background:#eff6ff}.ps-confirm-icon--pay{color:#16a34a;background:#f0fdf4}.ps-confirm-icon--cancel{color:#ea580c;background:#fff7ed}.ps-confirm-icon--delete{color:#dc2626;background:#fef2f2}.ps-confirm-title{color:var(--text-primary,#1a202c);margin:0;font-size:16px;font-weight:700}.ps-confirm-desc{color:var(--text-muted,#64748b);margin:0;font-size:13.5px;line-height:1.5}.ps-confirm-input{border:1px solid var(--border,#e2e8f0);background:var(--bg-input,#fff);width:100%;color:var(--text-primary,#1a202c);box-sizing:border-box;border-radius:8px;outline:none;padding:8px 11px;font-size:13.5px}.ps-confirm-input:focus{border-color:var(--primary,#3b82f6)}.ps-confirm-textarea{border:1px solid var(--border,#e2e8f0);resize:vertical;background:var(--bg-input,#fff);width:100%;min-height:72px;color:var(--text-primary,#1a202c);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 11px;font-size:13.5px;transition:border-color .15s}.ps-confirm-textarea:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a}@media (width<=600px){.ps-form-grid,.ps-detail-grid{grid-template-columns:1fr}.ps-detail-row:nth-child(2n){border-left:none;padding-left:0}}.emp-detail-page{gap:var(--space-5);flex-direction:column;animation:.35s both page-in;display:flex}.emp-photo-wrap{flex-shrink:0;position:relative}.emp-photo-upload{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:hidden}.emp-photo-img{object-fit:cover;width:100%;height:100%}.emp-photo-overlay{color:#fff;opacity:0;background:#00000073;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:opacity .15s;display:flex;position:absolute;inset:0}.emp-photo-upload:hover .emp-photo-overlay{opacity:1}.emp-photo-remove{background:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:0;right:0;box-shadow:0 1px 3px #0003}.emp-header-inline{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.emp-header-inline-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.emp-header-inline-row>*{flex:1;min-width:140px}.emp-header-inline-row .detail-toggle{flex:0}.emp-header-company{color:var(--text-muted);align-items:center;gap:5px;margin:0;font-size:13px;display:flex}.emp-header-company i{font-size:14px}.emp-form-grid{gap:var(--space-4);padding:var(--space-5) var(--space-6);grid-template-columns:1fr 1fr;display:grid}.emp-form-full{grid-column:1/-1}.emp-form-status{flex-direction:column;gap:6px;display:flex}.emp-save-bar{justify-content:flex-end;align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);display:flex}.emp-save-error{color:var(--color-danger);flex:1;margin:0;font-size:12px}.detail-toggle{cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;min-width:90px;height:28px;padding:0 10px 0 4px;transition:background .2s;display:inline-flex;position:relative}.detail-toggle--on{background:var(--color-primary-dark)}.detail-toggle--off{background:var(--border-color)}.detail-toggle-thumb{pointer-events:none;background:#fff;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:left .2s;position:absolute;left:4px;box-shadow:0 1px 3px #0003}.detail-toggle--on .detail-toggle-thumb{left:calc(100% - 24px)}.detail-toggle-text{pointer-events:none;white-space:nowrap;font-size:12px;font-weight:500;transition:opacity .15s;position:absolute}.detail-toggle--off .detail-toggle-text{color:var(--text-secondary);left:30px}.detail-toggle--on .detail-toggle-text{color:#fff;left:10px}@media (width<=640px){.emp-header-card{flex-direction:column}.emp-header-inline-row{flex-direction:column;align-items:stretch}.emp-form-grid{grid-template-columns:1fr}.emp-form-full{grid-column:1}}.emp-tab-content{gap:var(--space-5);flex-direction:column;display:flex}.emp-att-filters{gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex}.emp-att-filters>*{flex:1;min-width:140px}.emp-face-wrap{gap:var(--space-3);padding:var(--space-4) var(--space-6);flex-direction:column;display:flex}.emp-face-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-page);border:1px solid var(--border-color);display:flex}.emp-face-id{color:var(--text-primary);margin:0;font-family:monospace;font-size:12px}.emp-face-meta{color:var(--text-muted);margin:2px 0 0;font-size:11px}.emp-pwd-overlay{z-index:1000;padding:var(--space-4);background:#00000073;justify-content:center;align-items:center;animation:.15s emp-pwd-fade;display:flex;position:fixed;inset:0}@keyframes emp-pwd-fade{0%{opacity:0}to{opacity:1}}.emp-pwd-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--space-6);position:relative;box-shadow:0 12px 40px #0000002e}.emp-pwd-close{top:var(--space-4);right:var(--space-4);cursor:pointer;width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.emp-pwd-close:hover{background:var(--bg-page);color:var(--text-primary)}.emp-pwd-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-4);padding-right:32px;font-size:16px;font-weight:700}.emp-pwd-body{gap:var(--space-4);flex-direction:column;display:flex}.emp-pwd-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.emp-pwd-field{flex-direction:column;gap:6px;display:flex}.emp-pwd-label{color:var(--text-secondary);font-size:12px;font-weight:600}.emp-pwd-req{color:var(--color-danger)}.emp-pwd-opt{color:var(--text-muted);font-weight:400}.emp-pwd-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);height:38px;color:var(--text-primary);width:100%;padding:0 12px;font-size:13px}.emp-pwd-input:focus{border-color:var(--color-primary);outline:none}.emp-pwd-input-wrap{position:relative}.emp-pwd-input-wrap .emp-pwd-input{padding-right:38px}.emp-pwd-toggle{cursor:pointer;width:38px;height:38px;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.emp-pwd-error{color:var(--color-danger);margin:0;font-size:12px}.emp-pwd-footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.emp-pwd-btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;height:38px;padding:0 16px;font-size:13px;font-weight:600}.emp-pwd-btn:disabled{opacity:.6;cursor:not-allowed}.emp-pwd-btn--outline{background:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}.emp-pwd-btn--primary{background:var(--color-primary-dark);color:#fff}.emp-pwd-btn--danger{background:var(--color-danger);color:#fff}@media (width<=900px){.emp-header-right{flex-flow:wrap;justify-content:flex-start;align-items:center;width:100%}}@media (width<=640px){.emp-header-card{flex-direction:column}.emp-header-inline{width:100%}.emp-header-inline-row{flex-direction:column;align-items:stretch}.emp-header-inline-row .detail-toggle{align-self:flex-start}.emp-form-grid{grid-template-columns:1fr}.emp-form-full{grid-column:1}.emp-photo-wrap{align-self:center}.emp-header-right{gap:var(--space-2)}.emp-header-right>*{flex:1 1 calc(50% - var(--space-2))}}@media (width<=420px){.emp-header-right>*{flex:100%}}.emp-history-page{gap:var(--space-5);flex-direction:column;animation:.35s both page-in;display:flex}.emp-detail-loading{justify-content:center;align-items:center;min-height:200px;display:flex}.breadcrumbs{align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:13px;display:flex}.breadcrumb-item{color:var(--text-muted);align-items:center;gap:5px;display:flex}.breadcrumb-item--link{cursor:pointer;font-family:var(--font-body);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:13px}.breadcrumb-item--link:hover{background:var(--bg-page);color:var(--color-primary)}.breadcrumb-item--active{color:var(--text-primary);font-weight:500}.breadcrumb-sep{color:var(--text-muted);align-items:center;display:flex}.emp-header-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);align-items:flex-start;gap:var(--space-5);display:flex}.emp-header-right{gap:var(--space-2);flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.emp-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.emp-section-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);background:var(--bg-page);display:flex}.emp-section-header i{color:var(--color-primary-dark);font-size:18px}.emp-section-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.emp-select{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);height:36px;color:var(--text-primary);width:100%;padding:0 10px;font-size:13px}.emp-empty-text{text-align:center;color:var(--text-muted);padding:var(--space-5);margin:0;font-size:13px}.emp-snapshot-wrap{background:var(--bg-page);border-top:1px solid var(--border-color);padding:var(--space-4) var(--space-6)}.emp-snapshot{color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:300px;margin:0;font-family:monospace;font-size:12px;overflow-y:auto}.pagination{padding:var(--space-3) var(--space-6);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.pagination-btns{gap:var(--space-1);display:flex}@media (width<=640px){.emp-header-card{flex-direction:column}}.notif-page{gap:var(--space-5);flex-direction:column;height:100%;min-height:0;animation:.35s both page-in;display:flex}.notif-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.notif-page-title{color:var(--text-primary);margin:0 0 3px;font-size:22px;font-weight:700}.notif-page-subtitle{color:var(--text-muted);margin:0;font-size:13px}.notif-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.notif-total{color:var(--text-muted);font-size:13px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:560px}.table-loading{padding:var(--space-8) 0;justify-content:center;align-items:center;display:flex}.notif-title-cell{align-items:center;gap:8px;margin-bottom:2px;display:flex}.notif-title-text{color:var(--text-primary);font-weight:600}.notif-message-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin:0;font-size:12px;overflow:hidden}.notif-actions{align-items:center;gap:2px;display:flex}.pagination{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-color);background:var(--bg-page);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.notif-form{gap:var(--space-4);flex-direction:column;display:flex}.notif-form-field{flex-direction:column;gap:6px;display:flex}.notif-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.notif-form-error{color:var(--color-danger);margin:0;font-size:12px}.notif-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);width:100%;color:var(--text-primary);font-family:var(--font-body);resize:vertical;transition:border-color var(--transition-fast);box-sizing:border-box;padding:10px 12px;font-size:14px;line-height:1.5}.notif-textarea:focus{border-color:var(--color-primary-dark);outline:none}.panel-overlay{z-index:150;background:#0a16284d;animation:.2s both fade-in;position:fixed;inset:0}.panel{background:var(--bg-card);border-left:1px solid var(--border-color);z-index:151;width:400px;box-shadow:var(--shadow-xl);flex-direction:column;animation:.3s both panel-in;display:flex;position:fixed;top:0;bottom:0;right:0}.panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex}.panel-notif-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:700;line-height:1.4}.panel-close{cursor:pointer;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;display:flex}.panel-close:hover{color:var(--text-primary);background:var(--bg-page)}.panel-body{padding:var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.panel-section-header{justify-content:space-between;align-items:center;display:flex}.panel-section-title{color:var(--text-primary);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:flex}.panel-section-count{background:var(--bg-page);color:var(--text-muted);border:1px solid var(--border-color);border-radius:20px;padding:1px 7px;font-size:11px;font-weight:600}.notif-detail-message{color:var(--text-secondary);background:var(--bg-page);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);font-size:13px;line-height:1.6}.notif-detail-date{color:var(--text-muted);font-size:11px}.notif-recipient-list,.notif-read-list{flex-direction:column;gap:0;display:flex}.notif-recipient-item,.notif-read-item{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:8px 0;display:flex}.notif-recipient-item:last-child,.notif-read-item:last-child{border-bottom:none}.notif-recipient-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.notif-read-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.notif-emp-list{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-page);flex-direction:column;gap:4px;max-height:180px;padding:8px;display:flex;overflow-y:auto}.notif-emp-check{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);transition:background var(--transition-fast);align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.notif-emp-check:hover{background:var(--bg-card)}.notif-emp-check input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--color-primary-dark)}@media (width<=768px){.notif-page-header{flex-direction:column;align-items:stretch}.notif-page-header button{justify-content:center;width:100%}.notif-toolbar{flex-direction:column;align-items:stretch}.notif-toolbar .input-wrap,.notif-toolbar select{width:100%!important;max-width:100%!important}.notif-form-row{grid-template-columns:1fr}.panel{border-left:none;border-top:1px solid var(--border-color);width:100%}.notif-message-preview{max-width:160px}.pagination{justify-content:center}.pagination-info{text-align:center;width:100%}}@media (width<=480px){.table th,.table td{padding:var(--space-2) var(--space-3)}.notif-message-preview{max-width:100px}}.label-toolbar{flex-wrap:nowrap;padding-top:10px;padding-bottom:10px;display:flex}.label-thumb{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-page);cursor:zoom-in;width:48px;height:48px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:block}.label-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.nm-lightbox-overlay{z-index:1100;cursor:zoom-out;background:#0f172abf;justify-content:center;align-items:center;padding:24px;animation:.15s nm-fade;display:flex;position:fixed;inset:0}.nm-lightbox-img{object-fit:contain;border-radius:var(--radius-md);max-width:90vw;max-height:85vh;box-shadow:var(--shadow-xl);cursor:default;animation:.18s nm-pop}.nm-lightbox-close{border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:38px;height:38px;transition:background var(--transition-fast);background:#ffffff1f;border:none;justify-content:center;align-items:center;display:flex;position:fixed;top:20px;right:20px}.nm-lightbox-close:hover{background:#ffffff38}.label-page-title{font-size:22px}.label-page-subtitle{font-size:12px}.nm-input:disabled{opacity:.6;cursor:not-allowed}.label-type-toggle{gap:8px;display:flex}.label-type-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:38px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:13px;display:flex}.label-type-btn:hover{border-color:var(--color-primary);color:var(--text-primary)}.label-type-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#6366f114;font-weight:600}.label-dropzone{border:1.5px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-page);cursor:pointer;min-height:140px;transition:border-color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:flex;overflow:hidden}.label-dropzone:hover{border-color:var(--color-primary);background:#6366f10a}.label-dropzone.has-preview{cursor:default;border-style:solid;padding:8px}.label-dropzone-placeholder{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;font-size:13px;display:flex}.label-dropzone-hint{color:var(--text-muted);font-size:11px}.label-dropzone-preview{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:160px}.label-remove-photo{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:6px;padding:0;font-size:12px;font-weight:500}.label-remove-photo:hover{text-decoration:underline}@media (width<=768px){.label-toolbar{flex-wrap:wrap}.label-toolbar .input-group{flex:100%;max-width:100%}.label-page-header{flex-direction:column;align-items:stretch}.label-toolbar{gap:var(--space-3);flex-wrap:wrap}.label-toolbar .input-group{flex:100%;width:100%!important;max-width:100%!important}.label-toolbar .input-wrap,.label-toolbar .input,.label-toolbar input{width:100%!important;max-width:100%!important}.label-total{display:none}.label-toolbar button{justify-content:center;width:100%;margin-left:0!important}.nm-modal{padding:18px}.label-page-title{font-size:18px}.label-page-subtitle{font-size:12px}}@media (width<=480px){.label-page-title{font-size:16px}}.emp-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.15s emp-overlay-in;display:flex;position:fixed;inset:0}@keyframes emp-overlay-in{0%{opacity:0}to{opacity:1}}.emp-modal{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-direction:column;width:100%;max-height:calc(100vh - 40px);animation:.18s cubic-bezier(.16,1,.3,1) emp-modal-in;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000040}@keyframes emp-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.emp-modal--sm{max-width:420px}.emp-modal--md{max-width:560px}.emp-modal--lg{max-width:720px}.emp-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.emp-modal-title{color:var(--text-primary,#111827);margin:0;font-size:15px;font-weight:700}.emp-modal-close{width:30px;height:30px;color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.emp-modal-close:hover{background:var(--bg-hover,#0000000f);color:var(--text-primary,#111827)}.emp-modal-body{flex:auto;padding:18px 20px;overflow-y:auto}.emp-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.emp-form{flex-direction:column;gap:4px;display:flex}.emp-form-section{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin:10px 0 6px;padding-bottom:6px;font-size:11px;font-weight:700}.emp-form-section:first-child{margin-top:0}.emp-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.emp-form-group{flex-direction:column;gap:5px;display:flex}.emp-form-group--full{grid-column:1/-1}.emp-form-label{color:var(--text-primary);font-size:12px;font-weight:600}.emp-required{color:var(--color-danger,#ef4444)}.emp-form-error{color:var(--color-danger,#ef4444);margin-top:1px;font-size:11px;font-weight:500}.emp-form-group--error input,.emp-form-group--error textarea,.emp-form-group--error select{border-color:var(--color-danger,#ef4444)!important}.emp-delete-info{background:#ef44440f;border:1px solid #ef444426;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.emp-delete-info i{color:var(--color-danger,#ef4444);flex-shrink:0;margin-top:1px;font-size:18px}.emp-delete-info p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.emp-linked-box{background:#ef44440f;border:1px solid #ef444433;border-radius:8px;margin-top:12px;padding:12px 14px}.emp-linked-title{color:var(--color-danger,#ef4444);margin:0 0 6px;font-size:12.5px;font-weight:600}.emp-linked-list{color:var(--text-secondary);margin:0 0 4px;padding-left:18px;font-size:12.5px;line-height:1.6}.emp-linked-list li{margin:0}.emp-linked-note{color:var(--text-secondary);margin:10px 0 0;font-size:12px;line-height:1.55}@media (width<=560px){.emp-modal-overlay{padding:12px}.emp-modal-body{padding:16px}.emp-form-row{grid-template-columns:1fr}}.pd-emp-avatar-img{object-fit:cover;border:1px solid var(--border-color);background:var(--bg-page);border-radius:50%;flex-shrink:0;width:32px;height:32px}.pos-name{color:var(--text-primary);font-size:13px;font-weight:600}.pos-description{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;overflow:hidden}.pos-level-badge{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.pos-date{color:var(--text-secondary);white-space:nowrap;font-size:12px}.pos-actions{opacity:0;align-items:center;gap:4px;transition:opacity .15s;display:flex}.table--hover tbody tr:hover .pos-actions{opacity:1}.pos-modal-form{flex-direction:column;gap:14px;display:flex}.pos-modal-error{color:var(--color-danger);border-left:3px solid var(--color-danger);background:#ef44440f;border-radius:6px;margin:0;padding:8px 10px;font-size:12px}.pos-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.15s pos-overlay-in;display:flex;position:fixed;inset:0}@keyframes pos-overlay-in{0%{opacity:0}to{opacity:1}}.pos-modal{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-direction:column;width:100%;max-height:calc(100vh - 40px);animation:.18s cubic-bezier(.16,1,.3,1) pos-modal-in;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000040}@keyframes pos-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pos-modal--sm{max-width:420px}.pos-modal--md{max-width:560px}.pos-modal--lg{max-width:720px}.pos-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.pos-modal-title{color:var(--text-primary,#111827);margin:0;font-size:15px;font-weight:700}.pos-modal-close{width:30px;height:30px;color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.pos-modal-close:hover{background:var(--bg-hover,#0000000f);color:var(--text-primary,#111827)}.pos-modal-body{flex:auto;padding:18px 20px;overflow-y:auto}.pos-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.pos-delete-info{background:#ef44440f;border:1px solid #ef444426;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.pos-delete-info i{color:var(--color-danger,#ef4444);flex-shrink:0;margin-top:1px;font-size:18px}.pos-delete-info p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}@media (width<=560px){.pos-modal-overlay{padding:12px}.pos-modal-body{padding:16px}}.att-admin-muted,.att-admin-date{color:var(--text-secondary);font-size:12px}@keyframes att-admin-fade{0%{opacity:0}to{opacity:1}}@keyframes att-admin-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=560px){.att-admin-dl{grid-template-columns:1fr}}@media (width<=768px){.att-admin-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:20px 16px 32px;overflow-y:auto}.att-admin-modal{max-height:none;margin:auto;padding:18px}}.att-admin-search-icon{color:var(--text-muted);flex-shrink:0}@media (width<=560px){.att-admin-toolbar{gap:8px}.att-admin-search,.att-admin-statusfilter{width:100%;max-width:none}.att-admin-seg{width:100%}.att-admin-seg-btn{flex:1;justify-content:center}}.att-admin-bar .att-admin-search{flex:0 260px;min-width:180px}.att-admin-bar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.att-admin-pagination{border-top:1px solid var(--border-color);background:var(--at-hover);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.att-admin-pagination-info{color:var(--text-muted);font-size:12px}.att-admin-pagination-btns{align-items:center;gap:4px;display:flex}.att-admin-pagination-dot{color:var(--text-muted);padding:0 2px;font-size:13px}@media (width<=768px){.att-admin-bar{flex-direction:column;align-items:stretch}.att-admin-bar .att-admin-search{flex:none;width:100%;max-width:none}.att-admin-bar-right{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;margin-left:0}.att-admin-bar-actions{justify-content:stretch;width:100%}.att-admin-bar-actions button{flex:1}}@media (width<=480px){.att-admin-seg{order:1;width:100%}.att-admin-bar-actions{order:2;width:100%}}@media (width<=768px){.att-admin-wrap{-webkit-overflow-scrolling:touch}.att-admin-table thead th,.att-admin-table tbody td{padding:9px 10px;font-size:12.5px}}@media (width<=380px){.att-admin-form-footer,.att-admin-detail-foot{flex-direction:column-reverse;gap:8px}.att-admin-form-footer button,.att-admin-detail-foot button{justify-content:center;width:100%}}@media (width<=768px){.att-admin-modal-title{font-size:16px}.att-admin-dl{gap:12px 14px}.att-admin-input,.att-admin-select,.att-admin-textarea,.att-admin-search-input{font-size:16px}}.att-admin-format-note{color:var(--text-secondary);background:var(--bg-page);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);align-items:flex-start;gap:6px;margin:6px 0 0;padding:8px 10px;font-size:11.5px;line-height:1.45;display:flex}.att-admin-photos{border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:16px;padding-top:16px;display:grid}.att-admin-photo-col{flex-direction:column;gap:6px;min-width:0;display:flex}.att-admin-photo{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;height:auto;max-height:200px}.req-title{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.req-emp-info{flex-direction:column;gap:1px;display:flex}.req-emp-pos{color:var(--text-secondary);font-size:11px}.req-type-cell{align-items:center;gap:6px;font-size:13px;display:flex}.req-period{white-space:nowrap;color:var(--text-primary);font-size:12px}.req-reason{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;display:block;overflow:hidden}.req-approver-cell{flex-direction:column;gap:2px;display:flex}.req-approver-cell span:first-child{font-size:13px;font-weight:500}.req-approver-pos{color:var(--text-secondary);font-size:11px}.req-no-data{color:var(--text-secondary);font-size:13px}.req-rejection{color:var(--color-danger);white-space:normal;max-width:140px;margin:4px 0 0;font-size:11px;line-height:1.4}button.req-doc-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:500;display:inline-flex}button.req-doc-link:hover{text-decoration:underline}a.req-doc-link{color:var(--color-primary);align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.req-review-form{flex-direction:column;gap:14px;display:flex}.req-review-summary{background:var(--bg-secondary);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;display:flex}.req-review-row{align-items:flex-start;gap:8px;display:flex}.req-review-label{color:var(--text-secondary);flex-shrink:0;min-width:80px;font-size:12px}.req-review-value{color:var(--text-primary);font-size:13px;font-weight:500}.req-review-days{color:var(--text-secondary);margin-left:4px;font-size:12px;font-weight:400}.req-action-btns{gap:8px;display:flex}.req-action-btn{border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.req-action-btn--approve:hover,.req-action-btn--approve.active{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success)}.req-action-btn--reject:hover,.req-action-btn--reject.active{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger)}.req-form-field{flex-direction:column;gap:6px;display:flex}.req-form-label{color:var(--text-primary);font-size:13px;font-weight:500}.req-form-required{color:var(--color-danger);margin-left:2px}.req-form-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input,var(--bg-secondary));width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:80px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.req-form-textarea:focus{border-color:var(--color-primary);outline:none}.req-form-error{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, transparent);border-radius:var(--radius-sm);margin:0;padding:6px 10px;font-size:12px}.doc-viewer{justify-content:center;align-items:center;min-height:300px;display:flex}.doc-viewer-img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:70vh}.doc-viewer-iframe{border-radius:var(--radius-md);border:none;width:100%;height:65vh}.doc-viewer-unsupported{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex}.pd-bulking-header{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.pd-bulking-cards{flex-direction:column;gap:14px;display:flex}.pd-bulk-card{border:1px solid var(--border-color,var(--color-border));background:var(--bg-card,var(--color-background-secondary));border-radius:10px;flex-direction:column;gap:14px;padding:18px;display:flex}.pd-dropzone{border:2px dashed var(--border-color,var(--color-border));cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:110px;padding:18px;transition:border-color .15s,background .15s;display:flex}.pd-dropzone:hover{border-color:var(--color-primary,#6366f1);background:#6366f10a}.pd-dropzone--over{border-color:var(--color-primary,#6366f1);background:#6366f10f}.pd-dropzone-text{color:var(--text-secondary,var(--color-text-secondary));text-align:center;margin:0;font-size:13px}.pd-dropzone-text span{color:var(--color-primary,#6366f1);font-weight:500}.pd-dropzone-file{color:var(--text-primary,var(--color-text-primary));align-items:center;gap:8px;max-width:100%;font-size:13px;display:flex}.pd-dropzone-file span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pd-dropzone-file i{color:var(--color-success,#22c55e);flex-shrink:0;font-size:18px}.pd-dropzone-file button{cursor:pointer;color:var(--text-muted,var(--color-text-tertiary));background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.pd-bulk-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pd-template-btn{color:var(--color-primary,#6366f1);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.pd-template-btn:hover{text-decoration:underline}.pd-template-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.pd-bulk-result{border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.pd-bulk-result--success{background:var(--color-background-success,#f0fdf4);color:var(--color-text-success,#16a34a)}.pd-bulk-errors{border:1px solid #fca5a5;border-radius:8px;overflow:hidden}.pd-bulk-errors-title{color:#dc2626;background:#fef2f2;align-items:center;gap:6px;margin:0;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.pd-bulk-errors-list{max-height:200px;padding:8px 14px;overflow-y:auto}.pd-bulk-error-row{border-bottom:1px solid var(--color-border,#f1f5f9);padding:6px 0;font-size:12px}.pd-bulk-error-row:last-child{border-bottom:none}.pd-bulk-error-row-num{color:var(--color-text-secondary);margin-right:6px;font-weight:600}.pd-bulk-error-row ul{color:#dc2626;margin:4px 0 0;padding-left:16px}.pd-bulk-error-row ul li{margin-bottom:2px}.pd-bulk-history{flex-direction:column;gap:10px;display:flex}.pd-att-name{color:var(--color-text-primary);white-space:nowrap;font-size:13px;font-weight:500}.pd-att-email{color:var(--color-text-secondary);white-space:nowrap;font-size:11px}.pd-att-status{white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.pd-att-status--present{color:#16a34a;background:#f0fdf4}.pd-att-status--absent{color:#dc2626;background:#fef2f2}.pd-att-status--late{color:#ea580c;background:#fff7ed}.pd-att-status--half_day{color:#ca8a04;background:#fefce8}.pd-att-status--leave{color:#2563eb;background:#eff6ff}.pd-log-filename{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;overflow:hidden}.pd-log-status{white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.pd-log-status--success{color:#16a34a;background:#f0fdf4}.pd-log-status--failed{color:#dc2626;background:#fef2f2}.pd-log-actions{align-items:center;gap:6px;display:flex}.pd-log-dl-btn{border:1px solid var(--color-border);cursor:pointer;width:28px;height:28px;color:var(--color-text-secondary);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.pd-log-dl-btn:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.pd-log-dl-btn--error{color:#dc2626;border-color:#fca5a5}.pd-log-dl-btn--error:hover{background:#fef2f2}.pd-log-dl-btn:disabled{opacity:.5;cursor:not-allowed}.pd-bulk-pagination{justify-content:center;align-items:center;gap:12px;padding:10px 0;display:flex}.pd-pag-btn{border:1px solid var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:background .15s;display:flex}.pd-pag-btn:hover:not(:disabled){background:var(--color-background-tertiary)}.pd-pag-btn:disabled{opacity:.4;cursor:not-allowed}.pd-pag-info{color:var(--color-text-secondary);text-align:center;min-width:48px;font-size:13px}@media (width<=768px){.pd-bulking-cards{grid-template-columns:1fr}.pd-att-hide-tablet,.pd-log-hide-tablet{display:none}.pd-log-filename{max-width:120px}}@media (width<=480px){.pd-bulk-card{padding:14px}.pd-dropzone{min-height:90px;padding:14px}.pd-bulk-card-footer{flex-direction:column;align-items:stretch;gap:10px}.pd-template-btn{justify-content:center}.pd-bulk-pagination{gap:8px}.pd-att-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.pd-log-filename{max-width:100px}.pd-log-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}.pd-att-photos{align-items:center;gap:6px;display:flex}.pd-att-photo{object-fit:cover;border:1px solid var(--color-border);cursor:pointer;border-radius:6px;width:36px;height:36px;transition:transform .15s}.pd-att-photo:hover{transform:scale(1.08)}.pd-att-photo-btn{border:1px dashed var(--color-border);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.pd-att-photo-btn:hover:not(:disabled){border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1);border-style:solid}.pd-att-photo-btn:disabled{opacity:.5;cursor:not-allowed}.ws-tabs{border-bottom:1px solid var(--border-color);gap:0;margin-bottom:0;display:flex}.ws-tab-count{background:var(--bg-secondary);min-width:18px;height:18px;color:var(--text-muted);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.ws-section-head{border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;flex-direction:column;gap:0;margin-bottom:16px;display:flex;overflow:hidden}.ws-toolbar{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.ws-card-name{color:var(--text-primary);margin:0;font-size:13px;font-weight:600;line-height:1.2}.ws-time-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ws-switch-row{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.ws-toggle{cursor:pointer;flex-shrink:0;display:inline-flex;position:relative}.ws-toggle input{opacity:0;width:0;height:0;position:absolute}.ws-toggle-track{background:var(--border-color);border-radius:999px;align-items:center;width:38px;height:22px;padding:2px;transition:background .18s;display:inline-flex}.ws-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000040}.ws-toggle input:checked+.ws-toggle-track{background:var(--color-primary)}.ws-toggle input:checked+.ws-toggle-track .ws-toggle-thumb{transform:translate(16px)}.ws-toggle input:focus-visible+.ws-toggle-track{outline:2px solid var(--color-primary);outline-offset:2px}.ws-toggle input:disabled+.ws-toggle-track{opacity:.5;cursor:not-allowed}.ws-form-group--full,.ws-switch-row,.ws-form>p,:is(.ws-form-group:has(.day-picker),.ws-form-group:has(textarea)){grid-column:1/-1}.ws-form--single{grid-template-columns:1fr}.ws-form--single .ws-time-row{grid-column:1/-1}.ws-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.15s ws-overlay-in;display:flex;position:fixed;inset:0}@keyframes ws-overlay-in{0%{opacity:0}to{opacity:1}}.ws-modal{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-direction:column;width:100%;max-height:calc(100vh - 40px);animation:.18s cubic-bezier(.16,1,.3,1) ws-modal-in;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000040}@keyframes ws-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ws-modal--md{max-width:600px}.ws-modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.ws-modal-close{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.ws-modal-body{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex:auto;padding:18px 20px;overflow:hidden auto}.ws-modal-body::-webkit-scrollbar{width:6px}.ws-modal-body::-webkit-scrollbar-track{background:0 0}.ws-modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.ws-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.ws-modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}@media (width<=600px){.ws-modal-overlay{padding:12px}.ws-modal-body{padding:16px}.ws-form{grid-template-columns:1fr}}.loc-badge{border-radius:var(--radius-full);letter-spacing:.03em;white-space:nowrap;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.loc-radius{color:var(--text-secondary);background:var(--bg-page);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:2px 7px;font-size:12px;font-weight:600}.loc-empty{justify-content:center;align-items:center;gap:var(--space-3);padding:60px var(--space-5);text-align:center;flex-direction:column;display:flex}.loc-count-label{color:var(--text-secondary);font-size:13px;font-weight:600}.loc-toggle-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.loc-pagination{justify-content:center;gap:4px;display:flex}.loc-page-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);font-size:12px;font-weight:600}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:16px;animation:.15s both fade-in;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-height:90vh;animation:.2s both slide-up;display:flex;overflow-y:auto}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-box--md{max-width:500px}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-header-left{align-items:center;gap:var(--space-3);display:flex}.loc-modal-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary-dark,#4f46e5) 10%, transparent);width:34px;height:34px;color:var(--color-primary-dark,#4f46e5);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.modal-close{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{background:var(--bg-page);color:var(--text-primary)}.modal-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--space-2);flex-shrink:0;display:flex}.form-grid{gap:var(--space-4);flex-direction:column;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field--full{width:100%}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.form-required{color:var(--color-danger);margin-left:2px}.form-optional{color:var(--text-muted);text-transform:none;letter-spacing:0;font-weight:400}.form-label-row{justify-content:space-between;align-items:center;display:flex}.form-row-2{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.form-input{height:36px;font-size:13px;font-family:var(--font-body);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;width:100%;padding:0 12px}.form-input:focus{border-color:var(--color-primary-dark,#4f46e5)}.form-input::placeholder{color:var(--text-muted)}.form-hint{color:var(--text-muted);margin:0;font-size:11px;line-height:1.6}.form-error-banner{border-radius:var(--radius-md);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.form-error-banner i{flex-shrink:0;font-size:15px}.loc-gps-btn{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--color-primary-dark,#4f46e5) 30%, transparent);background:color-mix(in srgb, var(--color-primary-dark,#4f46e5) 8%, transparent);color:var(--color-primary-dark,#4f46e5);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.loc-radius-value{color:var(--color-primary-dark,#4f46e5);font-size:13px;font-weight:700}.loc-scope-toggle{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.loc-scope-btn{font-size:12px;font-weight:600;font-family:var(--font-body);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:flex}@media (width<=640px){.form-row-2,.loc-scope-toggle{grid-template-columns:1fr}}@media (width<=768px){.table th:nth-child(3),.table td:nth-child(3){display:none}}.modal-box--lg{max-width:860px}.modal-body--map{grid-template-columns:300px 1fr;gap:0;padding:0;display:grid;overflow:hidden}.loc-form-col{padding:var(--space-5);border-right:1px solid var(--border-color);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.loc-map-col{flex-direction:column;min-height:480px;display:flex;position:relative}.modal-box .leaflet-pane{z-index:10!important}.modal-box .leaflet-control,.modal-box .leaflet-top,.modal-box .leaflet-bottom{z-index:20!important}.loc-map-loading{justify-content:center;align-items:center;gap:var(--space-3);background:var(--bg-page);z-index:5;color:var(--text-muted);flex-direction:column;font-size:13px;display:flex;position:absolute;inset:0}.loc-hint-warn{align-items:center;gap:5px;display:flex;color:var(--color-warning,#d97706)!important}@media (width<=700px){.modal-body--map{grid-template-columns:1fr}.loc-form-col{border-right:none;border-bottom:1px solid var(--border-color)}.loc-map-col{min-height:280px}.loc-map-container{min-height:260px}}.loc-scope-btn{font-size:12px;font-weight:600;font-family:var(--font-body);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);background:var(--bg-card,#fff);color:var(--text-secondary,#64748b);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 12px;transition:all .15s;display:flex}.loc-table{min-width:640px}@media (width<=700px){.loc-table th:nth-child(2),.loc-table td:nth-child(2){display:table-cell}.loc-table th:nth-child(3),.loc-table td:nth-child(3){display:none}.loc-scope-toggle{grid-template-columns:1fr}}.perm-section{flex-direction:column;gap:16px;display:flex}.perm-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.perm-title{color:var(--text-primary,var(--color-text-primary));margin:0;font-size:15px;font-weight:600}.perm-desc{color:var(--text-secondary,var(--color-text-secondary));margin:4px 0 0;font-size:13px}.perm-search-wrap{max-width:320px;position:relative}.perm-search-icon{color:var(--color-text-tertiary);pointer-events:none;font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.perm-search{border:1px solid var(--color-border);background:var(--color-background-primary);width:100%;color:var(--color-text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:8px 12px 8px 32px;font-size:13px}.perm-search:focus{border-color:var(--color-primary,#6366f1)}.perm-emp-name{color:var(--color-text-primary);font-size:13px;font-weight:500}.perm-emp-email{color:var(--color-text-secondary);font-size:11px}.perm-emp-position{color:var(--color-text-secondary);font-size:13px}.perm-badge{border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.perm-badge--none{background:var(--color-background-tertiary);color:var(--color-text-tertiary)}.perm-badge--active{color:#16a34a;background:#f0fdf4}.perm-badge--inactive{color:#dc2626;background:#fef2f2}.perm-actions{align-items:center;gap:6px;display:flex}.perm-pagination{justify-content:center;align-items:center;gap:12px;padding:10px 0;display:flex}.perm-pag-btn{border:1px solid var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:background .15s;display:flex}.perm-pag-btn:hover:not(:disabled){background:var(--color-background-tertiary)}.perm-pag-btn:disabled{opacity:.4;cursor:not-allowed}.perm-pag-info{color:var(--color-text-secondary);text-align:center;min-width:48px;font-size:13px}@media (width<=768px){.perm-search-wrap{max-width:100%}.perm-emp-position{display:none}}@media (width<=480px){.perm-actions{flex-direction:column;align-items:flex-start;gap:4px}}.project-detail-page{gap:var(--space-5);flex-direction:column;animation:.35s both page-in;display:flex}.pd-header-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary-dark,#4f46e5) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-primary-dark,#4f46e5) 20%, transparent);width:48px;height:48px;color:var(--color-primary-dark,#4f46e5);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.pd-header-info{flex:1;min-width:0}.pd-header-title{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:700}.pd-header-desc{color:var(--text-muted);margin:0 0 10px;font-size:13px}.tab-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2);scrollbar-width:none;align-items:center;gap:2px;display:flex;overflow-x:auto}.tab-btn{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border:none;display:flex}.tab-btn:hover{background:var(--bg-page);color:var(--text-primary)}.tab-btn--active{background:var(--color-primary-dark)}.tab-count{border-radius:var(--radius-full);background:#ffffff40;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;display:inline-flex}.tab-btn:not(.tab-btn--active) .tab-count{background:var(--bg-page)}.pd-section{gap:var(--space-4);flex-direction:column;display:flex}.pd-section-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pd-toolbar-right{align-items:center;gap:var(--space-2);display:flex}.pd-search{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);flex:1;align-items:center;gap:8px;max-width:260px;padding:7px 12px;display:flex}.pd-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.pd-search-input::placeholder{color:var(--text-muted)}.pd-date-input,.pd-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:34px;color:var(--text-primary);cursor:pointer;outline:none;padding:0 10px;font-size:13px}.pd-date-input:focus,.pd-select:focus{border-color:var(--color-primary-dark,#4f46e5)}.table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-3) var(--space-5);text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);background:var(--bg-page);border-bottom:1px solid var(--border-color);white-space:nowrap;font-size:11px;font-weight:600}.table td{padding:var(--space-3) var(--space-5);color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle;font-size:13px}.table tr:last-child td{border-bottom:none}.pd-emp-cell{align-items:center;gap:10px;display:flex}.pd-emp-name{color:var(--text-primary);margin:0;font-size:13px;font-weight:500}.pd-emp-email{color:var(--text-muted);margin:0;font-size:12px}.pd-row-actions{align-items:center;gap:2px;display:flex}.pd-summary-cards{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.pd-summary-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex}.pd-summary-card i{font-size:20px}.pd-summary-card--success i{color:var(--color-success,#16a34a)}.pd-summary-card--warning i{color:var(--color-warning,#d97706)}.pd-summary-card--danger i{color:var(--color-danger,#dc2626)}.pd-summary-card--gray i{color:var(--text-muted)}.pd-summary-value{color:var(--text-primary);margin:0;font-size:22px;font-weight:700;line-height:1}.pd-summary-label{color:var(--text-muted);margin:2px 0 0;font-size:12px}.pd-time{border-radius:var(--radius-sm);padding:2px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:600}.pd-time--in{color:#16a34a;background:#f0fdf4}.pd-time--out{color:#2563eb;background:#eff6ff}.pd-time--none{color:var(--text-muted)}.pd-bulking-header{margin-bottom:var(--space-1)}.pd-bulking-title{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:700}.pd-bulking-desc{color:var(--text-muted);margin:0;font-size:13px}.pd-bulking-cards{gap:var(--space-4);display:grid}.pd-bulk-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.pd-bulk-card-header{align-items:center;gap:var(--space-3);display:flex}.pd-bulk-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.pd-bulk-card-icon--blue{color:#2563eb;background:#eff6ff}.pd-bulk-card-icon--green{color:#16a34a;background:#f0fdf4}.pd-bulk-card-title{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:600}.pd-bulk-card-sub{color:var(--text-muted);margin:0;font-size:12px}.pd-dropzone{border:1.5px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-page);padding:var(--space-5);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.pd-dropzone:hover,.pd-dropzone--over{border-color:var(--color-primary-dark,#4f46e5);background:color-mix(in srgb, var(--color-primary-dark,#4f46e5) 4%, transparent)}.pd-dropzone--has-file{border-style:solid;border-color:var(--color-primary-dark,#4f46e5)}.pd-dropzone-text{color:var(--text-secondary);margin:0;font-size:13px}.pd-dropzone-text span{color:var(--color-primary-dark,#4f46e5);font-weight:500;text-decoration:underline}.pd-dropzone-hint{color:var(--text-muted);margin:0;font-size:11px}.pd-dropzone-file{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.pd-dropzone-file i{color:var(--color-primary-dark,#4f46e5);font-size:18px}.pd-dropzone-file button{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:2px;display:flex}.pd-dropzone-file button:hover{color:var(--color-danger)}.pd-bulk-card-footer{justify-content:space-between;align-items:center;display:flex}.pd-template-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:12px;display:inline-flex}.pd-template-btn:hover{color:var(--color-primary-dark,#4f46e5)}.pd-template-btn i{font-size:13px}.pd-bulk-history-title{color:var(--text-primary);margin:0 0 var(--space-3);font-size:14px;font-weight:600}@media (width<=768px){.pd-summary-cards{grid-template-columns:repeat(2,1fr)}.pd-bulking-cards{grid-template-columns:1fr}.pd-header-card{flex-wrap:wrap}}@media (width<=480px){.pd-summary-cards{grid-template-columns:1fr 1fr}}.pd-header-card{align-items:flex-start;gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);display:flex}.pd-header-card--edit{align-items:flex-start}.pd-header-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary-dark,#4f46e5) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-primary-dark,#4f46e5) 20%, transparent);width:48px;height:48px;color:var(--color-primary-dark,#4f46e5);flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-size:22px;display:flex}.pd-header-fields{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.pd-header-error{color:var(--color-danger,#dc2626);margin:0;font-size:12px}.pd-header-actions{gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.pd-header-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pd-meta-item{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.pd-meta-item i{font-size:13px}.pd-meta-sep{color:var(--text-muted);font-size:12px}@media (width<=640px){.pd-header-card--edit{flex-wrap:wrap}.pd-header-actions{flex-direction:row;width:100%}}.nm-title--center{text-align:center}.emp-admin-overlay{--ea-tint:#003d7912;--ea-hover:#eef2f7;z-index:1000;background:#0a162873;justify-content:center;align-items:center;padding:16px;animation:.15s emp-admin-fade;display:flex;position:fixed;inset:0}.emp-admin-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-xl);padding:22px;animation:.18s emp-admin-pop;position:relative;overflow-y:auto}.emp-admin-modal--md{max-width:520px}.emp-admin-modal--lg{max-width:640px}.emp-admin-modal--sm{text-align:center;max-width:400px}.emp-admin-close{background:var(--ea-hover);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.emp-admin-close:hover{background:var(--border-color);color:var(--text-primary)}.emp-admin-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 36px 2px 0;font-size:17px;font-weight:700}.emp-admin-modal--sm .emp-admin-title{margin:0 0 2px}.emp-admin-sub{color:var(--text-secondary);margin:0 0 16px;font-size:12.5px}.emp-admin-body{flex-direction:column;gap:16px;display:flex}.emp-admin-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.emp-admin-field{flex-direction:column;gap:5px;min-width:0;display:flex}.emp-admin-field--full{grid-column:1/-1}.emp-admin-label{color:var(--text-secondary);font-size:12px;font-weight:500}.emp-admin-required{color:var(--color-danger)}.emp-admin-optional{color:var(--text-muted);font-weight:400}.emp-admin-section{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin:0;padding-bottom:6px;font-size:11px;font-weight:700}.emp-admin-input,.emp-admin-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:40px;color:var(--text-primary);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 12px;font-family:inherit;font-size:13.5px}.emp-admin-input::placeholder{color:var(--text-muted)}.emp-admin-input:focus,.emp-admin-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--ea-tint);outline:none}.emp-admin-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a8699' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 11px center;background-repeat:no-repeat;padding-right:34px}.emp-admin-pass{position:relative}.emp-admin-pass .emp-admin-input{padding-right:40px}.emp-admin-pass-toggle{cursor:pointer;width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.emp-admin-pass-toggle:hover{color:var(--text-primary);background:var(--ea-hover)}.emp-admin-pass-toggle i{font-size:16px}.emp-admin-check{color:var(--text-primary);cursor:pointer;text-align:left;align-items:center;gap:8px;font-size:13px;display:flex}.emp-admin-check input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.emp-admin-error{color:var(--color-danger);margin:0;font-size:12px}.emp-admin-linked-box{background:var(--color-danger-bg);border-radius:var(--radius-md);text-align:left;border:1px solid #ef444440;margin:0 0 16px;padding:12px 14px}.emp-admin-linked-title{color:var(--color-danger);margin:0 0 6px;font-size:12.5px;font-weight:600}.emp-admin-linked-list{color:var(--text-secondary);margin:0 0 4px;padding-left:18px;font-size:12.5px;line-height:1.6}.emp-admin-linked-list li{margin:0}.emp-admin-linked-note{color:var(--text-secondary);margin:10px 0 0;font-size:12px;line-height:1.55}.emp-admin-footer{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.emp-admin-footer--center{justify-content:center}.emp-admin-btn{border-radius:var(--radius-md);cursor:pointer;height:40px;transition:background var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border:1px solid #0000;padding:0 20px;font-family:inherit;font-size:13.5px;font-weight:600}.emp-admin-btn:disabled{opacity:.55;cursor:not-allowed}.emp-admin-btn--outline{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.emp-admin-btn--outline:hover:not(:disabled){background:var(--ea-hover);color:var(--text-primary)}.emp-admin-btn--primary{background:var(--color-primary);color:var(--color-white)}.emp-admin-btn--primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md)}.emp-admin-btn--danger{background:var(--color-danger);color:var(--color-white)}.emp-admin-btn--danger:hover:not(:disabled){filter:brightness(.94);box-shadow:var(--shadow-md)}.emp-admin-confirm-icon{border-radius:var(--radius-full);background:var(--color-danger-bg);width:52px;height:52px;color:var(--color-danger);justify-content:center;align-items:center;margin:6px auto 14px;display:flex}.emp-admin-confirm-desc{color:var(--text-secondary);margin:0 0 18px;font-size:13px;line-height:1.55}.emp-admin-confirm-desc strong{color:var(--text-primary)}@keyframes emp-admin-fade{0%{opacity:0}to{opacity:1}}@keyframes emp-admin-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=560px){.emp-admin-grid{grid-template-columns:1fr}.emp-admin-modal{padding:18px}}@media (width<=768px){.emp-admin-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:20px 16px 32px;overflow-y:auto}.emp-admin-modal{max-height:none;margin:auto}}.emp-admin-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.emp-admin-switch input{opacity:0;width:0;height:0;position:absolute}.emp-admin-switch-track{background:var(--border-color);width:40px;height:22px;transition:background var(--transition-fast);border-radius:999px;flex-shrink:0;position:relative}.emp-admin-switch-thumb{width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.emp-admin-switch input:checked+.emp-admin-switch-track{background:var(--color-primary)}.emp-admin-switch input:checked+.emp-admin-switch-track .emp-admin-switch-thumb{transform:translate(18px)}.emp-admin-switch input:focus-visible+.emp-admin-switch-track{box-shadow:0 0 0 3px var(--ea-tint)}.emp-admin-switch-text{color:var(--text-primary);font-size:13px;font-weight:500}.emp-avatar-img{object-fit:cover;border:1px solid var(--border-color);background:var(--bg-page);border-radius:50%;flex-shrink:0;width:28px;height:28px}.pos-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pos-toolbar-left,.pos-toolbar-right{align-items:center;gap:8px;display:flex}.pos-search{border:1px solid var(--border-color);background:var(--bg-card);height:34px;color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s;display:flex}.pos-search:focus-within{border-color:var(--color-primary);color:var(--text-primary)}.pos-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:180px;font-size:13px}.pos-search-input::placeholder{color:var(--text-muted)}.pos-level-badge{width:24px;height:24px;color:var(--color-primary,#6366f1);background:#6366f11a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.pos-admin-overlay{--pa-tint:#003d7912;--pa-hover:#eef2f7;z-index:1000;background:#0a162873;justify-content:center;align-items:center;padding:16px;animation:.15s pos-admin-fade;display:flex;position:fixed;inset:0}.pos-admin-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-xl);padding:22px;animation:.18s pos-admin-pop;position:relative;overflow-y:auto}.pos-admin-modal--sm{max-width:400px}.pos-admin-modal--md{max-width:520px}.pos-admin-close{background:var(--pa-hover);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.pos-admin-close:hover{background:var(--border-color);color:var(--text-primary)}.pos-admin-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 36px 2px 0;font-size:17px;font-weight:700}.pos-admin-sub{color:var(--text-secondary);margin:0 0 16px;font-size:12.5px}.pos-admin-body{flex-direction:column;gap:16px;display:flex}.pos-admin-field{flex-direction:column;gap:5px;min-width:0;display:flex}.pos-admin-label{color:var(--text-secondary);font-size:12px;font-weight:500}.pos-admin-required{color:var(--color-danger)}.pos-admin-optional{color:var(--text-muted);font-weight:400}.pos-admin-input,.pos-admin-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:40px;color:var(--text-primary);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 12px;font-family:inherit;font-size:13.5px}.pos-admin-input::placeholder{color:var(--text-muted)}.pos-admin-input:focus,.pos-admin-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--pa-tint);outline:none}.pos-admin-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a8699' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 11px center;background-repeat:no-repeat;padding-right:34px}.pos-admin-error{color:var(--color-danger);margin:0;font-size:12px}.pos-admin-footer{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.pos-admin-footer--center{justify-content:center}.pos-admin-btn{border-radius:var(--radius-md);cursor:pointer;height:40px;transition:background var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border:1px solid #0000;padding:0 20px;font-family:inherit;font-size:13.5px;font-weight:600}.pos-admin-btn:disabled{opacity:.55;cursor:not-allowed}.pos-admin-btn--outline{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.pos-admin-btn--outline:hover:not(:disabled){background:var(--pa-hover);color:var(--text-primary)}.pos-admin-btn--primary{background:var(--color-primary);color:var(--color-white)}.pos-admin-btn--primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md)}.pos-admin-btn--danger{background:var(--color-danger);color:var(--color-white)}.pos-admin-btn--danger:hover:not(:disabled){filter:brightness(.94);box-shadow:var(--shadow-md)}.pos-admin-confirm-icon{border-radius:var(--radius-full);background:var(--color-danger-bg);width:52px;height:52px;color:var(--color-danger);justify-content:center;align-items:center;margin:6px auto 14px;display:flex}.pos-admin-confirm-desc{color:var(--text-secondary);text-align:center;margin:0 0 18px;font-size:13px;line-height:1.55}.pos-admin-confirm-desc strong{color:var(--text-primary)}@keyframes pos-admin-fade{0%{opacity:0}to{opacity:1}}@keyframes pos-admin-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.pos-admin-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:20px 16px 32px;overflow-y:auto}.pos-admin-modal{max-height:none;margin:auto;padding:18px}}.att-admin-wrap{--at-hover:#eef2f7;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:auto}.att-admin-table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}.att-admin-table thead tr{border-bottom:1px solid var(--border-color);background:var(--at-hover)}.att-admin-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.att-admin-table tbody td{border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-primary);white-space:nowrap;padding:11px 14px}.att-admin-table tbody tr:last-child td{border-bottom:none}.att-admin-table tbody tr{transition:background var(--transition-fast)}.att-admin-table tbody tr:hover{background:var(--at-hover)}.att-admin-loading{justify-content:center;align-items:center;padding:36px;display:flex}.att-admin-user{align-items:center;gap:10px;display:flex}.att-admin-name{color:var(--text-primary);font-size:13px;font-weight:500}.att-admin-muted,.att-admin-date{color:var(--text-secondary);font-size:12px}.att-admin-time{font-variant-numeric:tabular-nums}.att-admin-row{cursor:pointer}.att-admin-overlay{--at-tint:#003d7912;z-index:1000;background:#0a162873;justify-content:center;align-items:center;padding:16px;animation:.15s att-admin-fade;display:flex;position:fixed;inset:0}.att-admin-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-xl);padding:22px;animation:.18s att-admin-pop;position:relative;overflow-y:auto}.att-admin-close{background:var(--at-hover);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.att-admin-close:hover{background:var(--border-color);color:var(--text-primary)}.att-admin-detail-head{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:4px;padding-bottom:16px;display:flex}.att-admin-detail-head-text{flex:1;min-width:0}.att-admin-detail-name{font-family:var(--font-heading);color:var(--text-primary);font-size:15px;font-weight:700}.att-admin-detail-email{color:var(--text-muted);font-size:12px}.att-admin-dl{grid-template-columns:1fr 1fr;gap:14px 18px;padding-top:16px;display:grid}.att-admin-dl-row{flex-direction:column;gap:2px;min-width:0;display:flex}.att-admin-dl-row--full{grid-column:1/-1}.att-admin-dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:600}.att-admin-dd{color:var(--text-primary);word-break:break-word;font-size:13px}.att-admin-link{color:var(--color-primary);text-decoration:none}.att-admin-link:hover{text-decoration:underline}@media (width<=560px){.att-admin-dl{grid-template-columns:1fr}}@media (width<=768px){.att-admin-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:20px 16px 32px;overflow-y:auto}.att-admin-modal{max-height:none;margin:auto;padding:18px}}.att-admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.att-admin-search{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:36px;color:var(--text-muted);min-width:180px;max-width:320px;transition:border-color var(--transition-fast);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.att-admin-search:focus-within{border-color:var(--color-primary);color:var(--text-primary)}.att-admin-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px}.att-admin-search-input::placeholder{color:var(--text-muted)}.att-admin-statusfilter{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:36px;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a8699' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding:0 32px 0 12px;font-family:inherit;font-size:13px}.att-admin-statusfilter:focus{border-color:var(--color-primary);outline:none}.att-admin-seg{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--at-hover);flex-shrink:0;padding:3px;display:inline-flex}.att-admin-seg-btn{border-radius:calc(var(--radius-md) - 3px);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.att-admin-seg-btn:hover{color:var(--text-primary)}.att-admin-seg-btn.is-active{background:var(--bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.att-admin-seg-badge{background:var(--color-danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex}.att-admin-actions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.att-admin-modal-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 36px 2px 0;font-size:17px;font-weight:700}.att-admin-modal-sub{color:var(--text-secondary);margin:0 0 16px;font-size:12.5px}.att-admin-center{text-align:center;margin-left:0;margin-right:0}.att-admin-form{flex-direction:column;gap:16px;display:flex}.att-admin-field{flex-direction:column;gap:5px;display:flex}.att-admin-label{color:var(--text-secondary);font-size:12px;font-weight:500}.att-admin-req{color:var(--color-danger)}.att-admin-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);min-height:84px;color:var(--text-primary);resize:vertical;box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 12px;font-family:inherit;font-size:13.5px;line-height:1.5}.att-admin-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--at-tint);outline:none}.att-admin-error{color:var(--color-danger);margin:0;font-size:12px}.att-admin-form-footer{justify-content:flex-end;gap:8px;display:flex}.att-admin-modal--sm{max-width:420px}.att-admin-confirm-icon{border-radius:var(--radius-full);background:var(--color-danger-bg);width:52px;height:52px;color:var(--color-danger);justify-content:center;align-items:center;margin:6px auto 14px;display:flex}.att-admin-confirm-desc{color:var(--text-secondary);text-align:center;margin:0 0 18px;font-size:13px;line-height:1.55}.att-admin-confirm-desc strong{color:var(--text-primary)}@media (width<=560px){.att-admin-toolbar{gap:8px}.att-admin-search,.att-admin-statusfilter{width:100%;max-width:none}.att-admin-seg{width:100%}.att-admin-seg-btn{flex:1;justify-content:center}}.att-admin-input,.att-admin-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:40px;color:var(--text-primary);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 12px;font-family:inherit;font-size:13.5px}.att-admin-input:focus,.att-admin-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--at-tint);outline:none}.att-admin-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a8699' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 11px center;background-repeat:no-repeat;padding-right:34px}.att-admin-detail-foot{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;margin-top:18px;padding-top:16px;display:flex}.att-admin-danger-text{color:var(--color-danger)!important}.att-admin-subbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.att-admin-subbar-right{align-items:center;gap:8px;display:flex}.att-admin-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.att-admin-bar .input-group{flex:0 260px;min-width:180px}.att-admin-bar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.att-admin-time-cell{align-items:center;gap:8px;display:flex}.att-admin-thumb-link{flex-shrink:0;line-height:0;display:inline-flex}.att-admin-thumb{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-color);cursor:pointer;width:34px;height:34px;transition:transform var(--transition-fast), border-color var(--transition-fast)}.att-admin-thumb:hover{border-color:var(--color-primary);transform:scale(1.08)}.ra-section{flex-direction:column;gap:0;display:flex}.ra-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:16px;display:flex}.ra-toolbar-right{align-items:center;gap:8px;display:flex}.ra-title{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.ra-emp-info{flex-direction:column;gap:1px;display:flex}.ra-emp-pos{color:var(--text-secondary);font-size:11px}.ra-type-cell{align-items:center;gap:6px;font-size:13px;display:flex}.ra-period{white-space:nowrap;color:var(--text-primary);font-size:12px}.ra-reason{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;display:block;overflow:hidden}.ra-approver-cell{flex-direction:column;gap:2px;display:flex}.ra-approver-cell span:first-child{font-size:13px;font-weight:500}.ra-approver-pos{color:var(--text-secondary);font-size:11px}.ra-no-data{color:var(--text-secondary);font-size:13px}.ra-rejection{color:var(--color-danger);white-space:normal;max-width:140px;margin:4px 0 0;font-size:11px;line-height:1.4}.ra-row-actions{justify-content:flex-end}button.ra-doc-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:500;display:inline-flex}button.ra-doc-link:hover{text-decoration:underline}a.ra-doc-link{color:var(--color-primary);align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.ra-overlay{z-index:1000;background:#0a162873;justify-content:center;align-items:center;padding:16px;animation:.15s ra-fade;display:flex;position:fixed;inset:0}@keyframes ra-fade{0%{opacity:0}to{opacity:1}}.ra-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-xl,0 20px 50px #0a162840);flex-direction:column;animation:.18s ra-pop;display:flex;position:relative;overflow:hidden}@keyframes ra-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ra-modal--sm{max-width:440px}.ra-modal--lg{max-width:860px}.ra-modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ra-modal-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.ra-modal-close{border-radius:var(--radius-sm);background:var(--bg-secondary,#f1f5f9);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.ra-modal-close:hover{background:var(--border-color);color:var(--text-primary)}.ra-modal-body{flex:1;min-height:0;padding:18px;overflow-y:auto}.ra-modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.ra-form{flex-direction:column;gap:0;display:flex}.ra-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.ra-field:last-child{margin-bottom:0}.ra-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ra-form-optional{color:var(--text-muted,var(--text-secondary));font-weight:400}.ra-input,.ra-select{box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);width:100%;height:38px;color:var(--text-primary);outline:none;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.ra-input:focus,.ra-select:focus{border-color:var(--color-primary)}.ra-input:disabled{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary);cursor:not-allowed}.ra-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a8699' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.ra-file{color:var(--text-secondary);font-size:12px}.ra-review-form{flex-direction:column;gap:14px;display:flex}.ra-review-summary{background:var(--bg-secondary);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;display:flex}.ra-review-row{align-items:flex-start;gap:8px;display:flex}.ra-review-label{color:var(--text-secondary);flex-shrink:0;min-width:80px;font-size:12px}.ra-review-value{color:var(--text-primary);font-size:13px;font-weight:500}.ra-review-days{color:var(--text-secondary);margin-left:4px;font-size:12px;font-weight:400}.ra-action-btns{gap:8px;display:flex}.ra-action-btn{border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ra-action-btn--approve:hover,.ra-action-btn--approve.active{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success)}.ra-action-btn--reject:hover,.ra-action-btn--reject.active{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger)}.ra-form-field{flex-direction:column;gap:6px;display:flex}.ra-form-label{color:var(--text-primary);font-size:13px;font-weight:500}.ra-form-required{color:var(--color-danger);margin-left:2px}.ra-form-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input,var(--bg-card));width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:80px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.ra-form-textarea:focus{border-color:var(--color-primary);outline:none}.ra-form-error{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, transparent);border-radius:var(--radius-sm);margin:0;padding:6px 10px;font-size:12px}.ra-confirm{text-align:center}.ra-confirm-icon{border-radius:var(--radius-full,999px);background:color-mix(in srgb, var(--color-danger) 12%, transparent);width:52px;height:52px;color:var(--color-danger);justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.ra-confirm-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.ra-confirm-desc strong{color:var(--text-primary)}.ra-doc-viewer{justify-content:center;align-items:center;min-height:300px;display:flex}.ra-doc-viewer-img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:70vh}.ra-doc-viewer-iframe{border-radius:var(--radius-md);border:none;width:100%;height:65vh}.ra-doc-viewer-unsupported{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex}@media (width<=768px){.ra-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:20px 16px 32px;overflow-y:auto}.ra-modal{max-height:none}}@media (width<=560px){.ra-toolbar{flex-direction:column;align-items:stretch}.ra-toolbar-right{width:100%}.ra-toolbar-right .pd-select{flex:1}.ra-grid-2{grid-template-columns:1fr}}.ws-section-head{border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;flex-direction:column;margin-bottom:16px;display:flex;overflow:hidden}.ws-tabs{border-bottom:1px solid var(--border-color);display:flex}.ws-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.ws-tab-btn:hover{color:var(--text-primary)}.ws-tab-btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.ws-tab-count{background:var(--bg-secondary);min-width:18px;height:18px;color:var(--text-muted);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.ws-tab-btn--active .ws-tab-count{color:var(--color-primary);background:#6366f126}.ws-toolbar{background:var(--bg-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;display:flex}.ws-toolbar-left,.ws-toolbar-right{align-items:center;gap:8px;display:flex}.ws-view-toggle{border:1px solid var(--border-color);border-radius:7px;display:flex;overflow:hidden}.ws-view-btn{cursor:pointer;width:30px;height:30px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.ws-view-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ws-view-btn--active{background:var(--color-primary);color:#fff}.ws-loading{justify-content:center;padding:40px;display:flex}.ws-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.ws-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.ws-card:hover{border-color:var(--color-primary);box-shadow:0 2px 10px #6366f114}.ws-card--default{border-color:var(--color-primary)}.ws-card--default .ws-card-header{background:#6366f10a}.ws-card-header{justify-content:space-between;align-items:flex-start;gap:10px;padding:13px 13px 11px;display:flex}.ws-card-title-row{align-items:flex-start;gap:10px;min-width:0;display:flex}.ws-card-icon{width:34px;height:34px;color:var(--color-primary,#6366f1);background:#6366f11a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.ws-card-icon--override{color:var(--color-warning,#eab308);background:#eab3081a}.ws-card-name-row{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:2px;display:flex}.ws-card-name{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.ws-card-desc{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.4}.ws-card-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.ws-card-body{flex-direction:column;gap:10px;padding:0 13px 12px;display:flex}.ws-time-info{flex-wrap:wrap;gap:12px;display:flex}.ws-time-block{flex-direction:column;gap:2px;display:flex}.ws-time-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px;font-weight:600}.ws-time-value{color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.ws-time-value i{color:var(--color-primary);font-size:12px}.ws-time-value--break i{color:var(--color-warning,#eab308)}.ws-days{flex-wrap:wrap;gap:4px;display:flex}.ws-day-chip{background:var(--bg-secondary);width:30px;height:20px;color:var(--text-muted);border:1px solid var(--border-color);border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.ws-day-chip--active{color:var(--color-primary,#6366f1);background:#6366f11a;border-color:#6366f140}.ws-card-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:8px 13px;display:flex}.ws-card-meta{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.ws-card-meta i{font-size:11px}.ws-table-time{font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:500}.ws-table-days{flex-wrap:wrap;gap:3px;display:flex}.ws-table-day-chip{color:var(--color-primary,#6366f1);background:#6366f11a;border-radius:4px;justify-content:center;align-items:center;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.ws-override-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.ws-override-card:hover{border-color:var(--color-warning,#eab308);box-shadow:0 2px 10px #eab30812}.ws-override-header{justify-content:space-between;align-items:center;gap:10px;padding:12px 13px;display:flex}.ws-override-emp-info{align-items:center;gap:9px;min-width:0;display:flex}.ws-override-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.ws-override-sub{color:var(--text-muted);margin:2px 0 0;font-size:11px}.ws-override-emp-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.ws-override-emp-list{border-top:1px solid var(--border-color)}.ws-override-emp-row{justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;transition:background .12s;display:flex}.ws-override-emp-row:hover{background:var(--bg-hover)}.ws-form{grid-template-columns:1fr 1fr;align-items:start;gap:12px 14px;display:grid}.ws-form-group{flex-direction:column;gap:5px;display:flex}.ws-form-group--full{grid-column:1/-1}.ws-form-label{color:var(--text-primary);font-size:12px;font-weight:600}.day-picker{flex-wrap:wrap;gap:5px;display:flex}.day-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:36px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:7px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.day-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.day-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ws-switch-row{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.ws-switch-label{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ws-switch-label span:first-child{color:var(--text-primary);font-size:13px;font-weight:500}.ws-switch-label span:last-child{color:var(--text-muted);font-size:11px}.ws-delete-body{flex-direction:column;gap:10px;display:flex}.ws-delete-info{background:#ef44440f;border:1px solid #ef444426;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.ws-delete-info i{color:var(--color-danger,#ef4444);flex-shrink:0;margin-top:1px;font-size:18px}.ws-delete-info p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.ws-overlay{z-index:1000;background:#0a162873;justify-content:center;align-items:center;padding:16px;animation:.15s ws-fade;display:flex;position:fixed;inset:0}@keyframes ws-fade{0%{opacity:0}to{opacity:1}}.ws-modal{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-xl,0 20px 50px #0a162840);border-radius:12px;flex-direction:column;animation:.18s ws-pop;display:flex;position:relative;overflow:hidden}@keyframes ws-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ws-modal--sm{max-width:440px}.ws-modal--lg{max-width:720px}.ws-modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ws-modal-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.ws-modal-close{background:var(--bg-secondary);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.ws-modal-close:hover{background:var(--border-color);color:var(--text-primary)}.ws-modal-body{flex:1;min-height:0;padding:16px 18px;overflow-y:auto}.ws-modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.ws-form-error{color:var(--color-danger);background:#ef444414;border-radius:6px;grid-column:1/-1;margin:0;padding:6px 10px;font-size:12px}@media (width<=768px){.ws-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:20px 16px 32px;overflow-y:auto}.ws-modal{max-height:none}}@media (width<=560px){.ws-form{grid-template-columns:1fr}}.loc-tab{gap:var(--space-4,16px);flex-direction:column;display:flex}.loc-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.loc-toolbar-right{align-items:center;gap:14px;display:flex}.loc-count{color:var(--text-secondary,#64748b);font-size:13px;font-weight:600}.loc-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.loc-switch-input{opacity:0;width:0;height:0;position:absolute}.loc-switch-track{background:var(--border-color,#e2e8f0);border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .18s;position:relative}.loc-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.loc-switch-input:checked+.loc-switch-track{background:var(--color-primary,#4f46e5)}.loc-switch-input:checked+.loc-switch-track .loc-switch-thumb{transform:translate(16px)}.loc-switch-input:focus-visible+.loc-switch-track{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary,#4f46e5) 25%, transparent)}.loc-switch-text{color:var(--text-secondary,#64748b);font-size:13px}.loc-info-banner{border-radius:var(--radius-md,8px);color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12.5px;line-height:1.6;display:flex}.loc-info-banner i{flex-shrink:0;margin-top:1px;font-size:15px}.loc-table-wrap{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);overflow:auto}.loc-table{border-collapse:collapse;width:100%;min-width:560px}.loc-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#94a3b8);background:var(--bg-page,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:600}.loc-table td{color:var(--text-primary,#0f172a);border-bottom:1px solid var(--border-color,#e2e8f0);vertical-align:middle;padding:10px 16px;font-size:13px}.loc-table tbody tr:last-child td{border-bottom:none}.loc-table tbody tr:hover{background:var(--bg-page,#f8fafc)}.loc-row--inactive td{opacity:.45}.loc-name-cell{align-items:center;gap:10px;display:flex}.loc-pin-icon{border-radius:var(--radius-sm,6px);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.loc-pin-icon--blue{color:#2563eb;background:#eff6ff}.loc-pin-icon--amber{color:#d97706;background:#fffbeb}.loc-name{color:var(--text-primary,#0f172a);margin:0;font-size:13px;font-weight:500}.loc-address{color:var(--text-muted,#94a3b8);margin:0;font-size:12px}.loc-badge{white-space:nowrap;border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.loc-badge--blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.loc-badge--amber{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.loc-status{border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.loc-status--active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.loc-status--inactive{background:var(--bg-page,#f8fafc);color:var(--text-muted,#94a3b8);border:1px solid var(--border-color,#e2e8f0)}.loc-radius-badge{color:var(--text-secondary,#64748b);background:var(--bg-page,#f8fafc);border-radius:var(--radius-sm,6px);border:1px solid var(--border-color,#e2e8f0);white-space:nowrap;padding:2px 7px;font-size:12px;font-weight:600}.loc-coords{color:var(--text-muted,#94a3b8);font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.loc-date{color:var(--text-muted,#94a3b8);white-space:nowrap;font-size:12px}.loc-row-actions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.loc-action-btn{border-radius:var(--radius-sm,6px);cursor:pointer;width:28px;height:28px;color:var(--text-muted,#94a3b8);background:0 0;border:none;justify-content:center;align-items:center;font-size:15px;transition:background .15s,color .15s;display:flex}.loc-action-btn:hover{background:var(--bg-page,#f8fafc);color:var(--text-primary,#0f172a)}.loc-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 24px;display:flex}.loc-empty-icon{border-radius:var(--radius-lg,12px);background:var(--bg-page,#f8fafc);border:1px solid var(--border-color,#e2e8f0);width:52px;height:52px;color:var(--text-muted,#94a3b8);justify-content:center;align-items:center;font-size:22px;display:flex}.loc-empty-title{color:var(--text-primary,#0f172a);margin:0;font-size:14px;font-weight:600}.loc-empty-desc{color:var(--text-muted,#94a3b8);max-width:340px;margin:0;font-size:13px}.loc-loading{justify-content:center;padding:48px 0;display:flex}.loc-pagination{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.loc-page-btn{border-radius:var(--radius-sm,6px);border:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);width:30px;height:30px;color:var(--text-secondary,#64748b);cursor:pointer;font-size:12px;font-weight:600;transition:background .15s}.loc-page-btn:hover{background:var(--bg-page,#f8fafc)}.loc-page-btn--active{background:var(--color-primary,#4f46e5);color:#fff;border-color:var(--color-primary,#4f46e5)}.loc-modal-overlay{z-index:1000;background:#0a162873;justify-content:center;align-items:center;padding:16px;animation:.15s loc-fade;display:flex;position:fixed;inset:0}@keyframes loc-fade{0%{opacity:0}to{opacity:1}}.loc-modal-box{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);width:100%;max-width:860px;max-height:90vh;box-shadow:var(--shadow-xl,0 20px 50px #0a162840);flex-direction:column;animation:.18s loc-pop;display:flex;overflow:hidden}@keyframes loc-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.loc-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.loc-modal-header-left{align-items:center;gap:10px;display:flex}.loc-modal-icon-wrap{border-radius:var(--radius-md,8px);background:color-mix(in srgb, var(--color-primary,#4f46e5) 10%, transparent);width:34px;height:34px;color:var(--color-primary,#4f46e5);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.loc-modal-title{color:var(--text-primary,#0f172a);margin:0;font-size:15px;font-weight:700}.loc-modal-close{border-radius:var(--radius-sm,6px);background:var(--bg-page,#f8fafc);cursor:pointer;width:30px;height:30px;color:var(--text-secondary,#64748b);border:none;justify-content:center;align-items:center;font-size:16px;transition:background .15s,color .15s;display:flex}.loc-modal-close:hover{background:var(--border-color,#e2e8f0);color:var(--text-primary,#0f172a)}.loc-modal-body{flex:1;grid-template-columns:300px 1fr;min-height:0;display:grid;overflow:hidden}.loc-form-col{border-right:1px solid var(--border-color,#e2e8f0);flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.loc-map-col{flex-direction:column;min-height:480px;display:flex}.loc-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.loc-field{flex-direction:column;gap:6px;display:flex}.loc-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#64748b);font-size:11px;font-weight:600}.loc-required{color:var(--color-danger,#dc2626);margin-left:2px}.loc-optional{color:var(--text-muted,#94a3b8);text-transform:none;letter-spacing:0;font-weight:400}.loc-field-label-row{justify-content:space-between;align-items:center;display:flex}.loc-input{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);background:var(--bg-card,#fff);height:36px;color:var(--text-primary,#0f172a);box-sizing:border-box;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s}.loc-input:focus{border-color:var(--color-primary,#4f46e5)}.loc-input::placeholder{color:var(--text-muted,#94a3b8)}.loc-autocomplete-wrap{position:relative}.loc-autocomplete-spinner{align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.loc-suggest-list{z-index:30;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);max-height:240px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0a16281f}.loc-suggest-item{border-radius:var(--radius-sm,6px);cursor:pointer;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.loc-suggest-item:hover{background:var(--bg-page,#f8fafc)}.loc-suggest-item>i{color:var(--color-primary,#4f46e5);flex-shrink:0;margin-top:1px;font-size:15px}.loc-suggest-text{flex-direction:column;min-width:0;display:flex}.loc-suggest-name{color:var(--text-primary,#0f172a);font-size:13px;font-weight:500}.loc-suggest-addr{color:var(--text-muted,#94a3b8);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.loc-suggest-item--custom:not(:only-child){border-top:1px solid var(--border-color,#e2e8f0);margin-top:4px;padding-top:10px}.loc-suggest-item--custom>i{color:var(--text-secondary,#64748b)}.loc-suggest-item--custom .loc-suggest-name{color:var(--text-secondary,#64748b);font-weight:600}.loc-form-error{border-radius:var(--radius-md,8px);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.loc-form-error i{flex-shrink:0;font-size:15px}.loc-gps-btn{border-radius:var(--radius-sm,6px);border:1px solid color-mix(in srgb, var(--color-primary,#4f46e5) 30%, transparent);background:color-mix(in srgb, var(--color-primary,#4f46e5) 8%, transparent);color:var(--color-primary,#4f46e5);cursor:pointer;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.loc-gps-btn:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary,#4f46e5) 15%, transparent)}.loc-gps-btn:disabled{opacity:.6;cursor:not-allowed}.loc-gps-btn i{font-size:13px}.loc-coord-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.loc-coord-display{background:var(--bg-page,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);align-items:center;gap:8px;height:36px;padding:0 12px;font-size:12px;display:flex}.loc-coord-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:10px;font-weight:700}.loc-coord-value{color:var(--text-primary,#0f172a);text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;overflow:hidden}.loc-hint-warn{color:var(--color-warning,#d97706);align-items:center;gap:5px;margin:0;font-size:11px;display:flex}.loc-hint-warn i{font-size:14px}.loc-hint{color:var(--text-muted,#94a3b8);margin:0;font-size:11px;line-height:1.6}.loc-radius-val{color:var(--color-primary,#4f46e5);font-size:13px;font-weight:700}.loc-slider{width:100%;accent-color:var(--color-primary,#4f46e5);cursor:pointer}.loc-slider-labels{color:var(--text-muted,#94a3b8);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.loc-scope-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.loc-scope-btn{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);background:var(--bg-card,#fff);color:var(--text-secondary,#64748b);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.loc-scope-btn:hover{border-color:var(--color-primary,#4f46e5);color:var(--color-primary,#4f46e5)}.loc-scope-btn--active{background:color-mix(in srgb, var(--color-primary,#4f46e5) 10%, transparent);border-color:var(--color-primary,#4f46e5);color:var(--color-primary,#4f46e5)}.loc-scope-btn i{font-size:15px}.loc-map-wrap{flex-direction:column;flex:1;display:flex;position:relative}.loc-map-container{z-index:1;flex:1;width:100%;min-height:440px}.loc-modal-box .leaflet-pane{z-index:10!important}.loc-modal-box .leaflet-control,.loc-modal-box .leaflet-top,.loc-modal-box .leaflet-bottom{z-index:20!important}.loc-map-loading{background:var(--bg-page,#f8fafc);z-index:5;color:var(--text-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;inset:0}.loc-map-hint{color:var(--text-muted,#94a3b8);background:var(--bg-page,#f8fafc);border-top:1px solid var(--border-color,#e2e8f0);flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.loc-map-hint i{font-size:13px}.loc-map-marker{background:var(--color-primary,#4f46e5);border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;transform:rotate(-45deg);box-shadow:0 2px 8px #4f46e566}.loc-map-marker i{color:#fff;font-size:16px;transform:rotate(45deg)}@media (width<=768px){.loc-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:20px 16px 32px;overflow-y:auto}.loc-modal-box{max-height:none;margin:auto}}@media (width<=700px){.loc-modal-body{grid-template-columns:1fr}.loc-form-col{border-right:none;border-bottom:1px solid var(--border-color,#e2e8f0)}.loc-map-col{min-height:300px}.loc-map-container{min-height:280px}.loc-scope-toggle{grid-template-columns:1fr}.loc-table th:nth-child(2),.loc-table td:nth-child(2){display:none}}@media (width<=560px){.loc-toolbar{flex-direction:column;align-items:stretch;gap:10px}.loc-toolbar-right{justify-content:space-between;gap:10px;width:100%}}.project-page{--pp-hover:#eef2f7;--pp-tint:#003d7912;--pp-tint-strong:#003d791f;--bg-hover:#eef2f7;gap:var(--space-5);flex-direction:column;height:100%;min-height:0;display:flex}.project-page-header{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;padding:16px 20px;display:flex}.project-page-header .btn,.detail-header-card-actions .btn{min-height:40px}.project-page-header-text{min-width:0}.project-page-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.3px;margin:0 0 3px;font-size:1.375rem;font-weight:700;line-height:1.15}.project-page-subtitle{color:var(--text-muted);margin:0;font-size:13px}.project-split{gap:var(--space-4);flex:1;min-height:0;display:flex;overflow:hidden}.project-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:256px;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.project-sidebar-search{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border-color);color:var(--text-muted);padding:11px 13px;display:flex}.project-sidebar-search:focus-within{color:var(--color-primary)}.project-sidebar-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px}.project-sidebar-search-input::placeholder{color:var(--text-muted)}.project-sidebar-list{padding:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex:1;overflow-y:auto}.project-sidebar-loading,.project-sidebar-empty{justify-content:center;align-items:center;padding:36px 16px;display:flex}.project-sidebar-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;display:flex;position:relative}.project-sidebar-item:hover{background:var(--pp-hover)}.project-sidebar-item--active{background:var(--pp-tint)}.project-sidebar-item--active:before{content:"";background:var(--color-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.project-sidebar-item-icon{border-radius:var(--radius-sm);background:var(--pp-hover);width:30px;height:30px;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-sidebar-item--active .project-sidebar-item-icon{background:var(--color-primary);color:var(--color-white)}.project-sidebar-item-body{flex:1;min-width:0}.project-sidebar-item-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 1px;font-size:13px;font-weight:500;overflow:hidden}.project-sidebar-item--active .project-sidebar-item-name{color:var(--color-primary);font-weight:600}.project-sidebar-item-tenant{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.project-sidebar-item-chevron{color:var(--color-primary);flex-shrink:0}.project-sidebar-footer{color:var(--text-muted);border-top:1px solid var(--border-color);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex}.project-sidebar-pages{align-items:center;gap:6px;display:flex}.project-page-ind{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.project-page-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);width:24px;height:24px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.project-page-btn:hover:not(:disabled){background:var(--pp-hover);border-color:var(--color-primary)}.project-page-btn:disabled{opacity:.4;cursor:not-allowed}.project-detail{gap:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.project-detail-empty{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1;justify-content:center;align-items:center;min-height:260px;display:flex}.project-detail-empty-inner{text-align:center;color:var(--text-muted)}.project-detail-empty-icon{border-radius:var(--radius-md);background:var(--pp-hover);width:52px;height:52px;color:var(--text-muted);justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.project-detail-empty-text{color:var(--text-secondary);margin:0;font-size:14px}.detail-header-card{align-items:flex-start;gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;padding:18px 20px;display:flex}.detail-header-icon{border-radius:var(--radius-md);background:var(--pp-tint);width:44px;height:44px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.detail-header-fields{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.detail-header-fields .input-group,.detail-header-fields .input-wrap,.detail-header-fields .input{box-sizing:border-box;width:100%}.detail-header-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.detail-tenant-date{color:var(--text-muted);font-size:12px}.detail-header-card-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.btn-danger-ghost{color:var(--color-danger)!important}.btn-danger-ghost:hover{background:var(--color-danger-bg)!important}.tenant-form-error{color:var(--color-danger);margin:0;font-size:12px}.tab-bar{border-bottom:1px solid var(--border-color);scrollbar-width:none;flex-shrink:0;gap:2px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color var(--transition-fast), background var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 14px;font-size:13px;font-weight:500;display:flex}.tab-btn:hover{color:var(--text-primary);background:var(--pp-hover)}.tab-btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.tab-btn i{font-size:14px}.tab-count{background:var(--pp-hover);color:var(--text-muted);border-radius:var(--radius-full);padding:1px 7px;font-size:11px;font-weight:600;line-height:1.6}.tab-btn--active .tab-count{background:var(--pp-tint-strong);color:var(--color-primary)}.section-content{gap:var(--space-3);flex-direction:column;display:flex}.section-toolbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.section-toolbar .input-group{flex:1;min-width:0}.section-toolbar>.btn,.section-toolbar>button{flex-shrink:0}.table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:auto}.table{border-collapse:collapse;width:100%;min-width:520px;font-size:13px}.table thead tr{border-bottom:1px solid var(--border-color);background:var(--pp-hover)}.table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.table tbody td{border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-primary);padding:11px 14px}.table tbody tr:last-child td{border-bottom:none}.table--hover tbody tr{transition:background var(--transition-fast)}.table--hover tbody tr:hover{background:var(--pp-hover)}.table-loading{justify-content:center;align-items:center;padding:36px;display:flex}.detail-item-name{color:var(--text-primary);font-size:13px;font-weight:500}.detail-item-desc{color:var(--text-secondary);font-size:12px}.detail-row-actions{opacity:.45;transition:opacity var(--transition-fast);align-items:center;gap:2px;display:flex}tr:hover .detail-row-actions,.table--hover tbody tr:hover .detail-row-actions{opacity:1}.pagination{border-top:1px solid var(--border-color);background:var(--pp-hover);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.pagination-info{color:var(--text-muted);font-size:12px}.pagination-btns{align-items:center;gap:3px;display:flex}.pagination-dot{color:var(--text-muted);padding:0 4px;font-size:12px}.detail-form{gap:var(--space-4);flex-direction:column;display:flex}.detail-form--grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.detail-form-full{grid-column:1/-1}.detail-form-check{align-items:center;gap:var(--space-2);color:var(--text-primary);grid-column:1/-1;font-size:13px;display:flex}.detail-form-error{color:var(--color-danger);margin:0;font-size:12px}.pm-overlay{z-index:1000;background:#0a162873;justify-content:center;align-items:center;padding:16px;animation:.15s pm-fade;display:flex;position:fixed;inset:0}.pm-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-xl);padding:22px;animation:.18s pm-pop;position:relative;overflow-y:auto}.pm-modal--sm{text-align:center;max-width:400px}.pm-close{background:var(--pp-hover);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.pm-close:hover{background:var(--border-color);color:var(--text-primary)}.pm-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 36px 2px 0;font-size:17px;font-weight:700}.pm-title--center{text-align:center;margin:0 0 2px}.pm-sub{color:var(--text-secondary);margin:0 0 16px;font-size:12.5px}.pm-body{flex-direction:column;gap:16px;display:flex}.pm-field{flex-direction:column;gap:5px;display:flex}.pm-label{color:var(--text-secondary);font-size:12px;font-weight:500}.pm-required{color:var(--color-danger)}.pm-optional{color:var(--text-muted);font-weight:400}.pm-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:40px;color:var(--text-primary);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 12px;font-family:inherit;font-size:13.5px}.pm-input::placeholder{color:var(--text-muted)}.pm-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--pp-tint)}.pm-textarea{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.5}.pm-error{color:var(--color-danger);margin:-4px 0 0;font-size:12px}.pm-footer{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.pm-footer--center{justify-content:center}.pm-btn{border-radius:var(--radius-md);cursor:pointer;height:40px;transition:background var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border:1px solid #0000;padding:0 20px;font-family:inherit;font-size:13.5px;font-weight:600}.pm-btn:disabled{opacity:.55;cursor:not-allowed}.pm-btn--outline{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.pm-btn--outline:hover:not(:disabled){background:var(--pp-hover);color:var(--text-primary)}.pm-btn--primary{background:var(--color-primary);color:var(--color-white)}.pm-btn--primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md)}.pm-btn--danger{background:var(--color-danger);color:var(--color-white)}.pm-btn--danger:hover:not(:disabled){filter:brightness(.94);box-shadow:var(--shadow-md)}.pm-confirm-icon{border-radius:var(--radius-full);background:var(--color-danger-bg);width:52px;height:52px;color:var(--color-danger);justify-content:center;align-items:center;margin:6px auto 14px;display:flex}.pm-confirm-desc{color:var(--text-secondary);margin:0 0 18px;font-size:13px;line-height:1.55}.pm-confirm-desc strong{color:var(--text-primary)}@keyframes pm-fade{0%{opacity:0}to{opacity:1}}@keyframes pm-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1024px){.project-page{padding:var(--space-5)}.project-sidebar{width:220px}}@media (width<=768px){.project-page{height:auto;min-height:0;padding:var(--space-4);gap:var(--space-4)}.project-split{gap:var(--space-3);flex-direction:column;overflow:visible}.project-sidebar{width:100%;max-height:280px}.project-detail{overflow:visible}.project-detail-empty{min-height:200px}.pm-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:20px 16px 32px;overflow-y:auto}.pm-modal{max-height:none;margin:auto}}@media (width<=640px){.project-page{padding:var(--space-3)}.project-page-header{align-items:stretch;gap:var(--space-3);flex-direction:column}.project-page-header>button{justify-content:center;width:100%}.project-page-title{font-size:1rem}.project-page-subtitle{font-size:10px;line-height:1.5}.detail-header-card{align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;padding:16px}.detail-header-icon{width:40px;height:40px}.detail-header-fields{flex:1 1 0;min-width:0}.detail-header-card-actions{gap:var(--space-2);flex-direction:row;width:100%}.detail-header-card-actions>*{flex:1;justify-content:center}.pm-modal{padding:18px}}@media (width<=400px){.project-sidebar{max-height:230px}.detail-header-card-actions{flex-direction:column}}.project-sidebar-item-icon{overflow:hidden}.project-sidebar-thumb{object-fit:cover;width:100%;height:100%}.detail-header-image{border-radius:var(--radius-md);background:var(--pp-tint);width:56px;height:56px;color:var(--color-primary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex;position:relative;overflow:hidden}.detail-header-image img{object-fit:cover;width:100%;height:100%;display:block}.detail-header-image-edit{color:#fff;letter-spacing:.02em;opacity:0;height:18px;transition:opacity var(--transition-fast);background:#003d79b8;justify-content:center;align-items:center;font-size:9.5px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.detail-header-image:hover .detail-header-image-edit{opacity:1}.pm-image-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pm-image-preview{border-radius:var(--radius-md);background:var(--pp-tint);width:56px;height:56px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.pm-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.pm-image-btn{cursor:pointer;align-items:center;height:38px;display:inline-flex}.pm-image-remove{color:var(--color-danger);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500}@media (width<=768px){.detail-header-image-edit{opacity:1}}.detail-name-field .input{font-size:16px;font-weight:500}@media (width<=768px){.detail-name-field .input{font-size:14px}}.pm-dropzone{border:1.5px dashed var(--border-color);border-radius:var(--radius-md);background:var(--pp-tint);cursor:pointer;width:100%;min-height:128px;transition:border-color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pm-dropzone:hover{border-color:var(--color-primary);background:var(--pp-tint-strong)}.pm-dropzone--filled{border-style:solid}.pm-dropzone-placeholder{color:var(--color-primary);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.pm-dropzone-text{color:var(--text-secondary);font-size:13px;font-weight:500}.pm-dropzone-hint{color:var(--text-muted);font-size:11px}.pm-dropzone-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pm-dropzone-overlay{color:#fff;opacity:0;transition:opacity var(--transition-fast);background:#0a162873;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.pm-dropzone:hover .pm-dropzone-overlay{opacity:1}.pm-image-remove{color:var(--color-danger);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:8px;font-size:12px;font-weight:500}.pm-image-remove:hover{text-decoration:underline}.pm-image-remove{background:var(--color-danger-bg);border-radius:var(--radius-sm);color:var(--color-danger);cursor:pointer;transition:filter var(--transition-fast);border:none;align-self:flex-start;align-items:center;gap:5px;margin-top:8px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.pm-image-remove:hover{filter:brightness(.96)}@media (width<=640px){.project-page-header>div{width:100%}.project-page-header>div>.btn{flex:1;justify-content:center}}.pm-linked-box{text-align:left;background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md);margin:0 0 16px;padding:12px 14px}.pm-linked-title{color:var(--color-danger);margin:0 0 6px;font-size:12.5px;font-weight:600}.pm-linked-list{color:var(--text-secondary);margin:0 0 8px;padding-left:18px;font-size:12.5px}.pm-linked-list li{margin:2px 0}.pm-linked-note{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.5}.notif-admin-page{--notif-header-h:var(--topbar-height,60px);gap:var(--space-5);flex-direction:column;height:100%;min-height:0;animation:.35s both notif-admin-page-in;display:flex}@keyframes notif-admin-page-in{0%{opacity:0}to{opacity:1}}.notif-admin-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.notif-admin-page-title{color:var(--text-primary);margin:0 0 3px;font-size:22px;font-weight:700}.notif-admin-page-subtitle{color:var(--text-muted);margin:0;font-size:13px}.notif-admin-alert{border-radius:var(--radius-md);color:var(--color-warning);background:#f59e0b14;border:1px solid #f59e0b59;padding:10px 12px;font-size:13px}.notif-admin-toolbar{align-items:center;gap:var(--space-3);flex-wrap:nowrap;display:flex}.notif-admin-toolbar .input-group{flex:0 300px;width:auto;min-width:0}.notif-admin-toolbar .select-group{flex-shrink:0}.notif-admin-total{color:var(--text-muted);white-space:nowrap;font-size:13px}.notif-admin-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.notif-admin-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.notif-admin-table{border-collapse:collapse;width:100%;min-width:560px}.notif-admin-table th{padding:var(--space-3) var(--space-5);text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);background:var(--bg-page);border-bottom:1px solid var(--border-color);white-space:nowrap;font-size:11px;font-weight:600}.notif-admin-table td{padding:var(--space-3) var(--space-5);color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle;font-size:13px}.notif-admin-table tr:last-child td{border-bottom:none}.notif-admin-table--hover tbody tr{transition:background var(--transition-fast)}.notif-admin-table--hover tbody tr:hover{background:var(--bg-page)}.notif-admin-table-loading{padding:var(--space-8) 0;justify-content:center;align-items:center;display:flex}.notif-admin-title-cell{align-items:center;gap:8px;margin-bottom:2px;display:flex}.notif-admin-title-text{color:var(--text-primary);font-weight:600}.notif-admin-message-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin:0;font-size:12px;overflow:hidden}.notif-admin-date-cell{color:var(--text-secondary);white-space:nowrap;font-size:13px}.notif-admin-actions{align-items:center;gap:2px;display:flex}.notif-admin-pagination{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-color);background:var(--bg-page);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.notif-admin-pagination-info{color:var(--text-muted);font-size:12px}.notif-admin-pagination-btns{align-items:center;gap:var(--space-1);display:flex}.notif-admin-pagination-dot{color:var(--text-muted);padding:0 2px;font-size:13px}.notif-admin-target-hint{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-page);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.notif-admin-empty-text{color:var(--text-muted);margin:0;font-size:12px}.notif-admin-empty-text-center{color:var(--text-muted);text-align:center;margin:0;padding:12px 0;font-size:12px}.notif-admin-emp-check{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);transition:background var(--transition-fast);align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.notif-admin-emp-check:hover{background:var(--bg-page)}.notif-admin-emp-check input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--color-primary-dark);flex-shrink:0}.notif-admin-emp-check>:nth-child(2){aspect-ratio:1;flex:none}.notif-admin-emp-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notif-admin-emp-pos{color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;padding-left:8px;font-size:11px}.notif-admin-proj-head-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.notif-admin-clear-btn{cursor:pointer;color:var(--color-danger);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;padding:2px 6px;font-size:12px;font-weight:600}.notif-admin-clear-btn:hover{background:var(--bg-page)}.notif-admin-proj-list{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-page);flex-direction:column;gap:4px;max-height:280px;padding:6px;display:flex;overflow-y:auto}.notif-admin-proj{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);overflow:hidden}.notif-admin-proj-header{align-items:center;gap:8px;padding:8px 10px;display:flex}.notif-admin-proj-check{cursor:pointer;width:15px;height:15px;accent-color:var(--color-primary-dark);flex-shrink:0}.notif-admin-proj-toggle{cursor:pointer;min-width:0;color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:0;display:flex}.notif-admin-proj-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.notif-admin-proj-chevron.is-open{transform:rotate(90deg)}.notif-admin-proj-name{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;font-size:13px;font-weight:600;overflow:hidden}.notif-admin-proj-count{color:var(--text-muted);background:var(--bg-page);border:1px solid var(--border-color);border-radius:20px;flex-shrink:0;padding:1px 8px;font-size:11px;font-weight:600}.notif-admin-proj-body{border-top:1px solid var(--border-color);flex-direction:column;gap:2px;padding:4px 6px 8px 28px;display:flex}.notif-admin-sel-summary{color:var(--color-primary-dark);margin:6px 0 0;font-size:12px;font-weight:600}.nm-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.15s nm-fade;display:flex;position:fixed;inset:0}.nm-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-xl);padding:22px;animation:.18s nm-pop;position:relative;overflow-y:auto}.nm-modal--sm{text-align:center;max-width:400px}.nm-close{background:var(--bg-page);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.nm-close:hover{background:var(--border-color);color:var(--text-primary)}.nm-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 36px 2px 0;font-size:16px;font-weight:700}.nm-title--center{text-align:center;margin:0 0 2px}.nm-sub{color:var(--text-secondary);margin:0 0 16px;font-size:12px}.nm-body{flex-direction:column;gap:16px;display:flex}.nm-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nm-field{flex-direction:column;gap:5px;display:flex}.nm-label{color:var(--text-secondary);font-size:12px;font-weight:500}.nm-required{color:var(--color-danger)}.nm-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:38px;color:var(--text-primary);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 11px;font-family:inherit;font-size:13px}.nm-input::placeholder{color:var(--text-muted)}.nm-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.nm-select{cursor:pointer}.nm-textarea{resize:vertical;height:auto;min-height:80px;padding:9px 11px;line-height:1.5}.nm-error{color:var(--color-danger);margin:-4px 0 0;font-size:12px}.nm-footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.nm-footer--center{justify-content:center}.nm-confirm-icon{width:52px;height:52px;color:var(--color-danger);background:#ef44441f;border-radius:999px;justify-content:center;align-items:center;margin:6px auto 14px;display:flex}.nm-confirm-desc{color:var(--text-secondary);margin:0 0 18px;font-size:13px;line-height:1.55}.nm-confirm-desc strong{color:var(--text-primary)}.notif-admin-panel-overlay{top:var(--notif-header-h);z-index:199;background:#0f172a66;animation:.2s both notif-admin-fade-in;position:fixed;bottom:0;left:0;right:0}@keyframes notif-admin-fade-in{0%{opacity:0}to{opacity:1}}.notif-admin-panel{top:var(--notif-header-h);background:var(--bg-card);border-left:1px solid var(--border-color);z-index:200;width:440px;max-width:100%;box-shadow:var(--shadow-xl);flex-direction:column;animation:.3s both notif-admin-panel-in;display:flex;position:fixed;bottom:0;right:0}@keyframes notif-admin-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}.notif-admin-panel-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0}.notif-admin-panel-header-inner{justify-content:space-between;align-items:flex-start;gap:var(--space-3);width:100%;max-width:860px;padding:var(--space-5);margin:0 auto;display:flex}.notif-admin-panel-head-content{flex:1;min-width:0}.notif-admin-panel-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700;line-height:1.4}.notif-admin-panel-badges{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.notif-admin-panel-close{background:var(--bg-page);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);width:32px;height:32px;transition:color var(--transition-fast), background var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-admin-panel-close:hover{color:var(--text-primary);background:var(--border-color)}.notif-admin-panel-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.notif-admin-panel-body-inner{width:100%;max-width:860px;padding:var(--space-5);gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.notif-admin-detail-message{color:var(--text-secondary);background:var(--bg-page);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);font-size:13px;line-height:1.6}.notif-admin-detail-date{color:var(--text-muted);font-size:11px}.notif-admin-panel-section-header{justify-content:space-between;align-items:center;display:flex}.notif-admin-panel-section-title{color:var(--text-primary);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:flex}.notif-admin-panel-section-count{background:var(--bg-page);color:var(--text-muted);border:1px solid var(--border-color);border-radius:20px;padding:1px 7px;font-size:11px;font-weight:600}.notif-admin-recipient-list,.notif-admin-read-list{flex-direction:column;gap:0;display:flex}.notif-admin-recipient-item,.notif-admin-read-item{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:8px 0;display:flex}.notif-admin-recipient-item>:first-child,.notif-admin-read-item>:first-child{aspect-ratio:1;flex:none}.notif-admin-recipient-item:last-child,.notif-admin-read-item:last-child{border-bottom:none}.notif-admin-recipient-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.notif-admin-read-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.notif-admin-loading-center{justify-content:center;padding:16px 0;display:flex}.notif-admin-mt-4{margin-top:16px}.notif-admin-danger-zone{border-top:1px solid var(--border-color);margin-top:24px;padding-top:16px}@media (width<=768px){.notif-admin-page-header{flex-direction:column;align-items:stretch}.notif-admin-page-header button{justify-content:center;width:100%}.notif-admin-toolbar{flex-direction:column;align-items:stretch}.notif-admin-toolbar .input-group{flex:auto;width:100%;max-width:100%}.notif-admin-toolbar .input-wrap,.notif-admin-toolbar .input,.notif-admin-toolbar select{width:100%!important;max-width:100%!important}.notif-admin-total{margin-left:0}.notif-admin-toolbar button{justify-content:center;width:100%;margin-left:0!important}.nm-row{grid-template-columns:1fr}.notif-admin-panel{border-left:none;width:100%;max-width:100%}.notif-admin-message-preview{max-width:160px}.notif-admin-pagination{justify-content:center}.notif-admin-pagination-info{text-align:center;width:100%}}@media (width<=480px){.notif-admin-table th,.notif-admin-table td{padding:var(--space-2) var(--space-3)}.notif-admin-message-preview{max-width:100px}.notif-admin-proj-body{padding-left:20px}.nm-modal{padding:18px}}@media (width<=768px){.notif-admin-page-title{font-size:18px}.notif-admin-page-subtitle{font-size:12px}}@media (width<=480px){.notif-admin-page-title{font-size:16px}}.personal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.personal-header{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.personal-header i{color:var(--color-primary);font-size:18px}.personal-header h3{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.personal-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.personal-grid-full{grid-column:1/-1}.personal-grid .input-group,.personal-grid .input-wrap,.personal-grid .input{box-sizing:border-box;width:100%}.personal-save-bar{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.personal-error{color:var(--color-danger);margin:0 auto 0 0;font-size:13px}.personal-success{color:var(--color-success,#16a34a);margin:0 auto 0 0;font-size:13px}.personal-loading{justify-content:center;align-items:center;min-height:200px;display:flex}@media (width<=768px){.personal-card{padding:18px}.personal-header{margin-bottom:18px;padding-bottom:14px}.personal-save-bar{margin-top:18px;padding-top:14px}}@media (width<=560px){.personal-grid{grid-template-columns:1fr;gap:14px}.personal-save-bar{flex-direction:column;align-items:stretch;gap:10px}.personal-error,.personal-success{margin-right:0}.personal-save-bar .btn{justify-content:center;width:100%}}.att-absensi-admin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:24px}.att-absensi-admin-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.att-absensi-admin-header i{color:var(--primary);font-size:18px}.att-absensi-admin-header h3{color:var(--text-primary);flex:1;margin:0;font-size:15px;font-weight:600}.att-absensi-admin-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.att-absensi-admin-filters .att-absensi-admin-select-wrap{flex:1;min-width:160px}.att-absensi-admin-select-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.att-absensi-admin-select-label{color:var(--text-secondary);font-size:12.5px;font-weight:500;line-height:1.2}.att-absensi-admin-select{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-input);width:100%;height:40px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:0 36px 0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.att-absensi-admin-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);outline:none}.att-absensi-admin-select:disabled{opacity:.65;cursor:default;background-image:none}.att-absensi-admin-modal-overlay{z-index:1000;background:#0a162873;justify-content:center;align-items:center;padding:16px;animation:.15s att-absensi-admin-fade;display:flex;position:fixed;inset:0}.att-absensi-admin-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:540px;max-height:88vh;padding:0;animation:.18s att-absensi-admin-pop;display:flex;overflow:hidden;box-shadow:0 20px 50px #0a162838}.att-absensi-admin-modal--sm{max-width:420px}.att-absensi-admin-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin:0;padding:16px 20px;display:flex}.att-absensi-admin-modal-header h4{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.att-absensi-admin-modal-close{border-radius:var(--radius);background:var(--bg-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.att-absensi-admin-modal-close:hover{background:var(--border);color:var(--text-primary)}.att-absensi-admin-modal-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.att-absensi-admin-modal-footer{border-top:1px solid var(--border);background:var(--bg-subtle);justify-content:flex-end;gap:8px;margin:0;padding:14px 20px;display:flex}.att-absensi-admin-modal-error{color:var(--danger);border-radius:var(--radius);background:#ef444414;margin:0 0 14px;padding:9px 12px;font-size:12.5px}.att-absensi-admin-modal-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px 16px;margin:0;display:grid}.att-absensi-admin-modal-full{grid-column:1/-1}.att-absensi-admin-face-list{flex-direction:column;gap:10px;display:flex}.att-absensi-admin-face-item{background:var(--bg-subtle);border-radius:var(--radius);align-items:center;gap:12px;padding:12px;display:flex}.att-absensi-admin-face-item i{color:var(--primary);flex-shrink:0;font-size:22px}.att-absensi-admin-face-info{flex:1;min-width:0}.att-absensi-admin-face-id{color:var(--text-primary);word-break:break-all;margin:0 0 2px;font-family:monospace;font-size:12px}.att-absensi-admin-face-meta{color:var(--text-secondary);margin:0;font-size:12px}.att-absensi-admin-loading{justify-content:center;padding:40px;display:flex}.att-absensi-admin-empty{text-align:center;color:var(--text-secondary);margin:0;padding:24px 0;font-size:13px}.att-absensi-admin-pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.att-absensi-admin-pagination-info{color:var(--text-secondary);font-size:12px}.att-absensi-admin-pagination-btns{gap:4px;display:flex}.att-absensi-admin-row-actions{align-items:center;gap:4px;display:flex}@media (width<=600px){.att-absensi-admin-modal-overlay{align-items:flex-start;padding:16px;overflow-y:auto}.att-absensi-admin-modal{max-height:none}.att-absensi-admin-modal-body{padding:16px}.att-absensi-admin-modal-grid{grid-template-columns:1fr}.att-absensi-admin-filters{flex-direction:column;align-items:stretch}.att-absensi-admin-filters .att-absensi-admin-select-wrap{min-width:0}}.att-absensi-admin-select-wrap .att-absensi-admin-select{border:1px solid var(--border,var(--border-color,#e2e8f0));border-radius:var(--radius,var(--radius-md,8px));background-color:var(--bg-input,var(--bg-card,#fff));width:100%;height:40px;color:var(--text-primary,#1f2937);cursor:pointer;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:0 36px 0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.att-absensi-admin-select-wrap .att-absensi-admin-select:focus{border-color:var(--primary,var(--color-primary,#003d79));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary,#003d79) 15%, transparent);outline:none}.att-absensi-admin-select-wrap .att-absensi-admin-select:disabled{opacity:.65;cursor:default;background-image:none}.leave-card{background:var(--bg-card);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,12px);margin-bottom:16px;padding:24px}.leave-header{border-bottom:1px solid var(--border,#e2e8f0);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.leave-header i{color:var(--primary);font-size:18px}.leave-header h3{color:var(--text-primary);flex:1;margin:0;font-size:15px;font-weight:600}.leave-header-actions{align-items:center;gap:8px;display:flex}.quota-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.quota-card{background:var(--bg-card);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,12px);padding:16px;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 6px 18px #0f172a0f}.quota-card:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));transform:translateY(-1px);box-shadow:0 10px 28px #0f172a1a}.quota-card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.quota-card-name{color:var(--text-primary);font-size:13.5px;font-weight:700;line-height:1.35}.quota-card-actions{flex-shrink:0;gap:4px;display:flex}.quota-bar-wrap{align-items:center;gap:10px;margin-bottom:12px;display:flex}.quota-bar{background:var(--bg-subtle,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:999px;flex:1;height:8px;overflow:hidden}.quota-bar-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .3s}.quota-bar-fill--warn{background:var(--warning)}.quota-bar-fill--full{background:var(--danger)}.quota-pct{color:var(--text-secondary);text-align:right;min-width:32px;font-size:11.5px;font-weight:600}.quota-stats{border-top:1px solid var(--border,#e2e8f0);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;display:grid}.quota-stat{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.quota-stat-val{color:var(--text-primary);font-size:16px;font-weight:800}.quota-stat-label{color:var(--text-secondary);font-size:11px}.leave-select-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.leave-select-label{color:var(--text-secondary);font-size:12.5px;font-weight:500;line-height:1.2}.leave-select{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background-color:var(--bg-input,var(--bg-card,#fff));width:100%;height:40px;color:var(--text-primary,#1f2937);cursor:pointer;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:0 36px 0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.leave-select:focus{border-color:var(--primary,#003d79);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary,#003d79) 15%, transparent);outline:none}.leave-modal-overlay{z-index:1000;background:#0a162873;justify-content:center;align-items:center;padding:16px;animation:.15s leave-fade;display:flex;position:fixed;inset:0}@keyframes leave-fade{0%{opacity:0}to{opacity:1}}.leave-modal{background:var(--bg-card);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,12px);flex-direction:column;width:100%;max-width:540px;max-height:88vh;padding:0;animation:.18s leave-pop;display:flex;overflow:hidden;box-shadow:0 20px 50px #0a162838}@keyframes leave-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.leave-modal-header h4{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.leave-modal-close{border-radius:var(--radius,8px);background:var(--bg-subtle,#f8fafc);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:background .15s,color .15s;display:flex}.leave-modal-close:hover{background:var(--border,#e2e8f0);color:var(--text-primary)}.leave-modal>.leave-modal-error,.leave-modal>.leave-modal-grid,.leave-modal>.leave-review-summary,.leave-modal>.leave-review-actions,.leave-modal>.leave-textarea,.leave-modal>div:not(.leave-modal-header):not(.leave-modal-footer){margin-left:20px;margin-right:20px}.leave-modal>.leave-modal-error:first-of-type,.leave-modal>.leave-modal-grid,.leave-modal>.leave-review-summary,.leave-modal>div:not(.leave-modal-header):not(.leave-modal-footer){margin-top:20px}.leave-modal-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px 16px;margin-bottom:0;display:grid}.leave-modal-full{grid-column:1/-1}.leave-modal-error{color:var(--danger);border-radius:var(--radius,8px);background:#ef444414;margin-bottom:14px;padding:9px 12px;font-size:12.5px}.leave-review-summary{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex}.leave-review-row{gap:8px;font-size:13px;display:flex}.leave-review-label{color:var(--text-secondary);flex-shrink:0;min-width:80px}.leave-review-value{color:var(--text-primary);font-weight:500}.leave-review-actions{gap:8px;margin-bottom:12px;display:flex}.leave-action-btn{border-radius:var(--radius,8px);border:1px solid var(--border,#e2e8f0);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.leave-action-btn:hover{background:var(--bg-subtle,#f8fafc)}.leave-action-btn--approve.active{background:var(--success-subtle,#22c55e1a);border-color:var(--success);color:var(--success)}.leave-action-btn--reject.active{background:var(--danger-subtle,#ef44441a);border-color:var(--danger);color:var(--danger)}.leave-textarea{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background:var(--bg-input,#fff);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:88px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.leave-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);outline:none}.leave-doc-upload{border:1.5px dashed var(--border,#e2e8f0);border-radius:var(--radius,8px);cursor:pointer;text-align:center;background:var(--bg-subtle,#f8fafc);padding:16px;transition:border-color .15s,background .15s}.leave-doc-upload:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--bg-subtle))}.leave-doc-placeholder{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.leave-doc-placeholder i{color:var(--primary);font-size:22px}.leave-doc-hint{font-size:11px}.leave-doc-preview{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.leave-doc-remove{cursor:pointer;color:var(--danger);background:0 0;border:none;margin-left:auto;padding:2px}.leave-doc-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.leave-reason{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;display:inline-block;overflow:hidden}.leave-rejection{color:var(--danger);margin-top:4px;font-size:11px}.leave-loading{justify-content:center;padding:32px;display:flex}.leave-empty{text-align:center;color:var(--text-secondary);margin:0;padding:24px 0;font-size:13px}.leave-pagination{border-top:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.leave-pagination-info{color:var(--text-secondary);font-size:12px}.leave-pagination-btns{gap:4px;display:flex}@media (width<=600px){.leave-modal-overlay{align-items:flex-start;padding:16px;overflow-y:auto}.leave-modal{max-height:none}.leave-modal-grid{grid-template-columns:1fr}.leave-header{align-items:flex-start}.leave-header-actions{flex-wrap:wrap;justify-content:flex-end}.quota-grid{grid-template-columns:1fr}.leave-reason{max-width:140px}}.leave-modal-overlay{z-index:9999;background:#0a162873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.leave-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:540px;max-height:88vh;padding:0;display:flex;overflow:hidden;box-shadow:0 20px 50px #0a162838}.leave-modal--sm{max-width:420px}.leave-modal-body{flex:1;min-height:0;padding:6px;overflow-y:auto}.leave-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;margin:0;padding:16px 20px;display:flex}.leave-modal-footer{border-top:1px solid var(--border);background:var(--bg-subtle);flex-shrink:0;justify-content:flex-end;gap:8px;margin:0;padding:14px 20px;display:flex}.leave-approver-cell{flex-direction:column;gap:2px;min-width:120px;display:flex}.leave-approver-cell span:first-child{color:var(--text-primary);font-size:13px;font-weight:500}.leave-approver-pos{color:var(--text-secondary);font-size:11.5px}.leave-input-hint{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.bt-card{background:var(--bg-card);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,12px);flex-direction:column;margin-bottom:16px;padding:24px;display:flex}.bt-header{flex-wrap:wrap;align-items:flex-end;gap:8px;width:100%;margin-bottom:16px;display:flex}.bt-header i{color:var(--primary);font-size:18px}.bt-header h3{color:var(--text-primary);flex:1;margin:0;font-size:15px;font-weight:600}.bt-header-actions{justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.bt-header-actions .bt-select-wrap{flex:1;max-width:220px}.bt-card .table-wrap{box-sizing:border-box;width:100%}.bt-select-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.bt-select{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background-color:var(--bg-input,var(--bg-card,#fff));width:100%;height:40px;color:var(--text-primary,#1f2937);cursor:pointer;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:0 36px 0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.bt-select:focus{border-color:var(--primary,#003d79);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary,#003d79) 15%, transparent);outline:none}@keyframes bt-fade{0%{opacity:0}to{opacity:1}}.bt-modal{background:var(--bg-card);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,12px);flex-direction:column;width:100%;max-width:540px;max-height:88vh;padding:0;animation:.18s bt-pop;display:flex;overflow:hidden;box-shadow:0 20px 50px #0a162838}.bt-modal--sm{max-width:420px}@keyframes bt-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bt-modal-header{border-bottom:1px solid var(--border,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;margin:0;padding:16px 20px;display:flex}.bt-modal-header h4{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.bt-modal-close{border-radius:var(--radius,8px);background:var(--bg-subtle,#f8fafc);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .15s,color .15s;display:flex}.bt-modal-close:hover{background:var(--border,#e2e8f0);color:var(--text-primary)}.bt-modal-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.bt-modal-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px 16px;display:grid}.bt-modal-full{grid-column:1/-1}.bt-modal-footer{border-top:1px solid var(--border,#e2e8f0);background:var(--bg-subtle,#f8fafc);flex-shrink:0;justify-content:flex-end;gap:8px;margin:0;padding:14px 20px;display:flex}.bt-modal-error{color:var(--danger);border-radius:var(--radius,8px);background:#ef444414;margin:0 0 14px;padding:9px 12px;font-size:12.5px}.bt-review-summary{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex}.bt-review-row{gap:8px;font-size:13px;display:flex}.bt-review-label{color:var(--text-secondary);flex-shrink:0;min-width:80px}.bt-review-value{color:var(--text-primary);font-weight:500}.bt-review-actions{gap:8px;margin-bottom:12px;display:flex}.bt-action-btn{border-radius:var(--radius,8px);border:1px solid var(--border,#e2e8f0);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.bt-action-btn:hover{background:var(--bg-subtle,#f8fafc)}.bt-action-btn--approve.active{background:var(--success-subtle,#22c55e1a);border-color:var(--success);color:var(--success)}.bt-action-btn--reject.active{background:var(--danger-subtle,#ef44441a);border-color:var(--danger);color:var(--danger)}.bt-label{color:var(--text-secondary);margin-bottom:4px;font-size:12.5px;font-weight:500;display:block}.bt-label:after{content:" *";color:red}.bt-textarea{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background:var(--bg-input,#fff);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:88px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.bt-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);outline:none}.bt-doc-upload{border:1.5px dashed var(--border,#e2e8f0);border-radius:var(--radius,8px);cursor:pointer;text-align:center;background:var(--bg-subtle,#f8fafc);padding:16px;transition:border-color .15s,background .15s}.bt-doc-placeholder{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.bt-doc-placeholder i{color:var(--primary);font-size:22px}.bt-doc-hint{font-size:11px}.bt-doc-remove{cursor:pointer;color:var(--danger);background:0 0;border:none;margin-left:auto;padding:2px}.bt-doc-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.bt-reason{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;display:inline-block;overflow:hidden}.bt-rejection{color:var(--danger);margin-top:4px;font-size:11px}.bt-loading{justify-content:center;padding:32px;display:flex}.bt-empty{text-align:center;color:var(--text-secondary);margin:0;padding:24px 0;font-size:13px}.bt-pagination{border-top:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.bt-pagination-info{color:var(--text-secondary);font-size:12px}.bt-pagination-btns{gap:4px;display:flex}@media (width<=600px){.bt-modal-overlay{align-items:flex-start;padding:16px;overflow-y:auto}.bt-modal{max-height:none}.bt-modal-grid{grid-template-columns:1fr}.bt-header{align-items:flex-start}.bt-reason{max-width:140px}}.bt-file-input{width:100%;color:var(--text-secondary);font-family:inherit;font-size:13px}.bt-file-input::file-selector-button{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background:var(--bg-subtle,#f8fafc);color:var(--text-primary);cursor:pointer;margin-right:10px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s}.bt-file-input::file-selector-button:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--bg-subtle))}.bt-file-hint{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:1.4}.ot-card{background:var(--bg-card);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,12px);flex-direction:column;min-width:0;margin-bottom:16px;padding:24px;display:flex}.ot-header{flex-wrap:wrap;align-items:flex-end;gap:8px;width:100%;margin-bottom:16px;display:flex}.ot-header-actions{justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.ot-header-actions .ot-select-wrap{flex:1;max-width:220px}.ot-select-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.ot-select{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background-color:var(--bg-input,var(--bg-card,#fff));width:100%;height:40px;color:var(--text-primary,#1f2937);cursor:pointer;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:0 36px 0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.ot-select:focus{border-color:var(--primary,#003d79);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary,#003d79) 15%, transparent);outline:none}.ot-card .table-wrap{box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}@keyframes ot-fade{0%{opacity:0}to{opacity:1}}.ot-modal{background:var(--bg-card);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,12px);flex-direction:column;width:100%;max-width:540px;max-height:88vh;padding:0;animation:.18s ot-pop;display:flex;overflow:hidden;box-shadow:0 20px 50px #0a162838}.ot-modal--sm{max-width:420px}@keyframes ot-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ot-modal-header{border-bottom:1px solid var(--border,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;margin:0;padding:16px 20px;display:flex}.ot-modal-header h4{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.ot-modal-close{border-radius:var(--radius,8px);background:var(--bg-subtle,#f8fafc);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .15s,color .15s;display:flex}.ot-modal-close:hover{background:var(--border,#e2e8f0);color:var(--text-primary)}.ot-modal-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.ot-modal-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px 16px;display:grid}.ot-modal-full{grid-column:1/-1}.ot-modal-footer{border-top:1px solid var(--border,#e2e8f0);background:var(--bg-subtle,#f8fafc);flex-shrink:0;justify-content:flex-end;gap:8px;margin:0;padding:14px 20px;display:flex}.ot-modal-error{color:var(--danger);border-radius:var(--radius,8px);background:#ef444414;margin:0 0 14px;padding:9px 12px;font-size:12.5px}.ot-label{color:var(--text-secondary);margin-bottom:4px;font-size:12.5px;font-weight:500;display:block}.ot-textarea{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background:var(--bg-input,#fff);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:88px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.ot-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);outline:none}.ot-review-summary{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex}.ot-review-row{gap:8px;font-size:13px;display:flex}.ot-review-label{color:var(--text-secondary);flex-shrink:0;min-width:80px}.ot-review-value{color:var(--text-primary);font-weight:500}.ot-review-actions{gap:8px;margin-bottom:12px;display:flex}.ot-action-btn{border-radius:var(--radius,8px);border:1px solid var(--border,#e2e8f0);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.ot-action-btn:hover{background:var(--bg-subtle,#f8fafc)}.ot-action-btn--approve.active{background:var(--success-subtle,#22c55e1a);border-color:var(--success);color:var(--success)}.ot-action-btn--reject.active{background:var(--danger-subtle,#ef44441a);border-color:var(--danger);color:var(--danger)}.ot-doc-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.ot-reason{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;display:inline-block;overflow:hidden}.ot-rejection{color:var(--danger);margin-top:4px;font-size:11px}.ot-loading{justify-content:center;padding:32px;display:flex}.ot-empty{text-align:center;color:var(--text-secondary);margin:0;padding:24px 0;font-size:13px}.ot-pagination{border-top:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.ot-pagination-info{color:var(--text-secondary);font-size:12px}.ot-pagination-btns{gap:4px;display:flex}@media (width<=600px){.ot-modal-overlay{align-items:flex-start;padding:16px;overflow-y:auto}.ot-modal{max-height:none}.ot-modal-grid{grid-template-columns:1fr}.ot-header{align-items:flex-start}.ot-reason{max-width:140px}}.ot-label:after{content:" *";color:red}.ot-file-input{width:100%;color:var(--text-secondary);font-family:inherit;font-size:13px}.ot-file-input::file-selector-button{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background:var(--bg-subtle,#f8fafc);color:var(--text-primary);cursor:pointer;margin-right:10px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s}.ot-file-input::file-selector-button:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--bg-subtle))}.ot-file-hint{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:1.4}.ot-file-name{color:var(--text-primary);font-weight:500}.ot-label--optional:after{content:none}.ps-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.ps-toast{z-index:9999;color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg,0 12px 32px #0000002e);max-width:calc(100vw - 48px);padding:10px 16px;font-size:13px;font-weight:500;position:fixed;bottom:24px;right:24px}.ps-toast--success{background:var(--success)}.ps-toast--error{background:var(--danger)}.ps-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ps-filters{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.ps-filter-select{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background-color:var(--bg-input,#fff);height:36px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:0 34px 0 12px;font-size:13px}.ps-filter-select:focus{border-color:var(--primary);outline:none}.ps-badge{border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.ps-badge--draft{background:var(--bg-subtle);color:var(--text-secondary)}.ps-badge--approved{background:var(--primary-subtle,#eff6ff);color:var(--primary)}.ps-badge--paid{background:var(--success-subtle);color:var(--success)}.ps-badge--cancelled{background:var(--danger-subtle);color:var(--danger)}.ps-actions{gap:4px;display:flex}.ps-act-btn{border-radius:var(--radius);background:var(--bg-subtle);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.ps-act-btn:hover{background:var(--border);color:var(--text-primary)}.ps-act-btn--approve:hover{background:var(--primary-subtle,#eff6ff);color:var(--primary)}.ps-act-btn--pay:hover{background:var(--success-subtle);color:var(--success)}.ps-act-btn--export:hover{background:var(--bg-subtle);color:var(--primary)}.ps-act-btn--cancel:hover{background:var(--warning-subtle,#fefce8);color:var(--warning,#ca8a04)}.ps-act-btn--delete:hover{background:var(--danger-subtle);color:var(--danger)}.ps-table-wrap{box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}.ps-loading{justify-content:center;padding:40px;display:flex}.ps-empty{color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;padding:40px;display:flex}.ps-empty i{font-size:32px}.ps-empty p{margin:0;font-size:13px}.ps-pagination{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.ps-page-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);cursor:pointer;width:30px;height:30px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.ps-page-btn:disabled{opacity:.4;cursor:not-allowed}.ps-overlay{z-index:9999;background:#0a162873;justify-content:center;align-items:center;padding:16px;animation:.15s ps-fade;display:flex;position:fixed;inset:0}.ps-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-lg,0 20px 50px #0a162838);flex-direction:column;animation:.18s ps-pop;display:flex;overflow:hidden}@keyframes ps-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.ps-modal--sm{max-width:400px}.ps-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ps-modal-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.ps-modal-close{border-radius:var(--radius);background:var(--bg-subtle,#f8fafc);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .15s,color .15s;display:flex}.ps-modal-close:hover{background:var(--border);color:var(--text-primary)}.ps-modal-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.ps-modal-footer{border-top:1px solid var(--border);background:var(--bg-subtle,#f8fafc);flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.ps-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ps-form-section{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border);grid-column:1/-1;margin-top:4px;padding:8px 0 4px;font-size:12px;font-weight:700}.ps-field{flex-direction:column;gap:4px;min-width:0;display:flex}.ps-field--full{grid-column:1/-1}.ps-field label{color:var(--text-secondary);font-size:12px;font-weight:500}.ps-req{color:var(--danger)}.ps-field input,.ps-field select,.ps-field textarea{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background:var(--bg-input,#fff);width:100%;height:38px;color:var(--text-primary);box-sizing:border-box;padding:0 10px;font-family:inherit;font-size:13px}.ps-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:0 34px 0 10px}.ps-field textarea{resize:vertical;height:auto;min-height:72px;padding:8px 10px}.ps-field input:focus,.ps-field select:focus,.ps-field textarea:focus{border-color:var(--primary);outline:none}.ps-preview-bar{border-top:1px solid var(--border);background:color-mix(in srgb, var(--primary,#003d79) 6%, var(--bg-card));flex-shrink:0;padding:12px 20px}.ps-preview-bar-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ps-preview-bar-title{color:var(--text-secondary);font-size:12px;font-weight:600}.ps-preview-bar-net{color:var(--primary);font-size:18px;font-weight:800}.ps-preview-bar-detail{color:var(--text-secondary);gap:16px;margin-top:2px;font-size:11.5px;display:flex}.ps-form-error{color:var(--danger);background:#ef444414;flex-shrink:0;margin:0;padding:10px 20px;font-size:13px}.ps-detail-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ps-detail-sec{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border);grid-column:1/-1;margin-top:4px;padding:8px 0 4px;font-size:11px;font-weight:700}.ps-detail-row{flex-direction:column;gap:2px;display:flex}.ps-detail-row--full{grid-column:1/-1}.ps-detail-label{color:var(--text-secondary);font-size:11px}.ps-detail-value{color:var(--text-primary);font-size:13px;font-weight:500}.ps-detail-value--accent{color:var(--primary);font-size:15px;font-weight:700}.ps-confirm-body{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 24px;display:flex;overflow-y:auto}.ps-confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.ps-confirm-icon--approve{background:var(--primary-subtle,#eff6ff);color:var(--primary)}.ps-confirm-icon--pay{background:var(--success-subtle);color:var(--success)}.ps-confirm-icon--cancel{background:var(--warning-subtle,#fefce8);color:var(--warning,#ca8a04)}.ps-confirm-icon--delete{background:var(--danger-subtle);color:var(--danger)}.ps-confirm-desc{color:var(--text-secondary);margin:0;font-size:13px}.ps-confirm-fields{flex-direction:column;gap:8px;width:100%;display:flex}.ps-confirm-input{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background:var(--bg-input,#fff);width:100%;height:38px;color:var(--text-primary);box-sizing:border-box;padding:0 10px;font-family:inherit;font-size:13px}.ps-confirm-textarea{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);background:var(--bg-input,#fff);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:72px;padding:8px 10px;font-family:inherit;font-size:13px}.ps-error-inline{color:var(--danger);margin:0;font-size:13px}.ps-attendance{white-space:nowrap;font-size:13px}@media (width<=640px){.ps-card{padding:16px}.ps-toolbar{flex-direction:column;align-items:stretch}.ps-filters{width:100%}.ps-filter-select{flex:1;min-width:0}.ps-toolbar>button{justify-content:center;width:100%}.ps-modal,.ps-modal--sm{width:100%;max-width:none;height:100%;max-height:100vh}.ps-form-grid,.ps-detail-grid{grid-template-columns:1fr}.ps-preview-bar-net{font-size:16px}}.eda-page{--pp-hover:#eef2f7;--pp-tint:#003d7912;--pp-tint-strong:#003d791f;--bg-hover:#eef2f7;gap:var(--space-5);flex-direction:column;min-height:100%;display:flex}.eda-loading{justify-content:center;align-items:center;height:300px;display:flex}.eda-header-right .btn{min-height:40px}.eda-breadcrumbs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.eda-breadcrumb-item{color:var(--text-muted);border-radius:var(--radius-sm);cursor:default;background:0 0;border:none;align-items:center;gap:5px;padding:2px 6px;font-size:13px;display:inline-flex}.eda-breadcrumb-item--link{cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast)}.eda-breadcrumb-item--link:hover{color:var(--color-primary);background:var(--pp-hover)}.eda-breadcrumb-item--active{color:var(--text-primary);font-weight:600}.eda-breadcrumb-sep{color:var(--text-muted);align-items:center;display:flex}.eda-header-card{align-items:flex-start;gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;padding:18px 20px;display:flex}.eda-photo-wrap{flex-shrink:0;position:relative}.eda-photo-upload{border-radius:var(--radius-md);cursor:pointer;background:var(--pp-tint);width:64px;height:64px;color:var(--color-primary);justify-content:center;align-items:center;margin-top:2px;display:flex;position:relative;overflow:hidden}.eda-photo-img{object-fit:cover;width:100%;height:100%}.eda-photo-overlay{opacity:0;transition:opacity var(--transition-fast);color:#fff;background:#0a162873;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}.eda-photo-upload:hover .eda-photo-overlay{opacity:1}.eda-photo-remove{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;cursor:pointer;width:20px;height:20px;transition:filter var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:-4px;right:-4px}.eda-photo-remove:hover{filter:brightness(.92)}.eda-header-inline{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.eda-header-inline .input-group,.eda-header-inline .input-wrap,.eda-header-inline .input{box-sizing:border-box;width:100%}.eda-header-inline-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eda-header-company{color:var(--text-muted);overflow-wrap:anywhere;align-items:flex-start;gap:5px;min-width:0;margin:0;font-size:12px;line-height:1.5;display:flex}.eda-header-company i{flex-shrink:0;margin-top:2px;font-size:14px}.eda-save-error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-bg);border-radius:var(--radius-sm);margin:0;padding:6px 10px;font-size:12px}.eda-header-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.eda-toggle{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;align-items:center;gap:7px;padding:5px 10px 5px 6px;font-size:12.5px;font-weight:500;display:inline-flex}.eda-toggle-thumb{border-radius:var(--radius-full);background:var(--text-muted);width:16px;height:16px;transition:background var(--transition-fast);flex-shrink:0}.eda-toggle--on{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.eda-toggle--on .eda-toggle-thumb{background:#16a34a}.eda-toggle--off{border-color:var(--border-color);color:var(--text-muted)}.eda-toggle-text{line-height:1}.eda-tab-bar{border-bottom:1px solid var(--border-color);scrollbar-width:none;flex-shrink:0;align-items:center;gap:2px;display:flex;overflow-x:auto}.eda-tab-bar::-webkit-scrollbar{display:none}.eda-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 14px;font-size:13px;font-weight:500;display:inline-flex}.eda-tab-btn:hover{color:var(--text-primary);background:var(--pp-hover)}.eda-tab-btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.eda-tab-btn i{font-size:14px}.eda-header-inline .select{font-size:13.5px}@media (width<=768px){.eda-page{padding:var(--space-4);gap:var(--space-4)}.eda-header-inline .input{font-size:15px!important}.eda-header-inline .select{font-size:13px}}@media (width<=640px){.eda-page{padding:var(--space-3)}.eda-header-card{gap:var(--space-3);flex-wrap:wrap;padding:16px}.eda-header-inline{flex:1 1 0;min-width:0}.eda-header-right{justify-content:flex-end;gap:var(--space-2);flex-direction:row;width:100%}.eda-header-inline .input{font-size:14px!important}.eda-header-company{font-size:11.5px}}.lta-page{--lta-hover:var(--bg-page);--lta-tint:#003d7912;gap:var(--space-5,20px);flex-direction:column;height:100%;min-height:0;display:flex}.lta-header{justify-content:space-between;align-items:center;gap:var(--space-4,16px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;padding:16px 20px;display:flex}.lta-header .btn{min-height:40px}.lta-header-text{min-width:0}.lta-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.3px;margin:0 0 3px;font-size:1.375rem;font-weight:700;line-height:1.15}.lta-subtitle{color:var(--text-muted);margin:0;font-size:13px}.lta-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lta-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.lta-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.lta-table{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}.lta-table thead tr{border-bottom:1px solid var(--border-color);background:var(--lta-hover)}.lta-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.lta-table tbody td{border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-primary);padding:11px 14px}.lta-table tbody tr:last-child td{border-bottom:none}.lta-table--hover tbody tr{transition:background var(--transition-fast)}.lta-table--hover tbody tr:hover{background:var(--lta-hover)}.lta-name{color:var(--text-primary);font-weight:500}.lta-muted{color:var(--text-secondary);font-size:12px}.lta-cell-date{color:var(--text-secondary);white-space:nowrap;font-size:12px}.lta-loading{justify-content:center;align-items:center;padding:40px;display:flex}.lta-row-actions{opacity:.45;transition:opacity var(--transition-fast);align-items:center;gap:2px;display:flex}.lta-table tbody tr:hover .lta-row-actions{opacity:1}.lta-pagination{border-top:1px solid var(--border-color);background:var(--lta-hover);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.lta-pagination-info{color:var(--text-muted);font-size:12px}.lta-pagination-btns{align-items:center;gap:3px;display:flex}.lta-modal-overlay{z-index:1000;background:#0a162873;justify-content:center;align-items:center;padding:16px;animation:.15s lta-fade;display:flex;position:fixed;inset:0}.lta-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-xl);padding:22px;animation:.18s lta-pop;position:relative;overflow-y:auto}.lta-modal--sm{text-align:center;max-width:400px}.lta-modal-close{background:var(--lta-hover);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.lta-modal-close:hover{background:var(--border-color);color:var(--text-primary)}.lta-modal-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 36px 2px 0;font-size:17px;font-weight:700}.lta-modal-title--center{text-align:center;margin:0 0 2px}.lta-modal-sub{color:var(--text-secondary);margin:0 0 16px;font-size:12.5px}.lta-modal-body{flex-direction:column;gap:16px;display:flex}.lta-field{flex-direction:column;gap:5px;display:flex}.lta-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lta-label{color:var(--text-secondary);font-size:12px;font-weight:500}.lta-required{color:var(--color-danger)}.lta-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:40px;color:var(--text-primary);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 12px;font-family:inherit;font-size:13.5px}.lta-input::placeholder{color:var(--text-muted)}.lta-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--lta-tint);outline:none}.lta-checks{border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;padding:0 12px;display:flex}.lta-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.lta-toggle+.lta-toggle{border-top:1px solid var(--border-color)}.lta-toggle-text{color:var(--text-primary);font-size:13px}.lta-toggle-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.lta-toggle-track{background:var(--border-color);width:38px;height:22px;transition:background var(--transition-fast);border-radius:999px;flex-shrink:0;position:relative}.lta-toggle-thumb{width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.lta-toggle-input:checked~.lta-toggle-track{background:var(--color-primary)}.lta-toggle-input:checked~.lta-toggle-track .lta-toggle-thumb{transform:translate(16px)}.lta-toggle-input:focus-visible~.lta-toggle-track{box-shadow:0 0 0 3px var(--lta-tint)}.lta-error{color:var(--color-danger);margin:-4px 0 0;font-size:12px}.lta-modal-footer{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.lta-modal-footer--center{justify-content:center}.lta-btn{border-radius:var(--radius-md);cursor:pointer;height:40px;transition:background var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border:1px solid #0000;padding:0 20px;font-family:inherit;font-size:13.5px;font-weight:600}.lta-btn:disabled{opacity:.55;cursor:not-allowed}.lta-btn--outline{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.lta-btn--outline:hover:not(:disabled){background:var(--lta-hover);color:var(--text-primary)}.lta-btn--primary{background:var(--color-primary);color:var(--color-white)}.lta-btn--primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md)}.lta-btn--danger{background:var(--color-danger);color:var(--color-white)}.lta-btn--danger:hover:not(:disabled){filter:brightness(.94);box-shadow:var(--shadow-md)}.lta-confirm-icon{border-radius:var(--radius-full);background:var(--color-danger-bg);width:52px;height:52px;color:var(--color-danger);justify-content:center;align-items:center;margin:6px auto 14px;display:flex}.lta-confirm-desc{color:var(--text-secondary);margin:0 0 18px;font-size:13px;line-height:1.55}.lta-confirm-desc strong{color:var(--text-primary)}@keyframes lta-fade{0%{opacity:0}to{opacity:1}}@keyframes lta-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.lta-page{padding:var(--space-4,16px)}.lta-header{flex-direction:column;align-items:stretch;gap:12px}.lta-header>button{justify-content:center;width:100%}.lta-toolbar{align-items:stretch}.lta-toolbar .input-group,.lta-toolbar .input-wrap{width:100%!important;max-width:100%!important}.lta-toolbar .input{max-width:100%!important}}@media (width<=560px){.lta-form-grid{grid-template-columns:1fr}.lta-modal{padding:18px}}.da{background:var(--bg-page);min-height:100vh;color:var(--text-primary)}.da-header{margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.da-header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.da-logo-wrap{background:var(--color-primary);border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-white);box-shadow:var(--shadow-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.da-header-text h1{font-family:var(--font-heading);color:var(--text-primary);font-size:1.375rem;font-weight:700;line-height:1.2}.da-header-text p{color:var(--text-secondary);margin-top:2px;font-size:.8125rem}.da-header-right{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.da-date{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-size:.8125rem;display:flex}.da-btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-size:.8125rem;font-weight:500;line-height:1;display:inline-flex}.da-btn:disabled{opacity:.55;cursor:not-allowed}.da-btn--primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.da-btn--primary:not(:disabled):hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.da-btn--ghost{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-color)}.da-btn--ghost:not(:disabled):hover{background:var(--bg-page);color:var(--text-primary)}.da-stat-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.da-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5) var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);animation:.35s both da-up;position:relative;overflow:hidden}.da-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.da-stat-card:first-child{animation-delay:40ms}.da-stat-card:nth-child(2){animation-delay:80ms}.da-stat-card:nth-child(3){animation-delay:.12s}.da-stat-card:nth-child(4){animation-delay:.16s}.da-stat-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.da-stat-card--blue:before{background:var(--color-info)}.da-stat-card--green:before{background:var(--color-success)}.da-stat-card--amber:before{background:var(--color-warning)}.da-stat-card--purple:before{background:#8b5cf6}.da-stat-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.da-stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.da-stat-icon--blue{background:var(--color-info-bg);color:var(--color-info)}.da-stat-icon--green{background:var(--color-success-bg);color:var(--color-success)}.da-stat-icon--amber{background:var(--color-warning-bg);color:var(--color-warning)}.da-stat-icon--purple{color:#7c3aed;background:#f5f3ff}.da-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1);font-size:.6875rem;font-weight:600}.da-stat-value{font-family:var(--font-heading);color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.da-stat-badge{border-radius:var(--radius-full);margin-top:var(--space-3);align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.da-stat-badge--blue{background:var(--color-info-bg);color:var(--color-info)}.da-stat-badge--green{background:var(--color-success-bg);color:var(--color-success)}.da-stat-badge--amber{background:var(--color-warning-bg);color:var(--color-warning)}.da-stat-badge--purple{color:#7c3aed;background:#f5f3ff}.da-grid-2{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.da-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-6) var(--space-5);box-shadow:var(--shadow-sm);animation:.35s .2s both da-up}.da-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.da-card-title{font-family:var(--font-heading);color:var(--text-primary);font-size:.9375rem;font-weight:600}.da-bar-chart{align-items:flex-end;gap:var(--space-2);height:152px;padding-top:var(--space-2);display:flex}.da-bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.da-bar-val{color:var(--text-secondary);font-size:.6875rem}.da-bar-fill{border-radius:5px 5px 0 0;width:100%;min-height:4px;transition:height .5s cubic-bezier(.4,0,.2,1)}.da-bar-fill--normal{background:var(--color-info-bg)}.da-bar-fill--highlight{background:var(--color-primary)}.da-bar-fill--low{background:var(--border-color)}.da-bar-label{color:var(--text-muted);font-size:.6875rem;font-weight:500}.da-donut-wrap{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.da-donut-legend{gap:var(--space-2);flex-direction:column;flex:1;min-width:120px;display:flex}.da-legend-item{align-items:center;gap:var(--space-2);font-size:.8125rem;display:flex}.da-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.da-legend-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.da-legend-val{color:var(--text-primary);font-size:.8125rem;font-weight:600}.da-emp-thead{padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-1);grid-template-columns:1fr 110px 72px;display:grid}.da-emp-thead-cell{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.da-emp-row{padding:10px var(--space-2);border-bottom:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);grid-template-columns:1fr 110px 72px;align-items:center;display:grid}.da-emp-row:last-child{border-bottom:none}.da-emp-row:hover{background:var(--bg-page)}.da-emp-cell-name{align-items:center;gap:var(--space-2);min-width:0;display:flex}.da-emp-avatar{width:32px;height:32px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.da-emp-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.da-emp-dept{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.da-badge-aktif{background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;font-size:.6875rem;font-weight:500;display:inline-flex}.da-act-item{align-items:flex-start;gap:var(--space-3);border-bottom:1px solid var(--border-color);padding:10px 0;display:flex}.da-act-item:last-child{border-bottom:none}.da-act-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.da-act-dot--blue{background:var(--color-info)}.da-act-dot--green{background:var(--color-success)}.da-act-dot--amber{background:var(--color-warning)}.da-act-dot--purple{background:#8b5cf6}.da-act-body{flex:1;min-width:0;overflow:hidden}.da-act-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.875rem;font-weight:500;overflow:hidden}.da-act-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.da-act-time{color:var(--text-muted);white-space:nowrap;text-align:right;flex-shrink:0;max-width:72px;font-size:.75rem}.da-loading,.da-error{justify-content:center;align-items:center;gap:var(--space-3);min-height:60vh;color:var(--text-secondary);flex-direction:column;display:flex}.da-error p{font-size:.9375rem;font-weight:500}.da-error span{color:var(--text-muted);font-size:.8125rem}.da-skeleton{background:linear-gradient(90deg, var(--bg-page) 25%, var(--border-color) 50%, var(--bg-page) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite da-shimmer}.da-skeleton-stat{height:118px}.da-skeleton-chart{height:200px}.da-skeleton-row{height:42px;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.da-spin{animation:.7s linear infinite da-rotate}@keyframes da-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes da-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes da-rotate{to{transform:rotate(360deg)}}@media (width<=1100px){.da{padding:20px 20px 56px}.da-stat-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.da-stat-card{padding:var(--space-4) var(--space-4) var(--space-3)}.da-stat-value{font-size:1.75rem}.da-grid-2{gap:var(--space-3)}.da-card{padding:var(--space-5) var(--space-5) var(--space-4)}}@media (width<=900px){.da{padding:18px 18px 56px}.da-grid-2{gap:var(--space-3);grid-template-columns:1fr}.da-stat-grid{gap:var(--space-2)}.da-stat-value{font-size:1.625rem}.da-stat-card{padding:var(--space-4) var(--space-4) var(--space-3)}.da-emp-thead,.da-emp-row{grid-template-columns:1fr 100px 72px}}@media (width<=640px){.da{padding:14px 14px 56px}.da-header{margin-bottom:var(--space-4)}.da-header-text h1{font-size:1.0625rem}.da-header-text p{display:none}.da-logo-wrap{width:38px;height:38px}.da-stat-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.da-stat-card{padding:var(--space-3) var(--space-3) var(--space-2)}.da-stat-value{font-size:1.5rem}.da-stat-label{font-size:.625rem}.da-stat-badge{margin-top:var(--space-2);padding:3px 8px;font-size:.6875rem}.da-stat-icon{width:36px;height:36px}.da-card{padding:var(--space-4) var(--space-3) var(--space-3)}.da-card-title{font-size:.875rem}.da-bar-chart{gap:var(--space-1);height:130px}.da-bar-val,.da-bar-label{font-size:.5625rem}.da-emp-thead,.da-emp-row{grid-template-columns:1fr 68px}.da-emp-thead-cell:nth-child(2),.da-emp-dept{display:none}.da-emp-avatar{width:28px;height:28px}}@media (width<=400px){.da{padding:12px 12px 56px}.da-stat-grid{grid-template-columns:1fr}.da-header-right{display:none}}.att-header-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.att-header-date{font-family:var(--font-heading);color:var(--text-muted);margin-bottom:var(--space-1);font-size:13px}.att-header-times{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color);display:flex}.att-time-block{min-width:0}.att-time-block label{color:var(--text-muted);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-family:var(--font-heading);display:block}.att-time-block span{color:var(--text-secondary);font-size:14px;font-weight:500;font-family:var(--font-heading);line-height:1.1}.att-time-block span.has-time{color:var(--color-success)}.att-time-block span.empty{color:var(--text-muted);opacity:.65;font-size:14px;font-weight:500}.att-btn-row{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.att-action-btn{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;align-items:center;gap:var(--space-3);text-align:left;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:1px solid var(--border-color);background:var(--bg-card);width:100%;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;display:flex}.att-action-btn.checkin{background:var(--color-success-bg);border-color:var(--color-success)}.att-action-btn.checkout{background:var(--color-danger-bg);border-color:var(--color-danger)}.att-action-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.att-action-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)scale(.985)}.att-action-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.att-action-icon.in,.att-action-icon.out{background:var(--bg-card);border:1px solid var(--border-color)}.att-action-label{color:var(--text-primary);font-size:15px;font-weight:700;font-family:var(--font-heading)}.att-action-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.att-section-title{color:var(--text-secondary);margin-bottom:var(--space-3);letter-spacing:.3px;font-size:13px;font-weight:600;font-family:var(--font-heading);text-transform:uppercase}.att-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:auto hidden}.att-table{border-collapse:collapse;width:100%;font-family:var(--font-body)}.att-table thead tr{background:var(--bg-page)}.att-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700;font-family:var(--font-heading);padding:var(--space-3) var(--space-4);white-space:nowrap;border-bottom:1px solid var(--border-color)}.att-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.att-table tbody tr:last-child{border-bottom:none}.att-table tbody tr:hover{background:var(--bg-page)}.att-table td{padding:var(--space-3) var(--space-4);color:var(--text-secondary);white-space:nowrap;vertical-align:middle;font-size:13px}.att-table-date{color:var(--text-primary);font-weight:500}.att-table-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-page);cursor:pointer;width:36px;height:36px;transition:transform var(--transition-fast);display:block}.att-table-thumb:hover{transform:scale(1.12)}.att-table-dash{color:var(--text-muted);opacity:.6}.att-list{gap:var(--space-2);flex-direction:column;display:flex}.att-list-empty,.att-list-loading{text-align:center;padding:var(--space-12) 0;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px}.att-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);align-items:center;gap:var(--space-4);transition:box-shadow var(--transition-fast);display:flex}.att-item:hover{box-shadow:var(--shadow-sm)}.att-item-date{text-align:center;flex-shrink:0;min-width:40px}.att-item-date-num{color:var(--color-primary);font-size:20px;font-weight:700;line-height:1;font-family:var(--font-heading)}.att-item-date-mon{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:3px;font-size:11px}.att-item-divider{background:var(--border-color);flex-shrink:0;width:1px;height:40px}.att-item-info{flex:1;min-width:0}.att-item-project{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;font-family:var(--font-heading);overflow:hidden}.att-item-times{color:var(--text-muted);margin-top:var(--space-2);gap:var(--space-4);flex-wrap:wrap;font-size:12px;display:flex}.att-item-times strong{color:var(--text-secondary);font-weight:600}.att-item-right{align-items:flex-end;gap:var(--space-2);text-align:right;flex-direction:column;flex-shrink:0;display:flex}.att-item-hours{color:var(--text-muted);font-size:11px;line-height:1.4}.att-tag{border-radius:var(--radius-full);white-space:nowrap;font-size:11px;font-weight:600;font-family:var(--font-heading);align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.att-tag:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.att-tag.present{background:var(--color-success-bg);color:var(--color-success)}.att-tag.late{background:var(--color-warning-bg);color:var(--color-warning)}.att-tag.absent{background:var(--color-danger-bg);color:var(--color-danger)}.att-tag.leave{background:var(--color-info-bg,#e0edff);color:var(--color-info,#2563eb)}.att-pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);display:flex}.att-pagination-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:13px;font-family:var(--font-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;font-weight:500;display:flex}.att-pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.att-pagination-btn:disabled{opacity:.4;cursor:default}.att-pagination-info{color:var(--text-muted);padding:0 var(--space-2);font-size:13px;font-family:var(--font-body)}.att-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#003d7959;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.att-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-overflow-scrolling:touch;width:360px;max-height:90vh;box-shadow:var(--shadow-xl);position:relative;overflow-y:auto}.att-modal-close{top:var(--space-3);right:var(--space-3);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute}.att-modal-close:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.att-modal-title{color:var(--text-primary);margin-bottom:var(--space-1);font-size:18px;font-weight:700;font-family:var(--font-heading)}.att-modal-sub{color:var(--text-muted);margin-bottom:var(--space-5);font-size:13px}.att-steps{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.att-step{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-page);transition:all var(--transition-fast);display:flex}.att-step.loading{background:var(--color-info-bg);border-color:var(--color-info)}.att-step.ok{background:var(--color-success-bg);border-color:var(--color-success)}.att-step.error{background:var(--color-danger-bg);border-color:var(--color-danger)}.att-step-icon{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.att-step.ok .att-step-icon{background:var(--color-success-bg);border-color:var(--color-success)}.att-step.ok .att-step-icon i{color:var(--color-success)}.att-step.error .att-step-icon{background:var(--color-danger-bg);border-color:var(--color-danger)}.att-step.error .att-step-icon i{color:var(--color-danger)}.att-step.loading .att-step-icon i{color:var(--color-info)}.att-step-body{flex:1;min-width:0}.att-step-label{color:var(--text-primary);font-size:13px;font-weight:600;font-family:var(--font-heading)}.att-step-desc{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.5}.att-step.error .att-step-desc{color:var(--color-danger)}.att-step-action{color:var(--color-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-1) var(--space-2);margin-left:var(--space-1);white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--font-heading);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-shrink:0}.att-step.error .att-step-action{color:var(--color-danger);border-color:var(--color-danger)}.att-step-action:disabled{opacity:.5;cursor:default}.att-step-action:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.att-step.error .att-step-action:hover:not(:disabled){background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.att-video-wrap{margin-bottom:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.att-video-wrap video{width:100%;display:block;transform:scaleX(-1)}.att-progress{background:var(--border-color);border-radius:var(--radius-full);height:4px;margin-bottom:var(--space-3);overflow:hidden}.att-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .1s linear}.att-progress-fill.checkin{background:var(--color-success)}.att-progress-fill.checkout{background:var(--color-danger)}.att-result{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-success-bg);border:1px solid var(--color-success);margin-bottom:var(--space-3)}.att-result-name{color:var(--color-success);font-size:14px;font-weight:600;font-family:var(--font-heading)}.att-result-loc{color:var(--text-secondary);margin-top:var(--space-1);font-size:12px}.att-scan-btn{width:100%;padding:var(--space-3) 0;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-weight:600;font-family:var(--font-heading);letter-spacing:.3px;-webkit-tap-highlight-color:transparent;border:none}.att-scan-btn.checkin{background:var(--color-success)}.att-scan-btn.checkout{background:var(--color-danger)}.att-scan-btn.done{background:var(--text-muted)}.att-scan-btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-md);transform:translateY(-1px)}.att-scan-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.att-filter{justify-content:space-between;align-items:flex-end;gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);margin-top:var(--space-3);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.att-filter-fields{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.att-filter-group{gap:var(--space-1);flex-direction:column;display:flex}.att-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600;font-family:var(--font-heading)}.att-date-wrap{align-items:center;display:flex;position:relative}.att-filter-input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:38px;font-size:13px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-card);box-sizing:border-box;appearance:none;cursor:pointer;transition:border-color var(--transition-fast);outline:none;padding:0 36px 0 12px}.att-filter-input:hover{border-color:var(--color-primary)}.att-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #003d7914}input[type=date].att-filter-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;z-index:1;width:20px;height:100%;position:absolute;right:10px}.att-date-wrap:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A9BB0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:16px;height:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.att-date-wrap:hover:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23003D79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}input[type=date].att-filter-input::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date].att-filter-input,input[type=time].att-filter-input{appearance:none;align-items:center;display:flex}.att-filter-reset{align-items:center;gap:var(--space-1);height:38px;padding:0 var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-page);font-size:12px;font-weight:500;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;display:flex}.att-filter-reset:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--bg-card)}.att-filter-count{color:var(--text-muted);font-size:12px;font-family:var(--font-body);white-space:nowrap}.att-schedule-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.att-schedule-header{padding:var(--space-4) var(--space-5);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:var(--space-3);-webkit-tap-highlight-color:transparent;display:flex}.att-schedule-header:hover{background:var(--bg-page)}.att-schedule-header-left{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.att-schedule-title{color:var(--text-primary);font-size:13px;font-weight:600;font-family:var(--font-heading);white-space:nowrap}.att-schedule-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.att-schedule-header-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.att-schedule-loading,.att-schedule-empty{padding:var(--space-4) var(--space-5);color:var(--text-muted);font-size:13px}.att-schedule-body{border-top:1px solid var(--border-color);padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}.att-schedule-stats{gap:var(--space-6);flex-wrap:wrap;display:flex}.att-schedule-stat{align-items:flex-start;gap:var(--space-3);display:flex}.att-schedule-stat>div{flex-direction:column;gap:3px;min-width:0;display:flex}.att-schedule-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-family:var(--font-heading);line-height:1.2}.att-schedule-stat-value{color:var(--text-primary);font-size:14px;font-weight:600;font-family:var(--font-heading);line-height:1.2}.att-schedule-days{gap:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.att-schedule-day{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-page);transition:all var(--transition-fast);flex-direction:column;display:flex}.att-schedule-day.work{background:#003d790a;border-color:#003d7926}.att-schedule-day.today{border-color:var(--color-primary);background:#003d790f}.att-schedule-day-name{color:var(--text-secondary);font-size:11px;font-weight:600;font-family:var(--font-heading)}.att-schedule-day.today .att-schedule-day-name{color:var(--color-primary)}.att-schedule-day-dot{border-radius:50%;width:6px;height:6px}.work-dot{background:var(--color-primary)}.off-dot{background:var(--border-color)}.att-schedule-day-today-dot{background:var(--color-accent,#ffc107);border-radius:50%;width:4px;height:4px}@media (width<=768px){.att-header-card{padding:var(--space-4)}.att-header-times{gap:var(--space-3);flex-wrap:wrap}.att-time-block span,.att-time-block span.empty{font-size:12px}.att-btn-row{gap:var(--space-3)}.att-action-btn{padding:var(--space-3) var(--space-4)}.att-action-icon{width:38px;height:38px}.att-action-label{font-size:14px}.att-filter{align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4);flex-direction:column}.att-filter-fields{gap:var(--space-2);flex-wrap:wrap}.att-filter-input{flex:1;min-width:120px}.att-filter-reset{align-self:flex-start}.att-modal{width:95vw;padding:var(--space-5)}.att-schedule-header{padding:var(--space-3) var(--space-4)}.att-schedule-days{gap:var(--space-1)}.att-schedule-day{padding:var(--space-1)}.att-schedule-day-name{font-size:10px}.att-schedule-stats{gap:var(--space-5)}.att-table th,.att-table td{padding:var(--space-2) var(--space-3);font-size:12px}}@media (width<=480px){.att-header-card{padding:var(--space-3) var(--space-4)}.att-header-date,.att-time-block span,.att-time-block span.empty{font-size:12px}.att-btn-row{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr}.att-action-btn,.att-filter{padding:var(--space-3)}.att-filter-fields{flex-direction:column;align-items:stretch}.att-filter-input{width:100%;min-width:unset}.att-filter-reset{justify-content:center;width:100%}.att-filter-count{text-align:center}.att-list-empty,.att-list-loading{padding:var(--space-8) 0}.att-table-wrap{border-radius:var(--radius-md)}.att-table th,.att-table td{padding:var(--space-2) var(--space-2);font-size:11px}.att-table-thumb{width:30px;height:30px}.att-section-title{font-size:12px}.att-modal-overlay{align-items:flex-end;padding:0}.att-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:92vh;padding:var(--space-4) var(--space-3)}.att-modal-title{font-size:16px}.att-step{padding:var(--space-2) var(--space-3)}.att-step-icon{width:28px;height:28px}.att-step-action{padding:2px var(--space-2);font-size:11px}.att-video-wrap video{object-fit:cover;max-height:200px}.att-scan-btn{padding:var(--space-3) 0;font-size:13px}.att-schedule-body{padding:var(--space-4);gap:var(--space-4)}.att-schedule-days{gap:3px}.att-schedule-day{padding:6px 2px}.att-schedule-day-name{font-size:9px}.att-schedule-day-dot{width:5px;height:5px}.att-schedule-stats{gap:var(--space-4) var(--space-3);grid-template-columns:1fr 1fr;display:grid}.att-pagination{gap:var(--space-1);margin-top:var(--space-4)}.att-pagination-btn{padding:var(--space-2) var(--space-3);font-size:12px}.att-pagination-info{display:none}}@media (width<=360px){.att-action-label{font-size:13px}.att-action-sub{font-size:11px}.att-action-icon{width:34px;height:34px}.att-schedule-day-name{font-size:8px}.att-schedule-stats{grid-template-columns:1fr}.att-modal{padding:var(--space-4) var(--space-5)}}@media (width<=320px){.att-modal{margin:var(--space-4) var(--space-3);border-radius:12px 12px 0 0;max-height:96vh}.att-modal-title{font-size:15px}.att-modal-sub{margin-bottom:var(--space-3);font-size:12px}.att-steps{gap:var(--space-1)}.att-step{gap:var(--space-2);padding:var(--space-2)}.att-step-icon{width:26px;height:26px}.att-step-label{font-size:12px}.att-step-desc{font-size:10px}.att-step-action{padding:2px 6px;font-size:10px}.att-scan-btn{font-size:12px}.att-result{padding:var(--space-2) var(--space-3)}.att-result-name{font-size:13px}}.att-item-photos{gap:var(--space-2);margin-top:var(--space-2);display:flex}.att-item-photo-box{flex-direction:column;align-items:center;gap:3px;display:flex}.att-item-photo{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-page);cursor:pointer;width:46px;height:46px;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.att-item-photo:hover{box-shadow:var(--shadow-sm);transform:scale(1.06)}.att-item-photo-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-family:var(--font-heading)}.att-header-card .att-item-photos{margin-top:var(--space-3)}.att-header-card .att-item-photo{width:56px;height:56px}.cor-view{gap:var(--space-4);flex-direction:column;display:flex}.cor-toolbar{justify-content:space-between;align-items:flex-end;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.cor-toolbar-left{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;flex:1;min-width:0;display:flex}.cor-search-wrap{align-items:center;display:flex;position:relative}.cor-search-icon{color:var(--text-muted);pointer-events:none;font-size:14px;position:absolute;left:10px}.cor-search-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:38px;font-size:13px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-page);width:220px;transition:border-color var(--transition-fast), width var(--transition-fast);padding:0 32px}.cor-search-input::placeholder{color:var(--text-muted)}.cor-search-input:hover{border-color:var(--color-primary)}.cor-search-input:focus{border-color:var(--color-primary);outline:none;width:260px;box-shadow:0 0 0 3px #003d7914}.cor-search-clear{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;padding:2px;font-size:13px;display:flex;position:absolute;right:8px}.cor-search-clear:hover{color:var(--text-primary)}.cor-filter-dates{align-items:flex-end;gap:var(--space-3);display:flex}.cor-filter-group{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.cor-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600;font-family:var(--font-heading)}.cor-filter-input{height:38px;padding:0 var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-page);cursor:pointer;transition:border-color var(--transition-fast);appearance:none}.cor-filter-input:hover{border-color:var(--color-primary)}.cor-filter-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #003d7914}.cor-filter-reset{align-items:center;gap:var(--space-1);height:38px;padding:0 var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-page);font-size:12px;font-weight:500;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;display:flex}.cor-filter-reset:hover{border-color:var(--color-primary);color:var(--color-primary)}.cor-add-btn{justify-content:center;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-white);font-size:13px;font-weight:600;font-family:var(--font-heading);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-shrink:0;display:flex}.cor-add-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.cor-add-btn:active{transform:scale(.98)}.cor-modal-overlay{z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#003d7959;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cor-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-overflow-scrolling:touch;width:480px;max-width:100%;max-height:90vh;box-shadow:var(--shadow-xl);position:relative;overflow-y:auto}.cor-modal-close{top:var(--space-3);right:var(--space-3);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute}.cor-modal-close:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.cor-modal-title{color:var(--text-primary);margin-bottom:var(--space-1);font-size:18px;font-weight:700;font-family:var(--font-heading);padding-right:var(--space-6)}.cor-modal-sub{color:var(--text-muted);margin-bottom:var(--space-5);font-size:13px}.cor-form-body{display:block}.cor-form-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.cor-form-field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.cor-form-field--full{grid-column:1/-1}.cor-label{color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-heading)}.cor-required{color:var(--color-danger)}.cor-hint{color:var(--text-muted);margin:0;font-size:11px}.cor-input{height:40px;padding:0 var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-page);transition:border-color var(--transition-fast);box-sizing:border-box;width:100%}.cor-input:hover{border-color:var(--color-primary)}.cor-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #003d7914}.cor-input::placeholder{color:var(--text-muted)}.cor-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A9BB0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.cor-select:disabled{opacity:.6;cursor:default}.cor-textarea{height:110px;padding:var(--space-2) var(--space-3);resize:vertical;min-height:90px;line-height:1.5}.cor-form-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-color);display:flex}.cor-btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;display:flex}.cor-btn--primary{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-white)}.cor-btn--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.cor-btn--primary:disabled{opacity:.55;cursor:not-allowed}.cor-btn--outline{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.cor-btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.cor-msg{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-body);margin-bottom:var(--space-4);display:flex}.cor-msg--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.cor-msg--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.cor-spin{animation:.7s linear infinite cor-spin;display:inline-block}@keyframes cor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cor-list{gap:var(--space-3);flex-direction:column;display:flex}.cor-state-box{text-align:center;padding:var(--space-12) 0;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px}.cor-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);gap:var(--space-2);transition:box-shadow var(--transition-fast);flex-direction:column;display:flex}.cor-item:hover{box-shadow:var(--shadow-sm)}.cor-item-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.cor-item-project{color:var(--text-primary);font-size:14px;font-weight:600;font-family:var(--font-heading)}.cor-item-date{color:var(--text-muted);margin-top:2px;font-size:12px}.cor-item-reason{color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:var(--bg-page);border-radius:var(--radius-sm);border-left:3px solid var(--border-color);font-size:13px;font-style:italic;line-height:1.5}.cor-item-times{gap:var(--space-4);flex-wrap:wrap;display:flex}.cor-item-time{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:12px;display:flex}.cor-item-time strong{color:var(--text-primary)}.cor-item-rejection{align-items:flex-start;gap:var(--space-2);color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:12px;line-height:1.5;display:flex}.cor-tag{border-radius:var(--radius-full);white-space:nowrap;font-size:11px;font-weight:600;font-family:var(--font-heading);flex-shrink:0;padding:3px 10px;display:inline-block}.cor-tag--pending{background:var(--color-warning-bg);color:var(--color-warning)}.cor-tag--approved{background:var(--color-success-bg);color:var(--color-success)}.cor-tag--rejected{background:var(--color-danger-bg);color:var(--color-danger)}@media (width<=768px){.cor-toolbar{padding:var(--space-4);flex-direction:column;align-items:stretch}.cor-toolbar-left{align-items:stretch;gap:var(--space-3);flex-direction:column;width:100%}.cor-search-wrap,.cor-search-input,.cor-search-input:focus{width:100%}.cor-filter-dates{gap:var(--space-3)}.cor-filter-group{flex:1}.cor-filter-input{width:100%}.cor-filter-reset{justify-content:center;width:100%}.cor-add-btn{width:100%}}@media (width<=480px){.cor-toolbar{padding:var(--space-3)}.cor-modal-overlay{align-items:flex-end;padding:0}.cor-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:92vh;padding:var(--space-5) var(--space-4) var(--space-4)}.cor-modal-title{font-size:16px}.cor-form-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr}.cor-form-footer{align-items:stretch;gap:var(--space-2);flex-direction:column-reverse}.cor-btn{width:100%}.cor-item{padding:var(--space-3) var(--space-4)}.cor-item-times{gap:var(--space-2)}}@media (width<=360px){.cor-filter-dates{flex-direction:column}.cor-filter-group{width:100%}.cor-modal{padding:var(--space-4) var(--space-3) var(--space-3)}.cor-modal-title{font-size:15px}}.frv-root{gap:var(--space-4);flex-direction:column;display:flex}.att-face-layout{gap:var(--space-6);grid-template-columns:1fr 280px;align-items:start;display:grid}.att-info-box{background:var(--color-info-bg);border:1px solid #bfdbfe;border-left:3px solid var(--color-info);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--text-primary);margin-bottom:var(--space-5);font-size:13px;line-height:1.65}.att-info-box strong{font-family:var(--font-heading);color:var(--color-primary);font-weight:600}.frv-open-btn{align-items:center;gap:var(--space-2);display:inline-flex}.att-msg{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-body);border:1px solid #0000;line-height:1.55;animation:.2s frv-fadein;display:flex}.frv-modal-msg{margin-bottom:0}.att-msg--info{background:var(--color-info-bg);color:var(--color-info);border-color:#bfdbfe}.att-msg--success{background:var(--color-success-bg);color:var(--color-success);border-color:#bbf7d0}.att-msg--error{background:var(--color-danger-bg);color:var(--color-danger);border-color:#fecaca}@keyframes frv-fadein{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.att-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f2f6 25%,#e8ebf2 50%,#f0f2f6 75%) 0 0/200% 100%;height:18px;animation:1.4s infinite frv-shimmer}.frv-skeleton-row{align-items:center;gap:var(--space-3);display:flex}@keyframes frv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.att-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:var(--space-4);box-shadow:var(--shadow-sm)}.att-face-item{align-items:center;gap:var(--space-3);display:flex}.att-face-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.frv-status-note{color:var(--text-muted);margin-top:var(--space-3);font-size:12px;line-height:1.65}.att-label{font-size:11px;font-weight:600;font-family:var(--font-heading);letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3);display:block}.att-tag{border-radius:var(--radius-full);white-space:nowrap;font-size:11px;font-weight:600;font-family:var(--font-heading);flex-shrink:0;padding:3px 10px;display:inline-block}.att-tag--present{background:var(--color-success-bg);color:var(--color-success)}.att-tag--absent{background:var(--bg-page);color:var(--text-muted);border:1px solid var(--border-color)}.att-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:38px;padding:0 var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:1px solid #0000;font-size:13px;font-weight:600;display:inline-flex}.att-btn:active:not(:disabled){transform:scale(.98)}.att-btn:disabled{opacity:.55;cursor:not-allowed}.att-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.att-btn--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.att-btn--danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.att-btn--danger:hover:not(:disabled){background:var(--color-danger-bg)}.att-btn--outline{background:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}.att-btn--outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.frv-backdrop{z-index:1200;padding:var(--space-4);background:#0a16287a;justify-content:center;align-items:center;animation:.18s frv-fadein;display:flex;position:fixed;inset:0}.frv-modal{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:520px;animation:.22s cubic-bezier(.34,1.3,.64,1) frv-modal-in;display:flex;overflow:hidden}@keyframes frv-modal-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.frv-modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.frv-modal-title{font-family:var(--font-heading);color:var(--text-primary);font-size:15px;font-weight:700}.frv-close-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.frv-close-btn:hover{background:var(--bg-page);color:var(--text-primary)}.frv-modal-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.frv-modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color);background:var(--bg-page);display:flex}.frv-saving-text{color:var(--text-muted);font-size:13px;font-family:var(--font-body)}.frv-cam-wrap{aspect-ratio:4/3;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#0a1628;width:100%;position:relative;overflow:hidden}.frv-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.att-camera-empty{justify-content:center;align-items:center;gap:var(--space-3);background:var(--bg-page);flex-direction:column;display:flex;position:absolute;inset:0}.att-camera-empty-icon{background:var(--bg-card);border:1px solid var(--border-color);width:60px;height:60px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.frv-captured-img{object-fit:cover;width:100%;height:100%;display:block}.frv-captured-badge{background:var(--color-success);color:var(--color-white);font-size:11px;font-weight:600;font-family:var(--font-heading);border-radius:var(--radius-full);align-items:center;gap:5px;padding:4px 12px;animation:.3s frv-fadein;display:flex;position:absolute;top:10px;right:10px}.frv-saving-overlay{background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.frv-saving-pill{background:var(--color-primary);color:var(--color-white);font-size:13px;font-weight:600;font-family:var(--font-heading);border-radius:var(--radius-full);padding:8px 20px}.frv-overlay-badge{font-size:11px;font-weight:600;font-family:var(--font-heading);border-radius:var(--radius-full);background:#0a1428b8;padding:4px 10px;position:absolute;top:10px;left:10px}.frv-overlay-badge--dark{color:#f87171}.frv-overlay-badge--bright{color:#fcd34d}.frv-noface-pill{color:#ffffffe6;font-size:12px;font-family:var(--font-heading);border-radius:var(--radius-full);white-space:nowrap;background:#0a1428b8;padding:5px 16px;font-weight:500;animation:2s ease-in-out infinite frv-pulse;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}@keyframes frv-pulse{0%,to{opacity:.8}50%{opacity:1}}.frv-challenge-bar{padding:36px var(--space-4) var(--space-4);align-items:center;gap:var(--space-2);background:linear-gradient(#0000 0%,#061022e0 100%);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.frv-guide-wrap{color:#ffffffbf;width:72px;height:88px;margin-bottom:2px}.frv-guide-svg{width:100%;height:100%}.frv-challenge-label{color:#fff;font-size:14px;font-weight:700;font-family:var(--font-heading);text-align:center}.frv-progress-track{border-radius:var(--radius-full);background:#fff3;width:100%;height:4px;overflow:hidden}.frv-progress-fill{background:var(--color-success);border-radius:var(--radius-full);height:100%;transition:width .15s}.frv-done-overlay{background:#00143280;justify-content:center;align-items:center;animation:.2s frv-fadein;display:flex;position:absolute;inset:0}.frv-done-pill{align-items:center;gap:var(--space-2);background:var(--color-success);color:var(--color-white);font-size:14px;font-weight:700;font-family:var(--font-heading);border-radius:var(--radius-full);box-shadow:var(--shadow-md);padding:10px 24px;display:flex}.att-challenge-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.att-challenge-pill{border-radius:var(--radius-full);font-size:12px;font-weight:600;font-family:var(--font-heading);border:1px solid var(--border-color);color:var(--text-muted);transition:all var(--transition-fast);background:0 0;align-items:center;gap:5px;padding:5px 12px;display:inline-flex}.att-challenge-pill--active{border-color:var(--color-primary);color:var(--color-primary);background:#003d7912}.att-challenge-pill--done{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}@media (width<=900px){.att-face-layout{gap:var(--space-5);grid-template-columns:1fr}}@media (width<=480px){.frv-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%}.frv-backdrop{align-items:flex-end;padding:0}.frv-cam-wrap{aspect-ratio:3/4}.att-btn{height:42px;font-size:14px}.frv-guide-wrap{width:60px;height:72px}}.frv-oval-svg{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}:root{--frv-oval-idle:#fff;--frv-oval-valid:#1f9d55;--frv-oval-invalid:#e0433f}.frv-oval-pulse{transform-origin:50%;animation:.7s ease-in-out infinite frv-oval-pulse-anim}@keyframes frv-oval-pulse-anim{0%{opacity:.95;stroke-width:5px}50%{opacity:.35;stroke-width:8px}to{opacity:.95;stroke-width:5px}}.att-layout{gap:var(--space-5);flex-direction:column;min-height:100%;display:flex}.att-tabbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:stretch;gap:4px;padding:4px;display:flex}.att-tabbar-btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;height:38px;padding:0 var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);color:var(--text-secondary);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex:1;display:flex}.att-tabbar-icon{flex-shrink:0}.att-tabbar-label{text-overflow:ellipsis;overflow:hidden}.att-tabbar-btn:hover{background:var(--bg-page);color:var(--text-primary)}.att-tabbar-btn--active,.att-tabbar-btn--active:hover{background:var(--color-primary-dark,var(--color-primary));color:var(--color-white);font-weight:600}.att-content{flex:1;min-width:0}.att-toast-container{gap:var(--space-2);z-index:9999;flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px}.att-toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-body);box-shadow:var(--shadow-lg);color:var(--color-white);min-width:240px;animation:.2s att-toast-in}.att-toast--success{background:var(--color-primary)}.att-toast--error{background:var(--color-danger)}.att-toast--warning{background:var(--color-warning)}@keyframes att-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.att-layout{gap:var(--space-4)}.att-tabbar-btn{padding:0 var(--space-2);font-size:12px}}@media (width<=480px){.att-tabbar{gap:3px;padding:3px}.att-tabbar-btn{flex-direction:column;gap:3px;height:auto;padding:8px 4px;font-size:11px;line-height:1.1}.att-tabbar-label{max-width:100%}.att-toast-container{bottom:16px;left:16px;right:16px}.att-toast{width:100%;min-width:0}}@media (width<=340px){.att-tabbar-btn{padding:7px 2px;font-size:10px}}.pss-page{flex-direction:column;gap:20px;height:100%;min-height:0;display:flex}.pss-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.pss-title{color:var(--text-primary);letter-spacing:-.2px;margin:0 0 2px;font-size:20px;font-weight:700}.pss-filters{gap:8px;display:flex}.pss-select{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.pss-select:focus{border-color:var(--color-primary,#6366f1)}.pss-split{flex:1;gap:16px;min-height:0;display:flex;overflow:hidden}.pss-sidebar{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;border-radius:12px;flex-direction:column;flex-shrink:0;gap:2px;width:240px;padding:6px;display:flex;overflow-y:auto}.pss-sidebar-loading,.pss-sidebar-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 16px;display:flex}.pss-sidebar-empty i{opacity:.4;font-size:32px}.pss-sidebar-empty p{margin:0;font-size:13px}.pss-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px;transition:background .12s;display:flex}.pss-item:hover{background:var(--bg-hover,#f1f5f9)}.pss-item--active{background:var(--color-primary-light,#6366f114)}.pss-item-icon{background:var(--bg-hover,#f1f5f9);width:32px;height:32px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:background .12s,color .12s;display:flex}.pss-item--active .pss-item-icon{background:var(--color-primary,#6366f1);color:#fff}.pss-item-body{flex:1;min-width:0}.pss-item-period{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13px;font-weight:600;overflow:hidden}.pss-item-amount{color:var(--text-muted);font-variant-numeric:tabular-nums;margin:0;font-size:11.5px}.pss-item--active .pss-item-amount{color:var(--color-primary,#6366f1)}.pss-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:600}.pss-badge--draft{color:#64748b;background:#f1f5f9}.pss-badge--approved{color:#2563eb;background:#eff6ff}.pss-badge--paid{color:#16a34a;background:#f0fdf4}.pss-pagination{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:8px 0 4px;font-size:12px;display:flex}.pss-page-btn{border:1px solid var(--border-color,#e2e8f0);cursor:pointer;width:26px;height:26px;color:var(--text-primary);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:background .12s;display:flex}.pss-page-btn:hover:not(:disabled){background:var(--bg-hover,#f1f5f9)}.pss-page-btn:disabled{opacity:.4;cursor:not-allowed}.pss-detail-wrap{flex:1;min-width:0;overflow-y:auto}.pss-empty-detail{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;justify-content:center;align-items:center;height:100%;display:flex}.pss-empty-detail-inner{text-align:center;color:var(--text-muted)}.pss-empty-detail-inner i{opacity:.35;margin-bottom:10px;font-size:36px;display:block}.pss-empty-detail-inner p{margin:0;font-size:14px}.pss-detail{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pss-detail-header{background:var(--bg-hover,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.pss-detail-period{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary,#6366f1);margin:0 0 4px;font-size:11px;font-weight:700}.pss-detail-amount{color:var(--text-primary);letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin:0 0 2px;font-size:26px;font-weight:800}.pss-detail-sublabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:11px;font-weight:600}.pss-detail-header-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.pss-detail-pending{color:var(--text-muted);margin:0;font-size:12px;font-style:italic}.pss-detail-body{flex-direction:column;gap:0;padding:18px 22px;display:flex}.pss-section-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted,#94a3b8);border-bottom:1px solid var(--border-color,#f1f5f9);margin-bottom:2px;padding:14px 0 5px;font-size:10.5px;font-weight:700}.pss-section-title:first-child{padding-top:0}.pss-rows{flex-direction:column;display:flex}.pss-row{border-bottom:1px solid var(--border-color,#f8fafc);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.pss-row:last-child{border-bottom:none}.pss-row--full{grid-column:1/-1}.pss-row-label{color:var(--text-secondary,#64748b);font-size:13px}.pss-row-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.pss-row-value--accent{color:#16a34a;font-size:17px;font-weight:800}.pss-notes{color:var(--text-muted);margin:8px 0 0;font-size:13px;font-style:italic;line-height:1.5}@media (width<=640px){.pss-split{flex-direction:column}.pss-sidebar{width:100%;max-height:220px}.pss-detail-amount{font-size:20px}}.pss-header{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.pss-header-left{min-width:0}.pss-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:15px;font-weight:700;overflow:hidden}.pss-subtitle{color:var(--text-muted);margin:0;font-size:12px}.pss-filters{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.pss-select{height:34px;padding:0 var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-page);cursor:pointer;transition:border-color var(--transition-fast);min-width:0}.pss-select:hover{border-color:var(--color-primary)}.pss-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #003d7914}@media (width<=768px){.pss-header{padding:14px 16px}}@media (width<=480px){.pss-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.pss-filters{width:100%}.pss-select{flex:1;width:100%}}:root,.req-view{--border:var(--border-color);--radius:var(--radius-md);--primary:var(--color-primary);--bg-input:var(--bg-card);--bg-subtle:var(--bg-page);--danger:var(--color-danger)}.req-tabs{border-bottom:1px solid var(--border-color,#e5e7eb);scrollbar-width:none;gap:8px;margin-bottom:14px;display:flex;overflow-x:auto}.req-tabs::-webkit-scrollbar{display:none}.req-tab{color:var(--text-secondary,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 4px;font-size:14px;position:relative}.req-tab--active{color:var(--text-primary,#111827);border-bottom-color:var(--color-primary,#2563eb);font-weight:600}.req-tab-badge{color:#fff;vertical-align:middle;background:#dc2626;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px}.lv-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.lv-toolbar>:last-child{flex-shrink:0}.lv-toolbar-left{flex-wrap:wrap;flex:1;align-items:flex-end;gap:10px;display:flex}.lv-search{flex:220px;min-width:180px;position:relative}.lv-search-icon{color:var(--text-secondary);pointer-events:none;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.lv-search-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);width:100%;height:38px;color:var(--text-primary);box-sizing:border-box;padding:0 32px 0 34px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.lv-search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.lv-search-clear{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lv-search-clear:hover{background:var(--bg-page);color:var(--text-primary)}.lv-filter-dates{gap:8px;display:flex}.lv-filter-group{flex-direction:column;gap:4px;display:flex}.lv-filter-label{color:var(--text-secondary);font-size:11px}.lv-filter-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:38px;color:var(--text-primary);box-sizing:border-box;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.lv-filter-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.lv-filter-reset{border:1px solid var(--border-color);border-radius:var(--radius-md);height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:0 12px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.lv-filter-reset:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.lv-list{flex-direction:column;gap:8px;display:flex}.lv-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.lv-card-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.lv-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.lv-card-actions{gap:4px;display:flex}.lv-card-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-primary);background:var(--bg-page);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lv-card-title{color:var(--text-primary);margin:0 0 2px;font-size:13px;font-weight:600}.lv-card-sub{color:var(--text-secondary);margin:0 0 2px;font-size:12px}.lv-card-reason{color:var(--text-secondary);margin:4px 0 0;font-size:12px;font-style:italic}.lv-card-emp{color:var(--text-secondary);margin:0 0 4px;font-size:11px}.lv-card-rejection{color:var(--color-danger);margin:4px 0 0;font-size:12px}.lv-status-badge{white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:11px;font-weight:600}.lv-loading{text-align:center;color:var(--text-secondary);padding:40px;font-size:13px}.lv-empty{text-align:center;color:var(--text-secondary);padding:40px}.lv-empty-icon{color:var(--text-secondary);margin:0 auto 8px;display:block}.lv-empty p{margin:0;font-size:13px}.lv-pagination{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.lv-page-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;width:30px;height:30px;color:var(--text-primary);background:0 0;font-size:12px}.lv-page-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.lv-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.15s lv-fade;display:flex;position:fixed;inset:0}.lv-modal{background:var(--bg-card,#fff);border-radius:var(--radius-lg,14px);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-lg,0 20px 50px #00000040);padding:22px;animation:.18s lv-pop;position:relative;overflow-y:auto}.lv-modal-close{background:var(--bg-page,#f1f5f9);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:14px;right:14px}.lv-modal-close:hover{color:var(--text-primary);background:#e2e8f0}.lv-modal-title{color:var(--text-primary);margin:0 36px 2px 0;font-size:16px;font-weight:700}.lv-modal-sub{color:var(--text-secondary);margin:0 0 16px;font-size:12px}.lv-form-body{flex-direction:column;gap:16px;display:flex}.lv-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lv-form-field{flex-direction:column;gap:5px;display:flex}.lv-form-field--full{grid-column:1/-1}.lv-label{color:var(--text-secondary);font-size:12px;font-weight:500}.lv-required{color:var(--color-danger,#dc2626)}.lv-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:38px;color:var(--text-primary);box-sizing:border-box;width:100%;padding:0 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.lv-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.lv-select{cursor:pointer}.lv-textarea{resize:vertical;height:auto;min-height:80px;padding:9px 11px;line-height:1.5}.lv-hint{color:var(--text-secondary);margin:0;font-size:11px}.lv-optional{color:var(--text-secondary);font-size:11px;font-weight:400}.lv-form-footer{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.lv-btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;height:38px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .15s,background .15s,color .15s}.lv-btn--outline{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.lv-btn--outline:hover{background:var(--bg-page);color:var(--text-primary)}.lv-btn--primary{background:var(--color-primary);color:#fff}.lv-btn--primary:hover:not(:disabled){opacity:.92}.lv-btn--primary:disabled{opacity:.55;cursor:not-allowed}@keyframes lv-fade{0%{opacity:0}to{opacity:1}}@keyframes lv-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lv-modal-summary{background:var(--bg-page);border-radius:var(--radius-md);flex-direction:column;gap:4px;margin-bottom:14px;padding:12px;display:flex}.lv-summary-name{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.lv-summary-meta{color:var(--text-secondary);margin:0;font-size:12px}.lv-summary-reason{color:var(--text-secondary);margin:0;font-size:12px;font-style:italic}.lv-action-btns{gap:8px;margin-bottom:14px;display:flex}.lv-form-body .lv-modal-summary,.lv-form-body .lv-action-btns{margin-bottom:0}.lv-action-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.lv-action-btn--approve.active{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.lv-action-btn--reject.active{color:#dc2626;background:#fef2f2;border-color:#dc2626}.lv-reject-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:72px;padding:8px 10px;font-family:inherit;font-size:13px}.lv-reject-textarea:focus{border-color:var(--color-primary);outline:none}.lv-doc-upload{border:1.5px dashed var(--border-color,#e2e8f0);cursor:pointer;border-radius:8px;padding:12px 14px;transition:border-color .15s,background .15s}.lv-doc-upload:hover{border-color:var(--color-primary,#2563eb);background:var(--bg-hover,#f8fafc)}.lv-doc-placeholder{color:var(--text-secondary,#64748b);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:13px;display:flex}.lv-doc-placeholder svg{opacity:.7;margin-bottom:2px}.lv-doc-hint{color:var(--text-muted,#94a3b8);font-size:11px}.lv-doc-preview{color:var(--text-primary,#1e293b);align-items:center;gap:8px;font-size:13px;display:flex}.lv-doc-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lv-doc-remove{background:var(--bg-danger-subtle,#fef2f2);width:20px;height:20px;color:var(--color-danger,#dc2626);cursor:pointer;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lv-doc-remove:hover{background:var(--color-danger,#dc2626);color:#fff}.lv-doc-link{color:var(--color-primary,#2563eb);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:0;font-size:12px;text-decoration:none;display:inline-flex}.lv-doc-link:hover{text-decoration:underline}.lv-modal-summary .lv-doc-link{margin-top:8px}.lv-card-thumb{cursor:pointer;background:var(--bg-muted,#f1f5f9);border:none;border-radius:8px;flex-shrink:0;width:40px;height:40px;padding:0;overflow:hidden}.lv-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=640px){.lv-toolbar{flex-direction:column;align-items:stretch}.lv-toolbar>:last-child{width:100%}.lv-toolbar-left{flex-direction:column;align-items:stretch}.lv-search{flex:auto;min-width:0}.lv-filter-dates{gap:8px}.lv-filter-group{flex:1}.lv-filter-input{width:100%}.lv-filter-reset{justify-content:center;width:100%}}@media (width<=560px){.lv-form-grid{grid-template-columns:1fr}.lv-modal{padding:18px}.lv-card{flex-direction:column;align-items:stretch}.lv-card-right{flex-direction:row;justify-content:space-between;align-items:center}}:root,.req-view{--border:var(--border-color);--radius:var(--radius-md);--primary:var(--color-primary);--bg-input:var(--bg-card);--bg-subtle:var(--bg-page);--danger:var(--color-danger)}.ot-tabs{border-bottom:1px solid var(--border-color,#e5e7eb);scrollbar-width:none;gap:8px;margin-bottom:14px;display:flex;overflow-x:auto}.ot-tabs::-webkit-scrollbar{display:none}.ot-tab{color:var(--text-secondary,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 4px;font-size:14px;position:relative}.ot-tab--active{color:var(--text-primary,#111827);border-bottom-color:var(--color-primary,#2563eb);font-weight:600}.ot-tab-badge{color:#fff;vertical-align:middle;background:#dc2626;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px}.ot-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.ot-toolbar>:last-child{flex-shrink:0}.ot-toolbar-left{flex-wrap:wrap;flex:1;align-items:flex-end;gap:10px;display:flex}.ot-search{flex:220px;min-width:180px;position:relative}.ot-search-icon{color:var(--text-secondary);pointer-events:none;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.ot-search-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);width:100%;height:38px;color:var(--text-primary);box-sizing:border-box;padding:0 32px 0 34px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.ot-search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.ot-search-clear{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ot-search-clear:hover{background:var(--bg-subtle);color:var(--text-primary)}.ot-filter-dates{gap:8px;display:flex}.ot-filter-group{flex-direction:column;gap:4px;display:flex}.ot-filter-label{color:var(--text-secondary);font-size:11px}.ot-filter-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);height:38px;color:var(--text-primary);box-sizing:border-box;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.ot-filter-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.ot-filter-reset{border:1px solid var(--border);border-radius:var(--radius);height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:0 12px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ot-filter-reset:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.ot-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ot-field{flex-direction:column;gap:5px;display:flex}.ot-field--full{grid-column:1/-1}.ot-label-staff{color:var(--text-secondary);font-size:12px;font-weight:500}.ot-required{color:var(--danger,#dc2626)}.ot-optional{color:var(--text-secondary);font-size:11px;font-weight:400}.ot-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);height:38px;color:var(--text-primary);box-sizing:border-box;width:100%;padding:0 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.ot-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.ot-select{cursor:pointer}.ot-textarea{resize:vertical;height:auto;min-height:80px;padding:9px 11px;line-height:1.5}.ot-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.15s ot-fade;display:flex;position:fixed;inset:0}.ot-modal{background:var(--bg-card,#fff);border-radius:var(--radius-lg,14px);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-lg,0 20px 50px #00000040);padding:22px;animation:.18s ot-pop;position:relative;overflow-y:auto}.ot-modal-close{background:var(--bg-subtle,#f1f5f9);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:14px;right:14px}.ot-modal-close:hover{color:var(--text-primary);background:#e2e8f0}.ot-modal-title{color:var(--text-primary);margin:0 36px 2px 0;font-size:16px;font-weight:700}.ot-modal-sub{color:var(--text-secondary);margin:0 0 16px;font-size:12px}.ot-form-body{flex-direction:column;gap:16px;display:flex}.ot-form-footer{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.ot-btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;height:38px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .15s,background .15s,color .15s}.ot-btn--outline{border-color:var(--border);color:var(--text-secondary);background:0 0}.ot-btn--outline:hover{background:var(--bg-subtle);color:var(--text-primary)}.ot-btn--primary{background:var(--primary);color:#fff}.ot-btn--primary:hover:not(:disabled){opacity:.92}.ot-btn--primary:disabled{opacity:.55;cursor:not-allowed}.ot-modal-summary{background:var(--bg-subtle);border-radius:var(--radius);flex-direction:column;gap:4px;margin-bottom:14px;padding:12px;display:flex}.ot-summary-name{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.ot-summary-meta{color:var(--text-secondary);margin:0;font-size:12px}.ot-action-btns{gap:8px;margin-bottom:14px;display:flex}.ot-form-body .ot-modal-summary,.ot-form-body .ot-action-btns{margin-bottom:0}.ot-action-btn{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.ot-action-btn--approve.active{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.ot-action-btn--reject.active{color:#dc2626;background:#fef2f2;border-color:#dc2626}.ot-reject-textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:72px;padding:8px 10px;font-family:inherit;font-size:13px}.ot-reject-textarea:focus{border-color:var(--primary);outline:none}.ot-list{flex-direction:column;gap:8px;display:flex}.ot-card-staff{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.ot-card-staff-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.ot-card-staff-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.ot-card-staff-actions{gap:4px;display:flex}.ot-card-staff-icon{border-radius:var(--radius);width:36px;height:36px;color:var(--primary);background:var(--bg-subtle);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ot-card-staff-emp{color:var(--text-secondary);margin:0 0 4px;font-size:11px}.ot-card-staff-title{color:var(--text-primary);margin:0 0 2px;font-size:13px;font-weight:600}.ot-card-staff-sub{color:var(--text-secondary);margin:0 0 2px;font-size:12px}.ot-card-staff-reason{color:var(--text-secondary);margin:4px 0 0;font-size:12px;font-style:italic}.ot-card-staff-rejection{color:#dc2626;margin:4px 0 0;font-size:12px}.ot-status-badge{white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:11px;font-weight:600}.ot-loading{text-align:center;color:var(--text-secondary);padding:40px;font-size:13px}.ot-empty{text-align:center;color:var(--text-secondary);padding:40px}.ot-empty-icon{color:var(--text-secondary);margin:0 auto 8px;display:block}.ot-empty p{margin:0;font-size:13px}.ot-pagination{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.ot-page-btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:30px;height:30px;color:var(--text-primary);background:0 0;font-size:12px}.ot-page-btn--active{background:var(--primary);color:#fff;border-color:var(--primary)}@media (width<=640px){.ot-toolbar{flex-direction:column;align-items:stretch}.ot-toolbar>:last-child{width:100%}.ot-toolbar-left{flex-direction:column;align-items:stretch}.ot-search{flex:auto;min-width:0}.ot-filter-dates{gap:8px}.ot-filter-group{flex:1}.ot-filter-input{width:100%}.ot-filter-reset{justify-content:center;width:100%}}@media (width<=560px){.ot-form-grid{grid-template-columns:1fr}.ot-modal{padding:18px}.ot-card-staff{flex-direction:column;align-items:stretch}.ot-card-staff-right{flex-direction:row;justify-content:space-between;align-items:center}}.ot-doc-upload{border:1.5px dashed var(--border-color,#e2e8f0);cursor:pointer;border-radius:8px;padding:12px 14px;transition:border-color .15s,background .15s}.ot-doc-upload:hover{border-color:var(--color-primary,#2563eb);background:var(--bg-hover,#f8fafc)}.ot-doc-placeholder{color:var(--text-secondary,#64748b);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:13px;display:flex}.ot-doc-placeholder svg{opacity:.7;margin-bottom:2px}.ot-doc-hint{color:var(--text-muted,#94a3b8);font-size:11px}.ot-doc-preview{color:var(--text-primary,#1e293b);align-items:center;gap:8px;font-size:13px;display:flex}.ot-doc-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ot-doc-remove{background:var(--bg-danger-subtle,#fef2f2);width:20px;height:20px;color:var(--color-danger,#dc2626);cursor:pointer;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ot-doc-remove:hover{background:var(--color-danger,#dc2626);color:#fff}.ot-doc-link{color:var(--color-primary,#2563eb);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:0;font-size:12px;text-decoration:none;display:inline-flex}.ot-doc-link:hover{text-decoration:underline}.ot-card-staff-thumb{cursor:pointer;background:var(--bg-muted,#f1f5f9);border:none;border-radius:8px;flex-shrink:0;width:40px;height:40px;padding:0;overflow:hidden}.ot-card-staff-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ot-field-hint{color:var(--text-muted,#94a3b8);margin-top:4px;font-size:11px;display:block}:root,.bt-view{--border:var(--border-color);--radius:var(--radius-md);--primary:var(--color-primary);--bg-input:var(--bg-card);--bg-subtle:var(--bg-page);--danger:var(--color-danger)}.bt-tabs{border-bottom:1px solid var(--border-color,#e5e7eb);scrollbar-width:none;gap:8px;margin-bottom:14px;display:flex;overflow-x:auto}.bt-tabs::-webkit-scrollbar{display:none}.bt-tab{color:var(--text-secondary,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 4px;font-size:14px;position:relative}.bt-tab--active{color:var(--text-primary,#111827);border-bottom-color:var(--color-primary,#2563eb);font-weight:600}.bt-tab-badge{color:#fff;vertical-align:middle;background:#dc2626;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px}.bt-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.bt-toolbar>:last-child{flex-shrink:0}.bt-toolbar-left{flex-wrap:wrap;flex:1;align-items:flex-end;gap:10px;display:flex}.bt-search{flex:220px;min-width:180px;position:relative}.bt-search-icon{color:var(--text-secondary);pointer-events:none;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.bt-search-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);width:100%;height:38px;color:var(--text-primary);box-sizing:border-box;padding:0 32px 0 34px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.bt-search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.bt-search-clear{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.bt-search-clear:hover{background:var(--bg-subtle);color:var(--text-primary)}.bt-filter-dates{gap:8px;display:flex}.bt-filter-group{flex-direction:column;gap:4px;display:flex}.bt-filter-label{color:var(--text-secondary);font-size:11px}.bt-filter-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);height:38px;color:var(--text-primary);box-sizing:border-box;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.bt-filter-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.bt-filter-reset{border:1px solid var(--border);border-radius:var(--radius);height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:0 12px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.bt-filter-reset:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.bt-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bt-field{flex-direction:column;gap:5px;display:flex}.bt-field--full{grid-column:1/-1}.bt-label{color:var(--text-secondary);font-size:12px;font-weight:500}.bt-required{color:var(--danger,#dc2626)}.bt-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);height:38px;color:var(--text-primary);box-sizing:border-box;width:100%;padding:0 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.bt-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.bt-select{cursor:pointer}.bt-textarea{resize:vertical;height:auto;min-height:80px;padding:9px 11px;line-height:1.5}.bt-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.15s bt-fade;display:flex;position:fixed;inset:0}.bt-modal{background:var(--bg-card,#fff);border-radius:var(--radius-lg,14px);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-lg,0 20px 50px #00000040);padding:22px;animation:.18s bt-pop;position:relative;overflow-y:auto}.bt-modal-close{background:var(--bg-subtle,#f1f5f9);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:14px;right:14px}.bt-modal-close:hover{color:var(--text-primary);background:#e2e8f0}.bt-modal-title{color:var(--text-primary);margin:0 36px 2px 0;font-size:16px;font-weight:700}.bt-modal-sub{color:var(--text-secondary);margin:0 0 16px;font-size:12px}.bt-form-body{flex-direction:column;gap:16px;display:flex}.bt-form-footer{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.bt-btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;height:38px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .15s,background .15s,color .15s}.bt-btn--outline{border-color:var(--border);color:var(--text-secondary);background:0 0}.bt-btn--outline:hover{background:var(--bg-subtle);color:var(--text-primary)}.bt-btn--primary{background:var(--primary);color:#fff}.bt-btn--primary:hover:not(:disabled){opacity:.92}.bt-btn--primary:disabled{opacity:.55;cursor:not-allowed}.bt-modal-summary{background:var(--bg-subtle);border-radius:var(--radius);flex-direction:column;gap:4px;margin-bottom:14px;padding:12px;display:flex}.bt-summary-name{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.bt-summary-meta{color:var(--text-secondary);margin:0;font-size:12px}.bt-action-btns{gap:8px;margin-bottom:14px;display:flex}.bt-form-body .bt-modal-summary,.bt-form-body .bt-action-btns{margin-bottom:0}.bt-action-btn{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.bt-action-btn--approve.active{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.bt-action-btn--reject.active{color:#dc2626;background:#fef2f2;border-color:#dc2626}.bt-reject-textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:72px;padding:8px 10px;font-family:inherit;font-size:13px}.bt-reject-textarea:focus{border-color:var(--primary);outline:none}.bt-list{flex-direction:column;gap:8px;display:flex}.bt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.bt-card-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.bt-card-right{flex-direction:row;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.bt-card-actions{gap:4px;display:flex}.bt-card-icon{border-radius:var(--radius);width:36px;height:36px;color:var(--primary);background:var(--bg-subtle);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bt-card-emp{color:var(--text-secondary);margin:0 0 4px;font-size:11px}.bt-card-title{color:var(--text-primary);margin:0 0 2px;font-size:13px;font-weight:600}.bt-card-sub{color:var(--text-secondary);margin:0 0 2px;font-size:12px}.bt-card-reason{color:var(--text-secondary);margin:4px 0 0;font-size:12px;font-style:italic}.bt-card-rejection{color:#dc2626;margin:4px 0 0;font-size:12px}.bt-status-badge{white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:11px;font-weight:600}.bt-loading{text-align:center;color:var(--text-secondary);padding:40px;font-size:13px}.bt-empty{text-align:center;color:var(--text-secondary);padding:40px}.bt-empty-icon{color:var(--text-secondary);margin:0 auto 8px;display:block}.bt-empty p{margin:0;font-size:13px}.bt-pagination{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.bt-page-btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:30px;height:30px;color:var(--text-primary);background:0 0;font-size:12px}.bt-page-btn--active{background:var(--primary);color:#fff;border-color:var(--primary)}@media (width<=640px){.bt-toolbar{flex-direction:column;align-items:stretch}.bt-toolbar>:last-child{width:100%}.bt-toolbar-left{flex-direction:column;align-items:stretch}.bt-search{flex:auto;min-width:0}.bt-filter-dates{gap:8px}.bt-filter-group{flex:1}.bt-filter-input{width:100%}.bt-filter-reset{justify-content:center;width:100%}}@media (width<=560px){.bt-form-grid{grid-template-columns:1fr}.bt-modal{padding:18px}.bt-card{flex-direction:column;align-items:stretch}.bt-card-right{flex-direction:row;justify-content:space-between;align-items:center}}.bt-file-link{border:1px solid var(--border);background:var(--bg-subtle);color:var(--primary);border-radius:99px;align-items:center;gap:5px;max-width:100%;margin-top:6px;padding:3px 10px 3px 8px;font-size:11.5px;font-weight:500;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.bt-file-link:before{content:"";background-color:currentColor;flex-shrink:0;width:13px;height:13px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") 50%/contain no-repeat}.bt-file-link:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary);filter:brightness(.95)}.bt-modal-summary .bt-file-link{background:var(--bg-card);margin-top:8px}.bt-optional{color:var(--text-secondary);font-size:11px;font-weight:400}.bt-doc-upload{border:1.5px dashed var(--border-color,#e2e8f0);cursor:pointer;border-radius:8px;padding:12px 14px;transition:border-color .15s,background .15s}.bt-doc-upload:hover{border-color:var(--color-primary,#2563eb);background:var(--bg-hover,#f8fafc)}.bt-doc-placeholder{color:var(--text-secondary,#64748b);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:13px;display:flex}.bt-doc-placeholder svg{opacity:.7;margin-bottom:2px}.bt-doc-hint{color:var(--text-muted,#94a3b8);font-size:11px}.bt-doc-preview{color:var(--text-primary,#1e293b);align-items:center;gap:8px;font-size:13px;display:flex}.bt-doc-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bt-doc-remove{background:var(--bg-danger-subtle,#fef2f2);width:20px;height:20px;color:var(--color-danger,#dc2626);cursor:pointer;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bt-doc-remove:hover{background:var(--color-danger,#dc2626);color:#fff}.req-layout{gap:var(--space-5);flex-direction:column;min-height:100%;display:flex}.req-tabbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:stretch;gap:4px;padding:4px;display:flex}.req-tabbar-btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;height:38px;padding:0 var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);color:var(--text-secondary);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex:1;display:flex}.req-tabbar-icon{flex-shrink:0}.req-tabbar-label{text-overflow:ellipsis;overflow:hidden}.req-tabbar-btn:hover{background:var(--bg-page);color:var(--text-primary)}.req-tabbar-btn--active,.req-tabbar-btn--active:hover{background:var(--color-primary-dark,var(--color-primary));color:var(--color-white);font-weight:600}.req-content{flex:1;min-width:0}.req-toast-container{gap:var(--space-2);z-index:9999;flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px}.req-toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-body);box-shadow:var(--shadow-lg);color:var(--color-white);min-width:240px;animation:.2s req-toast-in}.req-toast--success{background:var(--color-primary)}.req-toast--error{background:var(--color-danger)}.req-toast--warning{background:var(--color-warning)}@keyframes req-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.req-layout{gap:var(--space-4)}.req-tabbar-btn{padding:0 var(--space-2);font-size:12px}}@media (width<=480px){.req-tabbar{gap:3px;padding:3px}.req-tabbar-btn{flex-direction:column;gap:3px;height:auto;padding:8px 4px;font-size:11px;line-height:1.1}.req-tabbar-label{max-width:100%}.req-toast-container{bottom:16px;left:16px;right:16px}.req-toast{width:100%;min-width:0}}@media (width<=340px){.req-tabbar-btn{padding:7px 2px;font-size:10px}}.req-view{gap:var(--space-4,16px);flex-direction:column;display:flex}.req-view-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.req-view-title{color:var(--text-primary);font-size:16px;font-weight:700;font-family:var(--font-heading,inherit);margin:0 0 2px}.req-view-sub{color:var(--text-muted);margin:0;font-size:12px}.req-btn-primary{font-size:13px;font-weight:600;font-family:var(--font-body);border-radius:var(--radius-md,8px);background:var(--color-primary-dark,#4f46e5);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;transition:opacity .15s;display:inline-flex}.req-btn-primary:hover:not(:disabled){opacity:.88}.req-btn-primary:disabled{opacity:.6;cursor:not-allowed}.req-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);padding:var(--space-5,20px);gap:var(--space-4,16px);flex-direction:column;animation:.18s both req-slide-down;display:flex}@keyframes req-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.req-form-grid{gap:var(--space-3,12px);grid-template-columns:1fr 1fr;display:grid}.req-field{flex-direction:column;gap:6px;display:flex}.req-field--full{grid-column:1/-1}.req-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:11px;font-weight:600}.req-input{height:36px;font-size:13px;font-family:var(--font-body);border:1px solid var(--border-color);border-radius:var(--radius-md,8px);background:var(--bg-card);color:var(--text-primary);box-sizing:border-box;outline:none;width:100%;padding:0 12px;transition:border-color .15s}.req-input:focus{border-color:var(--color-primary-dark,#4f46e5)}.req-input::placeholder{color:var(--text-muted)}.req-textarea{resize:vertical;height:auto;padding:10px 12px;line-height:1.5}.req-form-footer{justify-content:flex-end;display:flex}.req-list{gap:var(--space-3,12px);flex-direction:column;display:flex}.req-card{padding:var(--space-4,16px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);justify-content:space-between;align-items:center;gap:12px;transition:box-shadow .15s;display:flex}.req-card:hover{box-shadow:var(--shadow-sm)}.req-card-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.req-card-icon{border-radius:var(--radius-md,8px);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.req-card-icon--leave{background:#eff6ff}.req-card-icon--overtime{background:#fef3c7}.req-card-icon--trip{background:#f0fdf4}.req-card-title{color:var(--text-primary);margin:0 0 3px;font-size:13px;font-weight:600}.req-card-sub{color:var(--text-muted);margin:0 0 3px;font-size:12px}.req-card-reason{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;margin:0;font-size:12px;font-style:italic;overflow:hidden}.req-status-badge{white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.req-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:48px 24px;font-size:13px;display:flex}.req-empty-icon{font-size:32px}.req-loading{text-align:center;color:var(--text-muted);padding:40px;font-size:13px}.req-pagination{justify-content:center;gap:4px;display:flex}.req-page-btn{border-radius:var(--radius-sm,6px);border:1px solid var(--border-color);background:var(--bg-card);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;transition:background .15s}.req-page-btn:hover{background:var(--bg-page)}.req-page-btn--active{background:var(--color-primary-dark,#4f46e5);color:#fff;border-color:var(--color-primary-dark,#4f46e5)}@media (width<=540px){.req-form-grid{grid-template-columns:1fr}.req-card-reason{max-width:160px}}.bs-layout{flex-direction:column;gap:28px;width:100%;display:flex}.bs-header{flex-direction:column;gap:4px;display:flex}.bs-title{letter-spacing:-.01em;color:var(--color-text-primary);margin:0;font-size:20px;font-weight:700}.bs-desc{color:var(--color-text-secondary);margin:0;font-size:13px}.bs-card{border:1px solid var(--color-border,#e2e8f0);background:var(--color-background-secondary,#fff);border-radius:14px;flex-direction:column;gap:16px;width:100%;padding:20px;display:flex;box-shadow:0 1px 2px #0f172a0a}.bs-card-head{align-items:center;gap:12px;display:flex}.bs-card-icon{width:38px;height:38px;color:var(--color-primary,#6366f1);background:#6366f11a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bs-card-title{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:600}.bs-card-sub{color:var(--color-text-secondary);margin:2px 0 0;font-size:12px}.bs-dropzone{border:2px dashed var(--color-border,#e2e8f0);cursor:pointer;border-radius:10px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:130px;padding:24px;transition:border-color .15s,background .15s;display:flex}.bs-dropzone:hover{border-color:var(--color-primary,#6366f1);background:#6366f108}.bs-dropzone:focus-visible{border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px #6366f126}.bs-dropzone--over{border-color:var(--color-primary,#6366f1);background:#6366f10f}.bs-dropzone--has-file{border-style:solid;border-color:var(--color-primary,#6366f1)}.bs-dropzone-cloud{color:var(--color-text-tertiary,#94a3b8)}.bs-dropzone-text{color:var(--color-text-secondary);text-align:center;margin:0;font-size:13px}.bs-dropzone-text span{color:var(--color-primary,#6366f1);font-weight:500}.bs-dropzone-hint{color:var(--color-text-tertiary,#94a3b8);margin:0;font-size:11px}.bs-dropzone-file{color:var(--color-text-primary);align-items:center;gap:8px;width:100%;max-width:100%;font-size:13px;display:flex}.bs-dropzone-file span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bs-dropzone-file button{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.bs-dropzone-file button:hover{color:#dc2626}.bs-card-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.bs-template-btn{color:var(--color-primary,#6366f1);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-right:auto;padding:0;font-size:12px;font-weight:500;display:inline-flex}.bs-template-btn:hover:not(:disabled){text-decoration:underline}.bs-template-btn:disabled{opacity:.5;cursor:not-allowed}.bs-upload-btn{background:var(--color-primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 22px;font-size:13px;font-weight:600;transition:opacity .15s,transform 50ms;display:inline-flex}.bs-upload-btn:hover:not(.bs-upload-btn--disabled){opacity:.92}.bs-upload-btn:active:not(.bs-upload-btn--disabled){transform:translateY(1px)}.bs-upload-btn--disabled{opacity:.5;cursor:not-allowed}.bs-result{border-radius:9px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex}.bs-result--success{color:#16a34a;background:#f0fdf4}.bs-errors{border:1px solid #fca5a5;border-radius:9px;overflow:hidden}.bs-errors-title{color:#dc2626;background:#fef2f2;align-items:center;gap:6px;margin:0;padding:11px 14px;font-size:13px;font-weight:600;display:flex}.bs-errors-list{max-height:200px;padding:8px 14px;overflow-y:auto}.bs-error-row{border-bottom:1px solid #f1f5f9;padding:6px 0;font-size:12px}.bs-error-row:last-child{border-bottom:none}.bs-error-row-num{color:var(--color-text-secondary);margin-right:6px;font-weight:600}.bs-error-row ul{color:#dc2626;margin:3px 0 0;padding-left:16px}.bs-error-row ul li{margin-bottom:2px}.bs-section{flex-direction:column;gap:12px;display:flex}.bs-section-head{align-items:center;gap:9px;display:flex}.bs-section-title{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:600}.bs-count{background:var(--color-background-tertiary,#f1f5f9);min-width:22px;height:20px;color:var(--color-text-secondary);border-radius:99px;justify-content:center;align-items:center;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.bs-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bs-search{flex:240px;min-width:200px;position:relative}.bs-search svg{color:var(--color-text-tertiary,#94a3b8);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.bs-search input{border:1px solid var(--color-border,#e2e8f0);width:100%;color:var(--color-text-primary);background:var(--color-background-secondary,#fff);border-radius:9px;outline:none;padding:8px 12px 8px 34px;font-size:13px;transition:border-color .15s,box-shadow .15s}.bs-search input::placeholder{color:var(--color-text-tertiary,#94a3b8)}.bs-search input:focus{border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px #6366f11f}.bs-filter-dates{align-items:center;gap:6px;display:flex}.bs-filter-input,.bs-filter-select{border:1px solid var(--color-border,#e2e8f0);color:var(--color-text-primary);background:var(--color-background-secondary,#fff);border-radius:9px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.bs-filter-input:focus,.bs-filter-select:focus{border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px #6366f11f}.bs-filter-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.bs-filter-sep{color:var(--color-text-tertiary,#94a3b8);font-size:13px}.bs-filter-select{cursor:pointer}.bs-filter-clear{border:1px solid var(--color-border,#e2e8f0);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:9px;padding:8px 14px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.bs-filter-clear:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.bs-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border,#e2e8f0);background:var(--color-background-secondary,#fff);border-radius:12px;overflow-x:auto}.bs-table{border-collapse:collapse;width:100%;font-size:13px}.bs-table th{text-align:left;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-background-tertiary,#f8fafc);border-bottom:1px solid var(--color-border,#e2e8f0);white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:600}.bs-table td{border-bottom:1px solid var(--color-border,#f1f5f9);vertical-align:middle;padding:11px 14px}.bs-table tbody tr{transition:background .12s}.bs-table tbody tr:hover{background:#6366f105}.bs-table tr:last-child td{border-bottom:none}.bs-table-center{text-align:center;padding:28px!important}.bs-table-empty{text-align:center;color:var(--color-text-tertiary);font-size:13px;padding:28px!important}.bs-emp{flex-direction:column;gap:1px;display:flex}.bs-emp-name{color:var(--color-text-primary);font-size:13px;font-weight:500}.bs-emp-email{color:var(--color-text-secondary);font-size:11px}.bs-status{white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:500;display:inline-block}.bs-status--present{color:#16a34a;background:#f0fdf4}.bs-status--absent{color:#dc2626;background:#fef2f2}.bs-status--late{color:#ea580c;background:#fff7ed}.bs-status--half_day{color:#ca8a04;background:#fefce8}.bs-status--leave{color:#2563eb;background:#eff6ff}.bs-att-photos{align-items:center;gap:6px;display:flex}.bs-att-photo{object-fit:cover;border:1px solid var(--color-border,#e2e8f0);cursor:pointer;border-radius:6px;flex-shrink:0;width:34px;height:34px;transition:transform .15s}.bs-att-photo:hover{transform:scale(1.08)}.bs-att-photo-btn{border:1px dashed var(--color-border,#e2e8f0);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.bs-att-photo-btn:hover:not(:disabled){border-style:solid;border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}.bs-att-photo-btn:disabled{opacity:.5;cursor:not-allowed}.bs-log-filename{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.bs-log-status{border-radius:99px;padding:2px 9px;font-size:11px;font-weight:500;display:inline-block}.bs-log-status--success{color:#16a34a;background:#f0fdf4}.bs-log-status--failed{color:#dc2626;background:#fef2f2}.bs-log-actions{align-items:center;gap:6px;display:flex}.bs-dl-btn{border:1px solid var(--color-border,#e2e8f0);cursor:pointer;width:30px;height:30px;color:var(--color-text-secondary);background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.bs-dl-btn:hover:not(:disabled){background:var(--color-background-tertiary,#f1f5f9)}.bs-dl-btn--error{color:#dc2626;border-color:#fca5a5}.bs-dl-btn--error:hover:not(:disabled){background:#fef2f2}.bs-dl-btn:disabled{opacity:.5;cursor:not-allowed}.bs-pagination{justify-content:center;align-items:center;gap:12px;padding:4px 0;display:flex}.bs-pag-btn{border:1px solid var(--color-border,#e2e8f0);background:var(--color-background-secondary,#fff);cursor:pointer;width:34px;height:34px;color:var(--color-text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:17px;line-height:1;transition:background .15s,border-color .15s;display:flex}.bs-pag-btn:hover:not(:disabled){background:var(--color-background-tertiary,#f1f5f9);border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}.bs-pag-btn:disabled{opacity:.4;cursor:not-allowed}.bs-pag-info{color:var(--color-text-secondary);text-align:center;min-width:56px;font-size:13px}.bs-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite bs-spin;display:inline-block}@keyframes bs-spin{to{transform:rotate(360deg)}}.bs-toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.bs-toast{border-radius:9px;min-width:240px;padding:12px 16px;font-size:13px;font-weight:500;box-shadow:0 6px 18px #0f172a1f}.bs-toast--success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.bs-toast--error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}@media (width<=640px){.bs-layout{gap:22px}.bs-card{padding:16px}.bs-card-footer{flex-direction:column;align-items:stretch;gap:12px}.bs-template-btn{order:2;justify-content:center;margin-right:0}.bs-upload-btn{order:1;justify-content:center}.bs-filters{gap:8px}.bs-search{flex:100%;min-width:0}.bs-filter-dates{flex:100%}.bs-filter-input{flex:1;min-width:0}.bs-filter-select,.bs-filter-clear{flex:100%}.bs-table-wrap{background:0 0;border:none;overflow:visible}.bs-table,.bs-table tbody,.bs-table tr,.bs-table td{width:100%;display:block}.bs-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.bs-table tbody tr{border:1px solid var(--color-border,#e2e8f0);background:var(--color-background-secondary,#fff);border-radius:12px;margin-bottom:12px;padding:4px 2px;box-shadow:0 1px 2px #0f172a0a}.bs-table tbody tr:hover{background:var(--color-background-secondary,#fff)}.bs-table td{border-bottom:1px solid var(--color-border,#f1f5f9);text-align:right;justify-content:space-between;align-items:center;gap:14px;padding:9px 14px;display:flex}.bs-table tr td:last-child{border-bottom:none}.bs-table td:before{content:attr(data-label);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-secondary);text-align:left;flex-shrink:0;font-size:11px;font-weight:600}.bs-table td.bs-table-msg{text-align:center;border-bottom:none;display:block}.bs-table td.bs-table-msg:before{content:none}.bs-emp{align-items:flex-end}.bs-att-photos{justify-content:flex-end}.bs-log-filename{max-width:60vw}.bs-log-actions{justify-content:flex-end}.bs-toast-container{bottom:16px;left:16px;right:16px}.bs-toast{min-width:0}}.sd-page{flex-direction:column;gap:16px;min-height:0;display:flex}@media (width<=768px){.sd-page{gap:12px}}@media (width<=480px){.sd-page{gap:10px}}.sd-skel{background:linear-gradient(90deg,#eef1f6 25%,#e2e7ef 50%,#eef1f6 75%) 0 0/200% 100%;animation:1.4s infinite sd-shimmer;display:block}@keyframes sd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sd-greeting{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.sd-greeting-left{align-items:center;gap:12px;min-width:0;display:flex}.sd-greeting-avatar{width:46px;height:46px;color:var(--color-primary);background:#003d7914;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;overflow:hidden}.sd-greeting-text-wrap{min-width:0}.sd-greeting-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:15px;font-weight:500;overflow:hidden}.sd-greeting-text strong{font-weight:700}.sd-greeting-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sd-greeting-chip{white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:500}.sd-greeting-chip--role{color:var(--color-primary);background:#003d7914}.sd-greeting-chip--project{color:var(--text-muted);background:#f0f3f7}.sd-greeting-date{color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin:0;font-size:12px}@media (width<=480px){.sd-greeting{padding:14px 16px}.sd-greeting-date{display:none}.sd-greeting-text{font-size:14px}}.sd-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=768px){.sd-grid{grid-template-columns:1fr;gap:12px}}.sd-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}@media (width<=480px){.sd-card{gap:12px;padding:14px 16px}}.sd-card-head{align-items:flex-start;gap:12px;display:flex}.sd-card-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sd-card-icon--blue{color:#3b82f6;background:#3b82f61a}.sd-card-icon--green{color:#16a34a;background:#22c55e1a}.sd-card-title{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:600}.sd-card-sub{color:var(--text-muted);margin:0;font-size:12px}.sd-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:18px 0;display:flex}.sd-empty-icon{opacity:.35}.sd-empty-text{text-align:center;margin:0;font-size:13px}.sd-badge{letter-spacing:.02em;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.sd-badge--success{color:#16a34a;background:#22c55e1a}.sd-badge--info{color:#2563eb;background:#3b82f61a}.sd-badge--warning{color:#b45309;background:#f59e0b1a}.sd-badge--danger{color:#dc2626;background:#ef44441a}.sd-badge--gray{color:var(--text-muted);background:#f0f3f7}.sd-att-status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sd-att-late{color:#b45309;background:#f59e0b1a;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:500}.sd-att-times{background:#f4f6f9;border-radius:10px;align-items:center;padding:14px 16px;display:flex}@media (width<=360px){.sd-att-times{padding:12px}}.sd-att-time-item{opacity:.4;flex:1;align-items:center;gap:10px;min-width:0;transition:opacity .15s;display:flex}.sd-att-time-item--done{opacity:1}.sd-att-time-dot{background:var(--border-color);border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .15s}.sd-att-time-item--done .sd-att-time-dot{background:var(--color-primary);box-shadow:0 0 0 3px #003d7926}.sd-att-time-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;margin:0 0 2px;font-size:10px;font-weight:600}.sd-att-time-value{color:var(--text-primary);letter-spacing:-.5px;white-space:nowrap;margin:0;font-size:20px;font-weight:700}@media (width<=400px){.sd-att-time-value{font-size:17px}}.sd-att-time-line{background:var(--border-color);flex-shrink:0;width:28px;height:1px;margin:0 4px}.sd-att-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sd-att-meta-item{color:var(--text-secondary);background:#f0f3f7;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:500;display:flex}.sd-att-meta-item--ot{color:#7c3aed;background:#7c3aed14}.sd-sched-list{flex-direction:column;gap:10px;display:flex}.sd-sched-item{border:1px solid var(--border-color);background:#f8fafc;border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.sd-sched-item--active{background:#003d790d;border-color:#003d792e}.sd-sched-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.sd-sched-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:600;display:flex;overflow:hidden}.sd-sched-item--active .sd-sched-name{color:var(--color-primary)}.sd-sched-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #003d7926}.sd-sched-time{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);white-space:nowrap;border-radius:7px;flex-shrink:0;align-items:center;gap:4px;padding:4px 9px;font-size:12px;font-weight:600;display:flex}.sd-sched-item--active .sd-sched-time{color:var(--color-primary);background:#003d7914;border-color:#0000}.sd-days{gap:4px;display:flex}.sd-day{text-align:center;min-width:0;color:var(--text-muted);background:#edf1f6;border:1px solid #0000;border-radius:7px;flex:1;padding:6px 0;font-size:11px;font-weight:600;transition:background .12s,color .12s}.sd-day--on{color:var(--color-primary);background:#003d791a}.sd-day--today{border-color:var(--color-primary);font-weight:700}.sd-day--on.sd-day--today{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (width<=360px){.sd-day{border-radius:6px;padding:5px 0;font-size:10px}.sd-days{gap:3px}}.notif-page{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.notif-page-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 5%, var(--bg-card)), var(--bg-card));flex-wrap:wrap;display:flex}.notif-page-heading{align-items:center;gap:var(--space-3);min-width:0;display:flex}.notif-page-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary) 12%, transparent);width:44px;height:44px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.notif-page-icon-dot{border:2px solid var(--bg-card);background:#ef4444;border-radius:50%;width:9px;height:9px;position:absolute;top:8px;right:8px;box-shadow:0 0 0 2px #ef444440}.notif-page-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:20px;font-weight:700;line-height:1.2}.notif-page-sub{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.notif-page-sub strong{border-radius:var(--radius-full);background:var(--color-primary);min-width:18px;height:18px;color:var(--color-white);justify-content:center;align-items:center;margin-right:4px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.notif-markall-btn{border:1px solid var(--color-primary);border-radius:var(--radius-full);background:var(--bg-card);font-family:var(--font-body);color:var(--color-primary);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.notif-markall-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 30%, transparent);transform:translateY(-1px)}.notif-markall-btn:active:not(:disabled){transform:translateY(0)}.notif-markall-btn:disabled{opacity:.55;cursor:not-allowed}.notif-btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite notif-spin;display:inline-block}.notif-loading{align-items:center;gap:var(--space-3);padding:var(--space-12);color:var(--text-muted);flex-direction:column;font-size:13px;display:flex}.notif-spinner{border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite notif-spin;display:inline-block}@keyframes notif-spin{to{transform:rotate(360deg)}}.notif-empty{align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center;flex-direction:column;display:flex}.notif-empty-icon{border:1px solid var(--border-color);background:var(--bg-page);width:64px;height:64px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.notif-empty-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.notif-empty-sub{color:var(--text-muted);margin:0;font-size:13px}.notif-list{gap:var(--space-2);flex-direction:column;display:flex}.notif-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);width:100%;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--transition-fast), transform var(--transition-fast);align-items:stretch;display:flex;position:relative;overflow:hidden}.notif-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.notif-item--read{background:var(--bg-page);box-shadow:none;opacity:.7}.notif-item--read:hover{box-shadow:var(--shadow-sm);opacity:1;transform:none}.notif-item-bar{flex-shrink:0;width:4px}.notif-item--read .notif-item-bar{opacity:.3}.notif-item-body{gap:var(--space-1);min-width:0;padding:var(--space-4) var(--space-5);padding-right:var(--space-8);flex-direction:column;flex:1;display:flex}.notif-item-top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.notif-item-type{border-radius:var(--radius-full);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding:3px 10px;font-size:10px;font-weight:700}.notif-item-date{padding-left:var(--space-3);color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:11px}.notif-item-title{margin:var(--space-1) 0 0;font-family:var(--font-heading);color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3}.notif-item--read .notif-item-title{color:var(--text-secondary)}.notif-item-message{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.notif-item--read .notif-item-message{color:var(--text-muted)}.notif-item-unread-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.notif-item-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.notif-act{cursor:pointer;border:none;border-radius:6px;flex:120px;min-width:110px;padding:8px 12px;font-size:13px;font-weight:600;transition:opacity .15s}.notif-act:disabled{opacity:.5;cursor:not-allowed}.notif-act--approve{color:#fff;background:#16a34a}.notif-act--reject{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.notif-status{border-radius:999px;align-self:flex-start;margin-top:10px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.notif-pagination{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;display:flex}.notif-pag-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);width:36px;height:36px;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:flex}.notif-pag-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.notif-pag-btn:disabled{opacity:.35;cursor:not-allowed}.notif-pag-info{text-align:center;min-width:52px;color:var(--text-secondary);font-size:13px;font-weight:500}@media (width<=768px){.notif-item-top{gap:var(--space-2);flex-wrap:wrap}.notif-item-date{margin-left:0;padding-left:0}}@media (width<=480px){.notif-page-header{flex-direction:column;align-items:flex-start}.notif-markall-btn{justify-content:center;width:100%}.notif-item-body{padding:var(--space-3) var(--space-4);padding-right:var(--space-7)}.notif-item-title{font-size:13px}.notif-item-message{font-size:12px}.notif-item-actions{flex-direction:column}.notif-act{flex:none;width:100%;min-width:0}}.profile{max-width:780px;padding:var(--space-6);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.profile-state{align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);color:var(--text-muted);text-align:center;flex-direction:column;font-size:14px;display:flex}.profile-state--error{color:var(--color-danger)}.profile-spinner{border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite profile-spin}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-hero{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar{background:var(--color-primary-dark);width:72px;height:72px;color:var(--color-accent);font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;overflow:hidden}.profile-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar-edit{background:var(--color-primary);width:28px;height:28px;color:var(--color-white);border:2px solid var(--bg-card);cursor:pointer;transition:background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-2px;right:-2px}.profile-avatar-edit:hover{background:var(--color-primary-dark)}.profile-hero-info{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.profile-name{font-family:var(--font-heading);color:var(--text-primary);word-break:break-word;margin:0;font-size:22px;font-weight:700}.profile-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-badge{border-radius:var(--radius-full);white-space:nowrap;padding:2px 10px;font-size:11px;font-weight:600}.profile-badge--position{color:#93c5fd;background:#3b82f61f}.profile-badge--project{color:#d8b4fe;background:#a855f71f}.profile-badge--active{color:#86efac;background:#22c55e1f}.profile-badge--inactive{color:#fca5a5;background:#ef44441f}.profile-tenant{color:var(--text-muted);margin:0;font-size:13px}.profile-hero-actions{gap:var(--space-2);flex-wrap:wrap;align-self:flex-start;margin-left:auto;display:flex}.profile-btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.profile-btn:disabled{opacity:.55;cursor:not-allowed}.profile-btn--ghost{background:var(--bg-page);color:var(--text-secondary);border-color:var(--border-color)}.profile-btn--ghost:not(:disabled):hover{background:var(--border-color);color:var(--text-primary)}.profile-btn--primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.profile-btn--primary:not(:disabled):hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6)}.profile-section-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);font-size:15px;font-weight:700}.profile-alert{align-items:center;gap:var(--space-2);background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-4);border:1px solid #ef444440;font-size:.8125rem;font-weight:500;display:flex}.profile-grid{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.profile-field{flex-direction:column;gap:6px;min-width:0;display:flex}.profile-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.profile-field-value{color:var(--text-primary);word-break:break-word;min-height:20px;font-size:14px;font-weight:500}.profile-field-value--capitalize{text-transform:capitalize}.profile-input{width:100%;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:8px 10px;font-size:14px}.profile-input:focus{border-color:var(--border-focus);background:var(--bg-card);outline:none;box-shadow:0 0 0 3px #003d791a}.cp-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;padding:var(--space-4);background:#0a162873;justify-content:center;align-items:center;animation:.15s cp-fade-in;display:flex;position:fixed;inset:0}@keyframes cp-fade-in{0%{opacity:0}to{opacity:1}}.cp-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:440px;box-shadow:var(--shadow-xl);animation:.2s cp-slide-up}@keyframes cp-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cp-modal-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.cp-modal-icon{border-radius:var(--radius-sm);background:var(--color-info-bg);width:38px;height:38px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cp-modal-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 3px;font-size:1rem;font-weight:700}.cp-modal-sub{color:var(--text-muted);margin:0;font-size:.8125rem}.cp-close{background:var(--bg-page);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:1.125rem;line-height:1;display:flex}.cp-close:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.cp-form{gap:var(--space-4);flex-direction:column;display:flex}.cp-error-banner{align-items:center;gap:var(--space-2);background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-3);border:1px solid #ef444440;font-size:.8125rem;font-weight:500;display:flex}.cp-field{gap:var(--space-1);flex-direction:column;display:flex}.cp-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.cp-input-wrap{display:flex;position:relative}.cp-input{width:100%;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:9px 38px 9px var(--space-3);transition:all var(--transition-fast);font-size:.9375rem}.cp-input:focus{border-color:var(--border-focus);background:var(--bg-card);outline:none;box-shadow:0 0 0 3px #003d791a}.cp-eye{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cp-eye:hover{color:var(--text-secondary)}.cp-hint{color:var(--text-muted);margin-top:calc(-1 * var(--space-2));font-size:.75rem;line-height:1.5}.cp-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);display:flex}.cp-btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:6px;padding:8px 18px;font-size:.875rem;font-weight:500;display:inline-flex}.cp-btn:disabled{opacity:.55;cursor:not-allowed}.cp-btn--primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.cp-btn--primary:not(:disabled):hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.cp-btn--ghost{background:var(--bg-page);color:var(--text-secondary);border-color:var(--border-color)}.cp-btn--ghost:not(:disabled):hover{background:var(--border-color);color:var(--text-primary)}.cp-success{align-items:center;gap:var(--space-3);padding:var(--space-8) 0 var(--space-4);color:var(--color-success);flex-direction:column;font-size:.9375rem;font-weight:500;display:flex}@media (width<=600px){.profile{padding:var(--space-4);gap:var(--space-4)}.profile-hero{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column}.profile-hero-info{align-items:center}.profile-badges{justify-content:center}.profile-hero-actions{width:100%;margin-left:0}.profile-hero-actions .profile-btn{flex:1}.profile-grid{grid-template-columns:1fr}.cp-modal{padding:var(--space-5) var(--space-4)}}@media (width<=360px){.profile{padding:var(--space-3)}.profile-hero,.profile-card{padding:var(--space-4)}.profile-avatar{width:60px;height:60px;font-size:20px}.profile-avatar-edit{width:24px;height:24px}.profile-name{font-size:18px}.profile-section-title{font-size:14px}.profile-hero-actions{flex-direction:column}.profile-hero-actions .profile-btn{width:100%}}